:root{--bg:#0b0e11;--paper:#eeeae0;--accent:#e4b77b;--glow:228,183,123;--line:rgba(238,234,224,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;transition:background 1s}body[data-mood=rock]{--accent:#ed986d;--glow:237,152,109}body[data-mood=blues]{--accent:#88b9db;--glow:136,185,219}body[data-mood=trottoir]{--accent:#a3c6ab;--glow:163,198,171}body[data-mood=disco]{--accent:#d5a1d8;--glow:213,161,216}body[data-mood=eighties]{--accent:#bcadf9;--glow:188,173,249}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;left:20px;top:-80px;background:#fff;color:#000;padding:15px;z-index:10}.skip:focus{top:15px}.masthead{height:108px;position:absolute;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.wordmark>span{display:block;font-size:27px;font-weight:800;letter-spacing:5px}.wordmark small{font-size:9px;font-weight:700;letter-spacing:2.6px}.dot{color:var(--accent)}.edition,.header-link,.small-note,.eyebrow,.film-label,.vertical-note,.coming,footer>span{font-size:10px;letter-spacing:2px}.edition{opacity:.62}.header-link{display:flex;gap:32px;align-items:center;border-bottom:1px solid #777;padding:12px 0}.header-link span{font-size:20px}.hero{min-height:780px;height:100svh;max-height:1200px;position:relative;overflow:hidden}.cinema,.backdrop,.haze,.vignette,.grain,#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.backdrop{background:url('/hero.webp') 64% center/cover;animation:camera 28s ease-in-out infinite alternate;will-change:transform}.haze{background:radial-gradient(ellipse at 83% 38%,rgba(var(--glow),.16),transparent 50%);mix-blend-mode:screen;animation:breathe 8s ease-in-out infinite alternate}.vignette{background:linear-gradient(90deg,rgba(6,10,13,.8),rgba(6,10,13,.25) 60%,transparent),linear-gradient(0deg,#0b0e11 0%,transparent 28%,rgba(6,10,13,.15) 80%,rgba(6,10,13,.65))}.spotlight{position:absolute;inset:-50% -10%;background:conic-gradient(from 164deg at 80% 0%,transparent 0deg,rgba(var(--glow),.045) 8deg,transparent 19deg);transform-origin:80% 0;animation:spotlight 14s ease-in-out infinite alternate}.grain{opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}.frame{position:absolute;inset:126px 2.6% 70px;border:1px solid rgba(238,234,224,.1);pointer-events:none;clip-path:polygon(0 0,7% 0,7% 1px,1px 1px,1px 8%,0 8%,0 100%,7% 100%,7% calc(100% - 1px),1px calc(100% - 1px),1px 92%,0 92%,0 0,100% 0,100% 100%,93% 100%,93% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 92%,100% 92%,100% 8%,calc(100% - 1px) 8%,calc(100% - 1px) 1px,93% 1px,93% 0)}.hero-copy{position:relative;padding:clamp(210px,26vh,330px) 7.5% 140px;z-index:2;max-width:1280px}.eyebrow{color:var(--accent);font-weight:500;line-height:1.8}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px rgba(var(--glow),.6);margin-right:12px}.hero h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;line-height:1.04;margin:30px 0}.hero h1{font-size:clamp(54px,6.5vw,102px);animation:rise 1.3s both}.hero em,h2 em{color:var(--accent);font-weight:400}.intro{font-size:17px;line-height:1.65;color:#d7d3cb;margin:30px 0 34px;animation:rise 1.5s both}.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;font-size:12px;letter-spacing:.7px;border:1px solid rgba(var(--glow),.55);padding:18px 21px;background:rgba(9,12,14,.25);transition:background .3s,transform .3s}.enter:hover{background:rgba(var(--glow),.15);transform:translateY(-3px)}.enter span{font-size:24px;line-height:1;color:var(--accent)}.hero-bottom{position:absolute;z-index:3;inset:auto 5% 31px;display:flex;align-items:center;justify-content:space-between;gap:20px}.film-label{display:flex;align-items:center;gap:12px;font-size:8px}.tiny-line{width:28px;height:1px;background:var(--accent)}.muted{color:#b7b6b1}.motion{border:0;background:transparent;font-size:10px;letter-spacing:.5px;display:flex;align-items:center;gap:10px;padding:8px}.motion[hidden]{display:none}#motion-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #827969;border-radius:50%;color:var(--accent)}.vertical-note{position:absolute;right:3%;top:49%;writing-mode:vertical-rl;opacity:.5;font-size:8px}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:#101315}.ticker>div{width:max-content;display:flex;align-items:center;gap:38px;font-size:11px;letter-spacing:3px;animation:marquee 40s linear infinite}.ticker i{font-size:15px;font-style:normal;color:var(--accent)}.univers,.journey{padding:100px 7.5%;border-bottom:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.small-note{font-size:8px;color:#aaa9a4}.universe-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}h2{font-size:clamp(40px,4.5vw,67px);letter-spacing:-1.8px;line-height:1.12}.section-copy{max-width:470px;color:#b8b8b4;font-size:14px;line-height:1.9}.mood-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.mood-buttons button{background:none;border:1px solid #3b3d3b;padding:12px 16px;font-size:11px;transition:all .3s}.mood-buttons button:hover{border-color:var(--accent)}.mood-buttons button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#151515}.mood-stage{position:relative;min-height:475px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:35px 35px 32px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 20%,rgba(var(--glow),.14),transparent 65%),#111518;transition:background 1s}.record{height:240px;width:240px;flex-shrink:0;position:relative;border-radius:50%;border:1px solid #383b3b;background:repeating-radial-gradient(circle at center,#17191a 0px,#17191a 2px,#252728 3px,#0a0c0d 4px);box-shadow:0 14px 40px #0009;animation:spin 18s linear infinite}.record:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff0b,transparent,#ffffff10,transparent)}.record-label{position:absolute;inset:30%;background:var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222;transition:background .8s}.record-label span{font-size:15px;letter-spacing:2px;font-weight:bold}.record-label small{font-size:5px;letter-spacing:1px;margin-top:4px}.record-label b{font-size:12px;margin-top:8px}.mood-description{text-align:center;min-height:140px;padding-top:30px;z-index:1}.mood-description>span{font-size:8px;letter-spacing:1.8px;color:var(--accent)}.mood-description h3{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:12px 0}.mood-description p{font-size:12px;line-height:1.8;color:#b8b8b4;max-width:300px;margin:0 auto}.stage-index{position:absolute;top:20px;left:22px;font-size:9px;letter-spacing:2px;color:#aaa}.journey{background:linear-gradient(120deg,rgba(var(--glow),.025),transparent 60%)}.decades{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.decades article{border-top:1px solid var(--line);padding-top:24px}.decade{font-family:Georgia,serif;color:var(--accent);font-size:38px}.decades h3{font-size:14px;font-weight:400;margin-top:28px}.decades p{font-size:12px;line-height:1.85;color:#adada9;max-width:270px}.closing{padding:100px 20px 110px;text-align:center;background:radial-gradient(ellipse at 50% 100%,rgba(var(--glow),.08),transparent 65%)}.closing h2{font-size:clamp(55px,7vw,100px);margin:25px 0}.closing>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b8b8b4}.coming{display:inline-block;padding:14px 20px;border:1px solid var(--line);margin-top:22px;font-size:9px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 5%;border-top:1px solid var(--line)}.footer-brand{font-size:10px;letter-spacing:1.4px;font-weight:bold}footer p{font-size:10px;color:#aaa}footer>span{font-size:8px;color:#aaa}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused html{scroll-behavior:auto}@keyframes camera{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.11) translateX(1%)}}@keyframes breathe{to{opacity:.4;transform:translate(-3%,2%)}}@keyframes spotlight{from{transform:rotate(-12deg)}to{transform:rotate(18deg)}}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.backdrop{background-position:center}.hero-copy{padding-left:10%}}@media(max-width:800px){.masthead{height:90px;padding:0 6%}.edition{display:none}.wordmark>span{font-size:23px}.wordmark small{font-size:8px}.header-link{font-size:9px;gap:18px}.hero{min-height:760px;max-height:950px}.hero-copy{padding:190px 7% 150px}.hero h1{font-size:clamp(46px,8.5vw,68px);letter-spacing:-1.8px}.backdrop{background-position:66% center}.vignette{background:linear-gradient(90deg,#080c10bd,#080c1035),linear-gradient(0deg,#0b0e11,transparent 50%,#080c1090)}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.intro{font-size:15px}.vertical-note{display:none}.frame{inset:110px 3% 82px}.hero-bottom{inset:auto 6% 27px;align-items:flex-start;gap:10px}.film-label{display:block;line-height:2;font-size:7px}.film-label .muted{display:block}.tiny-line{display:none}.motion{font-size:9px}.univers,.journey{padding:65px 7%}.small-note{display:none}.section-top{margin-bottom:20px}.universe-layout{grid-template-columns:1fr;gap:40px}.mood-stage{min-height:440px}.decades{gap:22px}.decade{font-size:27px}.decades p{font-size:11px}.decades h3{margin-top:20px}.closing{padding:75px 7%}footer{padding:28px 7%;flex-direction:column;align-items:flex-start;gap:8px}footer p{margin:0}footer>span{margin-top:6px}}@media(max-width:480px){.hero{min-height:720px}.hero h1{font-size:47px}.hero-copy{padding-top:175px}.decades{grid-template-columns:1fr;margin-top:35px}.decades article{display:grid;grid-template-columns:100px 1fr;column-gap:18px}.decades h3{margin:4px 0 10px}.decades p{grid-column:2;margin:0}.decade{grid-row:1/3;font-size:25px}.mood-stage{padding-inline:20px}.eyebrow{font-size:9px}.film-label .muted{max-width:130px}.motion{max-width:140px;text-align:left;line-height:1.5}.enter{gap:32px}.section-copy{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}}

.first-film{padding:85px 7.5%;border-bottom:1px solid var(--line)}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.film-heading h2{margin:15px 0}.film-heading p{font-size:13px;line-height:1.8;color:#b8b8b4}.film-player{margin:0}.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#050708;border:1px solid var(--line)}.film-player figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:8px;letter-spacing:1.5px;color:#b8b8b4;line-height:1.8}@media(max-width:800px){.first-film{padding:60px 7%}.film-heading{display:block}.film-heading h2{font-size:40px}.film-player figcaption{flex-direction:column;gap:6px}}
/* Spectacle : scène native indépendante du film. */
#world{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;pointer-events:auto;opacity:0;transition:opacity 1.3s}.world-ready #world{opacity:1}.world-ready .backdrop{opacity:0}.world-ready .hero .vignette{background:linear-gradient(90deg,rgba(7,12,18,.72),rgba(7,12,18,.15) 45%,transparent 70%),linear-gradient(0deg,#0b0e11,transparent 17%,transparent 78%,rgba(4,9,16,.7))}.world-ready .hero .haze,.world-ready .hero .spotlight,.world-ready #dust{display:none}.world-ready .cinema{pointer-events:auto}.world-ready .hero-copy{pointer-events:none;padding-top:clamp(175px,22vh,270px)}.hero-copy .enter{pointer-events:auto}.world-ready .hero h1{font-size:clamp(56px,7vw,108px);max-width:680px}.world-ready .hero .intro{font-size:14px}.scene-controls{position:absolute;bottom:105px;left:7.5%;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:650px}.scene-controls[hidden]{display:none}.scene-label{font-size:8px;letter-spacing:2px;margin-right:12px;color:#d6cbb8}.scene-controls button,.film-toolbar button{background:#0b121bcc;border:1px solid #a1957d77;border-radius:2px;color:#f2eadd;padding:12px 17px;font-size:10px;letter-spacing:.6px;backdrop-filter:blur(8px)}.scene-controls button[aria-pressed=true]{background:#e4b77b;color:#151515;border-color:#e4b77b}.scene-controls button:hover,.film-toolbar button:hover{border-color:#e4b77b}.scene-controls p{flex-basis:100%;margin:8px 0 0;font-size:9px;letter-spacing:.8px;color:#c5c9cc}.film-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:15px}.film-toolbar span{font-size:12px;color:var(--accent)}.hero-copy{transition:opacity .4s}.hero.dragging .hero-copy{opacity:.35}@media(max-width:800px){.world-ready .hero-copy{padding-top:160px}.world-ready .hero h1{font-size:60px}.world-ready .hero .vignette{background:linear-gradient(180deg,#07101bc9,transparent 57%,#0b0e11 100%)}.scene-controls{left:7%;right:7%;bottom:105px;gap:8px}.scene-label{flex-basis:100%;margin-bottom:5px}.scene-controls button{padding:11px 12px;font-size:9px}.world-ready .hero .intro{font-size:12px}.hero{min-height:820px}.world-ready .hero-copy .enter{margin-top:3px;padding:13px 17px;font-size:10px}.world-ready .hero h1{margin-top:22px}}@media(prefers-reduced-motion:reduce){#world{transition:none}}

.scene-controls button,.film-toolbar button{font-size:14px;min-height:44px}.scene-label,.scene-controls p{font-size:12px}.world-ready .hero .intro{font-size:16px}.world-ready .hero-copy .enter{font-size:14px}.motion{font-size:12px}.scene-controls{max-width:760px}@media(max-width:800px){.world-ready .hero{min-height:900px}.scene-controls button{font-size:13px;padding:11px 12px}.scene-controls p{font-size:12px;line-height:1.5}.world-ready .hero h1{font-size:clamp(46px,8vw,60px)}.world-ready .hero-copy .enter{font-size:14px}.world-ready .hero .intro{font-size:16px}}
/* Real collection: photographic stage, independent live fireworks. */
.photographic-stage .hero{background:#080c10;min-height:860px}
.photographic-stage .backdrop{background:none;animation:none}
.car-portraits{position:absolute;inset:12% 0 0 24%;overflow:hidden;transform:translate(var(--camera-x,0px),var(--camera-y,0px));transition:transform 1.3s ease-out}
.car-portrait{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 54%;opacity:0;transform:scale(1.045);transition:opacity 1.2s ease,transform 8s ease;filter:brightness(.75) saturate(.82)}
.car-portrait.active{opacity:1;transform:scale(1)}
.car-portrait[data-car-image=bugatti]{object-position:50% 66%;object-fit:contain;background:#11171c}
.photographic-stage #world{opacity:1;z-index:2;pointer-events:none}
.photographic-stage .vignette{z-index:1;background:linear-gradient(90deg,#080c10 1%,#080c10ed 24%,#080c1066 57%,#080c1010),linear-gradient(0deg,#0b0e11 2%,#0b0e1100 36%,#080c1055 90%,#080c10)}
.photographic-stage .haze{z-index:2}.photographic-stage .hero-copy{padding-top:clamp(200px,25vh,300px);pointer-events:none}.photographic-stage .hero-copy .enter{pointer-events:auto}
.photographic-stage .scene-controls{bottom:110px;max-width:900px}.photographic-stage .scene-controls p{color:#e9dbc7}.photographic-stage .scene-label{flex-basis:100%;margin-bottom:4px}
.photographic-stage .hero h1{max-width:700px}.photographic-stage .intro{max-width:480px}.record{animation-play-state:paused}.music-playing .record{animation-play-state:running}
.listening-room{padding:90px 7.5%;border-bottom:1px solid var(--line);background:#111517}.listening-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}.listening-heading p{font-size:14px;line-height:1.8;color:#b8b8b4}.music-console{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:32px}.now-playing{padding:35px;background:radial-gradient(ellipse at 0 100%,rgba(var(--glow),.08),transparent 75%)}.now-playing h3{font:normal 27px/1.3 Georgia,serif;margin:20px 0}.now-playing p{font-size:13px;line-height:1.6;min-height:42px;color:#c0bcb4}.now-playing audio{width:100%;height:44px;margin-top:14px;color-scheme:dark}.track-list{border-left:1px solid var(--line)}.track-list button{display:grid;grid-template-columns:28px 1fr auto;gap:15px;align-items:center;width:100%;text-align:left;padding:24px;background:none;border:0;border-bottom:1px solid var(--line);min-height:92px;font-size:14px}.track-list button:last-child{border:0}.track-list button small{display:block;margin-top:8px;color:#aaa;font-size:11px}.track-list button>span:last-child{font-size:12px;color:var(--accent)}.track-list button:hover,.track-list button[aria-pressed=true]{background:rgba(var(--glow),.07)}.track-number{color:var(--accent);font-size:11px}.catalog-note{font-size:12px;line-height:1.8;color:#aaa;margin:23px 0 0}.mood-buttons button{min-height:44px;font-size:13px}
@media(max-width:800px){.photographic-stage .hero{min-height:940px}.car-portraits{inset:300px -8% 160px 5%}.car-portrait{object-position:center;filter:brightness(.85) saturate(.85)}.photographic-stage .vignette{background:linear-gradient(180deg,#080c10 2%,#080c10 18%,#080c1033 48%,#0b0e1100 64%,#0b0e11 83%),linear-gradient(90deg,#080c1044,transparent)}.photographic-stage .hero-copy{padding:140px 7% 0}.photographic-stage .hero h1{font-size:56px;margin:24px 0}.photographic-stage .intro{font-size:14px;line-height:1.65;margin:22px 0}.photographic-stage .hero-copy .enter{padding:12px 16px;font-size:12px}.photographic-stage .scene-controls{bottom:108px}.scene-controls button{font-size:12px}.listening-room{padding:60px 7%}.listening-heading{display:block}.music-console{grid-template-columns:1fr}.track-list{border-left:0;border-top:1px solid var(--line)}.now-playing{padding:25px}.track-list button{padding:22px}.car-portrait[data-car-image=bugatti]{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.car-portraits,.car-portrait{transition:none;transform:none}}

.film-reservation{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.film-reservation p{font-size:14px;line-height:1.8;margin:0}.film-reservation strong{font-weight:400;color:var(--accent)}.film-reservation p span{display:block;color:#b8b8b4;font-size:12px}.film-reservation .enter{gap:24px;white-space:nowrap}@media(max-width:800px){.film-reservation{align-items:flex-start;flex-direction:column}.film-reservation .enter{font-size:12px;white-space:normal;line-height:1.6;max-width:100%}}

.film-toolbar{flex-wrap:wrap}.film-toolbar #film-play{background:var(--accent);color:#151515;border-color:var(--accent)}

/* Genre tablet: one shared player, verified assets only. */
.music-tablet[hidden],.now-playing[hidden]{display:none}
.music-tablet{margin-top:36px;padding:clamp(20px,4vw,44px);border:1px solid rgba(var(--glow),.5);border-radius:22px;background:linear-gradient(140deg,rgba(var(--glow),.09),transparent 50%),#11171b;box-shadow:0 22px 60px #0005;scroll-margin-top:24px;animation:rise .3s ease both}
.tablet-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.tablet-heading .eyebrow{font-size:12px;margin-top:0}.tablet-heading h3{font:400 clamp(28px,4vw,42px)/1.2 Georgia,serif;margin:10px 0 0;overflow-wrap:anywhere}
#panel-close{padding:12px 16px;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:8px;white-space:nowrap;font-size:14px}
.original-claim{font-size:16px;line-height:1.7;color:#d5d0c5;max-width:780px;margin:20px 0 26px}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.format-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:24px 20px;background:#0c1116;border:1px solid var(--line);border-radius:12px;min-width:0;transition:border-color .2s,background .2s}.format-duration{font:400 36px/1 Georgia,serif;color:var(--accent)}.format-card strong{font-size:16px;line-height:1.5;font-weight:500}.format-description{font-size:14px;line-height:1.6;color:#c1beb6}.format-state{margin-top:auto;padding-top:12px;font-size:14px;color:var(--accent)}.format-card:disabled{cursor:default}.format-card:disabled .format-state{color:#aaa}.format-card:enabled:hover,.format-card[aria-pressed=true]{border-color:var(--accent);background:rgba(var(--glow),.1)}
.panel-status{font-size:14px;line-height:1.7;color:#cec9bf;margin:22px 0 0}.music-tablet .now-playing{margin-top:22px;border-top:1px solid var(--line);padding:22px 0 0;background:none}.music-tablet .now-playing p{min-height:0;font-size:14px}.music-tablet .now-playing h3{margin:8px 0;font-size:25px}.music-tablet audio{max-width:100%}.listening-room .music-console{display:block}.listening-room .track-list{border-left:0}.listening-heading p{font-size:16px}.mood-buttons button{font-size:14px}.catalog-note{font-size:14px}
@media(max-width:650px){.format-grid{grid-template-columns:1fr}.format-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 16px;padding:20px}.format-duration{grid-row:1/4;font-size:30px}.format-card strong,.format-description,.format-state{grid-column:2}.format-state{padding-top:4px}.tablet-heading{flex-wrap:wrap}.music-tablet{border-radius:16px}.tablet-heading h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.music-tablet{animation:none}.format-card{transition:none}}

/* Missing formats respond with an explicit explanation, never silent disabled controls. */
.format-card[data-available=false]{border-style:dashed;background:#0c1116;cursor:pointer}.format-card[data-available=false] .format-state{color:#c5c1b8}.format-card[data-available=false]:hover,.format-card[data-available=false][aria-pressed=true]{border-color:var(--accent);background:rgba(var(--glow),.045)}.panel-status:not(:empty){padding:16px 18px;background:#080d12;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:#eeeae0}.available-link{display:inline-flex;padding:15px 0;font-size:16px;color:var(--accent);text-decoration:underline;text-underline-offset:5px}.available-link[hidden]{display:none}

body[data-mood="darija"]{--accent:#a5c9ae;--glow:165,201,174}

body[data-mood="english"]{--accent:#e6b775;--glow:230,183,117}