/* One continuous photographic day. Every layer fills the cover. */
.page-index .cinematic-hero{height:calc(100svh - 100px);min-height:580px;max-height:980px;background:#f5f1e8;color:#fff;isolation:isolate;overflow:clip}
.page-index .cinematic-hero:after{display:none}
.cinema-scenes{position:absolute;inset:0;pointer-events:none}
.cinema-frame{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;visibility:hidden;overflow:clip;will-change:opacity}
.cinema-frame img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--scene-position,center);transform:scale(1.025);will-change:transform}
.cinema-frame.is-finale{opacity:1;visibility:visible}
.cinematic-hero.is-cinematic .cinema-frame.is-finale{opacity:0;visibility:hidden}
.cinematic-hero .hero-shade{z-index:30;background:#17172e80;pointer-events:none}
.cinematic-hero .hero-content{z-index:31;padding-top:clamp(60px,8vh,105px)}
.cinematic-hero .hero-content h1,.cinematic-hero .hero-content>p{animation:none}
.cinematic-hero .hero-content h1{font-size:clamp(62px,5.8vw,94px);line-height:1.5;letter-spacing:.11em;text-shadow:0 3px 28px #13112435}
.cinematic-hero .hero-content .eyebrow{margin-bottom:34px}
.cinematic-hero .hero-content>p:last-child{margin-top:32px}
.cinematic-hero .hero-inheritance{z-index:31;top:clamp(72px,10vh,122px)}
.cinema-logo{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:40;width:min(440px,72%);text-align:center;pointer-events:none;opacity:0;color:#29263d}
.cinema-logo img{width:clamp(250px,25vw,370px);height:auto;margin:0 auto;filter:none}
.cinema-logo>span{display:block;font:24px/1.8 var(--serif);letter-spacing:.32em;text-indent:.32em;margin-top:30px}
.cinema-logo p{font:11px/1.8 var(--serif);letter-spacing:.23em;color:#8a7046;margin-top:22px}
.page-index .cinematic-hero .hero-bottom{z-index:45;bottom:78px;align-items:center;justify-content:flex-end;animation:none}
.cinema-caption{display:flex;align-items:center;min-width:0}
.cinematic-hero .hero-caption{font:10px/1.7 var(--serif);letter-spacing:.12em;color:#f7edda}
.cinematic-hero .hero-controls{gap:12px}
.cinematic-hero:not(.is-opening) .hero-controls{background:#1e1c2e88;padding-inline:8px;backdrop-filter:blur(6px)}
.cinematic-hero:not(.is-opening) .cinema-skip{background:#1e1c2e88;padding-inline:10px}
.cinematic-hero .hero-controls button{min-height:44px;min-width:44px;background:none;color:inherit;padding:8px 11px;border:0;border-bottom:1px solid #c8a86b66;line-height:1.5;text-shadow:0 1px 12px #0005}
.cinematic-hero .hero-controls button:disabled{opacity:.35;cursor:default}
.cinematic-hero .hero-controls .pause,.cinematic-hero .hero-controls .cinema-replay{font:11px/1.5 var(--serif);letter-spacing:.08em;min-width:54px}
.cinematic-hero .hero-controls button:hover:not(:disabled){color:#d1ac6d;background:#ffffff0c}
.cinema-skip{position:absolute;right:max(50px,calc((100% - 1200px)/2));top:25px;z-index:45;color:inherit;background:transparent;border:0;font:11px/1.8 var(--serif);letter-spacing:.1em;min-height:44px;padding:8px 0;text-shadow:0 1px 12px #0005}
.cinema-skip:after{content:'';display:block;height:1px;background:#c8a86b80;transform:scaleX(.55);transform-origin:right;transition:transform .3s}
.cinema-skip:hover:after{transform:scaleX(1)}
.cinema-progress{position:absolute;left:0;right:0;bottom:58px;z-index:45;height:1px;background:#c8a86b38;pointer-events:none}
.cinema-progress i{display:block;width:100%;height:1px;background:#d8bd88;transform:scaleX(var(--progress,0));transform-origin:left}
.cinema-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cinematic-hero.is-cinematic .hero-content,.cinematic-hero.is-cinematic .hero-inheritance{opacity:0;transform:translateY(22px)}
.cinematic-hero.is-cinematic .hero-shade{opacity:0}
.cinematic-hero.is-cinematic .cinema-caption{opacity:0}
.cinematic-hero.is-opening{color:#29263d}
.cinematic-hero.is-opening .hero-controls button,.cinematic-hero.is-opening .cinema-skip{text-shadow:none}
.cinematic-hero:not(.is-cinematic) .cinema-progress,.cinematic-hero:not(.is-cinematic) .hero-controls{display:none}
@media(min-width:1800px){.cinematic-hero .hero-content{padding-top:80px}.cinematic-hero .hero-content h1{font-size:94px}}
@media(max-width:1100px){.page-index .cinematic-hero{height:calc(100svh - 90px);min-height:600px}.cinema-skip{right:35px}}
@media(max-width:1000px){.page-index .cinematic-hero{height:calc(100svh - 82px)}.cinematic-hero .hero-content h1{font-size:68px}}
@media(max-width:650px){
 .page-index .cinematic-hero{height:calc(100svh - 82px);min-height:600px;max-height:950px}
 .cinema-frame img{object-position:var(--scene-position-mobile,center)}
 .cinematic-hero .hero-content{padding-top:78px}
 .cinematic-hero .hero-content h1{font-size:clamp(42px,11.8vw,62px);line-height:1.65;letter-spacing:.075em}
 .cinematic-hero .hero-content .eyebrow{font-size:7px;letter-spacing:.18em;margin-bottom:28px}
 .cinematic-hero .hero-content>p:last-child{font-size:12px;line-height:2.3;margin-top:25px;max-width:80%}
 .cinematic-hero .hero-inheritance{top:89px;right:20px}
 .cinematic-hero .hero-inheritance>span{font-size:10px}
 .cinematic-hero .hero-inheritance small{display:none}
 .cinema-logo{width:80%;top:43%}.cinema-logo img{width:260px;max-width:100%}.cinema-logo>span{font-size:20px;margin-top:25px}.cinema-logo p{font-size:10px;margin-top:18px}
 .cinematic-hero .hero-shade{background:#17172e85}
 .page-index .cinematic-hero .hero-bottom{bottom:69px;gap:8px;align-items:center}
 .cinematic-hero .hero-caption{font-size:8px;letter-spacing:.03em}
 .cinematic-hero .hero-controls{gap:3px}.cinematic-hero .hero-controls button{min-width:36px;padding:8px}.cinematic-hero .hero-controls .pause,.cinematic-hero .hero-controls .cinema-replay{font-size:10px;min-width:40px}
 .cinema-progress{bottom:51px}.cinema-skip{right:22px;top:17px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.cinema-logo{display:none}.cinema-frame:not(.is-finale){display:none}.cinematic-hero .cinema-frame.is-finale{opacity:1!important;visibility:visible!important}.cinematic-hero .hero-content,.cinematic-hero .hero-inheritance,.cinematic-hero .hero-shade,.cinematic-hero .cinema-caption{opacity:1!important;transform:none!important}.cinema-frame img{transform:none!important}.cinema-skip,.cinema-progress{display:none}}