/* Desktop art direction only. Mobile photographs, dimensions and controls are untouched. */
.hero-photo picture{display:contents}
@media(min-width:761px){
 .banner-carousel{margin-top:24px}
 .banner-track{border-radius:24px}
 .banner-track .banner-slide{position:relative;display:block;height:auto;min-height:0;aspect-ratio:3/1;background:#0e3b2e;border-radius:24px;isolation:isolate;flex-shrink:0}
 .banner-track .hero-photo,.banner-track .banner-secondary .hero-photo{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;mask-image:none;-webkit-mask-image:none;background:transparent!important;z-index:0}
 .banner-track .hero-photo:before,.banner-track .hero-photo:after{display:none!important}
 .banner-track .hero-photo img,.banner-track .banner-secondary .hero-photo img{width:100%;height:100%!important;max-height:none!important;aspect-ratio:auto;object-fit:contain!important;object-position:center;border-radius:0;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
 .banner-track .hero-copy{position:relative;z-index:1;width:45%;height:100%;padding:28px 0 28px 5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#faf8f0}
 .banner-track .hero h1,.banner-track .hero h2,.jain .banner-track .hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.055em;max-width:410px;margin:0 0 18px;color:inherit}
 .banner-track .hero h1 br,.banner-track .hero h2 br{display:none}
 .banner-track .hero p{font-size:15px;line-height:1.55;color:inherit;opacity:.85;margin:0 0 22px;max-width:340px}
 .banner-track .hero p br{display:none}
 .banner-track .hero .primary{font-size:13px;padding:13px 23px;border-radius:100px;min-height:44px;background:#faf8f0;color:#0e3b2e;gap:0}
 .banner-track .hero .primary span{display:none}
 .banner-track .banner-secondary .hero-copy{color:#0e3b2e}
 .banner-track .banner-secondary .primary{background:#0e3b2e;color:#faf8f0}
 body.jain .banner-track .hero-copy,body.jain .banner-track .banner-secondary .hero-copy{color:#faf8f0}
 body.jain .banner-track .hero .primary{background:#c4553a;color:white}
 .banner-controls{height:40px;gap:9px}
}
/* Keep the complete wide artwork on tablets, with copy scaled to its quiet zone. */
@media(min-width:761px) and (max-width:1100px){
 .banner-track .hero-copy{padding:18px 0 18px 5%;width:46%}
 .banner-track .hero h1,.banner-track .hero h2,.jain .banner-track .hero h1{font-size:clamp(24px,3.1vw,34px);margin-bottom:12px}
 .banner-track .hero p{font-size:12px;margin-bottom:14px}
 .banner-track .hero .primary{font-size:11px;min-height:36px;padding:10px 17px}
}
@media(max-width:760px){
 .banner-track{align-items:flex-start;transition:height .2s ease}
 .banner-track .banner-secondary{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:280px;background:#f1eadf}
 .banner-track .banner-secondary .hero-copy{padding:22px 0 22px 20px;align-self:center;max-width:none}
 .banner-track .banner-secondary h2{font-size:25px;line-height:1.13;max-width:none}
 .banner-track .banner-secondary p{font-size:11px;line-height:1.5}
 .banner-track .banner-secondary .primary{font-size:10px;padding:10px 13px}
 .banner-track .banner-secondary .hero-photo{position:relative;inset:auto;width:100%;height:auto;margin:0;align-self:center;mask-image:none;-webkit-mask-image:none}
 .banner-track .banner-secondary .hero-photo img{width:100%;height:auto!important;aspect-ratio:1;object-fit:contain!important;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;border-radius:14px}
 .banner-track .banner-secondary .hero-photo:before,.banner-track .banner-secondary .hero-photo:after{display:none!important}
}
@media(prefers-reduced-motion:reduce){.banner-track{transition:none}}
