:root{--night:#02060b;--panel:#071421;--gold:#d6a14b;--gold2:#f0c56f;--cream:#f4ead8;--soft:#cfc3ad;--line:rgba(214,161,75,.34)}*{box-sizing:border-box}html{background:var(--night)}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(73,105,138,.18),transparent 35%),linear-gradient(180deg,#02060b,#06111d 55%,#02060b);color:var(--cream);font-family:Arial,Helvetica,sans-serif;min-height:100vh}a{color:inherit}.studio-shell{width:min(1160px,94vw);margin:0 auto;padding:24px 0 50px}.studio-header{display:grid;grid-template-columns:auto 120px 1fr;align-items:center;gap:20px;padding:8px 0 24px}.back{text-decoration:none;color:var(--gold2);font-size:.82rem;font-weight:800}.studio-mark{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(214,161,75,.25))}.header-copy h1,.section-heading h2{font-family:Georgia,"Times New Roman",serif;margin:0;color:var(--gold2)}.header-copy h1{font-size:clamp(2.1rem,6vw,4.6rem);line-height:.95}.header-copy p:last-child{margin:8px 0 0;color:var(--soft)}.eyebrow{margin:0 0 7px;color:var(--gold2);font-size:.68rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.player-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(4,12,20,.94);box-shadow:0 30px 70px rgba(0,0,0,.42)}.visual-stage{position:relative;isolation:isolate;min-height:clamp(330px,52vw,610px);overflow:hidden;background:#03070d}.visual-stage canvas,.visual-stage video,.visual-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual-stage canvas{z-index:-5}.visual-stage video{z-index:-4}.visual-stage>img{z-index:-3;opacity:.36;filter:saturate(.9) contrast(1.05);transform:scale(1.03);transition:opacity .35s ease}.visual-stage.video-active>img{opacity:.12}.visual-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,6,11,.06),rgba(2,6,11,.18) 46%,rgba(2,6,11,.92) 100%),radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.35) 85%)}.now-playing{position:absolute;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,42px);text-shadow:0 3px 15px #000}.now-playing span{color:var(--gold2);font-size:.7rem;font-weight:900;letter-spacing:.18em}.now-playing h2{margin:8px 0 3px;font:700 clamp(2rem,5vw,5rem)/.94 Georgia,"Times New Roman",serif;color:#fff2d0}.now-playing p{margin:0;color:#f3dfb9;font-weight:700}.controls{display:flex;justify-content:center;align-items:center;gap:18px;padding:21px 20px 10px}.controls button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#07131f;color:var(--cream);font-size:1.12rem;cursor:pointer}.controls .play{width:64px;height:64px;border-color:var(--gold2);background:linear-gradient(180deg,#efcf84,#bd852f);color:#08111a;font-size:1.35rem;box-shadow:0 0 24px rgba(214,161,75,.22)}.timeline{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;padding:2px 24px 15px;color:var(--soft);font-size:.78rem}.timeline span:last-child{text-align:right}input[type=range]{accent-color:var(--gold2)}.utility-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 24px 22px}.volume{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:.78rem}.preview-notice{margin-left:auto;color:#e6c886;font-size:.76rem}.action{padding:10px 14px;border:1px solid var(--gold2);border-radius:999px;text-decoration:none;color:#08111a;background:var(--gold2);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.catalog-section{padding:38px 0 10px}.section-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.track-list{display:grid;gap:10px;margin-top:18px}.track-row{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid rgba(214,161,75,.2);border-radius:12px;background:rgba(4,12,20,.72);cursor:pointer;transition:.25s}.track-row:hover,.track-row.active{transform:translateY(-2px);border-color:rgba(240,197,111,.75);background:rgba(9,25,40,.9)}.track-row img{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#0a1320}.track-meta strong{display:block;color:#f8e7c7;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem}.track-meta span{display:block;margin-top:3px;color:var(--soft);font-size:.76rem}.track-badge{padding:5px 8px;border:1px solid rgba(214,161,75,.3);border-radius:999px;color:var(--gold2);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}footer{padding:28px 0;color:#8f8b84;font-size:.72rem;text-align:center}@media(max-width:700px){.studio-header{grid-template-columns:76px 1fr}.back{grid-column:1/-1}.studio-mark{width:72px;height:72px}.utility-row{align-items:flex-start}.preview-notice{width:100%;margin-left:0}.track-row{grid-template-columns:52px 1fr}.track-row img{width:52px;height:52px}.track-badge{grid-column:2;justify-self:start}.visual-stage{min-height:58vh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.visual-stage canvas{display:none}}
.movie-section{padding:44px 0 12px;border-top:1px solid rgba(214,161,75,.18);margin-top:28px}.movie-heading>p:last-child{max-width:760px;margin:10px 0 0;color:var(--soft);line-height:1.55}.movie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.movie-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(4,12,20,.88);box-shadow:0 18px 44px rgba(0,0,0,.3)}.movie-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.movie-copy{padding:16px}.movie-copy h3{margin:0;color:#f8e7c7;font:700 1.28rem/1.15 Georgia,"Times New Roman",serif}.movie-copy>p:last-child{margin:8px 0 0;color:var(--soft);font-size:.82rem;line-height:1.5}@media(max-width:850px){.movie-grid{grid-template-columns:1fr}.movie-card video{max-height:70svh}}