/*
Theme Name: Wave God
Theme URI: https://wavegodmaxb.com
Author: Caked Management Group
Description: Official custom theme for Max B — Wave God. Harlem, New York. Gold↔chrome cosmic identity.
Version: 2.0.0
License: Private
Text Domain: wavegod
*/

/* Max B — wavegodmaxb.com · gold↔chrome cosmic · webcraft
   NOTE: url('assets/...') paths below resolve relative to this file (theme root),
   so they point at /wp-content/themes/wavegod/assets/... — do not move this file. */
:root{
  --ink:#06080c; --ink2:#0b0f16; --panel:#0e131c; --panel2:#121823;
  --wave:#0e3a52; --wave-bri:#4f9fc4; --wave-deep:#0a2536;
  --chrome:#d3dbe4; --chrome-dim:#8b95a4; --bone:#f2eee4; --faint:#5b6472;
  --gold:#c9a24c; --gold-bri:#e7c668; --ember:#d9743a;
  --line:rgba(205,214,224,.13); --line2:rgba(205,214,224,.07);
  --ui:"Archivo",-apple-system,BlinkMacSystemFont,sans-serif; --display:"Syne",sans-serif; --script:"Ms Madi",cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font:16px/1.6 var(--ui);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}

/* ---------- signature intro ---------- */
#intro{position:fixed;inset:0;z-index:200;background:#040507;display:flex;align-items:center;justify-content:center}
#intro .wrap{position:relative}
#intro .sig{font-family:var(--script);font-size:clamp(70px,16vw,150px);line-height:1;color:var(--gold-bri);padding:0 56px;text-shadow:0 0 26px rgba(231,198,104,.25);
  -webkit-mask:linear-gradient(90deg,#000,#000) left/0% 100% no-repeat;mask:linear-gradient(90deg,#000,#000) left/0% 100% no-repeat}
#intro .pen{position:absolute;top:50%;left:56px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff,var(--gold-bri) 55%,transparent 72%);box-shadow:0 0 16px 6px rgba(231,198,104,.55);opacity:0;transform:translate(-50%,-50%)}
#intro.run .sig{animation:sigReveal 2.2s cubic-bezier(.62,.04,.32,1) .3s forwards}
#intro.run .pen{animation:sigPen 2.2s cubic-bezier(.62,.04,.32,1) .3s forwards}
#intro.run{animation:introOut .8s ease 2.9s forwards}
#intro .skip{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);background:none;border:0;color:var(--chrome-dim);font:500 10px var(--ui);letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
@keyframes sigReveal{to{-webkit-mask-size:106% 100%;mask-size:106% 100%}}
@keyframes sigPen{0%{opacity:0;left:60px;top:48%}5%{opacity:1}22%{top:38%}42%{top:60%}60%{top:40%}80%{top:56%}92%{opacity:1;left:calc(100% - 60px)}100%{opacity:0;left:calc(100% - 60px);top:50%}}
@keyframes introOut{to{opacity:0;visibility:hidden}}

/* ---------- top bar ---------- */
.bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,56px);transition:.3s;border-bottom:1px solid transparent}
.bar.stuck{padding-top:11px;padding-bottom:11px}
.bar.hide{transform:translateY(-118%)}
.brand{font-family:var(--script);font-size:38px;line-height:1.3;padding:.2em .14em 0;color:var(--gold-bri);text-decoration:none;text-shadow:0 1px 16px rgba(201,162,76,.35)}
.nav{display:flex;gap:20px;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--chrome)}
.nav a{text-decoration:none;opacity:.78}.nav a:hover,.nav a.on{opacity:1;color:var(--gold-bri)}
.nav a.merch{color:var(--gold-bri);opacity:1}
/* auto-contrast menu over the hero — mix-blend-mode: difference (stays readable over any image) */
/* signature = solid white to match the nav, with a shadow so it always reads (no blend dropout over the cover) */
.bar .brand{color:#fff;-webkit-text-fill-color:#fff;mix-blend-mode:normal;text-shadow:0 2px 14px rgba(0,0,0,.92),0 0 26px rgba(0,0,0,.6)}
.bar .nav a{color:#fff;opacity:1;mix-blend-mode:difference}
.hamb{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.hamb span{width:24px;height:2px;background:var(--bone);display:block}
@media(max-width:880px){.nav{display:none}.hamb{display:flex}}
.menu{position:fixed;inset:0;z-index:120;background:radial-gradient(80% 70% at 50% 30%,rgba(14,58,82,.55),var(--ink) 70%);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;visibility:hidden;transition:.35s}
.menu.open{opacity:1;visibility:visible}
.menu a{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,7vw,2.6rem);color:var(--bone);text-decoration:none;padding:5px 0}
.menu a:hover{color:var(--gold-bri)}
.menu .x{position:absolute;top:22px;right:24px;background:none;border:0;color:var(--chrome);font-size:30px;cursor:pointer}
.menu .brand{font-size:44px;margin-bottom:16px}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:0 0 20vh}
.hero .cover{position:absolute;inset:0;background:url('assets/img/wave-gods-2-hero.jpg') center top/cover no-repeat}
.hero .grade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(6,8,12,.5) 80%,rgba(6,8,12,.96) 100%)}
.hero-cta{position:relative;z-index:3;padding:0 clamp(18px,4vw,56px);display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.audio{position:absolute;right:clamp(18px,4vw,56px);bottom:7vh;z-index:3;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--chrome-dim)}
.audio .dot{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(14,19,28,.6)}
@media(max-width:680px){.audio{display:none}}

