/* The opening is one connected architectural walkthrough, driven by the scroll position. */
.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}
.journey{height:680vh}.stage{min-height:580px}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b242940,transparent 30%,transparent 88%,#102d3333);z-index:1}.hero-copy,.coordinates,.chapter,.scene-footer{z-index:2}.coordinates{top:120px}.hero-copy{top:27%;left:4%;width:92%}.hero-copy h1{font-size:clamp(150px,24vw,390px);line-height:.78;letter-spacing:-.085em;font-weight:700;margin-top:35px}.hero-copy h1 sup{font:18px 'Space Grotesk';vertical-align:top;letter-spacing:0;display:inline-block;margin:12px 0 0 15px}.hero-copy .eyebrow{color:#e6bd69;font-size:11px;letter-spacing:2.5px}.hero-bottom{gap:45px;margin-top:40px;align-items:flex-end}.hero-bottom p{font-size:clamp(14px,1.5vw,22px);line-height:1.55;font-weight:500;text-shadow:0 2px 16px #0c2931}.hero-bottom .round-link{font-size:12px;margin-bottom:4px}.chapter{top:auto;bottom:15%;left:5%;max-width:580px;text-shadow:0 3px 35px #102d33,0 2px 7px #102d33}.chapter h2{font-size:clamp(40px,4.5vw,72px);line-height:1.04;font-weight:600;margin:17px 0 20px;letter-spacing:-.055em}.chapter>.eyebrow{color:#f3c271}.chapter>p:last-child{font-size:15px;color:var(--paper);line-height:1.6}.chapter-two{left:auto;right:5%;top:36%;bottom:auto;max-width:600px}.chapter-three{bottom:17%;left:5%}.chapter-three h2{font-size:clamp(45px,6vw,92px)}.scene-footer{bottom:27px}.scroll-cue b{color:#e6bd69}.portal{position:absolute;z-index:8;background:#121d26;color:var(--paper);opacity:0;overflow:hidden;pointer-events:none;container-type:inline-size;box-shadow:0 0 0 3px #14282d;will-change:width,height,left,top}.portal-inner{width:100%;height:100%;padding:3.2cqw 4cqw 2cqw;display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 0%,#243841,#121d26 60%)}.portal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #53676b55;padding-bottom:1.6cqw;font: .65cqw monospace;letter-spacing:.1cqw}.portal-top .logo{font-size:2.15cqw}.portal-top sup{font-size:.7cqw}.portal-status i{display:inline-block;width:.4cqw;height:.4cqw;background:var(--acid);border-radius:50%;margin-right:.5cqw}.portal-heading{position:relative;padding:2.7cqw 0 2.2cqw}.portal-heading .eyebrow{font-size:.65cqw;letter-spacing:.16cqw;color:#adc0be}.portal-heading h2{font-size:5.4cqw;line-height:1.02;margin-top:1.3cqw;letter-spacing:-.3cqw}.portal-heading>p:last-child{position:absolute;right:0;bottom:2.5cqw;font-size:.9cqw;max-width:20cqw;line-height:1.7;color:#a5b8b5}.portal-projects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2cqw;flex:1;min-height:0;max-height:27cqw}.portal-card{position:relative;overflow:hidden;text-align:left;border:0;padding:1.5cqw;min-height:16cqw;transition:border-radius .4s}.portal-card:hover{border-radius:1.8cqw}.portal-card>span{position:absolute;top:1.5cqw;left:1.5cqw;font:.6cqw monospace;letter-spacing:.06cqw;z-index:2}.portal-card h3{position:absolute;bottom:1.5cqw;left:1.5cqw;right:1.5cqw;font-size:2.7cqw;font-weight:500;letter-spacing:-.1cqw;line-height:1}.portal-card b{float:right;font-weight:400}.portal-a{background:#b9cbe7;color:#2342b6}.portal-b{background:#dd795a;color:#273d37}.portal-c{background:#d6ef91;color:#203f36}.mini-orb{position:absolute;left:25%;top:19%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e3ecfa,#5071c8 60%,#1c388b);box-shadow:1cqw 1.5cqw 2cqw #193c9f33;animation:float-art 6s ease-in-out infinite}.mini-orb:after{content:'';position:absolute;inset:28% -15%;border:.9cqw solid #d4e2f6;border-radius:50%;transform:rotate(-30deg);box-shadow:0 .4cqw 0 #8da4d3}.mini-tiles{font-size:7cqw;font-family:'Space Grotesk';font-weight:700;position:absolute;left:16%;top:26%;transform:rotate(-12deg);color:#d6e7ae;line-height:1;background:#2b4437;border-radius:1.1cqw;padding:.3cqw 1cqw;white-space:nowrap}.mini-flux{font:22cqw/.4 'Space Grotesk';position:absolute;top:27%;left:8%;transform:rotate(-25deg);color:#214a38}.portal-bottom{display:flex;justify-content:space-between;padding-top:1.7cqw;font:.65cqw monospace;letter-spacing:.1cqw;color:#a5b8b5}.portal-bottom a{color:var(--acid)}header{transition:opacity .35s,transform .35s}.inside-portfolio header{opacity:0;pointer-events:none;transform:translateY(-100%)}.scene-fallback .journey{height:100svh}.scene-fallback .hero-copy{display:none}.scene-fallback #world{display:none}#scene-fallback{position:absolute;inset:0;padding:150px 7% 60px;background:radial-gradient(at 80% 30%,#286269,#102d33)}#scene-fallback>span{font-size:110px;color:var(--acid)}#scene-fallback p{font:600 70px/1 'Space Grotesk';letter-spacing:-4px;margin:20px 0 30px}#scene-fallback a{border-bottom:1px solid;padding-bottom:10px}.scene-fallback .chapter,.scene-fallback .scene-footer{display:none}
@keyframes float-art{50%{transform:translateY(-.5cqw) rotate(5deg)}}
@media(max-width:760px){.journey{height:600vh}.coordinates{top:100px}.hero-copy{top:28%;left:5%;width:90%}.hero-copy h1{font-size:25vw;margin-top:22px}.hero-copy h1 sup{font-size:10px;margin-left:8px;margin-top:3px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-bottom{margin-top:30px;gap:20px}.hero-bottom p{font-size:14px;max-width:265px;line-height:1.65}.hero-bottom .round-link{font-size:11px}.chapter{left:6%;right:6%;bottom:13%;max-width:none;top:auto;text-align:left}.chapter h2{font-size:43px;line-height:1.04}.chapter p.eyebrow{font-size:8px}.chapter>p:last-child{font-size:12px}.chapter-two{top:18%;bottom:auto}.chapter-two h2{font-size:39px}.chapter-three{bottom:14%}.chapter-three h2{font-size:50px}.scene-footer>span:first-child{max-width:100px}.scene-footer{font-size:6px}.scroll-cue{max-width:130px;text-align:center}.portal-inner{padding:9cqw 6cqw 6cqw}.portal-top .logo{font-size:5.5cqw}.portal-top>span:nth-child(2){display:none}.portal-top{font-size:1.8cqw;padding-bottom:4cqw}.portal-top sup{font-size:1.5cqw}.portal-heading{padding:8cqw 0 6cqw}.portal-heading .eyebrow{font-size:1.5cqw;letter-spacing:.2cqw}.portal-heading h2{font-size:10cqw;margin-top:3cqw;letter-spacing:-.5cqw}.portal-heading>p:last-child{position:static;max-width:70cqw;font-size:2.5cqw;line-height:1.6;margin-top:4cqw}.portal-projects{grid-template-columns:1fr;gap:2cqw;max-height:none}.portal-card{min-height:21cqw;padding:3cqw}.portal-card>span{font-size:1.5cqw;top:3cqw;left:3cqw}.portal-card h3{font-size:5.5cqw;left:3cqw;right:3cqw;bottom:3cqw;letter-spacing:-.2cqw}.mini-orb{width:16%;left:60%;top:7%}.mini-orb:after{border-width:.8cqw}.mini-tiles{font-size:8cqw;left:58%;top:20%}.mini-flux{font-size:31cqw;left:56%;top:12%}.portal-bottom{font-size:1.5cqw;gap:4cqw;padding-top:4cqw}.portal-bottom span{max-width:40cqw;line-height:1.7}.portal-bottom a{max-width:35cqw;text-align:right;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.mini-orb{animation:none}}