/* Preserve intrinsic aspect ratios when responsive widths override image attributes. */
img{height:auto}
:root{color-scheme:dark;--bg:#08090b;--ink:#f5f5f7;--muted:#9d9ea6;--blue:#94bfff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #82b6ff;outline-offset:6px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:fixed;inset:0 0 auto;z-index:30;background:#08090bd9;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff12}.brand{font-size:36px;font-weight:800;letter-spacing:-3px;display:flex;align-items:center;gap:15px}.brand span{font-size:14px;letter-spacing:0;font-weight:600}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav>a:not(.pill){color:#c0c0c8}.pill{display:inline-flex;align-items:center;justify-content:center;background:#e8eef8;color:#10151b;padding:14px 24px;border-radius:100px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.pill:hover{background:#a6ccff;transform:translateY(-2px)}.pill.small{padding:10px 18px;font-size:13px}.hero{position:relative;min-height:820px;height:var(--scroll-viewport, 100svh);max-height:1100px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:3;margin-left:10%;padding-top:clamp(190px,24vh,300px)}.eyebrow{font-size:13px;letter-spacing:.14em;color:var(--blue);font-weight:600;margin:0 0 26px}h1{font-size:clamp(58px,6.4vw,98px);line-height:1.12;letter-spacing:-.065em;margin:0 0 28px;font-weight:750}h1 span{color:#afb5c1}.intro{font-size:20px;color:#a5a9b2;line-height:1.65;margin:0 0 34px}.hero-photo{position:absolute;z-index:-1;right:-3%;top:30px;width:65%;height:115%;mask-image:linear-gradient(to right,transparent,#000 23%,#000 90%,transparent)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:brightness(.82);will-change:transform}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#08090b 0%,transparent 30%,transparent 65%,#08090b 93%)}.hero-caption{position:absolute;bottom:76px;right:9%;font-size:13px;color:#c4c8d0}.scroll-cue{position:absolute;bottom:55px;left:10%;font-size:10px;letter-spacing:.2em;color:#878b95;display:flex;align-items:center;gap:18px}.scroll-cue span{display:block;width:64px;height:1px;background:#777}.skip{position:fixed;left:10px;top:-100px;z-index:99;padding:15px;background:white;color:black}.skip:focus{top:10px}@media(max-width:700px){header{height:66px;padding:0 6%}.brand{font-size:30px}.brand span{font-size:12px}nav{gap:12px}nav>a:not(.pill){display:none}.hero{height:880px;min-height:0}.hero-copy{margin:0 7%;padding-top:125px}h1{font-size:57px}.intro{font-size:17px}.hero-photo{top:330px;width:100%;right:-14%;height:660px;mask-image:linear-gradient(to bottom,transparent,#000 20%)}.hero-photo img{object-position:center 36%}.hero-caption{bottom:35px;right:7%}.scroll-cue{left:7%;bottom:35px;font-size:9px}.scroll-cue span{width:20px}}
.section{padding:130px max(7%,calc((100vw - 1200px)/2));}h2{font-size:clamp(38px,4.4vw,65px);line-height:1.2;letter-spacing:-.055em;margin:0;font-weight:720}h2 span{color:#858a94}.lead{font-size:20px;line-height:1.7;color:#a4a8b1;margin:27px 0 0}.opening{text-align:center;background:#0b0c0f}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;text-align:left}.principles>div{padding:8px 34px;border-left:1px solid #ffffff20}.principles span{color:#727985;font-size:14px}.principles h3{font-size:29px;letter-spacing:-.045em;margin:24px 0 12px}.principles p{font-size:15px;color:#9296a0;line-height:1.6}.story{height:calc(var(--scroll-viewport, 100svh) * 2.5);position:relative}.story-sticky{position:sticky;top:76px;height:calc(var(--scroll-viewport, 100svh) - 76px);min-height:620px;display:grid;grid-template-columns:55% 45%;overflow:hidden;background:#090b0e}.story-visual{position:relative;overflow:hidden;mask-image:linear-gradient(to right,#000 60%,transparent)}.story-visual img{width:100%;height:125%;object-fit:cover;object-position:50% 45%;position:absolute;top:-13%;filter:brightness(.84);transition:opacity .6s,transform .8s}.story-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(#090b0e,transparent 22%,transparent 75%,#090b0e)}.story-visual .opened{opacity:0}.story-copy{align-self:center;padding:45px 15% 45px 0}.story-copy h2{font-size:clamp(32px,3.5vw,49px)}.story-panels{position:relative;min-height:240px;margin-top:42px}.story-panels article{position:absolute;inset:0;opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s;visibility:hidden}.story-panels article.active{opacity:1;transform:none;visibility:visible}.step-label{color:#8db9f8;font-size:13px}.story-panels h3{font-size:26px;letter-spacing:-.04em;line-height:1.35;margin:15px 0}.story-panels p{font-size:16px;color:#9ca3b0;line-height:1.8;max-width:365px;margin:0}.scene-indicator{display:flex;gap:7px;margin:15px 0 25px}.scene-indicator i{height:3px;width:42px;background:#30353f;border-radius:2px}.scene-indicator i.active{background:#99c2ff}.note,.fineprint{font-size:13px;color:#808591;line-height:1.8}.details{background:#f5f5f7;color:#18191d;color-scheme:light}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.details .eyebrow,.models .eyebrow,.faq .eyebrow{color:#366392}.section-heading>p{color:#777b84;line-height:1.7;font-size:17px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:58px}.detail-card{background:white;border-radius:20px;overflow:hidden}.detail-image{height:235px;display:flex;align-items:center;overflow:hidden;background:#eaecf1}.detail-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.detail-card:hover img{transform:scale(1.05)}.detail-card>div:last-child{padding:27px}.detail-card span{font-size:11px;color:#697687;letter-spacing:.1em}.detail-card h3{font-size:21px;letter-spacing:-.04em;line-height:1.4;margin:14px 0 12px}.detail-card p{font-size:15px;color:#777;line-height:1.7;margin:0}.models{background:white;color:#191a1e;color-scheme:light}.models .lead{color:#777b84}.model-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;margin-top:70px}.model-image{position:relative;height:580px;overflow:hidden;border-radius:20px;background:white}.model-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.model-info label{display:block;color:#777;font-size:13px;margin-bottom:12px}.model-info select{width:100%;font:inherit;font-size:21px;font-weight:600;padding:16px;border:1px solid #d9dbe0;border-radius:12px;background:#f5f5f7;color:#191a1e}.model-info dl{margin:28px 0}.model-info dl>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #ececee;font-size:15px;line-height:1.5}.model-info dt{color:#7b7c85}.model-info dd{margin:0;text-align:right}.model-info .model-tag{font-size:14px;color:#687a94;margin-top:24px}.pill.dark{background:#161a22;color:white}.models .fineprint{margin-top:40px;max-width:850px}.places{background:#101217}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.place-grid article{border-top:1px solid #34363d;padding-top:25px}.place-grid span{font-size:13px;color:#748196}.place-grid h3{font-size:24px;letter-spacing:-.035em;margin-top:35px}.place-grid p{font-size:16px;color:#8c919d;line-height:1.7}.faq{background:#f5f5f7;color:#202126;color-scheme:light}.faq h2{font-size:42px;margin-bottom:50px}.faq details{border-bottom:1px solid #d7d9df;padding:25px 0}.faq summary{cursor:pointer;font-size:19px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px}.faq summary:after{content:"+";font-size:27px;font-weight:300;color:#747982}.faq details[open] summary:after{content:"−"}.faq details p{line-height:1.85;color:#6b6f7a;font-size:16px;max-width:850px;margin:22px 0 5px}.contact{text-align:center;padding-top:145px;padding-bottom:145px;background:radial-gradient(ellipse at 50% 130%,#233a59 0%,#0a0c10 60%)}.contact h2{font-size:clamp(37px,4.5vw,66px)}.contact-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:40px}.phone{font-size:20px;color:#c2c9d5}footer{padding:50px 7% 35px;background:#08090b;color:#777e89;font-size:13px;line-height:1.9}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #22252b}.footer-top .brand{color:#d4d7de}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px}.footer-bottom>div:last-child{text-align:right}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s}.motion .reveal.visible{opacity:1;transform:none}@media(max-width:900px){.section{padding:95px 7%}.detail-grid{gap:15px}.detail-card>div:last-child{padding:20px}.detail-image{height:190px}.story-copy{padding-right:9%}.model-image{height:450px}.model-layout{gap:4%}.section-heading>p{font-size:15px}.principles>div{padding-left:22px}.place-grid{gap:25px}}@media(max-width:700px){.section{padding:80px 7%}.eyebrow{font-size:11px;letter-spacing:.11em}.lead{font-size:17px}.principles{grid-template-columns:1fr;margin-top:45px;gap:18px}.principles>div{border-left:0;border-top:1px solid #ffffff20;padding:18px 0;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px}.principles h3{font-size:26px;margin:0}.principles p{grid-column:2;margin:0}.story{height:calc(var(--scroll-viewport, 100svh) * 2.4)}.story-sticky{top:66px;height:calc(var(--scroll-viewport, 100svh) - 66px);min-height:700px;grid-template-columns:1fr;grid-template-rows:38% 62%}.story-visual{mask-image:linear-gradient(to bottom,#000 65%,transparent)}.story-visual img{height:240%;top:-35%;object-position:center 30%}.story-copy{padding:10px 7% 24px;align-self:start}.story-copy h2{font-size:33px}.story-copy .eyebrow{margin-bottom:12px}.story-panels{margin-top:23px;min-height:205px}.story-panels h3{font-size:23px;margin:12px 0}.story-panels p{font-size:15px;max-width:none}.scene-indicator{margin:5px 0 12px}.story-copy .note{margin:0}.section-heading{display:block}.section-heading>p{margin-top:25px}.detail-grid{grid-template-columns:1fr;margin-top:40px;gap:22px}.detail-image{height:240px}.detail-card>div:last-child{padding:26px}.detail-card h3{font-size:22px}.model-layout{grid-template-columns:1fr;margin-top:35px;gap:30px}.model-image{height:350px}.model-info dl>div{font-size:14px}.place-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}.place-grid h3{margin-top:16px}.faq h2{font-size:33px;margin-bottom:30px}.faq summary{font-size:17px;line-height:1.6}.contact-actions{flex-direction:column;gap:22px}.footer-top,.footer-bottom{display:block}.footer-top .brand{font-size:30px}.footer-bottom>div:last-child{text-align:left;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion .reveal{opacity:1;transform:none}.hero-photo img{transform:none!important}}
/* ABBA identity: supplied artwork, with the original proportions preserved. */
.brand{gap:12px;letter-spacing:0}.brand .brand-symbol{width:40px;height:36px;object-fit:contain;flex-shrink:0}.brand .wordmark{display:flex;flex-direction:column;gap:3px;line-height:1}.brand .wordmark strong{font-size:22px;letter-spacing:.12em;font-weight:750}.brand .wordmark small{font-size:9px;letter-spacing:.22em;font-weight:550;color:#a7aab1}.footer-top .brand .wordmark strong{font-size:18px;letter-spacing:.075em}.footer-top .brand .wordmark small{font-size:12px;letter-spacing:0;margin-top:5px}.brand-surface{position:relative;isolation:isolate;overflow:hidden;background:#f7f9fb;color:#171e28;color-scheme:light}.brand-surface .brand-watermark{position:absolute;width:min(920px,90vw);height:auto;max-width:none;right:-160px;top:50%;transform:translateY(-50%);opacity:.075;z-index:-1;pointer-events:none;mix-blend-mode:multiply}.brand-surface .eyebrow{color:#397087}.brand-surface .lead{color:#697582}.opening .principles>div{border-color:#cbd2db}.opening .principles p{color:#687381}.opening .principles .principle-index{color:#497b8d}.contact.brand-surface{background:#fff}.contact .brand-watermark{width:min(1150px,120vw);right:auto;left:50%;transform:translate(-50%,-50%);opacity:.065}.contact .pill{color:white;background:#172b3c}.contact .pill:hover{background:#245f7a}.contact .phone{color:#334d60}.line-mask{display:block;overflow:hidden;padding:.045em 0 .12em;margin:-.045em 0 -.12em}.line-text{display:block}.hero-title .line-mask{color:var(--ink)}h1 .text-accent{color:#b5c8de}.brand-surface .text-accent{color:#477580}.keyword{font-style:normal;position:relative;display:inline-block}.keyword:after{content:"";position:absolute;bottom:-.12em;left:0;right:0;height:2px;background:linear-gradient(90deg,#72b998,#267bb1);transform:scaleX(0);transform-origin:left;transition:transform .7s ease .5s}.kinetic.is-in .keyword:after,.stagger-group.is-in .keyword:after{transform:scaleX(1)}.motion .kinetic .line-text{transform:translateY(115%);opacity:0;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity .65s}.motion .kinetic.is-in .line-text{transform:translateY(0);opacity:1}.motion .kinetic .line-mask:nth-child(2) .line-text{transition-delay:.18s}.motion .stagger-group .principle{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--order)*.22s)}.motion .stagger-group.is-in .principle{opacity:1;transform:none}.stagger-group .principle .keyword:after{transition-delay:calc(.7s + var(--order)*.22s)}.story-panels article .step-label{display:inline-block}.motion .story-panels article.active .step-label{animation:labelIn .55s ease both}.motion .story-panels article.active h3{animation:statementIn .7s cubic-bezier(.2,.7,.2,1) both}.motion .story-panels article.active p{animation:statementIn .7s ease .15s both}.detail-card .detail-image{position:relative}.detail-card .detail-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff42 50%,transparent 70%);transform:translateX(-110%)}.motion .detail-card.visible .detail-image:after{animation:detailLight 1.3s ease .3s both}.model-info dl{animation:specIn .35s ease}.eyebrow{line-height:1.6}@keyframes statementIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes labelIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes detailLight{to{transform:translateX(110%)}}@keyframes specIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:700px){.brand .brand-symbol{width:34px;height:31px}.brand .wordmark strong{font-size:18px}.brand .wordmark small{font-size:8px;letter-spacing:.18em}.brand{gap:9px}.footer-top .brand .wordmark strong{font-size:16px}.brand-surface .brand-watermark{width:760px;right:-310px;opacity:.055}.contact .brand-watermark{width:750px;right:auto;left:50%;opacity:.055}.opening .principles h3{line-height:1.55}.hero-title{font-size:clamp(44px,9vw,57px)}.contact h2{font-size:clamp(30px,7.3vw,42px)}header nav .pill.small{font-size:12px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.motion .kinetic .line-text,.motion .stagger-group .principle{transform:none;opacity:1}.keyword:after{transform:scaleX(1)}.detail-card .detail-image:after{display:none}}
/* Chapter 3: a product story grounded in the 2026 collection. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-button{border:0;background:none;color:#c7d7eb;font-size:15px;cursor:pointer;padding:12px 0}.play-mini{font-size:12px;margin-right:7px}.problem{background:#fff;color:#202936;color-scheme:light}.problem .eyebrow{color:#3f6b85}.problem .lead{color:#718090}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:65px}.problem-grid article{border-top:1px solid #dce2e9;padding-top:25px}.problem-grid article>span{font-size:13px;color:#688096}.problem-grid h3{font-size:29px;line-height:1.4;letter-spacing:-.04em;margin:27px 0 18px}.problem-grid p{font-size:16px;line-height:1.8;color:#6d7886}.problem-grid strong{display:block;font-size:15px;color:#2a6d78;line-height:1.7;margin-top:26px}.film{background:#0c0f14}.film-stage{position:relative;display:block;width:100%;aspect-ratio:16/8.5;border:1px solid #ffffff1a;border-radius:24px;padding:0;margin-top:55px;overflow:hidden;cursor:pointer;background:#1b222c;color:white;text-align:left}.film-stage>img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.film-stage:hover>img{transform:scale(1.045)}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050b15b0,transparent 75%),linear-gradient(0deg,#050b15b0,transparent 60%)}.film-title{position:absolute;top:10%;left:6%;font-size:clamp(30px,5vw,70px);line-height:1;letter-spacing:-.06em;font-weight:730}.film-play{position:absolute;left:6%;bottom:10%;display:flex;align-items:center;gap:17px;font-size:16px;font-weight:600}.film-play>span{width:62px;height:62px;border:1px solid #ffffff80;background:#ffffff12;backdrop-filter:blur(14px);border-radius:50%;display:grid;place-items:center;font-size:19px;padding-left:3px}.film-duration{position:absolute;right:5%;bottom:11%;font-size:14px;letter-spacing:.08em}.process-intro{background:#eaf0f5;color:#1f2b39;text-align:center;color-scheme:light}.process-intro .eyebrow{color:#427489}.process-overview{display:flex;justify-content:center;align-items:center;gap:75px;margin-top:56px}.time-metric{text-align:left}.time-metric>span{display:block;font-size:13px;color:#6c7b8a}.time-metric strong{display:block;color:#305e73;font-size:25px;line-height:1.25;margin:5px 0 12px}.time-metric b{font-size:100px;letter-spacing:-.06em;font-weight:680}.process-overview>p{text-align:left;font-size:21px;color:#637487;line-height:1.75}.process-intro .fineprint{max-width:670px;margin:35px auto 0;color:#75818e}.process-scroll{height:calc(var(--scroll-viewport, 100svh) * 3.6);position:relative;background:#0b1017}.process-sticky{position:sticky;top:76px;height:calc(var(--scroll-viewport, 100svh) - 76px);min-height:580px;display:grid;grid-template-columns:53% 47%;overflow:hidden}.process-visual{position:relative;overflow:hidden;isolation:isolate;background:#0b1017}.process-visual>img{width:100%;height:115%;object-fit:cover;object-position:50% 43%;transform:scale(1.025);transition:transform 1s,filter 1s;filter:brightness(.75);mask-image:linear-gradient(90deg,#000 75%,transparent)}.process-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0b1017 0,transparent 20%,transparent 70%,#0b1017)}.process-image-label{position:absolute;bottom:36px;left:13%;z-index:2;display:flex;flex-direction:column;gap:7px;font-size:11px;letter-spacing:.15em;color:#8ba2bc}.process-image-label>span:first-child{font-size:17px;letter-spacing:.06em;color:#d0dbe8}.process-count{position:absolute;z-index:2;top:34px;left:13%;font-size:52px;letter-spacing:-.04em;color:#fff9;font-weight:300}.process-count span{font-size:17px;letter-spacing:.06em;color:#8192a7;padding-left:12px}.process-explainer{padding:55px 14% 40px 3%;align-self:center}.process-explainer>.eyebrow{margin-bottom:28px;font-size:11px}.process-panels{position:relative;min-height:365px}.process-panels article{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .5s,transform .65s}.process-panels article.active{opacity:1;visibility:visible;transform:none}.process-metric{font-size:clamp(46px,5vw,76px);color:#a4c9f1;letter-spacing:-.06em;line-height:1.05;font-weight:600;display:block;white-space:nowrap}.process-metric>span{font-size:.48em;margin-left:4px}.process-metric.english{letter-spacing:-.025em;font-size:clamp(38px,4.5vw,63px)}.process-metric.english>span{display:block;font-size:.37em;letter-spacing:.17em;margin:7px 0 0}.process-panels h3{font-size:32px;line-height:1.35;letter-spacing:-.045em;margin:26px 0 16px}.process-panels p{font-size:16px;color:#9fabbb;line-height:1.85;margin:0;max-width:410px}.process-tag{display:block;font-size:12px;color:#91b9d1;margin-top:22px}.process-nav{display:flex;gap:10px;margin-top:35px}.process-nav button{background:none;border:0;border-top:2px solid #354051;color:#8594a6;padding:12px 0;width:45px;font-size:13px;cursor:pointer;transition:color .3s,border-color .3s}.process-nav button[aria-pressed=true]{color:#d0e7ff;border-color:#a0d2ff}.process-explainer .note{font-size:12px;line-height:1.7;color:#7d8998;margin-top:16px}.engineering{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center;background:#f5f7f9;color:#203040;color-scheme:light}.engineering-image{aspect-ratio:4/5;overflow:hidden;border-radius:24px;background:#12232d}.engineering-image img{width:100%;height:100%;object-fit:cover;object-position:center}.engineering-copy .eyebrow{color:#447389;font-size:11px}.engineering-copy h2{font-size:clamp(33px,3vw,46px)}.engineering-copy .text-accent{color:#6b8291}.engineering-copy .lead{font-size:18px;color:#71808f}.engineering-points{margin-top:28px}.engineering-points p{border-top:1px solid #d6dfe6;padding:22px 0 0;margin:22px 0 0;line-height:1.8}.engineering-points strong{display:block;font-size:16px}.engineering-points span{display:block;color:#72808e;font-size:14px;margin-top:7px}.comparison{background:white;color:#203040;color-scheme:light}.comparison .eyebrow{color:#407184}.comparison .lead{color:#74818f}.comparison-switch{display:flex;width:fit-content;background:#edf1f5;padding:5px;border-radius:100px;margin:45px 0 30px;gap:3px}.comparison-switch button{border:0;background:transparent;color:#677c8f;border-radius:100px;padding:13px 24px;cursor:pointer;font-size:14px}.comparison-switch button[aria-pressed=true]{background:#263e52;color:white}.comparison-table-wrap{overflow-x:auto;border:1px solid #dee5ed;border-radius:18px}.comparison-table{border-collapse:collapse;width:100%;min-width:660px;text-align:left;font-size:16px;line-height:1.7}.comparison-table th,.comparison-table td{padding:22px 26px;border-bottom:1px solid #e2e8ef;vertical-align:top}.comparison-table thead{font-size:15px;background:#f5f7fa}.comparison-table th:first-child{width:19%}.comparison-table td:nth-child(2){color:#74808b;width:39%}.comparison-table th:last-child,.comparison-table td:last-child{background:#edf6f7;color:#255568;width:42%}.comparison-table tbody th{font-size:14px;font-weight:550;color:#677384}.comparison-table tr:last-child>*{border-bottom:0}.comparison-table td strong{font-weight:600}.comparison .fineprint{font-size:13px;margin-top:23px}.trust{background:#14202c}.trust-heading h2 span{color:#90a6bb}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.trust-year{font-size:62px;letter-spacing:-.045em;color:#c4d9e9;font-weight:500}.trust-grid article{border-top:1px solid #ffffff26;padding-top:28px}.trust-grid h3{font-size:23px;letter-spacing:-.03em;margin:22px 0 16px}.trust-grid p{font-size:16px;color:#99acbc;line-height:1.85;min-height:120px}.trust-grid a{font-size:13px;line-height:1.8;color:#bcdbe6;text-decoration:underline;text-underline-offset:6px}.trust .fineprint{color:#8396a7;margin-top:55px}.model-image{height:600px;background:#f1f3f4;isolation:isolate}.model-image img{object-fit:cover;object-position:center;transition:opacity .2s}.model-image-caption{position:absolute;bottom:22px;left:24px;right:24px;text-align:center;font-size:12px;color:#687985;letter-spacing:.1em}.brand-scene{height:850px;position:relative;overflow:hidden;background:#ede7df;isolation:isolate}.brand-scene>img{position:absolute;width:100%;height:130%;object-fit:cover;object-position:50% 58%;top:-15%;z-index:-2}.brand-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 80%);z-index:-1}.brand-scene-copy{position:relative;padding:170px 9%}.brand-scene-copy .eyebrow{color:#f2eade}.brand-scene-copy h2{color:white}.brand-scene-copy p:last-child{font-size:21px;line-height:1.7;color:#f2efeb;margin-top:32px}.scene-caption{position:absolute;bottom:30px;right:6%;font-size:12px;color:#fff9}.guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;background:#edf2f5;color:#203245;color-scheme:light}.guide .eyebrow{color:#447587}.guide .lead{color:#738391}.guide-disclosure{border:1px solid #cfdbe2;border-radius:16px;overflow:hidden;background:#fff}.guide-disclosure summary{padding:26px;font-size:16px;font-weight:550;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center}.guide-disclosure[open] summary>span{transform:rotate(45deg)}.guide-disclosure img{width:100%;height:auto;display:block}.guide-disclosure .fineprint{padding:12px 25px;font-size:12px}.motion .process-panels .active .process-metric{animation:statementIn .8s cubic-bezier(.2,.7,.2,1) both}.motion .process-panels .active h3{animation:statementIn .7s ease .12s both}.motion .process-panels .active p{animation:statementIn .7s ease .2s both}.motion .comparison-table tbody{animation:specIn .4s ease}nav{gap:25px}@media(max-width:1050px){nav{gap:18px}nav>a{font-size:13px}.process-explainer{padding-right:8%}.process-panels h3{font-size:28px}.engineering{gap:5%}.trust-grid{gap:25px}.trust-year{font-size:52px}.trust-grid h3{font-size:20px}.guide{gap:35px}}@media(max-width:700px){.hero-actions{gap:16px}.hero-actions .text-button{font-size:13px}.hero-copy .eyebrow{font-size:10px}.problem-grid{grid-template-columns:1fr;gap:25px;margin-top:38px}.problem-grid h3{font-size:26px;margin:20px 0 15px}.problem-grid strong{margin-top:18px}.film-stage{aspect-ratio:4/3;border-radius:17px;margin-top:35px}.film-stage>img{object-position:62% center}.film-title{font-size:37px;top:13%}.film-play{font-size:13px}.film-play>span{width:46px;height:46px;font-size:14px}.film-duration{font-size:12px}.dialog-head{padding:17px}.dialog-head h2{font-size:12px;line-height:1.5;max-width:210px}.dialog-bottom{padding:10px 17px;display:block;font-size:12px}.dialog-bottom p{margin:0 0 8px}.process-overview{gap:30px;align-items:center;margin-top:38px}.time-metric b{font-size:75px}.time-metric strong{font-size:21px}.time-metric>span{font-size:11px}.process-overview>p{font-size:15px;line-height:1.9}.process-scroll{height:calc(var(--scroll-viewport, 100svh) * 3.8)}.process-sticky{top:66px;min-height:0;height:calc(var(--scroll-viewport, 100svh) - 66px);grid-template-columns:1fr;grid-template-rows:32% 68%}.process-visual>img{height:220%;object-position:50% 36%;margin-top:-9%;mask-image:linear-gradient(#000 70%,transparent)}.process-image-label{bottom:18px;left:auto;right:7%;font-size:8px;gap:3px}.process-image-label>span:first-child{font-size:12px}.process-count{top:20px;left:7%;font-size:38px}.process-count span{font-size:13px}.process-explainer{padding:15px 7% 10px;align-self:start}.process-explainer>.eyebrow{font-size:9px;margin-bottom:16px}.process-panels{min-height:260px}.process-metric,.process-metric.english{font-size:43px}.process-metric.english>span{font-size:.3em}.process-panels h3{font-size:25px;margin:17px 0 12px}.process-panels p{font-size:14px;line-height:1.75}.process-tag{font-size:10px;margin-top:12px}.process-nav{margin-top:13px;gap:10px}.process-nav button{padding:9px 0;font-size:12px;width:38px}.process-explainer .note{font-size:10px;line-height:1.6;margin-top:9px}.engineering{grid-template-columns:1fr;gap:45px}.engineering-image{aspect-ratio:5/4;border-radius:18px}.engineering-copy .eyebrow{font-size:10px}.engineering-copy h2{font-size:34px}.engineering-copy .lead{font-size:17px}.comparison-switch{max-width:100%;margin:32px 0 25px}.comparison-switch button{font-size:12px;padding:11px 14px}.comparison-table{min-width:590px;font-size:14px}.comparison-table th,.comparison-table td{padding:18px}.comparison-table tbody th{font-size:12px}.comparison-table thead{font-size:13px}.trust-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.trust-grid p{min-height:0;margin-bottom:25px}.trust-grid h3{font-size:23px}.trust-year{font-size:55px}.model-image{height:440px}.brand-scene{height:720px}.brand-scene>img{object-position:60% center}.brand-scene-copy{padding:95px 7%}.brand-scene-copy h2{font-size:41px}.brand-scene-copy p:last-child{font-size:18px}.guide{grid-template-columns:1fr;gap:35px}.guide .lead br{display:none}.guide-disclosure summary{font-size:14px;padding:22px}.dialog-close{font-size:12px}}@media(max-height:720px) and (max-width:700px){.process-sticky{grid-template-rows:23% 77%}.process-explainer{padding-top:10px}.process-explainer>.eyebrow{display:none}.process-panels{min-height:235px}.process-panels h3{font-size:22px;margin:14px 0 10px}.process-metric,.process-metric.english{font-size:34px}.process-explainer .note{font-size:9px}.process-panels p{font-size:13px}}@media(prefers-reduced-motion:reduce){.process-scroll{height:auto}.process-sticky{position:relative;top:auto;height:auto;min-height:0;display:block}.process-visual{height:350px}.process-visual>img{height:120%;margin:0}.process-explainer{padding:45px 7%}.process-panels{min-height:0}.process-panels article{position:static;opacity:1;visibility:visible;transform:none;padding:25px 0 35px;border-bottom:1px solid #ffffff20}.process-panels article+article{margin-top:25px}.process-panels h3{animation:none!important}.process-nav{display:none}.process-count{display:none}.process-metric{font-size:48px}.process-explainer .note{font-size:12px}.film-stage:hover>img{transform:none}}
/* Four-model carousel: visible, deliberate navigation with synchronized details. */
.model-carousel{margin-top:65px;outline-offset:12px}.model-carousel .model-layout{margin:0;gap:6%;align-items:start}.model-gallery{min-width:0}.model-gallery .model-image{height:650px;touch-action:pan-y}.model-gallery .model-image img{height:100%;object-fit:cover}.model-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #d9e1e7;background:#ffffffdf;backdrop-filter:blur(12px);color:#31495b;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #2233440c;transition:background .2s,box-shadow .2s;z-index:2}.model-arrow.previous{left:16px}.model-arrow.next{right:16px}.model-arrow:hover{background:white;box-shadow:0 4px 22px #22334425}.model-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.model-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;background:#eef2f5;border-radius:12px;margin-top:18px}.model-picker button{border:0;background:transparent;color:#647687;border-radius:8px;font-size:12px;padding:14px 3px;cursor:pointer;transition:background .25s,color .25s}.model-picker button[aria-pressed=true]{background:#243e52;color:white;box-shadow:0 3px 8px #20374d20}.model-position{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#8694a0;margin:18px 4px;line-height:1.7}.model-position #model-counter{color:#415b70;letter-spacing:.12em;white-space:nowrap}.model-info .model-category{font-size:14px;color:#527b91;margin:8px 0 14px}.model-info #model-name{font-size:clamp(34px,3.8vw,52px);letter-spacing:-.035em;line-height:1.2;margin:0 0 12px;color:#233b4c}.model-info .model-tag{margin:14px 0;font-size:13px}.model-info dl{margin:20px 0}.model-info dl>div{padding:13px 0;font-size:14px}.model-recommend{background:#eff5f6;border-left:3px solid #8db6b3;border-radius:0 12px 12px 0;padding:22px 23px;margin:24px 0 28px}.model-recommend>span{font-size:10px;letter-spacing:.13em;color:#688993}.model-recommend h4{font-size:16px;font-weight:600;color:#305e6d;margin:9px 0 12px}.model-recommend #model-places{font-size:15px;font-weight:600;color:#2e5668;line-height:1.75;margin:0}.model-recommend #model-reason{font-size:13px;color:#71828d;line-height:1.8;margin:12px 0 0}.focus-word{font-style:normal;font-weight:650;background-image:linear-gradient(90deg,#83c4b950,#9ac8e550);background-position:0 95%;background-repeat:no-repeat;background-size:100% .35em;padding-bottom:.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.motion .focus-word{background-size:0% .35em;transition:background-size .85s cubic-bezier(.2,.7,.2,1),color .6s}.motion .focus-word.emphasis-visible{background-size:100% .35em}.trust .focus-word{background-image:linear-gradient(90deg,#75b4cf60,#96b9cf50)}.word-beat{display:inline-block}.motion .word-beat{opacity:.35;transform:translateY(9px);transition:opacity .6s,transform .65s;transition-delay:calc(var(--beat)*.18s)}.motion .word-beat.emphasis-visible{opacity:1;transform:none}.problem-grid strong .focus-word{transition-delay:.25s}@media(max-width:1050px){.model-gallery .model-image{height:570px}.model-position{display:block}.model-position #model-counter{margin-right:14px}.model-picker button{font-size:11px}.model-recommend{padding:18px}.model-carousel .model-layout{gap:4%}}@media(max-width:700px){.model-carousel{margin-top:38px}.model-gallery .model-image{height:440px}.model-carousel .model-layout{gap:28px}.model-arrow{width:44px;height:44px}.model-arrow.previous{left:12px}.model-arrow.next{right:12px}.model-picker{gap:3px;padding:5px}.model-picker button{font-size:11px;padding:14px 1px}.model-position{font-size:10px;margin-bottom:0}.model-info #model-name{font-size:39px}.model-recommend #model-places{font-size:14px}.model-info .model-category{font-size:13px}.model-recommend #model-reason{font-size:13px}}@media(prefers-reduced-motion:reduce){.motion .focus-word{background-size:100% .35em}.motion .word-beat{opacity:1;transform:none}}
/* Original film frames: keep the full scene and its on-screen captions visible. */
.process-scroll{height:calc(var(--scroll-viewport, 100svh) * 3.0)}.process-visual{display:flex;flex-direction:column;justify-content:center;padding:85px 5% 55px 9%}.process-visual:after{display:none}.process-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#070b10}.process-frame .process-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:none;filter:none;mask-image:none;transition:opacity .65s ease}.process-frame .process-scene.is-active{opacity:1}.process-image-label{position:static;margin-top:20px;gap:7px}.process-image-label>span:first-child{font-size:18px}.process-image-label>span:last-child{font-size:11px;color:#91a0ab;letter-spacing:.04em}.process-static-image{display:none}.process-count{left:9%;top:30px}
@media(max-width:700px){.process-sticky{grid-template-rows:35% 65%}.process-visual{padding:10px 6% 0;justify-content:center}.process-frame{max-height:calc(100% - 54px);border-radius:9px}.process-count{display:none}.process-image-label{margin-top:8px;gap:3px;font-size:8px}.process-image-label>span:first-child{font-size:12px}.process-image-label>span:last-child{font-size:9px}.process-explainer{padding-top:14px}}
@media(max-height:720px) and (max-width:700px){.process-sticky{grid-template-rows:32% 68%}.process-panels{min-height:235px}.process-explainer{padding-top:8px}.process-image-label>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.process-scroll{height:auto}.process-visual{display:none}.process-static-image{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:26px}.process-frame .process-scene{transition:none}}

/* Inline brand film: stable geometry, native playback controls. */
#film-player{aspect-ratio:16/9;cursor:default;scroll-margin-top:100px;background:#000}#brand-film{display:block;width:100%;height:100%;object-fit:contain;background:#000}.film-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:white;text-align:left;cursor:pointer}.film-cover[hidden]{display:none}.film-cover:focus-visible{outline:3px solid #b5d8ff;outline-offset:-6px}.film-cover:hover .film-play>span{background:#ffffff30}.film-inline-caption{font-size:14px;color:#9fabbb;margin-top:16px}#video-status{color:#c4d4e7;line-height:1.7;margin-top:18px}#brand-film:focus-visible{outline:3px solid #b5d8ff;outline-offset:-4px}@media(max-width:600px){.film-cover .film-title{font-size:26px}.film-cover .film-play{font-size:14px;gap:10px}.film-cover .film-play>span{width:42px;height:42px;font-size:15px}.film-cover .film-duration{font-size:12px}}

/* Readable Korean copy: keep sentences together without forcing narrow line lengths. */
.copy-sentence{display:block}.copy-sentence+.copy-sentence{margin-top:.4em}
.problem-grid h3{text-wrap:balance}.problem-grid p{color:#596777;line-height:1.85}
.section h2,.section h3{text-wrap:balance}.section .lead{text-wrap:pretty}
@media(max-width:700px){.problem-grid h3{font-size:clamp(25px,6.6vw,29px);line-height:1.45}.problem-grid strong{font-size:15px}.problem-grid p{line-height:1.85}}

.problem h2 .line-text{color:#202936}.problem h2 .text-accent{color:#477580}
@media(min-width:701px) and (max-width:1100px){.problem-grid{grid-template-columns:1fr;gap:32px}.problem-grid h3{font-size:29px}.problem-grid article{padding-top:28px}.problem-grid p{max-width:42em}}

/* Let a mobile swipe interrupt navigation immediately. Animated scene children
   are excluded from anchoring; normal article content keeps native anchoring. */
/* Freeze both the section and sticky stage: live svh must not override the
   captured height when an in-app browser reveals its toolbar on reverse scroll. */
html.stable-mobile{scroll-behavior:auto}
html.stable-mobile .product-3d-stage,html.stable-mobile .magic-stage,html.stable-mobile .process-sticky{height:calc(var(--scroll-viewport, 100svh) - 76px);min-height:0}
@media(max-width:700px){html.stable-mobile .product-3d-stage,html.stable-mobile .magic-stage,html.stable-mobile .process-sticky{height:calc(var(--scroll-viewport, 100svh) - 66px)}}
.process-sticky,.product-3d-stage,.magic-stage{overflow-anchor:none}
@media(max-width:700px){.product-3d-stage,.magic-stage{min-height:0}}
/* Short phones and landscape views use normal document flow with scene buttons.
   This mode is chosen once per width, never by the changing browser toolbar. */
html.short-mobile .product-3d,html.short-mobile .magic-story,html.short-mobile .process-scroll{height:auto}
html.short-mobile .product-3d-stage,html.short-mobile .magic-stage,html.short-mobile .process-sticky{position:relative;top:0}
html.short-mobile .product-3d-stage{height:800px;min-height:0}
html.short-mobile .magic-stage{height:790px;min-height:0}
html.short-mobile .process-sticky{height:740px;min-height:0}
html.short-mobile .three-help,html.short-mobile .magic-hint{font-size:0}
html.short-mobile .three-help:after,html.short-mobile .magic-hint:after{content:'버튼으로 장면을 선택하세요.';font-size:11px}

/* Reduced-motion readers keep every process explanation in document flow. */
@media(prefers-reduced-motion:reduce){html.stable-mobile .process-sticky{height:auto;min-height:0}}

/* Prevent competing CSS/native easing while Lenis owns wheel scrolling. */
html.lenis{scroll-behavior:auto!important}