.how{--ink:#333;--sub:#333333b8;--dim:#33333380;--line:#33333329;--hot:#ff5ab5;--gut:51px;color:var(--ink);font-family:var(--font-sans-en), "Pretendard Variable", Pretendard, sans-serif;background:#fff}.how .hw-head h2,.how .hw-head__n,.how .hw-hero__type h1,.how .hw-cover h2,.how .hw-cover__all,.how .hw-card__big,.how .hw-cover__cap b,.how .hw-ask__q,.how .hw-dtp__word,.how .hw-dtp__roles b,.how .hw-poster__stat,.how .hw-cmp h3,.how .hw-src__head h2,.how .hw-src__item b,.how .hw-src__idx,.how .hw-stat b,.how .hw-pf__head h2,.how .hw-pf__en,.how .hw-pf__ch b,.how .hw-ipl__more,.how .hw-ipl__head h2,.how .hw-end p{font-family:var(--font-oswald), Oswald, Impact, sans-serif;font-weight:700}.how .hw-ticker em,.how .hw-hero__kicker,.how .hw-card__top em,.how .hw-cover__hint,.how .hw-circ,.how .hw-dtp__more,.how .hw-dtp__rn,.how .hw-poster__loc,.how .hw-poster__note,.how .hw-cmp__tag,.how .hw-cmp__line i,.how .hw-src__k,.how .hw-src__intro em,.how .hw-src__hud,.how .hw-stat__en,.how .hw-pf__ch ul li,.how .hw-pf__hud,.how .hw-pf__load span,.how .hw-ipl__k,.how .hw-ipr__tags em,.how .hw-ipr__res{font-family:var(--font-mono-en), "Space Mono", ui-monospace, monospace}.how .hw-reveal{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.how .hw-reveal.is-in{opacity:1;transform:translateY(0)}.how .hw-hero{background:#000;height:clamp(560px,64vh,780px);position:relative;overflow:hidden}.how .hw-hero>video{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;display:block;position:absolute;inset:0}.how .hw-hero__grad{pointer-events:none;background:linear-gradient(#00000080 0%,#0000001f 40%,#000000c7 100%);position:absolute;inset:0}.how .hw-hero__type{left:var(--gut);right:var(--gut);z-index:2;position:absolute;bottom:48px}.how .hw-hero__kicker{letter-spacing:.22em;color:var(--hot);margin-bottom:20px;font-size:13px;display:block}.how .hw-hero__type h1{letter-spacing:-.05em;color:#fff;margin:0;font-size:clamp(54px,9.4vw,168px);line-height:.88}.how .hw-hero__type p{letter-spacing:-.02em;color:#ffffffe0;word-break:keep-all;max-width:760px;margin:24px 0 0;font-size:18px;font-weight:600;line-height:32px}.how .hw-ticker{border-bottom:1px solid var(--line);background:#111;overflow:hidden}.how .hw-ticker__track{width:max-content;animation:40s linear infinite hwMarquee;display:flex}.how .hw-ticker__track span{display:flex}.how .hw-ticker em{letter-spacing:.14em;color:#ffffffd1;white-space:nowrap;align-items:center;height:56px;padding:0 26px;font-size:13px;font-style:normal;display:flex}.how .hw-ticker em:after{content:"";background:var(--hot);border-radius:50%;width:5px;height:5px;margin-left:26px}@keyframes hwMarquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.how .hw-head{padding-bottom:36px}.how .hw-head__row{align-items:baseline;gap:28px;display:flex}.how .hw-head__n{letter-spacing:.1em;color:var(--hot);font-size:20px}.how .hw-head h2,.how .hw-cover h2,.how .hw-src__head h2{letter-spacing:-.05em;color:var(--ink);white-space:nowrap;align-items:baseline;gap:18px;margin:0;font-size:60px;line-height:1;display:flex}.how .hw-head h2 i,.how .hw-cover h2 i,.how .hw-src__head h2 i{font-family:var(--font-sans-en), Pretendard, sans-serif;letter-spacing:-.02em;color:var(--sub);font-size:20px;font-style:normal;font-weight:700}.how .hw-head p{letter-spacing:-.02em;max-width:640px;color:var(--ink);word-break:keep-all;margin:16px 0 0;font-size:17px;font-weight:600;line-height:30px}.how .hw-head--light h2,.how .hw-head--light p{color:#fff}.how .hw-head--light h2 i{color:#ffffffb3}.how .hw-circ{letter-spacing:0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;display:inline-flex}.how .hw-cover{height:100vh;min-height:640px;padding:118px var(--gut) 100px;color:#fff;background:#0b0b0d;position:relative;overflow:hidden}.how .hw-cover__head{z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.how .hw-cover__head>*{pointer-events:auto}.how .hw-cover h2{color:#fff}.how .hw-cover h2 i{color:#ffffffb3}.how .hw-cover__all{color:#fff;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #fff9;align-items:center;gap:12px;height:46px;padding:0 20px;font-size:15px;transition:background .3s,border-color .3s,gap .3s;display:inline-flex}.how .hw-cover__all:hover{color:#0b0b0d;background:#fff;border-color:#fff;gap:18px}.how .hw-fan{position:absolute;inset:0}.how .hw-card{aspect-ratio:3/4;color:#fff;cursor:pointer;text-align:left;transform-origin:50% 128%;width:61.5vh;max-width:34vw;height:82vh;transform:rotate(calc(var(--i) * 12deg)) translateY(0);background:#111;border:0;outline:none;margin-left:calc(min(61.5vh,34vw)/-2);padding:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s;position:absolute;top:9vh;left:50%;overflow:hidden;box-shadow:0 30px 60px #0000008c}.how .hw-card img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.how .hw-card:after{content:"";pointer-events:none;background:linear-gradient(#00000059 0%,#0000 35%,#0000000d 60%,#000000c7 100%);position:absolute;inset:0}.how .hw-card__top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:16px}.how .hw-card__top em{letter-spacing:.16em;color:#ffffffd9;font-size:10px;font-style:normal}.how .hw-card__top i{background:var(--hot);border-radius:50%;width:8px;height:8px}.how .hw-card__big{z-index:2;letter-spacing:-.04em;color:#fff;font-size:clamp(48px,6vh,104px);line-height:.9;position:absolute;bottom:52px;left:22px;right:22px}.how .hw-card__ko{z-index:2;letter-spacing:-.01em;color:#fffc;font-size:17px;font-weight:700;position:absolute;bottom:22px;left:22px}.how .hw-card.on{transform:rotate(calc(var(--i) * 12deg)) translateY(-22px) scale(1.03)}.how .hw-card.on img{transform:scale(1.06)}.how .hw-card.off{filter:brightness(.6)}.how .hw-cover__cap{z-index:12;text-align:center;text-shadow:0 2px 24px #000000e6;pointer-events:none;opacity:.35;width:max-content;max-width:80vw;transition:opacity .4s,transform .5s;position:absolute;bottom:82px;left:50%;transform:translateY(6px)}.how .hw-cover__cap.on{opacity:1;transform:translate(-50%)}.how .hw-cover__cap b{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,40px);line-height:1;display:block}.how .hw-cover__cap p{letter-spacing:-.02em;color:#ffffffb8;margin:8px 0 0;font-size:15px;font-weight:600}.how .hw-cover__hint{left:var(--gut);letter-spacing:.16em;color:#fff6;margin:0;font-size:10px;position:absolute;bottom:78px}.how .hw-ask{min-height:62vh;padding:118px var(--gut) 72px;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.how .hw-ask__q{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(30px,3.6vw,60px);line-height:1.02}.how .hw-ask__ko{letter-spacing:-.02em;color:var(--sub);word-break:keep-all;margin-top:22px;font-size:16px;font-weight:600;display:block}.how .hw-ask__n{left:var(--gut);color:var(--ink);position:absolute;top:118px}.how .hw-dt{position:relative}.how .hw-dt__hold{height:45vh}.how .hw-dtp{height:100vh;padding:118px var(--gut) 104px;color:var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;display:grid;position:sticky;top:0;overflow:hidden;box-shadow:0 -30px 80px #00000040}.how .hw-dtp--dark{color:#fff;background:#0b0b0d}.how .hw-dtp__l{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.how .hw-dtp__top{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.how .hw-dtp__text{letter-spacing:-.02em;word-break:keep-all;max-width:600px;margin:0;font-size:clamp(17px,2vh,21px);font-weight:600;line-height:1.7}.how .hw-dtp--dark .hw-dtp__text{color:#ffffffeb}.how .hw-dtp__roles{border-top:1px solid;width:100%;max-width:720px;margin:0;padding:0;list-style:none}.how .hw-dtp__roles li{border-bottom:1px solid #80808059;grid-template-rows:auto auto;grid-template-columns:44px 210px 1fr;align-items:baseline;gap:6px 18px;padding:clamp(10px,1.6vh,18px) 0;display:grid}.how .hw-dtp__rn{letter-spacing:.1em;color:var(--hot);grid-row:1/3;font-size:13px}.how .hw-dtp__roles b{letter-spacing:-.02em;font-size:clamp(22px,2.6vh,28px);line-height:1}.how .hw-dtp__roles i{letter-spacing:-.01em;opacity:.85;font-size:clamp(14px,1.6vh,17px);font-style:normal;font-weight:700}.how .hw-dtp__rt{letter-spacing:-.01em;opacity:.7;word-break:keep-all;grid-column:2/4;font-size:clamp(14px,1.6vh,17px);font-weight:600;line-height:1.6}.how .hw-dtp__bottom{min-width:0}.how .hw-dtp:has(.hw-dtp__roles) .hw-dtp__word{font-size:clamp(64px,min(10.5vw,17vh),190px)}.how .hw-dtp__word{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(70px,12.4vw,220px);line-height:.86;display:block}.how .hw-dtp__more{letter-spacing:.12em;border-top:1px solid;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:14px;font-size:12px;display:flex}.how .hw-dtp__more button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;transition:gap .3s,color .3s;display:inline-flex}.how .hw-dtp__more button:hover{color:var(--hot);gap:16px}.how .hw-dtp__more em{font-size:16px;font-style:normal}.how .hw-dtp__r{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.how .hw-poster{aspect-ratio:4/5;will-change:transform;background:#111;width:auto;height:min(70vh,760px);position:relative;overflow:hidden;box-shadow:0 40px 90px #0006}.how .hw-poster img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.how .hw-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000006b 0%,#0000 30% 55%,#000000b8 100%);position:absolute;inset:0}.how .hw-poster__loc{z-index:2;letter-spacing:.16em;color:#fff;font-size:11px;position:absolute;top:20px;left:22px}.how .hw-poster__dot{z-index:2;background:var(--hot);border-radius:50%;width:18px;height:18px;position:absolute;top:18px;right:22px}.how .hw-poster__stat{z-index:2;letter-spacing:-.05em;color:#fff;font-size:clamp(56px,6.4vw,120px);line-height:.9;position:absolute;bottom:20px;left:24px}.how .hw-poster__note{z-index:2;text-align:right;letter-spacing:.14em;color:#ffffffd9;max-width:46%;font-size:10px;line-height:1.6;position:absolute;bottom:26px;right:22px}.how .hw-cmp{z-index:2;min-height:100vh;padding:120px var(--gut) 72px;border-bottom:1px solid var(--line);background:#0b0b0d;flex-direction:column;justify-content:center;display:flex;position:relative}.how .hw-cmp__stage{aspect-ratio:21/10;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y;border:1px solid #ffffff2e;min-height:480px;max-height:72vh;position:relative;overflow:hidden}.how .hw-cmp__layer{position:absolute;inset:0}.how .hw-cmp__layer video{object-fit:cover;filter:grayscale()contrast(1.05);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.how .hw-cmp__layer--base video{opacity:.6}.how .hw-cmp__layer--top{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.how .hw-cmp__layer--top:after{content:"";background:linear-gradient(90deg,#000000b8 0%,#00000014 55%);position:absolute;inset:0}.how .hw-cmp__layer--base:after{content:"";background:linear-gradient(270deg,#000000c7 0%,#0000001f 55%);position:absolute;inset:0}.how .hw-cmp__type{z-index:2;color:#fff;pointer-events:none;width:min(520px,40%);position:absolute;bottom:56px;left:40px}.how .hw-cmp__type--r{text-align:right;left:auto;right:40px}.how .hw-cmp__type--r p{margin-left:auto}.how .hw-cmp__tag{letter-spacing:.16em;color:var(--hot);font-size:11px;display:block}.how .hw-cmp h3{letter-spacing:-.04em;color:#fff;align-items:baseline;gap:14px;margin:14px 0;font-size:clamp(32px,3.4vw,60px);line-height:1;display:flex}.how .hw-cmp__type--r h3{justify-content:flex-end}.how .hw-cmp h3 i{font-family:var(--font-sans-en), Pretendard, sans-serif;color:#ffffffb3;font-size:15px;font-style:normal;font-weight:700}.how .hw-cmp p{letter-spacing:-.02em;color:#ffffffe0;word-break:keep-all;margin:0;font-size:15px;font-weight:600;line-height:26px}.how .hw-cmp__line{top:0;bottom:0;left:var(--split,50%);z-index:3;pointer-events:none;background:#fff;width:2px;position:absolute}.how .hw-cmp__line i{color:#111;letter-spacing:.14em;white-space:nowrap;background:#fff;padding:10px 14px;font-size:11px;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #0006}.how .hw-cmp__stage:active .hw-cmp__line i{background:var(--hot);color:#fff}.how .hw-src{z-index:2;background:#fff;height:640vh;position:relative}.how .hw-src__pin{background:radial-gradient(62% 58% at 50% 46%,#fff 0%,#f4f4f2 55%,#e4e4e1 100%);height:100vh;position:sticky;top:0;overflow:hidden}.how .hw-src__head{left:var(--gut);z-index:4;align-items:baseline;gap:28px;display:flex;position:absolute;top:118px}.how .hw-src__bottle{z-index:2;will-change:transform;mix-blend-mode:multiply;width:54vh;height:96vh;margin-left:-27vh;position:absolute;top:2vh;left:50%}.how .hw-src__bottle video{object-fit:cover;width:100%;height:100%;display:block}.how .hw-src__intro{left:var(--gut);z-index:3;letter-spacing:-.02em;max-width:360px;color:var(--ink);word-break:keep-all;flex-direction:column;align-items:flex-start;gap:14px;margin:0;font-size:17px;font-weight:600;line-height:28px;display:flex;position:absolute;top:210px}.how .hw-src__intro em{letter-spacing:.3em;color:var(--hot);font-size:10px;font-style:normal;animation:1.6s ease-in-out infinite hwPulse}@keyframes hwPulse{0%,to{opacity:1}50%{opacity:.3}}.how .hw-src__item{z-index:3;text-align:center;opacity:0;visibility:hidden;will-change:transform, opacity;width:min(900px,84vw);position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.how .hw-src__k{letter-spacing:.26em;color:var(--hot);font-size:13px;display:block}.how .hw-src__item b{letter-spacing:-.045em;color:var(--ink);word-break:keep-all;margin:26px 0 30px;font-size:clamp(48px,6.6vw,120px);line-height:.96;display:block}.how .hw-src__item p{letter-spacing:-.02em;max-width:640px;color:var(--sub);word-break:keep-all;margin:0 auto;font-size:20px;font-weight:600;line-height:36px}.how .hw-src__hud{left:var(--gut);z-index:4;align-items:center;gap:18px;display:flex;position:absolute;bottom:100px}.how .hw-src__idx{letter-spacing:.06em;color:var(--ink);font-size:18px}.how .hw-src__idx em{color:var(--dim);font-style:normal}.how .hw-src__dots{gap:6px;display:flex}.how .hw-src__dots i{background:var(--line);width:22px;height:2px;transition:background .3s,width .3s}.how .hw-src__dots i.done{background:var(--ink)}.how .hw-src__dots i.on{background:var(--hot);width:44px}.how .hw-stats{z-index:2;border-bottom:1px solid var(--line);background:#111;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.how .hw-stat{text-align:center;border-right:1px solid #ffffff1f;padding:64px 32px 60px}.how .hw-stat:last-child{border-right:0}.how .hw-stat b{letter-spacing:-.05em;color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:4px;font-size:clamp(46px,5.4vw,88px);line-height:1;display:flex}.how .hw-stat b small{letter-spacing:-.02em;color:var(--hot);font-size:.34em}.how .hw-stat__en{letter-spacing:.16em;color:#fff9;margin-top:22px;font-size:11px;display:block}.how .hw-stat__ko{letter-spacing:-.02em;color:#ffffffd9;margin-top:8px;font-size:14px;font-weight:600;display:block}.how .hw-pf{z-index:2;background:#050507;height:520vh;position:relative}.how .hw-pf__pin{background:#050507;height:100vh;position:sticky;top:0;overflow:hidden}.how .hw-pf__video{object-fit:cover;filter:grayscale()contrast(1.06);width:100%;height:100%;display:block;position:absolute;inset:0}.how .hw-pf__grad{pointer-events:none;background:radial-gradient(60% 55% at 50% 52%,#0000009e 0%,#0003 70%,#0000 100%),linear-gradient(#0000008c 0%,#0000 30% 70%,#000c 100%);position:absolute;inset:0}.how .hw-pf__load{z-index:8;background:#050507;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .9s,visibility .9s;display:flex;position:absolute;inset:0}.how .hw-pf__load.off{opacity:0;visibility:hidden}.how .hw-pf__load span{letter-spacing:.32em;color:#ffffff80;font-size:11px}.how .hw-pf__load i{background:#ffffff24;width:140px;height:1px;position:relative;overflow:hidden}.how .hw-pf__load i:after{content:"";background:var(--hot);width:40%;height:100%;animation:1.4s ease-in-out infinite hwLoad;position:absolute;top:0;left:-40%}@keyframes hwLoad{to{left:100%}}.how .hw-pf__head{left:var(--gut);z-index:4;align-items:baseline;gap:28px;display:flex;position:absolute;top:118px}.how .hw-pf__head h2{letter-spacing:-.05em;color:#fff;white-space:nowrap;align-items:baseline;gap:18px;margin:0;font-size:60px;line-height:1;display:flex}.how .hw-pf__head h2 i{font-family:var(--font-sans-en), Pretendard, sans-serif;color:#ffffffb3;font-size:20px;font-style:normal;font-weight:700}.how .hw-pf__ch{z-index:4;text-align:center;opacity:0;visibility:hidden;will-change:transform, opacity;color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:min(860px,74vw);height:400px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how .hw-pf__en{letter-spacing:.2em;height:22px;color:var(--hot);font-size:16px;display:block}.how .hw-pf__ch b{letter-spacing:-.04em;color:#fff;text-shadow:0 4px 40px #000000b3;height:clamp(56px,8.6vw,150px);margin:18px 0 20px;font-size:clamp(56px,8.6vw,150px);line-height:.95;display:block}.how .hw-pf__ch p{letter-spacing:-.02em;color:#ffffffeb;word-break:keep-all;text-shadow:0 2px 20px #000000b3;max-width:680px;height:62px;margin:0 auto;font-size:18px;font-weight:600;line-height:31px}.how .hw-pf__ch ul{flex-wrap:wrap;justify-content:center;gap:30px;height:34px;margin:26px 0 0;padding:0;list-style:none;display:flex}.how .hw-pf__ch ul li{font-family:var(--font-sans-en), Pretendard, sans-serif;letter-spacing:-.01em;color:#ffffffeb;text-shadow:0 2px 14px #000000b3;align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.how .hw-pf__ch ul li:before{content:"";background:var(--hot);width:7px;height:7px}.how .hw-pf__hud{left:var(--gut);right:var(--gut);z-index:5;letter-spacing:.16em;color:#ffffff80;pointer-events:none;align-items:center;gap:24px;font-size:11px;display:flex;position:absolute;bottom:76px}.how .hw-pf__steps{gap:18px;display:flex}.how .hw-pf__steps em{font-style:normal;font-family:var(--font-sans-en), Pretendard, sans-serif;letter-spacing:-.01em;color:#ffffff59;font-size:13px;font-weight:700;transition:color .3s}.how .hw-pf__steps em.done{color:#ffffffb3}.how .hw-pf__steps em.on{color:var(--hot)}.how .hw-pf__bar{background:#ffffff29;flex:1;height:1px;position:relative;overflow:hidden}.how .hw-pf__bar i{background:var(--hot);transform-origin:0;position:absolute;inset:0}.how .hw-pf__tc{color:#fff;white-space:nowrap}.how .hw-pf__tc em{color:#ffffff80;font-style:normal}.how .hw-ipl{z-index:2;min-height:100vh;padding:120px var(--gut) 96px;border-bottom:1px solid var(--line);background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.how .hw-ipl__head,.how .hw-ipl__list,.how .hw-ipl__more{width:min(1120px,100%)}.how .hw-ipl__head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:30px;display:flex}.how .hw-ipl__head h2{letter-spacing:-.045em;color:var(--ink);align-items:baseline;gap:16px;margin:0;font-size:clamp(36px,3.4vw,56px);line-height:1;display:flex}.how .hw-ipl__head h2 i{font-family:var(--font-sans-en), Pretendard, sans-serif;letter-spacing:-.02em;color:var(--sub);font-size:18px;font-style:normal;font-weight:700}.how .hw-ipl__sum{background:var(--hot);color:#fff;height:30px;font-family:var(--font-mono-en), "Space Mono", ui-monospace, monospace;letter-spacing:.16em;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.how .hw-ipl__k{letter-spacing:.2em;color:var(--hot);align-items:center;gap:10px;font-size:12px;display:flex}.how .hw-ipl__k i{border:2px solid var(--hot);box-sizing:border-box;width:9px;height:9px}.how .hw-ipl__list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.how .hw-ipr{border-bottom:1px solid var(--ink);padding:26px 0 24px;transition:opacity 1s,transform 1s cubic-bezier(.22,1,.36,1),background .3s}.how .hw-ipr:hover{background:#fafafa}.how .hw-ipr__row{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.how .hw-ipr h3{letter-spacing:-.02em;max-width:720px;color:var(--ink);word-break:keep-all;margin:0;font-size:20px;font-weight:800;line-height:1.35}.how .hw-ipr__tags{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;max-width:40%;display:flex}.how .hw-ipr__tags em{border:1px solid var(--ink);letter-spacing:.02em;height:24px;color:var(--ink);white-space:nowrap;align-items:center;padding:0 8px;font-size:11px;font-style:normal;display:inline-flex}.how .hw-ipr p{letter-spacing:-.02em;max-width:720px;color:var(--sub);word-break:keep-all;margin:14px 0 0;font-size:15px;font-weight:600;line-height:26px}.how .hw-ipr__res{border-left:3px solid var(--hot);letter-spacing:.06em;color:var(--ink);margin-top:14px;padding-left:12px;font-size:12px;line-height:16px;display:inline-block}.how .hw-ipl__more{border-bottom:2px solid var(--hot);width:auto;color:var(--ink);letter-spacing:.02em;align-items:center;gap:12px;margin-top:30px;padding-bottom:4px;font-size:17px;text-decoration:none;transition:gap .3s,color .3s;display:inline-flex}.how .hw-ipl__more:hover{color:var(--hot);gap:20px}.how .hw-end{z-index:2;aspect-ratio:5/2;border-bottom:1px solid var(--line);background:#111;position:relative;overflow:hidden}.how .hw-end video{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block;position:absolute;inset:0}.how .hw-end p{left:var(--gut);letter-spacing:-.04em;color:#fff;text-shadow:0 2px 24px #0009;margin:0;font-size:clamp(30px,4.2vw,72px);line-height:1;position:absolute;bottom:44px}.how .hw-end p i{font-family:var(--font-serif-en), "Instrument Serif", Georgia, serif;letter-spacing:-.02em;font-style:italic;font-weight:400}@media (min-width:901px) and (max-height:900px){.how .hw-dtp{padding-top:100px;padding-bottom:84px}.how .hw-dtp__top{gap:16px}.how .hw-dtp__text{max-width:560px;font-size:16px;line-height:1.55}.how .hw-dtp__roles li{grid-template-columns:36px 180px 1fr;row-gap:3px;padding:7px 0}.how .hw-dtp__roles b{font-size:20px}.how .hw-dtp__roles i{font-size:14px}.how .hw-dtp__rt{font-size:13px;line-height:1.45}.how .hw-dtp:has(.hw-dtp__roles) .hw-dtp__word{font-size:clamp(56px,13vh,130px)}.how .hw-dtp__more{margin-top:12px;padding-top:10px}}@media (min-width:901px) and (max-width:1439px){.how{--gut:40px}.how .hw-head h2,.how .hw-cover h2,.how .hw-src__head h2,.how .hw-pf__head h2{font-size:48px}.how .hw-card{max-width:40vw;margin-left:calc(min(61.5vh,40vw)/-2)}.how .hw-dtp{gap:24px}.how .hw-poster{width:min(380px,36vw)}}@media (max-width:900px){.how{--gut:16px}.how .hw-hero{height:76vh;min-height:460px}.how .hw-hero__type{bottom:28px}.how .hw-hero__kicker{margin-bottom:12px;font-size:11px}.how .hw-hero__type p{margin-top:14px;font-size:14px;line-height:24px}.how .hw-ticker em{height:44px;padding:0 14px;font-size:11px}.how .hw-ticker em:after{margin-left:14px}.how .hw-head{padding-bottom:24px}.how .hw-head__row{gap:12px}.how .hw-head h2,.how .hw-cover h2,.how .hw-src__head h2,.how .hw-pf__head h2{white-space:normal;gap:10px;font-size:34px}.how .hw-head h2 i,.how .hw-cover h2 i,.how .hw-src__head h2 i,.how .hw-pf__head h2 i{font-size:15px}.how .hw-head p{margin-top:12px;font-size:15px;line-height:26px}.how .hw-cover{height:auto;min-height:0;padding:84px var(--gut) 90px}.how .hw-cover__head{flex-direction:column;gap:14px}.how .hw-cover__all{height:40px;font-size:13px}.how .hw-fan{min-height:96vw;margin-top:24px;position:relative;inset:auto}.how .hw-card{transform-origin:50% 180%;width:56vw;max-width:none;height:auto;transform:rotate(calc(var(--i) * 7deg));margin-left:-28vw;top:auto;bottom:0}.how .hw-card.on{transform:rotate(calc(var(--i) * 7deg)) translateY(-20px) scale(1.04)}.how .hw-card__big{font-size:34px;bottom:30px;left:14px;right:14px}.how .hw-card__ko{font-size:10px;bottom:10px}.how .hw-cover__cap{width:auto;max-width:none;margin-top:20px;position:relative;bottom:auto;left:auto;transform:none}.how .hw-cover__cap.on{transform:none}.how .hw-cover__hint{display:none}.how .hw-ask{min-height:70vh;padding:60px var(--gut) 90px}.how .hw-ask__q{font-size:30px}.how .hw-ask__ko{font-size:14px}.how .hw-ask__n{top:24px}.how .hw-dtp{height:auto;min-height:0;padding:40px var(--gut) 90px;grid-template-columns:1fr;gap:24px;position:relative}.how .hw-dtp__l{gap:22px}.how .hw-dtp__text{font-size:15px;line-height:26px}.how .hw-dtp__roles li{grid-template-columns:30px 1fr}.how .hw-dtp__roles i{grid-column:2}.how .hw-dtp__rt{grid-column:2/3}.how .hw-dtp__word{font-size:18vw}.how .hw-dtp__r{justify-content:flex-start}.how .hw-poster{width:min(320px,78vw);height:auto}.how .hw-poster__stat{font-size:44px}.how .hw-cmp{min-height:0;padding:52px var(--gut) 48px}.how .hw-cmp__stage{aspect-ratio:3/4;min-height:0;max-height:none}.how .hw-cmp__type{width:auto;bottom:14px;left:14px;right:14px}.how .hw-cmp__type--r{text-align:right;top:14px;bottom:auto}.how .hw-cmp h3{margin:8px 0;font-size:24px}.how .hw-cmp p{display:none}.how .hw-cmp__line i{padding:8px 10px;font-size:10px}.how .hw-src{height:560vh}.how .hw-src__head{gap:12px;top:84px}.how .hw-src__bottle{width:42.75vh;height:76vh;margin-left:-21.375vh;top:14vh}.how .hw-src__intro{max-width:70vw;font-size:14px;line-height:22px;top:140px}.how .hw-src__item{width:86vw;top:38%}.how .hw-src__item b{margin:14px 0 16px;font-size:36px}.how .hw-src__item p{font-size:15px;line-height:26px}.how .hw-src__hud{bottom:70px;left:16px}.how .hw-stats{grid-template-columns:1fr 1fr}.how .hw-stat{border-bottom:1px solid #ffffff1f;padding:34px 14px 30px}.how .hw-stat:nth-child(2n){border-right:0}.how .hw-stat__en{margin-top:12px;font-size:10px}.how .hw-pf{height:460vh}.how .hw-pf__head{gap:12px;top:84px}.how .hw-pf__ch{width:86vw;height:300px}.how .hw-pf__ch b{height:52px;margin:12px 0;font-size:52px}.how .hw-pf__ch p{height:72px;font-size:14px;line-height:24px}.how .hw-pf__ch ul{gap:14px;height:auto;margin-top:12px}.how .hw-pf__ch ul li{font-size:13px}.how .hw-ipl__head h2{font-size:30px}.how .hw-dt__hold{display:none}.how .hw-pf__hud{gap:12px;bottom:66px;left:16px;right:16px}.how .hw-pf__steps{display:none}.how .hw-ipl{min-height:0;padding:52px var(--gut) 56px}.how .hw-ipr__row{flex-direction:column;gap:12px}.how .hw-ipr h3{font-size:16px}.how .hw-ipr__tags{justify-content:flex-start;max-width:none}.how .hw-ipr p{font-size:14px;line-height:24px}.how .hw-end{aspect-ratio:4/3}.how .hw-end p{bottom:20px}}
