/* COSECE V7.1: visible three-image carousel and shared header/hero alignment. */
:root{--cn-display:clamp(42px,4.2vw,64px);--cn-page:clamp(38px,3.8vw,58px);--cn-section:clamp(30px,3vw,46px)}
.hero-carousel{position:relative;min-height:clamp(650px,78vh,860px);overflow:hidden;background:var(--cream)}
.hero-carousel .home-hero{position:absolute;inset:0;min-height:100%;padding-inline:max(24px,calc((100% - var(--wrap))/2));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease}
.hero-carousel .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-carousel .hero-media{z-index:0}
.hero-carousel .hero-media:after{z-index:1}
.hero-carousel .hero-copy{position:relative;z-index:2;padding-left:0}
.hero-copy h1{font-size:var(--cn-display);line-height:1.08;letter-spacing:-.045em;white-space:normal;text-wrap:balance;max-width:10em}
.page-hero h1{font-size:var(--cn-page);line-height:1.12;letter-spacing:-.04em;text-wrap:balance}
h2,.section-intro h2,.split-story h2{font-size:var(--cn-section);line-height:1.18;letter-spacing:-.035em}
.hero-dots{position:absolute;z-index:4;left:max(24px,calc((100% - var(--wrap))/2));bottom:28px;display:flex;gap:10px}.hero-dots button{appearance:none;border:0;background:rgba(36,21,44,.18);width:38px;height:3px;padding:0;cursor:pointer}.hero-dots button[aria-selected="true"]{background:var(--berry)}
@media(max-width:820px){:root{--cn-display:clamp(38px,10vw,52px);--cn-page:clamp(34px,8.5vw,46px);--cn-section:clamp(28px,7.2vw,38px)}.hero-carousel,.hero-carousel .home-hero{min-height:760px}.hero-carousel .home-hero{padding-inline:24px}.hero-dots{left:24px;bottom:18px}}
@media(max-width:520px){.hero-carousel,.hero-carousel .home-hero{min-height:690px}.hero-carousel .home-hero{padding-inline:18px}.hero-copy h1{max-width:8em}.hero-dots{left:18px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .home-hero{transition:none}}