.full-bleed-banner{--full-bleed-banner-height: calc( var(--full-bleed-banner-height-mobile) - var(--full-bleed-banner-mobile-top-offset, 66px) );--full-bleed-banner-justify: flex-start;--full-bleed-banner-align: center;--full-bleed-banner-text-align: center;--full-bleed-banner-padding-block-start: var(--space-token-4xl);--full-bleed-banner-padding-block-end: var(--space-token-4xl);--full-bleed-banner-padding-inline: max(var(--space-token-md), env(safe-area-inset-left));--full-bleed-banner-copy-gap: var(--space-token-s);--full-bleed-banner-heading-font: var(--font-3xl-semibold);--full-bleed-banner-subheading-font: var(--font-base-medium);background:var(--full-bleed-banner-background, var(--color-bg-dark-click));isolation:isolate;margin-block:0;min-block-size:var(--full-bleed-banner-height);overflow:clip;padding-block:0;padding-inline:0;position:relative}.full-bleed-banner[allow-transparent-header]{margin-block-start:calc(-1 * var(--header-height, 0px) * var(--section-is-first))}.full-bleed-banner--mobile-position-center{--full-bleed-banner-justify: center}.full-bleed-banner--mobile-position-end{--full-bleed-banner-justify: flex-end}.full-bleed-banner--mobile-align-start{--full-bleed-banner-align: flex-start;--full-bleed-banner-text-align: start}.full-bleed-banner--mobile-align-end{--full-bleed-banner-align: flex-end;--full-bleed-banner-text-align: end}.full-bleed-banner__media,.full-bleed-banner__media :is(picture,picture-breakpoint),.full-bleed-banner__video-media{block-size:100%;display:block;inline-size:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute}.full-bleed-banner__media :is(.full-bleed-banner__image,.full-bleed-banner__video,.full-bleed-banner__video-poster){aspect-ratio:auto;block-size:100%;display:block;height:100%;inline-size:100%;object-fit:cover;object-position:center}.full-bleed-banner__video{top:0;right:0;bottom:0;left:0;opacity:0;position:absolute}.full-bleed-banner__video-media[data-playing] .full-bleed-banner__video{opacity:1}.full-bleed-banner__video-media[data-playing] .full-bleed-banner__video-poster{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.full-bleed-banner__video{display:none}}.full-bleed-banner__copy{align-items:var(--full-bleed-banner-align);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--full-bleed-banner-copy-gap);inline-size:100%;justify-content:var(--full-bleed-banner-justify);min-block-size:var(--full-bleed-banner-height);padding-block-end:var(--full-bleed-banner-padding-block-end);padding-block-start:var(--full-bleed-banner-padding-block-start);padding-inline:var(--full-bleed-banner-padding-inline);position:relative;text-align:var(--full-bleed-banner-text-align);z-index:1}.full-bleed-banner__eyebrow,.full-bleed-banner__subheading,.full-bleed-banner__heading{margin:0;max-inline-size:100%;overflow-wrap:break-word}.full-bleed-banner__eyebrow{font:var(--full-bleed-banner-eyebrow-font, var(--font-base-medium))}.full-bleed-banner__subheading{font:var(--full-bleed-banner-subheading-font)}.full-bleed-banner__heading{font:var(--full-bleed-banner-heading-font)}.full-bleed-banner--text-light .full-bleed-banner__subheading,.full-bleed-banner--text-light .full-bleed-banner__heading{color:var(--color-text-white-primary)}.full-bleed-banner--text-dark .full-bleed-banner__subheading,.full-bleed-banner--text-dark .full-bleed-banner__heading{color:var(--color-text-primary)}.full-bleed-banner--text-light .full-bleed-banner__eyebrow{color:var(--color-text-white-secondary)}.full-bleed-banner--text-dark .full-bleed-banner__eyebrow{color:var(--color-text-secondary)}@media screen and (min-width:768px){.full-bleed-banner{--full-bleed-banner-height: max(480px, var(--full-bleed-banner-tablet-viewport-height, 80vh));--full-bleed-banner-padding-block-start: calc(var(--space-token-4xl) + var(--space-token-base));--full-bleed-banner-padding-block-end: var(--space-token-4xl);--full-bleed-banner-heading-font: var(--font-4xl-semibold);--full-bleed-banner-subheading-font: var(--font-lg-medium)}.full-bleed-banner--tablet-position-start{--full-bleed-banner-justify: flex-start}.full-bleed-banner--tablet-position-center{--full-bleed-banner-justify: center}.full-bleed-banner--tablet-position-end{--full-bleed-banner-justify: flex-end}.full-bleed-banner--tablet-align-start{--full-bleed-banner-align: flex-start;--full-bleed-banner-text-align: start}.full-bleed-banner--tablet-align-center{--full-bleed-banner-align: center;--full-bleed-banner-text-align: center}.full-bleed-banner--tablet-align-end{--full-bleed-banner-align: flex-end;--full-bleed-banner-text-align: end}}@media screen and (min-width:1280px){.full-bleed-banner{--full-bleed-banner-height: max( 640px, calc(var(--full-bleed-banner-viewport-height, 80vh) - var(--full-bleed-banner-desktop-top-offset, 66px)) );--full-bleed-banner-padding-block-start: var(--space-token-6xl);--full-bleed-banner-padding-block-end: var(--space-token-6xl);--full-bleed-banner-padding-inline: max( var(--container-horizontal-min-margin-pc), calc(50% - var(--container-default-max-width) / 2) );--full-bleed-banner-heading-font: var(--font-6xl-semibold);--full-bleed-banner-subheading-font: var(--font-lg-medium)}.full-bleed-banner--desktop-position-start{--full-bleed-banner-justify: flex-start}.full-bleed-banner--desktop-position-center{--full-bleed-banner-justify: center}.full-bleed-banner--desktop-position-end{--full-bleed-banner-justify: flex-end}.full-bleed-banner--desktop-align-start{--full-bleed-banner-align: flex-start;--full-bleed-banner-text-align: start}.full-bleed-banner--desktop-align-center{--full-bleed-banner-align: center;--full-bleed-banner-text-align: center}.full-bleed-banner--desktop-align-end{--full-bleed-banner-align: flex-end;--full-bleed-banner-text-align: end}.full-bleed-banner__eyebrow,.full-bleed-banner__subheading,.full-bleed-banner__heading{max-inline-size:min(100%,var(--full-bleed-banner-copy-max-desktop, 100%))}}.full-bleed-banner--centered-stack{--full-bleed-banner-justify: flex-start;--full-bleed-banner-align: center;--full-bleed-banner-text-align: center;--full-bleed-banner-copy-gap: var(--space-token-2xs);--full-bleed-banner-text-gap: var(--space-token-2xs);--full-bleed-banner-padding-block-start: var(--space-200);--full-bleed-banner-padding-block-end: var(--space-token-xl);--full-bleed-banner-padding-inline: max(var(--space-token-xl), env(safe-area-inset-left, 0px));--full-bleed-banner-eyebrow-font: var(--font-base-medium);--full-bleed-banner-heading-font: var(--font-3xl-semibold);--full-bleed-banner-subheading-font: var(--font-lg-medium)}.full-bleed-banner--centered-stack .full-bleed-banner__copy{padding-inline-end:max(var(--space-token-xl),env(safe-area-inset-right,0px));text-shadow:0 1px 4px rgb(0 0 0 / 5%)}@media screen and (min-width:768px){.full-bleed-banner--centered-stack{--full-bleed-banner-justify: flex-start;--full-bleed-banner-align: center;--full-bleed-banner-text-align: center;--full-bleed-banner-copy-gap: var(--space-token-xs);--full-bleed-banner-text-gap: var(--space-token-xs);--full-bleed-banner-padding-block-start: var(--space-200);--full-bleed-banner-padding-block-end: var(--space-token-xl);--full-bleed-banner-padding-inline: var(--space-token-4xl);--full-bleed-banner-eyebrow-font: var(--font-base-medium);--full-bleed-banner-heading-font: var(--font-4xl-semibold);--full-bleed-banner-subheading-font: var(--font-lg-medium)}.full-bleed-banner--centered-stack .full-bleed-banner__copy{padding-inline-end:var(--space-token-4xl)}}@media screen and (min-width:1280px){.full-bleed-banner--centered-stack{--full-bleed-banner-justify: flex-start;--full-bleed-banner-align: center;--full-bleed-banner-text-align: center;--full-bleed-banner-copy-gap: var(--space-token-xs);--full-bleed-banner-text-gap: var(--space-token-xs);--full-bleed-banner-padding-block-start: var(--space-token-5xl);--full-bleed-banner-padding-block-end: var(--space-140);--full-bleed-banner-padding-inline: max( var(--space-token-4xl), calc(50% - var(--full-bleed-banner-copy-max-desktop, 848px) / 2) );--full-bleed-banner-eyebrow-font: var(--font-xl-medium);--full-bleed-banner-heading-font: var(--font-7xl-semibold);--full-bleed-banner-subheading-font: var(--font-2xl-medium)}.full-bleed-banner--centered-stack .full-bleed-banner__copy{padding-inline-end:max(var(--space-token-4xl),calc(50% - var(--full-bleed-banner-copy-max-desktop, 848px) / 2))}}.full-bleed-banner__text{align-items:inherit;display:flex;flex-direction:column;gap:var(--full-bleed-banner-text-gap, var(--full-bleed-banner-copy-gap));inline-size:100%;max-inline-size:min(100%,var(--full-bleed-banner-copy-max-desktop, 100%));text-align:inherit}.full-bleed-banner__cta{align-items:center;display:flex;gap:var(--space-token-base);justify-content:center;margin-block-start:calc(var(--full-bleed-banner-content-button-gap-mobile, var(--full-bleed-banner-copy-gap)) - var(--full-bleed-banner-copy-gap))}@media screen and (min-width:768px){.full-bleed-banner__cta{margin-block-start:calc(var(--full-bleed-banner-content-button-gap-tablet, var(--full-bleed-banner-copy-gap)) - var(--full-bleed-banner-copy-gap))}}@media screen and (min-width:1280px){.full-bleed-banner__cta{margin-block-start:calc(var(--full-bleed-banner-content-button-gap-desktop, var(--full-bleed-banner-copy-gap)) - var(--full-bleed-banner-copy-gap))}}.full-bleed-banner:not(.full-bleed-banner--has-button) .full-bleed-banner__cta{display:none}.full-bleed-banner--centered-stack.full-bleed-banner--has-button:not(.full-bleed-banner--button-ghost){--full-bleed-banner-copy-gap: var(--space-token-l)}.full-bleed-banner--centered-stack.full-bleed-banner--button-ghost.full-bleed-banner--has-button{--full-bleed-banner-copy-gap: var(--space-token-xs)}.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__button{--button-icon-size: 18px;background:var(--color-text-white-primary);backdrop-filter:blur(var(--backdrop-blur-base));color:var(--color-text-primary);flex-shrink:0;min-block-size:var(--space-90);opacity:1;-webkit-backdrop-filter:blur(var(--backdrop-blur-base))}@media screen and (pointer:fine){.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__button:not([disabled]):not([aria-disabled=true]):hover{background-color:var(--mask-light-white-2xl);opacity:var(--opacity-90)}}.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__button:not([disabled]):not([aria-disabled=true]):active{background-color:var(--mask-light-white-xl);opacity:1}.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__button[disabled],.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__button[aria-disabled=true]{background-color:var(--color-bg-white);opacity:var(--opacity-40)}.full-bleed-banner--centered-stack .full-bleed-banner__cta .button:focus-visible{outline:2px solid var(--color-text-white-primary);outline-offset:var(--space-10)}.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white{--button-icon-size: 18px;--button-gap: var(--space-20);--button-font: var(--font-base-semibold);--button-padding-block: 17px;--button-padding-inline: var(--space-80);background-color:transparent;background-image:none;backdrop-filter:blur(var(--backdrop-blur-base));border:var(--stroke-line-md) solid var(--mask-light-white-2xl);box-shadow:none;color:var(--color-text-white-primary);flex-shrink:0;line-height:var(--button-icon-size);min-block-size:var(--size-14);-webkit-backdrop-filter:blur(var(--backdrop-blur-base))}.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white .text-with-icon{align-items:center;display:inline-flex;gap:var(--space-20);line-height:var(--button-icon-size)}.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white .button__content svg{align-self:center;display:block;flex:0 0 var(--button-icon-size)}@media screen and (pointer:fine){.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white:not([disabled]):not([aria-disabled=true]):hover{background-color:var(--mask-light-white);border-color:var(--color-text-white-primary);box-shadow:none;opacity:1}}.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white:not([disabled]):not([aria-disabled=true]):active{background-color:var(--mask-light-white-l);border-color:var(--color-text-white-primary);box-shadow:none;opacity:1}.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white[disabled],.full-bleed-banner--button-ghost .full-bleed-banner__cta .button--outline-white[aria-disabled=true]{background-color:var(--mask-light-white-sm);border-color:var(--mask-light-white-2xl);opacity:var(--opacity-40)}@media screen and (max-width:1279px){.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__button .button__content svg{display:none}}@media screen and (min-width:768px){.full-bleed-banner--centered-stack.full-bleed-banner--has-button:not(.full-bleed-banner--button-ghost){--full-bleed-banner-copy-gap: var(--space-token-xl)}.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__cta .button{min-block-size:var(--size-13, 48px)}}@media screen and (min-width:1280px){.full-bleed-banner--centered-stack:not(.full-bleed-banner--button-ghost) .full-bleed-banner__cta .button{min-block-size:var(--size-14, 56px)}}.full-bleed-banner__youtube-popup{background:transparent;block-size:100svh;border:0;box-sizing:border-box;display:grid;inline-size:100vw;top:0;right:0;bottom:0;left:0;margin:0;max-block-size:100svh;max-inline-size:100vw;padding:var(--space-token-2xl);place-items:center;position:fixed;z-index:20}.full-bleed-banner__youtube-popup:not([open]){display:none}.full-bleed-banner__youtube-popup::backdrop{background:color-mix(in srgb,var(--color-bg-black) 72%,transparent)}.full-bleed-banner__youtube-popup-content{aspect-ratio:16 / 9;background:var(--color-bg-brand-dark);border-radius:var(--radius-sm);inline-size:min(1000px,calc(100vw - (var(--space-token-2xl) * 2)));overflow:hidden;position:relative}.full-bleed-banner__youtube-player{block-size:100%;border:0;display:block;inline-size:100%}.full-bleed-banner__youtube-popup-close{background:color-mix(in srgb,var(--color-bg-brand-dark) 72%,transparent);block-size:32px;border:0;border-radius:var(--radius-full);color:var(--color-text-white-primary);cursor:pointer;display:grid;inline-size:32px;inset-block-start:var(--space-token-l);inset-inline-end:var(--space-token-l);padding:0;place-items:center;position:absolute;z-index:1}.full-bleed-banner__youtube-popup-close:focus-visible{outline:2px solid var(--color-text-white-primary);outline-offset:var(--space-10)}@media screen and (max-width:1279px){.full-bleed-banner__youtube-popup{padding:0}.full-bleed-banner__youtube-popup-content{aspect-ratio:auto;block-size:90svh;border-radius:0;inline-size:100%}}@media screen and (max-width:767px){.full-bleed-banner__youtube-popup-close{inset-block-start:var(--space-token-xl);inset-inline-end:var(--space-token-xl)}}.full-bleed-banner__youtube-popup--large{padding:var(--space-token-2xl)}.full-bleed-banner__youtube-popup--large .full-bleed-banner__youtube-popup-content{aspect-ratio:16 / 9;block-size:auto;border-radius:var(--radius-sm);inline-size:min(1280px,calc(100vw - (var(--space-token-2xl) * 2)),calc((100svh - (var(--space-token-2xl) * 2)) * 16 / 9))}@media screen and (max-width:1440px)and (min-width:1280px){.full-bleed-banner__youtube-popup--large .full-bleed-banner__youtube-popup-content{inline-size:min(1024px,calc(100vw - (var(--space-token-2xl) * 2)),calc((100svh - (var(--space-token-2xl) * 2)) * 16 / 9))}}@media screen and (max-width:1279px){.full-bleed-banner__youtube-popup--large .full-bleed-banner__youtube-popup-content{inline-size:min(90vw,calc((100svh - (var(--space-token-4xl) * 2)) * 16 / 9))}}@media screen and (max-width:767px){.full-bleed-banner__youtube-popup--large{padding:var(--space-token-base)}.full-bleed-banner__youtube-popup--large .full-bleed-banner__youtube-popup-content{inline-size:min(94vw,calc((100svh - (var(--space-token-3xl) * 2)) * 16 / 9))}.full-bleed-banner__youtube-popup--large .full-bleed-banner__youtube-popup-close{inset-block-start:var(--space-token-base);inset-inline-end:var(--space-token-base)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/full-bleed-banner.css.map */