.m-hero-image-marquee-grid__content{pointer-events:all;padding:60px 32px;z-index:4;opacity:1;display:grid;place-content:center;place-items:center;text-align:center;height:100%}@media (min-width: 768px){.m-hero-image-marquee-grid__content{padding:28px 16px;border-inline:2px solid #21232c;grid-column-start:2;grid-column-end:4;margin:0 -1.5px}}@media (min-width: 1025px){.m-hero-image-marquee-grid__content{padding:28px 32px;margin:0;grid-column-start:1;grid-column-end:5;border:none}}.m-hero-image-marquee-grid__content .button{min-width:124px;padding:4px;min-height:48px;font-size:16px;line-height:14.4px}.m-hero-image-marquee-grid__content .m-hero-image-marquee-grid__title{font-size:clamp(3rem,1.8857rem + 2.8571vw,6rem);text-transform:uppercase;line-height:.9;font-weight:800;font-family:Helvetica Neue,helvetica,arial,robots,sans-serif}.m-hero-image-marquee-grid__cta{display:flex;gap:8px}.m-hero-image-marquee-grid__container{position:relative;overflow:hidden}@media (min-width: 768px){.m-hero-image-marquee-grid__container{display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width: 1025px){.m-hero-image-marquee-grid__container{grid-template-columns:repeat(6,1fr)}}@media (min-width: 768px){.m-hero-image-marquee-grid__main{display:grid;grid-column:span 4;overflow:hidden;position:static;border:1px solid #21232c}.video-hero-alt-player{display:grid;grid-template-columns:repeat(4,1fr)}}@media (min-width: 1025px){.m-hero-image-marquee-grid__main{grid-column:span 2}.m-hero-image-marquee-grid__main--large{grid-column-start:2;grid-column-end:6;grid-row:2}}.c-hat-card{position:relative;overflow:hidden;border:1px solid #21232c;z-index:4;transition:2.5s ease-in-out all}.c-hat-card__background{position:absolute;top:0;left:0;right:0;bottom:0;transition:.3s ease-in-out opacity;opacity:0}.c-hat-card__image{display:block;position:relative;z-index:2;aspect-ratio:10/12.98;display:flex;opacity:.5;transition:.3s ease-in-out opacity;width:100%;height:100%}.c-hat-card__image img{width:100%;height:100%;object-fit:contain;transition:.5s ease-in-out all;will-change:scale;scale:1}.c-hat-card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:12% 12px 18%;z-index:1;text-align:center}.c-hat-card__title{font-weight:700;opacity:0;transition:.2s ease-in-out all;will-change:scale;scale:.9;font-size:1.4rem;text-transform:uppercase}@media (min-width: 768px){.c-hat-card__title{transition:.5s ease-in-out all;transform:translateY(10px);font-size:2rem}}@media (min-width: 1025px){.c-hat-card__title{font-size:1.6rem}}@media (min-width: 1280px){.c-hat-card__title{font-size:2.3rem}}@media (min-width: 1440px){.c-hat-card__title{font-size:2.8rem}}.m-hero-image-marquee-grid__description p{font-size:1.6rem}@media (min-width: 1025px){.m-hero-image-marquee-grid__description p{font-size:2rem;line-height:2.1rem}}@media (min-width: 768px){.c-hat-card:hover{background-color:#cbd7db}.c-hat-card:hover .c-hat-card__title{opacity:1;scale:1;transform:translateY(0)}.c-hat-card:hover .c-hat-card__image{opacity:1}.c-hat-card:hover .c-hat-card__image img{scale:1.01}.c-hat-card:hover .c-hat-card__background{opacity:1}}@media (max-width: 767px){.c-hat-card.active{background-color:#cbd7db}.c-hat-card.active .c-hat-card__title{opacity:1;scale:1}.c-hat-card.active .c-hat-card__image,.c-hat-card.active .c-hat-card__background{opacity:1}}.m-hero-image-marquee-grid__container{--_marquee-width: 100vw;--_marquee-elements-displayed: 2.4;--_marquee-element-width: calc(var(--_marquee-width) / var(--_marquee-elements-displayed));--_marquee-animation-duration: calc(var(--_marquee-elements) * 3s)}.hat-marquee{width:var(--_marquee-width);position:relative}.m-hero-image-marquee-grid__c-hat-card-cards{list-style:none;height:100%;display:flex;animation:scrollingHats var(--_marquee-animation-duration) linear infinite}@keyframes scrollingHats{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--_marquee-element-width) * var(--_marquee-elements)))}}.m-hero-image-marquee-grid__c-hat-card-cards .c-hat-card{display:flex;justify-content:center;align-items:flex-end;flex-shrink:0;width:var(--_marquee-element-width);max-height:100%;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/4368/assets/hero-image-marquee-grid.css.map */