/* ===== TOKENS ===== */
:root{
  --ink:#15110c;
  --ink-2:#211a12;
  --ink-3:#2b2217;
  --cream:#f1e8d6;
  --cream-2:#ddcfb2;
  --orange:#d9531e;
  --red:#e23b1a;
  --gold:#e6b84a;
  --gold-2:#c9952e;
  --gold-grad:linear-gradient(177deg,#f7dc95 0%,#e8bc56 42%,#b9842a 100%);
  --paper:#f4ecd9;
  --shadow:rgba(0,0,0,.35);
  --shadow-card:0 22px 48px -24px rgba(16,12,7,.55);
  --maxw:1160px;
  --player-h:84px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  font-family:"Heebo",system-ui,sans-serif;
  background:#0e0a06;
  background:radial-gradient(130% 80% at 50% -5%,#1b140c 0%,#0e0a06 55%) fixed;
  color:var(--cream);
  line-height:1.6;
  overflow-x:hidden;
  padding-bottom:var(--player-h);
  -webkit-font-smoothing:antialiased;
}
/* subtle paper grain */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Suez One",serif;font-weight:400;line-height:1.04;letter-spacing:-.015em}
::selection{background:var(--gold);color:var(--ink)}

/* gold-foil text */
.foil{
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--gold);
}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ===== NAV ===== */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:13px clamp(16px,4vw,40px);
  background:rgba(18,14,9,.78);
  backdrop-filter:blur(14px) saturate(1.1);
  border-bottom:1px solid rgba(230,184,74,.28);
  box-shadow:0 10px 30px -20px rgba(0,0,0,.8);
}
.nav__brand{display:flex;align-items:center;gap:12px;color:var(--cream)}
.nav__logo{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(230,184,74,.5),0 6px 16px -8px rgba(0,0,0,.7)}
.nav__logo.is-missing{display:none}
.nav__name{font-family:"Suez One",serif;font-size:1.25rem;letter-spacing:.5px}
.nav__links{display:flex;gap:clamp(8px,1.3vw,18px);flex-wrap:wrap;justify-content:flex-end}
.nav__links a{
  color:var(--cream);font-weight:500;font-size:.88rem;letter-spacing:.01em;position:relative;padding:4px 2px;white-space:nowrap;
  transition:color .25s var(--ease);
}
.nav__links a:hover{color:var(--gold)}
.nav__links a::after{
  content:"";position:absolute;bottom:-1px;right:0;width:0;height:2px;background:var(--gold-grad);transition:width .3s var(--ease);
}
.nav__links a:hover::after{width:100%}

/* ===== HERO ===== */
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--cream)}
.hero__bg{
  position:absolute;inset:0;z-index:0;
  background:
    repeating-linear-gradient(115deg,transparent 0 40px,rgba(217,83,30,.04) 40px 41px),
    radial-gradient(90% 70% at 88% 4%,rgba(226,59,26,.32),transparent 52%),
    radial-gradient(70% 60% at 12% 92%,rgba(230,184,74,.14),transparent 55%),
    linear-gradient(205deg,#1c160e 0%,var(--ink) 45%,#100c08 100%);
}
.hero__bg::after{ /* vignette + faint gold ring */
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 100% at 50% 35%,transparent 55%,rgba(0,0,0,.45) 100%);
}
.hero__inner{
  position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;
  padding:clamp(56px,9vw,120px) clamp(16px,4vw,40px) clamp(64px,8vw,96px);
  display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:clamp(16px,2vw,28px);align-items:center;
}
.hero__eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:800;letter-spacing:.34em;font-size:.78rem;margin-bottom:20px;
}
.hero__eyebrow::before{content:"";width:30px;height:2px;background:var(--gold-grad)}
.hero__title{
  font-size:clamp(3.8rem,12vw,8.2rem);color:var(--cream);letter-spacing:-.02em;
}
.hero__tagline{
  font-family:"Suez One",serif;font-size:clamp(1.2rem,3.2vw,2rem);
  margin:10px 0 0;
}
.hero__eyebrow, .hero__tagline{
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero__lede{max-width:46ch;font-size:1.08rem;color:var(--cream-2);margin-top:18px}
.hero__cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;max-width:520px}
.hero__cta .btn{width:100%;justify-content:center}
.hero__cta .btn--read{grid-column:1 / -1}
@media (max-width:560px){
  .hero__cta{grid-template-columns:1fr;max-width:none}
  .hero__cta .btn{justify-content:space-between;padding:16px 22px}
}

