@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&family=Parisienne&display=swap');

:root{--bg:#090909;--panel:#111;--text:#f4f1eb;--muted:#aaa49a;--gold:#d9a83b;--line:#292724}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;font-weight:300;line-height:1.7}
.site-header{height:74px;background:rgba(8,8,8,.96);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:fixed;top:0;width:100%;z-index:10;border-bottom:1px solid #222}
.brand{text-decoration:none;color:var(--text);display:flex;flex-direction:column;line-height:1}.brand span{font:500 29px/1 'Cormorant Garamond',serif;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:4px;margin-top:7px;color:#bbb}
nav{display:flex;gap:28px}nav a{color:#eee;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1px}nav a:hover{color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:92vh;padding:160px 8vw 100px;display:flex;align-items:center;background:
radial-gradient(circle at 75% 35%,rgba(217,168,59,.18),transparent 26%),
linear-gradient(115deg,#12100e 0%,#1c1712 47%,#070707 100%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:48vw;height:48vw;border-radius:50%;right:-15vw;top:16vh;background:radial-gradient(circle,rgba(217,168,59,.2),transparent 68%);filter:blur(18px)}
.hero-content{position:relative;z-index:1;max-width:760px}.eyebrow{font-size:11px;letter-spacing:5px;color:#cfcac0}.hero h1{font:500 clamp(72px,11vw,145px)/.8 'Cormorant Garamond',serif;letter-spacing:-3px;margin:22px 0}.hero h1 em,.section-heading em,h2 em{font-style:normal;color:var(--gold)}.tagline{font:400 clamp(22px,2.3vw,34px)/1.25 'Parisienne',cursive;color:#e7e1d8;max-width:700px;margin:30px 0 40px}.button{display:inline-flex;gap:22px;align-items:center;color:white;text-decoration:none;border:1px solid var(--gold);padding:12px 21px;text-transform:uppercase;letter-spacing:2px;font-size:11px}.button:hover{background:var(--gold);color:#111}
.section,.simple-section{padding:100px 4vw}.section-heading{display:flex;align-items:center;gap:22px;margin-bottom:38px}.section-heading h2,h2{font:500 clamp(36px,5vw,60px)/1 'Cormorant Garamond',serif;margin:0}.gold-line{height:1px;width:70px;background:var(--gold)}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.card{position:relative}.cover{aspect-ratio:1;background:linear-gradient(145deg,#6b5333,#181410);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;font:500 27px/1.05 'Cormorant Garamond',serif;box-shadow:0 8px 28px rgba(0,0,0,.35)}.cover small{font:600 9px/1.4 Montserrat;letter-spacing:2px;margin-top:10px}.cover-1{background:linear-gradient(145deg,#d7c7a6,#493b2d)}.cover-2{background:linear-gradient(145deg,#d2a66c,#40546a)}.cover-3{background:linear-gradient(145deg,#152d49,#8c263d)}.cover-4{background:linear-gradient(145deg,#d68c22,#274f31)}.cover-5{background:linear-gradient(145deg,#d0a15b,#8b4c30)}.cover-6{background:linear-gradient(145deg,#d7c9ae,#526c79)}.card h3{font-size:12px;letter-spacing:1px;margin:13px 0 0;font-weight:500}.card p{font-size:10px;color:var(--muted);margin:2px 0}.play{position:absolute;right:8px;bottom:0;border:1px solid #aaa;background:#111;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer}.quote-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#0d0d0d}.quote{font:400 clamp(35px,4vw,58px)/1.05 'Parisienne',cursive}.quote em{font-style:normal;color:#ddd}.bio{max-width:600px;color:#bcb8b0}.text-link{color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:10px}.simple-section{min-height:50vh}.dark-alt{background:#0d0d0d}.simple-section p:not(.eyebrow){max-width:760px;color:#bcb8b0}.video-placeholder{height:260px;border:1px solid #2d2d2d;margin-top:35px;display:grid;place-items:center;color:#666;text-transform:uppercase;letter-spacing:3px;font-size:10px}.timeline{border-left:1px solid var(--gold);margin:45px 0 0 10px;padding-left:30px;display:grid;gap:28px}.timeline div{display:flex;gap:30px}.timeline strong{color:var(--gold);min-width:80px}.timeline span{color:#bbb}.contact{padding:100px 8vw;text-align:center;background:linear-gradient(180deg,#10100f,#080808)}.contact p{color:#aaa}.small-note{font-size:10px!important;color:#666!important;margin-top:22px}footer{padding:35px 4vw;border-top:1px solid #222;display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:1px}footer strong{color:#ddd}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}nav{gap:15px}.site-header{padding:0 3vw}}
@media(max-width:720px){.site-header{height:65px}.brand span{font-size:24px}.menu-toggle{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0b0b0b;flex-direction:column;padding:25px 7vw;border-bottom:1px solid #222}nav.open{display:flex}.hero{min-height:85vh;padding:130px 7vw 70px}.hero h1{font-size:70px}.cards{grid-template-columns:repeat(2,1fr);gap:16px}.quote-section{grid-template-columns:1fr;padding:60px 7vw}.section,.simple-section{padding:70px 7vw}footer{flex-direction:column;gap:8px}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.cover{max-height:none}.hero h1{font-size:58px}}

.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover{overflow:hidden;padding:0}.cover-5{padding:15px!important}

/* About / archive editorial pages */
.page-hero{padding:110px 7% 70px;text-align:center;background:radial-gradient(circle at 50% 15%,rgba(217,168,59,.12),transparent 42%);}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;margin:.15em 0;color:#fff;}
.page-hero .lead{font-family:'Cormorant Garamond',serif;font-size:1.35rem;line-height:1.6;color:#d8d4cc;}
.content-section{padding:70px 7%;max-width:1100px;margin:auto;}
.content-section.narrow{max-width:820px;}
.story p,.credits-box p{font-size:1.05rem;line-height:1.9;color:#c9c5bd;margin:0 0 1.35rem;}
.section-heading{margin-bottom:45px;}
.section-heading h2,.credits-box h2{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:400;color:#fff;margin:.2em 0;}
.timeline{border-left:1px solid rgba(217,168,59,.45);margin-left:15px;padding-left:40px;}
.timeline-item{position:relative;padding:0 0 55px;}
.timeline-item:before{content:'';position:absolute;left:-46px;top:6px;width:10px;height:10px;border:1px solid #d9a83b;border-radius:50%;background:#0c0c0c;}
.timeline-year{color:#d9a83b;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase;margin-bottom:8px;}
.timeline-item h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:#fff;margin:.15em 0 .35em;}
.timeline-item p{color:#bcb8b0;line-height:1.8;margin:0;max-width:720px;}
.quote-section{padding:90px 7%;text-align:center;background:#111;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
.quote-section blockquote{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:#e9e5dc;margin:0 auto 15px;max-width:850px;}
.quote-section p{color:#9d9992;margin:0 auto;max-width:650px;line-height:1.7;}
.credits-box{border:1px solid rgba(217,168,59,.3);padding:42px;background:rgba(217,168,59,.035);}
@media(max-width:700px){.page-hero{padding:85px 6% 55px}.content-section{padding:55px 6%}.timeline{padding-left:28px;margin-left:8px}.timeline-item:before{left:-34px}.quote-section blockquote{font-size:2rem}}

.archive-gallery{max-width:1180px;margin:20px auto 70px;padding:0 7%;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start;}
.archive-photo{margin:0;background:#111;border:1px solid rgba(255,255,255,.07);overflow:hidden;}
.archive-photo img{display:block;width:100%;height:auto;filter:saturate(.82) contrast(1.03);}
.archive-photo figcaption{padding:15px 17px 18px;color:#9f9b94;font-size:.78rem;letter-spacing:.04em;line-height:1.5;}
.archive-photo-large{margin-top:35px;}
@media(max-width:760px){.archive-gallery{grid-template-columns:1fr;padding:0 6%;gap:20px}.archive-photo-large{margin-top:0}}

/* Homepage hero — JC MORENO */
.jc-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;padding:0 7% 9%;isolation:isolate;}
.jc-hero .hero-image{position:absolute;inset:0;background-image:url('assets/jc_moreno_hero.png');background-size:cover;background-position:center;z-index:-3;}
.jc-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.78) 0%,rgba(8,7,6,.36) 48%,rgba(8,7,6,.12) 100%),linear-gradient(0deg,rgba(8,7,6,.74) 0%,transparent 55%);z-index:-2;}
.jc-hero .hero-content{max-width:760px;position:relative;z-index:2;}
.jc-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.85;letter-spacing:.015em;margin:.12em 0;color:#fff;}
.hero-tagline{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.05;color:#f1e9dc;margin:20px 0 15px;}
.hero-intro{font-size:.98rem;line-height:1.7;color:#d0cbc2;max-width:520px;margin-bottom:28px;}
.hero-button{display:inline-block;border:1px solid rgba(217,168,59,.75);padding:14px 20px;color:#f0d38a;font-size:.72rem;letter-spacing:.16em;text-decoration:none;transition:.25s;}
.hero-button:hover{background:#d9a83b;color:#0c0c0c;}
.artist-duality{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);}
.artist-card{min-height:330px;padding:65px 8%;display:flex;flex-direction:column;justify-content:center;}
.artist-card h2{font-family:'Cormorant Garamond',serif;font-size:3rem;line-height:.98;font-weight:400;margin:8px 0 28px;color:#fff;}
.artist-card a{color:#d9a83b;font-size:.72rem;letter-spacing:.13em;text-decoration:none;}
.jc-card{background:linear-gradient(135deg,#171310,#0f0e0d);}
.docmao-card{background:linear-gradient(135deg,#0b0d12,#09090b);border-left:1px solid rgba(255,255,255,.07);}
.docmao-card .eyebrow{color:#83a9c9;}
.docmao-card a{color:#83a9c9;}
@media(max-width:760px){
  .jc-hero{min-height:75vh;padding:0 6% 10%;}
  .jc-hero .hero-image{background-position:60% center;}
  .artist-duality{grid-template-columns:1fr;}
  .docmao-card{border-left:0;border-top:1px solid rgba(255,255,255,.07);}
  .artist-card{min-height:280px;padding:55px 7%;}
  .artist-card h2{font-size:2.55rem;}
}

/* Catalogs */
.catalog-grid{max-width:1180px;margin:0 auto;padding:30px 7% 80px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.catalog-card{background:#111;border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:180px 1fr;min-height:245px;overflow:hidden;}
.catalog-card img{width:100%;height:100%;min-height:245px;object-fit:cover;}
.catalog-card>div:not(.catalog-placeholder){padding:28px;}
.catalog-card h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2rem;color:#fff;margin:6px 0 12px;}
.catalog-card p:not(.eyebrow){color:#aaa59d;line-height:1.6;font-size:.9rem;}
.catalog-card a{display:inline-block;color:#d9a83b;text-decoration:none;font-size:.68rem;letter-spacing:.12em;margin-top:10px;margin-right:15px;}
.catalog-card .secondary-link{color:#8e8a83;}
.catalog-placeholder{display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:linear-gradient(145deg,#26221c,#111);color:#d9a83b;font-family:'Cormorant Garamond',serif;font-size:1.45rem;letter-spacing:.08em;}
.catalog-footer{text-align:center;padding:80px 7%;background:#111;border-top:1px solid rgba(255,255,255,.06);}
.catalog-footer h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:2.8rem;color:#eee;max-width:650px;margin:10px auto 28px;}
.catalog-footer a{color:#d9a83b;text-decoration:none;font-size:.72rem;letter-spacing:.13em;}
/* DOCMAO */
.docmao-page{background:#080a0e;}
.docmao-page .site-header{background:rgba(5,7,10,.96);}
.docmao-hero{min-height:66vh;padding:110px 8%;display:flex;align-items:flex-end;background:radial-gradient(circle at 75% 25%,rgba(66,119,164,.22),transparent 32%),linear-gradient(135deg,#0b0e14,#050609);}
.docmao-hero h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(4rem,8vw,7rem);line-height:.78;color:#eef4fa;margin:15px 0 28px;}
.docmao-hero p:not(.eyebrow){max-width:570px;color:#9daab7;line-height:1.7;}
.docmao-button{display:inline-block;margin-top:18px;border:1px solid #6489a8;padding:14px 20px;color:#9fc1dc;text-decoration:none;font-size:.7rem;letter-spacing:.14em;}
.docmao-grid{max-width:1180px;margin:0 auto;padding:70px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.docmao-card-item{background:#0d1015;border:1px solid rgba(126,164,195,.16);padding:22px;min-height:380px;}
.docmao-cover{height:185px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#1b3348,#080a0e 70%);border:1px solid rgba(126,164,195,.12);color:#9fc1dc;font-family:'Montserrat',sans-serif;font-size:1.15rem;letter-spacing:.13em;}
.docmao-card-item h2{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:400;color:#eef4fa;margin:5px 0 10px;}
.docmao-card-item p:not(.eyebrow){color:#8f9aa6;line-height:1.55;font-size:.88rem;}
.docmao-card-item a{color:#7fa9c8;text-decoration:none;font-size:.68rem;letter-spacing:.13em;}
@media(max-width:850px){.catalog-grid{grid-template-columns:1fr}.docmao-grid{grid-template-columns:1fr 1fr}.catalog-card{grid-template-columns:150px 1fr}}
@media(max-width:600px){.catalog-card{grid-template-columns:1fr}.catalog-card img{height:280px}.docmao-grid{grid-template-columns:1fr}.docmao-hero{min-height:70vh;padding:90px 6% 60px}}

/* PAROLES — lecture en double colonne */
.lyrics-intro{max-width:1050px;margin:0 auto;padding:15px 7% 55px;text-align:center;}
.lyrics-intro p{margin:0 auto;max-width:760px;color:#bcb8b0;font-family:'Cormorant Garamond',serif;font-size:1.2rem;line-height:1.7;font-style:italic;}
.lyrics-catalog{max-width:1080px;margin:0 auto;padding:0 7% 90px;}
.lyrics-card{background:#111;border:1px solid rgba(255,255,255,.07);margin-bottom:38px;padding:34px 42px 42px;box-shadow:0 12px 35px rgba(0,0,0,.18);}
.lyrics-heading{margin-bottom:26px;border-bottom:1px solid rgba(217,168,59,.22);padding-bottom:17px;}
.lyrics-heading h2{font-size:2.6rem;margin:5px 0 0;color:#fff;}
.lyrics-columns{column-count:2;column-gap:62px;column-fill:balance;}
.lyrics-columns p{margin:0 0 24px;color:#d2cec6;font-family:'Cormorant Garamond',serif;font-size:1.08rem;line-height:1.48;break-inside:avoid;page-break-inside:avoid;}
.lyrics-columns strong{color:#e2b54d;font-weight:500;}
@media(max-width:700px){.lyrics-card{padding:26px 24px 30px}.lyrics-columns{column-count:1}.lyrics-heading h2{font-size:2.25rem}.lyrics-columns p{font-size:1.06rem}.lyrics-intro{padding-bottom:38px}}