.shopify-section.p4f-hero-banner-section{padding:0;margin:0}.p4f-hero-banner{position:relative;isolation:isolate;color:#fff;overflow:hidden;min-height:var(--p4f-hero-min-height, 640px);display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,calc(var(--p4f-hero-min-height, 640px) * var(--p4f-hero-content-zone, 40) / 100)) minmax(0,1fr)}.p4f-hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#0a0a0a}.p4f-hero-banner__media-img,.p4f-hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--p4f-hero-media-position, center 35%)}.p4f-hero-banner__media-img--mobile{display:none}.p4f-hero-banner__placeholder{display:grid;place-items:center;color:#4a4a4a;font-size:14px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}.p4f-hero-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(0 0 0 / var(--p4f-hero-scrim-top, 35%)),rgb(0 0 0 / var(--p4f-hero-scrim-bottom, 15%)) 45% 100%)}.p4f-hero-banner__inner{grid-row:1;grid-column:1;position:relative;z-index:2;align-self:start;justify-self:center;width:min(calc(100% - 48px),1200px);max-height:100%;padding:clamp(32px,6vh,72px) 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none}.p4f-hero-banner__main{width:100%;max-width:900px;text-align:center;pointer-events:auto}.p4f-hero-banner__eyebrow{margin:0 0 12px;font-size:clamp(13px,1.4vw,16px);font-weight:400;line-height:1.4;letter-spacing:.02em;opacity:.92}.p4f-hero-banner__heading{margin:0 0 16px;font-size:clamp(36px,6vw,64px);font-weight:600;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}.p4f-hero-banner__promo{margin:0 auto 20px;max-width:min(100%,560px);font-size:clamp(12px,1.15vw,14px);font-weight:400;line-height:1.5;letter-spacing:.01em;text-align:center;color:#ffffffe5}.p4f-hero-banner__promo-line{margin:0}.p4f-hero-banner__promo-line+.p4f-hero-banner__promo-line{margin-top:4px}.p4f-hero-banner__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px}.p4f-hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 22px;border-radius:999px;border:1px solid rgb(255 255 255 / 85%);background:transparent;color:inherit;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s ease,border-color .2s ease}.p4f-hero-banner__btn:hover{background:#ffffff1f;border-color:#fff}.p4f-hero-banner__btn[aria-disabled=true]{opacity:.5;pointer-events:none}.p4f-hero-banner__btn-icon{font-size:1.1em;line-height:1}.p4f-hero-banner__link{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;color:inherit;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px;opacity:.95}.p4f-hero-banner__link:hover{opacity:1}.p4f-hero-banner__corner{position:absolute;z-index:3;left:max(24px,calc((100% - 1200px)/2 + 24px));bottom:clamp(20px,4vw,40px)}.p4f-hero-banner__corner-link{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:13px;font-weight:500;text-decoration:none;opacity:.9}.p4f-hero-banner__corner-link:hover{opacity:1;text-decoration:underline}.p4f-hero-banner__corner-img{display:block;height:auto;max-height:40px;width:auto;max-width:160px;object-fit:contain}@media screen and (max-width:989px){.p4f-hero-banner__corner{position:relative;left:auto;bottom:auto;width:min(calc(100% - 48px),420px);margin:-8px auto 0;text-align:center}}@media screen and (max-width:749px){.p4f-hero-banner{min-height:var(--p4f-hero-min-height-mobile, 520px);grid-template-rows:minmax(0,calc(var(--p4f-hero-min-height-mobile, 520px) * var(--p4f-hero-content-zone-mobile, 46) / 100)) minmax(0,1fr)}.p4f-hero-banner__media-img--mobile{object-position:var(--p4f-hero-media-position-mobile, center 40%)}.p4f-hero-banner__media-img--desktop{display:none}.p4f-hero-banner__media-img--mobile{display:block}.p4f-hero-banner__inner{width:calc(100% - 32px);padding-top:clamp(40px,12vw,72px)}.p4f-hero-banner__actions{flex-direction:column;align-items:center;width:100%}.p4f-hero-banner__btn{width:auto;max-width:min(100%,200px);padding-inline:18px}.p4f-hero-banner__link{width:auto;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pocket4-hero-banner.css.map */