/* ---------- buttons ---------- */
.btn{position:relative;overflow:hidden;font:600 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;padding:17px 30px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;cursor:pointer;transition:.22s ease}
.btn.gold{background:linear-gradient(180deg,var(--gold-bri),var(--gold));color:#160f04;box-shadow:0 6px 22px rgba(201,162,76,.30),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.gold:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 34px rgba(201,162,76,.46)}
/* living chrome glint — the gold↔chrome axis, riding the metal itself (subtle, periodic) */
.btn.gold::after{content:"";position:absolute;top:0;bottom:0;left:-65%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:btnsheen 6.5s ease-in-out infinite;pointer-events:none}
.btn.gold:hover::after{animation-duration:1.3s}
@keyframes btnsheen{0%,70%{left:-65%}100%{left:150%}}
.btn.ghost{border-color:rgba(211,219,228,.5);color:var(--chrome);background:rgba(211,219,228,.05);backdrop-filter:blur(8px)}
.btn.ghost:hover{border-color:var(--gold-bri);color:var(--gold-bri);background:rgba(231,198,104,.08);transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.btn.gold::after{display:none}}

/* ---------- generic sections ---------- */
.sec{padding:clamp(54px,9vw,110px) clamp(20px,6vw,80px)}
.sec.alt{background:var(--ink2)}
.wrap{max-width:1120px;margin:0 auto}
.eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--wave-bri);font-weight:700;margin:0 0 12px}
.eyebrow.gold{color:var(--gold-bri)}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;margin:0}
.page-hero{padding:140px clamp(20px,6vw,80px) 40px;text-align:center;border-bottom:1px solid var(--line);
  background:radial-gradient(70% 120% at 50% -10%,rgba(14,58,82,.4),transparent 60%)}
