@font-face{font-family:Geist;src:url('assets/geist.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:100 900}
:root{color-scheme:dark;--ground:#030608;--ink:#f1f2eb;--muted:#d8e6e4;--glass:#08141ded;--edge:#697a80;--focus:#bde8f2;--header:106px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:var(--header);scrollbar-color:var(--edge) var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-family:Geist,Arial,sans-serif;font-size:16px;line-height:1.55}::selection{background:var(--focus);color:var(--ground)}a{color:inherit;text-underline-offset:.25em}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex='-1']:focus{outline:3px solid var(--focus);outline-offset:5px}input,textarea{caret-color:var(--focus)}.glass{background:var(--glass);border:1px solid var(--edge);border-radius:28px;backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 1px #ffffff1f,0 14px 40px #0000003d}header{position:fixed;z-index:20;top:16px;left:2%;right:2%;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:12px}.brand{display:flex;align-items:center;min-height:44px}.brand img{width:160px;height:48px;object-fit:contain}nav{display:flex;gap:8px}nav a{padding:10px 12px;min-height:44px;text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:fixed;top:0;left:10px;z-index:40;transform:translateY(-180%);padding:14px;background:var(--ink);color:var(--ground)}.skip:focus{transform:none}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--ink);border-radius:13px;background:var(--ink);color:#132c39;text-decoration:none;font-size:.9375rem;line-height:1.35}.button:hover,button:hover{background:#d8e6e4}.secondary{background:transparent;color:var(--ink);border-color:var(--edge)}.secondary:hover{background:#182c37;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.continue{min-height:44px;display:inline-flex;align-items:center}.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.world img{width:100%;height:100%;object-fit:cover}h1,h2,h3{text-wrap:balance;line-height:1.08;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5vw,5.5rem);margin:0 0 24px}h2{font-size:clamp(2rem,4vw,3.75rem);margin:0 0 22px}h3{font-size:1.75rem;margin:0 0 16px}p{max-width:70ch;margin:0 0 22px}.lead{font-size:clamp(1.25rem,2vw,1.75rem)}.fine,.credit{font-size:.875rem;color:var(--muted)}.opening{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:140px 4% 90px}.intro{position:relative;padding:clamp(24px,3vw,44px);max-width:760px}.intro p{font-size:1.125rem}.intro .fine{font-size:.8125rem;margin:12px 0 0}.intro #motion{margin-top:20px}.scene-label{position:absolute;z-index:3;left:0;bottom:0;max-width:100%;padding:8px 4%;background:#08141df5;color:var(--ink);font-size:.8125rem;line-height:1.45;margin:0}.film-note{display:block}.statement{min-height:75svh;display:grid;align-content:center;padding:120px 8%;background:#000}.statement h2{font-size:clamp(2.5rem,6vw,6rem);max-width:15ch;margin:0}.chapter{position:relative;scroll-margin-top:0}.stage{position:relative;min-height:100svh;display:flex;align-items:center;padding:130px 4% 90px;isolation:isolate}.stage .world{z-index:-1}.panel{position:relative;width:min(540px,44%);padding:clamp(26px,3vw,44px)}.panel p{font-size:1.125rem}.panel .credit{font-size:.875rem}.right .panel{margin-left:auto}.left .panel{margin-right:auto}.panel .actions{gap:8px 18px}.panel h2{font-size:clamp(2.25rem,3.4vw,3.75rem)}#film{visibility:hidden;object-position:72% 50%}.chapter[data-film='ready'] #film{visibility:visible}.chapter[data-transit='true'] .panel{visibility:hidden}.chapter[data-statement='true'] .world{visibility:hidden}.chapter[data-statement='true'] .stage{background:#000}.travel-statement{font-size:clamp(2.5rem,6vw,6rem);max-width:15ch}html[data-route='scroll'] .chapter{height:390svh}html[data-route='scroll'] .stage{position:sticky;top:0;height:100svh;min-height:640px}#transport{position:fixed;bottom:14px;left:4%;right:4%;z-index:25;padding:10px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-radius:20px}#route-status{font-size:.8125rem;color:var(--muted)}.reading{position:relative;padding:120px 6%;scroll-margin-top:16px}.reading>p{max-width:70ch}.reading>h2{max-width:18ch}.contact{min-height:100svh;display:flex;justify-content:flex-end;align-items:center;isolation:isolate;padding-bottom:90px}.contact>.world{z-index:-1}.contact-panel{width:min(560px,100%);padding:32px}.contact-panel h2{font-size:2.5rem}.contact-panel p{font-size:.875rem}fieldset{border:0;padding:0;margin:0 0 20px}label{display:block;margin-bottom:6px}input,textarea{display:block;width:100%;background:#142c39;color:var(--ink);border:1px solid var(--edge);border-radius:10px;padding:10px 12px;margin-bottom:16px}textarea{resize:vertical}.work-list{margin-top:48px}.work-list article{display:grid;grid-template-columns:minmax(230px,1fr) 1.3fr;gap:8px 40px;border-top:1px solid var(--edge);padding:32px 0}.work-list article h3{grid-row:span 3}.work-list article p{margin:0}.work-list article>a{width:fit-content;min-height:44px;display:inline-flex;align-items:center}.return{margin-top:8px}.studio{background:#0a151c}.studio p{font-size:1.125rem}.route-notes details,.case details{border-top:1px solid var(--edge);padding:20px 0}summary{cursor:pointer;font-size:1.125rem;min-height:44px;padding:8px 0}details>p{margin-top:16px}details ol{padding-left:24px}details li{margin:40px 0 56px;max-width:900px}details li h3{font-size:1.5rem}details img{display:block;max-width:100%;height:auto}.case{max-width:1200px;margin:auto;padding-top:150px}.case>.back{display:inline-block;min-height:44px;margin-bottom:32px}.case section{margin:64px 0}.case section h2{font-size:2rem}.case-image{width:100%;height:auto;display:block;margin:40px 0}.pending{background:#101e26;padding:28px;border-radius:20px}.case .actions{margin-top:40px}footer{padding:40px 6%;color:var(--muted);font-size:.875rem}html[data-route='scroll'] .scene-label{bottom:100px}
@media(max-width:900px){.panel{width:48%;padding:26px}.panel h2{font-size:2.5rem}.panel p{font-size:1rem}.work-list article{grid-template-columns:1fr 1fr}.intro{max-width:650px}}
@media(max-width:600px){:root{--header:96px}header{top:10px;left:8px;right:8px;padding:8px 12px;gap:3px;border-radius:22px}.brand img{width:110px;height:44px}nav{gap:0}nav a{padding:10px 8px;font-size:.8125rem}.opening{padding:112px 16px 72px;min-height:100svh;align-items:flex-end}.intro{padding:24px;width:100%}h1{font-size:2.5rem}.intro p{font-size:1rem}.intro .actions{gap:8px}.button,button{padding:10px 12px;font-size:.875rem}.intro .fine{font-size:.75rem}.statement{padding:100px 24px;min-height:65svh}.statement h2{font-size:clamp(2.5rem,10vw,4rem)}.stage{padding:108px 16px 64px;min-height:100svh;align-items:flex-start}.panel{width:100%;padding:20px;border-radius:22px}.panel h2{font-size:2rem;margin-bottom:10px}.panel p{font-size:1rem;margin-bottom:12px}.panel .credit{font-size:.75rem}.panel .actions{gap:4px 12px}.panel .continue{font-size:.8125rem}.scene-label{font-size:.6875rem;padding:7px 16px}.world img{object-position:center}.chapter#art .stage{align-items:flex-end}.chapter#art .world{top:96px;height:calc(100% - 330px)}.chapter#art .world img{object-fit:contain;object-position:center}.chapter#restoflo .world img{object-position:center}.chapter#sobe .world img{object-position:center}.reading{padding:100px 24px}.reading h2{font-size:2.5rem}.contact{padding:120px 16px 80px}.contact-panel{padding:24px}.contact-panel h2{font-size:2.25rem}.work-list article{display:block;padding:28px 0}.work-list article p{margin:8px 0}.work-list article h3{margin-bottom:12px}.case{padding-top:130px}.case h1{font-size:2.75rem}.case section{margin:48px 0}.pending{padding:20px}.case section h2{font-size:1.75rem}#transport{left:8px;right:8px;bottom:8px;gap:6px 12px;padding:10px 12px}#transport a{font-size:.8125rem;min-height:44px;display:flex;align-items:center}#route-status{font-size:.6875rem;flex-basis:100%}html[data-route='scroll'] .scene-label{bottom:112px}html[data-route='scroll'] .stage{min-height:740px}#film{object-position:95% 50%}}
@media(prefers-reduced-motion:reduce){html[data-route='scroll'] .chapter{height:auto}html[data-route='scroll'] .stage{position:relative;height:auto}*{scroll-behavior:auto!important}}
@media(max-height:650px){.stage{min-height:740px}html[data-route='scroll'] .stage{height:740px}header{position:absolute}#transport{position:sticky;margin:12px;bottom:8px}.opening{min-height:740px}.panel{margin-top:0}}