/* Official temporary-site carousel: centered photograph with adjacent previews. */
.home-page .site-header{background:#18399ef5;color:white}
.home-page .hero{--header-height:86px;margin-top:var(--header-height);height:calc(30vw + 60px);min-height:0;max-height:none;background:var(--cream);color:var(--red);padding:0}
.home-page .hero-slides{height:30vw;perspective:1400px;overflow:visible}
.home-page .hero-slide{inset:0 auto auto 9.5%;width:81%;height:100%;opacity:1;visibility:visible;transform:translateX(0);transition:transform .8s ease;z-index:1}
.home-page .hero-slide.is-active{transform:translateX(0);z-index:3}
.home-page .hero-slide.is-prev{transform:translateX(-100%) scale(.93);transform-origin:right center}
.home-page .hero-slide.is-next{transform:translateX(100%) scale(.93);transform-origin:left center}
.home-page .hero-photo-link{display:block;width:100%;height:100%}
.home-page .hero-image{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}
.home-page .hero-bottom{bottom:10px;justify-content:center;height:40px}
.home-page .discover-link,.home-page .hero-curve{display:none}
.home-page .hero-controls{gap:13px;color:var(--red)}
.home-page .hero-current{font-size:22px}
.home-page .hero-progress{background:#18399e2a;width:64px}
.home-page .hero-progress i{background:var(--red)}
.home-page .hero-controls button{border-color:#18399e4d;width:30px;height:30px;font-size:17px}
.home-page .hero-controls button:hover{background:#18399e10}
.home-page .hero-controls .hero-pause{font-size:13px}
@media(min-width:1440px){.home-page .hero{--header-height:88px}}
@media(max-width:1100px){.home-page .hero{--header-height:74px}}
@media(max-width:800px){.home-page .hero{--header-height:64px}.home-page .hero{height:calc(40vw + 54px)}.home-page .hero-slides{height:40vw}.home-page .hero-slide{left:6%;width:88%}}
@media(max-width:520px){.home-page .hero{--header-height:62px;height:calc(52vw + 52px)}.home-page .hero-slides{height:52vw}.home-page .hero-slide{left:4%;width:92%}.home-page .hero-bottom{bottom:6px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-slide{transition:none}}
body.reduce-motion .hero-slide{transition:none}

/* Keep the entire source photo visible without stretching or cropping. */
.home-page .hero-photo-link{background:#e5edf8;overflow:hidden}
.home-page .hero-image{background:#e5edf8}
.home-page .hero h1{font-size:clamp(30px,3.4vw,52px);line-height:1.4;letter-spacing:.035em}
.home-page .hero-intro{font-size:15px;letter-spacing:.06em}
@media(max-width:520px){.home-page .hero h1{font-size:28px}.home-page .hero-intro{font-size:12px}}
@media(min-width:801px){.home-page .hero-slide{left:24%;width:52%}}

/* Layered photographs: generous side previews and a quiet, unified backing. */
.home-page .hero{--photo-stage:clamp(240px,28vw,480px);height:calc(var(--photo-stage) + 92px);background:#e5edf8}
.home-page .hero-slides{top:18px;height:var(--photo-stage)}
.home-page .hero-slide{left:29%;width:42%;height:100%;isolation:isolate}
.home-page .hero-slide.is-prev{transform:translateX(-108%) scale(.9)}
.home-page .hero-slide.is-next{transform:translateX(108%) scale(.9)}
.home-page .hero-photo-link{position:relative;isolation:isolate;padding:14px;background:#e5edf8;border:1px solid #fff9;box-shadow:0 8px 24px #18326620;transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s;overflow:hidden}
.home-page .hero-photo-link:before{content:"";position:absolute;inset:-22px;background:var(--hero-photo) center/cover no-repeat;filter:blur(18px);opacity:.23;z-index:-1}
.home-page .hero-image{position:relative;inset:auto;display:block;object-fit:contain;background:transparent}
.home-page .hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18326670,#334b7050);opacity:1;transition:opacity .6s;pointer-events:none}
.home-page .hero-slide.is-active:after{opacity:0}
.home-page .hero-slide.is-active .hero-photo-link:hover,.home-page .hero-slide.is-active .hero-photo-link:focus-visible{transform:scale(1.035);box-shadow:0 12px 32px #18326630}
.home-page .hero-photo-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.home-page .hero-bottom{bottom:14px}
@media(max-width:800px){.home-page .hero{--photo-stage:clamp(215px,38vw,310px)}.home-page .hero-slide{left:21%;width:58%}.home-page .hero-photo-link{padding:10px}}
@media(max-width:520px){.home-page .hero{--photo-stage:clamp(185px,52vw,270px);height:calc(var(--photo-stage) + 78px)}.home-page .hero-slides{top:12px}.home-page .hero-slide{left:16%;width:68%}.home-page .hero-photo-link{padding:8px}.home-page .hero-bottom{bottom:9px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-photo-link,.home-page .hero-slide:after{transition:none}.home-page .hero-slide.is-active .hero-photo-link:hover{transform:none}}

/* A fixed 16:9 stage with smaller, directly selectable side photographs. */
.home-page .hero{--photo-stage:24.75vw;height:calc(var(--photo-stage) + 92px)}
.home-page .hero-slide{left:28%;width:44%;height:auto;aspect-ratio:16/9;transform-origin:center!important;transition:transform .85s cubic-bezier(.22,.7,.2,1)}
.home-page .hero-slide.is-active{transform:translateX(0) scale(1)}
.home-page .hero-slide.is-prev{transform:translateX(-82%) scale(.62)}
.home-page .hero-slide.is-next{transform:translateX(82%) scale(.62)}
.home-page .hero-photo-link{padding:0}
.home-page .hero-image{padding:10px;object-fit:contain}
.home-page .hero-select{position:absolute;inset:0;z-index:5;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.home-page .hero-select[hidden]{display:none}
.home-page .hero-select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.home-page .hero-slide:has(.hero-select:hover):after{opacity:.65}
@media(max-width:800px){.home-page .hero{--photo-stage:32.625vw}.home-page .hero-slide{left:21%;width:58%}.home-page .hero-slide.is-prev{transform:translateX(-84%) scale(.62)}.home-page .hero-slide.is-next{transform:translateX(84%) scale(.62)}}
@media(max-width:520px){.home-page .hero{--photo-stage:38.25vw;height:calc(var(--photo-stage) + 78px)}.home-page .hero-slide{left:16%;width:68%}.home-page .hero-image{padding:6px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-slide{transition:none}}

/* Expanded three-photo carousel: each side sits two-thirds beneath the lead. */
.home-page .hero{
 --hero-card-width:min(60vw,1048px);
 --photo-stage:calc(var(--hero-card-width) * 9 / 16);
 height:calc(var(--photo-stage) + 82px);
}
.home-page .hero-slides{top:14px;height:var(--photo-stage);overflow:hidden}
.home-page .hero-slide{left:calc((100% - var(--hero-card-width)) / 2);width:var(--hero-card-width);transition:transform 1s cubic-bezier(.22,.7,.2,1)}
.home-page .hero-slide.is-prev{transform:translateX(-38%) scale(.9);z-index:1}
.home-page .hero-slide.is-next{transform:translateX(38%) scale(.9);z-index:1}
.home-page .hero-slide.is-active{z-index:3}
.home-page .hero-slide.is-prev .hero-select{right:auto;width:38%}
.home-page .hero-slide.is-next .hero-select{left:auto;width:38%}
.home-page .hero-slide.is-prev:has(.hero-select:hover),
.home-page .hero-slide.is-prev:has(.hero-select:focus-visible){transform:translateX(-38%) scale(.94)}
.home-page .hero-slide.is-next:has(.hero-select:hover),
.home-page .hero-slide.is-next:has(.hero-select:focus-visible){transform:translateX(38%) scale(.94)}
.home-page .hero-image{padding:8px}
.home-page .hero-bottom{bottom:13px}
@media(max-width:800px){
 .home-page .hero{--hero-card-width:72vw;height:calc(var(--photo-stage) + 74px)}
 .home-page .hero-slide.is-prev{transform:translateX(-36%) scale(.9)}
 .home-page .hero-slide.is-next{transform:translateX(36%) scale(.9)}
}
@media(max-width:520px){
 .home-page .hero{--hero-card-width:78vw;height:calc(var(--photo-stage) + 62px)}
 .home-page .hero-slides{top:10px}
 .home-page .hero-image{padding:4px}
 .home-page .hero-bottom{bottom:7px}
 .home-page .hero-slide.is-prev{transform:translateX(-34%) scale(.9)}
 .home-page .hero-slide.is-next{transform:translateX(34%) scale(.9)}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-slide{transition:none}}
body.reduce-motion .home-page .hero-slide{transition:none}
