.movie-steps{width:100%;max-width:76rem;min-width:0;margin-inline:auto;padding-block:3.5rem;font-family:var(--font-primary--family, Inter, sans-serif)}.movie-steps__heading{margin:0 0 2rem;color:#222437;font-family:var(--font-accent--family, "Fraunces", Georgia, serif);font-size:clamp(2.0625rem,3.5vw,3rem);font-weight:600;line-height:1.15;letter-spacing:-.025em;text-align:center;text-wrap:balance}.movie-steps__heading em{color:var(--color-brand-red);font-style:italic;font-weight:inherit}.movie-steps__track{--steps-gap: 1.25rem;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(15rem,calc((100% - 3 * var(--steps-gap)) / 4));gap:var(--steps-gap);min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:var(--color-brand-green) transparent}.movie-steps__track:focus-visible{outline:2px solid var(--color-brand-gold);outline-offset:4px;border-radius:1.25rem}.movie-steps__track::-webkit-scrollbar{height:4px}.movie-steps__track::-webkit-scrollbar-thumb{background:var(--color-brand-green);border-radius:4px}.movie-steps__card{position:relative;display:flex;align-items:flex-end;width:100%;min-width:0;min-height:22rem;aspect-ratio:4 / 5;overflow:hidden;isolation:isolate;border-radius:1.25rem;background:var(--color-brand-green);color:var(--color-surface);scroll-snap-align:start}.movie-steps__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover}.movie-steps__placeholder{opacity:.5}.movie-steps__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgb(0 0 0 / 15%),rgb(0 0 0 / 5%) 25%,rgb(0 0 0 / 60%) 60%,var(--color-brand-green))}.movie-steps__badge{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid var(--color-cream);border-radius:10rem;background:var(--color-cream);color:var(--color-brand-navy);font-size:.6875rem;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.movie-steps__badge>span{font-size:.875rem;line-height:1}.movie-steps__content{width:100%;padding:1.25rem}.movie-steps__number{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.1em;opacity:.85}.movie-steps__content h3{margin:0 0 .625rem;color:inherit;font-family:var(--font-accent--family, "Fraunces", Georgia, serif);font-size:clamp(1.25rem,1.65vw,1.5rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.movie-steps__content p{margin:0;font-size:.9375rem;line-height:1.5;text-wrap:pretty}.movie-steps__hint{display:none;margin:.25rem 0 0;color:#464759;font-size:.8125rem;text-align:center}@media(max-width:65rem){.movie-steps__hint{display:block}}@media(max-width:46.8125rem){.movie-steps{padding-block:2.5rem}.movie-steps__heading{margin-bottom:1.5rem}.movie-steps__track{--steps-gap: 1rem;grid-auto-columns:min(82%,20rem)}.movie-steps__card{min-height:22rem;border-radius:1.25rem}.movie-steps__content{padding:1.25rem}.movie-steps__content h3{font-size:1.5rem}.movie-steps__content p{font-size:.9375rem}.movie-steps__badge{top:.875rem;left:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-movie-night-steps.css.map */