.movie-page{--ink:#171719;--pink:#ed1765;--muted:#77777e;--line:#e9e9ec;--wash:#f7f7f8;--max:70rem;--page-gutter:clamp(.9375rem, 2.25vw, 1.625rem);min-block-size:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.movie-page *,.movie-page :before,.movie-page :after{box-sizing:border-box}:root:has(.movie-page){scroll-behavior:smooth}.movie-page>main{flex:1}.movie-page a,.movie-page button{font:inherit;color:inherit}.movie-page a{text-decoration:none}.movie-page button:focus-visible,.movie-page a:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #f18aac}.movie-page .wrap{inline-size:min(calc(100% - 2 * var(--page-gutter)), var(--max));margin-inline:auto}.movie-page .header{z-index:10;inline-size:min(calc(100% - 2 * var(--page-gutter)), 68.75rem);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#fffffff2;border:.0625rem solid #e9e9ece8;border-radius:1.0625rem;margin:.625rem auto 0;position:sticky;inset-block-start:.625rem;box-shadow:0 .5rem 1.625rem #17171908}.movie-page .head-inner{justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem .75rem;display:flex}.movie-page .brand{align-items:center;display:flex}.movie-page .brand img{block-size:auto;inline-size:clamp(3.625rem,6vw,4rem)}.movie-page .head-links{align-items:center;gap:.5rem;display:flex}.movie-page .head-link{border:.0625rem solid var(--line);background:#fff;border-radius:2rem;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .875rem;font-size:.75rem;font-weight:690;transition:all .18s;display:inline-flex}.movie-page .head-link:hover{background:var(--wash);border-color:#c9c9ce}.movie-page .head-link svg{aspect-ratio:1;inline-size:1rem}.movie-page .hero{justify-items:start;gap:.75rem;padding-block:clamp(2.6875rem,5vw,4rem) clamp(1.25rem,2vw,1.5625rem);display:grid}.movie-page .crumb{color:var(--muted);margin-block-end:.375rem;font-size:.6875rem}.movie-page .crumb a:hover{color:var(--pink)}.movie-page .hero h1{letter-spacing:-.067em;max-inline-size:47.5rem;margin:0;font-size:clamp(2.25rem,1.5rem + 4vw,4.375rem);line-height:.97}.movie-page .film-count{border:.0625rem solid var(--line);color:#6e6e75;border-radius:2rem;align-items:center;gap:.5rem;margin-block-start:.4375rem;padding:.5rem .6875rem;font-size:.6875rem;display:inline-flex}.movie-page .film-count span{color:var(--pink);font-weight:800}.movie-page .empty-catalog{color:#6e6e75;margin:0;padding-block:clamp(1rem,4vw,3rem)}.movie-page .picker{padding-block:clamp(.625rem,1.5vw,1.125rem) clamp(3.375rem,6vw,5.125rem)}.movie-page .picker-card{border:.0625rem solid var(--line);background:#fff;border-radius:1.625rem;grid-template-columns:minmax(min(36%,15.625rem),.78fr) minmax(0,1.22fr);display:grid;overflow:hidden;box-shadow:0 1.125rem 3.4375rem #17171909}.movie-page .poster-wrap{--poster-width:min(70%, 16.25rem);background:repeating-linear-gradient(135deg,#0000 0 1.75rem,#ed176509 1.75rem 1.875rem),linear-gradient(145deg,#fbe1eb,#f9f7f8 50%,#f1dfe7);grid-template:auto/minmax(0,1fr);place-items:center;padding-block:clamp(1.5rem,2.25vw,1.75rem);display:grid;overflow:hidden}.movie-page .poster-frame,.movie-page .picker-skeleton-poster{inline-size:var(--poster-width);aspect-ratio:7/10;border-radius:.75rem;grid-area:1/1}.movie-page .picker-skeleton-poster{--skeleton-block:auto}.movie-page .poster-frame{--perforations:repeating-linear-gradient(90deg, #fffd 0 .6875rem, transparent .6875rem 1.25rem);background:var(--perforations) center top .3125rem / 100% .5625rem no-repeat, var(--perforations) center bottom .3125rem / 100% .5625rem no-repeat, #171719;grid-template:minmax(0,1fr)/minmax(0,1fr);padding:1.0625rem .875rem 1.25rem;display:grid;transform:rotate(-3deg);box-shadow:0 1.5rem 3.4375rem #17171935}.movie-page .poster-art{background:linear-gradient(145deg,#bd4d69,#343038 52%,#131316) 0 0/cover;border:.0625rem solid #ffffff3d;border-radius:.25rem;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:hidden}.movie-page .poster-art:before,.movie-page .poster-art:after,.movie-page .poster-title{grid-area:1/1}.movie-page .poster-art:before{content:"";background-image:url(/assets/poster-atlas.png);background-size:400% 300%;background-position:var(--poster-x,0%) var(--poster-y,0%);opacity:0;transition:opacity .3s}.movie-page .poster-frame.ready .poster-art:before{opacity:1}.movie-page .poster-art:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 30%,#000b)}.movie-page .poster-title{z-index:2;color:#fff;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 .125rem .75rem #0008;overflow-wrap:anywhere;place-self:end start;min-inline-size:0;margin:.8125rem .6875rem;font-size:clamp(1.125rem,2.5vw,1.625rem);font-weight:850;line-height:1.02}.movie-page .result{align-self:center;min-inline-size:0;padding:clamp(1.625rem,3.5vw,2.625rem) clamp(1.3125rem,5vw,4rem)}.movie-page .result-content{--result-heading-size:clamp(1.75rem, 4vw, 2.75rem);min-block-size:calc(var(--result-heading-size) + 5.25rem);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.movie-page .result-copy,.movie-page .picker-skeleton-copy{grid-area:1/1}.movie-page .result-content[data-loading] .result-copy,.movie-page .poster-wrap[data-loading] .poster-frame{visibility:hidden}.movie-page .picker-skeleton-copy{align-content:start;gap:.75rem;display:grid}.movie-page .picker-skeleton-title{inline-size:80%;block-size:var(--result-heading-size)}.movie-page .picker-skeleton-meta{block-size:.75rem;inline-size:45%}.movie-page .picker-skeleton-lines{gap:.375rem;margin-block-start:.375rem;display:grid}.movie-page .picker-skeleton-lines>*{block-size:.625rem}.movie-page .picker-skeleton-lines>:last-child{inline-size:65%}.movie-page .result h2{font-size:var(--result-heading-size);letter-spacing:-.055em;margin:0 0 .4375rem;line-height:1.04}.movie-page .result-meta{color:#77777e;font-size:.75rem}.movie-page .result-summary{color:#55555d;min-block-size:3lh;max-inline-size:56ch;margin:1.125rem 0 0;font-size:.9375rem;line-height:1.7}.movie-page .result-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.625rem;display:flex}.movie-page .pick-btn{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:2rem;justify-content:center;align-items:center;gap:.625rem;min-block-size:3rem;min-inline-size:min(100%,11rem);padding:0 1.3125rem;font-size:.8125rem;font-weight:760;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 .5625rem 1.4375rem #ed17652e}.movie-page .pick-btn:hover{background:#d41158;transform:translateY(-.125rem);box-shadow:0 .8125rem 1.75rem #ed17653d}.movie-page .pick-btn svg{aspect-ratio:1;flex:none;inline-size:1.0625rem}.movie-page .review-link{text-underline-offset:.25rem;font-size:.75rem;font-weight:690;-webkit-text-decoration:underline #ed17655c;text-decoration:underline #ed17655c}.movie-page .review-link:hover{color:var(--pink)}.movie-page .filmstrip{background:repeating-linear-gradient(90deg,#171719 0 .8125rem,#0000 .8125rem 1.375rem);block-size:.8125rem}.movie-page .footer{border-top:.0625rem solid var(--line);padding:1.375rem 0 1.875rem}.movie-page .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.movie-page .footer-brand{align-items:center;display:flex}.movie-page .footer-brand img{block-size:auto;inline-size:3.6875rem}.movie-page .footer-nav{color:#68686e;flex-wrap:wrap;align-items:center;gap:1.1875rem;font-size:.6875rem;display:flex}.movie-page .footer-nav a:hover{color:var(--pink)}.movie-page .copyright{color:#929298;white-space:nowrap;font-size:.625rem}@media (max-width:37.5rem){.movie-page .header{border-radius:.875rem;margin-block-start:.4375rem;inset-block-start:.4375rem}.movie-page .head-inner{padding-inline:.5rem}.movie-page .head-links{gap:.375rem}.movie-page .head-link{justify-content:center;min-block-size:2.125rem;inline-size:2.25rem;padding:0}.movie-page .head-link span{display:none}.movie-page .picker-card{grid-template-columns:minmax(0,1fr)}.movie-page .poster-wrap{--poster-width:min(60%, 8.625rem + 2vw)}.movie-page .poster-frame{padding:.9375rem .6875rem 1.125rem}.movie-page .poster-title{font-size:1rem}.movie-page .result-summary{margin-block-start:.8125rem;font-size:.875rem}.movie-page .result-actions{gap:.75rem;margin-top:1.3125rem}.movie-page .pick-btn{inline-size:100%}.movie-page .footer-inner{grid-template-columns:minmax(0,1fr);display:grid}.movie-page .footer-nav{gap:.75rem}.movie-page .copyright{white-space:normal}}@media (prefers-reduced-motion:reduce){.movie-page *,.movie-page :before,.movie-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.movie-page .pick-btn:disabled{opacity:.7;cursor:wait;transform:none}.movie-page .picker-error{color:#ab174d;font-size:.8125rem}