/* Direction photographique — références Spoke, octobre 2026. */
:root{--bg:#111112;--panel:#19191b;--ink:#f2f1ef;--muted:#aaa9ad;--line:#343437;--accent:#d5d2cb;--green:#bfc5bd}
body{background:var(--bg);color:var(--ink)}header{background:#111112f5}.logo{letter-spacing:.12em;font-weight:500;font-size:24px}.preview{background:#202023;color:#a5a5a9;font-size:10px}nav a:hover,nav a.active{color:white}.eyebrow{font-size:10px;letter-spacing:.2em;color:#c5c3c0}.eyebrow:before{display:none}h1,h2{letter-spacing:-.045em;font-weight:400}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#ccc8c1}h2{font-size:clamp(32px,3.4vw,50px);line-height:1.13}.btn{border-color:#67676a;min-height:48px;padding:11px 19px;font-size:13px}.btn.primary{background:#dedbd5;color:#171717;border-color:#dedbd5}.btn.primary:hover{background:white;border-color:white}.badge{color:#b6b3af;letter-spacing:.13em;font-size:10px}.wrap{max-width:1360px}.page-head h1{font-size:clamp(42px,5vw,72px)}.page-head{padding:65px 0 35px}.page-head p{font-size:16px}.section{padding-top:65px;padding-bottom:65px}.section-head{margin-bottom:30px}
.photo-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:auto;min-height:650px}.photo-hero-copy{padding:85px 10% 35px 12%;display:flex;flex-direction:column;align-items:flex-start}.photo-hero h1{font-size:clamp(52px,5.7vw,85px);line-height:1.06;margin:38px 0 25px}.photo-hero-copy>p{font-size:16px;line-height:1.8}.hero-signature{font-size:11px;letter-spacing:.45em;color:#888;margin-top:auto;padding-top:50px}.photo-hero-image{position:relative;overflow:hidden;background:#373739}.portrait-frame{position:relative;overflow:hidden;aspect-ratio:800/760;background:#444}.portrait-frame img{position:absolute;width:232.625%;max-width:none;height:auto;left:-77.5%;top:0;display:block}.photo-hero-image .portrait-frame{height:100%;aspect-ratio:auto}.photo-hero-image .portrait-frame img{width:auto;height:220%;left:50%;transform:translateX(-55%);top:0}.photo-hero-image>span{position:absolute;bottom:28px;left:30px;color:#ddd;font-size:10px;letter-spacing:.22em}.photo-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1117,transparent 40%);pointer-events:none}
.discography{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}.discography figure{margin:0}.cover-window{aspect-ratio:1;overflow:hidden;background:#fff}.cover-window img{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}.discography figcaption{padding-top:15px;display:flex;justify-content:space-between;gap:10px}.discography strong{font-size:15px;font-weight:400}.discography figcaption span{font-size:12px;color:#999}.studio-editorial{display:grid;grid-template-columns:.9fr 1.2fr;gap:10%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-editorial h2{margin-top:25px}.studio-editorial p{max-width:330px}.studio-list a{display:flex;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.studio-list a:first-child{padding-top:0}.studio-list a:last-child{border:0}.studio-list a>span{font-size:11px;color:#888}.studio-list h3{font-size:22px;letter-spacing:-.02em;margin:0 0 7px}.studio-list small{color:#999;font-size:12px}.studio-list b{margin-left:auto;font-weight:400}.studio-list a:hover h3{color:white;text-decoration:underline;text-underline-offset:6px}.artist-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.artist-story>img{width:100%;display:block}.artist-story h2{margin-top:25px}.transmission{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5%}.transmission h2{font-size:32px;margin-top:22px}.transmission a{padding-top:24px}.transmission a h3{font-size:28px}.transmission a span{font-size:11px;color:#aaa}.signup{background:#19191b;border:1px solid #333;padding:40px}.signup h2{font-size:34px}.fake-form input{background:#111112}.store-editorial-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center;padding:45px 0}.store-editorial-hero h1{font-size:clamp(52px,6vw,88px);line-height:1.04;margin:25px 0}.store-editorial-hero .portrait-frame{max-height:370px;width:100%}.filters{border-bottom:1px solid #39393c;padding-bottom:20px;gap:8px;margin-bottom:30px}.filter{font-size:12px;border-color:transparent}.filter.active{background:#dedbd5;color:#181818}.cards{gap:28px}.collection-tile{background:linear-gradient(135deg,#313133,#171719);color:#e3e0da;aspect-ratio:1.4;position:relative;padding:25px;overflow:hidden;border:1px solid #464649}.collection-tile:before,.collection-tile:after{display:none!important}.collection-number{font-family:Georgia,serif;font-style:italic;font-size:52px;color:#aaa6a0;line-height:1}.collection-title{font-size:29px;font-weight:400;letter-spacing:-.025em}.collection-tile .tile-top{font-size:9px;position:static}.collection-tile .tile-bottom{font-size:9px;display:flex;justify-content:space-between;position:static}.tile-pattern{display:none}.card h3{font-size:22px}.card:hover .tile{transform:none;border-color:#ddd}.tile{background:#242426;color:#ddd}.tile-symbol{font-size:65px}.product .collection-tile{aspect-ratio:1.2}.product .collection-title{font-size:40px}.reading-progress{background:#aaa}.signal-experience,.signal-page{--green:#c7cdc5}.growth-proof,.audit-offer{border-color:#444}.release-art{object-fit:contain}.source-note{color:#a4a3a7}#motion-toggle{font-size:10px;opacity:.8}
@media(min-width:1500px){.photo-hero{min-height:700px}}
@media(max-width:800px){.photo-hero{min-height:550px}.photo-hero-copy{padding:55px 7% 30px}.photo-hero h1{font-size:53px}.photo-hero-image .portrait-frame img{transform:translateX(-55%)}.photo-hero .actions{gap:10px}.photo-hero .btn{font-size:12px;padding:10px 12px;gap:12px}.transmission{grid-template-columns:1fr 1fr}.transmission>div{grid-column:1/-1}.store-editorial-hero{gap:5%}.collection-title{font-size:24px}}
@media(max-width:600px){.photo-hero{grid-template-columns:1fr;min-height:0}.photo-hero-copy{padding:36px 6% 32px;order:2}.photo-hero h1{font-size:48px;margin:20px 0;line-height:1.05}.photo-hero h1 br{display:none}.photo-hero h1 br:after{content:' '}.photo-hero h1 em{display:block}.photo-hero-image{height:365px;order:1}.photo-hero-image .portrait-frame img{height:auto;width:220%;left:50%;transform:translateX(-53%)}.photo-hero-image>span{bottom:18px;left:6%}.hero-signature{display:none}.photo-hero .actions{margin-top:10px}.discography{grid-template-columns:1fr 1fr;gap:25px 15px}.discography figcaption{display:block}.discography strong{font-size:13px;display:block;line-height:1.4}.discography figcaption span{font-size:11px}.studio-editorial,.artist-story{grid-template-columns:1fr;gap:35px}.studio-list h3{font-size:20px}.transmission{grid-template-columns:1fr;gap:12px}.transmission>div{grid-column:auto}.transmission a{padding:20px 0;border-top:1px solid #333}.section{padding-top:42px;padding-bottom:42px}.store-editorial-hero{grid-template-columns:1fr 1fr;gap:15px;padding:32px 0}.store-editorial-hero h1{font-size:43px}.store-editorial-hero p{font-size:13px;line-height:1.6}.store-editorial-hero .portrait-frame{aspect-ratio:0.65}.store-editorial-hero .portrait-frame img{width:320%;left:-130%}.store-editorial-hero .eyebrow{font-size:9px}.cards{gap:22px}.collection-tile{aspect-ratio:1.6}.collection-number{font-size:42px}.collection-title{font-size:32px}.signup{padding:25px}.logo{font-size:23px}.release h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(max-width:600px){.photo-hero-image .portrait-frame img{width:260%;left:-100%;transform:none}.photo-hero h1 br{display:initial}.photo-hero h1{font-size:45px}}
@media(min-width:601px){.store-editorial-hero .portrait-frame img{left:-83%}}footer .logo{font-size:28px;letter-spacing:.12em;font-weight:500}

/* Wordmark inspiré de la référence Spotify, sans police distante. */
header .logo,footer .logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0;letter-spacing:0;line-height:1}
.logo .brand-spoke{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:43px;font-weight:900;letter-spacing:-.065em;line-height:.92}
.logo .brand-productions{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:10px;letter-spacing:.22em;line-height:1;text-transform:uppercase;padding-left:3px}
footer .logo .brand-spoke{font-size:58px}footer .logo .brand-productions{font-size:12px}.hero-signature{letter-spacing:.14em}
@media(max-width:700px){header .logo .brand-spoke{font-size:37px}header .logo .brand-productions{font-size:8px}header .logo{gap:4px}}