.editorial-banner__column--coral{--eb-accent: var(--gx-coral-flash, #FF4D6D)}.editorial-banner__column--solar{--eb-accent: var(--gx-solar-yellow, #F4C54E)}.editorial-banner__column--electric{--eb-accent: var(--gx-electric-blue, #00CFFF)}.editorial-banner__column--lime{--eb-accent: var(--gx-lime-shock, #C8FF00)}.editorial-banner__column--violet{--eb-accent: var(--gx-electric-violet, #A855F7)}.editorial-banner__column--matcha{--eb-accent: var(--gx-matcha-neon, #10E4A4)}.editorial-banner__column--pomegranate{--eb-accent: var(--gx-pomegranate-pop, #FF1F8F)}.editorial-banner{background:var(--gx-paper, #fff);padding-top:var(--eb-pt, 0px);padding-bottom:var(--eb-pb, 0px);padding-left:24px;padding-right:24px;width:100%;box-sizing:border-box}.editorial-banner__track{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:var(--eb-height, 90vh)}.editorial-banner__column{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;border-radius:16px;-webkit-tap-highlight-color:transparent}.editorial-banner__column:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--eb-accent, transparent);z-index:4;pointer-events:none}.editorial-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.editorial-banner__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.editorial-banner__column:hover .editorial-banner__img{transform:scale(1.04)}.editorial-banner__img--placeholder{background:var(--gx-charcoal, #1a1a1a);width:100%;height:100%}.editorial-banner__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,.16) 38%,transparent 62%);pointer-events:none}.editorial-banner__overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;margin:0 16px 16px;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:0;border-radius:16px;background:#0f0f1238;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 22px #00000024;-webkit-backdrop-filter:blur(16px) saturate(112%);backdrop-filter:blur(16px) saturate(112%)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.editorial-banner__overlay{background:#0f0f1280}}.editorial-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading-family);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;line-height:1;margin-bottom:10px}.editorial-banner__eyebrow-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--eb-accent, rgba(255, 255, 255, .7));flex-shrink:0}.editorial-banner__title{font-family:var(--font-heading-family);font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.005em;color:#fff;margin:0 0 6px}.editorial-banner__sub{font-family:var(--font-heading-family);font-size:12px;font-weight:400;letter-spacing:.02em;color:#ffffffc7;line-height:1.4;margin:0 0 12px}.editorial-banner__cta{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#fff;padding:0 0 3px;border-radius:0;font-family:var(--font-heading-family);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.55);transition:border-color .25s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.editorial-banner__column:hover .editorial-banner__cta{border-bottom-color:#fff}.editorial-banner__empty{grid-column:1 / -1;padding:48px;text-align:center;font-family:var(--font-body-family);color:var(--gx-charcoal, #1a1a1a)}@media(min-width:768px)and (max-width:1024px){.editorial-banner__overlay{padding:22px 20px}.editorial-banner__eyebrow{font-size:10px}.editorial-banner__title{font-size:clamp(15px,1.7vw,18px)}.editorial-banner__sub{font-size:11px}.editorial-banner__cta{font-size:10px;padding:0 0 3px}}@media(max-width:767px){.editorial-banner{padding-left:16px;padding-right:16px}.editorial-banner__track{grid-template-columns:1fr;gap:10px;height:auto}.editorial-banner__column{min-height:unset;aspect-ratio:3 / 4}.editorial-banner__title{font-size:clamp(18px,4.5vw,22px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-three-column-editorial-banner.css.map */