:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#0b0b0d;--panel:rgba(20,20,24,.7);--panel2:rgba(10,10,12,.65);--border:rgba(255,215,120,.22);--border2:rgba(255,255,255,.1);--gold:#f6d27a;--gold2:#d9a84a;--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.65)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg)}h1,.capTitle,.panelTitle,.rowTitle{font-family:Playfair Display,serif}.app{min-height:100vh;position:relative;color:var(--text);font-family:Montserrat,system-ui,sans-serif}.bg{position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(1.1) contrast(1.1);transform:scale(1.05);z-index:0}.bgOverlay{position:fixed;inset:0;background:radial-gradient(1200px 700px at 30% 20%,rgba(255,215,120,.18),transparent 60%),radial-gradient(900px 600px at 70% 30%,rgba(255,215,120,.1),transparent 60%),linear-gradient(to bottom,#00000073,#000000e0);z-index:1}.wrap{position:relative;z-index:2;width:min(1320px,94vw);margin:0 auto;padding:20px 0 26px}.top{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:18px}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:6px 10px;border-radius:18px}@keyframes noirFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes noirGlow{0%{filter:drop-shadow(0 0 10px rgba(255,200,80,.35));opacity:.92}50%{filter:drop-shadow(0 0 20px rgba(255,200,80,.7));opacity:1}to{filter:drop-shadow(0 0 10px rgba(255,200,80,.35));opacity:.92}}.brandLogo{width:clamp(160px,22vw,260px);height:auto;object-fit:contain;animation:noirFloat 5.2s ease-in-out infinite,noirGlow 3.8s ease-in-out infinite;will-change:transform,filter,opacity}.brandTag{font-size:clamp(12px,1.6vw,15px);color:var(--muted);font-style:italic;letter-spacing:.06em}.brand:after{content:"";position:absolute;top:0;left:-70%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,120,.18),transparent);transform:skew(-18deg);filter:blur(1px);animation:noirShimmer 6s ease-in-out infinite;pointer-events:none;opacity:.9}@keyframes noirShimmer{0%{left:-70%;opacity:0}18%{opacity:1}45%{left:120%;opacity:1}60%{opacity:0}to{left:120%;opacity:0}}.tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px}.tabWrap{display:inline-flex;align-items:center;gap:14px}.tabDot{color:#ffffff59;-webkit-user-select:none;user-select:none;transform:translateY(-1px)}.tab{appearance:none;background:none;border:none;padding:0;cursor:pointer;font-weight:650;font-size:clamp(14px,1.6vw,18px);letter-spacing:.06em;color:#ffffffb3;position:relative;transition:color .22s ease,transform .22s ease}.tab:hover{color:var(--gold);transform:translateY(-1px)}.tab.active{color:var(--gold)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,120,.95),transparent);transform:scaleX(0);transform-origin:center;transition:transform .25s ease}.tab:hover:after,.tab.active:after{transform:scaleX(1)}.content{margin-top:22px;padding:22px;border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 55px #0006,0 0 0 1px #ffffff0f inset}.headline{text-align:center;margin-bottom:18px}.headline h1{margin:0;color:var(--gold);font-size:clamp(30px,4vw,52px);text-shadow:0 14px 36px rgba(0,0,0,.55)}.headline p{margin-top:10px;color:var(--muted);font-size:1.02rem}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.card{border-radius:18px;border:1px solid var(--border2);background:var(--panel);padding:16px;box-shadow:0 18px 50px #00000059,0 0 0 1px #ffffff0f inset}.side{display:flex;flex-direction:column;gap:16px}.panel{border-radius:18px;border:1px solid var(--border2);background:var(--panel2);padding:16px;box-shadow:0 18px 50px #00000059,0 0 0 1px #ffffff0f inset}.panelTitle{font-weight:800;margin-bottom:10px}.mediaCard{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.heroImg{width:min(420px,92%);max-height:520px;object-fit:contain}.kpLogo{width:clamp(240px,32vw,520px);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,200,80,.25));animation:kpFloat 6s ease-in-out infinite,kpGlow 4s ease-in-out infinite alternate}@keyframes kpFloat{0%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(-16px) rotate(1deg)}75%{transform:translateY(-8px) rotate(-.5deg)}to{transform:translateY(0) rotate(-1deg)}}@keyframes kpGlow{0%{filter:drop-shadow(0 18px 40px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,200,80,.2))}to{filter:drop-shadow(0 18px 40px rgba(0,0,0,.7)) drop-shadow(0 0 32px rgba(255,215,120,.45))}}.kpLogo:hover{animation-duration:3.5s,2.5s;transform:scale(1.03)}.capTitle{font-size:1.35rem;font-weight:800;color:var(--gold)}.capSub{margin-top:6px;color:var(--muted)}.smallText{color:#ffffffc7;line-height:1.65}.roseXWrap{display:flex;justify-content:center;margin-top:22px}.roseX{width:90px;opacity:.95;filter:drop-shadow(0 0 14px rgba(255,215,120,.85))}.btnRow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{border-radius:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);border-color:#ffd7784d}.btnPrimary{border-color:#ffd7788c;background:#ffd7781f;color:var(--gold);font-weight:800}.rowTitle{margin:18px 0 10px;color:var(--gold);font-weight:800;letter-spacing:.03em}.netflixRow{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding:10px 6px 16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.netflixRow::-webkit-scrollbar{height:8px}.netflixRow::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.netflixRow::-webkit-scrollbar-thumb{background:#f6d27a40;border-radius:999px}.netflixRow::-webkit-scrollbar-thumb:hover{background:#f6d27a66}.tile{flex:0 0 auto;width:clamp(220px,26vw,320px);border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000004d;overflow:hidden;scroll-snap-align:start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tile:hover{transform:translateY(-3px) scale(1.01);border-color:#ffd77859;box-shadow:0 18px 40px #00000073}.tileLink{width:100%;text-align:left;display:block;border:none;background:transparent;color:inherit;padding:0;cursor:pointer}.tileThumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05)}.tileMeta{padding:10px 12px 12px}.tileName{margin:0 0 6px;color:#ffffffeb;font-weight:800}.tileSub{margin:0;color:#ffffffa6;font-size:.92rem;line-height:1.35}.tileBtns{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.tileBtn{border-radius:999px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#ffffffe0}.tileBtnPrimary{border-color:#ffd7788c;background:#ffd7781f;color:var(--gold);font-weight:800}.footer{margin-top:14px;display:flex;justify-content:center;gap:10px;color:#ffffffb3;font-size:.92rem}.dot{opacity:.6}@media(max-width:920px){.grid{grid-template-columns:1fr}}@media(max-width:480px){.brandLogo{width:clamp(180px,55vw,240px)}.tabs,.tabWrap{gap:10px}.content{padding:16px}.tile{width:78vw}}@media(prefers-reduced-motion:reduce){.brandLogo{animation:none!important}.brand:after{animation:none!important;display:none}.kpLogo{animation:none!important}}