.yh-hero{--yh-teal: #4A6E96;--yh-teal-dark: #2E4864;--yh-blue: #A8C3E2;--yh-blue-soft: #E4EDF7;--yh-ink: #20242B;--yh-white: #FFFFFF;--yh-shadow: 0 10px 30px rgba(32, 36, 43, .12);font-family:Poppins,Segoe UI,sans-serif;position:relative}.yh-hero__viewport{position:relative;overflow:hidden;height:var(--yh-hero-h, 560px)}.yh-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease;background:var(--yh-slide-bg, #FAFBFD);color:var(--yh-slide-text, #20242B)}.yh-hero__slide.is-active{opacity:1;visibility:visible;z-index:1}.yh-hero__grid{max-width:1400px;margin:0 auto;height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.yh-hero__text{text-align:left;padding:32px clamp(20px,5vw,72px)}.yh-hero__eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--yh-teal);margin-bottom:14px}.yh-hero__heading{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:clamp(30px,4.2vw,48px);line-height:1.1;margin:0 0 16px;max-width:14ch}.yh-hero__subheading{font-size:16px;line-height:1.6;opacity:.82;max-width:42ch;margin:0 0 28px}.yh-hero__subheading p{margin:0}.yh-hero__ctas{display:flex;gap:14px;flex-wrap:wrap}.yh-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:999px;font-weight:700;font-size:14px;border:2px solid transparent;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.yh-btn:hover{transform:translateY(-2px)}.yh-btn--primary{background:var(--yh-teal);color:var(--yh-white);box-shadow:0 10px 24px #2e486447}.yh-btn--outline{background:transparent;color:currentColor;border-color:currentColor}.yh-hero__media{height:100%;min-height:320px}.yh-hero__slide--img-left .yh-hero__media{order:-1}.yh-hero__img{width:100%;height:100%;object-fit:cover;display:block}.yh-hero__img--placeholder{display:flex;align-items:center;justify-content:center;background:var(--yh-blue-soft)}.yh-hero__placeholder-svg{width:40%;opacity:.5}.yh-hero__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffffd9;box-shadow:var(--yh-shadow);border:none;display:flex;align-items:center;justify-content:center;color:var(--yh-teal-dark);z-index:5;cursor:pointer;transition:background .2s}.yh-hero__nav:hover{background:var(--yh-white)}.yh-hero__nav--prev{left:18px}.yh-hero__nav--next{right:18px}.yh-hero__dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5;background:#ffffff8c;padding:8px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.yh-hero__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#20242b4d;cursor:pointer;transition:all .2s}.yh-hero__dot.is-active{background:var(--yh-teal);width:20px;border-radius:5px}@media(max-width:749px){.yh-hero__viewport{height:var(--yh-hero-h-mobile, 620px)}.yh-hero__grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.yh-hero__text{padding:28px 20px 20px}.yh-hero__heading{max-width:none}.yh-hero__media{min-height:220px}.yh-hero__nav{width:36px;height:36px}.yh-hero__nav--prev{left:8px}.yh-hero__nav--next{right:8px}.yh-hero__slide.has-image .yh-hero__grid{display:block;position:relative;height:100%}.yh-hero__slide.has-image .yh-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;z-index:0}.yh-hero__slide.has-image .yh-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--yh-mobile-overlay, .5) * .16)),rgba(0,0,0,calc(var(--yh-mobile-overlay, .5) * .4)) 45%,rgba(0,0,0,var(--yh-mobile-overlay, .5)));z-index:1}.yh-hero__slide.has-image .yh-hero__text{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 24px 68px;text-align:center}.yh-hero__slide.has-image .yh-hero__eyebrow,.yh-hero__slide.has-image .yh-hero__heading,.yh-hero__slide.has-image .yh-hero__subheading{color:#fff}.yh-hero__slide.has-image .yh-hero__heading{max-width:none}.yh-hero__slide.has-image .yh-hero__heading em{background:none;-webkit-text-fill-color:#FFFFFF;color:#fff;font-style:italic}.yh-hero__slide.has-image .yh-hero__subheading{opacity:.92;margin-left:auto;margin-right:auto}.yh-hero__slide.has-image .yh-hero__ctas{justify-content:center}.yh-hero__slide.has-image .yh-btn--outline{border-color:#fff;color:#fff}.yh-hero__dots{top:16px;bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yh-hero-banner.css.map */
