/* HLB Therapeutics case study: every rule is scoped to .hx-page / .hx so the shared header, contact and footer stay untouched. */
.hx-page{--hx-red:#ef3e36;--hx-red-t:#c42b22;--hx-ink:#0b1220;--hx-ink2:#121c30;--hx-deep:#070b14;--hx-slate:#4a5568;--hx-steel:#2e6a85;--hx-frost:#9cc3d5;--hx-ice:#eaf2f5;--hx-paper:#f7f9fa;--hx-line:#0b12201a;--hx-dline:#ffffff1f;--hx-dsub:#a9b8c6;--hx-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--hx-wide:'Archivo','Pretendard Variable',Pretendard,sans-serif;background:var(--hx-ink)}
.hx-page .site-header{position:fixed;inset:0 0 auto;background:rgba(11,18,32,.92);border-bottom-color:#ffffff14}
.hx-page .site-header .container{background:transparent;box-shadow:none}
.hx-page.hx-at-hero .site-consult-bar{visibility:hidden;pointer-events:none}
.hx{position:relative;color:var(--hx-ink);background:#fff;font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased}
.hx *{box-sizing:border-box}
.hx :where(h1,h2,h3,h4,p,figure,dl,dd,ul,ol,blockquote){margin:0;padding:0}
.hx :where(h1,h2,h3,h4){font-weight:800;line-height:1.22;letter-spacing:-.05em;text-wrap:balance}
.hx :where(p){text-wrap:pretty}
.hx :where(ul,ol){list-style:none}
.hx a{color:inherit;text-decoration:none}
.hx button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.hx :where(img,video,svg){display:block;max-width:100%}
.hx :where(img,video){height:auto}
.hx em{font-style:normal;color:var(--hx-steel)}
.hx code{font-family:var(--hx-mono);white-space:nowrap}
.hx :is(a,button,input):focus-visible,.hx-chapters a:focus-visible,.hx-lightbox button:focus-visible{outline:3px solid var(--hx-red);outline-offset:5px;border-radius:6px}
.hx-wrap{width:calc(100% - 12vw);max-width:1440px;margin-inline:auto}
.hx-sec{padding-block:clamp(96px,10vw,170px)}
.hx-eyebrow{display:inline-block;font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--hx-red-t)}
.hx-sectionhead{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,90px);border-bottom:1px solid var(--hx-line);font-size:15px;line-height:1.5}
.hx-sectionhead>span:first-child{font-family:var(--hx-mono);font-weight:600;letter-spacing:.06em;color:var(--hx-red-t)}
.hx h2{font-size:clamp(34px,4.1vw,68px)}
.hx-split{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:start}
.hx-prose{padding-top:8px}
.hx-prose p{max-width:600px;color:var(--hx-slate);font-size:18px}
.hx-prose p+p{margin-top:22px}
.hx-textlink{display:inline-flex;align-items:center;gap:32px;margin-top:28px;padding:12px 0;border-bottom:1.5px solid currentColor;font-size:16px;font-weight:600;line-height:1.5}
.hx-textlink span{font-size:22px;transition:transform .3s}
.hx-textlink:hover span{transform:translate(3px,-3px)}
.hx-pill{display:inline-flex;align-items:center;gap:22px;height:62px;padding:0 30px;border-radius:99px;background:var(--hx-ink);color:#fff!important;font-weight:700;font-size:17px;transition:transform .3s,background .3s}
.hx-pill:hover{transform:translateY(-3px);background:#1b2741}
.hx-pill--red{background:var(--hx-red);color:var(--hx-ink)!important}
.hx-pill--red:hover{background:#ff5a52}
.hx-skip{position:fixed;top:-90px;left:20px;z-index:9999;background:var(--hx-red);color:var(--hx-ink);padding:14px 18px;font-weight:700}
.hx-skip:focus{top:100px}
.hx-reading{position:fixed;z-index:1002;inset:0 0 auto;height:2px;pointer-events:none}
.hx-reading i{display:block;height:100%;background:linear-gradient(90deg,#9cc3d500,#9cc3d5);transform:scaleX(var(--read,0));transform-origin:left}
.hx-reading b{position:absolute;top:-3px;left:calc(var(--read,0) * 100%);width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--hx-red);box-shadow:0 0 12px #ef3e36aa}
/* reveal: content stays visible without JavaScript */
.hx-motion.hx-rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.hx-motion.hx-rv.is-in{opacity:1;transform:none}

/* 00 hero */
.hx-hero{position:relative;background:var(--hx-ink);color:#fff;--k1:1;--k2:1;--k3:1;--k4:1;--k5:1}
.hx-motion .hx-hero{height:420svh;--k1:0;--k2:0;--k3:0;--k4:0;--k5:0}
.hx-hero__pin{position:relative;height:100svh;min-height:640px;overflow:hidden}
.hx-motion .hx-hero__pin{position:sticky;top:0}
.hx-hero__stage{position:absolute;inset:0;display:none;background:radial-gradient(90% 70% at 72% 40%,#14223d 0,#0b1220 55%,#060a13 100%)}
.hx-motion .hx-hero__stage{display:block}
.hx-hero__top{position:absolute;top:112px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-family:var(--hx-mono);font-size:14px;font-weight:500;letter-spacing:.08em;color:var(--hx-dsub);opacity:calc(1 - var(--k2) * 1.4)}
.hx-hero__words{position:absolute;left:6vw;top:clamp(150px,21vh,220px);font-family:var(--hx-wide);font-stretch:125%;font-weight:800;font-size:clamp(64px,11.6vw,200px);line-height:.88;letter-spacing:-.045em;color:#fff}
.hx-word{display:block;white-space:nowrap}
.hx-word b{display:inline-block;font-weight:800;color:var(--hx-red);transform:translate(calc(var(--dx,0px) * var(--k1) - var(--gx,0px) * var(--k2) * .6),calc(var(--dy,0px) * var(--k1))) scale(calc(1 - var(--k2) * .6));transform-origin:50% 50%;opacity:calc(1 - var(--k2) * 1.1);will-change:transform}
.hx-word i{display:inline-block;font-style:normal;opacity:calc(1 - var(--k1) * 1.7);transform:translateX(calc(var(--k1) * -.18em));filter:blur(calc(var(--k1) * 10px))}
.hx-word:nth-child(1) i{transition-delay:0s}
.hx-hero__note{position:absolute;left:6vw;bottom:44px;font-family:var(--hx-mono);font-size:14px;letter-spacing:.06em;color:var(--hx-dsub);opacity:calc(1 - var(--k1) * 2)}
.hx-hero__note span{color:var(--hx-red);margin-right:10px}
.hx-hero__line{position:absolute;left:0;top:var(--ly,42%);width:var(--lx,70%);height:1.5px;margin-top:-.75px;background:linear-gradient(90deg,#ffffff00,#ffffffcc 40%,#fff);transform:scaleX(var(--k3));transform-origin:left;opacity:calc(1 - var(--k5) * 1.4)}
.hx-hero__drop{position:absolute;z-index:3;left:var(--lx,70%);top:var(--ly,42%);display:none;width:var(--ld,120px);height:var(--ld,120px);margin:calc(var(--ld,120px) / -2) 0 0 calc(var(--ld,120px) / -2);border-radius:50%;background:radial-gradient(circle at 36% 30%,#ff9b93 0,#ef3e36 38%,#b3170f 82%,#7d0b06 100%);box-shadow:0 0 calc(var(--k4) * 70px) #ef3e3666;transform:scale(var(--k4));pointer-events:none}
.hx-motion .hx-hero__drop{display:block;opacity:clamp(0,calc(1 - (var(--k5) - .22) * 5),1)}
.hx-hero__hint{position:absolute;right:6vw;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--hx-mono);font-size:14px;letter-spacing:.2em;color:var(--hx-dsub);transition:opacity .4s}
.hx-hero__hint i{width:1.5px;height:44px;background:linear-gradient(#fff,transparent);animation:hx-drip 1.8s infinite}
.hx-hero:not([data-phase="1"]) .hx-hero__hint{opacity:0}
@keyframes hx-drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hx-hero__reveal{position:absolute;inset:0;background:var(--hx-deep)}
.hx-motion .hx-hero__reveal{clip-path:circle(calc(var(--k5) * 150%) at var(--lx,70%) var(--ly,42%))}
.hx-hero__reveal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--kvx,70%) 50%;transform:scale(calc(1.08 - var(--k5) * .08));transform-origin:var(--lx,70%) var(--ly,42%)}
.hx-hero__reveal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060a13e6 0,#060a13a6 34%,#060a1300 62%),linear-gradient(0deg,#060a13cc 0,#060a1300 30%);pointer-events:none}
.hx-hero__ripple{position:absolute;left:var(--lx,70%);top:var(--ry,62%);z-index:1;width:0;height:0;pointer-events:none}
.hx-hero__ripple i{position:absolute;left:0;top:0;width:calc(var(--ld,120px) * 3.2);height:calc(var(--ld,120px) * .62);margin:calc(var(--ld,120px) * -.31) 0 0 calc(var(--ld,120px) * -1.6);border:1px solid #cfe6f0;border-radius:50%;opacity:0}
.hx-motion .hx-hero[data-phase="4"] .hx-hero__ripple i{animation:hx-ripple 4.2s cubic-bezier(.2,.6,.3,1) infinite}
.hx-hero__ripple i:nth-child(2){animation-delay:1.4s!important}.hx-hero__ripple i:nth-child(3){animation-delay:2.8s!important}
@keyframes hx-ripple{0%{transform:scale(.3);opacity:0}15%{opacity:.55}100%{transform:scale(1.9);opacity:0}}
.hx-hero__title{position:absolute;z-index:2;left:6vw;top:clamp(140px,22vh,230px);max-width:min(760px,58vw)}
.hx-hero__title .hx-eyebrow{color:var(--hx-frost)}
.hx-hero__title h1{margin:24px 0 30px;font-size:clamp(56px,7.4vw,128px);line-height:1.04;letter-spacing:-.065em;color:#fff}
.hx-hero__title h1>span{display:block}
.hx-hero__title h1 em{position:relative;color:#fff}
.hx-hero__title h1 em::after{content:"";display:inline-block;width:.16em;height:.16em;margin-left:.08em;border-radius:50%;background:var(--hx-red);vertical-align:baseline}
.hx-hero__sub{font-size:clamp(17px,1.4vw,22px);font-weight:700;line-height:1.6;color:#fff}
.hx-hero__sub span{display:inline-block;margin-top:6px;font-size:16px;font-weight:500;color:var(--hx-dsub)}
.hx-motion .hx-hero__title>*{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.hx-motion .hx-hero[data-phase="4"] .hx-hero__title>*{opacity:1;transform:none}
.hx-motion .hx-hero[data-phase="4"] .hx-hero__title>:nth-child(2){transition-delay:.12s}
.hx-motion .hx-hero[data-phase="4"] .hx-hero__title>:nth-child(3){transition-delay:.24s}
.hx-hero__down{position:absolute;z-index:2;left:6vw;bottom:44px;display:inline-flex;align-items:center;gap:18px;font-size:15px;font-weight:700;color:#fff!important}
.hx-hero__down span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--hx-red);color:var(--hx-ink);font-size:18px}
.hx-motion .hx-hero__down{opacity:0;transition:opacity .6s .3s}
.hx-motion .hx-hero[data-phase="4"] .hx-hero__down{opacity:1}

/* 01 overview */
.hx-overview{background:#fff}
.hx-meta{display:grid;grid-template-columns:1fr 1.2fr 1.4fr 1.3fr;gap:28px;margin-top:84px;padding-block:30px;border-block:1px solid var(--hx-line)}
.hx-meta dt{margin-bottom:12px;font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--hx-red-t)}
.hx-meta dd{font-size:16px;line-height:1.7}
.hx-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hx-keywords li{padding:9px 18px;border-radius:99px;background:var(--hx-paper);border:1px solid var(--hx-line);font-size:15px;font-weight:600}
.hx-facts{margin-top:clamp(80px,9vw,140px)}
.hx-facts__label{font-size:18px;font-weight:700;margin-bottom:34px}
.hx-facts__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--hx-ink)}
.hx-facts__grid>div{position:relative;padding:34px 26px 0 0}
.hx-facts__grid>div+div{padding-left:26px;border-left:1px solid var(--hx-line)}
.hx-facts__grid>div::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--hx-ink)}
.hx-facts__grid>div+div::before{left:-5px}
.hx-facts__grid>div:last-child::before{background:var(--hx-red)}
.hx-facts strong{display:block;font-family:var(--hx-wide);font-stretch:112%;font-size:clamp(52px,5.4vw,92px);font-weight:800;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.hx-facts strong small{margin-left:6px;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:.34em;letter-spacing:-.02em;color:var(--hx-steel)}
.hx-facts__grid p{margin-top:18px;font-size:16px;font-weight:600}
.hx-facts__grid p span{display:inline-block;margin-top:4px;font-size:15px;font-weight:500;color:var(--hx-slate)}
.hx-facts__src{margin-top:30px;font-size:14px;color:#5f6b7a}

/* 02 question */
.hx-question{position:relative;background:var(--hx-ink);color:#fff;--q:1}
.hx-motion .hx-question{height:230svh;--q:0}
.hx-question__pin{display:flex;align-items:center;min-height:100svh;padding-block:120px}
.hx-motion .hx-question__pin{position:sticky;top:0;height:100svh}
.hx-question .hx-eyebrow{color:var(--hx-red);margin-bottom:34px}
.hx-question__text{max-width:1240px;font-size:clamp(30px,3.7vw,62px);font-weight:700;line-height:1.42;letter-spacing:-.045em}
.hx-question__text span{opacity:clamp(.16,calc(var(--q) * (var(--n) + 4) - var(--i)),1);transition:opacity .2s}

/* analysis */
.hx-analysis{background:var(--hx-paper)}
.hx-analysis__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start}
.hx-analysis__side{position:sticky;top:130px}
.hx-analysis__side h2{margin:22px 0 24px}
.hx-analysis__side p{max-width:420px;font-size:17px;color:var(--hx-slate)}
.hx-analysis__count{display:flex;align-items:baseline;gap:8px;margin-top:48px;font-family:var(--hx-wide);font-stretch:118%;font-weight:800;letter-spacing:-.04em}
.hx-analysis__count b{font-size:clamp(64px,6vw,104px);line-height:1;color:var(--hx-ink)}
.hx-analysis__count span{font-size:24px;color:#8b97a5}
.hx-analysis__cards{display:grid;gap:30px}
.hx-finding{display:flex;flex-direction:column;min-height:560px;padding:clamp(32px,3.6vw,56px);border-radius:32px;background:#fff;box-shadow:0 30px 70px #0b122012}
.hx-finding--ink{background:var(--hx-ink);color:#fff}
.hx-finding__no{font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--hx-red-t)}
.hx-finding--ink .hx-finding__no{color:var(--hx-red)}
.hx-finding h3{margin:20px 0 20px;font-size:clamp(28px,2.5vw,42px)}
.hx-finding p{font-size:17px;color:var(--hx-slate)}
.hx-finding--ink p{color:#c3cfdb}
.hx-finding__viz{margin:34px 0 34px;border-radius:24px;background:var(--hx-paper);min-height:220px}
.hx-finding--ink .hx-finding__viz{background:#ffffff0b}
.hx-finding__answer{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border-radius:99px;background:var(--hx-ink);color:#fff;font-size:16px;font-weight:700}
.hx-finding__answer::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--hx-red)}
.hx-finding--ink .hx-finding__answer{background:#fff;color:var(--hx-ink)}
.hx-drift{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:28px}
.hx-drift>div:not(.hx-drift__mock):not(.hx-drift__arrow){display:grid;gap:4px;justify-items:start}
.hx-drift i{display:block;width:100%;height:84px;border-radius:16px;background:var(--c)}
.hx-drift span{margin-top:8px;font-size:15px;font-weight:700}
.hx-drift b{font-family:var(--hx-mono);font-size:14px;font-weight:500;color:var(--hx-slate)}
.hx-drift__arrow{font-size:26px;color:#8b97a5}
.hx-drift__mock{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid var(--hx-line)}
.hx-drift__mock .is-logo{font-family:var(--hx-wide);font-stretch:118%;font-weight:800;font-size:20px;color:#ef3e36;letter-spacing:-.03em}
.hx-drift__mock .is-logo small{font-weight:500;font-size:16px;letter-spacing:0}
.hx-drift__mock .is-tab{padding:8px 18px;border-radius:10px;background:#f07d25;color:#fff;font-size:15px;font-weight:700}
.hx-islands{position:relative;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;padding:28px}
.hx-islands>div{display:flex;flex-wrap:wrap;gap:8px;padding:22px;border-radius:20px;border:1.5px solid #ffffff2e}
.hx-islands b{flex-basis:100%;font-family:var(--hx-mono);font-size:14px;letter-spacing:.08em;color:var(--hx-frost)}
.hx-islands span{padding:6px 12px;border-radius:99px;background:#ffffff14;font-size:15px}
.hx-islands>i{height:2px;background:repeating-linear-gradient(90deg,#ffffff70 0 8px,transparent 8px 14px);position:relative}
.hx-islands>i::after{content:"×";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--hx-ink);border:1.5px solid #ffffff70;color:#fff;font-size:14px;font-style:normal}
.hx-tags{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:28px}
.hx-tags ul{display:grid;gap:12px}
.hx-tags__before li{height:46px;border-radius:12px;background:#fff;border:1px solid var(--hx-line);position:relative}
.hx-tags__before li::after{content:"";position:absolute;left:16px;right:30%;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:#d5dce3}
.hx-tags__after li{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid var(--hx-line);transform:translateX(18px);opacity:0;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s}
.hx-tags__after li span{flex:1;height:8px;border-radius:4px;background:#d5dce3}
.hx-tags__after i{font-style:normal;font-family:var(--hx-mono);font-size:14px;font-weight:600;padding:3px 9px;border-radius:7px}
.hx-tags__after .t-pipe{background:var(--hx-ink);color:#fff}
.hx-tags__after .t-ir{background:#fde7e5;color:var(--hx-red-t)}
.hx-tags__after .t-cold{background:var(--hx-ice);color:var(--hx-steel)}
.hx-finding.is-in .hx-tags__after li,html:not(.hx-motion) .hx-tags__after li{transform:none;opacity:1}
.hx-finding.is-in .hx-tags__after li:nth-child(2){transition-delay:.15s}.hx-finding.is-in .hx-tags__after li:nth-child(3){transition-delay:.3s}.hx-finding.is-in .hx-tags__after li:nth-child(4){transition-delay:.45s}
html:not(.hx-js) .hx-tags__after li{transform:none;opacity:1}

/* people */
.hx-people{background:#fff}
.hx-people__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px}
.hx-person{display:flex;flex-direction:column;padding:30px 26px 28px;border-radius:28px;background:var(--hx-paper);border:1px solid var(--hx-line);transition:transform .4s,box-shadow .4s}
.hx-person:hover{transform:translateY(-6px);box-shadow:0 26px 50px #0b122014}
.hx-person__who{font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--hx-red-t)}
.hx-person blockquote{margin:18px 0 22px;font-size:clamp(21px,1.7vw,26px);font-weight:800;line-height:1.36;letter-spacing:-.045em}
.hx-person ul{display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--hx-line);font-size:16px;color:var(--hx-slate)}
.hx-person li{display:flex;gap:10px;align-items:center}
.hx-person li::before{content:"";flex:none;width:14px;height:1.5px;background:var(--hx-slate)}
.hx-person__fix{margin-top:auto;padding-top:22px;font-size:15px;color:var(--hx-slate)}
.hx-person__fix b{display:block;color:var(--hx-ink)}

/* 03 brand lines */
.hx-lines{position:relative;background:var(--hx-ink);color:#fff}
.hx-motion .hx-lines{height:330svh}
.hx-lines__pin{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;min-height:100svh;padding:120px 6vw 80px}
.hx-motion .hx-lines__pin{position:sticky;top:0;height:100svh}
.hx-lines .hx-eyebrow{color:var(--hx-red)}
.hx-lines h2{margin:22px 0 36px}
.hx-lines h2 em{color:var(--hx-frost)}
.hx-lines__steps{display:grid;gap:10px}
.hx-lines__steps li{padding:18px 22px;border-radius:20px;border:1px solid #ffffff14;transition:background .5s,border-color .5s,opacity .5s;opacity:.42}
.hx-lines__steps span{font-family:var(--hx-mono);font-size:14px;letter-spacing:.06em;color:var(--hx-frost)}
.hx-lines__steps strong{display:block;margin:4px 0 2px;font-size:clamp(20px,1.6vw,25px);letter-spacing:-.04em}
.hx-lines__steps p{font-size:16px;line-height:1.7;color:#c3cfdb;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s,opacity .5s}
.hx-lines[data-step="1"] [data-s="1"],.hx-lines[data-step="2"] [data-s="2"],.hx-lines[data-step="3"] [data-s="3"]{opacity:1;background:#ffffff0a;border-color:#ffffff2e}
.hx-lines[data-step="1"] [data-s="1"] p,.hx-lines[data-step="2"] [data-s="2"] p,.hx-lines[data-step="3"] [data-s="3"] p{max-height:160px;opacity:1}
html:not(.hx-motion) .hx-lines__steps li{opacity:1}
html:not(.hx-motion) .hx-lines__steps p{max-height:none;opacity:1}
.hx-lines__stage{position:relative}
.hx-lines__stage svg{width:100%;height:auto;overflow:visible}
.hx-lines__stage text{font-family:var(--hx-mono);font-size:14px;fill:var(--hx-frost);letter-spacing:.04em}
.hx-trace{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--off,0)}
.hx-ticks line{stroke:#ffffff6b;stroke-width:1.5}
.hx-tlabels text{text-anchor:middle;font-size:14px;fill:#c3cfdb}
.hx-band{fill:#9cc3d514;stroke:#9cc3d580;stroke-width:1;stroke-dasharray:4 5}
.hx-band__l{font-size:14px!important}
.hx-lines__time,.hx-lines__temp{transition:opacity .5s}
.hx-lines__drop{fill:var(--hx-red);transform-box:fill-box;transform-origin:center;transform:scale(var(--drop,1))}
.hx-lines__halo{fill:none;stroke:var(--hx-red);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}
.hx-lines[data-step="3"] .hx-lines__halo{animation:hx-halo 2.4s ease-out infinite}
@keyframes hx-halo{0%{transform:scale(1);opacity:.8}100%{transform:scale(3.2);opacity:0}}
.hx-lines__arrive{text-anchor:middle;font-family:'Pretendard Variable',Pretendard,sans-serif!important;font-size:17px!important;font-weight:700;fill:#fff!important;letter-spacing:-.02em!important;opacity:var(--arrive,1);transition:opacity .4s}
.hx-lines__count{position:absolute;right:0;top:-10px;display:flex;align-items:baseline;gap:6px;font-family:var(--hx-wide);font-stretch:118%;font-weight:800}
.hx-lines__count b{font-size:56px;line-height:1;color:#fff}
.hx-lines__count span{font-size:20px;color:#6f7f92}

/* statement */
.hx-voice{background:var(--hx-ice)}
.hx-statement{padding:clamp(44px,6vw,96px);border-radius:44px;background:#fff;box-shadow:0 30px 80px #0b122010}
.hx-statement p{margin-top:28px;font-size:clamp(36px,4.6vw,78px);font-weight:800;line-height:1.24;letter-spacing:-.055em}
.hx-statement p em{color:var(--hx-ink);position:relative;white-space:nowrap}
.hx-statement p em::after{content:"";position:absolute;left:.1em;right:.1em;bottom:.04em;height:.12em;background:var(--hx-red);opacity:.85;z-index:-1;transform-origin:left;transform:scaleX(0);transition:transform 1.1s .3s cubic-bezier(.2,.7,.2,1)}
.hx-statement.is-in p em::after,html:not(.hx-js) .hx-statement p em::after{transform:scaleX(1)}
.hx-statement p em{z-index:0;isolation:isolate}
.hx-statement__foot{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:24px;border-top:1px solid var(--hx-line);font-size:15px;color:var(--hx-slate)}
.hx-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.hx-principles article{padding:34px 30px;border-radius:30px;background:#fff}
.hx-principles span{font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--hx-red-t)}
.hx-principles h3{margin:14px 0 12px;font-size:26px}
.hx-principles p{font-size:16px;color:var(--hx-slate)}

/* clarity lens */
.hx-lens{position:relative;background:#dfe9ee;--f:1}
.hx-motion .hx-lens{height:260svh;--f:0}
.hx-lens__pin{position:relative;height:100svh;min-height:640px;overflow:hidden}
.hx-motion .hx-lens__pin{position:sticky;top:0}
.hx-lens__img{position:absolute;inset:0}
.hx-lens__img img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;filter:blur(calc((1 - var(--f)) * 26px)) saturate(calc(.6 + var(--f) * .4));transform:scale(calc(1.14 - var(--f) * .14))}
.hx-lens__copy{position:absolute;right:6vw;top:50%;width:min(560px,44vw);padding:44px 44px 40px;border-radius:34px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(-46%);box-shadow:0 30px 80px #0b122020}
.hx-lens__copy h2{margin:16px 0 26px}
.hx-lens__list{display:grid;gap:12px}
.hx-lens__list li{display:flex;gap:14px;align-items:baseline;font-size:18px;font-weight:600;line-height:1.55;opacity:.28;transition:opacity .5s}
.hx-lens__list b{font-family:var(--hx-mono);font-size:14px;color:var(--hx-red-t)}
.hx-lens[data-l="1"] [data-l="1"],.hx-lens[data-l="2"] :is([data-l="1"],[data-l="2"]),.hx-lens[data-l="3"] .hx-lens__list li,html:not(.hx-motion) .hx-lens__list li{opacity:1}
.hx-lens__note{margin-top:26px;padding-top:20px;border-top:1px solid var(--hx-line);font-size:15px;color:var(--hx-slate)}
.hx-lens__focus{position:absolute;left:6vw;bottom:40px;display:flex;align-items:center;gap:14px;font-family:var(--hx-mono);font-size:14px;letter-spacing:.08em;color:var(--hx-ink)}
.hx-lens__focus i{position:relative;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--hx-ink)}
.hx-lens__focus i::after{content:"";position:absolute;inset:calc(21px - var(--f) * 13px);border-radius:50%;background:var(--hx-red);transition:inset .1s}
html:not(.hx-motion) .hx-lens__focus{display:none}

/* mood */
.hx-mood{position:relative;padding:clamp(110px,11vw,180px) 0 clamp(90px,8vw,140px);background:var(--hx-ink);color:#fff;overflow:hidden;--mp:0}
.hx-mood__head{max-width:900px;margin-left:6vw;margin-bottom:80px}
.hx-mood__head .hx-eyebrow{color:var(--hx-red)}
.hx-mood__head h2{margin:20px 0 24px}
.hx-mood__head h2 em{color:var(--hx-frost)}
.hx-mood__head p{max-width:640px;font-size:18px;color:#c3cfdb}
.hx-mood__cols{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;width:calc(100% - 12vw);margin-inline:auto}
.hx-mood__col{display:grid;gap:24px;align-content:start;transform:translateY(calc(var(--mp) * var(--speed) * 1px))}
.hx-mood__col--mid{padding-top:120px}
.hx-mood figure{position:relative;border-radius:28px;overflow:hidden;background:#ffffff0d}
.hx-mood img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.hx-mood figure:hover img{transform:scale(1.05)}
.hx-mood__tall img{aspect-ratio:4/5}
.hx-mood figcaption{position:absolute;left:16px;bottom:16px;padding:7px 14px;border-radius:99px;background:#0b1220cc;backdrop-filter:blur(8px);font-size:14px;font-weight:600}
.hx-mood__rules{display:grid;gap:10px;padding:26px;border-radius:24px;background:#ffffff0b;border:1px solid #ffffff17;font-size:16px}
.hx-mood__rules li{display:flex;gap:12px;align-items:baseline;color:#dbe4ec}
.hx-mood__rules b{flex:none;width:60px;font-family:var(--hx-mono);font-size:14px;color:var(--hx-frost)}
.hx-mood__rules li:nth-child(n+3) b{color:var(--hx-red)}

/* 04 color */
.hx-material{position:relative;display:flex;align-items:center;min-height:100svh;background:#eef3f5;overflow:hidden}
.hx-material>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hx-material__copy{position:relative;max-width:560px;margin-left:6vw;padding:46px 44px;border-radius:34px;background:#ffffffeb;backdrop-filter:blur(14px);box-shadow:0 30px 70px #0b122018}
.hx-material__copy h2{margin:18px 0 22px}
.hx-material__copy p{font-size:17px;color:var(--hx-slate)}
.hx-options{background:#fff}
.hx-option{display:grid;grid-template-columns:300px 1fr 96px;gap:4vw;align-items:center;padding:42px 0;border-bottom:1px solid var(--hx-line)}
.hx-option__chips{display:flex;height:120px;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--hx-line)}
.hx-option__chips i{flex:1;background:var(--c)}
.hx-option span{font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--hx-slate)}
.hx-option h3{margin:8px 0 10px;font-size:clamp(22px,1.9vw,30px)}
.hx-option p{max-width:720px;font-size:17px;color:var(--hx-slate)}
.hx-option__mark{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:1.5px solid var(--hx-line);font-size:16px;color:#7d8896}
.hx-option.is-dropped .hx-option__chips{filter:saturate(.55);opacity:.7}
.hx-option.is-chosen{margin-top:16px;padding:42px clamp(26px,3vw,48px);border:0;border-radius:32px;background:var(--hx-ink);color:#fff}
.hx-option.is-chosen span{color:var(--hx-frost)}
.hx-option.is-chosen p{color:#c3cfdb}
.hx-option.is-chosen .hx-option__chips{box-shadow:0 0 0 1px #ffffff2e}
.hx-option.is-chosen .hx-option__chips i:last-child{flex:.18}
.hx-option.is-chosen .hx-option__mark{background:var(--hx-red);border-color:var(--hx-red);color:var(--hx-ink);font-weight:800}
.hx-palette{display:flex;height:min(86svh,780px);min-height:560px;background:var(--hx-ink)}
.hx-swatch{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,2.4vw,40px);background:var(--sw);color:var(--ink);transition:flex .7s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.hx-swatch:hover{flex:2.2}
.hx-swatch__top span{display:block;font-size:16px;font-weight:700}
.hx-swatch__top strong{display:block;margin-top:6px;font-family:var(--hx-wide);font-stretch:110%;font-size:clamp(26px,2.3vw,40px);font-weight:800;letter-spacing:-.03em}
.hx-swatch__top small{font-family:var(--hx-mono);font-size:14px;opacity:.8}
.hx-swatch__body{max-width:360px}
.hx-swatch__body h3{font-size:24px;margin-bottom:10px}
.hx-swatch__body p{font-size:15px;line-height:1.65;opacity:.9}
.hx-swatch dl{display:grid;gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:14px}
.hx-swatch dl div{display:flex;justify-content:space-between;gap:12px}
.hx-swatch dd{font-family:var(--hx-mono)}
.hx-swatch dd b{margin-left:6px;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 14%,transparent);font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:14px}
.hx-ratio{background:#fff}
.hx-ratio__bar{display:flex;height:150px;margin-top:70px;border-radius:30px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--hx-line)}
.hx-ratio__bar span{flex:var(--w) 1 0;display:flex;align-items:flex-end;padding:18px 20px;background:var(--c);color:var(--t);font-family:var(--hx-mono);font-size:15px;font-weight:600;white-space:nowrap;transform-origin:left;transition:flex-grow 1.2s cubic-bezier(.2,.7,.2,1)}
.hx-ratio__bar .is-drop{position:relative;min-width:22px;padding:0;overflow:visible}
.hx-ratio__bar .is-drop b{position:absolute;right:0;bottom:calc(100% + 14px);padding:6px 12px;border-radius:99px;background:var(--hx-ink);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.hx-ratio__bar .is-drop b::after{content:"";position:absolute;right:9px;top:100%;border:6px solid transparent;border-top-color:var(--hx-ink)}
.hx-ratio__bar{overflow:visible}
.hx-ratio__bar span:first-child{border-radius:30px 0 0 30px}.hx-ratio__bar span:last-child{border-radius:0 30px 30px 0}
.hx-temp{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;margin-top:110px;padding:clamp(30px,4vw,64px);border-radius:40px;background:var(--hx-ink);color:#fff}
.hx-temp .hx-eyebrow{color:var(--hx-red)}
.hx-temp h3{margin:16px 0 18px;font-size:clamp(30px,3vw,48px)}
.hx-temp__intro p{font-size:17px;color:#c3cfdb}
.hx-temp__label{display:block;margin:28px 0 12px;font-size:15px;font-weight:700;color:#fff}
.hx-temp__range{width:100%;accent-color:var(--hx-red);height:28px;cursor:pointer}
.hx-temp__board{--t:.789;--tc:#9cc3d5;padding:30px;border-radius:30px;background:#ffffff08;border:1px solid #ffffff17}
.hx-temp__read{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}
.hx-temp__read strong{font-family:var(--hx-wide);font-stretch:118%;font-size:clamp(56px,6vw,96px);font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--tc);transition:color .3s;font-variant-numeric:tabular-nums}
.hx-temp__read span{padding:8px 16px;border-radius:99px;background:color-mix(in srgb,var(--tc) 18%,transparent);border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);font-size:15px;font-weight:700;transition:all .3s}
.hx-temp__scale{position:relative;height:120px;margin:40px 0 10px;border-radius:16px;background:linear-gradient(90deg,#2f5d7c 0,#5f93b3 52.6%,#9cc3d5 78.9%,#d7e1e6 100%)}
.hx-temp__band{position:absolute;top:-8px;bottom:-8px;left:75.8%;width:6.3%;border-radius:8px;border:2px solid #fff;background:#ffffff26}
.hx-temp__thumb{position:absolute;top:50%;left:calc(var(--t) * 100%);width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--tc);border:3px solid #fff;box-shadow:0 6px 20px #0006;transition:background .3s}
.hx-temp__scale span{position:absolute;top:calc(100% + 14px);left:calc(var(--at) * 100%);transform:translateX(-50%);font-family:var(--hx-mono);font-size:14px;font-weight:600;color:#fff;white-space:nowrap;text-align:center}
.hx-temp__scale span:first-of-type{transform:none}.hx-temp__scale span:last-of-type{transform:translateX(-100%)}
.hx-temp__scale small{display:block;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:14px;font-weight:500;color:var(--hx-dsub)}
.hx-temp__tokens{display:flex;flex-wrap:wrap;gap:8px;margin-top:74px}
.hx-temp__tokens li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:99px;background:#ffffff0d;font-size:14px;color:#dbe4ec}
.hx-temp__tokens li::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--c)}
.hx-temp__tokens code{font-size:14px;color:var(--hx-frost)}

/* type */
.hx-type{position:relative;background:var(--hx-paper);overflow:hidden;--tp:0}
.hx-marquee{margin:-20px 0 90px;white-space:nowrap;pointer-events:none}
.hx-marquee p{display:inline-block;white-space:nowrap;font-family:var(--hx-wide);font-stretch:125%;font-weight:800;font-size:clamp(80px,10vw,170px);line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #0b122030;transform:translateX(calc(var(--tp) * -32%))}
.hx-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hx-vc{display:flex;flex-direction:column;padding:34px 30px;border-radius:30px;background:#fff;border:1px solid var(--hx-line)}
.hx-vc__name{font-family:var(--hx-mono);font-size:14px;font-weight:600;color:var(--hx-red-t)}
.hx-vc__spec{min-height:150px;margin:22px 0 26px;padding-bottom:24px;border-bottom:1px solid var(--hx-line);display:flex;align-items:flex-end}
.hx-vc__spec--ko{font-size:44px;font-weight:800;line-height:1.12;letter-spacing:-.06em}
.hx-vc__spec--en{font-family:var(--hx-wide);font-stretch:125%;font-size:54px;font-weight:800;letter-spacing:-.04em;line-height:1}
.hx-vc__spec--mono{font-family:var(--hx-mono);font-size:24px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums}
.hx-vc h3{font-size:22px;margin-bottom:10px}
.hx-vc p{font-size:16px;color:var(--hx-slate)}
.hx-scale{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;border-top:2px solid var(--hx-ink)}
.hx-scale li{display:grid;gap:4px;padding:20px 18px 0 0}
.hx-scale b{font-size:18px}
.hx-scale span{font-family:var(--hx-mono);font-size:14px;color:var(--hx-slate)}

/* 05 motif */
.hx-motif{background:#fff}
.hx-motif__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px}
.hx-motif__item{display:grid;gap:18px;align-content:start}
.hx-motif__viz{display:grid;place-items:center;aspect-ratio:1/.8;padding:22px;border-radius:28px;background:var(--hx-paper);border:1px solid var(--hx-line)}
.hx-motif__viz svg{width:100%;height:auto;overflow:visible}
.hx-motif__viz .g{fill:none;stroke:#0b122026;stroke-width:1;stroke-dasharray:3 4}
.hx-motif__viz .s{fill:none;stroke:var(--hx-ink);stroke-width:2;stroke-linecap:round}
.hx-motif__viz .s--thick{stroke-width:4}
.hx-motif__viz .s--soft{stroke:#0b122059}
.hx-motif__viz .d{fill:var(--hx-red)}
.hx-motif__viz .d--soft{fill:var(--hx-ink)}
.hx-motif__viz .n,.hx-motif__viz .n circle{fill:#fff;stroke:var(--hx-ink);stroke-width:2}
.hx-motif__viz .col line{stroke:#0b122022;stroke-width:1}
.hx-motif__viz text{font-family:var(--hx-mono);font-size:14px;fill:var(--hx-slate)}
.hx-motif__viz .lbl text{text-anchor:middle}
.hx-motif__item figcaption{font-size:15px;line-height:1.65;color:var(--hx-slate)}
.hx-motif__item figcaption b{display:block;margin-bottom:4px;font-size:17px;color:var(--hx-ink)}
.hx-icons{margin-top:60px;padding:34px;border-radius:32px;background:var(--hx-ink);color:#fff}
.hx-icons__head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:26px}
.hx-icons .hx-eyebrow{color:var(--hx-red)}
.hx-icons__head p{font-size:16px;color:#c3cfdb}
.hx-icons ul{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.hx-icons li{display:grid;justify-items:center;gap:14px;padding:24px 8px 20px;border-radius:20px;background:#ffffff08;font-size:15px;font-weight:600;transition:background .3s}
.hx-icons li:hover{background:#ffffff14}
.hx-icons svg{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hx-icons svg .d{fill:var(--hx-red);stroke:none}
.hx-apps{position:relative;margin-top:24px;border-radius:32px;overflow:hidden}
.hx-apps img{width:100%;aspect-ratio:21/9;object-fit:cover}
.hx-apps figcaption{position:absolute;right:24px;bottom:24px;max-width:420px;padding:22px 24px;border-radius:22px;background:#ffffffe6;backdrop-filter:blur(10px);font-size:15px;line-height:1.65;color:var(--hx-slate)}
.hx-apps figcaption b{display:block;color:var(--hx-ink);font-size:17px}

/* 06 directions */
.hx-dir-intro{background:var(--hx-paper)}
.hx-wire{margin-top:80px}
.hx-wire__head{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:22px}
.hx-wire__head p{max-width:620px;font-size:16px;color:var(--hx-slate)}
.hx-wire__frame{position:relative;aspect-ratio:1440/1100;border-radius:26px;overflow:hidden;background:#e9eef1;box-shadow:0 30px 70px #0b122018;--split:50}
.hx-wire__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.hx-wire__img--top{clip-path:inset(0 0 0 calc(var(--split) * 1%))}
.hx-wire__handle{position:absolute;top:0;bottom:0;left:calc(var(--split) * 1%);width:2px;margin-left:-1px;background:var(--hx-red);pointer-events:none}
.hx-wire__handle i{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--hx-red);color:var(--hx-ink);font-style:normal;font-size:20px;font-weight:800;box-shadow:0 10px 30px #ef3e3666}
.hx-wire__tag{position:absolute;top:18px;padding:6px 12px;border-radius:99px;background:#0b1220cc;color:#fff;font-family:var(--hx-mono);font-size:14px;pointer-events:none}
.hx-wire__tag--l{left:18px}.hx-wire__tag--r{right:18px}
.hx-wire__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.hx-dir-index{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}
.hx-dir-index a{position:relative;display:grid;gap:4px;padding:26px 24px 24px;border-radius:26px;background:#fff;border:1px solid var(--hx-line);transition:transform .35s,box-shadow .35s}
.hx-dir-index a:hover{transform:translateY(-5px);box-shadow:0 22px 44px #0b122014}
.hx-dir-index a>span{font-family:var(--hx-wide);font-stretch:125%;font-size:44px;font-weight:800;line-height:1;color:var(--hx-ink)}
.hx-dir-index strong{margin-top:14px;font-size:21px;letter-spacing:-.04em}
.hx-dir-index small{font-family:var(--hx-mono);font-size:14px;color:var(--hx-slate)}
.hx-dir-index em{position:absolute;right:20px;top:24px;padding:4px 12px;border-radius:99px;background:var(--hx-paper);font-size:14px;font-weight:700;color:var(--hx-slate)}
.hx-dir-index em.is-final{background:var(--hx-red);color:var(--hx-ink)}
.hx-sian{position:relative;--sp:0;--sy:0px;background:var(--hx-ink);color:#fff}
.hx-sian--ice{background:var(--hx-ice);color:var(--hx-ink)}
.hx-sian--graphite{background:#0e1116}
.hx-sian--frost{background:linear-gradient(160deg,#f4f8fa 0,#dcebf1 55%,#c5dde8 100%);color:var(--hx-ink)}
.hx-sian__pin{display:grid;grid-template-columns:minmax(300px,.72fr) 1.6fr;gap:4vw;align-items:center;min-height:100svh;padding:110px 6vw 70px}
.hx-sian__info{position:relative}
.hx-sian__letter{position:absolute;left:-.06em;top:-.62em;font-family:var(--hx-wide);font-stretch:125%;font-size:clamp(150px,15vw,250px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px currentColor;opacity:.16;pointer-events:none}
.hx-sian__status{position:relative;display:inline-block;padding:6px 14px;border-radius:99px;border:1px solid currentColor;font-size:14px;font-weight:700;opacity:.8}
.hx-sian__status.is-final{background:var(--hx-red);border-color:var(--hx-red);color:var(--hx-ink);opacity:1}
.hx-sian h3{position:relative;margin:20px 0 18px;font-size:clamp(34px,3.2vw,54px)}
.hx-sian h3 small{display:block;margin-bottom:6px;font-family:var(--hx-mono);font-size:15px;font-weight:500;letter-spacing:.04em;opacity:.7}
.hx-sian__info>p{font-size:17px;opacity:.86}
.hx-sian__points{display:grid;gap:8px;margin:24px 0 26px;font-size:16px}
.hx-sian__points li{display:flex;gap:12px;align-items:baseline}
.hx-sian__points li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--hx-red);transform:translateY(-2px)}
.hx-sian__chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.hx-sian__chips i{width:26px;height:26px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px #8b97a540}
.hx-sian__chips span{margin-left:10px;font-family:var(--hx-mono);font-size:14px;opacity:.75}
.hx-sian__open{display:inline-flex;align-items:center;gap:14px;margin-top:30px;padding:14px 22px;border-radius:99px;border:1.5px solid currentColor!important;font-size:15px;font-weight:700;transition:background .3s,color .3s}
.hx-sian--ink .hx-sian__open:hover,.hx-sian--graphite .hx-sian__open:hover{background:#fff;color:var(--hx-ink)!important;border-color:#fff!important}
.hx-sian--ice .hx-sian__open:hover,.hx-sian--frost .hx-sian__open:hover{background:var(--hx-ink);color:#fff!important;border-color:var(--hx-ink)!important}
.hx-sian__device{position:relative;padding-right:5%;perspective:1600px}
.hx-browser{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 40px 90px #0003,0 0 0 1px #0b12201a;transform:rotateX(calc((1 - var(--enter,1)) * 16deg)) translateY(calc((1 - var(--enter,1)) * 60px)) scale(calc(.94 + var(--enter,1) * .06));transform-origin:50% 100%}
.hx-browser__bar{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;height:40px;padding:0 16px;background:#eef2f5;color:#555}
.hx-browser__bar>span:first-child{display:flex;gap:7px}
.hx-browser__bar i{width:11px;height:11px;border-radius:50%;background:#d0d6dc}
.hx-browser__bar i:first-child{background:#ff6b5f}.hx-browser__bar i:nth-child(2){background:#ffc53d}.hx-browser__bar i:nth-child(3){background:#35c75a}
.hx-browser__url{justify-self:center;padding:4px 40px;border-radius:99px;background:#fff;font-size:14px;color:#5f6b7a}
.hx-browser__view{position:relative;height:min(calc(100svh - 240px),760px);min-height:420px;overflow:hidden;background:#fff}
.hx-browser__view img{width:100%;height:auto;transform:translateY(var(--sy));will-change:transform}
.hx-phone{position:absolute;right:0;bottom:-30px;width:clamp(170px,14vw,230px);padding:9px;border-radius:34px;background:#0b0f14;box-shadow:0 30px 70px #0b122059;transform:translateY(calc(var(--sp) * -60px))}
.hx-phone img{width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:26px}
.hx-phone__view{position:relative;aspect-ratio:390/844;border-radius:26px;overflow:hidden;background:#0b1220}
.hx-phone--scroll .hx-phone__view img{aspect-ratio:auto;height:auto;border-radius:0;object-fit:fill;transform:translateY(var(--my,0px));will-change:transform}
.hx-phone__notch{position:absolute;top:16px;left:50%;width:30%;height:15px;margin-left:-15%;border-radius:99px;background:#0b0f14;z-index:1}
@media (min-width:1101px){
    .hx-motion .hx-sian{height:290svh}
    .hx-motion .hx-sian__pin{position:sticky;top:0;height:100svh}
}

/* decision */
.hx-decide{background:#fff}
.hx-matrix{margin-top:70px;border-top:2px solid var(--hx-ink)}
.hx-matrix__row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;min-height:68px;border-bottom:1px solid var(--hx-line);font-size:16px}
.hx-matrix__row>span{padding:12px 14px}
.hx-matrix__row>span:first-child{font-weight:700}
.hx-matrix__row--head{font-size:15px;font-weight:700;color:var(--hx-slate)}
.hx-matrix__row--head>span:nth-child(2){color:var(--hx-ink)}
.hx-matrix__row .is-a{background:var(--hx-ice)}
.hx-matrix__row span[role="cell"]{display:flex;gap:6px}
.hx-matrix i{width:13px;height:13px;border-radius:50%;background:#dfe5ea}
.hx-matrix i.on{background:var(--hx-ink)}
.hx-matrix .is-a i.on:last-of-type{background:var(--hx-red)}
.hx-merge{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:16px;align-items:stretch;margin-top:60px}
.hx-merge__from{position:relative;padding:26px;border-radius:26px;background:var(--hx-paper);border:1px solid var(--hx-line)}
.hx-merge__from::after{content:"→";position:absolute;right:-14px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--hx-ink);color:#fff;display:grid;place-items:center;font-size:14px;z-index:1}
.hx-merge span{font-family:var(--hx-mono);font-size:14px;font-weight:600;color:var(--hx-red-t)}
.hx-merge p{margin-top:8px;font-size:16px;color:var(--hx-slate)}
.hx-merge__to{padding:30px;border-radius:26px;background:var(--hx-ink);color:#fff}
.hx-merge__to span{color:var(--hx-red)}
.hx-merge__to strong{display:block;margin-top:6px;font-size:28px;letter-spacing:-.04em}
.hx-merge__to p{color:#c3cfdb}
.hx-process{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:100px;padding-top:40px}
.hx-process::before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:var(--hx-line)}
.hx-process li{position:relative;display:grid;align-content:start;gap:4px;font-size:15px;color:var(--hx-slate)}
.hx-process li::before{content:"";position:absolute;top:-36px;left:0;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--hx-ink)}
.hx-process li:last-child::before{background:var(--hx-red);border-color:var(--hx-red)}
.hx-process b{font-family:var(--hx-mono);font-size:14px;color:var(--hx-red-t)}
.hx-process strong{font-size:22px;color:var(--hx-ink);letter-spacing:-.04em}

/* 07 pipeline */
.hx-pipe{background:var(--hx-paper)}
.hx-board{margin-top:70px;padding:clamp(24px,3vw,44px);border-radius:36px;background:#fff;box-shadow:0 40px 80px #0b122012}
.hx-board__head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--hx-line)}
.hx-board__head strong{font-size:21px;letter-spacing:-.04em}
.hx-board__demo{padding:4px 12px;border-radius:99px;background:var(--hx-paper);font-size:14px;font-weight:700;color:var(--hx-slate)}
.hx-board__toggle{display:flex;gap:4px;margin-left:auto;padding:5px;border-radius:99px;background:var(--hx-ice)}
.hx-board__toggle button{padding:10px 18px;border-radius:99px;font-size:15px;font-weight:700;color:var(--hx-slate);transition:background .3s,color .3s}
.hx-board__toggle button[aria-pressed="true"]{background:var(--hx-ink);color:#fff}
.hx-board__cols,.hx-prow{display:grid;grid-template-columns:180px minmax(220px,1.35fr) 2.6fr;column-gap:24px}
.hx-board__cols{padding:20px 0 12px;font-family:var(--hx-mono);font-size:14px;font-weight:600;color:var(--hx-slate)}
.hx-board__stages{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.hx-prow{align-items:center;min-height:118px;padding:18px 0;border-top:1px solid var(--hx-line)}
.hx-prow__prog b{display:block;font-family:var(--hx-wide);font-stretch:118%;font-size:24px;font-weight:800;letter-spacing:-.03em}
.hx-prow__prog small{font-size:14px;color:var(--hx-slate)}
.hx-prow__ind{position:relative;display:grid}
.hx-v{grid-area:1/1;transition:opacity .45s,transform .45s}
.hx-prow__ind strong{display:block;font-size:18px;letter-spacing:-.03em}
.hx-prow__ind strong span{font-family:var(--hx-mono);font-size:14px;font-weight:600;color:var(--hx-slate)}
.hx-prow__ind small{display:block;margin-top:4px;font-size:14px;line-height:1.6;color:var(--hx-slate)}
.hx-prow__ind em{font-style:normal;font-weight:700;color:var(--hx-red-t)}
.hx-board[data-view="investor"] .hx-v--patient,.hx-board[data-view="patient"] .hx-v--investor{opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}
.hx-prow__track{position:relative;height:56px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#0b122014 calc(25% - 1px) 25%)}
.hx-prow__line{position:absolute;left:0;top:50%;width:calc((var(--stage) + .5) * 25%);height:2px;margin-top:-1px;background:var(--hx-ink);transform-origin:left;transform:scaleX(var(--grow,1));transition:transform 1.2s cubic-bezier(.2,.7,.2,1) calc(var(--k) * .12s)}
.hx-prow__drop{position:absolute;top:50%;left:calc((var(--stage) + .5) * 25%);width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--hx-red);box-shadow:0 0 0 6px #ef3e3622;transform:scale(var(--grow,1));transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(var(--k) * .12s + .9s)}
.hx-motion.hx-board:not(.is-in) .hx-prow{--grow:0}
.hx-prow__easy{position:absolute;left:0;right:0;top:calc(100% - 4px);font-size:14px;color:var(--hx-steel);font-weight:600}
.hx-board[data-view="patient"] .hx-prow{min-height:150px}
.hx-board[data-view="patient"] .hx-prow__track{margin-bottom:24px}
.hx-board__src{margin-top:18px;padding-top:16px;border-top:1px solid var(--hx-line);font-size:14px;color:#5f6b7a}
.hx-amino{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center;margin-top:30px;padding:clamp(30px,4vw,60px);border-radius:36px;background:var(--hx-ink);color:#fff}
.hx-amino .hx-eyebrow{color:var(--hx-red)}
.hx-amino h3{margin:16px 0 18px;font-size:clamp(26px,2.5vw,40px)}
.hx-amino h3 b{font-family:var(--hx-wide);font-stretch:125%;font-size:1.6em;letter-spacing:-.04em;color:var(--hx-frost)}
.hx-amino p{font-size:17px;color:#c3cfdb}
.hx-amino__dots{display:grid;grid-template-columns:repeat(11,1fr);gap:clamp(8px,1vw,14px)}
.hx-amino__dots i{aspect-ratio:1;border-radius:50%;border:1.5px solid #9cc3d5;transform:scale(var(--on,1));transition:transform .5s cubic-bezier(.3,1.5,.5,1) calc(var(--a) * 28ms),background .4s calc(var(--a) * 28ms)}
.hx-amino.is-in .hx-amino__dots i,html:not(.hx-js) .hx-amino__dots i{background:#9cc3d533}
.hx-amino__dots i.is-red{border-color:var(--hx-red)}
.hx-amino.is-in .hx-amino__dots i.is-red,html:not(.hx-js) .hx-amino__dots i.is-red{background:var(--hx-red)}
.hx-motion.hx-amino:not(.is-in) .hx-amino__dots i{--on:0}

/* 08 cold chain */
.hx-cold{position:relative;background:var(--hx-ink);color:#fff;--cp:1}
.hx-motion .hx-cold{height:320svh;--cp:0}
.hx-cold__pin{display:grid;grid-template-columns:.85fr 1.15fr;gap:4vw;align-items:center;min-height:100svh;padding:110px 6vw 60px}
.hx-motion .hx-cold__pin{position:sticky;top:0;height:100svh}
.hx-cold .hx-eyebrow{color:var(--hx-red)}
.hx-cold h2{margin:20px 0 24px}
.hx-cold h2 em{color:var(--hx-frost)}
.hx-cold__copy>p{max-width:520px;font-size:17px;color:#c3cfdb}
.hx-cold__steps{display:grid;gap:10px;margin-top:34px}
.hx-cold__steps li{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:baseline;padding:16px 20px;border-radius:18px;border:1px solid #ffffff14;opacity:.42;transition:opacity .5s,background .5s,border-color .5s}
.hx-cold__steps b{font-size:18px}
.hx-cold__steps span{font-size:16px;color:#c3cfdb}
.hx-cold[data-step="1"] [data-c="1"],.hx-cold[data-step="2"] :is([data-c="1"],[data-c="2"]),.hx-cold[data-step="3"] .hx-cold__steps li,html:not(.hx-motion) .hx-cold__steps li{opacity:1}
.hx-cold[data-step="1"] [data-c="1"],.hx-cold[data-step="2"] [data-c="2"],.hx-cold[data-step="3"] [data-c="3"]{background:#ffffff0a;border-color:#ffffff2e}
.hx-cold__map{position:relative;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;height:100%;max-height:calc(100svh - 150px)}
.hx-cold__map>svg{width:auto;height:100%;max-height:calc(100svh - 150px);max-width:100%;overflow:visible}
.hx-map__dots{fill:url(#hx-dots)}
#hx-dots circle{fill:#9cc3d5;opacity:.55}
.hx-map__edge{fill:none;stroke:#9cc3d540;stroke-width:1}
.hx-map__isle{font-size:14px;fill:var(--hx-dsub)}
.hx-route{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;transition:stroke-dashoffset 1.2s cubic-bezier(.3,.6,.2,1)}
.hx-center{opacity:0;transition:opacity .5s .4s}
.hx-center__halo{fill:#9cc3d51f;stroke:#9cc3d566;stroke-width:1}
.hx-center__dot{fill:#fff;stroke:var(--hx-ink);stroke-width:2}
.hx-center--guri .hx-center__dot{fill:var(--hx-red);stroke:none}
.hx-center--guri .hx-center__halo{fill:#ef3e3622;stroke:#ef3e3699;animation:hx-pulse 2.4s ease-out infinite}
@keyframes hx-pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
.hx-center text{font-size:17px;font-weight:700;fill:#fff;paint-order:stroke;stroke:#0b1220;stroke-width:4px;stroke-linejoin:round}
.hx-center .hx-center__role{font-family:var(--hx-mono);font-size:14px;font-weight:500;fill:var(--hx-frost)}
.hx-center--guri{opacity:1}
.hx-cold[data-step="1"] [data-grp="1"],.hx-cold[data-step="2"] :is([data-grp="1"],[data-grp="2"]),.hx-cold[data-step="3"] :is([data-grp="1"],[data-grp="2"],[data-grp="3"]),html:not(.hx-motion) :is(.hx-center,.hx-route){opacity:1;stroke-dashoffset:0}
.hx-cold[data-step="1"] g[data-grp="1"],.hx-cold[data-step="2"] g:is([data-grp="1"],[data-grp="2"]),.hx-cold[data-step="3"] g[data-grp]{opacity:1}
.hx-monitor{position:absolute;right:0;bottom:4%;width:min(360px,46%);padding:18px 20px 14px;border-radius:22px;background:#121c30eb;border:1px solid #ffffff1f;backdrop-filter:blur(10px);box-shadow:0 30px 60px #0007}
.hx-monitor__head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#dbe4ec}
.hx-monitor__demo{padding:2px 10px;border-radius:99px;background:#ffffff14;font-size:14px;font-weight:600;color:var(--hx-frost)}
.hx-monitor__read{display:flex;align-items:baseline;gap:12px;margin:6px 0 8px}
.hx-monitor__read strong{font-family:var(--hx-wide);font-stretch:118%;font-size:40px;font-weight:800;letter-spacing:-.04em;color:var(--hx-frost);font-variant-numeric:tabular-nums}
.hx-monitor__read strong small{font-size:.5em}
.hx-monitor__read span{font-size:14px;color:#c3cfdb}
.hx-monitor svg{width:100%;height:90px}
.hx-monitor__band{fill:#9cc3d51a}
.hx-monitor__lim{stroke:#9cc3d580;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.hx-monitor__line{fill:none;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--cp))}
.hx-monitor__axis{display:flex;justify-content:space-between;font-family:var(--hx-mono);font-size:14px;color:var(--hx-dsub)}
.hx-flow{background:var(--hx-ice)}
.hx-flow__rail{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:70px;padding-top:44px}
.hx-flow__rail::before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:var(--hx-ink);transform-origin:left;transform:scaleX(var(--rail,1));transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.hx-motion.hx-flow__rail:not(.is-in){--rail:0}
.hx-flow__rail li{position:relative;display:grid;align-content:start;gap:8px;padding:18px 12px 16px;min-height:132px;border-radius:18px;background:#fff;font-size:15px;font-weight:700;line-height:1.45;letter-spacing:-.02em}
.hx-flow__rail li::before{content:"";position:absolute;top:-38px;left:12px;width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--hx-ink)}
.hx-flow__rail li:last-child::before{background:var(--hx-red);border-color:var(--hx-red)}
.hx-flow__rail b{font-family:var(--hx-mono);font-size:14px;color:var(--hx-steel)}
.hx-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.hx-systems li{display:grid;gap:6px;padding:26px 26px 24px;border-radius:24px;background:#fff}
.hx-systems strong{font-size:19px;letter-spacing:-.03em}
.hx-systems span{font-size:15px;color:var(--hx-slate)}

/* 09 IR */
.hx-ir{background:#fff}
.hx-ir__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:70px}
.hx-anatomy{display:grid;grid-template-columns:1.3fr .9fr;gap:24px;align-items:center;padding:clamp(26px,3vw,44px);border-radius:32px;background:var(--hx-paper);border:1px solid var(--hx-line)}
.hx-anatomy__card{position:relative;padding:26px;border-radius:22px;background:#fff;box-shadow:0 24px 50px #0b122014}
.hx-anatomy__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.hx-anatomy__tags i,.hx-kit__tags i{font-style:normal;padding:4px 10px;border-radius:8px;background:var(--hx-ice);font-size:14px;font-weight:600;color:var(--hx-steel)}
.hx-anatomy__tags .is-prog,.hx-kit__tags .is-prog{background:var(--hx-ink);color:#fff;font-family:var(--hx-mono)}
.hx-anatomy__tags .is-stage,.hx-kit__tags .is-stage{background:#fde7e5;color:var(--hx-red-t)}
.hx-anatomy__line{display:block;height:10px;margin-top:12px;border-radius:5px;background:#dde3e8}
.hx-anatomy__line--title{height:18px;width:92%;background:#b9c3cc}
.hx-anatomy__line--title2{height:18px;width:64%;margin-bottom:22px;background:#b9c3cc}
.hx-anatomy__line--short{width:70%}
.hx-anatomy__foot{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--hx-line);font-size:14px;font-weight:700;color:var(--hx-red-t)}
.hx-anatomy__foot span:last-child{color:var(--hx-slate);font-weight:500}
.hx-anatomy__keys{display:grid;gap:14px;font-size:16px;font-weight:600}
.hx-anatomy__keys li{display:flex;gap:12px;align-items:center}
.hx-anatomy__keys b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--hx-ink);color:#fff;font-family:var(--hx-mono);font-size:14px}
.hx-latest{padding:clamp(26px,3vw,44px);border-radius:32px;background:var(--hx-ink);color:#fff}
.hx-latest__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #ffffff1f}
.hx-latest__head strong{font-size:21px}
.hx-latest__head span{padding:3px 12px;border-radius:99px;background:#ffffff14;font-size:14px;font-weight:600;color:var(--hx-frost)}
.hx-latest ul{display:grid}
.hx-latest li{display:grid;grid-template-columns:104px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff14;font-size:16px}
.hx-latest time{font-family:var(--hx-mono);font-size:14px;color:var(--hx-dsub);font-variant-numeric:tabular-nums}
.hx-latest li i{font-style:normal;padding:3px 10px;border-radius:7px;background:#ffffff14;font-size:14px;color:#dbe4ec}
.hx-latest li i.is-news{background:#9cc3d526;color:var(--hx-frost)}
.hx-latest li i.is-notice{background:#ef3e3626;color:#ff8f88}
.hx-latest__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hx-latest__links span{padding:9px 16px;border-radius:99px;border:1px solid #ffffff2e;font-size:15px;font-weight:600}

/* 10 mobile */
.hx-mobile{background:var(--hx-paper);overflow:hidden;--mb:0}
.hx-mobile__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center}
.hx-mobile__copy h2{margin-bottom:24px}
.hx-mobile__copy>p{font-size:18px;color:var(--hx-slate)}
.hx-checks{display:grid;gap:12px;margin-top:30px;font-size:17px}
.hx-checks li{display:flex;gap:12px;align-items:flex-start}
.hx-checks li::before{content:"";flex:none;width:12px;height:12px;margin-top:9px;border-radius:50%;background:var(--hx-red);box-shadow:0 0 0 5px #ef3e3620}
.hx-phones{display:flex;justify-content:center;gap:clamp(14px,2vw,30px);padding-block:40px}
.hx-phones .hx-phone{position:relative;right:auto;bottom:auto;width:clamp(170px,15vw,250px);transform:translateY(calc(var(--mb) * var(--sp) * 2.4px))}
.hx-phone--2{margin-top:70px}

/* system */
.hx-system{position:relative;padding:clamp(110px,11vw,180px) 0;background:var(--hx-ink);color:#fff;overflow:hidden;--bp:0}
.hx-system__head{max-width:640px}
.hx-system__head .hx-eyebrow{color:var(--hx-red)}
.hx-system__head h2{margin:20px 0 22px}
.hx-system__head h2 em{color:var(--hx-frost)}
.hx-system__head p{font-size:18px;color:#c3cfdb}
.hx-kit{position:relative;height:620px;margin-top:70px}
.hx-kit>*{position:absolute;transform:translateY(calc(var(--bp) * var(--sp) * 1.6px))}
.hx-kit__btns{left:0;top:30px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hx-btn{display:inline-flex;align-items:center;height:56px;padding:0 26px;border-radius:99px;font-size:16px;font-weight:700}
.hx-btn--ink{background:#fff;color:var(--hx-ink)}
.hx-btn--line{border:1.5px solid #ffffff6b}
.hx-btn--text{padding:0;color:#ff8f88;border-bottom:1.5px solid currentColor;height:auto;border-radius:0}
.hx-kit__tags{left:2%;top:170px;display:flex;flex-wrap:wrap;gap:8px;max-width:520px}
.hx-kit__tags i{background:#ffffff14;color:#dbe4ec}
.hx-kit__tags .is-prog{background:#fff;color:var(--hx-ink)}
.hx-kit__tags .is-stage{background:#ef3e3626;color:#ff8f88}
.hx-kit__tags .is-news{background:#9cc3d526;color:var(--hx-frost)}
.hx-kit__tags .is-notice{background:#ffffff14;color:#fff}
.hx-kit__row{right:4%;top:20px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;width:min(520px,44vw);padding:22px 24px;border-radius:22px;background:#fff;color:var(--hx-ink)}
.hx-kit__row b{grid-row:span 2;font-family:var(--hx-wide);font-stretch:118%;font-size:24px;font-weight:800}
.hx-kit__row span{font-size:15px;font-weight:600;color:var(--hx-slate)}
.hx-kit__row i{position:relative;height:16px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#0b12201f calc(25% - 1px) 25%)}
.hx-kit__row i::before{content:"";position:absolute;left:0;top:7px;width:calc((var(--stage) + .5) * 25%);height:2px;background:var(--hx-ink)}
.hx-kit__row i::after{content:"";position:absolute;top:1px;left:calc((var(--stage) + .5) * 25%);width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--hx-red)}
.hx-kit__temp{right:8%;top:220px;display:flex;gap:12px}
.hx-kit__temp span{display:grid;padding:16px 22px;border-radius:20px;background:#ffffff0d;border:1px solid #9cc3d566;font-family:var(--hx-wide);font-stretch:118%;font-size:30px;font-weight:800;color:var(--hx-frost)}
.hx-kit__temp small{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:14px;font-weight:600;color:#c3cfdb}
.hx-kit__temp .is-alert{border-color:#ef3e36;color:#ff6b63;background:#ef3e3614}
.hx-kit__notice{left:6%;top:330px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;width:min(560px,48vw);padding:20px 24px;border-radius:20px;background:#121c30;border:1px solid #ffffff17}
.hx-kit__notice time{font-family:var(--hx-mono);font-size:14px;color:var(--hx-dsub)}
.hx-kit__notice strong{font-size:17px}
.hx-kit__notice b{color:var(--hx-red)}
.hx-kit__swatch{right:20%;top:400px;display:flex}
.hx-kit__swatch i{width:62px;height:62px;margin-left:-14px;border-radius:50%;background:var(--c);border:3px solid var(--hx-ink)}
.hx-kit__swatch i:first-child{margin-left:0;box-shadow:inset 0 0 0 1px #ffffff2e}
.hx-kit__drop{left:30%;top:470px;display:flex;align-items:center;gap:0}
.hx-kit__drop span{width:240px;height:2px;background:linear-gradient(90deg,#ffffff00,#fff)}
.hx-kit__drop b{width:22px;height:22px;border-radius:50%;background:var(--hx-red);box-shadow:0 0 30px #ef3e3688}
.hx-kit__drop small{margin-left:16px;font-family:var(--hx-mono);font-size:14px;color:var(--hx-frost)}

/* 11 today */

/* ending */
.hx-ending{background:var(--hx-ink);color:#fff;text-align:left}
.hx-ending .hx-eyebrow{color:var(--hx-red)}
.hx-ending h2{margin:24px 0 24px;font-size:clamp(40px,5.6vw,96px)}
.hx-ending h2 em{color:var(--hx-frost)}
.hx-ending>.hx-wrap>p{font-size:18px;color:#c3cfdb}
.hx-ending__links{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:40px}
.hx-ending__links .hx-textlink{margin-top:0;color:#fff}
.hx-credits{display:grid;grid-template-columns:1fr 2fr 1.6fr 1.6fr;gap:24px;margin-top:100px;padding-top:30px;border-top:1px solid #ffffff24}
.hx-credits dt{margin-bottom:8px;font-family:var(--hx-mono);font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--hx-red)}
.hx-credits dd{font-size:15px;color:#c3cfdb}
.hx-others{margin-top:90px}
.hx-others__title{margin-bottom:28px;font-size:28px!important}
.hx-others ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hx-others a{display:grid;gap:8px}
.hx-others__img{display:block;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:#ffffff12}
.hx-others__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.hx-others a:hover img{transform:scale(1.04)}
.hx-others__tag{margin-top:8px;font-size:14px;font-weight:700;color:var(--hx-frost)}
.hx-others strong{font-size:20px;letter-spacing:-.03em}
.hx-others__desc{font-size:15px;color:#9fb0c2}

/* chapter nav + lightbox */
.hx-chapters{position:fixed;z-index:1001;left:50%;bottom:22px;display:flex;align-items:center;gap:2px;padding:6px;border-radius:99px;background:#0b1220eb;backdrop-filter:blur(10px);box-shadow:0 18px 40px #0004;transform:translate(-50%,140%);opacity:0;transition:transform .5s,opacity .5s;font-family:'Pretendard Variable',Pretendard,sans-serif;overflow:hidden}
.hx-chapters.is-visible{transform:translate(-50%,0);opacity:1}
.hx-chapters__bar{position:absolute;left:24px;right:24px;top:0;height:2px;background:#ffffff14}
.hx-chapters__bar i{position:absolute;inset:0;background:var(--hx-frost);transform:scaleX(var(--read,0));transform-origin:left}
.hx-chapters a{position:relative;padding:9px 13px;border-radius:99px;color:#c3cfdb;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.hx-chapters a[aria-current]{background:#fff;color:var(--hx-ink)}
.hx-chapters a[aria-current]::after{content:"";position:absolute;right:6px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--hx-red)}
.hx-chapters>span:last-child{padding:0 14px 0 8px;font-family:var(--hx-mono);font-size:14px;color:#9fb0c2;font-variant-numeric:tabular-nums}
.hx-lightbox{width:min(1200px,94vw);height:92vh;max-width:none;max-height:none;padding:0;border:0;border-radius:20px;background:#0b1220;color:#fff;overflow:hidden}
.hx-lightbox::backdrop{background:#070b14e6}
.hx-lightbox[open]{display:flex;flex-direction:column}
.hx-lightbox__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px}
.hx-lightbox__close{padding:8px 16px;border-radius:99px;background:#ffffff1f;color:#fff;border:0;font:inherit;cursor:pointer}
.hx-lightbox__scroll{flex:1;overflow:auto;overscroll-behavior:contain;background:#fff}
.hx-lightbox__scroll img{display:block;width:100%;height:auto}

/* responsive */
@media (min-width:1101px) and (max-height:860px){
    .hx-lines__steps p{font-size:15px}
    .hx-lines h2{margin-bottom:24px}
    .hx-cold__steps{margin-top:22px}
    .hx-cold__steps li{padding:12px 18px}
    .hx-lens__copy{padding:34px 36px 30px}
    .hx-lens__note{display:none}
}
@media (min-width:1101px) and (max-height:760px){
    .hx-lines__pin,.hx-cold__pin{padding-top:96px;padding-bottom:76px}
    .hx-lines h2,.hx-cold h2{font-size:clamp(30px,3.2vw,44px)}
    .hx-lines h2{margin:14px 0 20px}
    .hx-lines__steps li{padding:12px 18px}
    .hx-cold h2{margin:14px 0 0}
    .hx-cold__copy>p{display:none}
    .hx-cold__steps{margin-top:18px}
    .hx-cold__steps li{padding:10px 16px}
    .hx-cold__map,.hx-cold__map>svg{max-height:calc(100svh - 130px)}
}
@media (max-width:1240px){
    .hx-meta{grid-template-columns:1fr 1fr}
    .hx-facts__grid{grid-template-columns:1fr 1fr;row-gap:44px}
    .hx-facts__grid>div:nth-child(3){padding-left:0;border-left:0}
    .hx-facts__grid>div:nth-child(3)::before{left:0}
    .hx-people__grid{grid-template-columns:1fr 1fr}
    .hx-icons ul{grid-template-columns:repeat(4,1fr)}
    .hx-motif__grid{grid-template-columns:1fr 1fr}
    .hx-flow__rail{grid-template-columns:repeat(6,1fr);row-gap:56px}
    .hx-kit{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .hx-kit>*{position:static;transform:none;width:auto;max-width:none}
    .hx-kit__swatch i{margin-left:-10px}
    .hx-anatomy{grid-template-columns:1fr}
    .hx-ir__grid{grid-template-columns:1fr}
}
@media (max-width:1100px){
    .hx-split,.hx-analysis__grid,.hx-temp,.hx-mobile__layout,.hx-amino{grid-template-columns:1fr}
    .hx-split{gap:28px}
    .hx-analysis__side{position:relative;top:auto}
    .hx-analysis__count{display:none}
    .hx-finding{min-height:0}
    .hx-option{grid-template-columns:1fr;gap:18px;position:relative}
    .hx-option__mark{position:absolute;right:0;top:34px;width:64px;height:64px;font-size:14px}
    .hx-option.is-chosen .hx-option__mark{right:20px;top:20px}
    .hx-palette{flex-direction:column;height:auto;min-height:0}
    .hx-swatch{padding:30px 6vw;flex-direction:row;flex-wrap:wrap;gap:20px}
    .hx-swatch:hover{flex:1}
    .hx-swatch__body{flex:1;min-width:260px}
    .hx-voices{grid-template-columns:1fr}
    .hx-vc__spec{min-height:0}
    .hx-scale{grid-template-columns:repeat(3,1fr);row-gap:20px}
    .hx-dir-index{grid-template-columns:1fr 1fr}
    .hx-sian__pin{grid-template-columns:1fr;padding:90px 6vw 90px}
    .hx-sian__device{padding-right:0;margin-top:20px}
    .hx-browser{transform:none}
    .hx-browser__view{height:auto;aspect-ratio:4/5;min-height:0}
    .hx-browser__view img,.hx-phone--scroll .hx-phone__view img{transform:none}
    .hx-phone{position:relative;bottom:auto;margin:-140px 10px 0 auto;transform:none}
    .hx-merge{grid-template-columns:1fr 1fr}
    .hx-merge__to{grid-column:1/-1}
    .hx-merge__from::after{display:none}
    .hx-process{grid-template-columns:repeat(3,1fr);row-gap:56px}
    .hx-board__cols{display:none}
    .hx-prow{grid-template-columns:1fr;row-gap:12px}
    .hx-prow__track{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#0b122014 calc(25% - 1px) 25%);margin-top:18px}
    .hx-prow__track::before{content:"전임상 · 1상 · 2상 · 3상";position:absolute;left:0;top:-22px;font-family:var(--hx-mono);font-size:14px;color:var(--hx-slate);word-spacing:3.6em;white-space:nowrap}
    .hx-board[data-view="patient"] .hx-prow{min-height:0}
    .hx-board__head{flex-wrap:wrap}
    .hx-board__toggle{margin-left:0;width:100%}
    .hx-board__toggle button{flex:1}
    .hx-lines__pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:16px;padding-top:100px}
    .hx-motion .hx-lines h2{display:none}
    .hx-motion .hx-lines__steps li{display:none}
    .hx-lines[data-step="1"] [data-s="1"],.hx-lines[data-step="2"] [data-s="2"],.hx-lines[data-step="3"] [data-s="3"]{display:block!important}
    .hx-lines__stage{max-width:620px;justify-self:center;width:100%}
    .hx-lines__count{display:none}
    .hx-lens__copy{left:6vw;right:6vw;width:auto;top:auto;bottom:40px;transform:none}
    .hx-lens__focus{top:110px;bottom:auto}
    .hx-cold__pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;padding:100px 6vw 30px}
    .hx-motion .hx-cold__copy>p,.hx-motion .hx-cold h2{display:none}
    .hx-cold__steps{margin-top:12px}
    .hx-motion .hx-cold__steps li{display:none}
    .hx-cold[data-step="1"] [data-c="1"],.hx-cold[data-step="2"] [data-c="2"],.hx-cold[data-step="3"] [data-c="3"]{display:grid!important}
    .hx-cold__map{max-height:none;min-height:0}
    .hx-cold__map>svg{max-height:calc(100svh - 300px)}
    .hx-monitor{width:min(300px,62%);bottom:0}
    .hx-credits{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
    .hx{font-size:16px}
    .hx-wrap{width:calc(100% - 40px)}
    .hx-sectionhead{flex-direction:column;gap:6px}
    .hx-prose p,.hx-mood__head p,.hx-mobile__copy>p,.hx-system__head p{font-size:16px}
    .hx-hero__top{top:96px;left:20px;right:20px}
    .hx-hero__top span:last-child{display:none}
    .hx-hero__words{left:20px;top:150px;font-size:clamp(52px,18.5vw,92px);font-stretch:112%}
    .hx-hero__note{left:20px}
    .hx-hero__title{left:20px;right:20px;top:auto;bottom:112px;max-width:none}
    .hx-hero__title h1{margin:16px 0 22px;font-size:clamp(46px,13.4vw,64px)}
    .hx-hero__reveal::after{background:linear-gradient(0deg,#060a13f5 0,#060a13c4 38%,#060a1300 60%),linear-gradient(180deg,#060a13b3 0,#060a1300 22%)}
    .hx-hero__down{left:20px}
    .hx-hero__hint{right:20px}
    .hx-meta{grid-template-columns:1fr}
    .hx-keywords li{font-size:14px;padding:8px 14px}
    .hx-facts__grid{grid-template-columns:1fr}
    .hx-facts__grid>div,.hx-facts__grid>div+div{padding:26px 0;border-left:0;border-bottom:1px solid var(--hx-line)}
    .hx-facts__grid>div::before,.hx-facts__grid>div+div::before{left:0}
    .hx-finding{padding:28px 22px;border-radius:28px}
    .hx-drift{grid-template-columns:1fr;padding:20px}
    .hx-drift__arrow{display:none}
    .hx-islands{grid-template-columns:1fr;row-gap:16px;padding:20px}
    .hx-islands>i{height:30px;width:2px;justify-self:center;background:repeating-linear-gradient(180deg,#ffffff70 0 6px,transparent 6px 11px)}
    .hx-tags{grid-template-columns:1fr;padding:20px}
    .hx-people__grid{grid-template-columns:1fr}
    .hx-statement{border-radius:30px}
    .hx-statement p em{white-space:normal}
    .hx-statement__foot{flex-direction:column;gap:6px}
    .hx-principles{grid-template-columns:1fr}
    .hx-lens__copy{left:16px;right:16px;bottom:92px;padding:26px 22px}
    .hx-lines__pin,.hx-cold__pin{padding-bottom:92px}
    .hx-lines__stage text{font-size:24px}
    .hx-tlabels text,.hx-band__l{font-size:22px!important}
    .hx-lines__arrive{font-size:30px!important}
    .hx-lens__list li{font-size:16px}
    .hx-lens__note{display:none}
    .hx-mood__head{margin-left:20px;margin-right:20px}
    .hx-mood__cols{grid-template-columns:1fr 1fr;width:calc(100% - 40px);gap:14px}
    .hx-mood__col{gap:14px}
    .hx-mood__col--mid{grid-column:1/-1;grid-row:1;padding-top:0}
    .hx-mood__tall img{aspect-ratio:4/3!important}
    .hx-mood figure{border-radius:20px}
    .hx-mood figcaption{left:10px;bottom:10px;padding:5px 10px}
    .hx-material{min-height:auto;flex-direction:column;align-items:stretch}
    .hx-material>img{position:relative;aspect-ratio:4/3;height:auto}
    .hx-material__copy{margin:-40px 16px 30px;padding:30px 24px;border-radius:28px}
    .hx-option.is-chosen{padding:26px 22px}
    .hx-ratio__bar{height:auto;flex-wrap:wrap;border-radius:24px}
    .hx-ratio__bar span{flex-basis:50%!important;min-height:64px;font-size:14px;padding:12px 14px}
    .hx-ratio__bar span:first-child{flex-basis:100%!important;min-height:90px;border-radius:24px 24px 0 0}
    .hx-ratio__bar span:last-child{border-radius:0 0 24px 0}
    .hx-ratio__bar .is-drop{min-width:0;padding:12px 14px}
    .hx-ratio__bar .is-drop b{position:static;background:none;padding:0;color:var(--hx-ink)}
    .hx-ratio__bar .is-drop b::after{display:none}
    .hx-temp{padding:26px 20px;border-radius:30px}
    .hx-temp__board{padding:20px}
    .hx-temp__scale{height:80px}
    .hx-temp__scale span:nth-of-type(2){display:none}
    .hx-temp__scale span:nth-of-type(3){top:auto;bottom:calc(100% + 16px)}
    .hx-temp__board{padding-top:28px}
    .hx-temp__scale{margin-top:76px}
    .hx-marquee{margin-bottom:56px}
    .hx-icons{padding:24px 18px}
    .hx-icons__head{flex-direction:column;gap:6px}
    .hx-icons ul{grid-template-columns:repeat(2,1fr)}
    .hx-motif__grid{grid-template-columns:1fr}
    .hx-apps figcaption{position:static;max-width:none;border-radius:0}
    .hx-apps img{aspect-ratio:4/3}
    .hx-wire__head{flex-direction:column;gap:10px}
    .hx-wire__frame{aspect-ratio:3/4;border-radius:20px}
    .hx-dir-index{grid-template-columns:1fr}
    .hx-sian__pin{padding:80px 20px}
    .hx-phone{width:150px;margin-top:-120px;border-radius:26px;padding:7px}
    .hx-phone img,.hx-phone__view{border-radius:20px}
    .hx-matrix{overflow-x:auto}
    .hx-matrix__row{grid-template-columns:150px repeat(4,96px);min-width:540px;font-size:14px}
    .hx-matrix i{width:9px;height:9px}
    .hx-matrix__row span[role="cell"]{gap:4px}
    .hx-merge{grid-template-columns:1fr}
    .hx-process{grid-template-columns:1fr 1fr}
    .hx-board{padding:20px 16px;border-radius:26px}
    .hx-prow__track::before{word-spacing:1.1em}
    .hx-amino__dots{grid-template-columns:repeat(9,1fr)}
    .hx-cold__steps li{grid-template-columns:1fr;gap:2px}
    .hx-monitor{position:relative;width:100%;margin-top:-10px}
    .hx-motion .hx-cold__map>svg{max-height:calc(100svh - 480px)}
    .hx-flow__rail{grid-template-columns:1fr 1fr;row-gap:16px;padding-top:0}
    .hx-flow__rail::before,.hx-flow__rail li::before{display:none}
    .hx-flow__rail li{min-height:0}
    .hx-systems{grid-template-columns:1fr}
    .hx-latest li{grid-template-columns:1fr auto;row-gap:2px}
    .hx-latest time{grid-column:1/-1}
    .hx-kit{grid-template-columns:1fr}
    .hx-kit__row,.hx-kit__notice{width:100%!important}
    .hx-phones{gap:10px;padding-block:20px}
    .hx-phones .hx-phone{width:33%;margin:0;padding:5px;border-radius:20px}
    .hx-phones .hx-phone img{border-radius:16px}
    .hx-phones .hx-phone__notch{display:none}
    .hx-phone--2{margin-top:40px!important}
    .hx-credits{grid-template-columns:1fr}
    .hx-others ul{grid-template-columns:1fr}
    .hx-chapters{display:none}
}
@media (prefers-reduced-motion:reduce){
    .hx *,.hx *::before,.hx *::after{transition-duration:.01ms!important;animation:none!important}
}