@layer theme{.promo-image-banner{position:relative;width:100%;padding:var(--pb-top, 0px) var(--page-gutter, 16px) var(--pb-bottom, 0px)}.promo-image-banner__link{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;max-width:var(--page-width);margin-inline:auto;aspect-ratio:var(--pb-ratio, 1280 / 320);overflow:hidden;border-radius:var(--pb-radius, 0px);color:#fff;text-decoration:none;isolation:isolate}.promo-image-banner__link:has(>.promo-image-banner__content--y-top){align-content:start}.promo-image-banner__link:has(>.promo-image-banner__content--y-bottom){align-content:end}.promo-image-banner__media,.promo-image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.promo-image-banner__media img,.promo-image-banner__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:var(--pb-fit, cover);object-position:center}.promo-image-banner__overlay{background:rgba(0,0,0,var(--pb-overlay, 0));pointer-events:none}.promo-image-banner__content{display:flex;flex-direction:column;gap:12px;width:100%;padding:32px 48px}.promo-image-banner__content--x-left{align-items:flex-start;text-align:left}.promo-image-banner__content--x-center{align-items:center;text-align:center}.promo-image-banner__content--x-right{align-items:flex-end;text-align:right}.promo-image-banner__eyebrow{display:inline-flex;align-items:center;gap:.9em;margin:0;font-family:var(--font-body-family);font-size:clamp(11px,1vw,14px);font-weight:600;letter-spacing:.3em;line-height:1.3;text-transform:uppercase}.promo-image-banner__eyebrow:before{content:"";flex:0 0 auto;width:.55em;height:.55em;border-radius:50%;background:currentColor}.promo-image-banner__heading{max-width:22ch;margin:0;font-family:var(--pb-font, var(--font-heading-family));font-size:clamp(var(--pb-title-mobile, 32px),calc(var(--pb-title, 72) / 1440 * 100vw),calc(var(--pb-title, 72) * 1px));font-weight:var(--pb-weight, 800);font-synthesis:var(--pb-synth, weight style small-caps);line-height:.98;letter-spacing:var(--pb-tracking, -.01em);text-transform:uppercase;text-wrap:balance;color:inherit}.promo-image-banner__content--x-center .promo-image-banner__heading{max-width:none}.promo-image-banner__text{max-width:52ch;margin:0;font-size:clamp(13px,1.1vw,16px);line-height:1.45;opacity:.9}.promo-image-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;padding:0 32px;border:1px solid #fff;border-radius:var(--ok-radius, 6px);font-family:var(--font-body-family);font-size:13px;font-weight:600;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 20px #00000040;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.promo-image-banner__button--light{background:#fff;color:var(--ok-ink, #111)}.promo-image-banner__button--dark{background:var(--ok-ink, #111);border-color:var(--ok-ink, #111);color:#fff}.promo-image-banner__button--outline{background:transparent;color:#fff;box-shadow:none}@media(hover:hover){.promo-image-banner__link:hover .promo-image-banner__button{background:var(--pb-btn-hover-bg, #004324);border-color:var(--pb-btn-hover-bg, #004324);color:var(--pb-btn-hover-color, #fff)}}@media(max-width:749px){.promo-image-banner__link{aspect-ratio:var(--pb-ratio-mobile, 4 / 5)}.promo-image-banner__media img{object-position:var(--pb-pos-mobile, center)}.promo-image-banner__content{gap:10px;padding:24px 20px}.promo-image-banner__content--mx-left{align-items:flex-start;text-align:left}.promo-image-banner__content--mx-center{align-items:center;text-align:center}.promo-image-banner__content--mx-right{align-items:flex-end;text-align:right}.promo-image-banner__link:has(>.promo-image-banner__content--my-top){align-content:start}.promo-image-banner__link:has(>.promo-image-banner__content--my-center){align-content:center}.promo-image-banner__link:has(>.promo-image-banner__content--my-bottom){align-content:end}.promo-image-banner__eyebrow{font-size:min(10px,2.55vw);letter-spacing:.12em;opacity:.9}.promo-image-banner__heading{font-size:var(--pb-title-mobile, 32px);white-space:normal;overflow-wrap:break-word;text-wrap:balance;max-width:100%}.promo-image-banner__button{min-height:36px;margin-top:4px;padding:0 18px;font-size:10.5px;letter-spacing:.08em;box-shadow:0 4px 14px #0003}.promo-image-banner--fit .promo-image-banner__link{aspect-ratio:auto;min-height:clamp(260px,calc(100svh - 440px),calc(100vw - 32px))}}.promo-image-banner.is-wait .promo-image-banner__media img,.promo-image-banner.is-wait .promo-image-banner__content{opacity:0;transition:opacity .4s ease}.promo-image-banner.is-wait.is-ready .promo-image-banner__media img,.promo-image-banner.is-wait.is-ready .promo-image-banner__content{opacity:1}@media(prefers-reduced-motion:reduce){.promo-image-banner.is-wait .promo-image-banner__media img,.promo-image-banner.is-wait .promo-image-banner__content{transition:none}}@media(min-width:750px){.promo-image-banner--fit .promo-image-banner__link{aspect-ratio:auto;height:max(220px,calc(100svh - var(--header-group-height, 103px) - 11px - 84px - var(--okcat-card-h, 30rem) - 16px))}}.promo-image-banner__media{overflow:hidden}.promo-image-banner__media .promo-image-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .6s ease}.promo-image-banner__media .promo-image-banner__video:is(.is-on,.is-playing){opacity:1;transition:none}@media(max-width:749px){.promo-image-banner__media .promo-image-banner__video{object-position:var(--pb-pos-mobile, center)}}.promo-image-banner .promo-image-banner__overlay{display:block}.promo-image-banner__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pb-gradient, none);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-promo-image-banner.css.map */