.hero-slider{position:relative;isolation:isolate;--hero-duration:650ms}
.hero-track{display:grid;touch-action:pan-y;overflow:hidden}
.hero-slider[data-transition=slide] .hero-slide,.hero-slider[data-transition=none] .hero-slide{transition:none}
@media(min-width:781px){
    :is(.hero-slider,.shania-hero-edit).has-desktop-height .hero{min-height:var(--hero-height-desktop)}
    :is(.hero-slider,.shania-hero-edit).has-desktop-height .hero-content{padding-top:32px;padding-bottom:120px}
}
@media(max-width:780px){
    :is(.hero-slider,.shania-hero-edit).has-mobile-height .hero{min-height:var(--hero-height-mobile)}
    :is(.hero-slider,.shania-hero-edit).has-mobile-height .hero-content{padding-top:32px;padding-bottom:120px}
}
.hero-slider .hero-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity var(--hero-duration) ease}
.hero-slider .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.hero-slider .hero-slide.is-leaving{opacity:1;visibility:visible;z-index:1;transition:none}
.hero-slider .hero-image,.shania-hero-edit .hero-image{object-position:var(--hero-position,50% 50%)}
.hero .hero-title{font-family:var(--serif);font-size:clamp(3.5rem,6vw,5.7rem);font-weight:400;letter-spacing:-.055em;line-height:1.02;max-width:650px;margin-bottom:25px}
.hero .hero-title em{font-weight:400;color:var(--accent)}
.hero-text{max-width:650px;min-width:0;overflow-wrap:anywhere}
.hero-align-center .hero-text{margin-inline:auto;text-align:center}
.hero-align-center .hero-copy{margin-inline:auto}
.hero-align-center .eyebrow{justify-content:center}
.hero-align-right .hero-text{margin-left:auto;text-align:right}
.hero-align-right .hero-copy{margin-left:auto}
.hero-align-right .eyebrow{justify-content:flex-end}
.hero-align-right:after{background:linear-gradient(270deg,#f0ece4df 0%,#eae4da60 55%,transparent 100%)}
.hero-align-center:after{background:#f0ece4a6}
.hero-scheme-dark{color:#fff;background:#252321}
.hero-scheme-dark:after{background:linear-gradient(90deg,#141310b3,#14131040)}
.hero-scheme-dark.hero-align-right:after{background:linear-gradient(270deg,#141310b3,#14131040)}
.hero-scheme-dark.hero-align-center:after{background:#14131080}
.hero-scheme-dark .hero-title em,.hero-scheme-dark .hero-copy{color:#fff}
.hero-scheme-dark .button-link{background:#fff;border-color:#fff;color:#20201e}
.hero-scheme-dark .button-link:hover{background:#eee8e0}
.hero-slider:has(.hero-slider-controls) .hero-bottom,.shania-hero-edit .hero-bottom{bottom:64px}
.hero-slider:has(.hero-slider-controls) .hero-content,.shania-hero-edit .hero-content{padding-bottom:120px}
.hero-slider-controls[hidden]{display:none}
.hero-slider-controls{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #ffffffaa;border-radius:50%;background:#ffffffdf;color:var(--ink);box-shadow:0 4px 18px #00000012;pointer-events:auto;transition:background .2s,color .2s,opacity .2s}
.hero-arrow:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.hero-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hero-prev{left:12px}.hero-next{right:12px}
.hero-arrow span{width:10px;height:10px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}
.hero-prev span{margin-left:4px;transform:rotate(-45deg)}.hero-next span{margin-right:4px;transform:rotate(135deg)}
.hero-pagination{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 24px);flex-wrap:wrap;gap:2px;padding:3px 8px;border:1px solid #ffffff5e;border-radius:30px;background:#ffffffdb;pointer-events:auto;color:#20201e}
.hero-dot{position:relative;width:25px;height:28px;padding:0;border:0;background:transparent;color:inherit}
.hero-dot:before{content:'';position:absolute;inset:10px 8px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .2s,transform .2s}
.hero-dot[aria-current=true]:before{opacity:1;transform:scale(1.25)}
.hero-dot:focus-visible,.hero-play:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:20px}
.hero-play{display:flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0;border:0;border-left:1px solid #20201e33;background:transparent;color:inherit}
.hero-play svg{display:block;width:16px;height:16px;flex:none}
.hero-play .hero-resume-icon,.hero-play[data-paused=true] .hero-pause-icon{display:none}
.hero-play[data-paused=true] .hero-resume-icon{display:block}
.shania-hero-edit{position:relative;overflow:hidden}
.shania-hero-edit .hero-slider-controls{z-index:4}
.shania-hero-edit .hero-content{position:relative;z-index:2}
.shania-hero-edit .hero-bottom{z-index:2}
@media(max-width:780px){
    .hero .hero-title{font-size:58px}
    .hero-slider .hero-content,.shania-hero-edit .hero-content{padding-inline:22px}
    .hero-arrow{width:38px;height:38px}.hero-prev{left:9px}.hero-next{right:9px}
    .hero-pagination{bottom:16px}
    .hero-slider .hero-bottom{font-size:10px}
}
@media(max-width:430px){.hero .hero-title{font-size:46px}.hero-dot{width:23px}.hero-dot:before{inset:10px 7px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide{transition:none}.hero-dot:before{transition:none}}
