@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');:root{--bg:#10151c;--panel:#19212a;--text:#f4f1eb;--muted:#a7adb4;--gold:#d7b37d;--line:rgba(241,231,208,.16);--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 100px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:12px;z-index:200;background:white;color:black;padding:10px}.header{border-bottom:1px solid var(--line);position:relative;z-index:20;background:#10151cf5}.header-inner{max-width:1510px;min-height:96px;margin:auto;display:flex;align-items:center;padding:0 48px;gap:40px}.brand{display:flex;align-items:center;gap:12px;color:var(--gold);min-width:213px}.brand>span{display:flex;flex-direction:column;line-height:1.12}.brand strong{letter-spacing:2.8px;font-size:20px;font-weight:800;color:var(--text)}.brand strong span,.foot-brand span{color:var(--gold)}.brand small{font-size:8px;letter-spacing:3px;margin-top:6px;color:#a6aeb4}.nav{display:flex;align-items:center;gap:25px;flex:1;justify-content:center}.nav a{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#b7bdc2;transition:.2s}.nav a:hover,.nav a.active{color:var(--gold)}.header-cta{font-size:11px;white-space:nowrap;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:6px}.header-cta span{color:var(--gold);margin-left:12px}.menu-toggle{display:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:10px;vertical-align:middle}.hero{min-height:710px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5%;padding-top:54px;padding-bottom:72px}.hero-copy h1,.subhero h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-2.7px;line-height:1.13;font-size:clamp(57px,5.25vw,96px);margin:32px 0}.hero-copy em,.subhero em,h2 em{font-style:italic;color:var(--gold);font-weight:400}.hero-copy>p{font-size:16px;color:#b5bec4;max-width:465px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px}.btn{display:inline-flex;gap:25px;justify-content:space-between;align-items:center;padding:17px 23px;min-height:53px;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:var(--gold);color:#171b20}.btn-outline{border:1px solid #4b535b;color:var(--text)}.btn-outline:hover{background:#232a31}.hero-meta{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:#838e96;max-width:540px;padding-top:30px;margin-top:95px;font-size:9px;letter-spacing:1.65px}.hero-art{position:relative;max-width:575px;width:100%;margin-left:auto;border:1px solid rgba(215,179,125,.15);background:#222831;padding:13px;transform:rotate(1.6deg)}.hero-art>img{width:100%;height:580px;object-fit:cover}.art-caption{display:flex;justify-content:space-between;padding:12px 3px 0;font-size:9px;letter-spacing:1.6px;color:#b3a79a}.statement{background:#eae5db;color:#22272b;padding:95px 0}.statement-grid{display:grid;grid-template-columns:1fr 2.1fr 1.15fr;gap:40px;align-items:start}.statement .eyebrow{color:#8a6b42}.statement h2,.section h2,.manifesto h2,.editorial h2,.about-copy h2,.contact-showcase h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.24;letter-spacing:-1px;font-size:clamp(34px,3.1vw,51px);margin:0}.statement h2 em{color:#957343}.statement p{color:#696d70;line-height:1.95;font-size:14px;margin:7px 0}.section{padding-top:118px;padding-bottom:120px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-top h2{margin-top:17px}.section-top>p{max-width:240px;color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-tile{height:440px;background:#1d252f;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;position:relative;transition:border .2s,transform .3s}.feature-tile:hover{transform:translateY(-6px);border-color:var(--gold)}.tile-no{font-size:10px;letter-spacing:2px;color:#cfc0aa;z-index:2}.tile-art{position:absolute;top:50%;left:50%;width:215px;height:215px;transform:translate(-50%,-50%);border:1px solid #c4aa85aa;border-radius:50%;box-shadow:0 0 0 28px #b9976c17,0 0 0 60px #b9976c0d;background:radial-gradient(circle at 42% 35%,#d7b88b66,transparent 65%)}.art-podcast .tile-art{border-radius:42% 42% 20% 20%;width:126px;height:210px;background:linear-gradient(125deg,#e8c99e,#7b654f 50%,#353d43);box-shadow:0 0 0 35px #b9976c13}.art-podcast .tile-art:after{content:'';position:absolute;bottom:-51px;left:50%;width:2px;height:50px;background:var(--gold)}.art-video .tile-art{border-radius:18px;transform:translate(-50%,-50%) rotate(-12deg);width:245px;height:170px;box-shadow:40px 30px 0 #b9976c1e;background:linear-gradient(140deg,#ac8f69,#232b35 80%)}.art-video .tile-art:after{content:'▶';position:absolute;top:35%;left:43%;font-size:35px;color:#f5e4ce}.tile-bottom{display:flex;justify-content:space-between;gap:12px;align-items:end;z-index:2}.tile-bottom h3{font-size:26px;font-family:'Playfair Display',Georgia,serif;font-weight:400;margin:0 0 4px}.tile-bottom p{font-size:12px;color:#a9b2bb;margin:0}.circle-arrow{border:1px solid #a4a1a0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--gold);flex-shrink:0}.manifesto{background:linear-gradient(140deg,#262d33,#151b21);padding:100px 0;text-align:center;border-block:1px solid var(--line)}.manifesto h2{margin:23px 0 27px;font-size:clamp(39px,4.5vw,68px)}.text-link{display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid var(--gold);padding-bottom:9px;color:var(--gold);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{margin-top:17px}.footer{border-top:1px solid var(--line);background:#0c1117}.footer-top{max-width:1360px;margin:auto;padding:80px 50px 70px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:48px}.foot-brand{font-size:24px;letter-spacing:3px;font-weight:800}.footer p{color:#89939d;line-height:1.9;font-size:12px}.foot-label{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;display:block;margin:3px 0 19px}.footer-top>div>a{display:block;color:#acb4ba;font-size:12px;margin-bottom:12px}.footer-top a:hover{color:var(--gold)}.footer-bottom{max-width:1360px;margin:auto;display:flex;justify-content:space-between;padding:25px 50px;border-top:1px solid var(--line);color:#818b94;font-size:10px;letter-spacing:1px}.footer-bottom b{color:var(--gold)}.subhero{padding-top:108px;padding-bottom:70px}.subhero h1{max-width:990px;margin:26px 0}.subhero>p{max-width:640px;color:#abb4ba;line-height:1.85;font-size:16px}.hairline{border-bottom:1px solid var(--line);margin-top:85px}.editorial{display:grid;grid-template-columns:1fr .9fr;gap:10%;padding-bottom:100px;align-items:center}.editorial-art{min-height:505px;position:relative;display:flex;align-items:end;padding:35px;background:radial-gradient(circle at 45% 44%,#6e5b49,#252a30 47%,#161d24 81%);overflow:hidden}.editorial-art span{font-size:10px;letter-spacing:3px;color:#e5caa7;z-index:1}.editorial-orbit{position:absolute;width:300px;height:300px;border:35px solid #d3ad8061;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #e0c4a4,0 0 0 60px #c9ac8b0d}.editorial-art.podcasts .editorial-orbit{border-radius:30%;width:200px;height:280px;border-width:5px;background:linear-gradient(130deg,#d1b38b,#3e4550)}.editorial-art.videos .editorial-orbit{border-radius:12px;transform:translate(-50%,-50%) rotate(-17deg);width:320px;height:215px}.editorial-art.artists .editorial-orbit{border-radius:48% 48% 20% 20%;width:210px;height:260px}.editorial-copy h2{margin:22px 0}.editorial-copy>p,.about-copy>p,.contact-card>p{color:var(--muted);line-height:1.95}.notice{display:flex;gap:13px;background:#1d262e;border:1px solid var(--line);padding:20px;margin:34px 0}.notice-pip{width:7px;height:7px;background:var(--gold);border-radius:50%;margin-top:8px;flex-shrink:0}.notice strong{display:block;font-size:12px;letter-spacing:.3px}.notice p{margin:5px 0 0;font-size:12px;color:#9ca5ad}.mini-call{text-align:center;border-top:1px solid var(--line)}.mini-call h2{margin:20px 0 32px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:160px;align-items:center}.large-number{min-height:480px;background:#202932;font-family:'Playfair Display',Georgia,serif;font-size:200px;letter-spacing:-30px;display:flex;align-items:center;justify-content:center;color:#dbc19a;border:1px solid var(--line);padding-right:30px}.large-number span{font-size:45px;color:#c39568;letter-spacing:0;margin:0 20px}.about-copy h2{margin:25px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:160px}.contact-showcase{min-height:460px;background:linear-gradient(135deg,#2c343c,#161d25);padding:50px;position:relative;overflow:hidden}.contact-showcase h2{margin:45px 0}.contact-large{position:absolute;bottom:-115px;right:0;font-size:360px;color:#b9976c20}.contact-card{padding:30px 0}.contact-card h2{font-family:'Playfair Display',Georgia,serif;font-size:40px;font-weight:400}.contact-card .btn{margin-top:10px}.reveal{animation:appear .8s ease-out both}@keyframes appear{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@media(max-width:1150px){.header-inner{padding:0 28px;gap:15px}.nav{gap:15px}.nav a{font-size:10px}.brand{min-width:190px}.container{width:min(var(--max),calc(100% - 64px))}.hero-art>img{height:500px}.hero-meta{margin-top:60px}}@media(max-width:850px){.header-inner{min-height:76px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;border:1px solid #4a515b;background:transparent;color:var(--text);padding:8px 12px;cursor:pointer}.nav{display:none;position:absolute;left:0;right:0;top:76px;padding:20px 32px 26px;background:#171e26;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy h1{font-size:clamp(52px,9vw,82px)}.hero-art{max-width:600px;margin:25px auto 0}.hero-art>img{height:460px}.hero-meta{margin-top:55px}.statement-grid{grid-template-columns:1fr 1fr}.statement-grid .eyebrow{grid-column:1/-1}.section-top{align-items:start}.feature-grid{grid-template-columns:1fr 1fr}.feature-tile:last-child{grid-column:1/-1}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.editorial{gap:6%}.editorial-art{min-height:400px}.about-section,.contact-layout{gap:35px}.large-number{font-size:135px;min-height:380px}}@media(max-width:590px){.container{width:calc(100% - 40px)}.header-inner{padding:0 20px}.hero{padding-top:55px}.hero-copy h1,.subhero h1{letter-spacing:-1.5px;font-size:49px}.hero-copy>p{font-size:14px}.hero-art{padding:8px}.hero-art>img{height:360px}.hero-meta{margin-top:40px;flex-wrap:wrap;font-size:8px}.actions{gap:10px}.btn{padding:15px 16px;gap:12px}.statement{padding:70px 0}.statement-grid{grid-template-columns:1fr;gap:18px}.section{padding-block:75px}.section-top{display:block}.section-top>p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature-tile,.feature-tile:last-child{grid-column:auto;height:365px}.manifesto{padding:75px 0}.final-cta{display:block}.final-cta .btn{margin-top:30px}.footer-top{padding:60px 20px;grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{padding:25px 20px;gap:15px;flex-wrap:wrap}.subhero{padding-top:74px;padding-bottom:45px}.hairline{margin-top:60px}.editorial{grid-template-columns:1fr;padding-bottom:70px;gap:45px}.editorial-art{min-height:370px}.mini-call h2{font-size:37px}.about-section,.contact-layout{grid-template-columns:1fr;padding-bottom:80px}.large-number{min-height:320px;font-size:145px}.contact-showcase{min-height:340px;padding:30px}.contact-showcase h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* StarMusic YouTube network extension */
.youtube-intro{display:flex;justify-content:space-between;gap:32px;align-items:end;margin:10px auto 32px}.youtube-intro h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(35px,3.5vw,58px);margin:12px 0 0;line-height:1.15}.youtube-intro h2 em{color:var(--gold);font-weight:400}.youtube-intro p{color:var(--muted);max-width:380px;font-size:13px}.channels-wrap{padding-bottom:125px}.channel-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:27px}.filter-btn{color:#c9d0d6;border:1px solid var(--line);background:#19212a;cursor:pointer;padding:10px 16px;font-size:11px;letter-spacing:.7px}.filter-btn:hover,.filter-btn.is-active{border-color:var(--gold);background:rgba(215,179,125,.13);color:var(--gold)}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.channel-card{background:linear-gradient(150deg,#202a33,#141b22);border:1px solid var(--line);min-height:335px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s}.channel-card:hover{transform:translateY(-4px);border-color:rgba(215,179,125,.6)}.channel-card[hidden]{display:none!important}.channel-symbol{min-height:98px;background:radial-gradient(circle at 50% 100%,#7b64482e,transparent 63%),linear-gradient(125deg,#293541,#151d25);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);font-size:48px;color:#d3b17a}.channel-symbol-film{background:linear-gradient(145deg,#3c3542,#171e28)}.channel-symbol-humour{background:linear-gradient(145deg,#42313b,#171e28)}.channel-symbol-travel{background:linear-gradient(145deg,#24404a,#171e28)}.channel-symbol-kids{background:linear-gradient(145deg,#3b3f52,#171e28)}.channel-content{padding:22px 25px 24px;display:flex;flex-direction:column;flex:1}.channel-genre{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1.9px}.channel-content h3{font-size:20px;line-height:1.3;font-family:'Playfair Display',Georgia,serif;font-weight:400;margin:8px 0 5px}.channel-content p{font-size:12px;line-height:1.6;color:#a3aeb7;min-height:37px;margin:0 0 11px}.channel-handle{font-size:11px;color:#c2ad8f;overflow-wrap:anywhere}.channel-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:auto;padding-top:12px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-weight:700}.channels-note{font-size:12px;color:var(--muted);margin-top:25px}.channels-home .section-top{margin-bottom:35px}.home-channels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-channels>a{padding:25px 22px;border:1px solid var(--line);background:#19212a;display:flex;align-items:center;gap:20px;transition:border-color .2s}.home-channels>a:hover{border-color:var(--gold)}.home-channel-icon{width:57px;height:57px;border:1px solid #ab8b5f77;color:var(--gold);display:grid;place-items:center;font-size:26px;flex-shrink:0}.home-channels a>span:nth-child(2){flex:1;min-width:0}.home-channels strong,.home-channels small{display:block}.home-channels strong{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:400}.home-channels small{color:var(--muted);font-size:11px;margin-top:2px}.home-channel-arrow{color:var(--gold)}.channels-home-bottom{display:flex;align-items:center;gap:30px;margin-top:29px}.channels-home-bottom>span{font-size:12px;color:var(--muted)}
@media(max-width:1020px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{gap:12px}.nav{gap:10px}.nav a{font-size:9px;letter-spacing:1px}.brand{min-width:175px}}
@media(max-width:850px){.nav{gap:0}.nav a{font-size:12px;letter-spacing:1.5px}.youtube-intro{display:block}.youtube-intro p{margin-top:24px}}
@media(max-width:590px){.channel-grid,.home-channels{grid-template-columns:1fr}.channel-card{min-height:305px}.channels-wrap{padding-bottom:75px}.home-channels>a{padding:18px}.channels-home-bottom{display:block}.channels-home-bottom>span{display:block;margin-top:15px}.channel-filters{gap:7px}.filter-btn{padding:9px 10px;font-size:10px}}

/* StarMusic V2.2 — logos réels des chaînes (avec repli élégant) */
.channel-visual{position:relative;min-height:170px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#3e3a32 0%,#1c2730 66%,#131b22 100%);overflow:hidden}
.channel-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,13,18,.24),transparent 65%)}
.channel-logo{width:128px;height:128px;object-fit:cover;border-radius:50%;position:relative;z-index:2;border:3px solid #d7b37b;box-shadow:0 12px 30px #0007,0 0 0 7px #d7b37b17;background:#20272e}
.channel-logo[hidden]{display:none!important}
.channel-logo-fallback{width:105px;height:105px;border-radius:50%;border:2px solid #b99b70;display:grid;place-items:center;font-size:48px;background:#2d3640;box-shadow:0 12px 35px #0006;position:absolute;z-index:1}
.channel-visual:has(.channel-logo:not([hidden])) .channel-logo-fallback{display:none}
.home-channel-visual{position:relative;overflow:hidden;border-radius:50%;width:62px;height:62px}
.home-channel-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:2;background:#1e2832}
.home-channel-logo[hidden]{display:none!important}
.home-channel-visual:has(.home-channel-logo:not([hidden])){border-color:#d7b37b}
@media(max-width:590px){.channel-visual{min-height:150px}.channel-logo{width:115px;height:115px}}

/* V2.3 — dimensions uniformes garanties pour les avatars de chaînes */
.channel-visual .channel-logo{display:block;flex:none!important;width:128px!important;height:128px!important;min-width:128px;min-height:128px;max-width:128px;max-height:128px;aspect-ratio:1/1;object-fit:cover;object-position:center center;border-radius:50%;box-sizing:border-box}
.home-channel-visual{width:62px!important;height:62px!important;min-width:62px;min-height:62px;aspect-ratio:1/1;border-radius:50%;flex:none}
.home-channel-visual .home-channel-logo{width:100%!important;height:100%!important;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:50%}
@media(max-width:590px){.channel-visual .channel-logo{width:115px!important;height:115px!important;min-width:115px;min-height:115px;max-width:115px;max-height:115px}}


/* StarMusic V2.6 — 7 silent background videos, no effects on YouTube card images. */
.sm-site-video{display:block;object-fit:cover;object-position:center center;pointer-events:none;background:#161d24;}
.hero-art{overflow:hidden;}
.hero-art>.sm-hero-video{width:100%;height:580px;aspect-ratio:1/1;object-fit:cover;}
.editorial-art>.sm-editorial-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.editorial-art>span{position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.8);}
.editorial-art:has(.sm-editorial-video):before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(8,13,19,.72),transparent 36%);}
.sm-about-video-panel{padding:0;letter-spacing:normal;position:relative;overflow:hidden;display:block;min-height:480px;background:#202932;}
.sm-about-video-panel>.sm-about-video{position:absolute;inset:0;width:100%;height:100%;}
.contact-showcase>.sm-contact-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.contact-showcase:has(.sm-contact-video):before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,13,20,.68),rgba(7,13,20,.23));pointer-events:none;}
.contact-showcase>.eyebrow,.contact-showcase>h2{position:relative;z-index:2;text-shadow:0 2px 12px #000;}
.contact-showcase>.contact-large{z-index:1;pointer-events:none;}
.sm-site-video.sm-video-error{display:none;}
@media(max-width:1150px){.hero-art>.sm-hero-video{height:500px;}}
@media(max-width:590px){.hero-art>.sm-hero-video{height:360px;}.sm-about-video-panel{min-height:320px;}}
