.spatial-photo{padding-block:110px 120px}.spatial-heading{grid-template-columns:1.25fr 1fr;align-items:end;gap:18px 60px;margin-bottom:44px;display:grid}.spatial-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.spatial-heading h2{letter-spacing:-.065em;font-size:clamp(42px,6vw,88px);line-height:1.02}.spatial-heading>p:last-child{color:var(--muted);max-width:340px;margin-bottom:5px;line-height:1.8}.spatial-frame{aspect-ratio:1.8;isolation:isolate;border:1px solid var(--line);background:#091519;border-radius:32px;position:relative;overflow:hidden}.spatial-frame>img,.spatial-frame>canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}[data-spatial]>canvas{opacity:0;pointer-events:none;transition:opacity .7s;display:block}[data-spatial][data-ready=true]>canvas{opacity:1}.spatial-image-caption{bottom:0;color:#e8f6f7;pointer-events:none;background:linear-gradient(#0000,#061217e8);justify-content:space-between;gap:15px;padding:42px 32px 24px;font-size:12px;display:flex;position:absolute;inset-inline:0}.spatial-reticle{pointer-events:none;border:1px solid #e3ffef88;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spatial-reticle:before,.spatial-reticle:after{content:"";background:#e3ffef88;position:absolute}.spatial-reticle:before{width:1px;height:44px;top:-7px;left:50%}.spatial-reticle:after{width:44px;height:1px;top:50%;left:-7px}.spatial-tools{color:var(--muted);align-items:center;gap:18px;padding-block:22px;font-size:12px;display:flex}.spatial-tools label{white-space:nowrap;color:var(--ink);gap:14px;margin:0;display:inline-flex}.spatial-tools input{width:160px;accent-color:var(--accent);min-height:44px;margin:0}.spatial-tools>span{text-align:right;margin-left:auto}.portal-journey{view-timeline-name:--journey;view-timeline-axis:block;height:300svh;position:relative}.journey-stage{isolation:isolate;color:#edf8f7;background:#050b10;height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.journey-stage>canvas,.journey-fallback,.journey-vignette{width:100%;height:100%;position:absolute;inset:0}.journey-vignette{pointer-events:none;background:linear-gradient(90deg,#050b10a8,#0000 75%),linear-gradient(#050b1050,#0000 25% 70%,#050b10c9)}.journey-fallback{perspective:650px;place-items:center;display:grid}.journey-fallback span{border:1px solid var(--accent);width:70%;height:78%;transform:translateZ(calc(var(--ring) * -120px)) rotate(calc(var(--ring) * 7deg));opacity:.5;border-radius:20%;position:absolute}.journey-header{color:#c9e6e7;justify-content:space-between;align-items:center;padding-top:115px;font-size:11px;display:flex;position:relative}.journey-header a{color:#edf8f7;align-items:center;gap:15px;min-height:44px;display:inline-flex}.journey-copy{pointer-events:none;transform:translateY(calc(var(--journey-progress,0) * -60px));opacity:clamp(0, calc(1 - var(--journey-progress,0) * 3), 1);padding-top:clamp(50px,10vh,120px);position:relative}.journey-copy .eyebrow{color:#c9e6e7}.journey-copy h2{letter-spacing:-.065em;max-width:800px;font-size:clamp(56px,8vw,116px);line-height:.98}.journey-intro{color:#c9e6e7;margin-top:26px;font-size:16px;line-height:1.7}.journey-chapter{pointer-events:none;position:absolute;bottom:65px;left:0;right:0}.journey-chapter .mono{color:#c9e6e7;font-size:11px}.journey-chapter p{letter-spacing:-.035em;margin-top:12px;font-size:clamp(20px,3vw,40px)}.journey-track{bottom:34px;background:#ffffff30;height:1px;position:absolute;inset-inline:0}.journey-track span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--journey-progress,0));background:var(--accent);display:block}.journey-accessible{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lab-panel{view-transition-name:none}.lab-console::view-transition-group(*){animation-duration:.28s}@supports (corner-shape:squircle){.spatial-frame{corner-shape:squircle;border-radius:48px}}@supports (animation-timeline:view()){.journey-track span{animation:linear both journey-progress --journey;animation-range:contain}@keyframes journey-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (width<=767px){.spatial-photo{padding-block:70px}.spatial-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.spatial-heading h2{font-size:48px}.spatial-frame{aspect-ratio:.95;border-radius:22px}.spatial-image-caption{flex-direction:column;gap:6px;padding:36px 18px 18px;font-size:10px}.spatial-tools{flex-wrap:wrap;gap:5px 16px}.spatial-tools input{flex:1}.spatial-tools>span{text-align:left;width:100%;margin:0}.portal-journey{height:250svh}.journey-header{padding-top:100px;font-size:10px}.journey-header a{gap:6px}.journey-copy{padding-top:70px}.journey-copy h2{font-size:58px}.journey-chapter{bottom:70px}}@media (forced-colors:active){.spatial-image-caption,.journey-stage{color:canvastext;background:canvas}}.spatial-photo,.portal-journey{scroll-margin-top:100px}.spatial-heading h2,.journey-copy h2{text-wrap:balance}.journey-header a:hover{text-underline-offset:5px;text-decoration:underline}html:not([data-effects]) .portal-journey,.portal-journey:has([data-renderer=fallback]){height:100svh}