@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,900;1,800&family=DM+Sans:wght@400;500;700&display=swap');
:root{--ink:#11110f;--paper:#f2efe6;--acid:#f1ff3b;--line:rgba(17,17,15,.2);--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;padding-bottom:92px}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--acid);padding:.8rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.48rem;font:900 1.8rem/1 'Barlow Condensed',sans-serif;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:var(--acid);border-radius:50%;font-size:1.15rem}.site-header nav{margin:auto;display:flex;gap:2.4rem}.site-header nav a,.header-live{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.header-live span,.dock-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3d24;margin-right:.4rem;box-shadow:0 0 0 4px rgba(255,61,36,.15)}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:clamp(4rem,8vw,8rem) var(--pad) 5rem}.eyebrow{font:700 .74rem/1 'DM Sans',sans-serif;letter-spacing:.19em;margin:0 0 2rem}.hero h1,.section-heading h2,.manifesto h2,.final-cta h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.055em;margin:0}.hero h1{font-size:clamp(5.2rem,10.2vw,10rem);line-height:.72}.hero h1 em{color:transparent;-webkit-text-stroke:2px var(--ink);font-style:italic}.hero-intro{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65;max-width:550px;margin:3.3rem 0 2rem}.primary-cta,.final-cta a{display:inline-flex;align-items:center;gap:2rem;background:var(--ink);color:#fff;text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.12em;padding:1rem 1.25rem}.primary-cta span{color:var(--acid);font-size:1.2rem}.hero-art{position:relative;background:var(--ink);min-height:650px;display:grid;place-items:center;overflow:hidden}.vinyl{width:min(32vw,470px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#121212 0 3px,#252523 4px 5px,#0c0c0b 6px 9px);display:grid;place-items:center;box-shadow:0 25px 80px #000;animation:spin 18s linear infinite}.vinyl:after{content:'';position:absolute;width:13px;aspect-ratio:1;background:var(--ink);border-radius:50%}.vinyl-label{width:32%;aspect-ratio:1;border-radius:50%;background:var(--acid);display:grid;place-items:center;text-align:center;font:800 clamp(1rem,2vw,2rem)/.75 'Barlow Condensed',sans-serif;transform:rotate(-8deg)}.vinyl-label strong{font-size:.55em;letter-spacing:.16em}.orbit{position:absolute;border:1px solid rgba(241,255,59,.3);border-radius:50%}.orbit-one{width:120%;aspect-ratio:1}.orbit-two{width:75%;aspect-ratio:1}.sticker{position:absolute;right:7%;top:11%;width:110px;aspect-ratio:1;border-radius:50%;background:#ff4fa3;display:grid;place-items:center;text-align:center;font:900 1.45rem/.85 'Barlow Condensed';transform:rotate(12deg)}.hero-note{position:absolute;bottom:7%;left:8%;color:#fff;font:700 .75rem/1.6 'DM Sans';letter-spacing:.15em;text-transform:uppercase}.hero-note:before{content:'';display:block;width:70px;height:3px;background:var(--acid);margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}
.stations-section{padding:clamp(5rem,10vw,9rem) var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:3.5rem}.section-heading .eyebrow{align-self:start}.section-heading h2{font-size:clamp(3.2rem,6vw,6.5rem);line-height:.85}.section-heading>p:last-child{line-height:1.6;margin:0 0 .4rem 2rem}.station-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.station-card{position:relative;min-height:560px;padding:clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.station-number{position:absolute;right:2rem;top:1.7rem;font-size:.8rem;letter-spacing:.15em}.station-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;margin:0 0 1.3rem}.station-card h3{font:900 clamp(4rem,8vw,8.5rem)/.72 'Barlow Condensed';letter-spacing:-.055em;text-transform:uppercase;margin:0 0 auto}.station-card>p:not(.station-kicker,.artist-line){max-width:470px;font-size:1.03rem;line-height:1.55;margin:1.5rem 0 1rem}.artist-line{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.station-play{align-self:flex-start;margin-top:1.1rem;border:1px solid currentColor;background:transparent;display:flex;align-items:center;gap:1rem;padding:.65rem 1.1rem .65rem .65rem;border-radius:99px;text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.12em;cursor:pointer}.play-icon{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:50%;background:var(--ink);color:#fff}.station-classic{background:var(--acid)}.station-seventies{background:#ff6b35}.station-hard{background:#ff4fa3}.station-live{background:#56e0ff}.station-card.is-active{outline:6px solid #fff;outline-offset:-12px}.station-wave{position:absolute;right:3rem;top:9rem;height:130px;display:flex;align-items:center;gap:7px;opacity:.18;z-index:-1}.station-wave i{display:block;width:11px;height:35%;background:currentColor}.station-wave i:nth-child(2),.station-wave i:nth-child(5){height:75%}.station-wave i:nth-child(3){height:100%}.station-sun{position:absolute;right:-7rem;top:4rem;width:310px;aspect-ratio:1;border:28px double rgba(17,17,15,.16);border-radius:50%;z-index:-1}.station-bolt{position:absolute;right:4rem;top:5rem;font:900 13rem/1 'Barlow Condensed';opacity:.13;z-index:-1}.station-crowd{position:absolute;right:2rem;top:7rem;display:flex;align-items:flex-end;gap:10px;opacity:.14;z-index:-1}.station-crowd i{width:32px;height:110px;border-radius:30px 30px 0 0;background:var(--ink)}.station-crowd i:nth-child(2){height:170px}.station-crowd i:nth-child(4){height:140px}
.manifesto{background:var(--ink);color:#fff;padding:clamp(5rem,10vw,9rem) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.manifesto h2{font-size:clamp(3.8rem,6vw,7rem);line-height:.84}.manifesto-lead{font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.35;margin:3.5rem 0}.principles{border-top:1px solid #ffffff40}.principles p{margin:0;padding:1.4rem 0;border-bottom:1px solid #ffffff40;line-height:1.5}.principles strong{color:var(--acid)}.final-cta{text-align:center;padding:clamp(5rem,11vw,10rem) var(--pad);background:var(--acid)}.final-cta>p{text-transform:uppercase;font-weight:700;letter-spacing:.15em;font-size:.72rem}.final-cta h2{font-size:clamp(3.7rem,8vw,8.5rem);line-height:.85;margin:1.5rem 0 2.5rem}.final-cta h2 em{font-style:italic;color:transparent;-webkit-text-stroke:2px var(--ink)}footer{padding:3rem var(--pad) 7rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--line);align-items:center}.legal{grid-column:2;font-size:.7rem;opacity:.6;margin:0}
.dock{position:fixed;z-index:50;left:0;right:0;bottom:0;min-height:82px;background:var(--ink);color:#fff;display:grid;grid-template-columns:58px minmax(180px,1fr) auto 52px minmax(100px,220px) auto;gap:1.2rem;align-items:center;padding:.65rem var(--pad);border-top:3px solid var(--player-color,var(--acid))}.dock-cover{width:56px;height:56px;object-fit:cover;background:#292925;border:1px solid #ffffff2b}.dock-meta{display:flex;flex-direction:column;gap:.12rem;min-width:0}.dock-label{font-size:.58rem;letter-spacing:.17em;color:var(--player-color,var(--acid))}.dock-meta strong{font-family:'Barlow Condensed';font-size:1.18rem;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-track{font-size:.75rem;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-history{border:1px solid #ffffff40;background:transparent;color:#fff;padding:.65rem .8rem;text-transform:uppercase;font-size:.62rem;font-weight:700;letter-spacing:.1em;cursor:pointer}.dock-toggle{width:48px;aspect-ratio:1;border:0;border-radius:50%;background:var(--player-color,var(--acid));color:var(--ink);font-weight:900;cursor:pointer}.dock-toggle:disabled{opacity:.35}.volume{accent-color:var(--player-color,var(--acid));width:100%}.volume-label{position:absolute;clip:rect(0 0 0 0)}.dock-live{font-size:.65rem;font-weight:700;letter-spacing:.15em}.track-panel{position:fixed;z-index:49;right:var(--pad);bottom:82px;width:min(410px,calc(100% - 2rem));padding:1.25rem;background:#181713;color:#fff;border:1px solid #ffffff2b;border-bottom:3px solid var(--player-color,var(--acid));box-shadow:0 -18px 45px #0005}.track-panel[hidden]{display:none}.track-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid #ffffff24}.track-panel-head>div{display:flex;flex-direction:column;gap:.2rem}.track-panel-head strong{font-family:'Barlow Condensed';font-size:1.35rem;text-transform:uppercase}.track-panel-head button{border:0;background:transparent;color:#fff;font-size:1.8rem;cursor:pointer}.track-history{display:grid}.history-row{display:grid;grid-template-columns:3rem 1fr;gap:.7rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #ffffff18}.history-row time{font-size:.68rem;color:#ffffff73}.history-row div{display:flex;flex-direction:column;min-width:0}.history-row strong,.history-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row strong{font-size:.86rem}.history-row span{font-size:.72rem;color:#ffffff8f}.history-empty{margin:1.25rem 0 .25rem;color:#ffffff8f;font-size:.82rem}
@media(max-width:850px){.site-header nav{display:none}.header-live{margin-left:auto}.hero{grid-template-columns:1fr}.hero-art{min-height:650px}.vinyl{width:min(72vw,440px)}.section-heading,.station-grid,.manifesto{grid-template-columns:1fr}.section-heading>p:last-child{margin:1.2rem 0 0}.manifesto{gap:2rem}.station-card{min-height:500px}footer{grid-template-columns:1fr}.legal{grid-column:1}.dock{grid-template-columns:52px minmax(0,1fr) auto 48px}.volume,.dock-live{display:none}.track-panel{right:1rem}}
@media(max-width:520px){body{padding-bottom:76px}.site-header{height:68px}.hero-copy{padding-top:4.5rem}.hero h1{font-size:4.45rem}.hero-art{min-height:480px}.sticker{width:85px;font-size:1.1rem}.stations-section{padding-left:1rem;padding-right:1rem}.station-card{padding:1.5rem;min-height:480px}.station-card h3{font-size:4.6rem}.dock{min-height:76px;padding:.55rem .7rem;gap:.5rem;grid-template-columns:46px minmax(0,1fr) 42px 42px}.dock-cover{width:44px;height:44px}.dock-history{font-size:0;width:42px;height:36px;padding:0}.dock-history:after{content:'≡';font-size:1.25rem}.dock-toggle{width:42px}.dock-meta strong{font-size:1rem}.dock-track{font-size:.67rem}.track-panel{bottom:76px}.dock-live{font-size:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vinyl,.dock.is-playing .dock-signal i{animation:none}}
.station-card{cursor:pointer}.station-card:focus-visible{outline:6px solid #fff;outline-offset:-12px}.language-menu{display:flex;gap:.25rem;margin-left:1rem}.language-menu a{font-size:.64rem;font-weight:800;text-decoration:none;padding:.38rem .42rem;border-radius:99px}.language-menu a[aria-current=page],.language-menu a:hover{background:var(--ink);color:var(--acid)}@media(max-width:650px){.language-menu{position:absolute;top:72px;right:1rem;background:var(--paper);padding:.35rem;border:1px solid var(--line);z-index:10}.site-header{margin-bottom:36px}}
.quick-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 1rem}.quick-picker>span{width:100%;font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.quick-picker button{border:1px solid var(--ink);border-radius:99px;background:transparent;padding:.55rem .75rem;display:flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;cursor:pointer}.quick-picker button:hover,.quick-picker button:focus-visible{background:var(--ink);color:#fff}.quick-picker i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 3px rgba(17,17,15,.1)}
.top-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:0 var(--pad);border-bottom:1px solid var(--ink);background:var(--ink);overflow:hidden}.top-picker button{justify-content:center;min-height:52px;border:0;border-radius:0;background:var(--paper);white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;transition:background .15s,color .15s}.top-picker button:hover,.top-picker button:focus-visible{background:var(--ink);color:#fff;outline:2px solid var(--acid);outline-offset:-3px}.top-picker button:nth-child(1) i{background:var(--acid)}.top-picker button:nth-child(2) i{background:#ff6b35}.top-picker button:nth-child(3) i{background:#ff4fa3}.top-picker button:nth-child(4) i{background:#56e0ff}@media(max-width:520px){.top-picker{grid-template-columns:repeat(2,1fr);padding:0}.top-picker button{min-height:44px;font-size:.64rem}}

/* Direction 03 — plus brute, plus scénique, toujours lisible. */
:root{--ink:#090909;--paper:#e8e3d8;--acid:#dfff00;--red:#ff2e22;--steel:#a9a9a2;--line:rgba(9,9,9,.28)}
body{background-color:var(--paper);background-image:radial-gradient(rgba(9,9,9,.08) .75px,transparent .75px);background-size:5px 5px}
body:before{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
::selection{background:var(--red);color:#fff}
.site-header{height:88px;background:var(--ink);color:#fff;border-bottom:1px solid #333}.brand{font-size:2rem;letter-spacing:.015em;font-style:italic}.brand-mark{width:48px;height:48px;border-radius:2px;background:var(--acid);color:var(--ink);transform:skew(-8deg);box-shadow:5px 5px 0 var(--red)}.brand-mark+span:after{content:'/ RADIO';color:var(--steel);font-size:.52em;margin-left:.35rem;letter-spacing:.13em}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-.45rem;height:3px;background:var(--acid);transition:right .2s}.site-header nav a:hover:after{right:0}.language-menu a[aria-current=page],.language-menu a:hover{background:var(--acid);color:var(--ink)}
.top-picker{border-color:#333}.top-picker button{background:#141414;color:#ddd;border-right:1px solid #333}.top-picker button:hover,.top-picker button:focus-visible{background:var(--acid);color:var(--ink)}
.hero{position:relative;min-height:calc(100vh - 140px);background:var(--paper)}.hero:before{content:'4U ROCK  /  4U ROCK  /  4U ROCK';position:absolute;z-index:1;left:-2rem;bottom:1rem;font:900 clamp(4rem,8vw,9rem)/1 'Barlow Condensed';white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(9,9,9,.08);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(5.4rem,11vw,11.5rem);line-height:.69;text-shadow:5px 5px 0 rgba(255,46,34,.14)}.hero h1 em{-webkit-text-stroke:2px var(--ink);filter:drop-shadow(4px 4px 0 var(--acid))}.eyebrow:before{content:'//';color:var(--red);margin-right:.65rem}.primary-cta,.final-cta a{position:relative;background:var(--ink);box-shadow:6px 6px 0 var(--red);transform:skew(-5deg);transition:transform .18s,box-shadow .18s}.primary-cta:hover,.final-cta a:hover{transform:translate(3px,3px) skew(-5deg);box-shadow:3px 3px 0 var(--red)}
.hero-art{background:linear-gradient(145deg,#080808 0%,#171717 65%,#050505 100%);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.hero-art:before{content:'LOUD';position:absolute;font:900 clamp(8rem,20vw,22rem)/1 'Barlow Condensed';letter-spacing:-.07em;color:#fff;opacity:.025;transform:rotate(-18deg)}.vinyl{border:2px solid #333;box-shadow:0 35px 90px #000,0 0 0 14px rgba(255,255,255,.025)}.vinyl-label{background:var(--acid);box-shadow:0 0 0 10px var(--red)}.orbit{border-color:rgba(223,255,0,.22)}.sticker{background:var(--red);color:#fff;border-radius:3px;transform:rotate(9deg);box-shadow:7px 7px 0 var(--acid)}
.stations-section{background:#0d0d0d;color:#fff}.section-heading>p:last-child{color:#aaa}.station-grid{gap:14px;background:transparent;border:0}.station-card{min-height:590px;color:#fff;border:1px solid #383838;background:#151515;box-shadow:8px 8px 0 #000;transition:transform .22s,border-color .22s}.station-card:hover{transform:translateY(-7px);border-color:var(--station-color)}.station-card:after{content:'';position:absolute;inset:auto 0 0;height:10px;background:var(--station-color)}.station-classic{--station-color:var(--acid)}.station-seventies{--station-color:#ff7433}.station-hard{--station-color:#ff2e66}.station-live{--station-color:#35d8ff}.station-number{font:900 3.4rem/1 'Barlow Condensed';color:var(--station-color);opacity:.9}.station-kicker{color:var(--station-color)}.station-card h3{text-shadow:4px 4px 0 #000}.station-card .artist-line{color:var(--station-color)}.station-play{color:#fff;border-color:var(--station-color);background:#0b0b0b}.station-play:hover{background:var(--station-color);color:var(--ink)}.play-icon{background:var(--station-color);color:var(--ink)}.station-sun{border-color:rgba(255,116,51,.22)}.station-wave,.station-bolt,.station-crowd{color:var(--station-color);opacity:.22}
.manifesto{background:var(--red);color:#fff}.manifesto .eyebrow:before{color:var(--acid)}.manifesto h2{text-shadow:5px 5px 0 rgba(0,0,0,.25)}.principles strong{color:var(--acid)}.final-cta{position:relative;overflow:hidden;background:var(--acid)}.final-cta:before,.final-cta:after{content:'★';position:absolute;font-size:12rem;opacity:.08;transform:rotate(18deg)}.final-cta:before{left:2%;top:3%}.final-cta:after{right:2%;bottom:0}.final-cta h2 em{-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--red)}
footer{background:#0b0b0b;color:#eee;border-top:0}.footer-brand .brand-mark{background:var(--acid);color:var(--ink)}.dock{background:#080808;border-top-width:4px;box-shadow:0 -12px 30px rgba(0,0,0,.25)}
@media(max-width:850px){.hero-art{clip-path:none}.station-grid{gap:10px}.site-header{height:76px}}
@media(max-width:650px){.language-menu{background:#111;border-color:#333;top:76px}.hero{min-height:auto}}
@media(max-width:520px){.hero h1{font-size:4.6rem}.hero-copy{padding-top:3.8rem}.station-card{min-height:500px}.station-grid{gap:8px}.brand-mark+span:after{display:none}}

/* Chrome & six cordes */
.hero-art:after{content:'';position:absolute;z-index:3;width:min(62vw,760px);height:min(78vw,900px);right:-13%;bottom:-18%;opacity:.28;pointer-events:none;transform:rotate(-23deg);filter:drop-shadow(3px 3px 0 #111);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 300 760' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d9d9d2' stroke-width='7'%3E%3Cpath d='M137 735V292M162 735V292'/%3E%3Cpath d='M115 294c-42-18-80-2-91 38-10 38 9 69 48 85-31 40-22 92 18 119 41 28 96 8 109-38 45 15 88-11 91-58 3-42-29-74-70-76 6-45-30-83-75-80-11 1-21 4-30 10Z'/%3E%3Cpath d='M128 295l-8-245 13-34h34l13 34-8 245M126 91h50M128 139h46M130 187h42M132 235h38'/%3E%3Ccircle cx='151' cy='402' r='36'/%3E%3Cpath d='M113 464h76M114 491h74'/%3E%3C/g%3E%3C/svg%3E")}.vinyl,.orbit{z-index:2}.sticker,.hero-note{z-index:4}.vinyl{box-shadow:0 35px 90px #000,0 0 0 4px #73736f,0 0 0 8px #1c1c1b,0 0 0 12px #bebeb8}.vinyl-label{position:relative}
.brand-mark{border:2px solid #efefe9}.brand-mark+span{background:linear-gradient(180deg,#fff 0%,#8c8c87 45%,#fafafa 58%,#777 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:1px 1px 0 #000}.brand-mark+span:after{background:linear-gradient(180deg,#fff,#777);-webkit-background-clip:text;background-clip:text;color:transparent}
.station-card{border:2px solid transparent;background:linear-gradient(#151515,#151515) padding-box,linear-gradient(120deg,#4d4d49 0%,#f2f2ec 18%,#666 34%,#e4e4de 52%,#42423f 70%,#c9c9c2 100%) border-box}.station-card:hover{border-color:transparent}.station-number{background:linear-gradient(180deg,#fff 0%,#777 42%,#f5f5ef 55%,#555 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #000)}.station-card:before{content:'●  ●';position:absolute;left:1rem;bottom:.8rem;color:#b8b8b1;font-size:.45rem;letter-spacing:calc(100% - 1rem);z-index:2}.station-play{border:2px solid transparent;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,linear-gradient(180deg,#f1f1eb,#686863 48%,#e1e1db) border-box;box-shadow:inset 0 0 0 1px #000,2px 3px 0 #000}.dock-toggle{border:2px solid #deded8;box-shadow:inset 0 0 0 2px #555,0 0 12px color-mix(in srgb,var(--player-color,var(--acid)) 40%,transparent)}
@media(max-width:850px){.hero-art:after{right:-3%;bottom:-23%;width:min(95vw,700px);height:820px}}

/* Direction 05 — classic rock radio, cuir, papier patiné et rouge oxydé. */
:root{--ink:#17120f;--paper:#d9c8ad;--acid:#e34a23;--red:#b52018;--steel:#b8aa94;--line:rgba(40,24,16,.32)}
body{background-color:#cbb99d;background-image:linear-gradient(rgba(255,255,255,.04),rgba(0,0,0,.04)),radial-gradient(rgba(50,27,16,.16) .8px,transparent .8px);background-size:auto,4px 4px}
body:before{opacity:.15;mix-blend-mode:multiply}
.site-header{background:linear-gradient(#24160f,#120c09);border-bottom:4px solid #8f2418;box-shadow:0 4px 0 #d07430;color:#f2e2c4}.brand-mark{background:#17120f;color:#e46527;border:3px solid #d9732c;box-shadow:inset 0 0 0 2px #752016,4px 4px 0 #050403;border-radius:50%}.brand-mark+span{background:none;color:#f1dfbf;text-shadow:2px 2px 0 #6e1712}.brand-mark+span:after{background:none;color:#d67532}.site-header nav a:after{background:#d86b2c}.language-menu a[aria-current=page],.language-menu a:hover{background:#d96528;color:#170f0b}
.top-picker{background:#080706;border-bottom:3px solid #6f1e16}.top-picker button{background:linear-gradient(#2b211a,#15100d);color:#e4d2b4;border-right:1px solid #574132}.top-picker button:hover,.top-picker button:focus-visible{background:#81241b;color:#fff4dc;outline-color:#d87731}.top-picker button i{box-shadow:0 0 0 2px #1a100b!important}.top-picker button:nth-child(1) i,.top-picker button:nth-child(2) i,.top-picker button:nth-child(3) i,.top-picker button:nth-child(4) i{background:#dc692c}
.hero{--hero-image:url('heroes/hero-vintage-rock.png');display:block;min-height:760px;background-image:linear-gradient(90deg,rgba(225,208,181,.97) 0%,rgba(225,208,181,.91) 40%,rgba(225,208,181,.2) 65%,rgba(15,8,5,.08) 100%),var(--hero-image);background-size:cover;background-position:center;transition:background-image .25s ease}.hero:before{content:'CLASSIC ROCK • RADIO • 24/7';color:transparent;-webkit-text-stroke:1px rgba(80,30,18,.12)}.hero-copy{width:min(62%,850px);min-height:760px;padding-top:clamp(5rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.hero-art{display:none}.hero h1{color:#17120f;text-shadow:3px 3px 0 #c34227,6px 6px 0 rgba(49,25,15,.18)}.hero h1 em{color:#f0e2cb;-webkit-text-stroke:2px #8f2018;filter:none;text-shadow:3px 3px 0 #17120f}.eyebrow:before{color:#ad251b}.primary-cta,.final-cta a{background:linear-gradient(#2b211a,#130e0b);color:#f4e0bd;border:2px solid #d06b2d;box-shadow:6px 6px 0 #7e1e17}
.stations-section{background-color:#2a1710;background-image:linear-gradient(30deg,rgba(255,255,255,.025) 12%,transparent 12.5%,transparent 87%,rgba(0,0,0,.12) 87.5%),radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:8px 8px,5px 5px;color:#f2dfbf;border-top:8px solid #7e2018}.section-heading>p:last-child{color:#c8b497}.station-card{border:3px solid #6b4935;background:linear-gradient(145deg,rgba(120,45,27,.15),transparent 42%),linear-gradient(#241c17,#120e0c) padding-box;box-shadow:inset 0 0 0 2px #0b0806,8px 8px 0 #080604}.station-card:after{height:7px;background:#a72a1d}.station-card:hover{border-color:#d47331}.station-number{background:none;color:#d96a2c;filter:drop-shadow(2px 2px 0 #000)}.station-kicker,.station-card .artist-line{color:#dc7436}.station-card h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.075em;color:#efe0c5;text-shadow:3px 3px 0 #9b211a,6px 6px 0 #000}.station-wave,.station-bolt,.station-crowd{color:#a92b1d}.station-sun{border-color:rgba(208,100,45,.2)}.station-play{color:#f4e3c6;background:linear-gradient(#3a2a20,#17100c) padding-box,linear-gradient(#d79a5d,#6d391f 48%,#bd713b) border-box}.play-icon{background:#b62c1d;color:#fff1d9}
.manifesto{background-color:#a52a1e;background-image:radial-gradient(rgba(255,230,195,.12) 1px,transparent 1px);background-size:4px 4px;color:#fff0d5;border-top:5px solid #31140e}.manifesto h2{text-shadow:4px 4px 0 #3c120e}.manifesto .eyebrow:before,.principles strong{color:#f2b15f}.final-cta{background:#d7c4a4;background-image:linear-gradient(rgba(255,255,255,.15),rgba(74,35,20,.08)),radial-gradient(rgba(70,32,20,.14) 1px,transparent 1px);background-size:auto,5px 5px}.final-cta h2 em{color:#9e251b;-webkit-text-stroke:0;text-shadow:3px 3px 0 #29130e}.final-cta:before,.final-cta:after{color:#8c271c}
footer{background:#17100c;color:#dcc8aa;border-top:5px solid #8e281c}.footer-brand .brand-mark{background:#17120f;color:#df672b}.dock{background:linear-gradient(#231a15,#0c0907);border-top-color:var(--player-color,#c44b28);box-shadow:0 -8px 0 rgba(82,27,18,.65)}.dock-toggle{border-color:#d79b61;box-shadow:inset 0 0 0 2px #56321f,0 0 10px rgba(188,75,35,.35)}
@media(max-width:850px){.hero{min-height:720px;background-image:linear-gradient(90deg,rgba(225,208,181,.98) 0%,rgba(225,208,181,.88) 58%,rgba(225,208,181,.22) 100%),var(--hero-image);background-position:80% center}.hero-copy{width:75%;min-height:720px}.station-grid{gap:12px}}
@media(max-width:650px){.language-menu{background:#21150f;border-color:#6f3d28}.hero{min-height:760px;background-image:linear-gradient(180deg,rgba(225,208,181,.97) 0%,rgba(225,208,181,.88) 52%,rgba(20,10,7,.2) 100%),var(--hero-image);background-position:86% center}.hero-copy{width:100%;min-height:760px;justify-content:flex-start}.hero-intro{max-width:88%}}
.visual-picker{position:absolute;z-index:8;right:var(--pad);top:2rem;display:flex;align-items:center;gap:.45rem;padding:.55rem;background:rgba(20,13,9,.9);border:1px solid #8f5635;box-shadow:4px 4px 0 rgba(79,23,16,.7)}.visual-picker>span{padding:0 .55rem;color:#d8c3a2;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.visual-picker button{position:relative;width:72px;height:58px;padding:0;border:1px solid #73503b;background:#211711;color:#f7e6c8;font-family:'DM Sans',sans-serif;cursor:pointer;overflow:hidden}.visual-picker button i{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.85) brightness(.72);transition:.2s}.visual-picker button b{position:absolute;inset:auto 0 0;padding:.35rem .2rem;background:linear-gradient(transparent,rgba(0,0,0,.92));font-size:.58rem;line-height:1;text-transform:uppercase;letter-spacing:.04em}.visual-picker button[data-visual="original"] i{background-image:url('heroes/hero-vintage-rock.png')}.visual-picker button[data-visual="neon"] i{background-image:url('heroes/hero-neon-voltage.png')}.visual-picker button[data-visual="concrete"] i{background-image:url('heroes/hero-concrete-monument.png')}.visual-picker button[data-visual="chrome"] i{background-image:url('heroes/hero-liquid-chrome.png')}.visual-picker button[data-visual="wild"] i{background-image:url('heroes/hero-wild-frequency.png')}.visual-picker button:hover,.visual-picker button.is-selected{border-color:#f0a05a;box-shadow:inset 0 0 0 2px #e34a23}.visual-picker button:hover i,.visual-picker button.is-selected i{filter:saturate(1.1) brightness(1)}.visual-picker button.is-selected:after{content:'✓';position:absolute;right:3px;top:3px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e34a23;color:#fff;font-size:.65rem;font-weight:900}.visual-picker button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:850px){.visual-picker{top:1rem;right:1rem;max-width:calc(100% - 2rem);overflow-x:auto}.visual-picker>span{position:sticky;left:0;background:#160e0a;align-self:stretch;display:flex;align-items:center;z-index:2}.visual-picker button{flex:0 0 64px;width:64px;height:52px}}
.hero[data-active-visual="concrete"]{background-image:linear-gradient(90deg,rgba(239,236,227,.98) 0%,rgba(239,236,227,.9) 43%,rgba(239,236,227,.08) 72%),var(--hero-image)}
.hero[data-active-visual="neon"],.hero[data-active-visual="chrome"],.hero[data-active-visual="wild"]{background-image:linear-gradient(90deg,rgba(9,12,15,.98) 0%,rgba(9,12,15,.9) 43%,rgba(9,12,15,.08) 72%),var(--hero-image)}.hero[data-active-visual="neon"] .hero-copy,.hero[data-active-visual="chrome"] .hero-copy,.hero[data-active-visual="wild"] .hero-copy{color:#f4efe5}.hero[data-active-visual="neon"] h1,.hero[data-active-visual="chrome"] h1,.hero[data-active-visual="wild"] h1{color:#f4efe5;text-shadow:3px 3px 0 #c44d27,6px 6px 0 rgba(0,0,0,.35)}.hero[data-active-visual="neon"] h1 em,.hero[data-active-visual="chrome"] h1 em,.hero[data-active-visual="wild"] h1 em{color:#f09b3e;-webkit-text-stroke:1px #f6d497;text-shadow:3px 3px 0 #48162e}
@media(max-width:850px){.hero[data-active-visual="concrete"]{background-image:linear-gradient(90deg,rgba(239,236,227,.98) 0%,rgba(239,236,227,.86) 58%,rgba(239,236,227,.04) 100%),var(--hero-image)}.hero[data-active-visual="neon"],.hero[data-active-visual="chrome"],.hero[data-active-visual="wild"]{background-image:linear-gradient(90deg,rgba(9,12,15,.98) 0%,rgba(9,12,15,.86) 58%,rgba(9,12,15,.04) 100%),var(--hero-image)}}
@media(max-width:650px){.visual-picker{left:1rem;right:1rem}.visual-picker>span{font-size:.55rem}.visual-picker button{flex-basis:58px;width:58px}.hero[data-active-visual="concrete"]{background-image:linear-gradient(180deg,rgba(239,236,227,.98) 0%,rgba(239,236,227,.85) 55%,rgba(239,236,227,.04) 100%),var(--hero-image)}.hero[data-active-visual="neon"],.hero[data-active-visual="chrome"],.hero[data-active-visual="wild"]{background-image:linear-gradient(180deg,rgba(9,12,15,.98) 0%,rgba(9,12,15,.84) 55%,rgba(9,12,15,.04) 100%),var(--hero-image)}}
.install-banner{position:fixed;z-index:30;left:50%;bottom:100px;width:min(680px,calc(100% - 2rem));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.1rem;background:#17100c;color:#f4e0bd;border:2px solid #d06b2d;box-shadow:7px 7px 0 rgba(75,22,15,.75)}.install-banner[hidden]{display:none}.install-banner p{margin:0;line-height:1.4;font-size:.9rem;font-weight:700}.install-banner>div{display:flex;flex:0 0 auto;gap:.5rem}.install-banner button{border:1px solid #d79b61;padding:.7rem .85rem;font:800 .72rem/1 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.install-primary{background:#e34a23;color:#fff}.install-dismiss{background:#2b211a;color:#f4e0bd}@media(max-width:650px){.install-banner{bottom:118px;align-items:stretch;flex-direction:column;gap:.8rem}.install-banner>div{justify-content:flex-end}}