:root{color-scheme:dark;--ink:#e9eaec;--secondary:#9b9ea5;--paper:#080a0d;--cut:22px;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:280px;background:var(--paper)}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:#e4e7ed;color:#0b0d12}
.environment{position:fixed;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 0 0,#010203 0%,rgba(1,2,3,.85) 16%,rgba(1,2,3,0) 60%),radial-gradient(ellipse at 80% 52%,#151a23 0%,#0b0e13 43%,#080a0d 76%);transition:transform .65s cubic-bezier(.22,.7,.25,1),opacity .5s}
.orbital-fallback,#depth-field,.environment-shade{position:absolute;width:100%;height:100%;inset:0}
#depth-field{opacity:.8}
.has-depth-field .orbital-fallback{visibility:hidden}
.environment-shade{background:linear-gradient(180deg,rgba(8,10,13,.25),transparent 40%,rgba(8,10,13,.18) 75%,#080a0d),radial-gradient(ellipse at 32% 48%,rgba(8,10,13,.55),transparent 65%)}
.site-shell{position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:43px 4.2% 30px;gap:45px}
.threshold{width:100%;max-width:1320px;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:64px 0;transition:transform .55s ease,opacity .4s ease}
.identity{text-align:center}
.eyebrow{font-size:9px;letter-spacing:.31em;font-weight:400;margin:0 0 28px;color:#a2a6ae}
.wordmark{font-size:clamp(64px,11.55vw,170px);height:1em;display:flex;align-items:center;justify-content:center;line-height:1;margin:0}
.wordmark img{display:block;width:100%;height:100%;object-fit:contain}
.gateways{display:grid;grid-template-columns:1fr 1fr;gap:25px;width:min(790px,78%);margin:65px auto 0;scroll-margin-top:30px}
.gateway{position:relative;display:flex;align-items:center;min-width:0;min-height:111px;isolation:isolate;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));background:linear-gradient(115deg,rgba(8,10,14,.96),rgba(5,7,10,.94));transition:background .4s,transform .55s cubic-bezier(.22,.7,.25,1),opacity .35s}
.gateway-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:1;pointer-events:none}
.frame-base{stroke:#5a5f68;transition:stroke .35s}
.gateway-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s}
.gateway.is-light-active .gateway-light{opacity:1;filter:brightness(1.35)}
.gateway-content{display:block;width:100%;padding:20px 31px}
.gateway-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:25px;letter-spacing:.075em;font-weight:400;line-height:1.25}
.gateway-description{display:block;font-size:11px;line-height:1.5;color:#a0a4ad;margin-top:13px;letter-spacing:.07em;text-transform:uppercase}
.gateway-arrow-window{display:block;flex:0 0 18px;width:18px;height:18px;overflow:visible}
.gateway-arrow{display:block;width:18px;height:18px;fill:none;stroke:#aeb3bd;stroke-width:1;transition:stroke .3s}
@media(hover:hover){.gateway:hover{background:linear-gradient(115deg,rgba(16,20,27,.96),rgba(9,12,17,.94))}.gateway:hover .frame-base{stroke:#8c929c}.gateway:hover .gateway-arrow{stroke:#fff;animation:arrow-flight .56s both}}
.gateway:focus-visible{outline:none;background:rgba(16,20,27,.96)}
.gateway:focus-visible .frame-base{stroke:#fff;stroke-width:2}
.gateway:focus-visible .gateway-arrow{stroke:#fff;animation:arrow-flight .56s both}
.site-footer{min-height:44px;display:flex;align-items:center;justify-content:center}
.copyright{font-size:9px;color:#969aa2;letter-spacing:.14em}
.return-link:focus-visible{outline:1px solid white;outline-offset:7px}
.departure{position:fixed;inset:0;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .55s cubic-bezier(.6,0,.9,.55);z-index:10}
body[data-leaving="labs"] .departure{background:#030607}
body[data-leaving] .departure{opacity:1;pointer-events:auto}
body[data-leaving] .threshold{transform:translateY(-12px) scale(.985)}
body[data-leaving] .gateway:not(.is-selected){opacity:.15}
body[data-leaving] .gateway.is-selected{transform:scale(1.045)}
body[data-leaving=labs] .environment{transform:scale(1.12) translateX(3%)}
body[data-leaving=studios] .environment{transform:scale(1.12) translateX(-3%)}
body[data-leaving] .frame-base{stroke:#f2f4f8}
.is-reduced-motion *,.is-reduced-motion *::before,.is-reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.is-reduced-motion .gateway-light{display:none}
.skip-link{position:fixed;z-index:30;top:10px;left:20px;padding:12px 18px;background:#f2f4f8;color:#080a0d;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes arrow-flight{0%{transform:translate(0,0);opacity:1;animation-timing-function:cubic-bezier(.4,0,1,1)}32%{opacity:0}44%{transform:translate(20px,-20px);opacity:0}45%{transform:translate(-20px,20px);opacity:0;animation-timing-function:cubic-bezier(0,.55,.25,1)}100%{transform:translate(0,0);opacity:1}}
@media(min-width:1700px){.wordmark{font-size:170px}}
/* Compact 1080p desktop composition; tall desktops and smaller layouts retain their existing sizing. */
@media(min-width:1700px) and (max-width:2048px) and (min-height:750px) and (max-height:1120px){:root{--gateway-layout:compact}.threshold{max-width:990px;padding:48px 0}.wordmark{font-size:127.5px}.eyebrow{font-size:8px;margin-bottom:21px}.gateways{width:min(592.5px,78%);gap:18.75px;margin-top:49px}.gateway{min-height:84px;--cut:16.5px}.gateway-content{padding:15px 23px}.gateway-heading{font-size:20px;gap:15px}.gateway-description{font-size:9px;margin-top:10px}.gateway-arrow-window{flex-basis:14px;width:14px;height:14px}.gateway-arrow{width:14px;height:14px}}
/* The confirmed Retina MacBook viewport is 1512 x 982 CSS pixels. */
@media(min-width:1450px) and (max-width:1599px) and (min-height:750px) and (max-height:1050px){:root{--gateway-layout:compact}.threshold{max-width:51.5625vw;padding:2.5vw 0}.wordmark{font-size:6.640625vw}.eyebrow{font-size:8px;margin-bottom:1.09375vw}.gateways{width:30.859375vw;gap:.9765625vw;margin-top:2.5520833333vw}.gateway{min-height:84px;--cut:16.5px}.gateway-content{padding:15px 23px}.gateway-heading{font-size:20px;gap:15px}.gateway-description{font-size:9px;margin-top:10px}.gateway-arrow-window{flex-basis:14px;width:14px;height:14px}.gateway-arrow{width:14px;height:14px}}
@media(max-width:1000px){.site-shell{padding:32px 5% 24px}.gateways{width:86%;gap:20px;margin-top:54px}.gateway-content{padding:20px 25px}.gateway-heading{font-size:23px}.wordmark{font-size:12vw}}
@media(max-width:600px){.site-shell{padding:25px 24px 16px;gap:38px}.threshold{padding:64px 0 32px}.eyebrow{font-size:8px;letter-spacing:.21em;margin-bottom:23px}.wordmark{font-size:12vw;letter-spacing:-.065em}.gateways{grid-template-columns:1fr;width:100%;gap:16px;margin-top:43px}.gateway{min-height:98px;--cut:19px}.gateway-content{padding:16px 27px}.gateway-heading{font-size:24px}.gateway-description{margin-top:11px;font-size:11px}.copyright{font-size:8px;letter-spacing:.1em}.environment{background:radial-gradient(ellipse at 0 0,#010203,rgba(1,2,3,0) 65%),radial-gradient(ellipse at 95% 45%,#151a23,#080a0d 73%)}#depth-field{opacity:.6}}
@media(max-height:740px) and (min-width:601px){.threshold{padding-bottom:40px}}
@media(max-height:650px) and (min-width:601px){.site-shell{padding-top:24px;padding-bottom:14px;gap:24px}.threshold{padding:10px 0 20px}.eyebrow{margin-bottom:17px}.wordmark{font-size:min(11.5vw,130px)}.gateways{margin-top:32px}.gateway{min-height:96px}.gateway-content{padding:16px 28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gateway-light{display:none}}
/* Destination shells are deliberately small, clearly labeled review endpoints. */
.destination-shell{min-height:100svh;display:flex;flex-direction:column;justify-content:center;max-width:760px;margin:auto;padding:70px 30px}
.destination-shell h1{font-weight:500;font-size:clamp(48px,10vw,96px);letter-spacing:-.04em;margin:18px 0 24px}
.preview-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9fa6b2}
.destination-shell p{font-size:15px;line-height:1.8;color:#b1b6bf;max-width:540px}
.destination-shell .return-link{align-self:flex-start;margin-top:28px;font-size:12px;border-bottom:1px solid #606772;padding:10px 0}