:root{--navy:#3d5a80;--teal:#2da1a1;--paper:#fefefe;--ink:#081419;--muted:#adc2c7;color-scheme:dark;--travel:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font:500 16px/1.6 Montserrat,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #84cfcf;outline-offset:7px}::selection{background:#2da1a177}
.world{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:#061016}.surface{position:absolute;inset:0;transform-origin:75% 28%;will-change:transform,opacity}.surface img{position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}#well-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061016ed 0%,#061016bc 27%,#06101635 64%,#0610160d),linear-gradient(0deg,#0610169c,transparent 30%);z-index:2}.world-grain{position:absolute;inset:0;z-index:3;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.27' filter='url(%23n)' d='M0 0h140v140H0z'/%3E%3C/svg%3E")}
.header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:40px;height:94px;padding:18px clamp(22px,4vw,72px);background:linear-gradient(180deg,#061016ef,#06101690,transparent);transition:background .4s;backdrop-filter:blur(10px)}.header.scrolled{background:#081419db;border-bottom:1px solid #ffffff13}.brand{flex-shrink:0;display:flex;align-items:center}.brand img{display:block;width:119px;height:57px;object-fit:contain}.header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.header nav a{padding:12px 0;color:#d3dfe1}.header nav a[aria-current]{border-bottom:1px solid var(--teal)}.demo-toggle{display:flex;align-items:center;gap:14px;font-size:12px;background:#ffffff07;border:1px solid #ffffff44;color:var(--paper);padding:12px 18px;min-height:44px}.demo-toggle[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#05161a}
.chapter{min-height:115svh;position:relative;display:flex;align-items:center;padding:130px clamp(24px,5.2vw,88px) 100px}.hero{min-height:110svh;padding-top:180px}.chapter-inner{width:100%;max-width:1440px;margin:auto;position:relative}.copy{max-width:800px;transform:translate3d(0,50px,0);opacity:0;transition:transform 1.1s cubic-bezier(.2,.65,.2,1),opacity .9s}.in-view .copy{transform:translate3d(0,0,0);opacity:1}.eyebrow{margin:0 0 28px;display:flex;gap:14px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.19em;color:#c3d5d8}.eyebrow:before{content:"";width:28px;height:1px;flex-shrink:0;background:var(--teal)}h1,h2{margin:0;line-height:1.1;font-weight:800;letter-spacing:-.048em;text-wrap:balance}h1{font-size:clamp(46px,5.35vw,86px)}h2{font-size:clamp(36px,4.2vw,65px)}em{font-style:normal;color:#58b3b3}.lead{font-size:clamp(16px,1.3vw,20px);max-width:540px;line-height:1.7;color:#d6e1e3;margin:28px 0 30px;text-wrap:pretty}.detail{max-width:445px;color:var(--muted);font-size:14px;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 23px;min-height:56px;font-size:14px;background:var(--teal);color:#06161b;transition:background .2s,transform .2s}.primary:hover{background:#58b3b3;transform:translateY(-2px)}.primary span{font-size:23px;line-height:1}.scroll-hint{margin-top:48px;font-size:11px;letter-spacing:.015em;color:#c0d0d3;display:flex;align-items:center;gap:14px}.scroll-track{width:18px;height:30px;border:1px solid #bdf2f25a;border-radius:10px;position:relative;flex:none}.scroll-track:after{content:"";position:absolute;width:2px;height:7px;background:#84cfcf;left:7px;top:5px;animation:scroll-mark 2s infinite}@keyframes scroll-mark{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(10px);opacity:1}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:7vw;align-items:center}.split .copy{max-width:590px}.product{min-width:0;position:relative;margin:0;opacity:0;transform:perspective(1200px) translate3d(70px,70px,0) rotateY(-12deg) rotateX(5deg) scale(.87);transition:opacity 1.1s,transform 1.2s cubic-bezier(.16,.65,.25,1);filter:drop-shadow(0 24px 60px #000a)}.in-view .product{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateY(-4deg) rotateX(2deg) scale(1)}.product img{display:block;width:100%;height:auto;background:#fefefe;border-radius:0 0 8px 8px}.product-label{display:flex;align-items:center;gap:10px;background:#14292ff5;border:1px solid #84cfcf35;border-bottom:0;padding:15px 18px;border-radius:8px 8px 0 0;font-size:11px;color:#d7e9e9}.live-dot{width:5px;height:5px;background:#84cfcf;border-radius:50%;box-shadow:0 0 12px #84cfcf}.product figcaption{font-size:10px;color:#c5d7dc;margin-top:16px;line-height:1.5;letter-spacing:.015em}.product-portrait{max-width:360px;justify-self:center}.product-portrait img{max-height:52svh;object-fit:contain}.product-wide{width:100%;max-width:720px}.experience-copy{max-width:870px}.sequence{list-style:none;display:flex;max-width:650px;padding:26px 0 0;margin:40px 0 0;border-top:1px solid #84cfcf4a;gap:32px}.sequence li{flex:1;font-size:14px;line-height:1.65}.sequence span{display:block;color:#84cfcf;font-size:11px;margin-bottom:9px}.result .copy{max-width:900px}.result h2{font-size:clamp(34px,3.7vw,57px)}.result-number{font-size:clamp(65px,8.6vw,132px);color:var(--paper);line-height:1.15;letter-spacing:-.055em}.result .lead{max-width:550px}
.journey{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:13px}.journey a{width:20px;height:23px;display:grid;place-items:center;position:relative}.journey i{width:4px;height:4px;border:1px solid #9db4b988;border-radius:50%;transition:all .4s}.journey .current i{width:7px;height:7px;background:#84cfcf;box-shadow:0 0 14px #2da1a1;border-color:#84cfcf}.journey span{position:absolute;right:26px;white-space:nowrap;font-size:10px;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .2s}.journey a:hover span,.journey a:focus-visible span{opacity:1}.depth-line{position:fixed;bottom:0;left:0;right:0;height:2px;background:#ffffff16;z-index:12;pointer-events:none}.depth-line span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(var(--travel));background:var(--teal);box-shadow:0 0 16px #2da1a1}.demo-status{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:20;padding:10px 20px;font-size:11px;border:1px solid #84cfcf33;background:#081419ef;max-width:calc(100% - 32px);text-align:center;white-space:normal}.demo-status[hidden]{display:none}footer{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:25px 45px;padding:40px clamp(24px,5.2vw,88px);background:#061016ef;border-top:1px solid #ffffff1c;font-size:14px}footer small{display:block;color:var(--muted);font-size:11px;margin-top:5px}footer a{margin-left:auto;font-size:12px;color:#d2e5e6}
@media(min-width:1700px){.hero .copy{max-width:970px}.surface img{top:-8vw}}
@media(max-width:1000px){.header{gap:22px}.header nav{gap:18px}.demo-toggle{font-size:11px;padding:10px 12px}.split{gap:30px}.split h2{font-size:38px}.chapter{padding-left:30px;padding-right:50px}.hero .copy{max-width:730px}.journey{right:12px}.product-portrait{max-width:300px}}
@media(max-width:720px){.header{height:80px;padding:12px 20px;gap:15px}.brand img{width:90px;height:45px}.header nav{gap:17px;font-size:11px}.demo-toggle{position:fixed;bottom:18px;right:18px;top:auto;z-index:13;max-width:calc(100% - 36px);background:#0c2028ed;backdrop-filter:blur(12px);border-color:#84cfcf5e}.demo-status{bottom:70px;width:max-content}.chapter{min-height:110svh;padding:130px 24px 100px}.hero{min-height:105svh;align-items:flex-start;padding-top:180px}h1{font-size:clamp(38px,8vw,59px)}h2{font-size:clamp(34px,7vw,47px)}.lead{font-size:16px;max-width:490px}.eyebrow{font-size:10px;letter-spacing:.12em;gap:9px}.eyebrow:before{width:18px}.surface img{width:130%;max-width:none;left:-18%;height:100%;object-fit:cover;object-position:60% top}.world-shade{background:linear-gradient(90deg,#061016d9,#0610166b),linear-gradient(0deg,#06101666,transparent 60%)}.split{grid-template-columns:1fr;gap:40px}.split .copy{max-width:550px}.product{max-width:560px;justify-self:stretch;width:100%}.product-portrait{max-width:260px;justify-self:center}.product-portrait img{max-height:44svh}.in-view .product{transform:none}.product figcaption{font-size:10px}.journey{display:none}.scroll-hint{max-width:270px;font-size:10px}.sequence{gap:16px}.sequence li{font-size:12px}.result-number{font-size:clamp(52px,13.2vw,94px);white-space:nowrap}.result h2{font-size:33px}.result .lead{font-size:16px}footer{padding-bottom:100px;gap:24px 30px}footer a{flex-basis:100%;margin:0}.primary{font-size:12px;gap:28px;padding:15px 19px}.experience-copy h2{font-size:36px}}
@media(max-width:360px){.header{padding:12px 16px;gap:12px}.header nav{gap:12px}.brand img{width:78px}.chapter{padding-left:20px;padding-right:20px}.hero{padding-top:155px}h1{font-size:37px}.split h2,.experience-copy h2{font-size:32px}.sequence{flex-wrap:wrap}.sequence li{min-width:100px}.result h2{font-size:30px}}
@media(max-width:720px){.header{backdrop-filter:none}.demo-toggle{bottom:18px;right:18px}.product{transform:translate3d(0,35px,0)}.in-view .product{transform:none}}
/* Real photography: the photo and shaft share one measured anchor. */
.surface{--well-x:77vw;--well-y:70vh;transform-origin:var(--well-x) var(--well-y);overflow:hidden;will-change:auto}
.surface img{left:0;top:var(--photo-top,0);width:var(--photo-width,100%);height:var(--photo-height,100%);min-height:0;max-width:none;object-fit:cover;object-position:var(--photo-position,58.3% 50%);filter:brightness(.82) saturate(.79)}
.subsurface{position:absolute;left:0;right:0;top:calc(var(--well-y) - 12px);height:110vh;background:linear-gradient(180deg,transparent 0,#07141bc9 66px,#07141bfa 140px,#061016 240px)}
.subsurface:after{content:"";position:absolute;inset:100px 0 0;opacity:.20;background:repeating-linear-gradient(176deg,transparent 0 37px,#54707c35 38px,#223f4933 41px,transparent 47px 78px)}
.surface-well{position:absolute;left:var(--well-x);top:var(--well-y);width:17px;height:100vh;transform:translateX(-50%);background:linear-gradient(90deg,#314855,#71959e 9%,#142930 17%,#061319 35%,#12323a 65%,#82a9ad 88%,#203842);opacity:var(--shaft-opacity,0);-webkit-mask-image:linear-gradient(transparent 0,#000 48px);mask-image:linear-gradient(transparent 0,#000 48px);box-shadow:0 0 18px #2da1a12a,inset 0 0 2px #07141b}
.surface-well:after{content:"";position:absolute;inset:8px 0 0;background:repeating-linear-gradient(0deg,transparent 0 74px,#73929866 75px,transparent 77px 150px)}
.surface-well span{position:absolute;top:8px;bottom:0;left:7px;width:2px;background:linear-gradient(#75bfb8,#2da1a1bb);box-shadow:0 0 8px #2da1a18a}
@media(max-width:720px){.surface-well{width:13px}.surface-well span{left:5px}.world-shade{background:linear-gradient(90deg,#061016ed 0%,#061016c4 40%,#06101655 82%,#06101635),linear-gradient(0deg,#06101688,transparent 60%)}}
/* Product positioning and conversion */
.header{gap:30px}.header-cta{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:var(--teal);color:#06161b;border:0;padding:13px 18px;min-height:46px;font-size:12px;white-space:nowrap}.header-cta span{font-size:18px}
.hero{padding-top:145px;padding-bottom:90px;min-height:110svh}.hero .copy{max-width:940px}.hero h1{font-size:clamp(44px,4.8vw,76px)}.hero .lead{max-width:655px;font-size:18px;line-height:1.65;margin:24px 0 26px}.hero .eyebrow{margin-bottom:22px}.deployment-status{display:inline-flex;align-items:center;gap:10px;color:#bdf2f2;margin:0 0 23px;font-size:12px;letter-spacing:.025em}.deployment-status>span{display:block;width:6px;height:6px;background:#84cfcf;border-radius:50%;box-shadow:0 0 16px #2da1a1}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.primary{border:0;font-family:inherit;font-weight:600;cursor:pointer}.secondary-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #58b3b366;padding:10px 0;font-size:13px;color:#deeeee;line-height:1.5}.secondary-link:hover{color:#84cfcf}.hero-proof{max-width:625px;margin:22px 0 0;font-size:11px;line-height:1.7;color:#afc5ca}.hero-proof a{color:#d3e7e9;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.motion-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:28px}.motion-actions .scroll-hint{margin:0}.motion-actions .demo-toggle{position:static;inset:auto;min-height:40px;padding:10px 13px;font-size:11px;background:#08141980;backdrop-filter:none;border-color:#84cfcf33}.motion-actions .demo-toggle[aria-pressed=true]{background:var(--teal)}
.product figcaption a{text-decoration:underline;text-underline-offset:3px}.product-wide a{display:block}.experience-copy .lead{max-width:750px}.experience-copy .detail{max-width:720px}.experience-copy h2{font-size:clamp(36px,4vw,60px)}
.analysis-path{opacity:0;transform:translateY(35px);transition:opacity 1s,transform 1s}.in-view .analysis-path{opacity:1;transform:none}.analysis-path>p{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#b6d5d8;margin:0 0 28px}.analysis-path ol{list-style:none;margin:0;padding:0;position:relative}.analysis-path ol:before{content:"";position:absolute;left:16px;top:24px;bottom:40px;width:1px;background:linear-gradient(#2da1a1,#2da1a126)}.analysis-path li{display:flex;align-items:flex-start;gap:25px;padding:0 0 37px;position:relative;font-size:clamp(20px,2vw,27px);line-height:1.4;letter-spacing:-.035em}.analysis-path li:last-child{padding-bottom:0}.analysis-path li>span{font-size:10px;line-height:34px;width:34px;min-width:34px;text-align:center;border:1px solid #58b3b36b;background:#0b1c25;color:#84cfcf;border-radius:50%;letter-spacing:0}.analysis-path small{display:block;font-size:12px;line-height:1.65;letter-spacing:0;color:#b4cbd1;margin-top:8px;max-width:330px}
.lead-section{background:#10272ff2;border-top:1px solid #84cfcf30;padding:100px clamp(24px,5.2vw,88px);display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:80px;position:relative}.lead-section h2{font-size:clamp(36px,3.8vw,60px)}.lead-intro>p:last-child{font-size:16px;line-height:1.8;color:#c3d6dc;max-width:600px;margin:25px 0 0}.lead-actions{display:flex;flex-direction:column;gap:15px;max-width:360px;width:100%;justify-self:end}.lead-actions .primary,.outline-action{width:100%;justify-content:space-between}.outline-action{display:flex;align-items:center;gap:25px;padding:17px 23px;min-height:56px;border:1px solid #58b3b38a;color:#deeeee;background:transparent;font-size:13px;font-weight:600}.outline-action:hover{background:#ffffff06}.outline-action span{font-size:21px}.contact-email{font-size:13px;color:#b7d2d8;line-height:1.7;margin-top:10px;text-align:center}footer>a{margin-left:0}footer>a:last-child{margin-left:auto}
@media(max-width:1000px){.header{gap:22px}.header nav{gap:22px;font-size:12px}.hero .copy{max-width:790px}.hero h1{font-size:52px}.hero .lead{max-width:590px}.lead-section{gap:45px;grid-template-columns:1.2fr .8fr}}
@media(max-width:720px){html{scroll-padding-top:130px}.header{height:116px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:12px 20px;background:#081419e8}.header .brand{grid-column:1;grid-row:1}.header .brand img{width:85px;height:39px}.header-cta{grid-column:2;grid-row:1;font-size:11px;min-height:40px;padding:9px 13px;gap:12px}.header nav{grid-column:1/-1;grid-row:2;margin:0;display:flex;justify-content:space-between;gap:18px;font-size:11px}.header nav a{padding:6px 0}.hero{padding-top:158px;padding-bottom:75px;min-height:105svh}.hero .eyebrow{font-size:9px;letter-spacing:.1em;gap:8px;margin-bottom:22px}.hero h1{font-size:clamp(33px,7.7vw,49px);line-height:1.13}.hero .lead{font-size:16px;line-height:1.7;margin:22px 0 24px}.deployment-status{font-size:11px;margin-bottom:20px}.hero-actions{gap:13px 23px}.hero-actions .primary{font-size:12px}.secondary-link{font-size:12px}.hero-proof{font-size:11px;line-height:1.75}.motion-actions{gap:18px;margin-top:24px}.motion-actions .demo-toggle{position:static;max-width:100%;font-size:10px}.motion-actions .scroll-hint{font-size:10px}.demo-status{bottom:18px}.experience-copy h2{font-size:34px}.analysis-path{margin-top:8px}.business-grid{gap:50px}.lead-section{grid-template-columns:1fr;gap:38px;padding:65px 24px}.lead-section h2{font-size:36px}.lead-actions{justify-self:start;max-width:100%}.lead-intro>p:last-child{font-size:15px}.lead-section .eyebrow{font-size:10px}footer{padding-bottom:40px}footer>a:last-child{margin-left:0}}
@media(max-width:360px){.header{padding-inline:16px}.header nav{font-size:10px;gap:12px}.hero{padding-inline:20px}.hero h1{font-size:32px}.hero .eyebrow{font-size:8px}.experience-copy h2{font-size:30px}.lead-section{padding-inline:20px}.lead-section h2{font-size:32px}}
/* Adapted product images: native perspective is preserved without a second tilt. */
.screen-story{grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr);gap:4vw}
.chapter:has(.screen-story){min-height:100svh;padding-top:35px;padding-bottom:70px}
#risks .screen-story h2 em{font-size:.88em}
.screen-story .copy{max-width:560px}.screen-story h2,.screen-story .experience-copy h2{font-size:clamp(34px,3.35vw,54px)}
.screen-story .lead{font-size:clamp(15px,1.23vw,18px);line-height:1.75}
.screen-story .product-wide{max-width:800px}.screen-story .product-label{background:none;border:0;border-radius:0;padding:0 0 18px;font-size:11px;letter-spacing:.025em}
.product-render,.product-flat{filter:drop-shadow(0 24px 45px #0008)}
.product-render img{background:transparent;border-radius:0}.product-render{transform:translate3d(30px,45px,0) scale(.95)}
.in-view .product-render{transform:none}
img[src$="risks-workspace-h2b.webp"]{clip-path:polygon(.2% 14%,16.8% 14%,16.8% 14.2%,17.2% 14%,98.7% .85%,98.7% 98.1%,17.2% 85.1%,17.2% 74.7%,.2% 74.7%)}
.product-flat img{border:1px solid #b9d5dc44;border-radius:5px;box-shadow:0 2px 0 #b9d5dc30,6px 9px 0 #13303999}
.in-view .product-flat{transform:perspective(1600px) rotateY(-5deg) rotateX(2deg)}
.screen-story .sequence{gap:18px;margin-top:28px;padding-top:22px}.screen-story .sequence li{font-size:12px}
.screen-story figcaption{max-width:590px;color:#bdcfd5;font-size:10px;line-height:1.8}
@media(max-width:1000px) and (min-width:721px){.screen-story{gap:32px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.screen-story h2,.screen-story .experience-copy h2{font-size:34px}}
@media(max-width:720px){.chapter:has(.screen-story){padding:70px 24px 80px}.screen-story{grid-template-columns:minmax(0,1fr);gap:36px}.screen-story h2,.screen-story .experience-copy h2{font-size:clamp(30px,7.8vw,42px)}.screen-story .lead{font-size:16px}.screen-story .product-wide{width:100%;max-width:560px}.in-view .product-flat{transform:none}.product-flat img{box-shadow:0 2px 0 #b9d5dc30,3px 5px 0 #13303999}.screen-story .product-label{font-size:10px;padding-bottom:14px}.screen-story figcaption{font-size:10px}.screen-story .sequence{gap:14px}}
.business-chapter{padding-top:100px;padding-bottom:110px;min-height:auto}
.business-layout{display:grid;gap:45px;max-width:1280px}
.business-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:7vw;align-items:center;max-width:none}
.business-copy h2{font-size:clamp(34px,3.5vw,54px)}.business-copy .lead{margin-top:0;font-size:16px}.business-copy .detail{max-width:540px}
.business-dashboard{min-width:0;width:100%;position:relative}
@media(max-width:720px){.business-chapter{padding:70px 20px 85px}.business-layout{gap:32px}.business-copy{grid-template-columns:1fr;gap:25px}.business-copy h2{font-size:34px}.business-copy .lead{font-size:15px;margin-bottom:18px}.business-copy .detail{font-size:13px}}
/* Let content define section height; tall viewports must not add empty screens. */
.chapter:not(.hero){min-height:0;align-items:flex-start;padding-block:64px}
.chapter>.chapter-inner{margin-block:0}
.hero{min-height:min(100svh,820px);padding-bottom:64px}
@media(max-width:720px){.chapter:not(.hero){padding-block:44px}.hero{min-height:0;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy,.product,.in-view .product,.analysis-path{opacity:1;transform:none;transition:none}.scroll-track:after{animation:none}.primary{transition:none}}
/* Four product-family links stay visible on compact screens. */
@media(min-width:721px) and (max-width:900px){html{scroll-padding-top:130px}.header{height:116px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:12px 30px;background:#081419e8}.header .brand{grid-column:1;grid-row:1}.header .brand img{width:96px;height:42px}.header-cta{grid-column:2;grid-row:1;min-height:42px}.header nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:space-between;gap:16px;font-size:12px}.header nav a{padding:6px 0}}
@media(max-width:540px){.header nav{font-size:10px;gap:8px;align-items:center}.header nav a{white-space:nowrap}.header nav a:last-child{max-width:70px;white-space:normal;line-height:1.35}.header nav a:last-child{text-align:right}}
/* Keep the scene in an explicit layer above the page background on mobile GPUs. */
body{isolation:isolate}
.world{z-index:0}
main,body>footer{position:relative;z-index:1}
@media(max-width:720px),(pointer:coarse){
  /* Browser toolbar motion must not resize/reallocate the scene on each scroll. */
  .world{bottom:auto;height:100vh;height:100lvh}
  .surface img{filter:none}
  .world-grain{display:none}
  .product,.product-render,.product-flat{filter:none}
}