.page-hero h1{font-size:clamp(2.6rem,8vw,5rem);letter-spacing:-.01em;
  background:linear-gradient(176deg,#fff,var(--chrome) 45%,var(--gold-bri));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{color:var(--chrome-dim);letter-spacing:.16em;text-transform:uppercase;font-size:12px;margin:10px 0 0}

/* release / stats / streams */
.release{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:clamp(24px,5vw,56px);align-items:center}
@media(max-width:760px){.release{grid-template-columns:1fr}}
.release img{border:1px solid var(--line);border-radius:3px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.title{font-size:clamp(1.9rem,4.6vw,3.1rem);margin:0 0 6px}
.with{font-family:var(--display);font-weight:600;color:var(--gold-bri);margin:0 0 12px}
.meta{font-size:12.5px;color:var(--chrome-dim);letter-spacing:.04em;margin:0 0 20px}
.statbox{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:0 0 22px}
.statbox .l{font-family:var(--display);font-weight:700;font-size:14px;color:var(--chrome);margin:0 0 3px}
.statbox .t{font-size:12px;color:var(--gold-bri);letter-spacing:.06em;margin:6px 0 2px;text-transform:uppercase}
.statbox .num{font-family:var(--display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.4rem)}
.streamrow{display:flex;flex-wrap:wrap;gap:10px}
.stream{font:600 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--bone);padding:13px 20px;border-radius:2px;text-decoration:none;background:var(--panel)}
.stream:hover{border-color:var(--gold-bri);color:var(--gold-bri)}
iframe{border-radius:12px;border:0;width:100%}

/* spotlight */
.spotlight{background:var(--ink2);text-align:center}.spotlight .wrap{max-width:720px}
.big{font-size:clamp(2.4rem,7vw,4.4rem);text-transform:uppercase;margin:.2em 0 .1em;background:linear-gradient(180deg,var(--chrome),var(--gold-bri));-webkit-background-clip:text;background-clip:text;color:transparent}
.ft{font-family:var(--display);font-weight:600;color:var(--gold-bri);letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px}

/* capture */
.capture{text-align:center;background:radial-gradient(60% 80% at 50% 0%,rgba(14,58,82,.5),transparent 70%),var(--ink)}.capture .wrap{max-width:640px}
.capture h2{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 14px}
.capture p{color:var(--chrome);opacity:.85;margin:0 auto 22px;max-width:520px}
.capture form{display:flex;gap:8px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.capture input{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--line);color:var(--bone);padding:15px 16px;border-radius:2px;font:400 14px var(--ui)}

/* quick links */
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:720px){.qgrid{grid-template-columns:1fr}}
.qcard{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:28px 24px;transition:.25s}
.qcard:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.qcard h3{font-weight:700;font-size:1.3rem;margin:0 0 6px}.qcard p{margin:0;color:var(--chrome-dim);font-size:13px}
.qcard .ic{color:var(--gold-bri);font-size:24px;margin-bottom:12px}

/* music collab grid + discography */
.section-head{font-size:clamp(1.6rem,4vw,2.4rem);text-transform:uppercase;margin:0 0 8px}
.divider{height:1px;background:var(--line);margin:18px 0 26px}
.body-text{color:var(--chrome);opacity:.88;max-width:760px}
.collabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:28px}
.collab{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.collab img{width:100%;aspect-ratio:1;object-fit:cover}
.collab .c{padding:18px}
.collab h4{font-weight:700;font-size:1.2rem;margin:0 0 8px}
/* "lost classic" placeholder tile — for releases with no real cover art (e.g. Coke Wave 3, DatPiff era). On-brand gold-on-ink, reads intentional not broken. */
.cover-ph{position:relative;width:100%;height:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;padding:16px;overflow:hidden;
  background:radial-gradient(82% 62% at 50% 38%,rgba(231,198,104,.22),transparent 70%),linear-gradient(155deg,#1b212c 0%,#0b0f15 55%,#06080c 100%)}
/* vinyl-groove ghost */
.cover-ph::after{content:"";position:absolute;left:50%;top:43%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:repeating-radial-gradient(circle at center,rgba(211,219,228,.055) 0 1.5px,transparent 1.5px 7px);
  -webkit-mask:radial-gradient(circle,#000 28%,transparent 58%);mask:radial-gradient(circle,#000 28%,transparent 58%);opacity:.6;pointer-events:none}
/* diagonal sheen */
.cover-ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,rgba(231,198,104,.055) 0 1px,transparent 1px 16px);pointer-events:none}
.cover-ph>*{position:relative;z-index:1}
.cover-ph .ph-wave{width:64px;height:auto;color:var(--gold-bri);filter:drop-shadow(0 0 14px rgba(231,198,104,.45))}
.cover-ph .ph-t{font-family:var(--display);font-weight:800;font-size:clamp(15px,2.4vw,19px);line-height:1.04;letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(176deg,#fff,var(--chrome) 52%,var(--gold-bri));-webkit-background-clip:text;background-clip:text;color:transparent}
.cover-ph .ph-s{font-family:var(--ui);font-weight:600;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bri);opacity:.82}
.collab .cover-ph{border-bottom:1px solid var(--line)}
.collab p{color:var(--chrome-dim);font-size:13px;margin:0 0 14px;line-height:1.5}
.eras{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}
.era{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;padding:20px 22px}
.era .lab{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bri);margin:0 0 12px}
.era ul{list-style:none;margin:0;padding:0}.era li{padding:7px 0;border-bottom:1px solid var(--line2);font-size:14.5px}
.era li:last-child{border-bottom:0}.era .note{display:block;font-size:11px;color:var(--chrome-dim);margin-top:2px}

/* press */
.statsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}@media(max-width:720px){.statsgrid{grid-template-columns:repeat(2,1fr)}}
.statblock{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:26px 14px}
.statblock .n{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,5vw,2.6rem);color:var(--gold-bri);display:block}
.statblock .s{font-size:11px;color:var(--chrome-dim);letter-spacing:.04em;margin-top:6px;display:block}
.presslist{list-style:none;margin:24px 0 0;padding:0}
.presslist li{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
@media(max-width:680px){.presslist li{grid-template-columns:1fr}}
.presslist .pub{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--gold-bri);text-transform:uppercase}
.presslist .hl a{color:var(--bone);text-decoration:none}.presslist .hl a:hover{color:var(--gold-bri)}
.presslist .dt{font-size:11px;color:var(--chrome-dim);letter-spacing:.08em;text-transform:uppercase}
.kitlist{list-style:none;margin:24px 0 0;padding:0;columns:2;gap:30px}@media(max-width:680px){.kitlist{columns:1}}
.kitlist li{padding:8px 0;font-size:14px;color:var(--chrome);break-inside:avoid}
.kitlist a{color:var(--gold-bri);text-decoration:none}

/* tour */
.tour{position:relative;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 20px 60px}
.tour .bg{position:absolute;inset:0;background:url('assets/img/maxb-wave-god-coming-home.webp') center/cover;opacity:.25}
.tour .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.7),var(--ink))}
.tour .c{position:relative;z-index:2}
.tour .status{font-family:var(--display);font-weight:800;font-size:clamp(2rem,6vw,3.4rem);color:var(--gold-bri);margin:14px 0}
.tourtable{width:100%;max-width:900px;margin:30px auto 0;border-collapse:collapse;position:relative;z-index:2}
.tourtable th{font-family:var(--display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-dim);text-align:left;padding:12px;border-bottom:1px solid var(--line)}
.tourtable td{padding:24px 12px;text-align:center;color:var(--chrome-dim);border-bottom:1px solid var(--line2)}

