.cs-film-menu__panel{padding-top:2.8rem;padding-bottom:3.2rem;border-top:1px solid rgb(var(--color-border-brand));border-bottom:1px solid rgb(var(--color-border-brand));box-shadow:none}.cs-film-menu__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.8rem 3.2rem;margin:0;padding:0;list-style:none}.cs-film-menu__list--lead{grid-template-columns:minmax(18rem,.8fr) repeat(3,minmax(0,1fr))}.cs-film-menu__item{min-width:0}.cs-film-menu__item--lead{grid-row:span 2}.cs-film-menu__link{display:flex;flex-direction:column;gap:.8rem;color:rgb(var(--color-foreground));text-decoration:none}.cs-film-menu__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.cs-film-menu__strip{display:flex;gap:.4rem;padding:1rem .6rem;background-color:rgb(var(--color-foreground));background-image:radial-gradient(circle,rgb(var(--color-background)) 1.2px,transparent 1.6px),radial-gradient(circle,rgb(var(--color-background)) 1.2px,transparent 1.6px);background-size:.8rem .8rem,.8rem .8rem;background-position:.4rem .3rem,.4rem calc(100% - .3rem);background-repeat:repeat-x;transition:transform .6s var(--ease-calm, ease)}.cs-film-menu__frame{display:block;flex:1 1 0;min-width:0;aspect-ratio:1;overflow:hidden;background:rgba(var(--color-background),.15)}.cs-film-menu__frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-calm, ease),filter .6s var(--ease-calm, ease)}.cs-film-menu__title{font-family:var(--font-heading-family);font-weight:300;font-size:1.8rem;line-height:1.25;transition:color .3s var(--ease-calm, ease)}.cs-film-menu__link .cs-label{font-size:1.1rem}.cs-film-menu__link:hover .cs-film-menu__title,.cs-film-menu__link--active .cs-film-menu__title{color:rgb(var(--color-accent-detail))}@media(prefers-reduced-motion:no-preference)and (hover:hover){.cs-film-menu__link:hover .cs-film-menu__strip{transform:translateY(-.3rem)}.cs-film-menu__link:hover .cs-film-menu__frame img{transform:scale(1.06)}}.cs-film-menu__item--lead .cs-film-menu__link{justify-content:center;height:100%;min-height:11rem;min-width:18rem;padding:2rem 2.4rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));transform:rotate(-1deg);transition:transform .3s var(--ease-calm, ease)}.cs-film-menu__item--lead .cs-film-menu__title{font-size:2.4rem;color:inherit}.cs-film-menu__item--lead .cs-label{color:rgba(var(--color-button-text),.8)}.cs-film-menu__item--lead .cs-film-menu__link:hover .cs-film-menu__title{color:inherit}.cs-film-menu__item--lead .cs-film-menu__link:hover{transform:rotate(0)}.cs-film-menu__cta{font-family:var(--font-label-family);font-size:1.6rem}.cs-film-menu__item--lead .cs-film-menu__link,.cs-film-menu__item--lead .cs-film-menu__link:hover{justify-content:flex-start;min-height:0;padding:0;background:transparent;color:rgb(var(--color-foreground));transform:none}.cs-film-menu__sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem .3rem;padding:1rem .6rem;background-color:rgb(var(--color-foreground));background-image:radial-gradient(circle,rgb(var(--color-background)) 1.1px,transparent 1.5px);background-size:.8rem .8rem;background-position:.2rem .1rem;transition:transform .6s var(--ease-calm, ease)}.cs-film-menu__cell{display:block;aspect-ratio:3 / 2;overflow:hidden;background:rgba(var(--color-background),.15)}.cs-film-menu__cell img{display:block;width:100%;height:100%;object-fit:cover}.cs-film-menu__item--lead .cs-film-menu__title{font-size:2rem}.cs-film-menu__item--lead .cs-label{color:rgb(var(--color-text-secondary))}.cs-film-menu__item--lead .cs-film-menu__cta{color:rgb(var(--color-button))}@media(hover:hover){.cs-film-menu__item--lead .cs-film-menu__link:hover .cs-film-menu__sheet{transform:translateY(-.3rem)}.cs-film-menu__item--lead .cs-film-menu__link:hover .cs-film-menu__title{color:rgb(var(--color-button))}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-cs-film-menu.css.map */