@font-face{font-family:HnPretendard;src:url(../assets/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:HnPretendard;src:url(../assets/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:HnPretendard;src:url(../assets/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:HnPretendard;src:url(../assets/Pretendard-Bold.woff2) format("woff2");font-weight:700 900;font-display:swap}@font-face{font-family:HnRedHat;src:url(../assets/RedHatDisplay-300.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:HnRedHat;src:url(../assets/RedHatDisplay-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:HnRedHat;src:url(../assets/RedHatDisplay-500.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:HnRedHat;src:url(../assets/RedHatDisplay-600.ttf) format("truetype");font-weight:600;font-display:swap}.hn-case{--ink:#15191c;--orange:#ed7929;--gray:#f0f2f3;color:var(--ink);background:#fff;font:400 18px/1.8 HnPretendard,Arial,sans-serif;word-break:keep-all;overflow:clip}.hn-case *{box-sizing:border-box}.hn-case a{color:inherit;text-decoration:none}.hn-case button{font:inherit;cursor:pointer}.hn-case img{display:block;width:100%}.hn-case h1,.hn-case h2,.hn-case h3,.hn-case h4,.hn-case p,.hn-case figure{margin:0}.hn-case h2,.hn-case h3,.hn-case h4{font-weight:500;line-height:1.35;letter-spacing:-.045em}.hn-case h2{font-size:clamp(32px,3.5vw,58px)}.hn-case a:focus-visible,.hn-case button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.hn-wrap{width:88%;max-width:1440px;margin:auto}.hn-section{padding-top:125px;padding-bottom:125px}.hn-label{font-size:12px;letter-spacing:.1em;color:#636c74;margin-bottom:32px!important}.hn-body{font-size:20px;line-height:1.95;color:#424b53}.hn-subtle{color:#626c75}.hn-muted{color:#777f85}.hn-small-note{font-size:12px;color:#65707a;line-height:1.8}.hn-center{text-align:center}.hn-skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.hn-skip:focus{top:0}.hn-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;pointer-events:none}.hn-progress>span{display:block;height:100%;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.hn-header{height:104px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #dde1e3}.hn-agency{font-size:22px;font-weight:700;letter-spacing:-.05em;line-height:1.25}.hn-agency>span{font-weight:400;margin-left:5px;font-size:.75em;letter-spacing:-.02em}.hn-back{font-size:13px;display:flex;gap:30px;align-items:center}.hn-back>span{font-size:23px}.hn-header-meta{font-size:10px;letter-spacing:.1em;color:#717a81}.hn-intro{padding-top:65px;padding-bottom:70px}.hn-intro-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.hn-title{font-size:clamp(90px,15.5vw,245px);font-weight:400;letter-spacing:-.075em;line-height:1.05;margin:42px 0 55px!important}.hn-line{display:block;overflow:hidden;padding-bottom:.06em}.hn-line>span{display:block}.hn-title-foot{display:block;font-size:13px;letter-spacing:.01em;line-height:1.6;margin-top:20px;color:#57636a}.hn-intro-foot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.hn-intro-foot h2{font-size:28px}.hn-intro-foot>div{display:flex;gap:35px;align-items:end;justify-content:space-between}.hn-intro-foot p{font-size:17px;line-height:1.9;color:#505b63}.hn-circle{width:50px;height:50px;flex:0 0 50px;border:1px solid #bfc7cd;border-radius:50%;display:grid;place-items:center;font-size:23px}.hn-cover{max-width:none;width:100%;padding-left:calc(6% * (1 - var(--expand,0)));padding-right:calc(6% * (1 - var(--expand,0)))}.hn-cover-frame{height:690px;position:relative;overflow:hidden;background:#202b38}.hn-cover-frame>img{height:100%;object-fit:cover;transform:scale(calc(1.05 - var(--expand,0) * .05))}.hn-cover-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07131aaa,transparent 75%)}.hn-cover-copy{position:absolute;z-index:1;left:6%;right:6%;top:50%;transform:translateY(-50%);display:flex;align-items:end;justify-content:space-between;gap:30px;color:white}.hn-cover-copy>span{font-size:clamp(55px,7.5vw,122px);line-height:.99;letter-spacing:-.065em;font-weight:500}.hn-cover-copy p{font-size:20px;line-height:1.7}.hn-cover-frame figcaption{position:absolute;z-index:1;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;gap:30px;font-size:10px;color:#e0e6eb;letter-spacing:.05em}.hn-overview{display:grid;grid-template-columns:1fr 2.3fr;gap:60px}.hn-overview h2{margin-bottom:35px}.hn-overview .hn-body{margin-top:20px}.hn-meta{margin:50px 0 0;padding:28px 0 0;border-top:1px solid #d7dde0;display:grid;grid-template-columns:1fr 1.5fr;gap:30px}.hn-meta dt{font-size:10px;letter-spacing:.1em;color:#65707a}.hn-meta dd{margin:10px 0 0;font-size:17px}.hn-manifesto{background:#171c20;color:white}.hn-manifesto .hn-label{color:#a8b1b8}.hn-reading{font-size:clamp(38px,5.5vw,88px);line-height:1.35;letter-spacing:-.05em;--read:0%;color:#fff;background:linear-gradient(90deg,#fff var(--read),#a1a9b0 var(--read));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hn-manifesto-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;margin-top:70px}.hn-manifesto-bottom>span{font-size:25px;letter-spacing:-.035em;line-height:1.3;color:#f39957}.hn-manifesto .hn-body{color:#d7dde2}.hn-section-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:60px}.hn-strategy .hn-section-head{align-items:start}.hn-strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.hn-strategy-grid article{border-top:1px solid #cfd5d8;padding-top:25px}.hn-strategy-grid article>span{font-size:10px;letter-spacing:.08em;color:#a45924}.hn-strategy-grid h3{font-size:clamp(25px,2.7vw,40px);letter-spacing:-.05em;margin:25px 0 12px}.hn-strategy-grid h4{font-size:22px;margin-bottom:20px}.hn-strategy-grid p{font-size:19px;line-height:1.9;color:#515e67}.hn-editorial{display:grid;grid-template-columns:1.05fr 1.3fr 1fr;gap:30px;align-items:start}.hn-photo{position:relative;overflow:hidden;background:#e9edef}.hn-photo>img{height:100%;object-fit:cover}.hn-editorial-one{height:560px}.hn-editorial-two{height:380px;margin-top:100px!important}.hn-editorial-three{height:470px;margin-top:200px!important}.hn-photo figcaption{position:absolute;left:25px;bottom:25px;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.04em;color:#15191c;text-shadow:0 1px 12px #fffb}.hn-editorial-two figcaption{color:white;text-shadow:0 1px 15px #000}.hn-palette{display:grid;grid-template-columns:1fr 1.5fr 1.5fr 1fr}.hn-palette>div{height:200px;background:var(--swatch);padding:25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #dfe2e4}.hn-palette span{font-size:17px}.hn-palette b{font-size:11px;font-weight:400;letter-spacing:.05em}.hn-light-text{color:white}.hn-type{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:center;border-bottom:1px solid #d5dce0;padding-bottom:50px;margin-top:60px}.hn-type>div:first-child>p{font-size:125px;line-height:1.1;letter-spacing:-.06em}.hn-type h3{font-size:37px;line-height:1.5}.hn-type>div:last-child>p{font-size:30px;letter-spacing:-.04em;margin-top:20px}.hn-type small{font-size:13px;color:#586570;display:block;margin-top:25px}.hn-showcase{background:#f0f2f3}.hn-desktop{background:white;border:7px solid #252b31;border-radius:16px;overflow:hidden;box-shadow:0 35px 80px #10233320}.hn-browser{display:flex;justify-content:space-between;font-size:9px;padding:10px 20px;background:#e8edef;color:#79848c}.hn-screen-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px}.hn-screen-nav img{width:145px}.hn-screen-nav>span{font-size:10px}.hn-screen-nav>i{font-size:20px;font-style:normal}.hn-screen-cover{height:450px;padding:50px 40px;background:linear-gradient(90deg,#05131e50,transparent),url(../assets/hero.jpg) center/cover;color:white;position:relative}.hn-screen-cover>span{font-size:9px;letter-spacing:.1em}.hn-screen-cover h3{font-size:45px;margin-top:20px;line-height:1.4}.hn-screen-cover>div{position:absolute;bottom:35px;right:35px;padding:25px;background:#0e171ec9;backdrop-filter:blur(8px)}.hn-screen-cover p{font-size:12px;line-height:1.8}.hn-screen-cover>div>span{display:block;font-size:9px;margin-top:15px}.hn-screen-company{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:50px 45px}.hn-screen-company>div>span{font-size:12px;color:#ba682b}.hn-screen-company h3{font-size:28px;margin-top:15px}.hn-screen-company img{width:38%;height:190px;object-fit:cover}.hn-screen-products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 45px 45px}.hn-screen-products>img{height:190px;object-fit:cover}.hn-caption{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#5e6a73;margin-top:25px}.hn-narrative{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:start}.hn-narrative-text>h2{margin-bottom:30px}.hn-step{padding-top:55px;padding-bottom:55px;border-bottom:1px solid #dbe0e2;transition:opacity .4s}.hn-step>span{font-size:11px;letter-spacing:.07em;color:#a65c23}.hn-step h3{font-size:29px;margin:20px 0}.hn-step p{font-size:20px;line-height:1.9;color:#515e67}.hn-sticky-scene{position:sticky;top:80px;padding-top:10px}.hn-scene-art{height:650px;position:relative;background:#182630;overflow:hidden}.hn-scene-art>img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s,transform 1.1s}.hn-scene-art>img.is-active{opacity:1;transform:scale(1)}.hn-scene-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a2a99,transparent 60%)}.hn-scene-label{position:absolute;z-index:1;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;color:white;font-size:12px;letter-spacing:.08em}.hn-sticky-scene>.hn-small-note{margin-top:20px}.hn-business{background:#171c20;color:white}.hn-business .hn-label{color:#b4bdc4}.hn-business .hn-body{color:#d5dee4}.hn-product-tabs{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #45515b;margin-bottom:45px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c47d46 transparent}.hn-product-tabs>button{background:none;border:0;border-bottom:3px solid transparent;padding:20px 14px;color:#aebac3;font-size:17px;white-space:nowrap}.hn-product-tabs>button[aria-selected=true]{color:white;border-color:var(--orange)}.hn-product-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.hn-product-visual{height:580px;position:relative;overflow:hidden}.hn-product-visual>img{height:100%;object-fit:cover}.hn-product-visual>span{position:absolute;left:30px;bottom:25px;background:#182029d9;color:white;padding:6px 12px;font-size:11px;letter-spacing:.08em}.hn-product-copy h3{font-size:55px;letter-spacing:-.05em}.hn-product-copy>p{font-size:20px;line-height:1.9;color:#d4dce3;margin-top:35px}.hn-product-copy>a{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #a3b2bb;padding-bottom:13px;margin-top:40px;max-width:290px;font-size:15px}.hn-product-copy>a>span{font-size:24px}.hn-product-copy>small{font-size:12px;color:#b4c0ca;display:block;margin-top:35px}.hn-communication-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.hn-communication-grid>article:first-child{background:#f0f2f3;padding:45px}.hn-communication-grid h3{font-size:55px;line-height:1.1;letter-spacing:-.055em}.hn-communication-grid p{font-size:20px;color:#505f69;margin-top:25px;line-height:1.8}.hn-info-lines{margin-top:35px}.hn-info-lines>span{display:flex;justify-content:space-between;border-top:1px solid #c9d2d7;padding:18px 0;font-size:17px}.hn-info-lines i{font-style:normal;color:#9b501d}.hn-communication-grid>article:last-child>img{height:330px;object-fit:cover}.hn-communication-grid>article:last-child>div{padding-top:30px}.hn-communication-grid>article:last-child .hn-label{margin-bottom:15px!important}.hn-communication-grid>article:last-child h3{font-size:35px}.hn-communication-grid>article:last-child p{margin-top:15px}.hn-wide-photo{height:640px}.hn-wide-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1825b3,transparent)}.hn-wide-photo>div{position:absolute;z-index:1;top:50%;left:6%;transform:translateY(-50%);color:white}.hn-wide-photo>div>span{font-size:12px;letter-spacing:.1em}.hn-wide-photo>div>p{font-size:46px;font-weight:500;letter-spacing:-.04em;line-height:1.4;margin-top:30px}.hn-mobile{background:#f0f2f3}.hn-phones{display:flex;align-items:start;justify-content:center;gap:40px;max-width:1100px;margin:70px auto 0}.hn-phone{width:29%;min-width:0;border:6px solid #30373d;border-radius:38px;overflow:hidden;background:white;box-shadow:0 25px 65px #253d471a}.hn-phone-offset{margin-top:100px}.hn-phone-status{display:flex;justify-content:space-between;padding:13px 20px;font-size:10px}.hn-phone-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:15px}.hn-phone-nav img{width:115px}.hn-phone-nav>span{font-size:14px}.hn-phone-hero{height:350px;background:linear-gradient(#071c2633,#071c2666),url(../assets/hero.jpg) center/cover;color:white;padding:65px 20px 25px}.hn-phone-hero small{font-size:7px;letter-spacing:.07em}.hn-phone-hero h3{font-size:25px;margin-top:25px}.hn-phone-hero>span{display:block;font-size:9px;margin-top:90px}.hn-phone-body{padding:30px 20px}.hn-phone-body>small{font-size:10px;color:#ab571d}.hn-phone-body h3{font-size:25px;margin:15px 0 25px}.hn-phone-body>img{height:150px;object-fit:cover}.hn-phone-body>.hn-phone-product{height:240px}.hn-phone-body h4{font-size:23px;margin-top:20px}.hn-phone-body p{font-size:13px;color:#66747d;line-height:1.8;margin-top:12px}.hn-phone-list{font-size:12px;padding:16px 0;border-top:1px solid #d5dce0;display:flex;justify-content:space-between;margin-top:15px}.hn-phone-news{padding:20px 0;border-top:1px solid #d7dfe3}.hn-phone-news>span{font-size:9px;color:#a65c23}.hn-phone-news p{font-size:16px}.hn-phone-news+img{margin-top:25px}.hn-mobile .hn-small-note{margin-top:40px}.hn-closing h2{font-size:clamp(35px,4.5vw,72px)}.hn-closing h2>span{color:#b06c3b}.hn-closing .hn-body{margin-top:35px}.hn-closing-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:40px}.hn-closing-links>a{display:flex;align-items:center;justify-content:space-between;gap:65px;padding:15px 25px;border:1px solid #9ea9b0;font-size:15px}.hn-closing-links>a:first-child{background:#171c20;color:white;border-color:#171c20}.hn-closing-links span{font-size:22px}.hn-credit{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d3dce1;padding-top:25px;margin-top:80px;font-size:12px;color:#5e6d78}.hn-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #d3dce1;padding-top:40px;padding-bottom:40px}.hn-footer p{font-size:12px;color:#5f6c76;line-height:1.9}.hn-top-link{font-size:10px;letter-spacing:.06em}.hn-motion{position:fixed;z-index:60;right:22px;bottom:20px;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid #c6cfd5;padding:9px 15px;border-radius:30px;box-shadow:0 5px 20px #182c3812;color:#23313a;font-size:11px!important}.hn-motion>span{margin-left:13px;color:#b55b1c}.hn-animating .hn-title .hn-line>span{animation:hn-rise 1s cubic-bezier(.2,.7,.2,1) both}.hn-animating .hn-intro-foot .hn-line>span{animation:hn-rise .9s .15s cubic-bezier(.2,.7,.2,1) both}@keyframes hn-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}.hn-reveal-ready{transform:translateY(26px);opacity:0;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .85s}.hn-reveal-ready.hn-in-view{transform:none;opacity:1}.hn-animating .hn-photo>img{transform:scale(1.04);transition:transform 1.4s}.hn-animating .hn-photo.hn-in-view>img{transform:scale(1)}.hn-motion-off [data-reveal]{opacity:1;transform:none;transition:none}.hn-motion-off .hn-line>span{animation:none}.hn-motion-off .hn-photo>img{transform:none;transition:none}.hn-motion-off .hn-scene-art>img{transition:none}.hn-motion-off .hn-cover-frame>img{transform:none}.hn-motion-off .hn-cover{padding-left:0;padding-right:0}
@media(max-width:1050px){.hn-section{padding-top:90px;padding-bottom:90px}.hn-intro-foot{gap:30px}.hn-intro-foot h2{font-size:25px}.hn-overview{grid-template-columns:1fr;gap:0}.hn-section-head{flex-direction:column;align-items:start;gap:25px}.hn-strategy-grid{gap:30px}.hn-editorial{gap:20px}.hn-editorial-one{height:450px}.hn-editorial-two{height:300px}.hn-editorial-three{height:380px}.hn-photo figcaption{font-size:20px;left:20px;bottom:20px}.hn-narrative{gap:50px}.hn-scene-art{height:550px}.hn-product-panel{gap:45px}.hn-product-copy h3{font-size:42px}.hn-product-visual{height:500px}.hn-phones{gap:25px}.hn-phone{width:31%}.hn-phone-body h3,.hn-phone-hero h3{font-size:21px}.hn-phone-nav img{width:95px}.hn-footer{flex-wrap:wrap}.hn-footer p{order:3;width:100%}}
@media(max-width:600px){.hn-case{font-size:16px}.hn-wrap{width:90%}.hn-header{height:82px;gap:20px}.hn-agency{font-size:19px}.hn-agency>span{display:block;margin:3px 0 0;font-size:11px;letter-spacing:0}.hn-header-meta{display:none}.hn-back{font-size:12px;gap:20px}.hn-intro{padding-top:35px;padding-bottom:40px}.hn-intro-label{font-size:8px;gap:25px}.hn-intro-label>span:last-child{max-width:150px;text-align:right}.hn-title{font-size:18vw;margin:35px 0!important}.hn-title-foot{font-size:11px;margin-top:16px}.hn-intro-foot{grid-template-columns:1fr;gap:28px}.hn-intro-foot h2{font-size:26px}.hn-intro-foot p{font-size:17px}.hn-intro-foot p br{display:none}.hn-circle{width:43px;height:43px;flex-basis:43px}.hn-cover{width:100%;padding-left:0;padding-right:0}.hn-cover-frame{height:480px}.hn-cover-copy{left:5%;right:5%;flex-direction:column;align-items:start;gap:30px}.hn-cover-copy>span{font-size:13vw}.hn-cover-copy p{font-size:18px}.hn-cover-frame figcaption{left:5%;right:5%;font-size:7px;gap:15px}.hn-cover-frame figcaption>span:last-child{max-width:150px;text-align:right}.hn-section{padding-top:65px;padding-bottom:65px}.hn-case h2{font-size:31px}.hn-body{font-size:18px;line-height:1.95}.hn-label{font-size:11px;margin-bottom:25px!important}.hn-overview h2{margin-bottom:28px}.hn-meta{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:25px}.hn-meta dt{font-size:9px}.hn-meta dd{font-size:16px;margin-top:6px}.hn-reading{font-size:34px;line-height:1.5}.hn-manifesto-bottom{grid-template-columns:1fr;gap:30px;margin-top:35px}.hn-manifesto-bottom>span{font-size:24px}.hn-manifesto .hn-body br{display:none}.hn-strategy .hn-section-head{gap:0}.hn-strategy-grid{grid-template-columns:1fr;gap:35px}.hn-strategy-grid h3{font-size:34px;margin:20px 0 10px}.hn-strategy-grid h4{font-size:22px;margin-bottom:15px}.hn-strategy-grid p{font-size:18px}.hn-editorial{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hn-editorial-one{height:390px;grid-column:1/-1}.hn-editorial-two{height:260px;margin-top:0!important}.hn-editorial-three{height:260px;margin-top:50px!important}.hn-photo figcaption{font-size:17px;left:15px;bottom:18px}.hn-editorial-one figcaption{font-size:35px}.hn-section-head{margin-bottom:35px}.hn-section-head .hn-body br{display:none}.hn-palette{grid-template-columns:1fr 1fr}.hn-palette>div{height:145px;padding:20px}.hn-palette span{font-size:15px}.hn-palette b{font-size:10px}.hn-type{grid-template-columns:1fr;gap:30px;margin-top:35px;padding-bottom:30px}.hn-type>div:first-child>p{font-size:100px}.hn-type h3{font-size:28px}.hn-type>div:last-child>p{font-size:25px;margin-top:15px}.hn-type small{font-size:12px}.hn-desktop{border-width:4px;border-radius:9px}.hn-browser{padding:6px 10px;font-size:6px}.hn-screen-nav{padding:12px}.hn-screen-nav img{width:95px}.hn-screen-nav>span{display:none}.hn-screen-nav i{font-size:15px}.hn-screen-cover{height:270px;padding:25px 18px}.hn-screen-cover>span{font-size:7px}.hn-screen-cover h3{font-size:26px;margin-top:15px}.hn-screen-cover>div{padding:15px;bottom:18px;right:15px}.hn-screen-cover p{font-size:9px}.hn-screen-cover>div>span{font-size:7px;margin-top:10px}.hn-screen-company{padding:25px 15px;gap:15px}.hn-screen-company>div>span{font-size:9px}.hn-screen-company h3{font-size:16px;margin-top:10px}.hn-screen-company img{height:100px;width:35%}.hn-screen-products{padding:0 15px 20px;gap:8px}.hn-screen-products>img{height:100px}.hn-caption{flex-direction:column;gap:5px;font-size:10px;margin-top:18px}.hn-narrative{grid-template-columns:1fr;gap:35px}.hn-step{padding:35px 0}.hn-step h3{font-size:26px;margin:15px 0}.hn-step p{font-size:18px}.hn-sticky-scene{position:relative;top:0}.hn-scene-art{height:380px}.hn-scene-art>img:not(:first-child){display:none}.hn-scene-art>img:first-child{opacity:1;transform:none}.hn-scene-label{left:20px;right:20px;bottom:20px;font-size:10px}.hn-sticky-scene>.hn-small-note{font-size:11px}.hn-product-tabs{gap:6px;margin-bottom:30px}.hn-product-tabs>button{font-size:14px;padding:15px 12px}.hn-product-panel{grid-template-columns:1fr;gap:35px}.hn-product-visual{height:400px}.hn-product-copy h3{font-size:39px}.hn-product-copy>p{font-size:18px;margin-top:25px}.hn-product-copy>a{font-size:14px;margin-top:30px}.hn-product-copy>small{font-size:11px;margin-top:25px}.hn-communication-grid{grid-template-columns:1fr;gap:35px}.hn-communication-grid>article:first-child{padding:30px}.hn-communication-grid h3{font-size:50px}.hn-communication-grid p{font-size:18px}.hn-communication-grid>article:last-child>img{height:260px}.hn-communication-grid>article:last-child h3{font-size:31px}.hn-info-lines>span{font-size:16px;padding:16px 0}.hn-wide-photo{height:430px}.hn-wide-photo>div{left:5%}.hn-wide-photo>div>span{font-size:10px}.hn-wide-photo>div>p{font-size:31px;margin-top:25px}.hn-phones{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:40px}.hn-phone{width:100%;border-width:4px;border-radius:24px}.hn-phone-offset{margin-top:50px}.hn-phone:last-child{grid-column:1/-1;width:60%;margin:-10px auto 0}.hn-phone-status{padding:10px 12px;font-size:7px}.hn-phone-nav{padding:12px;gap:10px}.hn-phone-nav img{width:85px}.hn-phone-nav>span{font-size:12px}.hn-phone-hero{height:230px;padding:35px 12px 20px}.hn-phone-hero small{font-size:5px;letter-spacing:0}.hn-phone-hero h3{font-size:18px;margin-top:20px}.hn-phone-hero>span{font-size:7px;margin-top:50px}.hn-phone-body{padding:20px 12px}.hn-phone-body>small{font-size:8px}.hn-phone-body h3{font-size:18px;margin:12px 0 20px}.hn-phone-body>img{height:100px}.hn-phone-body>.hn-phone-product{height:170px}.hn-phone-body h4{font-size:17px;margin-top:15px}.hn-phone-body p{font-size:10px;margin-top:10px}.hn-phone-list{font-size:9px;padding:13px 0;margin-top:12px}.hn-phone-news{padding:15px 0}.hn-phone-news>span{font-size:7px}.hn-phone-news p{font-size:13px}.hn-closing h2{font-size:34px}.hn-closing .hn-body br{display:none}.hn-closing-links{gap:15px;margin-top:30px}.hn-closing-links>a{width:100%;font-size:14px;padding:13px 20px}.hn-credit{flex-direction:column;gap:10px;font-size:11px;margin-top:50px}.hn-footer{padding-top:30px;padding-bottom:60px;gap:25px}.hn-footer p{font-size:11px}.hn-top-link{font-size:9px}.hn-motion{right:14px;bottom:14px;padding:8px 12px;font-size:10px!important}.hn-motion>span{margin-left:10px}}
@media(prefers-reduced-motion:reduce){.hn-case .hn-line>span{animation:none}.hn-reveal-ready{opacity:1;transform:none;transition:none}.hn-case .hn-photo>img,.hn-case .hn-scene-art>img{transition:none;transform:none}}

/* Typography aligned to GENSTARMATE reference. */
.hn-case h2,.hn-case h3,.hn-case h4{font-weight:600}.hn-title{font-family:HnRedHat,HnPretendard,sans-serif;font-weight:400;letter-spacing:-.035em;line-height:.98}.hn-title-foot{font-family:HnPretendard,sans-serif;font-weight:500}.hn-body{font-weight:500;letter-spacing:-.025em;line-height:1.8}.hn-intro-foot p,.hn-strategy-grid p,.hn-step p,.hn-product-copy>p,.hn-communication-grid p{font-weight:500;letter-spacing:-.025em}.hn-cover-copy>span,.hn-manifesto-bottom>span,.hn-strategy-grid h3,.hn-type>div:first-child>p,.hn-type>div:last-child>p,.hn-product-copy h3,.hn-communication-grid h3{font-family:HnRedHat,HnPretendard,sans-serif;font-weight:400;letter-spacing:-.035em}.hn-reading{font-weight:500;letter-spacing:-.04em}.hn-type>div:last-child:before{content:'PRETENDARD / SEMIBOLD · MEDIUM';display:block;font-size:12px;letter-spacing:.08em;color:#636c74;margin-bottom:22px}.hn-label,.hn-intro-label,.hn-header-meta{font-family:HnRedHat,HnPretendard,sans-serif;font-weight:500}.hn-phone-body h3,.hn-phone-hero h3{font-weight:600}
@media(max-width:600px){.hn-title{font-size:17.5vw;letter-spacing:-.045em}.hn-body{font-size:18px;line-height:1.9}.hn-type>div:last-child:before{font-size:10px}}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h, 88px) + 16px)}.hn-case .hn-intro{padding-top:calc(var(--header-h, 88px) + 28px)}.hn-case .hn-intro-label{padding-right:72px}.hn-case .hn-progress{top:var(--header-h, 88px)}.hn-case .hn-sticky-scene{top:calc(var(--header-h, 88px) + 16px)}.hn-case .hn-motion{bottom:108px}.hn-case .hn-skip:focus{top:calc(var(--header-h, 88px) + 8px)}@media(max-width:768px){.hn-case .hn-intro{padding-top:calc(var(--header-h, 64px) + 20px)}.hn-case .hn-intro-label{padding-right:52px}.hn-case .hn-motion{bottom:92px}}@media(max-width:600px){.hn-case .hn-sticky-scene{top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}