.story{height:470svh;position:relative}
.story-frame{height:100svh;min-height:680px;position:sticky;top:0;overflow:clip;isolation:isolate;--scene-ink:#202020;--scene-accent:#F3410C;color:var(--scene-ink);transition:color .3s}
.backdrop{position:absolute;inset:0;will-change:clip-path}.backdrop-0{background:#FAF8F4;z-index:-5}.backdrop-1{background:#F0F4FB;z-index:-4;clip-path:ellipse(130% 115% at 50% 260%)}.backdrop-2{background:#AD350F;z-index:-3;clip-path:ellipse(130% 115% at 50% 260%)}.backdrop-3{background:#EDF4EE;z-index:-2;clip-path:ellipse(130% 115% at 50% 260%)}
.studio-light{position:absolute;inset:-40%;background:linear-gradient(112deg,transparent 29%,#ffffff12 30%,#ffffff12 41%,transparent 42%,transparent 53%,#ffffff0c 54%,#ffffff0c 63%,transparent 64%);rotate:-9deg;z-index:-1;pointer-events:none}
.film-grain{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.16' filter='url(%23g)'/%3E%3C/svg%3E")}
.commerce-grid{position:absolute;inset:10% 0 0;background-image:linear-gradient(#244fa80b 1px,transparent 1px),linear-gradient(90deg,#244fa80b 1px,transparent 1px);background-size:48px 48px;opacity:0;mask-image:radial-gradient(ellipse at 65% 55%,black,transparent 70%);transition:opacity .5s;pointer-events:none}.story-frame[data-scene="1"] .commerce-grid{opacity:1}
.site-header{position:absolute;z-index:12;inset:0 0 auto;display:flex;align-items:center;height:102px;padding:27px 4.5%;gap:23px;border-bottom:1px solid #2020200e}.brand{width:205px;display:block;position:relative;flex-shrink:0}.brand img{width:100%;height:auto;display:block;transition:opacity .3s}.logo-light{position:absolute;inset:0;opacity:0}.industry-tag{font-size:7px;line-height:1.4;letter-spacing:1.3px;opacity:.55;border-left:1px solid currentColor;padding:6px 0 6px 20px}
.top-nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:10px}.top-nav>a:not(.header-cta){opacity:.65}.top-nav>a:hover{opacity:1}.header-cta{background:var(--scene-ink);color:var(--ivory);border-radius:25px;display:flex;gap:28px;align-items:center;font-size:10px;padding:12px 17px;transition:background .3s,color .3s}.header-cta>span{font-size:17px;line-height:12px}.motion-button{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #20202028;background:transparent;border-radius:50%;padding:0}.menu-button,.mobile-menu{display:none}
.story-frame[data-scene="1"]{--scene-ink:#244FA8;--scene-accent:#244FA8}.story-frame[data-scene="2"]{--scene-ink:#FAF8F4;--scene-accent:#F2C14E}.story-frame[data-scene="2"] .logo-dark{opacity:0}.story-frame[data-scene="2"] .logo-light{opacity:1}.story-frame[data-scene="2"] .header-cta{color:#AD350F}.story-frame[data-scene="2"] .site-header{border-color:#faf8f41c}.story-frame[data-scene="2"] .motion-button{border-color:#faf8f44a}.story-frame[data-scene="3"]{--scene-ink:#21664E;--scene-accent:#21664E}
.scene{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;will-change:transform,opacity}.scene[data-chapter="0"]{opacity:1}.scene-copy{position:absolute;top:24%;left:7%;width:35%;max-width:470px;pointer-events:auto;z-index:5}.hero-copy{top:21%}.scene-copy .eyebrow{font-size:7px;letter-spacing:1.35px;display:flex;align-items:center;gap:9px;opacity:.77;margin-bottom:22px}.scene-copy .eyebrow>i{width:17px;height:1px;background:currentColor}.scene h1,.scene h2{font-size:clamp(51px,5.35vw,85px);font-weight:700;line-height:.94;letter-spacing:-3.4px;margin:0 0 24px;white-space:nowrap}.hero-copy h1{line-height:.91;font-size:clamp(52px,5.4vw,85px)}.scene-copy>p{font-size:14px;line-height:1.65;max-width:300px;opacity:.7;margin:0 0 24px}.scene-cta{display:inline-flex;align-items:center;gap:27px;border:1px solid #20202028;border-radius:25px;padding:12px 17px;font-size:10px;background:transparent;transition:background .25s,translate .25s}.scene-cta>span{font-size:18px;line-height:12px}.scene-cta:hover{background:#ffffff30;translate:0 -2px}.scene[data-chapter="2"] .scene-cta{border-color:#FAF8F45c}
.giant-word{position:absolute;bottom:16%;left:3%;font-family:BrandSerif,Georgia,serif;font-style:italic;line-height:.72;font-size:clamp(250px,42vw,740px);font-weight:400;letter-spacing:-.065em;opacity:.1;white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}.scene[data-chapter="1"] .giant-word{font-size:34vw;opacity:.09}.scene[data-chapter="2"] .giant-word{font-size:27.5vw;opacity:.15;bottom:17%}.scene[data-chapter="3"] .giant-word{font-size:26.5vw;opacity:.11;bottom:17%}
.scene-aside{position:absolute;top:20.5%;right:6.5%;display:flex;gap:11px;font-size:6px;letter-spacing:1.3px;line-height:1.65;opacity:.58}.scene-aside>span{font-size:25px;line-height:.8;opacity:.5}.model-caption{position:absolute;right:6.5%;bottom:15.5%;display:flex;align-items:center;gap:11px;font-size:6px;letter-spacing:1.3px;opacity:.6}.model-caption>i{height:1px;width:30px;background:currentColor}.scene-index{position:absolute;right:4.5%;top:46%;z-index:6;font-size:7px;display:flex;flex-direction:column;gap:12px;align-items:center;opacity:.48}.scene-index>i{width:1px;height:52px;background:currentColor;opacity:.4}
.commerce-art{position:absolute;z-index:3;left:35%;right:1%;top:10%;height:78%;pointer-events:none}.model-float,.model-rig{position:absolute;inset:0}.model-float{animation:model-float 7s ease-in-out infinite}.model-rig{transform:perspective(1400px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-style:preserve-3d}.model-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:transform,opacity}.hero-model{opacity:1}.model-shadow{position:absolute;width:68%;height:8%;left:17%;bottom:8%;background:#5645261d;filter:blur(25px);border-radius:50%;transform:rotate(-10deg)}
.map-mark{position:absolute;opacity:0;color:#244FA8;display:flex;align-items:center;gap:10px;font-size:6px;transition:opacity .4s}.map-mark>i{width:25px;height:1px;background:currentColor}.map-mark-a{left:17%;top:50%}.map-mark-b{right:9%;bottom:28%}.map-coordinates{position:absolute;bottom:15%;right:15%;font-size:5px;letter-spacing:1px;opacity:0;transition:opacity .4s;color:#244FA8}.story-frame[data-scene="1"] .map-mark,.story-frame[data-scene="1"] .map-coordinates{opacity:.5}
.story-controls{position:absolute;z-index:10;left:4.5%;right:4.5%;bottom:4.3%;padding-top:22px;border-top:1px solid #20202019;display:flex;justify-content:space-between;align-items:center}.story-frame[data-scene="2"] .story-controls{border-color:#FAF8F42e}.scroll-prompt{display:flex;align-items:center;gap:12px;font-size:6px;letter-spacing:1.3px;opacity:.6}.scroll-prompt>span:first-child{font-size:18px;animation:scroll-nudge 3s infinite}.chapter-nav{display:flex;gap:23px;position:absolute;left:50%;transform:translateX(-50%)}.chapter-nav>button{display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:10px 2px;font-size:10px;position:relative;opacity:.4;transition:opacity .25s}.chapter-nav>button>span{font-size:5px;align-self:start;padding-top:1px}.chapter-nav>button>i{position:absolute;bottom:0;left:12px;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.chapter-nav>button.active,.chapter-nav>button:hover{opacity:1}.chapter-nav>button.active>i{transform:scaleX(1)}.playback{display:flex;gap:22px;align-items:center}#play-story{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:9px;padding:10px 0}.next-chapter{border:1px solid currentColor;border-radius:50%;background:transparent;width:38px;height:38px;font-size:22px;display:grid;place-items:center;padding:0;transition:rotate .25s}.next-chapter:hover{rotate:45deg}.story-progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:10;background:#20202009}.story-progress>div{width:0;height:100%;background:var(--scene-accent);transition:background .3s}.motion-paused .model-float,.motion-paused .scroll-prompt>span:first-child{animation-play-state:paused}
.section-shell{max-width:1504px;padding-left:7%;padding-right:7%;margin:0 auto}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:43px}.section-top .eyebrow{font-size:7px;letter-spacing:1.3px}.eyebrow>b{font-weight:400;color:var(--orange);font-size:14px;margin-right:7px}.section-reference{font-size:6px;color:#9b9386;letter-spacing:1.1px}.section-shell h2{font-weight:400;line-height:1.02;font-size:clamp(38px,4.6vw,69px);letter-spacing:-2px;margin:0}.section-shell h2>em{color:#9a9285;line-height:1.1}.details{padding-top:100px;padding-bottom:57px}.editorial-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:51px}.editorial-intro>p{font-size:13px;line-height:1.75;color:#938a7c;max-width:340px;margin:0 0 5px}
.detail-gallery{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:start}.detail-view{margin:0;position:relative;overflow:clip;border-radius:4px;aspect-ratio:1/1.04;background:#FBEEE7;isolation:isolate}.detail-plan{background:#F0F4FB;aspect-ratio:1/1.04;margin-top:83px}.view-meta{position:absolute;top:27px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:6px;letter-spacing:1px;color:#8c786b}.detail-plan .view-meta{color:#7586a1}.view-meta>span:last-child{font-size:25px;line-height:1}.view-word{position:absolute;top:25%;left:3%;font-family:BrandSerif,Georgia,serif;font-style:italic;font-size:11vw;letter-spacing:-.06em;color:#AD350F;opacity:.08;line-height:1}.detail-plan .view-word{top:23%;color:#244FA8}.detail-view img{position:absolute;width:118%;height:92%;object-fit:contain;left:-9%;top:4%;transition:transform 1.2s}.detail-view:hover img{transform:translateY(-6px) scale(1.015)}.detail-plan img{width:92%;height:81%;top:11%;left:4%}.detail-view figcaption{position:absolute;bottom:24px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #AD350F20;padding-top:19px;font-size:10px;color:#8c786b}.detail-plan figcaption{color:#7586a1;border-color:#244FA820}.detail-view figcaption>i{font-style:normal;font-size:18px;line-height:1}.gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:6px;letter-spacing:1px;color:#a69b8b;margin-top:20px}.gallery-foot>a{font-size:10px;letter-spacing:0;color:#8e8373;display:flex;gap:20px;align-items:center}.gallery-foot>a>span{font-size:20px;line-height:1}
.perspective-section{padding-top:57px;padding-bottom:55px}.perspective-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;min-height:430px}.perspective-layout h2{font-size:clamp(35px,3.8vw,58px)}.perspective-layout p{font-size:13px;line-height:1.75;color:#938a7c;margin:26px 0}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:11px;border-bottom:1px solid #bdb4a5;padding-bottom:9px}.text-link>span{font-size:20px;line-height:13px}.text-link:hover{color:var(--orange)}.panorama-art{position:relative;height:450px;isolation:isolate}.panorama-art img{position:absolute;inset:-13% -5% 0;width:110%;height:125%;object-fit:contain}.panorama-word{font-family:BrandSerif,Georgia,serif;font-style:italic;font-size:17vw;letter-spacing:-.08em;line-height:1;position:absolute;top:31%;left:-6%;opacity:.055;color:var(--green);white-space:nowrap}
.closing{background:var(--orange);color:var(--ivory);padding:35px 7% 25px;overflow:clip}.closing-inner{max-width:1294px;margin:0 auto}.closing-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.closing-top>.eyebrow{font-size:7px;letter-spacing:1.3px;margin-top:6px}.closing-top>span:last-child{font-size:53px;line-height:1}.closing-main{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:27px 0 58px}.closing h2{font-weight:400;font-size:clamp(56px,7vw,108px);letter-spacing:-3.5px;line-height:.96;margin:0}.closing h2>em{color:#ffcab7}.closing-cta{width:141px;height:141px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:12px;line-height:1.3;border:0;border-radius:50%;background:var(--ivory);color:var(--ink);flex-shrink:0;transition:rotate .25s,scale .25s;text-align:center}.closing-cta>span:last-child{font-size:33px;line-height:1}.closing-cta:hover{rotate:-8deg;scale:1.04}.closing-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff40;padding-top:21px;font-size:9px;color:#ffe0d4}footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:33px 4.5% 29px}footer img{width:188px;height:auto;display:block}footer nav{display:flex;gap:23px;font-size:10px;color:#8d8374}footer nav a:hover{color:var(--ink)}.footer-meta{font-size:6px;letter-spacing:1px;color:#aaa08f}
@keyframes model-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes scroll-nudge{0%,70%,100%{translate:0 0}80%{translate:0 5px}}
@media(min-width:1700px){.scene-copy>p{font-size:17px}.scene-copy .eyebrow{font-size:9px}.scene-cta{font-size:12px;padding:15px 22px}.commerce-art{left:33%;top:7%;height:82%}.model-caption,.scene-aside{font-size:8px}.section-shell{padding-left:64px;padding-right:64px}.view-word{font-size:200px}}
@media(max-width:1150px){.industry-tag{display:none}.site-header{gap:22px}.scene h1,.scene h2{font-size:61px;letter-spacing:-2.8px}.scene-copy{left:6%;width:37%;top:26%}.hero-copy{top:23%}.scene-copy>p{font-size:13px}.scene-copy .eyebrow{font-size:6px;letter-spacing:1px}.commerce-art{left:35%;right:0;top:16%;height:70%}.model-caption{font-size:5px;bottom:16%}.scene-aside{top:21%;font-size:5px}.section-shell h2{font-size:49px}.editorial-intro>p{font-size:12px;max-width:280px}.chapter-nav{gap:19px}.scroll-prompt{font-size:5px;letter-spacing:.7px}.playback{gap:17px}.detail-plan{margin-top:65px}.panorama-art{height:400px}.perspective-layout{gap:20px}.perspective-layout h2{font-size:43px}}
@media(max-width:900px){.site-header{height:86px;padding:24px 5%;gap:18px}.brand{width:185px}.top-nav>a:not(.header-cta){display:none}.top-nav{gap:0}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:26px;height:30px;background:transparent;border:0;padding:0;flex-shrink:0}.menu-button>span{width:20px;height:1px;background:currentColor;transition:transform .25s}.menu-button[aria-expanded="true"]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded="true"]>span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;top:85px;left:0;right:0;background:var(--ivory);color:var(--ink);padding:15px 5% 23px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #2020200c}.mobile-menu>a{font-size:17px;line-height:1.4;padding:15px 0;border-bottom:1px solid var(--line)}.mobile-menu>a:last-child{border-bottom:0}.scene h1,.scene h2{font-size:52px;letter-spacing:-2.5px}.scene-copy{top:27%;width:42%}.hero-copy{top:24%}.scene-copy>p{font-size:12px}.scene-copy .eyebrow{font-size:5px}.scene-cta{font-size:9px;gap:18px;padding:11px 14px}.scene-aside{font-size:4px;right:7%;top:22%}.scene-aside>span{font-size:19px}.model-caption{font-size:4px}.commerce-art{left:34%;right:-2%;top:24%;height:62%}.giant-word{bottom:16%;font-size:43vw}.scene-index{font-size:6px;right:5%}.story-controls{left:5%;right:5%;padding-top:20px}.scroll-prompt>span:last-child{display:none}.chapter-nav{gap:16px}.chapter-nav>button{font-size:9px}.next-chapter{width:32px;height:32px;font-size:20px}#play-story{font-size:8px}.playback{gap:14px}.details{padding-top:76px;padding-bottom:44px}.section-top{margin-bottom:35px}.section-top .eyebrow{font-size:6px;letter-spacing:1px}.section-reference{font-size:5px;letter-spacing:.8px}.section-shell h2{font-size:42px;letter-spacing:-1.4px}.editorial-intro{gap:30px;margin-bottom:36px}.editorial-intro>p{font-size:11px;max-width:230px}.detail-gallery{gap:19px}.detail-plan{margin-top:49px}.view-meta{top:20px;left:21px;right:21px;font-size:5px;letter-spacing:.5px}.detail-view figcaption{left:21px;right:21px;bottom:20px;padding-top:15px;font-size:9px}.gallery-foot{font-size:5px}.gallery-foot>a{font-size:9px}.perspective-section{padding-top:42px;padding-bottom:43px}.perspective-layout h2{font-size:36px}.perspective-layout p{font-size:11px}.panorama-art{height:340px}.perspective-layout{min-height:350px}.closing h2{font-size:65px;letter-spacing:-2.4px}.closing-cta{width:113px;height:113px;font-size:10px}.closing-main{padding-bottom:43px}.closing-bottom{font-size:8px}footer{gap:25px}footer img{width:170px}footer nav{font-size:9px;gap:18px}.footer-meta{font-size:5px}}
@media(max-width:650px){.section-shell{padding-left:7%;padding-right:7%}.story{height:450svh}.scene h1,.scene h2{font-size:45px;letter-spacing:-2px}.scene-copy{width:45%}.scene-copy .eyebrow{letter-spacing:.6px}.commerce-art{left:34%;height:58%;top:29%}.scene-aside{display:none}.editorial-intro{display:block}.editorial-intro>p{font-size:12px;max-width:350px;margin-top:23px}.detail-gallery{grid-template-columns:1fr;gap:22px}.detail-view{aspect-ratio:1/1.02}.detail-plan{margin-top:0;aspect-ratio:1/1}.view-meta{font-size:6px;left:25px;right:25px;top:25px}.view-word{font-size:24vw}.detail-view figcaption{font-size:10px;left:25px;right:25px;bottom:25px;padding-top:19px}.gallery-foot{font-size:5px;line-height:1.6;gap:20px}.gallery-foot>a{font-size:9px;white-space:nowrap;gap:12px}.perspective-layout{grid-template-columns:1fr;gap:5px}.perspective-layout h2{font-size:43px}.perspective-layout p{font-size:12px}.panorama-art{height:360px;margin-top:3px}.panorama-word{font-size:35vw;top:28%;left:3%}.panorama-art img{inset:-12% -8% 0;width:116%;height:126%}.closing h2{font-size:55px;letter-spacing:-1.9px}.closing-cta{width:98px;height:98px;font-size:9px}.closing-cta>span:last-child{font-size:27px}.closing-top>.eyebrow{font-size:6px;letter-spacing:.8px}.closing-top>span:last-child{font-size:42px}.closing-main{gap:22px}.closing-bottom{font-size:7px;line-height:1.5}footer{padding-left:7%;padding-right:7%;flex-wrap:wrap;gap:24px}footer nav{order:3;width:100%;padding-top:17px;border-top:1px solid var(--line);gap:25px;font-size:10px}.footer-meta{margin-left:auto;font-size:5px;text-align:right;max-width:110px;line-height:1.5}}
@media(max-width:560px){.story{height:440svh}.story-frame{min-height:750px}.site-header{height:75px;padding:21px 22px;gap:12px}.brand{width:160px}.header-cta{font-size:9px;padding:10px 12px;gap:16px}.motion-button{width:25px;height:25px}.motion-button svg{width:11px}.menu-button{width:21px;height:26px}.menu-button>span{width:18px}.mobile-menu:not([hidden]){top:74px;padding-left:22px;padding-right:22px}.scene-copy,.hero-copy{top:15%;left:7%;width:86%;max-width:none}.scene-copy .eyebrow{font-size:5px;letter-spacing:1px;margin-bottom:19px}.scene h1,.scene h2{font-size:clamp(43px,12.8vw,62px);letter-spacing:-2.4px;line-height:.91;margin-bottom:18px}.scene-copy>p{font-size:12px;line-height:1.6;max-width:250px;margin-bottom:19px}.scene-cta{font-size:9px;padding:10px 14px;gap:20px}.commerce-art{left:-2%;right:-2%;top:47%;height:42%}.model-shadow{height:6%;bottom:12%;filter:blur(14px);opacity:.6}.model-caption{display:none}.scene-index{right:6%;top:56%;font-size:5px;gap:9px}.scene-index>i{height:32px}.giant-word{font-size:75vw;bottom:22%;left:-2%;opacity:.13}.scene[data-chapter="1"] .giant-word{font-size:54vw;bottom:24%}.scene[data-chapter="2"] .giant-word{font-size:40vw;bottom:23%;opacity:.2}.scene[data-chapter="3"] .giant-word{font-size:40vw;bottom:23%;opacity:.13}.map-mark-a{left:12%;top:47%}.map-mark-b{right:9%;bottom:31%}.map-mark{font-size:4px}.map-coordinates{font-size:3px;bottom:19%;right:10%}.story-controls{left:6%;right:6%;bottom:3.8%;padding-top:18px;min-height:44px}.scroll-prompt{display:none}.chapter-nav{position:static;transform:none;gap:10px}.chapter-nav>button{font-size:8px;gap:4px;padding:9px 1px}.chapter-nav>button>span{font-size:4px}.chapter-nav>button>i{left:9px}.next-chapter{display:none}.playback{gap:0}#play-story{font-size:7px;gap:5px}#play-story svg{width:7px;height:7px}.details{padding-top:58px;padding-bottom:35px}.section-top{margin-bottom:28px}.section-top .eyebrow{font-size:5px;letter-spacing:.8px}.section-reference{font-size:4px;letter-spacing:.5px;max-width:110px;text-align:right;line-height:1.5}.section-shell h2{font-size:41px;letter-spacing:-1.3px}.editorial-intro{margin-bottom:30px}.editorial-intro>p{font-size:12px;line-height:1.75;margin-top:22px}.view-meta{font-size:5px;left:21px;right:21px;top:22px}.view-meta>span:last-child{font-size:21px}.detail-view figcaption{font-size:9px;left:21px;right:21px;bottom:22px;padding-top:16px}.view-word{font-size:28vw}.gallery-foot{font-size:4px}.gallery-foot>a{font-size:8px}.perspective-section{padding-top:32px;padding-bottom:24px}.perspective-layout h2{font-size:39px}.perspective-layout p{font-size:12px;margin-top:24px}.text-link{font-size:10px}.panorama-art{height:280px}.closing{padding:27px 7% 21px}.closing-top>.eyebrow{font-size:5px;letter-spacing:.8px;line-height:1.5}.closing-top>span:last-child{font-size:35px}.closing-main{padding:25px 0 33px;align-items:end;gap:15px}.closing h2{font-size:clamp(37px,10.9vw,55px);letter-spacing:-1.4px;line-height:1.04}.closing-cta{width:82px;height:82px;font-size:8px;gap:4px;margin-bottom:4px}.closing-cta>span:last-child{font-size:23px}.closing-bottom{font-size:6px;gap:25px;padding-top:18px}footer{padding-top:27px;padding-bottom:24px;gap:20px}footer img{width:153px}footer nav{padding-top:17px;font-size:9px;gap:23px}.footer-meta{font-size:4px;max-width:90px}}
@media(max-width:360px){.site-header{padding-left:18px;padding-right:18px;gap:10px}.brand{width:133px}.header-cta{font-size:8px;padding:9px 10px;gap:12px}.motion-button{width:23px;height:23px}.menu-button{width:19px}.scene-copy,.hero-copy{top:14.5%}.scene h1,.scene h2{font-size:42px;letter-spacing:-2px}.scene-copy>p{font-size:11px}.scene-copy .eyebrow{font-size:4px}.scene-cta{font-size:8px;padding:10px 12px;gap:16px}.commerce-art{top:47%;height:42%}.chapter-nav{gap:6px}.chapter-nav>button{font-size:7px;gap:3px}.story-controls{left:5%;right:5%}#play-story{font-size:6px}.section-shell h2{font-size:36px}.panorama-art{height:245px}.closing h2{font-size:34px}.closing-cta{width:72px;height:72px;font-size:7px}footer img{width:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-button,#play-story{display:none}.model-rig{transform:none!important}}

/* Commerce-specific composition within the approved shared visual system. */
.hero-copy{top:25%}.hero-copy h1{font-size:clamp(48px,4.8vw,78px);line-height:.94;letter-spacing:-3.1px}.audience-note{display:block;font-size:5px;letter-spacing:1.1px;opacity:.45;margin-top:22px}.commerce-art{left:37%;right:0;top:9%;height:79%}.model-shadow{width:60%;left:22%;bottom:12%;height:7%}.scene[data-chapter="1"] .giant-word{font-size:32vw}.scene[data-chapter="2"] .giant-word{font-size:36vw}.scene[data-chapter="3"] .giant-word{font-size:38vw}.perspective-section{max-width:none;background:#FBEEE7;padding-top:65px;padding-bottom:60px}.perspective-section>.section-top,.perspective-layout{max-width:1294px;margin-left:auto;margin-right:auto}.panorama-word{font-size:13.7vw;left:-6%;top:34%;color:#AD350F}.panorama-art img{inset:-13% -8% 0;width:116%;height:125%}.journey-labels{display:flex;align-items:center;gap:9px;font-size:5px;letter-spacing:.7px;color:#AD350F99;margin:23px 0 31px}.journey-labels>i{width:16px;height:1px;background:#AD350F33}.detail-plan img{width:112%;height:92%;left:-6%;top:5%}.detail-plan .view-word{font-size:9vw}
@media(min-width:1700px){.hero-copy h1{font-size:82px}.audience-note{font-size:7px}.commerce-art{left:35%;top:7%;height:82%}}
@media(max-width:1150px){.hero-copy{top:27%}.hero-copy h1{font-size:54px;letter-spacing:-2.8px}.commerce-art{left:37%;top:17%;height:69%}.audience-note{font-size:4px;letter-spacing:.8px}.perspective-section{padding-top:55px;padding-bottom:49px}}
@media(max-width:900px){.hero-copy{top:28%}.hero-copy h1{font-size:45px;letter-spacing:-2.3px}.commerce-art{left:36%;right:-2%;top:21%;height:65%}.hero-copy>p{font-size:12px}.scene-copy>p{max-width:255px}.panorama-word{font-size:16vw}.journey-labels{font-size:4px;gap:6px;letter-spacing:.4px}.journey-labels>i{width:10px}.perspective-section{padding-top:44px;padding-bottom:42px}}
@media(max-width:650px){.hero-copy h1{font-size:35px;letter-spacing:-1.8px}.commerce-art{left:35%;top:27%;height:59%}.panorama-word{font-size:29vw}.detail-plan .view-word{font-size:25vw}.journey-labels{font-size:5px;gap:9px;letter-spacing:.5px}.journey-labels>i{width:14px}}
@media(max-width:560px){.hero-copy{top:17%}.hero-copy h1{font-size:clamp(35px,10.7vw,50px);letter-spacing:-1.9px;line-height:.94}.scene-copy>p{font-size:11px;max-width:270px}.audience-note{font-size:4px;letter-spacing:.7px;margin-top:19px}.commerce-art{left:-2%;right:-2%;top:45%;height:44%}.model-shadow{bottom:13%}.giant-word{font-size:77vw;bottom:20%}.scene[data-chapter="1"] .giant-word{font-size:47vw;bottom:23%}.scene[data-chapter="2"] .giant-word{font-size:62vw;bottom:23%}.scene[data-chapter="3"] .giant-word{font-size:62vw;bottom:23%}.chapter-nav{gap:10px}.chapter-nav>button{font-size:8px}.perspective-section{padding-top:37px;padding-bottom:25px}.panorama-art{height:300px}.panorama-word{font-size:30vw;left:-5%;top:31%}.journey-labels{font-size:4px;margin:22px 0 28px}.detail-plan .view-word{font-size:26vw}}
@media(max-width:360px){.hero-copy{top:16.5%}.hero-copy h1{font-size:33px;letter-spacing:-1.7px}.scene-copy>p{font-size:10px;max-width:240px}.commerce-art{top:46%;height:43%}.chapter-nav{gap:7px}.chapter-nav>button{font-size:7px}.audience-note{font-size:3px;letter-spacing:.6px}.panorama-art{height:260px}}

@media(max-width:560px){.closing h2>span{font-size:.82em;white-space:nowrap;letter-spacing:-1px}}