@import url('./guided-flight.css?v=20261028-rc4');
@import url('./tokens.css?v=20261028-rc4');
@import url('./arrival.css?v=20261028-rc4');
@import url('./closing.css?v=20261028-rc4');.experience-content *{box-sizing:border-box}
.experience-content{background:var(--surface);color:var(--ink);scrollbar-color:var(--accent) var(--surface)}
.experience-content{margin:0;font-size:var(--body-size);line-height:1.5}
.experience-content a{color:inherit;text-decoration:none}
.experience-content button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.experience-content a,.experience-content button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.experience-content button:disabled{opacity:.35;cursor:default}
.experience-content a:focus-visible,.experience-content button:focus-visible,.experience-content [tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:6px}
.experience-content ::selection{background:var(--accent);color:var(--surface)}
.experience-content h1,.experience-content h2,.experience-content p,.experience-content figure{margin:0}
.experience-content img{display:block;max-width:100%;height:auto}
.experience-content svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.experience-content .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.experience-content [hidden]{display:none!important}
.experience-content .ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--surface)}
.experience-content .ambient canvas{width:100%;height:100%;display:block}
.experience-content .story{position:relative;z-index:1}
.experience-content .stage{position:relative}
.experience-content .hero{position:relative;min-height:100svh;padding:clamp(112px,14vh,170px) var(--gutter) 0;overflow:clip}
.experience-content .hero h1{font-size:13.1vw;line-height:.88;letter-spacing:-.04em;font-weight:800;font-stretch:88%;white-space:nowrap}
.experience-content .hero h1 em{color:var(--accent);font-weight:770}
.experience-content .intro{display:flex;justify-content:space-between;gap:32px;margin-top:clamp(30px,5vh,60px)}
.experience-content .role{font-size:clamp(28px,3.45vw,68px);line-height:.98;letter-spacing:-.035em;font-weight:680}
.experience-content .role em{font-weight:470}
.experience-content .description{font-size:clamp(15px,1.2vw,20px);line-height:1.55}
.experience-content .text-link{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-height:44px;padding:5px 0;border-bottom:1px solid currentColor;font-size:14px}
.experience-content .description .text-link{margin-top:16px;width:100%}
.experience-content .text-link svg{transition:transform .3s var(--ease)}
.experience-content .text-link:hover svg{transform:translate(3px,-3px)}
.experience-content .project{position:relative;padding:calc(var(--header-height) + 26px) var(--gutter) 90px;color:var(--space-ink);background:var(--space);--focus:var(--ice)}
.experience-content .project-inner{max-width:var(--max-content);margin:auto}
.experience-content .project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}
.experience-content .project h2{font-size:var(--title-size);font-weight:560;line-height:.98;letter-spacing:-.04em}
.experience-content .project .sequence{font-size:13px;font-variant-numeric:tabular-nums;color:var(--space-muted);white-space:nowrap}
.experience-content .project-picture{display:block;perspective:1400px}
.experience-content .project-picture img{width:100%;height:auto;object-fit:contain}
.experience-content .project-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:18px}
.experience-content .project-footer .text-link{min-width:186px}
.experience-content .reel{display:none}
.experience-content .fallback-note{position:relative;margin:12px var(--gutter);color:var(--muted);font-size:14px}
html[data-layout=wide] .experience-content .story{height:var(--story-height,780svh)}
html[data-layout=wide] .experience-content .stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate}
html[data-layout=wide] .experience-content .hero{position:absolute;inset:0}
html[data-layout=wide] .experience-content .project{position:absolute;inset:0;visibility:hidden;opacity:0;background:transparent;padding:calc(var(--header-height) + 20px) var(--gutter) 74px}
html[data-layout=wide] .experience-content .project-inner{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
html[data-layout=wide] .experience-content .project-heading{margin-bottom:22px}
html[data-layout=wide] .experience-content .project-picture{min-height:0;display:flex;align-items:center;justify-content:center}
html[data-layout=wide] .experience-content .project-picture img{width:100%;height:100%;object-fit:contain}
html[data-layout=wide] .experience-content .project-footer{margin-top:12px}
html[data-layout=wide] .experience-content .reel{position:absolute;bottom:14px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:12px;z-index:4;color:var(--space-ink);opacity:0;visibility:hidden}
.experience-content .reel button{width:44px;height:44px;display:grid;place-items:center}
.experience-content .reel span{font-size:13px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.experience-content .reel a{margin-left:auto;font-size:13px;min-height:44px;display:flex;align-items:center;gap:18px}
html[data-layout=flow] .experience-content .hero-runway{height:210svh}
html[data-layout=flow] .experience-content .hero-runway + .project{margin-top:calc(-1 * var(--project-entry-overlap))}
html[data-layout=flow] .experience-content .hero{position:sticky;top:0;height:100svh}
html[data-layout=flow] .experience-content .project{background:transparent;min-height:100svh;padding-top:calc(var(--header-height) + 48px);padding-bottom:100px}
html[data-layout=flow] .experience-content .project+.project{margin-top:12svh}

@media(max-width:600px){
.experience-content .hero{padding-top:112px}
.experience-content .hero h1{font-size:12.2vw;font-stretch:79%;line-height:1.05}
.experience-content .intro{display:block;margin-top:40px}
.experience-content .role{font-size:clamp(28px,7.7vw,40px)}
.experience-content .description{margin-top:24px;font-size:15px}
.experience-content .description .text-link{width:230px}
.experience-content .project{padding-left:var(--gutter);padding-right:var(--gutter)}
.experience-content .project-heading{margin-bottom:28px;align-items:flex-end}
.experience-content .project h2{max-width:9ch}
.experience-content .project-picture{width:100%;max-width:390px;margin:0 auto}
.experience-content .project-footer{justify-content:stretch;margin-top:26px}
.experience-content .project-footer .text-link{width:100%}
}
@media(min-width:601px) and (max-width:1023px){.experience-content .project-heading{margin-bottom:36px}
.experience-content .project-footer{margin-top:28px}
.experience-content .hero .intro{gap:20px}
.experience-content .hero h1{font-size:12.8vw}
.experience-content .description{font-size:15px}
html[data-layout=flow] .experience-content .project{min-height:0;padding-bottom:120px;display:flex;align-items:flex-start}
.experience-content .project-inner{width:100%}
}
@media(max-height:650px){.experience-content .hero{padding-top:95px}
.experience-content .intro{margin-top:24px}
.experience-content .role{font-size:28px}
.experience-content .hero{min-height:560px}
}
@media(prefers-reduced-motion:reduce){.experience-content *,.experience-content *::before,.experience-content *::after{scroll-behavior:auto!important}
.experience-content .text-link svg{transition:none}
}

@media(max-width:360px){.experience-content .hero{padding-top:98px}.experience-content .intro{margin-top:28px}.experience-content .description{margin-top:18px}.experience-content .role{font-size:27px}.experience-content .beacon-stars{transform:scale(.44)}}
@media(max-height:700px) and (max-width:600px){.experience-content .hero{padding-top:96px}.experience-content .intro{margin-top:26px}.experience-content .description{margin-top:18px}.experience-content .description .text-link{margin-top:10px}}
html[data-arrival-veil=true] .experience-content{background:var(--space)}