.cinematic-category-strip{padding:7rem 0}.cinematic-category-strip__header{max-width:720px;margin:0 auto 4rem;text-align:center}.cinematic-category-strip__eyebrow{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem;opacity:.65;margin:0 0 1.2rem}.cinematic-category-strip__heading{font-family:var(--font-heading-family);font-size:clamp(3rem,5vw,4.6rem);line-height:1.05;margin:0}.cinematic-category-strip__row{display:flex;align-items:stretch;gap:.6rem;max-width:1600px;margin:0 auto;padding:0 4rem;height:64vh;min-height:420px;max-height:640px}.cinematic-category-strip__panel{position:relative;overflow:hidden;flex:1 1 0;border-radius:2px;cursor:pointer;transition:flex-grow .5s cubic-bezier(.4,0,.2,1);background:#0000000f}.cinematic-category-strip__media{position:absolute;top:0;right:0;bottom:0;left:0}.cinematic-category-strip__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000b8,#00000047 45%,#00000073);transition:opacity .4s ease}.cinematic-category-strip__media img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.5) brightness(.88);transform:scale(1);transition:filter .5s ease,transform .6s cubic-bezier(.4,0,.2,1)}.cinematic-category-strip__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000014}.cinematic-category-strip__placeholder svg{width:30%;height:30%;opacity:.3}.cinematic-category-strip__toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:0;padding:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2.4rem}.cinematic-category-strip__label-vertical{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.14em;font-size:1.3rem;color:#fff;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);transition:opacity .3s ease}.cinematic-category-strip__content{position:absolute;left:0;right:0;bottom:0;padding:3rem;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.cinematic-category-strip__number{display:block;font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.1em;color:#ffffffa6;margin-bottom:.8rem}.cinematic-category-strip__title{font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.4vw,2.8rem);color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.5)}.cinematic-category-strip__text{max-width:40ch;color:#ffffffe0;font-size:1.5rem;line-height:1.5;margin:0 0 1.4rem}.cinematic-category-strip__text p{margin:0}.cinematic-category-strip__link{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.1em;font-size:1.3rem;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:.3rem;pointer-events:auto}.cinematic-category-strip__link:hover{border-color:#fff}@media(hover:hover)and (pointer:fine){.cinematic-category-strip__panel:hover{flex-grow:2.2}.cinematic-category-strip__panel:hover .cinematic-category-strip__media img{filter:grayscale(0) brightness(1);transform:scale(1.03)}.cinematic-category-strip__panel:hover .cinematic-category-strip__media:after{opacity:.85}.cinematic-category-strip__panel:hover .cinematic-category-strip__label-vertical{opacity:0}.cinematic-category-strip__panel:hover .cinematic-category-strip__content{opacity:1;transform:translateY(0);pointer-events:auto}}.cinematic-category-strip__panel.is-active{flex-grow:2.2}.cinematic-category-strip__panel.is-active .cinematic-category-strip__media img{filter:grayscale(0) brightness(1);transform:scale(1.03)}.cinematic-category-strip__panel.is-active .cinematic-category-strip__media:after{opacity:.85}.cinematic-category-strip__panel.is-active .cinematic-category-strip__label-vertical{opacity:0}.cinematic-category-strip__panel.is-active .cinematic-category-strip__content{opacity:1;transform:translateY(0);pointer-events:auto}@media screen and (max-width:989px){.cinematic-category-strip{padding:4.5rem 0}.cinematic-category-strip__header{margin:0 auto 2.5rem;padding:0 2rem}.cinematic-category-strip__row{flex-direction:column;height:auto;max-height:none;padding:0 2rem;gap:1rem}.cinematic-category-strip__panel{flex:none;height:9rem;transition:height .4s cubic-bezier(.4,0,.2,1)}.cinematic-category-strip__panel.is-active{height:20rem}.cinematic-category-strip__toggle{align-items:center;padding-bottom:0}.cinematic-category-strip__label-vertical{writing-mode:horizontal-tb;transform:none;font-size:1.6rem}.cinematic-category-strip__panel.is-active .cinematic-category-strip__toggle{align-items:flex-end;padding-bottom:1.6rem}.cinematic-category-strip__content{padding:2rem}}@media(prefers-reduced-motion:reduce){.cinematic-category-strip__panel,.cinematic-category-strip__media img,.cinematic-category-strip__media:after,.cinematic-category-strip__label-vertical,.cinematic-category-strip__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-cinematic-category-strip.css.map */