/* about */
.about{display:grid;grid-template-columns:320px 1fr;gap:clamp(28px,5vw,60px);align-items:start}
@media(max-width:760px){.about{grid-template-columns:1fr}}
.about .portrait{width:100%;border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.about .social{display:flex;flex-direction:column;gap:8px;margin-top:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.about .social a{color:var(--chrome-dim);text-decoration:none}.about .social a:hover{color:var(--gold-bri)}
.about .bio p{color:var(--chrome);opacity:.9;margin:0 0 16px}
.about .bio em{color:var(--gold-bri);font-style:normal}
.facts{margin-top:26px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:22px}
.facts dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:12px 18px}
.facts dt{font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bri)}
.facts dd{margin:0;font-size:14px;color:var(--chrome)}

/* capture form focus + input group */
.capture input:focus{outline:none;border-color:var(--gold-bri);background:var(--panel2)}
.capture input::placeholder{color:var(--chrome-dim)}
@media(max-width:560px){.capture form{flex-direction:column}.capture form .btn{width:100%;justify-content:center}}

/* contact form focus states */
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--gold-bri);background:var(--panel2)}
.cform input::placeholder,.cform textarea::placeholder{color:var(--chrome-dim)}
.cform select option{background:var(--ink)}

/* contact */
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:8px}@media(max-width:720px){.ccards{grid-template-columns:1fr}}
.ccard{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:26px}
.ccard h3{font-weight:700;font-size:1.1rem;margin:0 0 8px}
.ccard p{color:var(--chrome-dim);font-size:13px;margin:0 0 14px}
.ccard a{color:var(--gold-bri);text-decoration:none;font-size:14px}
.cform{max-width:640px;margin:40px auto 0}
.cform .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.cform .frow{grid-template-columns:1fr}}
.cform label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--chrome-dim);margin:14px 0 6px}
.cform input,.cform select,.cform textarea{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--bone);padding:13px 14px;border-radius:2px;font:400 14px var(--ui)}

