.hero-section--framed{position:relative;isolation:isolate;width:100%;min-height:var(--hero-height);overflow:hidden;padding:var(--hero-padding);background:#18374b}.hero-section--framed *,.hero-section--framed *:before,.hero-section--framed *:after{box-sizing:border-box}.hero-section--framed .hero-section__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-section--framed .hero-section__background-image{display:block;width:100%;height:100%;object-fit:cover}.hero-section--framed .hero-section__container{width:100%;max-width:2200px;margin:0 auto}.hero-section--framed .hero-section__image-positioner{display:flex;justify-content:var(--hero-align-x);align-items:var(--hero-align-y);min-height:max(0px,calc(var(--hero-height) - var(--hero-padding) * 2))}.hero-section--framed .hero-section__artwork{position:relative;width:var(--hero-width);max-width:100%;flex:0 1 auto;min-height:420px}.hero-section--framed .hero-section__artwork:has(.hero-section__main-image){min-height:0}.hero-section--framed .hero-section__main-image{display:block;width:100%;max-width:100%;height:auto}.hero-section--framed .hero-section__content{position:absolute;left:2%;top:50%;transform:translateY(calc(-50% + var(--hero-content-offset)));width:var(--hero-content-width);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.5vw,28px);text-align:center;color:var(--hero-text-color);padding:12px}.hero-section--framed .hero-section__heading{font-family:"Druk Text Wide Web",var(--font-heading-family),sans-serif;font-weight:400;font-size:clamp(20px,4.3vw,var(--hero-heading-size));line-height:.98;letter-spacing:-.055em;margin:0;color:var(--hero-text-color);text-transform:none;overflow-wrap:anywhere}.hero-section--framed .hero-section__subheading{font-family:var(--font-body-family),sans-serif;font-size:clamp(12px,1.3vw,var(--hero-subheading-size));line-height:1.25;margin:0;color:var(--hero-text-color);text-transform:none}.hero-section--framed .hero-section__button{display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:100%;min-height:44px;padding:12px 28px;border:2px solid var(--hero-button-text);border-radius:999px;background:var(--hero-button-bg);color:var(--hero-button-text);font-family:"Druk Text Wide Web",var(--font-heading-family),sans-serif;font-weight:700;font-size:var(--hero-button-size);line-height:1.2;text-align:center;text-decoration:none;text-transform:none;transition:transform .2s ease,box-shadow .2s ease}.hero-section--framed .hero-section__button-icon{display:block;flex:0 0 auto;width:var(--hero-icon-width);height:auto}.hero-section--framed .hero-section__button[aria-disabled=true]{cursor:default}.hero-section--framed .hero-section__button:focus-visible{outline:3px solid var(--hero-text-color);outline-offset:5px}@media(hover:hover){.hero-section--framed .hero-section__button[href]:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}}@media(max-width:768px){.hero-section--framed{min-height:var(--hero-mobile-height);padding:28px 12px 12px}.hero-section--framed .hero-section__image-positioner{min-height:max(0px,calc(var(--hero-mobile-height) - 40px));justify-content:var(--hero-mobile-align-x);align-items:var(--hero-mobile-align-y)}.hero-section--framed .hero-section__artwork,.hero-section--framed .hero-section__artwork:has(.hero-section__main-image){display:flex;flex-direction:column;width:100%;min-height:0}.hero-section--framed .hero-section__content{position:static;transform:none;order:-1;width:100%;padding:12px 8px 28px;gap:18px}.hero-section--framed .hero-section__heading{font-size:var(--hero-mobile-heading-size)}.hero-section--framed .hero-section__subheading{font-size:var(--hero-mobile-subheading-size);max-width:500px}.hero-section--framed .hero-section__button{font-size:var(--hero-mobile-button-size);padding:12px 22px}.hero-section--framed .hero-section__button-icon{width:var(--hero-mobile-icon-width)}.hero-section--framed .hero-section__main-image{width:min(100%,var(--hero-mobile-width));align-self:var(--hero-mobile-align-x);object-fit:contain}}@media(prefers-reduced-motion:reduce){.hero-section--framed .hero-section__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/hero-image-text.css.map */