.btn{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  font-family:"Heebo";font-weight:800;font-size:1rem;cursor:pointer;
  padding:15px 28px;border-radius:3px;border:2px solid transparent;
  transition:transform .25s var(--ease),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.btn:active{transform:translateY(1px)}
.btn--play,.btn--read{
  gap:12px;border:1px solid rgba(230,184,74,.30);color:var(--cream);
  background:linear-gradient(165deg,#241b12,#150f09);
  box-shadow:0 16px 34px -22px rgba(0,0,0,.85);
}
.btn__icon{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:none;
  background:var(--gold-grad);color:#1a120b;transition:background .3s var(--ease),color .3s var(--ease);
}
.btn__icon svg{width:15px;height:15px;display:block}
.btn--play .btn__icon{padding-right:2px} /* optical centering of the play triangle */
.btn--read .btn__icon{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}
@media (hover:hover){
  .btn--play:hover,.btn--read:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 24px 44px -22px rgba(0,0,0,.95)}
  .btn--play:hover .btn__icon{background:var(--cream);color:#1a120b}
  .btn--read:hover .btn__icon{background:var(--gold-grad);border-color:transparent;color:#1a120b}
}

.hero__covers{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.hero__cover{position:relative;display:block;text-decoration:none}
.hero__cover img{
  width:100%;aspect-ratio:1/1;object-fit:cover;display:block;
  border:1px solid rgba(241,232,214,.25);
  box-shadow:var(--shadow-card);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.hero__cover::after{ /* gold hairline frame */
  content:"";position:absolute;inset:7px;border:1px solid rgba(230,184,74,.55);
  pointer-events:none;opacity:0;transition:opacity .4s var(--ease),inset .4s var(--ease);
}
@media (hover:hover){
  .hero__cover:hover img{transform:translateY(-6px);box-shadow:0 34px 60px -26px rgba(0,0,0,.7)}
  .hero__cover:hover::after{opacity:1;inset:11px}
}
.hero__cover-fallback{
  display:none;aspect-ratio:1/1;align-items:center;justify-content:center;text-align:center;
  font-family:"Suez One",serif;font-size:1.5rem;color:var(--cream);
  border:1px solid rgba(241,232,214,.25);background:var(--ink-2);padding:10px;
}
.hero__cover.is-missing img{display:none}
.hero__cover.is-missing .hero__cover-fallback{display:flex}
.hero__cover-cap{
  display:block;text-align:center;margin-top:14px;letter-spacing:.04em;
  font-family:"Suez One",serif;font-size:1.05rem;color:var(--cream);
}

.hero__marquee{
  position:relative;z-index:2;overflow:hidden;white-space:nowrap;
  background:linear-gradient(180deg,#19120b,#110c07);
  border-top:1px solid rgba(230,184,74,.28);border-bottom:1px solid rgba(230,184,74,.28);
}
.hero__marquee-track{display:inline-flex;animation:marq 26s linear infinite}
.hero__marquee-track span{
  font-family:"Suez One",serif;font-size:1.1rem;padding:12px 0;display:inline-block;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero__marquee-track span+span{padding-right:1ch}
@keyframes marq{to{transform:translateX(50%)}}

/* generic marquee (reused for דמותך) */
.marquee{
  position:relative;z-index:2;overflow:hidden;white-space:nowrap;
  background:linear-gradient(180deg,#19120b,#110c07);
  border-top:1px solid rgba(230,184,74,.28);border-bottom:1px solid rgba(230,184,74,.28);
}
.marquee-track{display:inline-flex;animation:marq 26s linear infinite}
.marquee-track span{
  font-family:"Suez One",serif;font-size:1.1rem;padding:12px 0;display:inline-block;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* ===== SECTION SHELL ===== */
.section{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:clamp(56px,8vw,100px) clamp(16px,4vw,40px)}
.section__head{margin-bottom:42px}
.section__eyebrow{
  font-weight:800;letter-spacing:.32em;font-size:.78rem;margin-bottom:14px;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* ===== דמותך banner ===== */
.section--damutcha{
  text-align:right;margin-top:20px;
  border-top:1px solid rgba(201,149,46,.45);border-bottom:1px solid rgba(201,149,46,.45);
  background:radial-gradient(80% 120% at 100% 0%,rgba(230,184,74,.08),transparent 60%);
}
.damutcha-head__title{font-size:clamp(2.2rem,6vw,3.6rem);color:var(--cream);letter-spacing:-.015em}
.damutcha-head__sub{margin-top:18px;color:rgba(241,232,214,.62);font-size:1.1rem}
.damutcha-head .section__eyebrow{margin-bottom:8px}
.section__title{
  font-size:clamp(2.2rem,6vw,3.6rem);position:relative;display:inline-block;
}
.section__title::after{content:"";display:block;width:58px;height:5px;border-radius:2px;background:var(--gold-grad);margin-top:14px}
.section__sub{margin-top:16px;color:rgba(241,232,214,.62);font-size:1.05rem;max-width:54ch}

/* ===== SONGS GRID ===== */
.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,2vw,24px)}
.song{
  --ac: color-mix(in srgb, var(--accent, var(--orange)) 66%, #8c7d62);
  position:relative;cursor:pointer;border:2px solid var(--ink);background:var(--ink);
  overflow:hidden;box-shadow:var(--shadow-card);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.song:hover{transform:translateY(-6px);box-shadow:9px 12px 0 var(--ac), 0 30px 50px -24px rgba(0,0,0,.6)}
.song.is-active{box-shadow:9px 12px 0 var(--ac), 0 30px 50px -24px rgba(0,0,0,.6)}
.song__img{aspect-ratio:1/1;width:100%;object-fit:cover;display:block}
.song__overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(24,20,16,.0);transition:background .2s;
}
.song:hover .song__overlay{background:rgba(24,20,16,.42)}
.song__play{
  width:64px;height:64px;border-radius:50%;border:3px solid var(--cream);
  background:var(--ac);color:var(--ink);font-size:1.4rem;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;
}
.song:hover .song__play{opacity:1;transform:scale(1)}
.song.is-active .song__play{opacity:0;transform:scale(.8)}
.song.is-active:hover .song__overlay{background:transparent}
.song__bar{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 12px;background:var(--ink);color:var(--cream);
  border-top:3px solid var(--ac);
}
.song__name{font-weight:800;font-size:1rem}
.song__num{font-family:"Suez One",serif;color:var(--ac);font-size:1.05rem}
.song.is-active .song__name::after{content:" ◍";color:var(--ac)}

/* ===== STORY ===== */
.section--story{background:transparent}
.story{
  background:linear-gradient(165deg,#231b12,var(--ink));color:var(--cream);padding:clamp(34px,5vw,68px);
  border:1px solid rgba(230,184,74,.16);box-shadow:16px 16px 0 var(--orange), 0 36px 70px -34px rgba(0,0,0,.7);
  position:relative;overflow:hidden;
}
.story::before{
  content:"";position:absolute;left:-40px;bottom:-40px;width:200px;height:200px;
  background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(217,83,30,.18) 14px 16px);
}
.story__label{font-weight:800;letter-spacing:.32em;font-size:.78rem;margin-bottom:14px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.story__title{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:24px;color:var(--cream)}
.story__body{position:relative;z-index:2;max-width:62ch;display:grid;gap:18px;font-size:1.1rem;color:var(--cream-2)}
.story__sign{font-family:"Suez One",serif;color:var(--gold);font-size:1.3rem;margin-top:4px}

/* ===== POETRY BOOK ===== */
.poems{
  columns:3 280px;column-gap:22px;
}
.poem{
  break-inside:avoid;margin:0 0 22px;padding:24px 26px;
  background:linear-gradient(165deg,#241b12,#150f09);border:1px solid rgba(230,184,74,.16);
  box-shadow:0 20px 40px -24px rgba(0,0,0,.85);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.poem:hover{transform:translateY(-3px);border-color:rgba(230,184,74,.4);box-shadow:0 28px 50px -24px rgba(0,0,0,.95)}
.poem__title{
  font-family:"Suez One",serif;font-size:1.35rem;color:var(--gold);
  margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(230,184,74,.22);
}
.poem__body{font-size:1.05rem;line-height:1.75;color:var(--cream-2)}
@media (max-width:560px){
  .poems{columns:1}
}

/* ===== LYRICS ===== */
.lyrics{display:grid;gap:12px}
.lyric{
  --ac: color-mix(in srgb, var(--accent, var(--orange)) 66%, #8c7d62);
  border:1px solid rgba(230,184,74,.14);background:linear-gradient(165deg,#241b12,#150f09);overflow:hidden;
  box-shadow:0 14px 30px -22px rgba(0,0,0,.8);transition:box-shadow .3s var(--ease),border-color .3s var(--ease);
}
.lyric:hover{border-color:rgba(230,184,74,.3)}
.lyric.is-open{border-color:rgba(230,184,74,.35);box-shadow:0 22px 44px -22px rgba(0,0,0,.9)}
.lyric__head{
  width:100%;display:flex;align-items:center;gap:16px;cursor:pointer;
  background:transparent;border:0;padding:20px 24px;text-align:right;font-family:"Heebo";
  border-right:6px solid var(--ac);transition:background .25s var(--ease);
}
.lyric__head:hover{background:rgba(230,184,74,.07)}
.lyric__name{color:var(--cream)}
.lyric__num{font-family:"Suez One",serif;color:var(--ac);font-size:1.2rem;min-width:2ch}
.lyric__name{font-family:"Suez One",serif;font-size:1.5rem;flex:1}
.lyric__toggle{font-family:"Suez One",serif;font-size:1.6rem;color:var(--ac);transition:transform .25s}
.lyric.is-open .lyric__toggle{transform:rotate(45deg)}
.lyric__body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.lyric__body pre{
  font-family:"Heebo";font-size:1.12rem;line-height:1.85;white-space:pre-wrap;
  padding:0 32px 26px 22px;color:var(--cream-2);
}

/* ===== BIO ===== */
.bio{display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,4vw,52px);align-items:center}
.bio__portrait{
  position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;
  border:3px solid var(--ink);box-shadow:0 0 0 1px rgba(230,184,74,.6),10px 12px 0 var(--orange),0 30px 50px -28px rgba(0,0,0,.5);
  background:var(--orange);display:flex;align-items:center;justify-content:center;
  transition:transform .4s var(--ease);
}
.bio__portrait:hover{transform:translateY(-4px)}
.bio__portrait img{width:100%;height:100%;object-fit:cover}
.bio__portrait-fallback{display:none;font-family:"Suez One",serif;font-size:2.4rem;color:var(--ink);text-align:center}
.bio__portrait.is-missing img{display:none}
.bio__portrait.is-missing .bio__portrait-fallback{display:block}
.bio__label{font-weight:800;letter-spacing:.32em;font-size:.78rem;margin-bottom:12px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bio__title{font-size:clamp(2rem,5vw,3rem);margin-bottom:20px}
.bio__text p{margin-bottom:16px;font-size:1.1rem;max-width:58ch;color:var(--cream-2)}

/* ===== REVIEW ===== */
.section--review{background:transparent}
.review{
  background:linear-gradient(165deg,#241b12,#150f09);border:1px solid rgba(230,184,74,.16);
  padding:clamp(30px,5vw,64px);box-shadow:-16px 16px 0 var(--red),0 40px 80px -38px rgba(0,0,0,.8);
}
.review__label{font-weight:800;letter-spacing:.32em;font-size:.78rem;margin-bottom:12px;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.review__title{font-size:clamp(2rem,5.5vw,3.4rem);color:var(--cream)}
.review__dek{font-size:1.2rem;color:rgba(241,232,214,.55);margin:6px 0 28px;font-style:italic}
.review__body{max-width:70ch}
.review__body h3{
  font-family:"Suez One",serif;font-size:1.5rem;margin:34px 0 12px;color:var(--gold);
}
.review__body p{margin-bottom:16px;font-size:1.1rem;color:var(--cream-2)}
.review__list{list-style:none;display:grid;gap:14px;margin:8px 0 8px}
.review__list li{
  padding:14px 18px;background:rgba(230,184,74,.06);border-right:4px solid var(--gold-2);font-size:1.05rem;color:var(--cream-2);
}
.review__list strong{color:var(--cream)}
.review__quote{
  font-family:"Suez One",serif;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.45;
  border:0;border-right:3px solid var(--gold);margin:34px 0;padding:22px 26px;
  background:rgba(230,184,74,.07);color:var(--cream);position:relative;
}

/* ===== FOOTER ===== */
.footer{
  position:relative;z-index:2;background:linear-gradient(180deg,var(--ink),#100c08);color:var(--cream);text-align:center;
  padding:60px 20px;border-top:1px solid rgba(230,184,74,.3);
}
.footer__brand{font-family:"Suez One",serif;font-size:2.1rem;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.footer__mark{width:140px;height:140px;object-fit:cover;margin:0 auto 6px;border:3px solid var(--cream)}
.footer__album{color:var(--orange);font-weight:700;margin:6px 0}
.footer__social{display:flex;gap:14px;justify-content:center;margin-top:20px}
.footer__social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(230,184,74,.35);color:var(--cream);
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease);
}
.footer__social a:hover{color:var(--ink);background:var(--gold-grad);border-color:transparent;transform:translateY(-3px)}
.footer__copy{color:#8c8170;font-size:.9rem;margin-top:18px}

/* ===== STICKY PLAYER ===== */
.player{
  --ac: color-mix(in srgb, var(--accent, var(--orange)) 66%, #8c7d62);
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--ink-2);color:var(--cream);border-top:3px solid var(--orange);
  transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.player.is-visible{transform:translateY(0)}
.player__lyric{
  position:absolute;bottom:100%;left:0;right:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:14px 16px;text-align:center;
  background:linear-gradient(to top,var(--ink-2),rgba(36,30,23,.92));
  border-top:3px solid var(--ac);
}
.player__lyric[hidden]{display:none}
.player:not(.is-visible) .player__lyric{display:none}
.player__lyric-cur{
  font-family:"Suez One",serif;font-size:clamp(1.35rem,4vw,2.1rem);color:var(--cream);
  line-height:1.25;transition:opacity .15s;
}
.player__lyric-next{display:none}
@media (max-width:560px){
  .player__lyric-next{display:none}
}
.player__progress{height:6px;background:rgba(255,255,255,.12);cursor:pointer}
.player__progress-fill{height:100%;width:0;background:var(--ac);transition:width .1s linear}
.player__inner{
  display:flex;align-items:center;gap:16px;
  max-width:var(--maxw);margin:0 auto;padding:12px clamp(12px,3vw,28px);height:calc(var(--player-h) - 6px);
}
.player__meta{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
/* equalizer — bars in the current track's muted accent; animates only while playing */
.eq{display:inline-flex;align-items:flex-end;gap:3px;height:20px;width:24px;flex:none}
.eq span{flex:1;border-radius:1px;height:22%;transform-origin:bottom;
  background:color-mix(in srgb, var(--ac) 78%, var(--cream));opacity:.9}
.player.is-playing .eq span{animation:eqbar .9s ease-in-out infinite}
.player.is-playing .eq span:nth-child(1){animation-duration:.72s}
.player.is-playing .eq span:nth-child(2){animation-duration:1.12s}
.player.is-playing .eq span:nth-child(3){animation-duration:.86s;animation-delay:-.3s}
.player.is-playing .eq span:nth-child(4){animation-duration:1s;animation-delay:-.15s}
@keyframes eqbar{0%,100%{height:20%}50%{height:100%}}
@media (prefers-reduced-motion:reduce){.player.is-playing .eq span{animation:none;height:55%}}
@media (max-width:560px){.eq{display:none}}
.player__thumb{width:52px;height:52px;object-fit:cover;border:2px solid var(--ac);flex:none}
.player__titles{min-width:0}
.player__track{font-family:"Suez One",serif;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player__artist{font-size:.8rem;color:#a99e8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player__controls{display:flex;align-items:center;gap:6px}
.player__btn{
  background:transparent;border:0;color:var(--cream);font-size:1.2rem;cursor:pointer;
  width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.player__btn:hover{background:rgba(255,255,255,.1)}
.player__btn--play{
  background:var(--ac);color:var(--ink);width:50px;height:50px;font-size:1.25rem;
}
.player__btn--play:hover{background:var(--gold)}
.player__time{font-variant-numeric:tabular-nums;font-size:.85rem;color:#a99e8b;flex:none;white-space:nowrap}
.player__close{
  flex:none;background:transparent;border:0;color:#a99e8b;cursor:pointer;
  width:34px;height:34px;border-radius:50%;font-size:1rem;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;
}
.player__close:hover{background:rgba(255,255,255,.1);color:var(--cream)}

/* ===== HAMBURGER (mobile only) ===== */
.nav__toggle{display:none}

/* ===== RESPONSIVE ===== */
@media (max-width:820px){
  .hero__inner{grid-template-columns:1fr;text-align:right}
  .hero__cover{max-width:340px;margin-top:10px}
  .bio{grid-template-columns:1fr;justify-items:center;text-align:center}
  .bio__portrait{width:220px}
  .bio__text p{margin-inline:auto}
}
@media (max-width:680px){
  .nav__toggle{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;padding:9px;background:transparent;border:0;cursor:pointer;z-index:2;
  }
  .nav__toggle span{display:block;height:2px;width:100%;background:var(--cream);border-radius:2px;
    transition:transform .3s var(--ease),opacity .25s var(--ease)}
  .nav.open .nav__toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.open .nav__toggle span:nth-child(2){opacity:0}
  .nav.open .nav__toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .nav__links{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:flex-end;gap:0;
    background:rgba(14,10,6,.98);backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(230,184,74,.3);
    padding:0 clamp(16px,5vw,32px);
    max-height:0;overflow:hidden;opacity:0;pointer-events:none;
    transition:max-height .4s var(--ease),opacity .3s var(--ease),padding .4s var(--ease);
  }
  .nav.open .nav__links{max-height:85vh;opacity:1;pointer-events:auto;padding:6px clamp(16px,5vw,32px) 18px}
  .nav__links a{font-size:1.1rem;padding:13px 2px;width:100%;text-align:right;border-bottom:1px solid rgba(241,232,214,.08)}
  .nav__links a::after{display:none}
}
@media (max-width:560px){
  .player__time{display:none}
  .player__artist{display:none}
  .songs-grid{grid-template-columns:repeat(2,1fr)}
}