/* Final editorial rhythm and responsive scene boundaries. */
html{scroll-padding-top:100px}
.editorial-reveal{clip-path:inset(0 0 100% 0);transform:translateY(30px);opacity:0;transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .8s}
.editorial-reveal.is-revealed,.motion-reduced .editorial-reveal{clip-path:inset(0);transform:none;opacity:1}
.world-passage{height:180svh;position:relative;background:#c8b18b}
.world-passage-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.world-passage video{width:100%;height:100%;object-fit:cover;transform:scale(calc(1 + var(--world-progress,0)*.1));transform-origin:60% 50%}
.world-passage-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#29272088,transparent 50%,#29272022);pointer-events:none}
.world-passage-copy{position:absolute;z-index:1;left:7vw;top:14%;color:#f1e4cb;transform:translateY(calc(var(--world-progress,0)*-45px));max-width:85%}
.world-passage-copy p{font:clamp(52px,8vw,150px)/.94 Georgia,serif;letter-spacing:-.055em;margin-top:30px}
.world-passage-copy em{font-weight:400}
.alfa-encounter-heading{max-width:none;padding-bottom:48px}
.alfa-encounter h2{max-width:1000px}
.alfa-encounter video{border-top:1px solid #29272022}
.showcase-media img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.showcase-media:hover img{transform:scale(1.035)}
.service-card:focus-within{outline:1px solid currentColor;outline-offset:-4px}
.motion-reduced .world-passage{height:auto}
.motion-reduced .world-passage-stage{position:relative;height:90svh;min-height:500px}
.motion-reduced .world-passage video,.motion-reduced .world-passage-copy{transform:none}
.motion-reduced .showcase-media:hover img{transform:none}
@media(max-width:700px){
 html{scroll-padding-top:85px}
 .world-passage{height:145svh}
 .world-passage-stage{height:100svh}
 .world-passage-copy{top:14%;left:7%;max-width:86%}
 .world-passage-copy p{font-size:15vw;line-height:1;margin-top:22px}
 .world-passage-copy .tiny{font-size:7px}
 .world-passage video{object-position:62% center}
 .alfa-encounter-heading{padding-bottom:30px}
 .alfa-encounter h2{font-size:12vw}
 .alfa-encounter p{font-size:12px}
 .hero-stage{min-height:100svh}
 .hero-copy{bottom:19%}
 .hero-copy h2{font-size:9vw}
 .hero-number{top:25%}
 .hero-orbit{top:auto;bottom:6%;width:82px;height:82px}
 .hero-word{font-size:14.5vw}
 .header{height:78px}
 .header>.pill{font-size:7px;padding:10px 12px;gap:10px}
 .header .brand img{width:26px}
 .header .brand span{font-size:7px;letter-spacing:.08em}
 .header .brand{gap:6px}
 .menu-toggle{font-size:8px;gap:7px}
 .menu nav a{font-size:8.4vw}
 .menu nav{gap:18px}
 .instinct-animal{left:-17%;width:107%}
 .motion-reduced .instinct-animal{left:-17%;width:107%}
 .motion-control{bottom:16px}
}
@media(max-width:700px){
 .instinct-heading{top:15%}
 .instinct-animal{left:0;width:100%;top:29%;height:40%}
 .instinct-chapters{left:7%;right:7%;bottom:12%;width:auto;min-height:0}
 .instinct-chapters h3{font-size:28px;margin:10px 0}
 .instinct-chapters p{font-size:12px;max-width:100%}
 .chapter-nav{display:none}
 .motion-reduced .instinct-animal{left:0;width:100%;top:200px;height:380px}
 .motion-reduced .instinct-chapters{left:auto;right:auto;bottom:auto;padding-top:560px}
}
.menu:not([hidden]) nav{animation:menu-enter .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes menu-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