/* footer */
.foot{border-top:1px solid var(--line);padding:48px clamp(20px,6vw,80px) 40px;text-align:center}
.foot .brand{font-size:34px;display:inline-block;margin-bottom:8px}
.foot .tag{color:var(--chrome-dim);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
.foot nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.foot nav a{color:var(--chrome-dim);text-decoration:none}.foot nav a:hover{color:var(--gold-bri)}
.foot .social{display:flex;gap:16px;justify-content:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.foot .social a{color:var(--chrome-dim);text-decoration:none}.foot .social a:hover{color:var(--gold-bri)}
.foot .copy{color:var(--faint);font-size:11px;letter-spacing:.06em}
.narcos{width:100%;max-height:240px;object-fit:cover;border-radius:6px;border:1px solid var(--line);margin-bottom:30px}

/* ---------- discography page ---------- */
.disc-intro{color:var(--chrome);opacity:.88;max-width:760px;margin:0 0 8px}
.disc-era{margin-top:clamp(40px,6vw,64px)}
.disc-era:first-of-type{margin-top:8px}
.disc-era .lab{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bri);margin:0 0 4px}
.disc-era .sub{color:var(--chrome-dim);font-size:13px;margin:0 0 20px}
.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(12px,2vw,18px)}
.disc-card{display:block;text-decoration:none}
.disc-card .art{position:relative;aspect-ratio:1/1;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:.25s}
.disc-card img{width:100%;height:100%;object-fit:cover;display:block}
.disc-card:hover .art{transform:translateY(-4px);border-color:var(--gold-bri);box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 0 1px rgba(231,198,104,.25)}
.disc-card .t{font-family:var(--display);font-weight:700;font-size:13px;color:var(--bone);margin:10px 0 1px;line-height:1.25}
.disc-card .y{font-size:11px;letter-spacing:.06em;color:var(--gold-bri)}
.disc-card .y .note{color:var(--chrome-dim)}
.lib-note{margin-top:18px;font-size:12px;color:var(--faint)}

/* ---------- small-screen type scale (long display titles must never clip) ---------- */
@media(max-width:560px){
  .page-hero{padding:118px 20px 32px}
  .page-hero h1{font-size:clamp(1.7rem,8.4vw,3.4rem)}
  .page-hero p{letter-spacing:.1em;font-size:11px;padding:0 6px}
  .big{font-size:clamp(2rem,8.4vw,3rem)}
  .capture h2{font-size:clamp(1.7rem,7.6vw,2.6rem)}
  .section-head{font-size:clamp(1.5rem,6.6vw,2.2rem)}
}


/* ---------- interview grid (press page watch section) ---------- */
.interview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.interview-card{display:block;text-decoration:none;background:#141414;border:1px solid #222;border-radius:4px;overflow:hidden;transition:border-color .2s,transform .2s}
.interview-card:hover{border-color:#c8a84b;transform:translateY(-3px)}
.interview-thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#0a0a0a}
.interview-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.interview-thumb::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.18);pointer-events:none}
.interview-info{padding:10px 12px 12px}
.interview-pub{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#c8a84b;margin-bottom:4px}
.interview-title{display:block;font-size:12px;color:#cccccc;line-height:1.4}
@media(max-width:960px){.interview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.interview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.interview-grid{grid-template-columns:1fr}}

/* ---------- press kit grid ---------- */
.presskit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:1.5rem}
.pk-item{background:#161616;border:1px solid #222;border-radius:4px;padding:18px 16px}
.pk-label{font-weight:700;font-size:13px;color:#e8e8e8;margin:0 0 6px}
.pk-sub{font-size:12px;color:#888;margin:0;line-height:1.5}
@media(max-width:700px){.presskit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.presskit-grid{grid-template-columns:1fr}}