.hero{overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .9s ease,transform 7s ease,visibility .9s}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center)}.hero-shade{z-index:2}.hero-copy{z-index:3}.hero-copy.is-changing{opacity:.2;transform:translateY(-43%)}.hero-copy{transition:opacity .28s ease,transform .45s ease}.hero-controls{position:absolute;z-index:4;left:8vw;bottom:29px;display:flex;align-items:center;gap:14px;color:#fff}.hero-controls>button{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(25,18,15,.16);color:#fff;font:300 23px/1 var(--serif);cursor:pointer;backdrop-filter:blur(6px);transition:.2s}.hero-controls>button:hover{background:rgba(255,255,255,.22)}.hero-dots{display:flex;align-items:center;gap:7px}.hero-dot{width:18px;height:2px;padding:0;border:0;background:rgba(255,255,255,.42);cursor:pointer;transition:width .25s,background .25s}.hero-dot.active{width:38px;background:#fff}.hero-controls>span{min-width:50px;font:500 8px var(--sans);letter-spacing:.13em}.hero-controls.single{display:none}
@media(max-width:600px){.hero-controls{left:6vw;bottom:32px}.hero-copy.is-changing{transform:none}.hero-controls>button{width:32px;height:32px}.hero-dot{width:13px}.hero-dot.active{width:26px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .2s;transform:none}.hero-copy{transition:none}}
.hero-image-link{position:absolute;inset:0;display:block}.hero-image-link:focus-visible{outline:3px solid #efd69b;outline-offset:-6px}.hero-shade{pointer-events:none}
.hero:has(.hero-slide.active .hero-image-link) .hero-shade{background:none}body:has(.hero-slide.active .hero-image-link) .site-header:not(.scrolled){background:rgba(255,248,238,.94);color:#781632;border-bottom-color:#c4994780}.hero:has(.hero-slide.active .hero-image-link) .hero-controls{color:#651b31}.hero:has(.hero-slide.active .hero-image-link) .hero-controls>button{color:#651b31;border-color:#a77e46;background:#fff8eecc}.hero:has(.hero-slide.active .hero-image-link) .hero-dot{background:#a77e4677}.hero:has(.hero-slide.active .hero-image-link) .hero-dot.active{background:#7b1738}
