@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101110;--fg:#eeeee7;--muted:#9a9c95;--orange:#ff6332;--line:#383a34;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Impact',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Manrope',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--orange);color:var(--bg)}:focus-visible{outline:2px solid var(--orange);outline-offset:7px}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
header{margin:0 4%;height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{position:relative;font-family:var(--display);font-style:italic;font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:.8;display:inline-block}.wordmark span{display:block;text-align:right;font:9px var(--mono);letter-spacing:5px;margin-top:8px}.wordmark i{position:absolute;height:3px;background:var(--bg);width:105%;left:-2%;top:16px;transform:rotate(-4deg)}.header-caption,.location{font:10px/1.8 var(--mono);letter-spacing:1px}.header-caption{margin-right:auto;margin-left:64px;color:var(--muted)}.location{text-align:right}.location span{display:block;color:var(--muted)}
.hero{min-height:810px;padding:40px 4% 0;position:relative;overflow:hidden}.eyebrow{position:relative;z-index:2;font:10px var(--mono);letter-spacing:1.7px;display:flex;align-items:center;gap:12px}.status-light{height:6px;width:6px;background:var(--orange);box-shadow:0 0 16px #ff633277;border-radius:50%}.edition{margin-left:auto;color:var(--muted)}h1{font:800 clamp(78px,10.6vw,180px)/.87 var(--display);letter-spacing:-.025em;margin:65px 0 34px;position:relative;z-index:1;pointer-events:none}h1>span{display:block}.impossible{position:relative;color:transparent;-webkit-text-stroke:1px var(--fg);white-space:nowrap}.impossible:after{content:attr(data-text);position:absolute;left:2px;top:0;color:var(--fg);-webkit-text-stroke:0;clip-path:inset(48% 0 48% 0);text-shadow:4px 0 #ff6332,-4px 0 #7fd1ed;animation:interference 9s infinite}.last-line{display:flex!important;align-items:center}.period{color:var(--orange)}.asterisk{font:100px/1 sans-serif;color:var(--orange);margin-left:40px;animation:turn 35s linear infinite}.scene{position:absolute;width:66%;height:680px;right:-3%;top:10px;pointer-events:none}canvas{width:100%;height:100%;display:block}.scene-label{position:absolute;bottom:40px;right:12%;font:9px/1.8 var(--mono);letter-spacing:.8px;color:#c0c2b6}.scene-label span{color:#777c72}.scene-cross{position:absolute;font:24px var(--mono);color:#7a7d70}.cross-one{top:50px;left:25%}.cross-two{bottom:120px;right:13%}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;padding-bottom:42px}.hero-bottom>p{font-size:14px;line-height:1.8;color:var(--muted)}.hero-bottom strong{font-weight:500;color:var(--fg)}.construction{width:31%;padding-top:20px;background:linear-gradient(90deg,transparent,#101110aa)}.tiny-label{font:9px/1.5 var(--mono);letter-spacing:.6px;color:var(--orange)}.construction p{font-size:23px;line-height:1.35;letter-spacing:-.6px;margin:15px 0 23px}.explore{font:9px var(--mono);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--muted);padding:0 0 13px;letter-spacing:1px}.explore span{font-size:23px}.explore:hover{color:var(--orange);border-color:var(--orange)}.hero-ruler{display:flex;align-items:center;gap:25px;font:8px var(--mono);color:var(--muted);letter-spacing:1px;padding:16px 0 25px}.ruler-line{height:1px;background:var(--line);flex:1}.ticker{background:var(--orange);color:#101110;overflow:hidden;padding:19px 0;transform:rotate(-1.5deg);margin:20px -1% 0;width:102%}.ticker>div{font:700 30px/1 var(--display);letter-spacing:1px;width:max-content;animation:marquee 30s linear infinite}.ticker b{margin:0 40px;font-size:26px;font-weight:400}.studio{padding:100px 4% 65px}.section-index{display:flex;justify-content:space-between;font:10px/1.7 var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:20px;letter-spacing:1px}.section-index>span{text-align:right}.studio-content{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:10%;padding:40px 0 60px}h2{font:700 clamp(65px,8vw,125px)/.92 var(--display);letter-spacing:-.02em;margin:0}h2 em{font-style:normal;color:var(--orange)}.studio-copy{max-width:330px;color:#b9bcb3;font-size:14px;line-height:1.8}.studio-copy p:last-child{font-size:11px;font-family:var(--mono);margin-top:30px}.orange-cross{font:40px var(--mono);color:var(--orange)}.disciplines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:1px}footer{margin:0 4%;padding:20px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>.wordmark{font-size:30px}footer>.wordmark i{top:11px}footer>span,footer button{font:9px var(--mono);letter-spacing:.5px;color:var(--muted)}footer button{background:none;border:0;padding:12px 0;cursor:pointer}footer button:hover{color:var(--fg)}footer button span{margin-left:10px;color:var(--orange)}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes interference{0%,92%,96%,100%{opacity:0;transform:translateX(0)}93%{opacity:1;transform:translateX(-5px)}95%{opacity:1;transform:translateX(5px)}}body.paused *,body.paused *:after{animation-play-state:paused!important}
@media(min-width:1600px){.hero{min-height:980px}.scene{height:850px}.hero-bottom{margin-top:70px}}
@media(max-width:760px){header{height:90px;margin:0 6%}.wordmark{font-size:34px}.header-caption{display:none}.location{font-size:8px}.hero{padding:30px 6% 0;min-height:0}.eyebrow{font-size:8px;letter-spacing:1px}.edition{display:none}h1{font-size:clamp(55px,12.9vw,98px);margin:160px 0 36px;line-height:.94;letter-spacing:-.02em}.asterisk{font-size:48px;margin-left:20px}.scene{width:115%;height:440px;right:-22%;top:5px}.scene-label{bottom:15px;right:25%;font-size:7px}.cross-one{left:15%}.cross-two{right:29%;bottom:70px}.hero-bottom{align-items:start;gap:25px;padding-bottom:30px}.hero-bottom>p{font-size:11px;margin-top:20px;flex:1}.construction{width:52%;padding-top:15px}.tiny-label{font-size:7px}.construction p{font-size:19px}.explore{font-size:7px;line-height:1.7;letter-spacing:.2px;gap:12px}.hero-ruler{font-size:7px;gap:12px}.ticker{margin-top:8px;padding:15px 0}.ticker>div{font-size:24px}.ticker b{margin:0 25px}.studio{padding:65px 6% 35px}.section-index{font-size:8px}.studio-content{grid-template-columns:1fr;gap:28px;padding:35px 0}h2{font-size:19vw}.studio-copy{max-width:100%;display:grid;grid-template-columns:30px 1fr;gap:0 16px;font-size:13px}.studio-copy p:last-child{grid-column:2;margin-top:10px}.disciplines{font-size:8px;letter-spacing:0;padding:18px 0}footer{margin:0 6%;flex-wrap:wrap;gap:28px 10px;padding-bottom:25px}footer>.wordmark{width:90px}footer>span{font-size:8px}footer>span:nth-of-type(1){text-align:right;flex:1}footer>span:nth-of-type(2){width:50%}footer button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important}}

/* Contain the intentionally tilted service strip without horizontal scrolling. */
body{overflow-x:clip}
@media(max-width:760px){h1{font-size:clamp(42px,12.9vw,98px)}.scene-label{display:none}}

/* Interactive frame sequence */
.reel{height:380vh;position:relative;background:#080908;border-top:1px solid var(--line)}
.reel-stage{position:sticky;top:0;height:100svh;min-height:480px;max-width:1800px;margin:auto;padding:28px 4%;display:flex;flex-direction:column;justify-content:center;gap:18px}
.reel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.reel-heading h2{font-size:clamp(28px,3.5vw,52px);margin-top:8px;letter-spacing:0}.reel-skip{font:9px var(--mono);color:var(--muted);white-space:nowrap}.reel-skip:hover{color:var(--orange)}
.reel-screen{position:relative;min-height:0;flex:1;background:#030403;overflow:hidden;display:grid;place-items:center;border:1px solid #272923}.reel-screen canvas{width:100%;height:100%;object-fit:contain;min-height:0;position:absolute;inset:0}#reel-loading{position:absolute;bottom:12px;right:12px;font:8px/1.6 var(--mono);padding:6px 10px;background:#101110cc;color:var(--fg);max-width:80%}
.reel-controls{display:flex;align-items:center;gap:20px}.reel-controls button{border:1px solid var(--line);color:var(--fg);background:transparent;width:44px;height:44px;cursor:pointer;flex-shrink:0}.reel-controls button:hover{border-color:var(--orange);color:var(--orange)}.reel-controls button:disabled{opacity:.3;cursor:default}.reel-scrubber{flex:1;min-width:0}.reel-scrubber>span{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;margin-bottom:8px;gap:8px}.reel-scrubber output{color:var(--orange);white-space:nowrap}.reel-scrubber input{width:100%;margin:0;accent-color:var(--orange);cursor:ew-resize;height:24px}.reel-footnote{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font:8px/1.6 var(--mono);letter-spacing:.8px}.reel-manual{height:auto}.reel-manual .reel-stage{position:relative}
@media(max-width:760px){.reel{height:300vh}.reel-stage{padding:24px 6%;gap:18px;min-height:420px}.reel-heading{align-items:flex-start}.reel-heading h2{font-size:30px;max-width:180px}.reel-skip{font-size:8px;margin-top:5px}.reel-screen{flex:0 0 auto;height:auto;aspect-ratio:16/9;width:100%;margin:auto 0}.reel-controls{gap:10px}.reel-controls button{width:32px;height:38px}.reel-scrubber>span{font-size:7px;letter-spacing:0}.reel-footnote{font-size:7px;letter-spacing:0}.reel-footnote>span:last-child{display:none}.reel-manual{height:auto}}
@media(prefers-reduced-motion:reduce){.reel{height:auto}.reel-stage{position:relative}}
/* Three connected worlds, with services inside each world. */
.worlds{border-top:1px solid var(--line)}.worlds-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:35px 0}.worlds-heading h3{font:600 28px/1.1 var(--display);letter-spacing:.5px;margin:0}.worlds-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.world{border-top:1px solid var(--line)}.world summary{list-style:none;display:grid;grid-template-columns:110px 1.3fr 1fr 25px;align-items:center;gap:22px;cursor:pointer;padding:30px 0}.world summary::-webkit-details-marker{display:none}.world-number{font:9px var(--mono);color:var(--muted)}.world-title{font:600 clamp(28px,3.7vw,58px)/1 var(--display);letter-spacing:-.5px}.world-title i{font-style:normal;color:var(--orange)}.world-promise{font-size:12px;line-height:1.7;color:var(--muted);max-width:220px}.world-toggle{font:30px var(--mono);color:var(--orange);transition:transform .25s}.world[open] .world-toggle{transform:rotate(45deg)}.world summary:hover .world-title{color:var(--orange)}.world-body{padding:0 47px 35px 132px;display:grid;grid-template-columns:1.3fr 1fr;gap:45px}.world-body>p{max-width:390px;font-size:13px;color:#b9bcb3;line-height:1.9;margin:0}.world-body ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.world-body li{font:10px/1.5 var(--mono);color:var(--fg);padding-left:16px;position:relative}.world-body li:before{content:'↗';color:var(--orange);position:absolute;left:0}.worlds-throughline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:30px;align-items:center;padding:24px 0}.worlds-throughline>span{font:9px var(--mono);color:var(--orange);white-space:nowrap}.worlds-throughline p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:760px){.worlds-heading{display:block;padding:28px 0}.worlds-heading h3{font-size:26px}.worlds-heading p{font-size:11px;margin-top:18px}.world summary{grid-template-columns:1fr 24px;gap:12px;padding:23px 0}.world-number{grid-column:1;font-size:8px}.world-title{grid-column:1;font-size:clamp(30px,8vw,48px)}.world-promise{grid-column:1;font-size:11px;max-width:none}.world-toggle{grid-column:2;grid-row:2}.world-body{padding:0 0 28px;grid-template-columns:1fr;gap:22px}.world-body>p{font-size:12px}.world-body ul{gap:10px}.worlds-throughline{display:block}.worlds-throughline p{margin-top:12px;line-height:1.7}}
@media(max-width:760px){.reel-screen{margin:0}.reel-stage{justify-content:center}}