@font-face{font-family:Manrope;src:url('assets/Manrope.ttf');font-display:swap}@font-face{font-family:Syne;src:url('assets/Syne.ttf');font-display:swap}
:root{--ivory:#efebe3;--stone:#ddd6c9;--charcoal:#1f1e1c;--clay:#964a31;--clay-light:#d9a78f;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--charcoal);color:var(--ivory);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:2px solid var(--clay-light);outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;z-index:50;background:var(--charcoal);padding:12px}.skip:focus{top:15px}header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px 4%;border-bottom:1px solid #efebe330;font-size:12px;gap:20px}.brand{font-family:Syne,sans-serif;letter-spacing:.25em;font-size:26px;font-weight:600;display:flex;align-items:center;gap:24px}.brand span{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.12em;font-weight:400}.journey{height:470svh}.stage{position:sticky;top:0;height:calc(100svh - 68px);overflow:hidden;background:var(--charcoal);isolation:isolate}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#1f1e1c88,transparent 75%),linear-gradient(0deg,#1f1e1cd9,transparent 75%)}.edition{position:absolute;top:125px;left:4%;display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:.15em}.edition span:last-child{letter-spacing:.03em;color:var(--stone)}.chapter-name{position:absolute;top:125px;right:4%;display:flex;align-items:center;gap:14px;font-size:11px}.chapter-name i{width:40px;height:1px;background:var(--clay-light)}.copy{position:absolute;left:8%;bottom:14%;right:10%;max-width:1050px;will-change:opacity,transform}.copy>p:first-child{font-size:11px;letter-spacing:.06em}.copy h1{font-family:Syne,sans-serif;font-weight:500;font-size:clamp(50px,7.3vw,116px);line-height:.98;letter-spacing:-.055em;margin:26px 0}.copy h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.copy>p:last-child{font-size:14px;line-height:1.75;margin-top:25px}.rail{position:absolute;left:4%;bottom:16%;height:190px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:10px}.rail>div{height:100%;width:1px;background:#efebe33a}.rail i{height:100%;display:block;background:var(--clay-light);transform:scaleY(0);transform-origin:top}.stage-foot{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.08em}.stage-foot>span:first-child{letter-spacing:.03em}#loading{position:absolute;right:4%;bottom:60px;font-size:11px;background:var(--charcoal);padding:12px 16px}.transport{position:fixed;bottom:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:14px;z-index:20;background:var(--charcoal);padding:10px 4%;border-top:1px solid #efebe330;font-size:11px}.transport button{background:transparent;border:1px solid #efebe350;color:var(--ivory);padding:10px 16px;min-height:44px;cursor:pointer}.transport button:first-child{background:var(--ivory);color:var(--charcoal)}.transport label{display:flex;align-items:center;gap:14px;margin-left:20px;flex:1;max-width:430px}.transport input{min-width:80px;width:100%;accent-color:var(--clay-light)}#status{margin-left:auto;color:var(--stone);font-size:10px}.after{background:var(--ivory);color:var(--charcoal);padding:100px 8% 150px;color-scheme:light}.kicker{font-size:12px;color:var(--clay)}.after h2{font-family:Syne,sans-serif;font-weight:500;font-size:clamp(35px,5vw,74px);line-height:1.05;letter-spacing:-.04em}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:70px 0 100px}.services article{border-top:1px solid #1f1e1c44;padding-top:20px}.services span{font-size:11px;color:var(--clay)}.services h3{font-size:25px;font-weight:500;letter-spacing:-.03em}.services p{font-size:14px;line-height:1.8;max-width:300px}.review-note{border-top:1px solid #1f1e1c44;padding-top:25px;font-size:12px;line-height:1.7;max-width:780px}.review-note a{display:inline-block;margin:10px 20px 0 0;border-bottom:1px solid var(--clay)}.js-note{position:fixed;top:100px;background:var(--charcoal);padding:15px;z-index:20}
@media(max-width:700px){header{padding:20px 5%;height:77px}.brand{font-size:21px}.brand span,header>a:last-child{display:none}.stage{height:calc(100svh - 116px);min-height:450px}.edition{top:100px;left:5%}.chapter-name{top:100px;right:5%}.chapter-name #chapter-note,.chapter-name i{display:none}.copy{left:9%;bottom:16%;right:7%}.copy h1{font-size:clamp(42px,10.5vw,70px)}.copy>p:first-child{font-size:11px;max-width:240px}.copy>p:last-child{font-size:12px;max-width:270px}.rail{left:5%;height:120px;bottom:18%;font-size:9px}.stage-foot{bottom:20px;left:5%;right:5%;font-size:9px;flex-direction:column;gap:7px}.stage-foot>span:last-child{font-size:8px}.transport{height:116px;flex-wrap:wrap;gap:8px;padding:8px 5%}.transport button{padding:8px 12px}.transport label{margin:0;flex:1;min-width:125px}.transport #status{flex-basis:100%;margin:0;text-align:center}.services{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.after{padding:65px 8% 160px}.services p{max-width:none}#loading{bottom:75px;left:5%;right:auto}}@media(prefers-reduced-motion:reduce){.journey{height:auto}.stage{position:relative}.copy{will-change:auto}}

.stage.film-only .copy,.stage.film-only .rail,.stage.film-only .chapter-name,.stage.film-only .edition{visibility:hidden}.stage.film-only .shade{opacity:.1}@media(max-width:700px){.transport label{order:3;min-width:120px;flex-basis:100%;max-width:none}.transport{height:154px}.stage{height:calc(100svh - 154px)}.transport #status{display:none}.transport #view-film{margin-left:auto}}

@media(max-width:700px){.stage{min-height:0}}

/* Film-first refinements; retain the existing FORMA identity. */
.journey{overflow-anchor:none}.copy{max-width:760px;bottom:14%}.copy h1{font-size:clamp(50px,6.4vw,100px);letter-spacing:-.04em;line-height:1.02}.copy>p:last-child{font-size:15px}.shade{background:linear-gradient(90deg,#1f1e1c80,transparent 65%),linear-gradient(0deg,#1f1e1ccc,transparent 65%)}
.transport button:active{transform:scale(.97)}.transport input{min-height:44px}.transport button:disabled,.transport input:disabled{opacity:.4;cursor:default}.stage-foot>span:last-child{font-size:10px}
@media(max-width:700px){.copy{left:10%;bottom:15%;right:7%}.copy h1{font-size:clamp(36px,9.5vw,60px);line-height:1.02;margin:18px 0;letter-spacing:-.03em}.copy>p:last-child{font-size:14px;line-height:1.5;margin-top:16px}.stage video{object-position:50% 50%}.stage-foot>span:last-child{font-size:9px;letter-spacing:.02em}.transport{padding-bottom:calc(8px + env(safe-area-inset-bottom));height:calc(154px + env(safe-area-inset-bottom))}.stage{height:calc(100svh - 154px - env(safe-area-inset-bottom))}}
@media(max-height:650px){.edition,.chapter-name{top:95px}.copy{bottom:17%}.copy h1{font-size:clamp(32px,6vw,58px);margin:12px 0}.copy>p:first-child{display:none}.copy>p:last-child{font-size:12px;margin-top:10px}.rail{height:90px}.stage-foot{bottom:12px}}
@media(prefers-reduced-motion:reduce){.transport button:active{transform:none}}

.shade{background:linear-gradient(180deg,#1f1e1c88,transparent 28%),linear-gradient(90deg,#1f1e1c80,transparent 65%),linear-gradient(0deg,#1f1e1ccc,transparent 65%)}
