@media(min-width:1700px){.poster-rail{grid-auto-columns:calc((100% - 145px)/8.25)}.cinema-hero{height:810px}.hero-content{padding-top:215px;max-width:670px}.hero-backdrop{width:74%}.hero-title{font-size:112px;max-width:650px}.hero-slide:after{background:linear-gradient(0deg,#171318,transparent 70%),linear-gradient(90deg,#211b24 0%,#211b24df 20%,#211b2490 42%,#211b2420 65%,transparent)}.shelf-heading h2{font-size:22px}.hero-description{font-size:15px}.wide-card{height:270px}}
@media(max-width:1100px){.hero-content{max-width:540px;padding-top:175px}.hero-title{font-size:79px;max-width:470px}.cinema-hero{min-height:675px}.hero-backdrop{width:78%}.hero-slide:after{background:linear-gradient(0deg,#171318,transparent 75%),linear-gradient(90deg,#211b24ef,#211b24c9 25%,#211b2466 60%,transparent)}.poster-rail{grid-auto-columns:calc((100% - 70px)/4.45);gap:16px}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-card{height:210px}.wide-card>div{padding:20px}.wide-card h3{font-size:23px;max-width:160px}.detail-grid{grid-template-columns:260px 1fr;gap:40px}.detail-copy h1{font-size:52px}.footer nav{gap:18px}.hero-description{font-size:13px}}
@media(max-width:800px){:root{--gutter:26px}.nav-shell{height:90px}.nav-pill>a:not(.icon-button){padding:11px 15px}.nav-pill{gap:1px}.brand{font-size:21px;gap:5px}.brand-mark{width:30px}.brand-mark .icon{width:28px}.brand-sub{font-size:6px;letter-spacing:4px}.nav-pill>a:not(.icon-button){font-size:11px}.about-link{display:none}.nav-rule{margin-inline:3px}.hero-content{padding-top:180px;max-width:520px}.hero-title{font-size:70px;max-width:440px}.hero-description{max-width:365px}.hero-backdrop{width:85%}.hero-backdrop img{object-position:63% 18%}.hero-slide:after{background:linear-gradient(0deg,#171318,transparent 80%),linear-gradient(90deg,#211b24ec,#211b24a6 45%,#211b2420)}.cinema-hero{min-height:675px;height:730px}.hero-bottom{bottom:45px}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding-inline:18px}.shelf{margin-bottom:43px}.shelf-heading h2{font-size:19px}.shelf-heading p{font-size:10px}.poster-rail{grid-auto-columns:calc((100% - 47px)/3.5);gap:15px}.card-copy h3{font-size:12px}.wide-grid{gap:13px}.wide-card{height:220px}.wide-card>img{width:100%;filter:brightness(.6)}.wide-card:after{background:linear-gradient(0deg,#241b2c,transparent)}.wide-card>div{padding:16px}.wide-card h3{font-size:22px}.wide-kicker{font-size:6px;letter-spacing:1px}.browse-banner h2{font-size:24px}.browse-banner{gap:20px;padding-block:27px}.browse-banner p{font-size:11px}.browse-banner .button{font-size:11px;padding-inline:17px}.footer-inner{align-items:flex-start}.footer nav{max-width:300px;gap:0 21px}.footer-bottom{font-size:8px}.footer-bottom p{max-width:330px}.detail-grid{grid-template-columns:220px 1fr;gap:30px}.detail-copy h1{font-size:44px}.detail-description{font-size:13px}.detail .hero-meta{gap:10px;font-size:10px}.detail-copy .eyebrow{font-size:8px}.detail-copy .number{display:none}.detail-note{padding-top:20px;margin-top:22px}.detail-note p{font-size:11px}.page-shell h1{font-size:48px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.save-button{opacity:1}.discover-link{letter-spacing:1.3px}}
@media(max-width:600px){:root{--gutter:20px}.nav-shell{height:81px;gap:10px}.brand{font-size:19px;gap:5px}.brand-mark{width:26px}.brand-mark .icon{width:25px;height:25px}.brand-sub{font-size:5px;letter-spacing:3.6px;margin-top:5px}.nav-pill{padding:4px;gap:0}.nav-pill>a:not(.icon-button){min-height:37px;padding:10px 12px;font-size:10px}.nav-pill>a:first-child{width:37px;padding:8px}.nav-pill>a:first-child span{display:none}.nav-pill .icon-button{width:34px;height:37px}.nav-pill .icon{width:15px;height:15px}.nav-rule{display:none}.saved-count{font-size:8px}.nav-pill>a:not(.icon-button){gap:4px}.cinema-hero{height:740px;min-height:0}.hero-backdrop{width:100%;height:72%;top:0}.hero-backdrop img{object-position:center 16%;filter:brightness(.7) saturate(.85)}.hero-slide:after{background:linear-gradient(0deg,#171318 0%,#171318 12%,#171318e6 35%,#17131899 55%,#17131800 77%),linear-gradient(90deg,#17131840,transparent)}.hero-content{padding:340px var(--gutter) 105px;max-width:none}.hero-title{font-size:57px;max-width:340px;line-height:.98;margin:17px 0 18px;letter-spacing:-.06em}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-meta{font-size:10px;gap:10px}.age{font-size:8px;padding:3px 5px}.hero-description{font-size:12px;line-height:1.8;margin:16px 0 20px;max-width:335px}.hero-actions{gap:8px}.hero-actions .watch{font-size:11px;padding-inline:16px;gap:8px;min-height:46px}.hero-actions .save-full{font-size:11px;padding-inline:13px;min-height:46px}.hero-actions .more-button{width:40px;height:46px;border:0;background:none}.hero-actions .more-button .icon{width:19px;height:19px}.watch .icon:last-child{display:none}.watch .icon:first-child{width:16px;height:16px}.watch-note{font-size:8px;margin-top:12px}.hero-bottom{bottom:12px;justify-content:flex-end;left:20px;right:20px}.discover-link{display:none}.hero-pagination{gap:5px}.hero-counter{font-size:9px}.hero-pagination>.icon-button{height:38px;width:30px}.hero-pagination .slide-dot{height:38px}.home-library{margin-top:20px}.shelf{margin-bottom:36px;padding-right:0}.shelf-heading{margin-bottom:15px;padding-right:20px;gap:10px}.shelf-heading h2{font-size:19px}.shelf-heading p{font-size:10px;margin-top:5px;max-width:225px}.shelf-actions>a{font-size:9px;white-space:nowrap;margin-right:0;gap:3px}.shelf-actions>a .icon{width:11px}.shelf-actions .rail-arrow{display:none}.poster-rail{grid-auto-columns:43%;gap:13px;padding-right:20px}.poster{border-radius:8px}.poster-overlay{opacity:1;background:linear-gradient(transparent 80%,#11101644)}.open-story{display:none}.save-button{width:44px;height:44px;top:5px;right:5px;background:#18131bb8;opacity:1}.save-button .icon{width:18px;height:18px}.card-copy{padding-top:10px}.card-copy h3{font-size:12px;line-height:1.4}.card-copy p{font-size:8px}.wide-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding-right:20px;scrollbar-width:none}.wide-card{flex:0 0 76%;height:190px;scroll-snap-align:start}.wide-card>img{width:72%;object-position:center 20%;filter:brightness(.9)}.wide-card:after{background:linear-gradient(90deg,#211c26f5,#211c26a0 45%,transparent),linear-gradient(0deg,#211c26bc,transparent)}.wide-card>div{padding:23px}.wide-kicker{font-size:7px;letter-spacing:1.5px}.wide-card h3{max-width:170px;font-size:27px}.wide-action{font-size:10px;margin-top:14px}.view-all{font-size:9px;white-space:nowrap;margin:0}.view-all .icon{width:11px}.browse-banner{margin-top:0;margin-bottom:35px;padding-block:27px;align-items:flex-start;flex-direction:column;gap:20px}.browse-banner h2{font-size:25px}.browse-banner .eyebrow{font-size:7px}.browse-banner .button{min-height:46px;font-size:11px}.footer{padding-bottom:25px}.footer-inner{flex-direction:column;gap:20px}.footer nav{max-width:none;gap:0 25px;font-size:10px}.footer nav a{min-height:38px}.footer .brand{font-size:20px}.footer-inner p{margin-top:9px;font-size:10px}.footer-bottom{display:block;margin-top:20px;padding-top:17px}.footer-bottom p{text-align:left;max-width:none;margin-top:10px;font-size:9px;line-height:1.9}.footer-bottom>span{font-size:9px}.page-shell{padding-top:120px;padding-bottom:45px}.page-shell h1{font-size:43px;line-height:1.07;margin-top:15px;max-width:340px}.page-lead{font-size:12px;margin-top:17px}.catalogue-tools{flex-direction:column;align-items:stretch;gap:14px;padding-top:25px}.search-box{min-height:46px;padding:0 14px}.search-box input{font-size:12px;padding-block:13px}.search-box .icon{width:17px;height:17px}.sort{justify-content:flex-end;font-size:10px}.sort select{font-size:10px;padding-block:10px;min-height:42px}.results-count{font-size:10px;margin:20px 0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.empty-state{padding:45px 18px}.empty-state h2{font-size:28px}.empty-state p{font-size:12px}.detail-inner{padding-top:100px;padding-bottom:35px}.detail-grid{display:flex;flex-direction:column;gap:29px;margin-top:15px}.detail-cover{max-width:270px;width:81%;margin-inline:auto}.detail-cover img{border-radius:10px}.detail-copy{width:100%}.detail-copy h1{font-size:43px;line-height:1.08;margin:18px 0 20px}.detail-copy .eyebrow{font-size:8px}.detail-description{font-size:13px;margin:20px 0}.detail-copy .hero-actions{flex-wrap:nowrap}.detail-copy .hero-actions .button{min-height:48px;font-size:12px}.detail-copy .hero-actions .watch{flex:1;padding-inline:12px}.detail-copy .watch-note{font-size:8px}.detail-note h2{font-size:14px}.detail-note p{font-size:12px}.source-note{font-size:9px}.detail-hero{margin-bottom:18px}.mobile-watch{position:sticky;bottom:0;padding:10px 20px;background:#171318e8;backdrop-filter:blur(20px);border-top:1px solid #ffffff15;z-index:20;display:block}.mobile-watch .button{width:100%;min-height:46px;font-size:12px}.mobile-watch>span{display:block;font-size:8px;text-align:center;color:#a191a8;margin-top:5px}.information h1{font-size:41px}.information h2{font-size:22px}.information p:not(.eyebrow){font-size:13px;line-height:1.9}.information .eyebrow{margin-top:25px}.toast{font-size:11px;padding:13px 18px;bottom:20px}body:has(.mobile-watch) .toast{bottom:105px}dialog{margin:30px auto auto;padding:20px;max-height:calc(100dvh - 60px);width:calc(100% - 28px);border-radius:15px}.dialog-head{margin-bottom:18px}.dialog-head h2{font-size:23px}.quick-result>span{font-size:12px}.quick-result small{font-size:9px}.quick-result{gap:12px}.search-count{font-size:10px}.dialog-head .icon-button{width:36px;height:36px}}
@media(max-width:380px){:root{--gutter:16px}.nav-pill>a:not(.icon-button){padding-inline:10px}.nav-shell{gap:6px}.brand{font-size:18px}.hero-content{padding-inline:16px}.hero-title{font-size:53px}.hero-actions .more-button{display:none}.hero-actions .watch{padding-inline:15px}.hero-actions .save-full{padding-inline:15px}.shelf-heading h2{font-size:18px}.shelf-heading p{max-width:200px}.shelf-actions>a{font-size:8px}.shelf-heading{padding-right:16px}.poster-rail{grid-auto-columns:44%;padding-right:16px}.wide-grid{padding-right:16px}}
@media(prefers-reduced-motion:reduce){html,.poster-rail{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:600px){.cinema-hero{height:auto;min-height:740px}.hero-slide{position:relative;min-height:740px}.hero-content{padding-bottom:105px}.hero-backdrop{height:540px}.hero-bottom{bottom:18px}}
@media(max-width:600px){.hero-slide:after{background:linear-gradient(0deg,#171318 0%,#171318 47%,#171318a6 64%,#17131800 90%)}}