/* Picha Express — unified cinematic design (original assets and identity) */
:root{color-scheme:dark;--red:#e50914;--red2:#ff2433;--white:#fff;--sub:#c0c0c8;--line:rgba(255,255,255,.17);--panel:#181821;--content:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;background:#000;color:var(--white);font:16px/1.5 Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button{cursor:pointer}
a{color:inherit;text-underline-offset:3px}a:hover{color:#fff}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #fff;outline-offset:3px}
.px-shell{width:min(var(--content),calc(100% - 100px));margin-inline:auto}
/* Cinematic backdrop for every interior page — no image stretching */
.px-site-page{isolation:isolate;min-height:100vh}
.px-atmosphere{position:absolute;z-index:-1;inset:0 0 auto;height:560px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.63) 0%,rgba(0,0,0,.32) 23%,rgba(0,0,0,.74) 61%,#000 100%),radial-gradient(ellipse at 52% 18%,rgba(0,0,0,.14),rgba(0,0,0,.47) 90%),url('/assets/poster-wall.webp') center 45% / cover no-repeat}
.px-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent 55%,rgba(0,0,0,.29))}
.px-header{z-index:40;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.83),rgba(0,0,0,.20));border-bottom:1px solid rgba(255,255,255,.10)}
.px-head-inner{min-height:90px;display:flex;align-items:center;gap:32px}
.px-brand{display:inline-flex;gap:6px;align-items:center;flex:0 0 auto;text-decoration:none;font-weight:950;letter-spacing:-1.6px;font-size:clamp(25px,2.55vw,35px);line-height:1;white-space:nowrap;color:#fff}
.px-brand strong{color:var(--red);font-weight:950}
.px-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.px-nav a{text-decoration:none;font-weight:650;color:#e3e3e7;font-size:14px;white-space:nowrap;transition:color .2s}
.px-nav a[aria-current=page]{color:#fff;font-weight:900;border-bottom:2px solid var(--red);padding-bottom:5px}
.px-nav a:hover{color:#fff}
.px-head-actions{display:flex;align-items:center;gap:18px;margin-left:4px}
.px-search{display:grid;place-items:center;width:28px;height:28px;color:#fff}.px-search svg{width:24px;height:24px}
.px-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:4px;padding:11px 22px;min-height:46px;font-weight:750;text-decoration:none;transition:background .15s,transform .15s;white-space:nowrap}
.px-button:hover{color:#fff;background:var(--red2);border-color:var(--red2);transform:translateY(-1px)}
.px-button-outline{background:rgba(40,40,45,.5);border-color:#777}.px-button-outline:hover{background:#333;border-color:#fff}
.px-small{min-height:36px;padding:7px 16px;font-size:13px}
.px-mobile-menu{display:none;position:relative}.px-mobile-menu summary{list-style:none;cursor:pointer;background:#242426;border:1px solid #777;border-radius:4px;width:37px;height:35px;display:grid;align-content:center;justify-items:center;gap:5px}
.px-mobile-menu summary::-webkit-details-marker{display:none}.px-mobile-menu summary span{width:17px;height:2px;background:white;display:block}
.px-mobile-menu nav{position:absolute;right:0;top:43px;width:200px;background:#191919;border:1px solid #555;border-radius:7px;box-shadow:0 14px 35px #000c;padding:9px;display:grid;gap:2px}
.px-mobile-menu nav a{display:block;text-decoration:none;padding:10px 12px;border-radius:5px;font-size:14px}
.px-mobile-menu nav a:hover{background:#333}
/* titles / interior hero */
.px-main{position:relative;z-index:1;padding-top:102px;padding-bottom:110px;min-height:67vh}
.px-main>.px-eyebrow{margin-top:0}
.px-eyebrow{font-size:13px;color:#ff6c76;font-weight:800;text-transform:uppercase;letter-spacing:.18em;margin-bottom:9px}
.px-title{font-size:clamp(38px,5vw,68px);line-height:1.09;letter-spacing:-.038em;font-weight:900;margin:8px 0 17px;text-shadow:0 3px 18px #000b;max-width:960px}
.px-lead{font-size:clamp(16px,1.8vw,21px);color:#e0dee5;line-height:1.48;max-width:785px;margin:0 0 42px;text-shadow:0 2px 8px #0009}
.px-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#bcbac4;font-size:14px;margin:0 0 32px}
.px-breadcrumbs a{color:#fff}
/* Browsing strips and posters */
.px-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:32px 0 27px;padding:20px;border:1px solid #333;border-radius:8px;background:linear-gradient(110deg,rgba(25,25,36,.9),rgba(10,10,10,.88));backdrop-filter:blur(10px)}
.px-toolbar .px-field{flex:1;max-width:620px}
.px-toolbar label{font-size:15px;font-weight:650;color:#dedee4}
.px-field{width:100%;min-height:53px;max-width:450px;background:rgba(18,18,20,.88);color:white;border:1px solid #777;border-radius:4px;padding:13px 16px}
.px-field::placeholder{color:#aaa}.px-field:focus{outline:2px solid white;outline-offset:2px}
.px-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:22px 0 35px;align-items:stretch}
#moviesGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 17px}
.px-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.px-card{display:block;min-width:0;text-decoration:none;color:white;background:#17171b;border-radius:7px;overflow:hidden;position:relative;box-shadow:0 5px 21px #000a;transition:transform .19s ease,box-shadow .19s ease,background .19s ease;border:1px solid #ffffff14}
.px-card:hover{transform:scale(1.035);z-index:3;box-shadow:0 7px 28px #000;border-color:#888;background:#24242a}
.px-poster{width:100%;aspect-ratio:2/3;display:block;object-fit:cover;object-position:center;background:#20202a}
.px-wide-art{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;object-position:center;background:#20202a}
.px-card-body{padding:15px 14px 19px;background:linear-gradient(180deg,#1d1d23,#0c0c0f)}
.px-card h3{font-size:16px;line-height:1.2;margin:0 0 7px;font-weight:800;overflow-wrap:anywhere}
.px-card p{font-size:13px;line-height:1.4;color:#aaa8b2;margin:0}
.px-grid:not(#moviesGrid) .px-card .px-card-body{min-height:92px}
.px-meta{font-size:13px;color:#b1aeb8}
.px-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 20px}
.px-hint{font-size:13px;color:#a6a3ae;line-height:1.5}
.px-info{color:#c9c8d1}
/* elevated features and editorial text */
.px-panel{padding:30px 33px;margin:24px 0;border-radius:18px;border:1px solid #333047;background:linear-gradient(135deg,#222542 0%,#1b192e 45%,#21131a 100%);box-shadow:0 14px 45px #0005}
.px-panel h2,.px-panel h3{margin:0 0 16px;line-height:1.2}
.px-panel h2:not(:first-child){margin-top:30px}
.px-panel p{line-height:1.65}
.px-panel p:last-child{margin-bottom:0}
.px-panel a:not(.px-button){color:#fff}
.px-panel .px-meta{color:#bbb}
.px-text{max-width:960px}.px-text h2{font-size:23px;letter-spacing:-.5px}
.px-text p,.px-text li{color:#e3e0e8;font-size:16px;line-height:1.72}
.px-list{padding-left:23px}.px-list li{margin:11px 0}
.px-faq{margin:35px 0;max-width:1075px}
.px-faq details{background:#2d2d2d;margin-bottom:9px;border:1px solid #2d2d2d}
.px-faq summary{padding:25px 31px;font-size:clamp(19px,2vw,27px);font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:background .15s}
.px-faq summary::-webkit-details-marker{display:none}
.px-faq summary::after{content:'+';font-weight:200;line-height:1;font-size:43px;flex:none}
.px-faq details[open] summary::after{content:'×';font-size:36px}
.px-faq summary:hover{background:#414141}
.px-faq details p{color:#f1f1f1;padding:24px 31px 29px;margin:0;font-size:18px;line-height:1.55;border-top:1px solid #000}
.px-form{display:grid;gap:18px;max-width:510px}
.px-form label{display:grid;gap:8px;font-weight:650}
.px-form .px-field{max-width:100%}.px-form button{justify-self:start}
.px-error,.px-success,.px-empty{padding:23px 24px;border-radius:7px;background:rgba(30,30,34,.92);border:1px solid #555;color:#e6e6eb;margin:17px 0}
.px-error{background:#381519;border-color:#d65562}.px-success{background:#123224;border-color:#3da579}
.px-skeleton{height:275px;border-radius:6px;background:linear-gradient(105deg,#1e1e25,#33333e,#1e1e25);background-size:200% 100%;animation:pxpulse 1.35s ease infinite}
@keyframes pxpulse{to{background-position:-200% 0}}
.px-detail{display:grid;grid-template-columns:minmax(180px,295px) minmax(0,1fr);gap:clamp(25px,4vw,55px);align-items:start;margin:20px 0 45px}
.px-detail>.px-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px;box-shadow:0 20px 50px #000d}
.px-detail .px-lead{margin-bottom:20px}
.px-player{display:block;width:100%;aspect-ratio:16/9;border:1px solid #333;border-radius:8px;background:#000;margin:24px 0}
.px-stations{grid-template-columns:repeat(3,minmax(0,1fr))}
.px-stations .px-card-body{padding:23px}
.px-station-logo{width:90px;height:90px;object-fit:contain;display:block;border-radius:7px;background:#252525;margin-bottom:16px}
/* consistent footer */
.px-footer{position:relative;background:#050505;color:#b3b3bd;padding:70px 0 65px;border-top:1px solid #211f24}
.px-footer a{color:#b9b9c1}.px-footer a:hover{color:#fff}
.px-footer-contact{margin:0 0 48px;font-size:16px}
.px-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.px-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.px-footer-grid a{font-size:14px}
.px-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:70px;color:#92929b;font-size:12px}
@media(max-width:1160px){.px-shell{width:calc(100% - 70px)}.px-nav{gap:13px}.px-head-inner{gap:18px}.px-brand{font-size:27px}}
@media(max-width:940px){.px-shell{width:calc(100% - 52px)}.px-nav{display:none}.px-mobile-menu{display:block}.px-head-actions{margin-left:auto}.px-main{padding-top:85px}#moviesGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.px-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.px-shell{width:calc(100% - 34px)}.px-atmosphere{height:420px;background-position:center center}.px-head-inner{min-height:70px;gap:11px}.px-brand{font-size:clamp(21px,5.9vw,27px);gap:4px;letter-spacing:-1.1px}.px-head-actions{gap:9px}.px-search{width:25px}.px-search svg{width:21px}.px-small{min-height:33px;font-size:12px;padding:5px 10px}.px-mobile-menu summary{width:33px;height:34px}.px-main{padding-top:68px;padding-bottom:76px;min-height:62vh}.px-title{font-size:clamp(33px,9vw,48px);line-height:1.13;margin-top:7px}.px-lead{font-size:16px;margin-bottom:31px}.px-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.px-grid.two{grid-template-columns:1fr;gap:8px}#moviesGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}.px-card-body{padding:12px 10px}.px-card h3{font-size:14px}.px-card p{font-size:12px}.px-grid:not(#moviesGrid) .px-card .px-card-body{min-height:82px}#moviesGrid .px-card-body{padding:8px 5px 11px}#moviesGrid h3{font-size:11px;line-height:1.21;margin:0 0 5px}#moviesGrid .px-card p{font-size:10px}.px-toolbar{padding:13px;gap:9px}.px-toolbar .px-field{flex:auto}.px-detail{grid-template-columns:1fr;gap:26px}.px-detail>.px-poster{width:min(60%,230px)}.px-stations{grid-template-columns:repeat(2,minmax(0,1fr))}.px-station-logo{width:65px;height:65px}.px-stations .px-card-body{padding:14px}.px-panel{padding:22px 19px;border-radius:14px}.px-panel h2{font-size:20px}.px-faq summary{font-size:19px;padding:18px 18px}.px-faq details p{font-size:16px;padding:18px}.px-footer{padding:50px 0 48px}.px-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.px-footer-grid a{font-size:13px}.px-footer-bottom{margin-top:50px}.px-toolbar label{font-size:13px}}
@media(max-width:360px){.px-brand{font-size:19px}.px-head-actions{gap:6px}#moviesGrid{gap:9px 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}