.ex-hero{--ex-hero-tone:var(--color-paper)}
.ex-hero__bg img{object-position:right center}
@media(min-width:64rem){.ex-hero__text{width:46%;max-width:40rem}}
@media(max-width:63.99rem){
 .ex-hero__slide{display:flex;flex-direction:column}
 .ex-hero__in{position:relative;order:1;min-height:0;padding:1.75rem 1rem 1.25rem;align-items:flex-start}
 .ex-hero__text{max-width:40rem;width:100%}
 .ex-hero__bg{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:3/2}
 .ex-hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}
 .ex-hero__nav{position:relative;inset:auto;background:var(--ex-hero-tone);padding:.75rem 1rem 1rem;pointer-events:auto}
 .ex-hero__tab{color:var(--ex-hero-on);min-width:44px;min-height:44px;width:auto;height:auto;border-radius:0;background:transparent;display:grid;place-items:center}
 .ex-hero__tab.is-active{width:auto;background:transparent}
 .ex-hero__tab::after{content:"";width:8px;height:8px;border-radius:99px;background:currentColor;opacity:.45}
 .ex-hero__tab.is-active::after{width:24px;opacity:1}
 .ex-hero__tab:before{display:none}
 .ex-hero__tab i,.ex-hero__tab span{display:none}
 .ex-hero__tabs{gap:0}
}
@media(min-width:48rem) and (max-width:63.99rem){.ex-hero__in{padding:2rem 1.5rem}.ex-hero__bg{aspect-ratio:1.8}.ex-hero__bg img{object-fit:cover;object-position:right center;height:100%;top:0}}
@media(min-width:64rem){
 .ex-hero__bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--hero-copy-wash) 0%,var(--hero-copy-wash) 38%,transparent 62%)}
 .ex-hero__slide:nth-child(1){--hero-copy-wash:rgba(251,248,243,.78)}
 .ex-hero__slide:nth-child(2){--hero-copy-wash:rgba(252,185,6,.82)}
 .ex-hero__slide:nth-child(3){--hero-copy-wash:rgba(31,26,108,.66)}
 .ex-hero__slide:nth-child(4){--hero-copy-wash:rgba(128,18,88,.68)}
}