/* Montfort study · 24 September 2026. One moving world, six reading stops. */
.journey{--story-base-vh:1080;--portrait-extra-vh:200}
html:not(.static-motion):not(.no-js) body:not(.scene-unavailable) .journey{height:calc((var(--story-base-vh) + var(--portrait-extra-vh))*1svh)}
.berry-field{transform:none!important;clip-path:none!important;background:#491d2b}
.craft-photo{clip-path:none!important;transform:none!important;z-index:4}
.craft-photo img{object-position:70% 50%;transform-origin:75% 65%}
.craft-photo:after{background:linear-gradient(90deg,rgba(62,15,28,.82),rgba(77,20,24,.48) 46%,rgba(55,14,22,.05) 78%)}
.material-bridge{position:absolute;inset:-8%;z-index:4;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#78243c50,#a3273460),url('assets/leather-photo-material.png') center/cover;will-change:opacity,transform}
.founder-wipe{position:absolute;inset:-2px;z-index:6;visibility:hidden;pointer-events:none;background:var(--marta);will-change:clip-path;transform:none}
.founder-wipe:after{content:'';position:absolute;inset:0;background:url('assets/leather-photo-material.png') center/cover;mix-blend-mode:soft-light;opacity:.18}
.founder-visual{clip-path:none!important;z-index:5}
.composition-frame{z-index:7}
.story-panel{will-change:translate,opacity}
.hero-panel{top:46%}
.berry-panel h2{font-size:min(7.7vw,17svh)}
.craft-panel h2{font-size:min(8.4vw,16svh)}
.craft-panel .lead{max-width:31ch}
.time-note>span{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.07em}
.layer-labels{bottom:7%;gap:26px}
.layer-labels span{color:var(--muted);font-size:13px}
.layers-panel h2,.coil-panel h2{font-size:min(6.4vw,15svh)}
.founder-visual video{will-change:transform,opacity}
.stage-footer{transition:none}
@media(min-width:1900px){.hero-panel h1{font-size:min(9.2vw,18svh)}.story-panel h2{font-size:min(7.5vw,16svh)}.layers-panel h2,.coil-panel h2{font-size:min(6.3vw,15svh)}}
@media(min-width:761px) and (max-height:740px){.hero-panel h1{font-size:min(8.8vw,14svh)}.hero-panel{top:45%}.craft-panel h2{font-size:min(7.2vw,14svh)}.layer-labels{bottom:13%}}
@media(max-width:760px){
 .journey{--story-base-vh:1000}
 .hero-panel{top:28px}.berry-panel h2,.craft-panel h2,.layers-panel h2,.coil-panel h2{font-size:11.8vw}
 .craft-photo img{object-position:70% center;transform-origin:80% 65%}
 .craft-photo:after{background:linear-gradient(180deg,#48172ad9,rgba(68,22,35,.38) 70%,transparent)}
 .layer-labels,[dir=rtl] .layer-labels{inset:auto 0 11%;gap:12px}.layer-labels span{font-size:11px}
 .marta-panel h2{font-size:12.7vw}.marta-quote>.lead{font-size:21px}
}
[dir=rtl] .craft-photo:after{background:linear-gradient(-90deg,rgba(62,15,28,.82),rgba(77,20,24,.48) 46%,rgba(55,14,22,.05) 78%)}
.no-js .material-bridge,.no-js .founder-wipe,.static-motion .material-bridge,.static-motion .founder-wipe,.scene-unavailable .material-bridge,.scene-unavailable .founder-wipe{display:none}
.static-motion .story-panel,.no-js .story-panel,.scene-unavailable .story-panel{translate:none!important}
@media(prefers-reduced-motion:reduce){.material-bridge,.founder-wipe{display:none}.story-panel{translate:none!important}}

.scene-ready .scene-poster{visibility:hidden;transition:none}
.story-stage:not([data-chapter=hero]) .scene-poster{display:none}