@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#03050d;--ink:#f1f2f7;--muted:#b2b8cb;--line:rgba(196,208,240,.19);--gutter:clamp(25px,5.5vw,105px);font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:dark;scroll-behavior:auto}*{box-sizing:border-box}body{margin:0;overflow-anchor:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #accfff;outline-offset:5px}::selection{background:#b6c9fa;color:#080b15}.skip{position:fixed;left:20px;top:-70px;z-index:40;padding:14px;background:#eff1ff;color:#060914}.skip:focus{top:10px}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:absolute;top:0;left:0;width:100%;z-index:12}.wordmark{font-family:Inter,Arial,sans-serif;font-size:38px;letter-spacing:-.025em;font-weight:600;line-height:1;padding:10px 0}.wordmark span{color:#a9bfee}.brand-expansion{font-size:12px;color:#b4bdd1;position:absolute;left:50%;transform:translateX(-50%)}.contact-link{display:flex;align-items:center;gap:16px;font-size:13px;padding:16px 0}.contact-dot{width:7px;height:7px;border:1px solid #d6e7ff;border-radius:50%;box-shadow:0 0 10px #83aaff}.contact-link:hover{color:#a9c8ff}
.journey{position:relative}.stage{position:relative}.world{position:absolute;inset:0;pointer-events:none}.world canvas{display:block;width:100%;height:100%}.shade,.vignette{position:absolute;inset:0;pointer-events:none}.shade{background:linear-gradient(90deg,rgba(3,5,13,.78),rgba(3,5,13,.35) 32%,transparent 60%)}.vignette{background:linear-gradient(180deg,rgba(3,5,13,.28),transparent 19%,transparent 80%,#03050ddd),radial-gradient(ellipse at 55% 50%,transparent 37%,#03050d80 100%)}.crosshair{position:absolute;width:9px;height:9px;pointer-events:none;opacity:.4}.crosshair:before,.crosshair:after{content:'';background:#d4e0ff;position:absolute}.crosshair:before{height:1px;left:0;top:4px;width:9px}.crosshair:after{width:1px;top:0;left:4px;height:9px}.cross-a{top:128px;left:var(--gutter)}.cross-b{top:128px;right:var(--gutter)}
.chapter{position:relative;min-height:85svh;padding:100px var(--gutter);background:var(--bg)}.copy{max-width:650px}.overline{font-size:13px;line-height:1.5;color:#c2cada;display:flex;gap:10px;align-items:center;margin:0 0 25px}.planet-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#83c2ed;box-shadow:0 0 14px #83c2ed}.planet-dot.violet{background:#beb1fd;box-shadow:0 0 14px #aa95fa}.planet-dot.amber{background:#eebd82;box-shadow:0 0 14px #e3a360}.chapter h1,.chapter h2{font-family:Inter,Arial,sans-serif;font-size:clamp(55px,6.6vw,108px);font-weight:400;letter-spacing:-.03em;line-height:1.02;margin:0 0 28px}.chapter h1>span{color:#c1cbe6}.chapter h2{font-size:clamp(48px,5.5vw,88px)}.lead{color:#bbc3d5;font-size:clamp(15px,1.25vw,19px);line-height:1.7;margin:0 0 26px;letter-spacing:-.01em}.explore{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #74819e;padding:13px 0;font-size:13px}.explore span{font-size:20px;transition:transform .2s}.explore:hover span{transform:translateY(5px)}.galaxy-label{display:flex;gap:13px;align-items:center;font-size:11px;color:#c5ccdc}.label-line{width:68px;height:1px;transform:rotate(-30deg);background:linear-gradient(90deg,transparent,#c5ccdc)}.universe-name{display:none}.feature-tabs{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.feature-tabs button{min-height:44px;padding:10px 0;border:0;border-bottom:1px solid transparent;background:none;color:#9ca7bd;font-size:12px}.feature-tabs button[aria-pressed=true]{border-color:#bcd5ff;color:#eef5ff}.feature-detail{max-width:320px;font-size:13px;line-height:1.6;color:#a8b7d0;min-height:44px;margin:16px 0 0}.support-copy{font-size:13px;line-height:1.7;color:#99a6c1;max-width:330px;margin-top:36px}
.site-display{display:block;border:1px solid #7892ba66;border-radius:9px;overflow:hidden;background:#0b1220;box-shadow:0 30px 110px #0009,0 0 50px #6792ed17;transform-origin:50% 50%;max-width:780px}.browser-top{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px;color:#bdc9de;border-bottom:1px solid #7487a333;background:#101a2a}.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border:1px solid #8b9cb4;border-radius:50%}.browser-plus{font-size:16px}.site-display picture{display:block;overflow:hidden}.site-display img{display:block;width:100%;height:auto}.display-caption{display:flex;justify-content:space-between;gap:12px;padding:15px 17px;font-size:11px;color:#c3cede;background:#080d18}.site-display:hover{border-color:#c4d6fb}
.system-display{max-width:720px;border:1px solid #ae9aed66;border-radius:15px;overflow:hidden;background:linear-gradient(130deg,#121224f2,#101222f2);box-shadow:0 30px 100px #0009,0 0 90px #9b6efb10}.app-header{height:59px;display:flex;align-items:center;padding:0 22px;gap:12px;border-bottom:1px solid #a9afd91c;font-size:13px}.app-symbol{font-family:Inter,Arial,sans-serif;font-size:25px;color:#cec8ec}.demo-label{color:#99a0b5;font-size:10px;margin-left:auto}.system-body{padding:28px}.system-heading{display:flex;justify-content:space-between;align-items:center}.system-heading p{font-size:11px;color:#a2a7c3;margin:0 0 10px}.system-heading h3{font-family:Inter,Arial,sans-serif;font-size:22px;line-height:1.3;letter-spacing:-.02em;font-weight:400;margin:0}.live-dot{width:7px;height:7px;background:#d1c1ff;box-shadow:0 0 16px #a580ee;border-radius:50%}.flow-tabs{display:flex;align-items:center;gap:12px;margin:23px 0}.flow-tabs button{border:1px solid #d0c0ff27;background:#b4a2ee0b;color:#a7a9c2;border-radius:30px;padding:10px 16px;font-size:11px;min-height:44px}.flow-tabs button[aria-pressed=true]{color:#191728;background:#d2c6f1;border-color:#d2c6f1}.flow-tabs>span{color:#6c617e}.order-example{display:flex;align-items:center;gap:15px;background:#bbc4ff08;border:1px solid #c9c2ff18;border-radius:8px;padding:20px 16px}.order-icon{display:grid;place-items:center;width:37px;height:40px;color:#d2c6f1;background:#ac8cdb17;border-radius:5px}.order-icon svg{width:23px;stroke:currentColor;stroke-width:1.2}.order-example strong{display:block;font-weight:450;font-size:13px;margin-bottom:7px}.order-example>div>span{display:block;font-size:11px;color:#a0a6be}.order-status{margin-left:auto;font-size:10px;color:#d7c9fb;border:1px solid #cbb4ff30;padding:5px 9px;border-radius:5px}.calendar{margin-top:28px}.calendar-label{display:flex;justify-content:space-between;font-size:10px;color:#adb2c5}.calendar-label>span+span{color:#74809d}.week{margin-top:17px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:24px 57px;position:relative}.week>span{text-align:center;font-size:10px;color:#8d94af}.week>i{border:1px solid #b3b6e012}.calendar-event{position:absolute;top:40px;left:2%;width:35%;font-size:9px;background:#c0a6e424;color:#d5c6ee;border:1px solid #b3a0e23b;padding:9px;border-radius:4px;transition:transform .45s,background .3s}.system-display[data-flow='1'] .calendar-event{transform:translateX(118%)}.system-display[data-flow='2'] .calendar-event{transform:translateX(165%);background:#a2cfb533;color:#c8eddb}.interaction-hint{font-size:10px;color:#8e97b1;text-align:center;border-top:1px solid #c6c3fb16;margin:0;padding:14px 20px}
.shop-display{--lamp:#cab494;max-width:570px;border:1px solid #c5a78666;border-radius:12px;overflow:hidden;background:#151414;box-shadow:0 30px 100px #0009,0 0 80px #b9884712}.shop-header{height:60px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid #bba38320;gap:20px}.shop-header>span:first-child{font-family:Inter,Arial,sans-serif;font-size:19px;letter-spacing:.03em}.small-dot{font-size:8px;vertical-align:top;line-height:14px;margin-left:4px}.cart{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:12px;min-width:44px;min-height:44px;padding:0;justify-content:center}.cart svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.3}.product-art{height:245px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#67584740,transparent 56%),#191817}.product-halo{position:absolute;width:200px;height:200px;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid #b8a27a23;border-radius:50%}.product-halo:after{content:'';position:absolute;inset:-27px;border:1px solid #b8a27a10;border-radius:50%}.lamp{position:absolute;left:50%;top:23px;width:180px;height:205px;transform:translateX(-50%)}.lamp-shade{position:absolute;width:164px;height:79px;left:8px;top:9px;border-radius:90px 90px 12px 12px;background:radial-gradient(ellipse at 33% 20%,#fff8 0,transparent 38%),linear-gradient(90deg,#0005,transparent 40%,#0005),var(--lamp);box-shadow:inset 0 -5px 3px #342916,0 12px 25px #0005;z-index:3}.lamp-light{position:absolute;left:0;top:78px;width:180px;height:110px;background:radial-gradient(ellipse at top,#f9d69240,transparent 65%);filter:blur(6px);z-index:2}.lamp-neck{position:absolute;top:67px;left:81px;width:18px;height:112px;background:linear-gradient(90deg,#9d895e,#e5d4ae 32%,#716249);z-index:1}.lamp-base{position:absolute;left:37px;top:173px;width:106px;height:17px;border-radius:50%;background:linear-gradient(180deg,#e1caa2,#5c5142);box-shadow:0 12px 14px #0009}.product-note{position:absolute;left:19px;bottom:15px;font-size:9px;color:#a89e8d}.product-info{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 16px;gap:15px}.product-category{font-size:10px;color:#a7a197}.product-info h3{font-size:18px;font-weight:400;margin:7px 0 0;font-family:Chakra}.product-price{font-size:13px;color:#c5bcae;white-space:nowrap}.product-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 25px 10px}.swatches{display:flex;gap:2px}.swatches button{position:relative;width:38px;height:44px;border:0;background:none;padding:10px}.swatches button:before{content:'';display:block;width:18px;height:18px;border-radius:50%;background:#cab494}.swatches button.rust:before{background:#ac7159}.swatches button.graphite:before{background:#555558}.swatches button.selected:after{position:absolute;content:'';inset:9px 7px;border:1px solid #b9b6ad;border-radius:50%}.add-cart{background:#e2d7c4;color:#2a251e;border:0;font-size:11px;padding:0 20px;min-height:44px;display:flex;gap:25px;align-items:center;justify-content:space-between}.add-cart>span{font-size:18px}.add-cart:hover{background:#f3e8d5}.shop-feedback{margin:0;padding:7px 25px 18px;min-height:36px;text-align:right;font-size:10px;color:#a99c87}.shop-display[data-color='rust']{--lamp:#ba775a}.shop-display[data-color='graphite']{--lamp:#626064}
.contact-button{display:inline-flex;align-items:center;gap:42px;min-height:53px;padding:0 23px;background:#e3e8f5;color:#101624;font-size:13px;border-radius:3px}.contact-button>span{font-size:20px}.contact-button:hover{background:#fff}.email{display:block;width:max-content;font-size:12px;color:#a4b1cc;margin-top:24px;padding:10px 0}.final-word{font-family:Inter,Arial,sans-serif;font-size:14px;color:#adb9d8}.flight-ui{display:none}.static-visual{display:none}
.loading .chapter:not(.intro){display:none}.loading .intro{min-height:100svh}.loading .intro .copy{padding-top:12vh}.loading .world{position:fixed;background:radial-gradient(ellipse at 70% 40%,#132440,#060814 45%,#03050d)}
.cinematic .header{position:fixed}.cinematic .journey{height:860svh}.cinematic .stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:clip;isolation:isolate}.cinematic .chapter{position:absolute;inset:0;padding:0;min-height:0;background:none;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}.cinematic .chapter.active{visibility:visible;pointer-events:auto}.cinematic .copy{position:absolute;left:var(--gutter);top:27%;width:42%;max-width:650px}.cinematic .intro .copy{top:29%;width:55%;max-width:780px}.cinematic .intro h1{font-size:clamp(59px,7.5vw,126px)}.cinematic .galaxy-label{position:absolute;right:12%;top:24%;transform:rotate(-3deg)}.cinematic .universe-name{display:block;position:absolute;bottom:139px;right:var(--gutter);font-family:Inter,Arial,sans-serif;font-size:25px;color:#b9c7e4}.universe-name>span{font-size:12px;color:#7b8aa8}.cinematic .site-display{position:absolute;top:24%;left:48%;width:55%;max-width:900px;transform:perspective(1400px) rotateY(-18deg) rotateZ(3deg) scale(.95)}.cinematic .system-display{position:absolute;top:22%;left:51%;width:45%;transform:perspective(1400px) rotateY(-13deg) rotateZ(2deg)}.cinematic .shop-display{position:absolute;top:17%;left:58%;width:35%;transform:perspective(1400px) rotateY(-14deg) rotateZ(3deg)}.cinematic .commerce .copy{width:50%}.cinematic .finale .copy{top:28%;width:54%}.cinematic .final-word{position:absolute;right:var(--gutter);bottom:146px}.cinematic .flight-ui{display:block;position:absolute;inset:0;pointer-events:none}.flight-ui a,.flight-ui button{pointer-events:auto}.scroll-hint{position:absolute;bottom:141px;left:var(--gutter);display:flex;align-items:center;gap:14px;font-size:11px;color:#aebbd4}.scroll-mark{height:30px;width:16px;border:1px solid #8994ae;border-radius:12px;position:relative}.scroll-mark:after{content:'';position:absolute;left:6px;top:6px;width:2px;height:6px;border-radius:3px;background:#e4eeff}.flight-caption{position:absolute;bottom:130px;right:var(--gutter);display:flex;align-items:center;gap:9px;font-size:10px;color:#8999b6;opacity:0}.flight-dot{width:4px;height:4px;border-radius:50%;background:#9aafd6;box-shadow:0 0 8px #7898d5}.route{position:absolute;bottom:28px;left:var(--gutter);width:58%;max-width:780px}.route nav{display:flex;align-items:center;justify-content:space-between}.route a{min-height:54px;display:flex;flex-direction:column;gap:12px;align-items:center;font-size:10px;color:#7e8aa6;min-width:54px;padding:5px 2px}.route a:first-child{align-items:flex-start}.route a:last-child{align-items:flex-end}.route-node{width:6px;height:6px;border-radius:50%;background:#6c799333;outline:1px solid #8f9baf66;outline-offset:3px}.route a[aria-current]{color:#e1e8f7}.route a[aria-current] .route-node{background:#d9e9ff;outline-color:#b3c9f1;box-shadow:0 0 17px 3px #789fd170}.route a:hover{color:#f1f5ff}.progress{height:1px;position:absolute;left:0;right:0;top:8px;z-index:-1;background:#9badcf20}.progress>span{display:block;height:1px;width:100%;background:#9cbcf3;transform:scaleX(0);transform-origin:left}.motion-controls{position:absolute;bottom:43px;right:var(--gutter);display:flex;gap:17px;align-items:center}.ambient-toggle{display:grid;place-items:center;width:36px;height:44px;border:0;background:none}.ambient-toggle svg{width:12px;height:12px;stroke:#b8c3da;stroke-width:1.4;fill:none}.reading-toggle{font-size:10px;color:#a2adc4;background:none;border:0;padding:10px 0;min-height:44px}
.still .header{position:relative}.still .world,.still .shade,.still .vignette,.still .crosshair{display:none}.still .chapter{background:radial-gradient(ellipse at 90% 60%,#101932,transparent 60%),#03050d;display:block;min-height:80svh}.still .chapter>.copy{position:relative;margin-bottom:40px}.still .site-display,.still .system-display,.still .shop-display{margin-left:auto;width:min(100%,700px)}.still .flight-ui{display:block}.still .flight-ui>.route,.still .flight-ui>.scroll-hint,.still .flight-caption{display:none}.still .motion-controls{position:fixed;bottom:10px;right:20px;background:#080d19;padding:0 12px;border:1px solid var(--line);z-index:20}.still .ambient-toggle{display:none}.still .galaxy-label,.still .universe-name,.still .final-word{display:none}
dialog{width:min(440px,calc(100vw - 36px));border:1px solid #8893a650;border-radius:12px;background:#111622;color:#e2e6f0;padding:27px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#01030bbc;backdrop-filter:blur(5px)}.cart-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.cart-dialog-header h2{font-size:22px;font-family:Inter,Arial,sans-serif;font-weight:400;margin:0}.close-cart{font-size:27px;min-width:44px;min-height:44px;border:0;background:none}.cart-note{font-size:12px;line-height:1.6;color:#adb8cd}.empty-cart{min-height:44px;background:none;border:1px solid #8c9cba60;padding:10px 15px;font-size:12px;margin-top:12px}
@media(max-width:1100px) and (min-width:761px){.cinematic .chapter h2{font-size:54px}.cinematic .copy{width:43%}.cinematic .system-display{left:49%;width:49%}.system-body{padding:20px}.flow-tabs{gap:6px}.flow-tabs button{padding:8px 10px}.cinematic .shop-display{left:56%;width:40%}.cinematic .commerce .copy{width:48%}.product-art{height:210px}.lamp{transform:translateX(-50%) scale(.88);transform-origin:top}.product-info{padding-inline:18px}.product-actions{padding-inline:18px}}
@media(max-width:760px){
 :root{--gutter:24px}.header{height:80px}.wordmark{font-size:31px}.brand-expansion{display:none}.contact-link{font-size:11px;gap:10px}.contact-dot{width:5px;height:5px}.cross-a,.cross-b{top:99px}.cinematic .journey{height:940svh}.cinematic .stage{min-height:600px}.cinematic .copy,.cinematic .intro .copy,.cinematic .commerce .copy,.cinematic .finale .copy{top:15%;width:calc(100% - 48px);max-width:550px}.cinematic .intro .copy{top:19%}.cinematic .intro h1{font-size:clamp(49px,12.6vw,76px);margin-bottom:23px;line-height:1.04}.overline{font-size:11px;margin-bottom:16px}.cinematic .chapter h2{font-size:clamp(42px,10.9vw,62px);margin-bottom:17px;line-height:1.01}.lead{font-size:14px;line-height:1.65;margin-bottom:18px}.explore{font-size:11px;gap:24px;padding-block:10px}.cinematic .galaxy-label{top:65%;right:7%;font-size:9px}.galaxy-label .label-line{width:32px}.cinematic .universe-name{display:none}.shade{background:linear-gradient(180deg,#03050d00 4%,#03050d60 19%,#03050d45 35%,transparent 60%)}.vignette{background:linear-gradient(180deg,#03050d60,transparent 22%,transparent 80%,#03050deb)}.feature-tabs{gap:20px}.feature-tabs button{font-size:10px;min-height:36px;padding-block:8px}.feature-detail{font-size:11px;line-height:1.5;margin:8px 0 0;max-width:280px;min-height:32px}.cinematic .site-display{top:49%;left:26%;width:68%;max-width:350px;transform:perspective(900px) rotateY(-17deg) rotateZ(5deg);border-radius:7px}.site-display picture{height:29svh;min-height:173px;max-height:310px}.site-display img{height:100%;object-fit:cover;object-position:50% 31%}.browser-top{height:25px;font-size:7px;padding:0 9px}.browser-plus{font-size:12px}.window-dots{gap:3px}.window-dots i{height:3px;width:3px}.display-caption{font-size:8px;padding:10px}.support-copy{font-size:11px;margin-top:14px;max-width:285px;line-height:1.5}.cinematic .system-display{top:43%;left:8%;width:86%;max-width:490px;transform:perspective(1000px) rotateY(-9deg) rotateZ(2deg);border-radius:10px}.app-header{height:39px;font-size:10px;padding:0 15px;gap:8px}.app-symbol{font-size:21px}.demo-label{font-size:8px}.system-body{padding:17px 16px}.system-heading p{font-size:9px;margin-bottom:5px}.system-heading h3{font-size:16px}.flow-tabs{gap:5px;margin:15px 0}.flow-tabs button{font-size:9px;padding:7px 10px;min-height:37px}.flow-tabs>span{font-size:9px}.order-example{padding:12px 10px;gap:10px}.order-icon{width:30px;height:32px}.order-example strong{font-size:11px;margin-bottom:5px}.order-example>div>span{font-size:9px}.order-status{font-size:8px;padding:4px 6px}.calendar{margin-top:15px}.calendar-label{font-size:8px}.week{margin-top:12px;grid-template-rows:19px 39px}.week>span{font-size:8px}.calendar-event{top:28px;padding:7px;font-size:7px}.interaction-hint{font-size:8px;padding:10px}.cinematic .shop-display{top:41%;left:19%;width:73%;max-width:370px;transform:perspective(1100px) rotateY(-11deg) rotateZ(3deg);border-radius:9px}.shop-header{height:41px;padding:0 17px;gap:12px}.shop-header>span:first-child{font-size:15px}.cart{font-size:10px;height:36px;min-height:36px}.cart svg{width:16px}.product-art{height:160px}.lamp{top:12px;transform:translateX(-50%) scale(.70);transform-origin:top}.product-halo{width:135px;height:135px}.product-note{font-size:7px;bottom:10px;left:14px}.product-info{padding:14px 16px 10px;gap:10px}.product-category{font-size:8px}.product-info h3{font-size:14px;margin-top:5px}.product-price{font-size:10px}.product-actions{padding:0 14px 2px;gap:9px}.swatches{gap:0}.swatches button{width:30px;padding:7px;min-height:38px;height:38px}.swatches button:before{width:15px;height:15px}.swatches button.selected:after{inset:9px 4px}.add-cart{min-height:38px;padding:0 12px;font-size:9px;gap:12px}.shop-feedback{font-size:8px;padding:6px 15px 12px;min-height:29px}.cinematic .finale .copy{top:22%}.finale .lead{font-size:15px}.contact-button{min-height:48px;font-size:12px;gap:38px}.email{font-size:11px;margin-top:18px}.cinematic .final-word{bottom:144px;right:24px;font-size:11px}.route{bottom:15px;left:24px;right:24px;width:auto}.route a{font-size:8px;min-width:42px;min-height:51px;gap:14px}.route-node{width:4px;height:4px;outline-offset:3px}.progress{top:7px}.motion-controls{bottom:81px;right:24px;gap:10px}.ambient-toggle{width:26px;height:32px;min-height:32px}.reading-toggle{font-size:9px;min-height:32px;padding:5px 0}.scroll-hint{left:24px;bottom:87px;gap:9px;font-size:9px}.scroll-mark{width:12px;height:23px}.scroll-mark:after{left:4px;top:5px;width:2px;height:4px}.flight-caption{left:24px;right:auto;bottom:92px;font-size:8px}.chapter{padding:70px 24px}.still .chapter{min-height:75svh}.still .site-display picture{height:auto;max-height:none}.still .site-display img{height:auto}.still .shop-display{max-width:340px}.still .product-art{height:210px}.still .lamp{transform:translateX(-50%) scale(.92)}
}
@media(max-width:355px){:root{--gutter:20px}.cinematic .copy,.cinematic .intro .copy,.cinematic .commerce .copy,.cinematic .finale .copy{width:calc(100% - 40px);top:16%}.cinematic .intro .copy{top:20%}.cinematic .intro h1{font-size:43px}.cinematic .chapter h2{font-size:36px}.overline{font-size:10px;margin-bottom:12px}.lead{font-size:12px}.feature-tabs{gap:16px}.feature-detail{font-size:10px}.cinematic .site-display{top:50%}.cinematic .system-display{top:43%}.system-body{padding:13px}.system-heading h3{font-size:14px}.flow-tabs{gap:3px}.flow-tabs button{padding-inline:7px;font-size:8px}.cinematic .shop-display{left:14%;width:80%;top:43%}.product-art{height:137px}.lamp{transform:translateX(-50%) scale(.60)}.product-info{padding-top:10px}.support-copy{font-size:10px;margin-top:10px}.route{left:20px;right:20px}.motion-controls{right:20px}.scroll-hint{left:20px;font-size:8px}}
@media(max-height:740px) and (min-width:761px){.header{height:78px}.cross-a,.cross-b{top:94px}.cinematic .copy{top:24%}.cinematic .intro .copy{top:26%}.cinematic .chapter h2{font-size:53px;margin-bottom:20px}.cinematic .intro h1{font-size:76px}.overline{margin-bottom:17px}.lead{font-size:15px}.cinematic .system-display{top:20%;transform:perspective(1400px) rotateY(-13deg) rotateZ(2deg) scale(.88);transform-origin:50% 0}.cinematic .shop-display{top:15%;transform:perspective(1400px) rotateY(-14deg) rotateZ(3deg) scale(.87);transform-origin:50% 0}.cinematic .site-display{top:23%;width:51%;left:50%}.support-copy{margin-top:22px}.scroll-hint{bottom:125px}.route{bottom:17px}.motion-controls{bottom:29px}.cinematic .universe-name{bottom:122px}.flight-caption{bottom:115px}.cinematic .final-word{bottom:126px}}
@media(min-width:761px) and (max-height:850px){.cinematic .intro .copy{top:25%}.cinematic .intro h1{font-size:clamp(65px,6.8vw,100px)}.cinematic .system-display{scale:.88;transform-origin:50% 0}.cinematic .site-display{scale:.9;transform-origin:50% 0}.cinematic .scroll-hint{bottom:112px}.cinematic .universe-name{bottom:123px}}
@media(max-width:760px){.feature-tabs button,.flow-tabs button,.cart,.add-cart,.swatches button,.ambient-toggle,.reading-toggle{min-height:44px}.swatches button{width:38px;height:44px;padding:11px}.swatches button.selected:after{inset:10px 7px}.system-display .flow-tabs{gap:4px}.motion-controls{bottom:76px}.shop-feedback{padding-bottom:12px}.product-actions{gap:4px}.add-cart{gap:10px;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html[data-qa-frame] .journey{height:100svh}
.asset-credit{display:block;font-family:Inter,Arial,sans-serif;font-size:10px;color:#8999b6;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding-top:14px}.still .final-word{display:block;margin-top:40px}
@media(max-width:760px){.cinematic .shop-display{top:44%}.cinematic .final-word{bottom:170px}}
@media(max-width:355px){.cinematic .system-display{left:4%;width:88%}.system-display .calendar{display:none}.cinematic .shop-display{top:43%}.product-art{height:120px}.lamp{transform:translateX(-50%) scale(.53)}}
@media(min-width:356px) and (max-width:760px) and (max-height:880px){.cinematic .system-display{top:42%}.system-body{padding:15px 16px}.calendar{margin-top:11px}.week{margin-top:8px;grid-template-rows:19px 35px}.interaction-hint{padding-block:8px}}
@media(max-width:355px){.cinematic .site-display picture{height:25svh;min-height:160px}}
.cinematic:not([data-qa-frame]) .journey{height:calc(100svh + 1100svh * var(--journey-distance,1))}
.project-tabs{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.project-tabs button{min-height:44px;padding:10px 0;border:0;border-bottom:1px solid transparent;background:none;color:#9ca7bd;font-size:12px}.project-tabs button[aria-pressed=true]{border-color:#bcd5ff;color:#eef5ff}.project-detail{font-size:13px;line-height:1.6;color:#a8b7d0;min-height:44px;margin:16px 0 0;max-width:370px}.project-number{font-size:9px;white-space:nowrap}
.cinematic .project-controls{opacity:var(--earth-arrival,0);transform:translateY(calc((1 - var(--earth-arrival,0))*20px))}
.cinematic .site-display{opacity:var(--earth-arrival,0);transform:perspective(1400px) translateY(calc((1 - var(--earth-arrival,0))*130px)) rotateX(calc((1 - var(--earth-arrival,0))*28deg)) rotateY(-18deg) rotateZ(3deg) scale(calc(.78 + var(--earth-arrival,0)*.17))}
.extoffice-display{display:block;max-width:900px;border:1px solid #c3aa8580;border-radius:8px;overflow:hidden;background:#191915;box-shadow:0 35px 90px #0007,0 0 80px #d8b37a10;transform-origin:50% 85%}.extoffice-display .browser-top{background:#1c1c1a;color:#c5bcac;border-bottom-color:#b9ad942f}.extoffice-display picture,.extoffice-display img{display:block;width:100%}.extoffice-display img{height:auto}.extoffice-display .display-caption{background:#161716;color:#cabfab}.extoffice-display:hover{border-color:#d5c7aa}.text-link{display:inline-block;min-height:44px;padding:12px 0;border-bottom:1px solid #b19d7d;color:#d4c4aa;font-size:12px}.cinematic .extoffice-display{position:absolute;top:25%;left:51%;width:53%;opacity:var(--saturn-arrival,0);transform:perspective(1500px) translateY(calc((1 - var(--saturn-arrival,0))*170px)) rotateX(calc((1 - var(--saturn-arrival,0))*42deg)) rotateY(-17deg) rotateZ(2deg) scale(calc(.63 + var(--saturn-arrival,0)*.32))}.still .extoffice-display{width:min(100%,760px);margin-left:auto}
@media(max-width:760px){.cinematic:not([data-qa-frame]) .journey{height:calc(100svh + 1220svh * var(--journey-distance,1))}.project-tabs{gap:17px;flex-wrap:nowrap}.project-tabs button{font-size:10px}.project-detail{font-size:11px;margin:8px 0 0;min-height:32px}.project-number{font-size:6px}.cinematic .site-display{transform:perspective(900px) translateY(calc((1 - var(--earth-arrival,0))*90px)) rotateX(calc((1 - var(--earth-arrival,0))*28deg)) rotateY(-17deg) rotateZ(5deg) scale(calc(.75 + var(--earth-arrival,0)*.25))}.cinematic .extoffice-display{top:48%;left:26%;width:68%;max-width:350px;transform:perspective(1000px) translateY(calc((1 - var(--saturn-arrival,0))*100px)) rotateX(calc((1 - var(--saturn-arrival,0))*42deg)) rotateY(-15deg) rotateZ(4deg) scale(calc(.66 + var(--saturn-arrival,0)*.34))}.extoffice-display picture{height:30svh;max-height:325px;overflow:hidden}.extoffice-display img{height:100%;object-fit:cover;object-position:50% 54%}.commerce .support-copy{margin-top:12px}.text-link{font-size:11px;min-height:40px;padding:9px 0}.still .extoffice-display{max-width:350px}.still .extoffice-display picture{height:auto;max-height:none}.still .extoffice-display img{height:auto}}
@media(max-width:355px){.project-tabs{gap:13px}.project-tabs button{font-size:9px}.project-detail{font-size:10px}.cinematic .extoffice-display{top:50%;left:23%;width:70%}.extoffice-display picture{height:25svh;min-height:160px}.commerce .support-copy{margin-top:8px}}
@media(min-width:761px) and (max-height:850px){.cinematic .extoffice-display{top:23%;scale:.9;transform-origin:50% 0}}
@media(max-width:760px){.cinematic .extoffice-display img{object-position:50% 100%}}
@media(min-width:761px){.cinematic .site-display{left:46%;width:48%}.cinematic .extoffice-display{left:49%;width:46%}}
.planet-dot.lunar{background:#d8c9a9;box-shadow:0 0 12px #cdb98955}
.moon-flow{max-width:470px}.moon-steps{display:flex;gap:26px;border-bottom:1px solid #c9bea12e}.moon-steps button{min-height:48px;padding:12px 0;color:#a4a49c;background:none;border:0;border-bottom:1px solid transparent;font-size:12px}.moon-steps button[aria-pressed=true]{color:#f0e5cd;border-bottom-color:#dcc392}.flow-story{padding-top:21px;min-height:100px}.flow-story h3{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:22px;line-height:1.3;margin:0 0 12px;letter-spacing:-.015em}.flow-story p{font-size:13px;line-height:1.7;color:#b7b7ac;margin:0;max-width:330px}
.cinematic .moon-flow{position:absolute;left:var(--gutter);top:59%;width:39%}.cinematic .systems .copy{top:23%}.cinematic.on-moon .shade{background:linear-gradient(90deg,#02030799,transparent 70%)}
.cinematic.on-earth .site-display{border:12px solid #5d594f;border-radius:3px;overflow:visible;background:#5c594f url('/assets/bennu-albedo.jpg') 50%/cover;box-shadow:inset 0 0 0 2px #b9ad8d44,-12px 20px 0 #282a27,-17px 26px 0 #161b19,0 45px 50px #000a;transform:perspective(1600px) translateY(calc((1 - var(--earth-arrival,0))*240px)) rotateX(calc(8deg + (1 - var(--earth-arrival,0))*55deg)) rotateY(-8deg) scale(calc(.76 + var(--earth-arrival,0)*.24));}
.cinematic.on-earth .site-display:after{content:'';position:absolute;z-index:-1;left:-8%;right:-7%;height:44px;bottom:-43px;background:linear-gradient(160deg,#696253,#282d29);clip-path:polygon(8% 0,91% 0,100% 77%,72% 100%,13% 84%,0 55%);box-shadow:0 20px 30px #000a;pointer-events:none}.on-earth .site-display .browser-top{background:#242823;color:#d9d8cc;border-color:#b2b6a525}.on-earth .site-display .display-caption{background:#1c211e;color:#d3d5c9}.on-earth .window-dots{opacity:.4}
@media(min-width:761px){.cinematic.on-earth .site-display{top:29%;left:50%;width:43%}.cinematic.on-earth .copy{top:23%}.cinematic.on-earth .project-controls{margin-top:25px}}
@media(max-width:760px){.cinematic .systems .copy{top:14%}.cinematic .moon-flow{left:24px;top:39%;width:calc(100% - 48px);max-width:390px}.moon-steps{gap:24px}.moon-steps button{font-size:10px;min-height:44px}.flow-story{padding-top:13px;min-height:80px}.flow-story h3{font-size:16px;margin-bottom:7px}.flow-story p{font-size:11px;max-width:290px}.cinematic.on-moon .shade{background:linear-gradient(180deg,#02030844,transparent 80%)}.cinematic.on-earth .site-display{left:21%;top:51%;width:70%;border-width:7px;box-shadow:-6px 10px 0 #282a27,-9px 15px 0 #161b19,0 25px 30px #0009;transform:perspective(1000px) translateY(calc((1 - var(--earth-arrival,0))*130px)) rotateX(calc(8deg + (1 - var(--earth-arrival,0))*55deg)) rotateY(-8deg) scale(calc(.76 + var(--earth-arrival,0)*.24))}.cinematic.on-earth .site-display:after{bottom:-27px;height:26px}.cinematic.on-earth .site-display picture{height:25svh;min-height:155px}.cinematic.on-earth .project-tabs{gap:17px}}
@media(max-width:355px){.cinematic .moon-flow{left:20px;width:calc(100% - 40px);top:39%}.moon-steps{gap:20px}.moon-steps button{font-size:9px}.flow-story h3{font-size:14px}.flow-story p{font-size:10px}.cinematic.on-earth .site-display{top:53%;width:70%}.cinematic.on-earth .project-tabs{gap:13px}.cinematic.on-earth .site-display picture{height:23svh;min-height:145px}}
.cinematic.on-earth .site-display{border-image:url('/assets/regolith-color.webp') 35 / 1 / 0 round}.cinematic.on-earth .site-display:after{background:linear-gradient(#4b4b4266,#252823aa),url('/assets/regolith-color.webp') 50%/240px}
@media(max-width:355px){.cinematic .moon-flow{top:37%}.cinematic.on-earth .site-display{top:50%}}

/* The cinematic references now live in the landscape and inside Saturn. */
.cinematic .site-display,.cinematic .extoffice-display{display:none!important}
.monument-visit{margin-top:4px}.still .monument-visit{display:none}
.cinematic.on-earth .shade{background:linear-gradient(90deg,#060c13db,transparent 66%)}
.cinematic .finale .copy{top:23%;width:37%}.cinematic .final-word{bottom:136px}
@media(max-width:760px){.cinematic.on-earth .copy{top:14%}.cinematic.on-earth .shade{background:linear-gradient(180deg,#02060b99,transparent 62%)}.cinematic .finale .copy{top:14%;width:calc(100% - 48px)}.cinematic .finale .lead{font-size:13px}.cinematic .finale .contact-button{min-height:44px}.cinematic .finale .email{display:inline-block;margin:0 0 0 13px;font-size:10px}.cinematic .final-word{bottom:132px;font-size:10px}.monument-visit{font-size:10px;padding:5px 0;min-height:36px;margin-top:0}.cinematic.on-earth .project-detail{min-height:20px}.cinematic .commerce .copy{top:14%}.cinematic .commerce .support-copy{font-size:10px;line-height:1.5}.cinematic .commerce .lead{margin-bottom:8px}.cinematic .commerce .support-copy{margin-top:8px}.cinematic .commerce .text-link{padding-top:6px}}
@media(max-width:355px){.cinematic .finale .copy{width:calc(100% - 40px)}.cinematic .finale .email{margin-left:9px;font-size:9px}.cinematic .finale .contact-button{padding-inline:16px;font-size:11px}.cinematic .finale .lead{font-size:12px}.cinematic.on-earth .copy{top:14%}.cinematic .monument-visit{font-size:9px}.cinematic .project-tabs button{min-height:44px}.cinematic .project-detail{margin-top:4px}}

/* Screen-space interaction tracks the actual 3D globe, including camera parallax. */
.saturn-action{display:none;position:absolute;inset:0;pointer-events:none;z-index:2}
.cinematic .saturn-action:not([hidden]){display:block}
.saturn-target{position:absolute;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;cursor:pointer;outline-offset:6px}
.saturn-target:focus-visible{outline:2px solid #e5d4ae;box-shadow:0 0 45px #e2be7024}
.saturn-signal{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#e9dcc1;stroke-width:1.1;pointer-events:none}
.saturn-signal .signal-path{opacity:.58}.saturn-signal circle{fill:#e7d2a5;stroke:#fff2d4;stroke-width:.7}
.saturn-invite{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;min-width:136px;transform:translate(-50%,-100%);padding:9px 13px;color:#fff0d7;background:radial-gradient(ellipse,#070a0de8 20%,#070a0d88 60%,transparent 75%);pointer-events:auto;text-align:center;cursor:pointer;text-shadow:0 2px 8px #000}
.saturn-invite>span{font-size:14px;line-height:1.4;border-bottom:1px solid #d1b77d99;padding-bottom:3px}
.saturn-invite small{font-size:9px;color:#c5bba7;line-height:1.3}
.saturn-action:has(a:hover) .saturn-invite>span,.saturn-action:has(a:focus-visible) .saturn-invite>span{color:#fff;border-bottom-color:#fff0cf}
.saturn-action:has(a:hover) .signal-path,.saturn-action:has(a:focus-visible) .signal-path{opacity:1}
.cinematic .commerce.active{pointer-events:none}.cinematic .commerce .copy,.cinematic .commerce .copy a{pointer-events:auto;position:relative;z-index:3}.cinematic .commerce .copy{position:absolute}
@media(max-width:760px){.saturn-invite{min-width:124px;min-height:48px;padding:8px 10px}.saturn-invite>span{font-size:12px}.saturn-invite small{font-size:8px}.saturn-signal{stroke-width:1}}

/* Times Square: real project pages on perspective-correct, individually clickable LED panels. */
.city-links,.city-location{display:none}
.cinematic.on-earth .websites .copy{opacity:var(--city-copy,1)}
.cinematic .city-links:not([hidden]){display:block;position:absolute;inset:0;z-index:3;pointer-events:none}
.city-screen-link{display:block;position:absolute;pointer-events:auto;cursor:pointer;background:transparent;transition:background .18s}
.city-screen-link[hidden]{display:none}.city-screen-link:hover{background:#fff7db08}.city-screen-link:focus-visible{outline:0;background:#fff1b433}
.cinematic.on-city .websites.active{pointer-events:none}
.cinematic.on-city .websites .copy{top:auto;bottom:145px;left:var(--gutter);width:calc(100% - var(--gutter)*2);max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;align-items:end;pointer-events:none}
.cinematic.on-city .websites .overline{grid-column:1;margin-bottom:10px;font-size:11px}
.cinematic.on-city .websites h2{grid-column:1;margin:0;font-size:clamp(38px,4.4vw,70px);line-height:1.02;text-shadow:0 2px 30px #0009}
.cinematic.on-city .websites .lead{display:none}
.cinematic.on-city .websites .project-controls{grid-column:2;grid-row:1/3;margin:0;pointer-events:auto;max-width:540px}
.cinematic.on-city .project-tabs{display:flex;flex-wrap:wrap;gap:0 22px}
.cinematic.on-city .project-tabs button{font-size:12px;min-height:44px}
.cinematic.on-city .project-detail{font-size:12px;min-height:20px;margin:9px 0 0;color:#d0c9bc}
.cinematic.on-city .monument-visit{font-size:12px;min-height:44px;padding:11px 0 8px;margin:0;color:#ffefcf;border-color:#f4dfad66}
.cinematic.on-city .shade{background:linear-gradient(180deg,#01050b 2%,#01050bca 8%,transparent 22%,transparent 61%,#020407ec 84%,#020407)}
.cinematic.on-city .vignette{background:linear-gradient(180deg,#02040855,transparent 13%,transparent 75%,#020407)}
.cinematic.on-city .city-location{display:block;position:absolute;top:108px;left:50%;transform:translateX(-50%);text-align:center;font-size:11px;color:#ede2ca;text-shadow:0 2px 14px #000;pointer-events:none;opacity:var(--earth-arrival,0)}
.city-location span{display:block;margin-top:6px;font-size:10px;color:#b5b4b1}
.cinematic.on-city .crosshair{display:none}.cinematic.on-city .flight-caption{display:none}
@media(max-width:760px){
 .cinematic.on-city .websites .copy{bottom:122px;left:24px;width:calc(100% - 48px);display:block}
 .cinematic.on-city .websites .overline{display:none}
 .cinematic.on-city .websites h2{font-size:39px;line-height:1.03;margin:0 0 9px;max-width:320px}
 .cinematic.on-city .websites h2 br{display:none}
 .cinematic.on-city .websites .project-controls{max-width:none}
 .cinematic.on-city .project-tabs{gap:0;justify-content:space-between;flex-wrap:nowrap;border-bottom:1px solid #ffffff20}
 .cinematic.on-city .project-tabs button{font-size:10px;min-height:44px;min-width:44px;padding:10px 1px;white-space:nowrap}
 .cinematic.on-city .project-detail{font-size:10px;line-height:1.5;margin:8px 0 0;min-height:15px}
 .cinematic.on-city .monument-visit{font-size:11px;padding:11px 0 5px;min-height:40px}
 .cinematic.on-city .shade{background:linear-gradient(180deg,#02060b 2%,#02060b66 9%,transparent 22%,transparent 51%,#020407df 66%,#020407 86%)}
 .cinematic.on-city .city-location{display:none}
 .cinematic.on-city .city-location span{font-size:10px}
}
@media(max-width:355px){
 .cinematic.on-city .websites .copy{left:20px;width:calc(100% - 40px);bottom:109px}
 .cinematic.on-city .websites h2{font-size:33px;margin-bottom:7px}
 .cinematic.on-city .project-tabs button{font-size:8.8px}
 .cinematic.on-city .project-detail{font-size:9px}
 .cinematic.on-city .city-location{left:20px;top:92px}
}

/* Physical Extoffice rigs in Saturn's orbit. The HTML remains the readable control layer. */
.commerce-controls{max-width:440px;margin:30px 0;position:relative;z-index:3;pointer-events:auto}
.commerce-tabs{display:flex;gap:26px;border-bottom:1px solid #b7a08436}
.commerce-tabs button{min-width:44px;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;background:none;color:#b4bac5;min-height:48px;padding:10px 0;font-size:12px;cursor:pointer}
.commerce-tabs button span{font-size:9px;color:#b49c79;margin-right:7px}
.commerce-tabs button[aria-pressed=true]{color:#fff2de;border-bottom-color:#decba5}
.commerce-description{padding-top:19px;min-height:77px}.commerce-name{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:23px;line-height:1.3;margin:0 0 7px}.commerce-detail{font-size:12px;color:#b6bdc9;line-height:1.5;margin:0}
.commerce-visit{min-height:44px;display:inline-flex;align-items:center;gap:23px;padding:9px 0}.commerce-disclosure{font-size:10px;line-height:1.5;color:#919aaa;margin:11px 0 0}
.cinematic .commerce .copy{top:23%;width:36%}.cinematic .commerce h2{font-size:clamp(48px,5.2vw,82px)}
.cinematic .commerce .support-copy{display:none}.cinematic .commerce-controls{position:absolute;left:var(--gutter);top:57%;width:33%;margin:0}
.cinematic.on-saturn .shade{background:linear-gradient(90deg,#03050dba,transparent 55%)}
.saturn-target{transform:none;border-radius:0;min-height:0;min-width:0}.saturn-target[hidden]{display:none}.saturn-target:focus-visible{background:#fff3cf15;outline:none;box-shadow:inset 0 0 0 3px #efd7a1}
.saturn-invite>span{font-size:12px}.saturn-invite{min-width:122px}.saturn-invite small{font-size:9px}
.still .commerce .copy{max-width:600px}.still .commerce-controls{margin-bottom:30px}.still .extoffice-display{margin-left:0;max-width:560px;background:#e2e1dc}.still .extoffice-display img{object-fit:contain}
@media(max-width:1100px) and (min-width:761px){.cinematic .commerce h2{font-size:49px}.commerce-tabs{gap:16px}.commerce-tabs button{font-size:11px}.commerce-name{font-size:20px}}
@media(max-width:760px){
 .cinematic .commerce .copy{top:13%;left:24px;width:calc(100% - 48px)}.cinematic .commerce h2{font-size:43px;line-height:1.02;margin-bottom:12px}.cinematic .commerce .overline{font-size:10px;margin-bottom:14px}.cinematic .commerce .lead{font-size:12px}.cinematic .commerce .support-copy{display:none}
 .cinematic .commerce-controls{top:auto;bottom:124px;left:24px;width:calc(100% - 48px);max-width:none;display:flex;flex-direction:column;align-items:flex-start}
 .commerce-tabs{gap:25px;order:2;width:100%;margin-top:5px}.commerce-tabs button{font-size:11px;min-height:44px}.commerce-tabs button span{font-size:8px;margin-right:5px}
 .commerce-description{padding-top:0;min-height:49px}.commerce-name{font-size:18px;margin-bottom:4px}.commerce-detail{font-size:10px}.commerce-visit{font-size:10px;min-height:44px;padding:8px 0;order:1}.commerce-disclosure{font-size:9px;margin:8px 0 0;order:3}
 .cinematic.on-saturn .shade{background:linear-gradient(180deg,#03050d66,transparent 34%,transparent 61%,#03050da8 79%)}
 .saturn-invite>span{font-size:10px}.saturn-invite small{font-size:8px}.saturn-invite{min-width:112px;min-height:44px;padding:7px 9px}
}
@media(max-width:355px){.cinematic .commerce .copy{left:20px;width:calc(100% - 40px);top:13%}.cinematic .commerce h2{font-size:36px}.cinematic .commerce-controls{left:20px;width:calc(100% - 40px);bottom:115px}.commerce-tabs{gap:24px}.commerce-detail{font-size:10px}.commerce-name{font-size:17px}}
@media(min-width:761px) and (max-height:740px){.cinematic .commerce .copy{top:21%}.cinematic .commerce .support-copy{display:none}.cinematic .commerce-controls{top:54%}.commerce-description{padding-top:12px;min-height:64px}}

/* A quiet orbital wordmark replaces the navigation furniture. */
.wordmark{position:relative;font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:400;letter-spacing:.035em;min-height:44px;display:flex;align-items:center;padding-right:15px}
.wordmark .brand-text{color:#e9edf0;background:linear-gradient(155deg,#fff 15%,#bccbd5 58%,#667f91);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-star{position:absolute;width:7px;height:7px;right:0;top:14px;background:#e1f2ff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.cinematic .intro .copy{top:32%;width:59%;max-width:900px}
.chapter h1.cosmic-word{position:relative;display:inline-block;width:max-content;font-family:Inter,Arial,sans-serif;font-size:clamp(90px,12.5vw,196px);font-weight:400;line-height:1.15;letter-spacing:-.03em;margin:0 0 28px}
.chapter h1.cosmic-word>span{position:relative;z-index:1;color:#e6edf1;background:radial-gradient(circle at 19% 45%,#fff 0,transparent 4%),radial-gradient(circle at 78% 28%,#fff 0,transparent 2%),linear-gradient(167deg,#fff 6%,#c9d5dd 36%,#819cad 61%,#d5e2eb 88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.word-orbit{position:absolute;left:-8%;top:26%;width:116%;height:52%;border:1px solid #a6c9df55;border-left-color:transparent;border-bottom-color:#afcee322;border-radius:50%;transform:rotate(-13deg);pointer-events:none}
.word-orbit:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#e8f4ff;right:14%;top:1%;box-shadow:0 0 14px 3px #9bc9ed55}
.intro-statement{font-family:Inter,Arial,sans-serif;font-size:clamp(21px,2.1vw,32px);letter-spacing:.005em;margin:0 0 21px;color:#e0e6ec}
.cinematic .intro .lead{font-size:clamp(14px,1.2vw,18px);color:#b0bbc6;line-height:1.8}
.chapter h2{letter-spacing:-.025em;line-height:1.04}
@media(max-width:760px){.wordmark{font-size:22px}.brand-star{top:13px}.cinematic .intro .copy{top:24%;width:calc(100% - 48px)}.chapter h1.cosmic-word{font-size:clamp(65px,19.3vw,140px);margin-bottom:25px}.intro-statement{font-size:21px;max-width:300px;line-height:1.3}.cinematic .intro .lead{font-size:13px}.word-orbit{left:-4%;width:109%}.cinematic .moon-flow{top:39%}.cinematic .systems .copy{top:12%}.cinematic .final-word{bottom:35px}}
@media(max-width:355px){.cinematic .intro .copy{width:calc(100% - 40px)}.chapter h1.cosmic-word{font-size:60px}.intro-statement{font-size:19px}.cinematic .systems .copy{top:13%}.cinematic .moon-flow{top:39%}}

/* 14 October: untextured lettering and a clear close-up before the impact. */
.wordmark{font-size:30px;font-weight:550;letter-spacing:-.03em}
.wordmark .brand-text,.chapter h1.cosmic-word>span{background:none;color:#e9eef3;-webkit-text-fill-color:currentColor}
.chapter h1.cosmic-word{font-weight:450;letter-spacing:-.03em;line-height:1.08}
.chapter h2{font-weight:380}
.intro-statement{font-weight:400}
.cinematic .inspection .copy{top:31%;width:45%;max-width:720px}
.inspection h2{font-size:clamp(40px,4.6vw,73px);line-height:1.12;letter-spacing:-.03em}
.inspection h2 span{color:#aebdcd}
.inspection .lead{font-size:14px;color:#aeb8c7;margin-top:25px}
.cinematic.on-inspection .shade{background:linear-gradient(90deg,#03050d99,transparent 55%)}
.cinematic.on-city .websites h2{font-size:clamp(42px,5vw,76px)}
@media(max-width:760px){
 .wordmark{font-size:27px}
 .cinematic .inspection .copy{top:17%;left:24px;width:calc(100% - 48px)}
 .cinematic .inspection h2{font-size:clamp(32px,9vw,44px);line-height:1.12;margin-bottom:18px}
 .inspection .lead{font-size:12px;margin-top:0}
 .cinematic.on-inspection .shade{background:linear-gradient(180deg,#03050d55,transparent 42%)}
 .cinematic.on-city .websites h2{font-size:42px}
}
@media(max-width:355px){.cinematic .inspection .copy{left:20px;width:calc(100% - 40px)}.cinematic .inspection h2{font-size:31px}.cinematic.on-city .websites h2{font-size:36px}}

.departure-copy{display:none;pointer-events:none}.cinematic .departure-copy{display:block;position:absolute;z-index:5;left:var(--gutter);top:25%;max-width:350px;opacity:0;text-shadow:0 2px 18px #000}.departure-copy>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9caebd}.departure-copy p{font-size:clamp(28px,3.5vw,48px);font-weight:380;letter-spacing:-.025em;margin:12px 0}.departure-copy small{display:block;font-size:14px;line-height:1.6;color:#bdc8d3;max-width:290px}@media(max-width:760px){.cinematic .departure-copy{top:18%;left:24px;right:24px;max-width:300px}.departure-copy small{font-size:12px;max-width:240px}}

.astronaut-quip{display:none}.cinematic .astronaut-quip{display:block;position:absolute;z-index:6;opacity:0;pointer-events:none;transform:translate(-50%,-100%);font-size:13px;color:#e4edf5;text-shadow:0 2px 7px #000;white-space:nowrap}

/* Keep the field console above the project controls. */
.cinematic.on-city .websites .copy{bottom:65px}
.cinematic.on-city .shade{background:linear-gradient(180deg,#01050b 2%,#01050b99 8%,transparent 22%,transparent 69%,#020407e8 91%,#020407)}
@media(max-width:760px){.cinematic.on-city .websites .copy{bottom:65px}.cinematic.on-city .shade{background:linear-gradient(180deg,#02060b 2%,#02060b55 9%,transparent 22%,transparent 60%,#020407dd 80%,#020407)}}

/* Keep the first text paint in its final position while the scene loads. */
.loading .stage{height:100svh}.loading .intro{position:absolute;inset:0;padding:0;background:none}.loading .intro .copy{position:absolute;padding:0;top:32%;left:var(--gutter);width:59%;max-width:900px}.loading .intro .lead{font-size:clamp(14px,1.2vw,18px);color:#b0bbc6;line-height:1.8}
@media(max-width:760px){.loading .intro .copy{top:24%;width:calc(100% - 48px)}.loading .intro .lead{font-size:13px}}
@media(max-width:355px){.loading .intro .copy{width:calc(100% - 40px)}}
/* Approved F typography: compact, readable panels with room for the scene. */
.cinematic .system-panel{position:absolute;left:var(--gutter);bottom:11%;width:475px;max-width:42%;padding:28px 30px;background:#071017ed;border-left:1px solid #a4c3c9}
.cinematic .systems .system-panel .copy,.cinematic .systems .system-panel .moon-flow{position:static;width:auto;max-width:none}
.cinematic .systems h2{font:500 36px/1.13 Inter,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 19px}
.cinematic .systems .lead{font-size:15px;line-height:1.65;margin:0 0 26px;color:#c6ced4}
.cinematic .systems .overline{font-size:13px;margin-bottom:19px;color:#c7d9de}.systems .planet-dot{display:none}
.cinematic .moon-steps{justify-content:space-between;gap:8px}.cinematic .moon-steps button{font-size:12px;color:#c6ced4}.cinematic .moon-steps button[aria-pressed=true]{color:#e0f0f2;border-color:#a4c3c9}
.cinematic .flow-story{padding-top:20px;min-height:86px}.cinematic .flow-story h3{font:500 17px/1.4 Inter,Arial,sans-serif;margin-bottom:9px}.cinematic .flow-story p{font-size:14px;color:#c6ced4;line-height:1.65}
.cinematic .inspection h2,.cinematic .commerce h2,.cinematic .finale h2{font-size:clamp(32px,3.3vw,46px);line-height:1.13;letter-spacing:-.025em}
.site-footer{padding:32px var(--gutter);background:#071017;color:#c6ced4;font-size:13px;line-height:1.7}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap}.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.cinematic .system-panel{left:20px;bottom:9%;width:calc(100% - 40px);max-width:none;padding:24px 22px}.cinematic .systems h2{font-size:32px}.cinematic .systems .lead{font-size:15px;margin-bottom:24px}.cinematic .moon-steps button{font-size:11px}.cinematic .flow-story h3{font-size:17px}.cinematic .flow-story p{font-size:14px}.cinematic .inspection h2,.cinematic .commerce h2,.cinematic .finale h2{font-size:32px}}
@media(max-width:355px){.cinematic .system-panel{padding:23px 18px}.cinematic .systems h2{font-size:29px}.cinematic .moon-steps button{font-size:10px}.cinematic .flow-story p{font-size:13px}}

/* Immediate scene preview; full WebGL starts on navigation intent for every visitor. */
.loading .world{position:absolute;background:#03050d url('/assets/galaxy-desktop.webp') center/cover no-repeat}
.loading .world canvas{visibility:hidden}
.preview .world{animation:galaxy-breathe 12s ease-in-out infinite alternate;transform-origin:65% 55%}
@keyframes galaxy-breathe{to{transform:scale(1.018)}}
.preview .journey{height:calc(100svh + 1100svh * var(--journey-distance,1))}.preview .stage{position:sticky;top:0;overflow:clip}.preview .header{position:fixed}
@media(max-width:760px){.loading .world{background-image:url('/assets/galaxy-mobile.webp')}.preview .journey{height:calc(100svh + 1220svh * var(--journey-distance,1))}}
@media(prefers-reduced-motion:reduce){.preview .world{animation:none}}

/* Native page scrolling stays available with touch, wheel and keyboard. */
html{overflow-x:clip}body{min-width:0}.world{touch-action:pan-y}


.still .world,.still .shade,.still .vignette{display:none}
.still .departure-copy,.still .astronaut-quip{display:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.still .project-tabs{flex-wrap:wrap;gap:6px 16px}

/* Landscape phones keep the same scroll journey with compact text framing. */
@media(max-height:599px){
 .cinematic .stage,.preview .stage{min-height:0}
}
@media(max-height:599px) and (min-width:600px){
 .cinematic .systems .overline{margin-bottom:8px}
 .cinematic .systems .lead{margin-bottom:10px}
 .cinematic .moon-steps{min-height:44px}
 .cinematic .flow-story{padding-top:10px;min-height:0}
 .cinematic .flow-story h3{font-size:16px;margin-bottom:4px}
 .cinematic .flow-story p{font-size:12px}
 .header{height:64px}.wordmark{font-size:26px}.crosshair{display:none}
 .cinematic .intro .copy,.loading .intro .copy{top:23%;width:55%}
 .cinematic .chapter h2{font-size:30px;line-height:1.1;margin-bottom:12px}
 .cinematic .lead{font-size:12px;line-height:1.5;margin-bottom:12px}
 .cinematic .system-panel{bottom:5%;width:390px;max-width:52%;padding:16px 20px}
 .cinematic .system-panel h2{font-size:25px}.cinematic .system-panel .lead{font-size:12px}
 .cinematic .moon-flow h3{font-size:16px}.cinematic .moon-flow p{font-size:11px}
 .cinematic .overline{margin-bottom:10px;font-size:10px}
}