:where(scroll-buttons,scroll-container,autopause-video){display:contents}:root{--tight-gap: 10px;--default-gap: 20px;--wide-gap: 40px}.c-image-banner{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:100%;margin-inline:auto;overflow:hidden;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;contain:paint}.c-image-banner::-webkit-scrollbar{background:transparent;width:0px}@media (prefers-reduced-motion: no-preference){.c-image-banner{scroll-behavior:smooth}}.c-image-banner__slide{scroll-snap-align:start;aspect-ratio:3 / 4;display:grid;grid-template-areas:"empty" "title" "subtitle" "buttons";grid-template-columns:100%;grid-template-rows:1fr max-content max-content max-content;align-items:end;align-content:end;justify-items:center;justify-content:stretch;background:#000;color:#fff;text-align:center}@media (min-width: 768px){.c-image-banner__slide{aspect-ratio:2 / 1}}.c-image-banner__slide--dark{background:#fff;color:#000}.c-image-banner__slide:after{grid-area:empty;content:" ";pointer-events:none}.c-image-banner__slide>*:nth-child(2){margin-top:auto}.c-image-banner__slide>*:last-child:not(.c-image-banner__slide__background){margin-bottom:var(--wide-gap)}scroll-container .c-image-banner__slide>*:last-child:not(.c-image-banner__slide__background){margin-bottom:calc(var(--wide-gap) + var(--default-gap) + 5px)}.c-image-banner__slide__background{grid-row:1 / -1;grid-column:1 / -1;align-self:stretch;justify-self:stretch;display:grid;grid-template-areas:"main";align-items:stretch;justify-content:stretch}.c-image-banner__slide__background picture{display:contents}.c-image-banner__slide__background__image,.c-image-banner__slide__background__video{grid-area:main;width:100%;height:auto;object-fit:cover}@media (prefers-reduced-motion: reduce){.c-image-banner__slide__background__video{display:none}}.c-image-banner__slide__title,.c-image-banner__slide__subtitle{max-width:calc(500px + var(--default-gap));padding-inline:var(--default-gap)}.c-image-banner__slide__title{grid-area:title;margin-bottom:var(--tight-gap);font-size:2.5rem;font-family:var(--font-heading-family, serif);font-weight:var(--font-heading-weight, 400);font-style:var(--font-heading-style, normal);color:inherit;letter-spacing:.2em;text-transform:uppercase}@media (min-width: 768px){.c-image-banner__slide__title{margin-bottom:var(--default-gap);font-size:4.5rem}}.c-image-banner__slide__subtitle{grid-area:subtitle;margin-top:var(--tight-gap);font-family:var(--font-body-family, sans-serif);font-weight:var(--font-body-weight, 400);font-style:var(--font-body-style, normal);font-size:1.5rem;color:inherit}@media (min-width: 768px){.c-image-banner__slide__subtitle{margin-top:var(--default-gap)}}.c-image-banner__slide__buttons{grid-area:buttons;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--tight-gap);margin-top:var(--tight-gap);padding-inline:var(--default-gap)}@media (min-width: 768px){.c-image-banner__slide__buttons{margin-top:var(--default-gap);gap:var(--default-gap);font-size:1.25rem}}.c-image-banner__slide__buttons a{border:1px solid currentcolor;padding:calc(var(--tight-gap) / 2) var(--default-gap);text-transform:uppercase;text-decoration:none;font-family:var(--font-body-family, sans-serif);font-weight:var(--font-body-weight-bold, 700);font-style:var(--font-body-style, normal);background:transparent;color:inherit}@media (hover: hover){.c-image-banner__slide__buttons a:hover{background:color-mix(in srgb,currentcolor 20%,transparent)}}.c-image-banner-indicators{position:relative;top:calc(0px - var(--default-gap) - 5px);margin-bottom:-5px;display:flex;align-items:center;justify-content:center;gap:var(--tight-gap)}.c-image-banner-indicators a{display:initial;position:relative;width:5px;height:5px;border-radius:100%;background:#fff;transition:background-color .3s ease .1s}.c-image-banner-indicators a:after{position:absolute;inset:calc(0px - (var(--tight-gap) / 2));content:"";display:block}.c-image-banner-indicators a.is-active{background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-new-banner.css.map */