@font-face{font-family:American Typewriter;src:url(AmericanTypewriterBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.collection-banner{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;position:relative}.collection-banner__desktop{aspect-ratio:1920 / 314}.collection-banner__mobile{display:none}.collection-banner__image,.collection-banner__video{width:100%;height:100%;object-fit:cover;display:block}.collection-banner__darken{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;pointer-events:none}.collection-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center;padding:1.042vw 2.083vw;pointer-events:none}.collection-banner__title{font-family:Nomads,Arial Black,Arial,sans-serif;font-size:7vw;font-weight:600;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}.collection-banner__description{font-family:Neue Montreal,Helvetica Neue,Arial,sans-serif;font-size:1.2vw;font-weight:400;color:#fff;margin:.521vw 0 0;max-width:600px;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.4);opacity:.9}.collection-banner__placeholder{width:100%;height:100%;background:#1a1a1a}.collection-banner__placeholder svg{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.collection-banner{height:var(--cb-mobile-height, auto);overflow:hidden}.collection-banner__title{font-size:max(7vw,40px)}.collection-banner__description{font-size:max(1.5vw,14px)}.collection-banner__desktop{aspect-ratio:1920 / 400}.collection-banner__darken{display:none}.collection-banner--has-video .collection-banner__darken{display:block}}@media(max-width:768px){.collection-banner__title{font-size:max(8vw,32px)}.collection-banner__description{font-size:max(2.5vw,13px);max-width:80%}.collection-banner__desktop{aspect-ratio:16 / 5}.collection-banner--has-mobile .collection-banner__desktop{display:none}.collection-banner--has-mobile .collection-banner__mobile{display:block;height:auto;aspect-ratio:16 / 9}}@media(max-width:480px){.collection-banner__title{font-size:max(9vw,28px)}.collection-banner__description{font-size:max(3.5vw,12px)}.collection-banner__desktop{aspect-ratio:16 / 7}.collection-banner--has-mobile .collection-banner__mobile{aspect-ratio:4 / 3}}@media(max-width:320px){.collection-banner__desktop{aspect-ratio:16 / 9;width:100%;margin-left:0}.collection-banner--has-mobile .collection-banner__mobile{aspect-ratio:1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-banner.css.map */