/* The photograph stays at source resolution; only its camera transform changes. */
:root{--hero-paper:#f2eee5}
.hero-scroll{height:360svh;background:var(--hero-paper)}
.hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden;background:#6d4123}
.hero-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform-origin:0 0;will-change:transform}
.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#141b13a8,transparent 52%),linear-gradient(0deg,#1b170a70,transparent 24%)}
.hero-sunlight,.hero-exit{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}
.hero-sunlight{background:radial-gradient(ellipse at 50% 50%,#fffef5 0%,#fff8d8a6 30%,#fff6ce00 75%)}
.hero-exit{background:var(--hero-paper)}
.hero-scroll+.story{background:var(--hero-paper);border-top:0}
.hero-start,.hero-story,.hero-last,.hero-bottom{z-index:3}
.hero-start{top:27%;left:6%;bottom:auto;max-width:36%}
.hero-start h1{font-size:clamp(44px,5.6vw,84px);line-height:1.07}
.hero-story{width:40%;padding:6%;justify-content:flex-end;bottom:13%;top:0}
.hero-story h2{font-size:clamp(34px,4vw,60px)}
.hero-last{background:none;align-items:flex-start;justify-content:flex-end;padding:0 6% 12%;gap:22px;color:#fff7e8;text-shadow:0 2px 24px #241208b3}
.hero-last>p{padding:0;text-align:left;max-width:460px;font-size:clamp(22px,2.3vw,34px)}
.hero-last .button{border-color:#f3d7a7;color:inherit;background:#24160e66}
.hero-bottom{bottom:5%;gap:30px}
@media(max-width:760px){
 .hero-scroll{height:340svh}
 .hero-start{left:7%;top:19%;max-width:86%}
 .hero-start h1{font-size:clamp(32px,9.5vw,45px);max-width:340px}
 .hero-start .eyebrow{font-size:10px}
 .hero-bottom{bottom:4%;gap:15px}
 .hero-bottom .button{font-size:15px;padding:12px 23px}
 .hero-bottom .scroll-hint{font-size:14px}
 .hero-story{inset:auto 7% 7%;padding:0;width:auto;max-width:86%}
 .hero-story>p{font-size:17px;margin-bottom:10px}
 .hero-story h2{font-size:28px;line-height:1.12}
 .hero-last{padding:0 7% 12%;gap:18px}
 .hero-last>p{font-size:24px;max-width:300px}
 .hero-last .button{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .hero-scroll{height:auto}
 .hero-sticky{height:auto;overflow:hidden}
 .hero-photo{position:relative;height:100svh;width:100%;object-fit:cover;transform:none!important;will-change:auto}
 .hero-shade{height:100svh;opacity:1!important}
 .hero-start{top:24svh;opacity:1!important}
 .hero-bottom{top:80svh;bottom:auto;opacity:1!important}
 .hero-story,.hero-last{position:relative;inset:auto;width:100%;max-width:none;padding:65px 7%;min-height:340px;opacity:1!important;transform:none!important;pointer-events:auto!important;background:#342216}
 .hero-last{background:var(--hero-paper);color:#38261b;text-shadow:none}
 .hero-last .button{color:#38261b;border-color:#a88760;background:transparent}
 .hero-exit,.hero-sunlight{display:none}
}