/* Three full-bleed photographs, each exactly 2500 × 850. */
.navado-banner{position:relative;overflow:hidden;touch-action:pan-y;color:#fff}
.banner-viewport{overflow:hidden}.banner-track{display:flex;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.banner-slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:2500/850;isolation:isolate;overflow:hidden}
.banner-art{position:absolute;inset:0;margin:0;z-index:-1}.banner-art img{display:block;width:100%;height:100%;object-fit:cover}
.banner-copy{height:100%;width:47%;padding:20px 5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:none;text-shadow:0 2px 6px #0009,0 2px 24px #0007}
.banner-copy .eyebrow{font-size:clamp(8px,.67vw,15px);letter-spacing:2px;color:#ffe7c4;margin:0 0 clamp(8px,1vw,24px);line-height:1.5}
.banner-copy h1,.banner-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.2vw,80px);font-weight:400;line-height:1.17;letter-spacing:-.5px;margin:0;text-wrap:balance}.banner-copy em{color:#ffdda8;font-weight:400}
.banner-description{font-size:clamp(11px,.88vw,19px);line-height:1.8;color:#fff9ed;max-width:650px;margin:clamp(10px,1.2vw,28px) 0 0}
.banner-slide:not([aria-hidden="true"]) .banner-copy>*{animation:banner-reveal .9s both}.banner-slide:not([aria-hidden="true"]) .banner-copy h1,.banner-slide:not([aria-hidden="true"]) .banner-copy h2{animation-delay:.12s}.banner-slide:not([aria-hidden="true"]) .banner-description{animation-delay:.23s}
@keyframes banner-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.banner-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.banner-copy{padding:12px 4%;width:49%}.banner-copy h1,.banner-copy h2{font-size:clamp(23px,3.4vw,34px)}.banner-description{font-size:11px;line-height:1.6}.banner-copy .eyebrow{letter-spacing:1px}}
@media(max-width:600px){.banner-copy{width:50%;padding:8px 4%}.banner-copy .eyebrow,.banner-description{display:none}.banner-copy h1,.banner-copy h2{font-size:clamp(14px,3.7vw,24px);line-height:1.2;letter-spacing:-.2px}}
@media(prefers-reduced-motion:reduce){.banner-track{transition:none}.navado-banner .banner-copy>*{animation:none!important}}
/* NAVADO blue sampled from the original logo: #264283. */
.navado-banner{--navado-blue:#264283}.banner-copy{padding:16px 4%;width:49%;text-shadow:none}
.banner-text{width:100%;padding:clamp(14px,1.8vw,40px);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-radius:5px;box-shadow:none}
.navado-banner .banner-copy,.navado-banner .banner-copy .eyebrow,.navado-banner .banner-copy h1,.navado-banner .banner-copy h2,.navado-banner .banner-copy em,.navado-banner .banner-copy .banner-description{color:#fff;text-shadow:0 1px 3px #000b,0 2px 12px #0007}
.navado-banner .banner-copy .eyebrow{font-weight:600}.banner-description{line-height:1.7}
.ribbon{background:#264283;color:#fff}.ribbon i{color:#e6c486}
@media(max-width:900px){.banner-copy{padding:12px 3%;width:52%}.banner-text{padding:14px}.banner-description{font-size:10px;margin-top:10px}.banner-copy .eyebrow{margin-bottom:9px}}
@media(max-width:600px){.banner-copy{padding:8px 3%;width:52%}.banner-text{padding:9px 10px;border-radius:3px;background:transparent}.banner-copy h1,.banner-copy h2{font-size:clamp(14px,3.6vw,23px)}}