.potero-drop-banner{position:relative;display:grid;grid-template-areas:"stack";width:100%;overflow:hidden;background-color:var(--steel-black, #111214);min-height:clamp(38.4rem,calc(100vw / var(--drop-banner-ratio-mobile, .8)),82vh);min-height:clamp(38.4rem,calc(100vw / var(--drop-banner-ratio-mobile, .8)),82dvh)}.potero-drop-banner__media,.potero-drop-banner__content{grid-area:stack;min-width:0}.potero-drop-banner__media{position:relative}.potero-drop-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.potero-drop-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--steel, #1a1c1e)}.potero-drop-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgba(17,18,20,var(--drop-banner-overlay, .2))}.potero-drop-banner__content{position:relative;z-index:1;width:100%;display:flex;align-items:flex-start;padding-top:1.2rem;padding-bottom:1.2rem}.potero-drop-banner--mtext-bottom .potero-drop-banner__content{align-items:flex-end}.potero-drop-banner__text{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;max-width:54.4rem;text-align:left;word-break:normal;overflow-wrap:break-word}.potero-drop-banner__eyebrow{margin:0;font-family:var(--font-rajdhani, "Rajdhani", sans-serif);font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ice-blue, #d7e9f6)}.potero-drop-banner__headline{margin:0;font-family:var(--font-teko, "Teko", sans-serif);font-size:clamp(2.8rem,9vw,4.8rem);font-weight:700;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;color:var(--bone-white, #efece6);word-break:normal;overflow-wrap:break-word}.potero-drop-banner__meta{margin:0;font-family:var(--font-rajdhani, "Rajdhani", sans-serif);font-size:1.4rem;font-weight:600;letter-spacing:.06em;line-height:1.25;text-transform:uppercase;color:var(--bone-white, #efece6)}.potero-drop-banner__cta{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;margin-top:.2rem;padding:0 2.4rem;border:2px solid var(--bone-white, #efece6);background-color:transparent;color:var(--bone-white, #efece6);font-family:var(--font-teko, "Teko", sans-serif);font-size:1.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out}.potero-drop-banner__cta:hover,.potero-drop-banner__cta:focus-visible{background-color:var(--bone-white, #efece6);color:var(--steel-black, #111214)}.potero-drop-banner__cta:focus-visible{outline:2px solid var(--ice-blue, #d7e9f6);outline-offset:3px}@media screen and (min-width:750px){.potero-drop-banner{min-height:var(--drop-banner-height, 620px)}.potero-drop-banner__image{object-fit:contain}.potero-drop-banner--text-left .potero-drop-banner__image{object-position:center right}.potero-drop-banner--text-right .potero-drop-banner__image{object-position:center left}.potero-drop-banner__content,.potero-drop-banner--mtext-bottom .potero-drop-banner__content{align-items:center;padding-top:6.4rem;padding-bottom:6.4rem}.potero-drop-banner--text-right .potero-drop-banner__content{justify-content:flex-end}.potero-drop-banner__text{gap:2rem;max-width:min(60.8rem,46%)}.potero-drop-banner--art-panel .potero-drop-banner__image{width:46%}.potero-drop-banner--art-panel.potero-drop-banner--text-left .potero-drop-banner__image{left:auto;right:0}.potero-drop-banner--art-panel.potero-drop-banner--text-right .potero-drop-banner__image{left:0;right:auto}.potero-drop-banner__eyebrow{font-size:1.6rem}.potero-drop-banner__headline{font-size:clamp(6.4rem,6vw,10.4rem)}.potero-drop-banner__meta{font-size:1.8rem}.potero-drop-banner__cta{min-height:5.2rem;margin-top:.8rem;padding:0 2.8rem;font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.potero-drop-banner__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-potero-drop-banner.css.map */