.banner-host{display:block}.banner-wrap{padding-block:var(--banner-pt, 0px) var(--banner-pb, 0px)}.banner-wrap--contained{max-inline-size:var(--max-content-width);margin-inline:auto;padding-inline:var(--gutter-mobile)}@media(min-width:768px){.banner-wrap--contained{padding-inline:var(--gutter-desktop)}}@media(max-width:749px){.banner-wrap[data-hide-mobile=true]{display:none}}@media(min-width:750px){.banner-wrap[data-hide-desktop=true]{display:none}}.banner{--banner-bg: transparent;--banner-fg: var(--color-text-primary);--banner-muted: var(--color-text-muted);--banner-accent: var(--color-action);--banner-hairline: var(--color-border-soft);--banner-scrim-color: 0 0 0;position:relative;display:block;color:var(--banner-fg)}.banner--scheme-light{--banner-bg: var(--color-surface);--banner-fg: var(--color-text-primary);--banner-muted: var(--color-text-muted);--banner-accent: var(--color-action);--banner-hairline: var(--color-border-soft)}.banner--scheme-warm{--banner-bg: var(--color-surface-warm);--banner-fg: var(--color-text-primary);--banner-muted: color-mix(in oklch, var(--obsidian) 80%, var(--ivory));--banner-accent: var(--color-action);--banner-hairline: var(--color-border-soft)}.banner--scheme-dark{--banner-bg: var(--color-surface-dark);--banner-fg: var(--color-text-inverse);--banner-muted: color-mix(in oklch, var(--bone) 72%, var(--obsidian));--banner-accent: var(--amber-on-dark);--banner-hairline: var(--color-border-dark)}.banner--scheme-accent{--banner-bg: var(--color-surface-deep);--banner-fg: var(--color-text-inverse);--banner-muted: color-mix(in oklch, var(--bone) 76%, var(--mahogany));--banner-accent: var(--ivory);--banner-hairline: color-mix(in oklch, var(--bone) 22%, transparent)}.banner--overlay.banner--has-media{--banner-bg: var(--color-surface-dark)}.banner--overlay.banner--has-media.banner--scheme-light,.banner--overlay.banner--has-media.banner--scheme-warm{--banner-scrim-color: 255 255 255}.banner__frame{position:relative;display:grid;overflow:hidden;background-color:var(--banner-bg);border-radius:var(--banner-radius, 0px);isolation:isolate}.banner--scheme-plain .banner__frame{background-color:transparent}.banner--strip.banner--scheme-plain .banner__frame{border-block:var(--border-width) solid var(--banner-hairline)}.banner__media{position:relative;display:block;overflow:hidden;background-color:color-mix(in oklch,var(--obsidian) 12%,var(--bone))}.banner__media img,.banner__media video{inline-size:100%;block-size:100%;object-fit:cover;object-position:var(--banner-focal, 50% 50%)}.banner--overlay .banner__media{grid-area:1 / 1;inline-size:100%;block-size:100%}.banner--overlay .banner__media img,.banner--overlay .banner__media video{position:absolute;top:0;right:0;bottom:0;left:0}.banner__scrim{grid-area:1 / 1;z-index:1;pointer-events:none}.banner__scrim--solid{background-color:rgb(var(--banner-scrim-color) / var(--banner-overlay, .3))}.banner__scrim--bottom{background-image:linear-gradient(to top,rgb(var(--banner-scrim-color) / var(--banner-overlay, .3)),rgb(var(--banner-scrim-color) / calc(var(--banner-overlay, .3) * .72)) 34%,rgb(var(--banner-scrim-color) / 0) 76%)}.banner__scrim--side{background-image:linear-gradient(to right,rgb(var(--banner-scrim-color) / var(--banner-overlay, .3)),rgb(var(--banner-scrim-color) / calc(var(--banner-overlay, .3) * .6)) 46%,rgb(var(--banner-scrim-color) / 0) 88%)}[dir=rtl] .banner__scrim--side{background-image:linear-gradient(to left,rgb(var(--banner-scrim-color) / var(--banner-overlay, .3)),rgb(var(--banner-scrim-color) / calc(var(--banner-overlay, .3) * .6)) 46%,rgb(var(--banner-scrim-color) / 0) 88%)}.banner__scrim--vignette{background-image:radial-gradient(120% 90% at 50% 50%,rgb(var(--banner-scrim-color) / 0) 32%,rgb(var(--banner-scrim-color) / var(--banner-overlay, .3)))}.banner__placeholder{display:grid;place-items:center;inline-size:100%;block-size:100%;background-image:radial-gradient(72% 58% at 50% 34%,color-mix(in oklch,var(--ivory) 62%,transparent) 0%,transparent 72%),linear-gradient(160deg,var(--color-surface-deep) 0%,var(--color-surface-dark) 100%)}.banner__placeholder svg{inline-size:clamp(48px,8vw,96px);block-size:auto;opacity:.42;fill:var(--bone)}.banner__content-wrap{position:relative;z-index:2;display:grid;align-items:var(--banner-ai, center);justify-items:var(--banner-pi, center);padding:var(--banner-pad, var(--space-4))}.banner--overlay .banner__content-wrap{grid-area:1 / 1}.banner__content{display:grid;gap:var(--banner-gap, var(--space-2));justify-items:var(--banner-ji, center);inline-size:100%;max-inline-size:var(--banner-measure, 46ch);text-align:var(--banner-ta, center)}.banner__content>*{margin:0}.banner--density-compact{--banner-pad: clamp(20px, 3vw, 32px);--banner-gap: var(--space-1-5)}.banner--density-standard{--banner-pad: clamp(28px, 4.5vw, 56px);--banner-gap: var(--space-2)}.banner--density-spacious{--banner-pad: clamp(36px, 6vw, 88px);--banner-gap: var(--space-3)}.banner__badge{display:inline-flex;align-items:center;gap:var(--space-0-5);padding:6px 12px;font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:var(--font-weight-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;line-height:1.2;color:var(--banner-badge-fg, var(--color-text-inverse));background-color:var(--banner-badge-bg, var(--color-action));border-radius:var(--radius-button);justify-self:var(--banner-ji, center)}.banner__badge--quiet{color:var(--banner-fg);background-color:transparent;border:var(--border-width) solid color-mix(in oklch,currentcolor 34%,transparent)}.banner__eyebrow{font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:var(--font-weight-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--banner-accent)}.banner__heading{font-family:var(--font-display);font-weight:var(--font-weight-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-size:var(--banner-heading-size, clamp(32px, 4.4vw, 62px));color:var(--banner-fg);text-wrap:balance}.banner__heading p{margin:0;max-inline-size:none}.banner__text{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--banner-muted);max-inline-size:56ch}.banner__text p{margin:0;max-inline-size:none}.banner__text p+p{margin-block-start:var(--space-1)}.banner__price{font-size:var(--fs-body);color:var(--banner-fg)}.banner__notes{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);justify-content:var(--banner-ji, center);font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;color:var(--banner-muted)}.banner__notes li{display:inline-flex;align-items:center;gap:var(--space-1)}.banner__notes li+li:before{content:"";inline-size:4px;block-size:4px;border-radius:50%;background-color:currentcolor;opacity:.55;margin-inline-end:var(--space-1)}.banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-1-5);justify-content:var(--banner-ji, center);margin-block-start:var(--space-0-5)}.banner__btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--button-height);padding-inline:var(--space-3);font-family:var(--font-body);font-size:var(--fs-label);font-weight:var(--font-weight-medium);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);line-height:1;text-align:center;border-radius:var(--button-radius);border:var(--border-width) solid var(--button-border);background-color:var(--button-bg);color:var(--button-color);transition:background-color var(--duration-hover) var(--ease-standard),color var(--duration-hover) var(--ease-standard),border-color var(--duration-hover) var(--ease-standard),transform var(--duration-hover) var(--ease-standard)}.banner__btn--secondary{border-color:var(--button-secondary-border);background-color:var(--button-secondary-bg);color:var(--button-secondary-color)}.banner--scheme-dark .banner__btn--secondary,.banner--scheme-accent .banner__btn--secondary,.banner--has-media.banner--overlay .banner__btn--secondary{background-color:transparent;color:var(--banner-fg);border-color:color-mix(in oklch,currentcolor 46%,transparent)}@media(hover:hover)and (pointer:fine){body[data-button-hover=quiet_color_shift] .banner__btn:where(:hover,:focus-visible){background-color:var(--button-hover-bg);color:var(--button-hover-color);border-color:var(--button-hover-border)}body[data-button-hover=quiet_color_shift] .banner__btn--secondary:where(:hover,:focus-visible){background-color:var(--button-secondary-hover-bg);color:var(--button-secondary-hover-color);border-color:var(--button-secondary-hover-border)}body[data-button-hover=quiet_color_shift] :where(.banner--scheme-dark,.banner--scheme-accent,.banner--has-media.banner--overlay) .banner__btn--secondary:where(:hover,:focus-visible){background-color:color-mix(in oklch,currentcolor 14%,transparent);color:var(--banner-fg);border-color:currentcolor}body[data-button-hover=lift] .banner__btn:where(:hover,:focus-visible){transform:translateY(calc(-1 * var(--hover-lift-distance)));box-shadow:var(--button-shadow)}body[data-button-hover=press] .banner__btn:where(:hover,:focus-visible){transform:translateY(var(--hover-press-distance))}}.banner__link{display:inline-flex;align-items:center;gap:var(--space-0-5);font-size:var(--fs-label);font-weight:var(--font-weight-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--banner-fg);border-block-end:var(--border-width) solid color-mix(in oklch,currentcolor 42%,transparent);padding-block-end:2px;transition:border-color var(--duration-hover) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.banner__link:where(:hover,:focus-visible){border-color:currentcolor}}@media(pointer:coarse){.banner__link{position:relative}.banner__link:after{content:"";position:absolute;inset-block:-11px;inset-inline:-4px}}.banner__cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit}.banner__cover-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px}.banner__countdown{display:grid;gap:var(--space-1);justify-items:var(--banner-ji, center)}.banner__countdown[hidden]{display:none}.banner__countdown-label{font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--banner-muted)}.banner__countdown-list{display:flex;gap:var(--space-1)}.banner__countdown-unit{display:grid;gap:2px;justify-items:center;min-inline-size:62px;padding:var(--space-1) var(--space-1-5);background-color:color-mix(in oklch,currentcolor 10%,transparent);border:var(--border-width) solid color-mix(in oklch,currentcolor 20%,transparent);border-radius:var(--radius-card)}.banner__countdown-value{font-family:var(--font-display);font-size:clamp(26px,3vw,40px);line-height:1;font-variant-numeric:tabular-nums;color:var(--banner-fg)}.banner__countdown-unit-label{font-size:10px;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--banner-muted)}.banner__countdown-expired{font-size:var(--fs-meta);color:var(--banner-fg)}.banner--overlay .banner__frame{min-block-size:var(--banner-h-mobile, auto)}@media(min-width:750px){.banner--overlay .banner__frame{min-block-size:var(--banner-h, auto)}}.banner--overlay .banner__content-wrap{padding:var(--banner-pad, var(--space-4))}@media(min-width:750px){.banner--overlay .banner__content{max-inline-size:var(--banner-measure, 52ch)}}.banner--split .banner__frame{grid-template-columns:1fr}.banner--split .banner__media{aspect-ratio:var(--banner-ratio-mobile, 4 / 3)}@media(min-width:750px){.banner--split .banner__frame{grid-template-columns:var(--banner-split-cols, 1fr 1fr);align-items:stretch}.banner--split .banner__media{aspect-ratio:auto;min-block-size:var(--banner-h, 480px);grid-column:1;grid-row:1}.banner--split .banner__media img,.banner--split .banner__media video,.banner--split .banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.banner--split .banner__content-wrap{grid-column:2;grid-row:1}.banner--split.banner--media-end .banner__media{grid-column:2}.banner--split.banner--media-end .banner__content-wrap{grid-column:1}}.banner--card .banner__frame{grid-template-rows:auto 1fr;block-size:100%}.banner--card .banner__media{aspect-ratio:var(--banner-ratio, 4 / 3)}.banner--card .banner__content-wrap{align-items:start}.banner--card .banner__heading{--banner-heading-size: clamp(24px, 2.6vw, 36px)}.banner--strip .banner__frame{border-radius:var(--banner-radius, 0px)}.banner--strip .banner__content-wrap{padding-block:var(--space-1-5);padding-inline:var(--gutter-mobile)}@media(min-width:768px){.banner--strip .banner__content-wrap{padding-inline:var(--gutter-desktop)}}.banner--strip .banner__content{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--banner-ji, center);text-align:var(--banner-ta, center);gap:var(--space-1) var(--space-2);max-inline-size:var(--max-content-width);margin-inline:auto}.banner--strip .banner__heading{--banner-heading-size: var(--fs-meta);font-family:var(--font-body);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.banner--strip .banner__text{font-size:var(--fs-meta);max-inline-size:none}.banner--strip .banner__actions{margin-block-start:0}.banner--strip .banner__countdown{grid-auto-flow:column;align-items:center;gap:var(--space-1)}.banner--strip .banner__countdown-label{display:none}.banner--strip .banner__countdown-unit{min-inline-size:0;padding:2px 8px;border:0;background-color:color-mix(in oklch,currentcolor 12%,transparent)}.banner--strip .banner__countdown-value{font-family:var(--font-body);font-size:var(--fs-meta);font-weight:var(--font-weight-medium)}.banner--strip .banner__countdown-unit-label{display:none}.banner--strip .banner__btn{min-block-size:36px;padding-inline:var(--space-2)}.banner--text .banner__frame{min-block-size:var(--banner-h-mobile, auto)}@media(min-width:750px){.banner--text .banner__frame{min-block-size:var(--banner-h, auto)}}.banner--text .banner__content{max-inline-size:var(--banner-measure, 42ch)}.banner--text .banner__heading{--banner-heading-size: clamp(28px, 3.4vw, 50px)}@media(max-width:749px){.banner__content-wrap{align-items:var(--banner-ai-mobile, center);justify-items:var(--banner-ji, center)}.banner__heading{--banner-heading-size: clamp(28px, 8.6vw, 42px)}.banner--overlay .banner__content,.banner--text .banner__content{max-inline-size:34ch}.banner__actions{inline-size:100%}.banner--overlay .banner__btn,.banner--split .banner__btn,.banner--card .banner__btn,.banner--text .banner__btn{flex:1 1 auto;min-inline-size:44%}.banner__countdown-unit{min-inline-size:54px}.banner--strip .banner__content{justify-content:center;text-align:center}}.banner-grid__list{display:grid;gap:var(--banner-grid-gap, var(--space-2));grid-template-columns:1fr}@media(min-width:750px){.banner-grid__list{grid-template-columns:repeat(var(--banner-grid-cols, 2),minmax(0,1fr))}}.banner-grid__item{min-inline-size:0}.banner-grid__item .banner-wrap{padding-block:0;block-size:100%}.banner-grid__item .banner-wrap--contained{max-inline-size:none;padding-inline:0}.banner-grid__item .banner{block-size:100%}.banner-grid__header{display:grid;gap:var(--space-1);justify-items:var(--banner-grid-ji, center);text-align:var(--banner-grid-ta, center);margin-block-end:var(--space-4)}.banner-grid__eyebrow{font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:var(--font-weight-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--color-action)}.banner-grid__heading{font-size:var(--fs-section)}.banner-grid__subcopy{color:var(--color-text-muted);max-inline-size:60ch}@media(prefers-reduced-motion:no-preference){html.motion-ready .banner [data-motion]{--motion-duration: .62s}html.motion-ready .banner--anim-fade [data-motion]{--motion-y: 0px}html.motion-ready .banner--anim-rise [data-motion]{--motion-y: var(--reveal-motion-y)}}.banner__media img[loading=lazy]{background-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-banner.css.map */