/* ===========================================================
   DJ БлокNote — design system
   Editorial × Neuromusic. Warm-dark, gold accent, logo as mark.
   =========================================================== */

:root{
  --ink:        #0E0D0C;        /* page background — warm near-black */
  --ink-2:      #131210;        /* alt surface */
  --ink-3:      #1A1815;        /* card surface */
  --night:      #1B2A4A;        /* brand night blue */
  --night-deep: #0F1A33;
  --gold:       #C9A961;        /* primary accent */
  --gold-soft:  rgba(201,169,97,.18);
  --gold-line:  rgba(201,169,97,.22);
  --ivory:      #F2ECDF;
  --pearl:      #C9C3B5;
  --muted:      #8B8276;
  --purple:     #8B7DA8;        /* dusty purple */
  --red:        #CC2936;        /* CTA red */
  --line:       rgba(242,236,223,.10);

  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;

  --maxw: 1280px;
  --pad:  clamp(20px, 4vw, 56px);

  --t-fast: .2s;
  --t-mid:  .45s;
  --t-slow: .8s;
  --ease:   cubic-bezier(.22,.61,.36,1);
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--ink);
  color:var(--ivory);
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-weight:400; font-size:17px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--gold);color:var(--ink)}

/* Soft grain layer applied to page */
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(27,42,74,.45) 0%, transparent 55%),
    radial-gradient(60% 60% at 100% 100%, rgba(201,169,97,.05) 0%, transparent 60%);
}

/* ===== TYPE ===== */
.h-display, h1, h2 {
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-weight:500;
  letter-spacing:-.01em;
  line-height:1.02;
}
h1{ font-size:clamp(48px, 10vw, 148px); font-weight:500; }
h2{ font-size:clamp(38px, 6.4vw, 92px); font-weight:500; }
.eyebrow{
  font-family:'JetBrains Mono', ui-monospace, monospace;
  font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--gold); font-weight:500;
}
.eyebrow .dot{display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--gold);margin-right:10px;vertical-align:middle;
  box-shadow:0 0 0 4px rgba(201,169,97,.12);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(201,169,97,.10)}
  50%{box-shadow:0 0 0 8px rgba(201,169,97,.02)}
}
.italic{font-style:italic;color:var(--gold)}
.cap{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;
  font-family:'JetBrains Mono', ui-monospace, monospace}

/* ===== LAYOUT ===== */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);position:relative;z-index:1}
.section{padding:clamp(80px,12vh,160px) 0;position:relative}
.section + .section{border-top:1px solid var(--line)}
.section__head{display:flex;flex-direction:column;gap:18px;margin-bottom:64px;max-width:880px}
.section__head .eyebrow{margin-bottom:4px}
.section__head p.lead{color:var(--pearl);font-size:clamp(16px,1.6vw,20px);max-width:640px}

/* ===== BUTTONS ===== */
.btn{
  --bg:var(--gold); --fg:var(--ink); --bd:transparent;
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px 14px 22px;
  border-radius:999px;
  background:var(--bg); color:var(--fg); border:1px solid var(--bd);
  font-weight:600; font-size:15px; letter-spacing:.01em;
  transition:transform var(--t-fast) var(--ease), background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);
  position:relative; overflow:hidden;
}
.btn:hover{transform:translateY(-2px)}
.btn .arrow{display:inline-block;transition:transform var(--t-fast) var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.btn--ghost{ --bg:transparent; --fg:var(--ivory); --bd:rgba(242,236,223,.22) }
.btn--ghost:hover{ background:rgba(242,236,223,.05) }
.btn--gold{ --bg:var(--gold); --fg:var(--ink) }
.btn--red{  --bg:var(--red);  --fg:var(--ivory) }
.btn--lg{ padding:18px 28px; font-size:16px }
.btn--sm{ padding:9px 14px; font-size:13px }

/* Animated underline link */
.ulink{position:relative;display:inline-block;color:var(--ivory);font-weight:500}
.ulink::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;
  background:currentColor;transform:scaleX(.3);transform-origin:left;
  transition:transform var(--t-mid) var(--ease)}
.ulink:hover::after{transform:scaleX(1)}
.ulink--gold{color:var(--gold)}

/* ===== CURSOR ===== */
@media (pointer:fine){
  body{cursor:none}
  a,button,[data-cursor]{cursor:none}
  .cur{position:fixed;left:0;top:0;width:28px;height:28px;border:1.5px solid var(--gold);
    border-radius:50%;pointer-events:none;z-index:9999;
    transform:translate(-50%,-50%);
    transition:width .2s var(--ease),height .2s var(--ease),background .2s,opacity .2s;
    mix-blend-mode:difference}
  .cur__dot{position:fixed;left:0;top:0;width:4px;height:4px;background:var(--gold);
    border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}
  .cur.hot{width:64px;height:64px;background:rgba(201,169,97,.15);border-color:var(--gold)}
  .cur.play::after{content:"▶";color:var(--gold);font-size:14px}
}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;padding:26px 0 16px;
  transition:background var(--t-mid),padding var(--t-mid),backdrop-filter var(--t-mid)}
.nav.scrolled{background:rgba(14,13,12,.78);backdrop-filter:saturate(160%) blur(14px);
  padding:12px 0; border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav__brand{display:flex;align-items:center;gap:14px}
.nav__brand img{height:38px;width:auto;transition:transform var(--t-mid)}
.nav__brand:hover img{transform:rotate(-2deg) scale(1.04)}
.nav__links{display:flex;align-items:center;gap:6px;list-style:none}
.nav__links a{padding:8px 14px;border-radius:999px;font-size:14px;
  color:var(--ivory);opacity:.78;transition:opacity var(--t-fast),background var(--t-fast)}
.nav__links a:hover{opacity:1;background:rgba(242,236,223,.06)}
.nav__cta{display:flex;align-items:center;gap:10px}
.nav__lang{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;
  padding:0 10px;border:1px solid var(--line);border-radius:999px;font-family:'JetBrains Mono',monospace;
  font-size:12px;letter-spacing:.08em;color:var(--ivory);opacity:.8;
  transition:opacity var(--t-fast),background var(--t-fast),border-color var(--t-fast)}
.nav__lang:hover{opacity:1;background:rgba(242,236,223,.06);border-color:var(--gold)}


/* ===== Подсказка с мерками у размера ===== */
.sizetip{position:fixed;z-index:320;min-width:158px;max-width:230px;padding:11px 13px;border-radius:12px;
  background:#14110d;border:1px solid rgba(214,178,94,.32);box-shadow:0 14px 36px rgba(0,0,0,.55);
  color:#f3ead2;font-size:13px;line-height:1.35;pointer-events:none}
.sizetip[hidden]{display:none}
.sizetip__h{font-size:14px;font-weight:700;color:#e9c873;letter-spacing:.02em}
.sizetip__hint{font-size:11px;color:#9b9384;margin:1px 0 7px}
.sizetip__row{display:flex;justify-content:space-between;gap:16px;padding:2px 0}
.sizetip__row span{color:#b7ae9d}
.sizetip__row b{color:#f3ead2;font-weight:600}
.sizetip__note{margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#9b9384}

/* ===== Всплывающий видео-плеер о мерче (мини в углу / большой по центру) ===== */
.vpop{position:fixed;z-index:130}
.vpop[hidden]{display:none}
.vpop__backdrop{display:none}
.vpop__box{position:relative;z-index:1;display:flex;flex-direction:column;
  box-shadow:0 24px 70px rgba(0,0,0,.55);border-radius:14px;animation:vpopIn .25s var(--ease,ease)}
@keyframes vpopIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.vpop__bar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;
  background:var(--ink-2,#161412);border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0}
.vpop__title{flex:1;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pearl,#C9C3B5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vpop__btn{width:30px;height:30px;flex:none;border-radius:8px;border:1px solid var(--line);background:transparent;
  color:var(--ivory,#F2ECDF);font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;transition:background var(--t-fast,.2s),border-color var(--t-fast,.2s)}
.vpop__btn:hover{background:rgba(242,236,223,.08);border-color:var(--gold,#C9A961)}
.vpop__frame{position:relative;background:#000;border:1px solid var(--line);border-top:none;
  border-radius:0 0 14px 14px;overflow:hidden}
.vpop__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
/* мини: уголок слева, над нижним мини-плеером */
.vpop[data-state="mini"]{left:20px;bottom:92px}
.vpop[data-state="mini"] .vpop__frame{height:300px;aspect-ratio:9/16}
/* большой: затемнение + по центру */
.vpop[data-state="big"]{inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.vpop[data-state="big"] .vpop__backdrop{display:block;position:absolute;inset:0;
  background:rgba(8,7,6,.84);backdrop-filter:blur(6px);cursor:pointer}
.vpop[data-state="big"] .vpop__frame{height:74vh;aspect-ratio:9/16;max-width:92vw}
@media(max-width:600px){
  .vpop[data-state="mini"]{left:12px;bottom:84px}
  .vpop[data-state="mini"] .vpop__frame{height:228px}
}
.nav__burger{display:none;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);align-items:center;justify-content:center}
.nav__burger span{display:block;width:18px;height:1.5px;background:var(--ivory);position:relative}
.nav__burger span::before,.nav__burger span::after{content:"";position:absolute;left:0;
  width:18px;height:1.5px;background:var(--ivory);transition:transform var(--t-fast)}
.nav__burger span::before{top:-6px}
.nav__burger span::after{top:6px}
.nav__burger.open span{background:transparent}
.nav__burger.open span::before{top:0;transform:rotate(45deg)}
.nav__burger.open span::after{top:0;transform:rotate(-45deg)}

@media(max-width:820px){
  .nav__links{position:fixed;inset:64px 0 auto 0;background:rgba(14,13,12,.96);
    backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;
    padding:24px var(--pad) 32px;gap:4px;border-bottom:1px solid var(--line);
    transform:translateY(calc(-100% - 80px));opacity:0;pointer-events:none;
    transition:transform var(--t-mid) var(--ease),opacity var(--t-mid) var(--ease)}
  .nav__links a{font-size:24px;padding:14px 0;font-family:'Cormorant Garamond',serif;
    font-weight:500;font-style:italic}
  .nav__links.open{transform:none;opacity:1;pointer-events:auto}
  .nav__burger{display:inline-flex}
  .nav__cta .btn{display:none}
}

/* ===== HERO ===== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
  padding:140px 0 80px;overflow:hidden;text-align:center}
.hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero__bg::before{
  content:"";position:absolute;inset:-10%;
  background:
    radial-gradient(40% 30% at 20% 30%, rgba(27,42,74,.55), transparent 70%),
    radial-gradient(50% 35% at 80% 60%, rgba(201,169,97,.10), transparent 70%);
  filter:blur(10px);
  animation:drift 18s ease-in-out infinite alternate;
}
@keyframes drift{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-4%,2%,0) scale(1.06)}
}
.hero__grid{
  position:absolute;inset:0;pointer-events:none;opacity:.18;z-index:1;
  background-image:linear-gradient(to right, rgba(201,169,97,.08) 1px, transparent 1px);
  background-size:calc(100%/12) 100%;
}
.hero__in{position:relative;z-index:2;width:100%;
  display:flex;flex-direction:column;align-items:center}
.hero__top{display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:48px;width:100%}
.hero__top .meta{color:var(--pearl);font-size:13px;
  font-family:'JetBrains Mono',monospace;letter-spacing:.05em}
.hero__top .meta b{color:var(--gold);font-weight:500}
.hero__logo{
  width:min(640px, 78vw); margin:0 auto 32px;
  filter:drop-shadow(0 24px 60px rgba(0,0,0,.7));
  transform-origin:center center;
  opacity:0;
  animation:logoIn 1.4s var(--ease) 1.5s forwards;
}

/* Dual-brand lockup with photo as background behind logos */
.hero__lockup{
  position:relative;
  display:grid;
  grid-template-columns: 1fr 1fr;
  column-gap: clamp(20px, 4vw, 60px);
  row-gap: clamp(5px, 1vw, 15px);   /* подписи ближе к логотипам (×2) */
  align-items: center; justify-items: center;
  width:100%; max-width:1240px; margin:0 auto 64px;
  padding: clamp(80px, 12vh, 160px) clamp(20px, 4vw, 60px);
  isolation:isolate; overflow:hidden;
  opacity:0; transform:translateY(8px);
  animation: lockupIn 1.2s var(--ease) 1.4s forwards;
}
@keyframes lockupIn{ to{opacity:1;transform:none} }

/* Background photo — masked to fade gently into page background top + bottom */
.lockup__bg{
  position:absolute; inset:0; z-index:0;
  background: url('hero-dj.webp') center center / contain no-repeat;
  background-color: #0a0908;
  border-radius: 12px;
  opacity:0;
  filter: saturate(.92) contrast(1.06);
  -webkit-mask-image: linear-gradient(180deg,
    transparent 0%,
    rgba(0,0,0,.4) 8%,
    black 22%,
    black 78%,
    rgba(0,0,0,.45) 92%,
    transparent 100%);
  mask-image: linear-gradient(180deg,
    transparent 0%,
    rgba(0,0,0,.4) 8%,
    black 22%,
    black 78%,
    rgba(0,0,0,.45) 92%,
    transparent 100%);
  animation: photoIn 1.8s var(--ease) 1.5s forwards;
}
@keyframes photoIn{
  0%{opacity:0; transform:scale(1.05)}
  100%{opacity:.95; transform:scale(1)}
}
/* Soft shade — vignette + side fade for logo legibility, gentler top/bottom */
.lockup__shade{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  border-radius: 12px;
  background:
    radial-gradient(75% 90% at 50% 50%, transparent 0%, rgba(14,13,12,.18) 55%, rgba(14,13,12,.55) 100%),
    linear-gradient(90deg, rgba(14,13,12,.85) 0%, rgba(14,13,12,.12) 24%, rgba(14,13,12,.12) 76%, rgba(14,13,12,.85) 100%);
}
/* Decorative gold corner accents (subtle frame cues) */
.hero__lockup::before,
.hero__lockup::after{
  content:""; position:absolute; z-index:2; pointer-events:none;
  width:46px; height:46px;
  border:1px solid rgba(201,169,97,.55);
  opacity:0; animation: cornerIn .8s var(--ease) 2.4s forwards;
}
.hero__lockup::before{top:14px; left:14px; border-right:0; border-bottom:0}
.hero__lockup::after{bottom:14px; right:14px; border-left:0; border-top:0}
@keyframes cornerIn{ to{opacity:.85} }

.lockup__brand{
  position:relative; z-index:2;
  display:flex; flex-direction:column; gap:18px; align-items:center;
}
.lockup__left img{
  width: min(320px, 30vw);
  height:auto;
  filter: drop-shadow(0 12px 30px rgba(0,0,0,.9));
  animation: lockupLeftIn 1s var(--ease) 1.7s both;
}
@keyframes lockupLeftIn{
  0%{opacity:0;transform:translateX(-24px)}
  100%{opacity:1;transform:none}
}
.lockup__right .lockup__gneuro{
  width: min(260px, 24vw);
  height:auto;
  filter: drop-shadow(0 6px 20px rgba(0,0,0,.8));
  animation: lockupRightIn 1s var(--ease) 1.9s both;
}
@keyframes lockupRightIn{
  0%{opacity:0;transform:translateX(24px)}
  100%{opacity:1;transform:none}
}
.lockup__cap{
  position:relative; z-index:2;
  grid-row: 2;
  justify-self: center; align-self: start;
  margin-top: clamp(2px, 0.38vh, 4px);
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: .24em;
  color: var(--pearl);
  text-transform: uppercase;
  opacity: .82;
  text-align:center;
  max-width:32ch;
  text-shadow: 0 2px 10px rgba(0,0,0,.85);
  animation: lockupRightIn 1s var(--ease) 2.0s both;
}
.lockup__cap-left{ grid-column: 1; }
.lockup__cap-right{ grid-column: 2; }

/* (Legacy single tagline — removed in favour of two-column captions) */

@media (max-width: 980px){
  /* Как только появляется бургер — компактный режим: лого мельче, фото целиком (contain) */
  .hero__lockup{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;     /* строки по контенту — подпись вплотную к лого */
    align-content: start;              /* лого+подписи прижаты к верхней части фото */
    column-gap: 3vw; row-gap: 4px;
    padding: 7vw 16px 16px;
    min-height: 58vw;
  }
  .lockup__cap{ align-self: start; }
  .lockup__bg{
    background-size: contain; background-position: center;
    opacity:1; -webkit-mask-image:none; mask-image:none;
  }
  .lockup__shade{
    background:
      radial-gradient(56% 76% at 50% 44%, transparent 0%, rgba(14,13,12,.30) 70%, rgba(14,13,12,.66) 100%),
      linear-gradient(90deg, rgba(14,13,12,.78) 0%, rgba(14,13,12,0) 32%, rgba(14,13,12,0) 68%, rgba(14,13,12,.78) 100%);
  }
  .lockup__left img{ width: min(150px, 18vw); }
  .lockup__right .lockup__gneuro{ width: min(116px, 14vw); }
  .lockup__cap{ font-size: 9px; letter-spacing:.16em; margin-top:3px; max-width:20ch; }
  /* киношные золотистые уголки — оставляем и на мобиле, чуть мельче */
  .hero__lockup::before,.hero__lockup::after{display:block;width:30px;height:30px}
}
/* Телефон: как на десктопе — логотипы слева/справа от лица поверх фото, только мельче */
@media (max-width: 720px){
  .hero__lockup{
    grid-template-columns: 1fr 1fr;     /* две колонки: лого слева и справа */
    column-gap: 2vw;
    row-gap: 3px;
    padding: 40px 10px;
    min-height: 62vw;
    align-items: center; justify-items: center;
    overflow:hidden;
  }
  .lockup__bg{
    display:block; position:absolute; inset:0; border-radius:12px;
    background:url('hero-dj.webp') center / contain no-repeat;
    background-color:#0a0908; opacity:1;
    -webkit-mask-image:none; mask-image:none; animation:none;
  }
  .lockup__shade{
    display:block;
    background:
      radial-gradient(58% 78% at 50% 44%, transparent 0%, rgba(14,13,12,.30) 70%, rgba(14,13,12,.66) 100%),
      linear-gradient(90deg, rgba(14,13,12,.78) 0%, rgba(14,13,12,0) 32%, rgba(14,13,12,0) 68%, rgba(14,13,12,.78) 100%);
  }
  .lockup__left img{ width: min(132px, 35vw); filter:drop-shadow(0 6px 16px rgba(0,0,0,.95)); }
  .lockup__right .lockup__gneuro{ width: min(104px, 28vw); }
  .lockup__cap{ grid-row:2; margin-top:3px; font-size:8px; letter-spacing:.14em; max-width:18ch; }
  .lockup__cap-left{ grid-column:1; }
  .lockup__cap-right{ grid-column:2; }
}
@media (max-width: 600px){
  .hero h1{ font-size:clamp(28px, 8vw, 38px); max-width:100%; line-height:1.08; overflow-wrap:break-word; }
  .hero__in{ padding-left:18px; padding-right:18px; }
}
@keyframes logoIn{
  0%{opacity:0;transform:translateY(40px) scale(.95)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
.hero h1{max-width:22ch;margin-left:auto;margin-right:auto}
.hero__sub{margin-left:auto;margin-right:auto}
.hero__cta{justify-content:center}
.hero h1{margin:0 0 28px;max-width:18ch;color:var(--ivory)}
.hero h1 .gold{color:var(--gold);font-style:italic}
.hero h1 .scribble{
  position:relative;display:inline-block;color:var(--ivory)
}
.hero h1 .scribble::after{
  content:"";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.18em;
  background:var(--gold);opacity:.85;border-radius:99px;z-index:-1;
  transform:skewY(-2deg) scaleX(0);transform-origin:left;
  animation:scribble 1s var(--ease) 1s forwards;
}
@keyframes scribble{to{transform:skewY(-2deg) scaleX(1)}}

.hero__sub{font-size:clamp(16px,1.7vw,21px);color:var(--pearl);
  max-width:54ch;margin-bottom:48px;line-height:1.5}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.hero__scroll{
  position:absolute;left:var(--pad);bottom:32px;z-index:2;
  display:flex;align-items:center;gap:12px;
  color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase
}
.hero__scroll::after{content:"";display:block;width:1px;height:48px;
  background:linear-gradient(to bottom, var(--gold) 0%, transparent 100%);
  animation:scrollBar 2s ease-in-out infinite}
@keyframes scrollBar{
  0%,100%{transform:scaleY(.4);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
}

.hero__counter{position:absolute;right:var(--pad);bottom:32px;z-index:2;
  font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.2em;text-transform:uppercase;text-align:right}
.hero__counter b{display:block;font-family:'Cormorant Garamond',serif;
  font-size:32px;color:var(--gold);font-style:italic;
  font-weight:500;margin-bottom:2px}

/* ===== MARQUEE ===== */
.marquee{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:22px 0;overflow:hidden;background:var(--ink-2);
  position:relative;
}
.marquee__row{display:flex;gap:48px;width:max-content;
  animation:scroll-x 38s linear infinite}
.marquee__row.rev{animation-direction:reverse;animation-duration:46s}
.marquee__item{display:inline-flex;align-items:center;gap:18px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(28px,4.6vw,52px);color:var(--ivory);font-style:italic;
  opacity:.55;white-space:nowrap}
.marquee__item.gold{color:var(--gold);opacity:1}
.marquee__sep{display:inline-block;width:8px;height:8px;background:var(--gold);
  border-radius:50%;opacity:.7}
@keyframes scroll-x{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* ===== STATS BIG ===== */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--line)}
.stat{padding:48px 36px;border-right:1px solid var(--line);position:relative}
.stat:last-child{border-right:0}
.stat .num{font-family:'Cormorant Garamond',serif;font-size:clamp(48px,7vw,96px);
  color:var(--gold);font-weight:500;line-height:1;margin-bottom:8px;
  display:flex;align-items:baseline;gap:4px}
.stat .num sup{font-size:.4em;color:var(--ivory);font-style:italic;font-weight:400}
.stat .lbl{color:var(--pearl);font-size:14px;max-width:24ch}
.stat .cap{color:var(--muted);margin-bottom:24px;display:block}
@media(max-width:780px){
  .stats{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .stat:last-child{border-bottom:0}
}

/* ===== MUSIC BENTO ===== */
.music{position:relative}
.music__grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:minmax(0,auto);
  gap:14px;
}
.track{
  position:relative; border-radius:var(--r-md); overflow:hidden;
  background:var(--ink-3);
  border:1px solid var(--line);
  transition:transform var(--t-mid) var(--ease), border-color var(--t-mid);
  isolation:isolate;
  min-height:200px;
}
.track:hover{transform:translateY(-4px);border-color:var(--gold-line)}
.track__cover{position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform var(--t-slow) var(--ease), filter var(--t-mid);
  filter:saturate(.85) contrast(1.05);
  z-index:0}
.track:hover .track__cover{transform:scale(1.06);filter:saturate(1.05) contrast(1.1)}
.track__shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg, rgba(14,13,12,.05) 0%, rgba(14,13,12,.45) 50%, rgba(14,13,12,.92) 100%)}
.track__in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;
  justify-content:space-between;padding:20px 22px;min-height:200px}
.track__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.track__count{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;
  color:var(--gold);text-transform:uppercase}
.track__rank{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--ivory);
  opacity:.5;font-style:italic;font-weight:500}
.track__title{font-family:'Cormorant Garamond',serif;
  font-size:clamp(22px,2.6vw,36px);line-height:1.05;color:var(--ivory);font-weight:500}
.track__poet{color:var(--pearl);font-size:13px;margin-top:6px;font-style:italic;
  font-family:'Cormorant Garamond',serif}
.track__play{position:absolute;right:18px;bottom:18px;z-index:3;
  width:48px;height:48px;border-radius:50%;background:var(--gold);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink);font-weight:700;
  transition:transform var(--t-mid) var(--ease), background var(--t-fast);
  transform:scale(.7);opacity:0
}
.track:hover .track__play{transform:scale(1);opacity:1}

/* Bento sizes */
.t-hero{grid-column:span 7;grid-row:span 2;min-height:520px}
.t-hero .track__title{font-size:clamp(36px,5.2vw,72px);line-height:.98}
.t-hero .track__poet{font-size:18px}
.t-tall{grid-column:span 5;grid-row:span 2;min-height:520px}
.t-wide{grid-column:span 5;min-height:240px}
.t-med {grid-column:span 4;min-height:240px}
.t-sm  {grid-column:span 3;min-height:240px}
@media(max-width:980px){
  .music__grid{grid-template-columns:repeat(6,1fr)}
  .t-hero,.t-tall{grid-column:span 6;grid-row:span 1;min-height:340px}
  .t-wide,.t-med,.t-sm{grid-column:span 3;min-height:220px}
}
@media(max-width:600px){
  .music__grid{grid-template-columns:repeat(2,1fr)}
  .t-hero,.t-tall,.t-wide,.t-med,.t-sm{grid-column:span 2;min-height:240px}
}

/* Platforms strip */
.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.platforms a{
  display:inline-flex;align-items:center;gap:9px;
  padding:9px 16px;border:1px solid var(--line);border-radius:999px;
  font-size:14px;color:var(--ivory);transition:all var(--t-fast);
}
.platforms a img{width:18px;height:18px;display:block;flex:none}
.platforms a:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}

/* ===== POETS — editorial ===== */
.poets__era{font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.22em;color:var(--gold);text-transform:uppercase;
  display:flex;align-items:center;gap:18px;margin:64px 0 24px}
.poets__era::before,.poets__era::after{content:"";flex:1;height:1px;background:var(--line)}
.poets__era b{font-family:'Cormorant Garamond',serif;font-style:italic;
  color:var(--ivory);font-size:22px;letter-spacing:0;text-transform:none;font-weight:500}

.poetgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;
  background:var(--line)}
.poets__more{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;
  background:var(--ink);padding:16px 24px;text-decoration:none;
  font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pearl);transition:color var(--t-mid),background var(--t-mid)}
.poets__more:hover{color:var(--ivory);background:#16140f}
.poets__more .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}
.poets__more-arrow{color:var(--gold);transition:transform var(--t-mid)}
.poets__more:hover .poets__more-arrow{transform:translateX(6px)}
.poetcard{
  background:var(--ink);position:relative;padding:28px 26px 26px;
  display:flex;flex-direction:column;gap:12px;min-height:280px;
  transition:background var(--t-mid) var(--ease);overflow:hidden;isolation:isolate;
}
/* AI cover revealed on hover */
.poetcard__bg{position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;
  opacity:0;transform:scale(1.1);
  transition:opacity var(--t-mid) var(--ease),transform 900ms var(--ease);
  filter:saturate(.85) contrast(1.05)}
.poetcard__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(14,13,12,.20) 0%, rgba(14,13,12,.55) 55%, rgba(14,13,12,.94) 100%)}
.poetcard:hover .poetcard__bg{opacity:1;transform:scale(1)}
.poetcard > *:not(.poetcard__bg){position:relative;z-index:1;transition:color var(--t-mid),transform var(--t-mid)}
.poetcard:hover .poetcard__name,
.poetcard:hover .poetcard__song{transform:translateX(4px)}
.poetcard__years{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.1em}
.poetcard:hover .poetcard__years{color:var(--gold)}
.poetcard__name{font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.02;
  color:var(--ivory);font-weight:500;flex:1}
.poetcard__name em{font-style:italic;color:var(--gold);display:block;font-size:.7em;margin-top:2px}
.poetcard__song{color:var(--pearl);font-size:13.5px;font-style:italic;
  font-family:'Cormorant Garamond',serif}
.poetcard__arrow{position:absolute;right:24px;bottom:24px;z-index:2;
  font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--gold);font-style:italic;
  transition:transform var(--t-mid) var(--ease)}
.poetcard:hover .poetcard__arrow{transform:translateX(8px) scale(1.1)}

/* ===== PROCESS ===== */
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proc__step{padding:48px 32px;border-right:1px solid var(--line);position:relative;
  transition:background var(--t-fast)}
.proc__step:last-child{border-right:0}
.proc__step:hover{background:var(--ink-2)}
.proc__n{font-family:'Cormorant Garamond',serif;font-size:14px;color:var(--gold);
  letter-spacing:.05em;font-style:italic;margin-bottom:24px}
.proc__t{font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.05;
  color:var(--ivory);font-weight:500;margin-bottom:14px}
.proc__d{color:var(--pearl);font-size:14.5px}
.proc__icn{position:absolute;right:24px;top:32px;width:36px;height:36px;color:var(--gold);
  opacity:.6}
@media(max-width:980px){
  .proc{grid-template-columns:repeat(2,1fr)}
  .proc__step{border-right:0;border-bottom:1px solid var(--line)}
  .proc__step:nth-child(odd){border-right:1px solid var(--line)}
}
@media(max-width:560px){
  .proc{grid-template-columns:1fr}
  .proc__step:nth-child(odd){border-right:0}
}

/* ===== ECOSYSTEM ===== */
.eco{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:980px){.eco{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.eco{grid-template-columns:1fr}}
.ecocard{
  position:relative;background:var(--ink-3);border:1px solid var(--line);
  border-radius:var(--r-md);padding:28px 26px 24px;
  display:flex;flex-direction:column;gap:14px;min-height:280px;
  transition:transform var(--t-mid) var(--ease),border-color var(--t-mid),background var(--t-mid);
  overflow:hidden;
}
.ecocard::before{
  content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--gold);
  transform:scaleY(0);transform-origin:top;transition:transform var(--t-mid) var(--ease)
}
.ecocard:hover{transform:translateY(-6px);border-color:var(--gold-line);background:var(--ink-2)}
.ecocard:hover::before{transform:scaleY(1)}
.ecocard__num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.2em}
.ecocard__t{font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1.02;
  color:var(--ivory);font-weight:500}
.ecocard__t em{font-style:italic;color:var(--gold);display:block}
.ecocard__d{color:var(--pearl);font-size:14.5px;flex:1}
.ecocard__cta{color:var(--gold);font-size:14px;font-weight:600;display:inline-flex;
  align-items:center;gap:8px;transition:gap var(--t-fast)}
.ecocard:hover .ecocard__cta{gap:14px}

/* ===== PRESS QUOTES ===== */
.press{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.press__q{grid-column:span 6;background:var(--ink-2);border:1px solid var(--line);
  border-radius:var(--r-md);padding:32px 32px 28px;
  display:flex;flex-direction:column;gap:18px;transition:border-color var(--t-mid)}
.press__q:nth-child(3n){grid-column:span 6}
.press__q.lg{grid-column:span 12}
.press__q:hover{border-color:var(--gold-line)}
.press__q .tier{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;
  color:var(--gold);text-transform:uppercase}
.press__q blockquote{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,2.2vw,32px);
  line-height:1.2;color:var(--ivory);font-style:italic;font-weight:500;
  text-wrap:pretty}
.press__q blockquote::before{content:"«";color:var(--gold);margin-right:4px}
.press__q blockquote::after{content:"»";color:var(--gold);margin-left:4px}
.press__q .src{display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin-top:auto;color:var(--pearl);font-size:13px;font-family:'JetBrains Mono',monospace;
  letter-spacing:.05em}
.press__q .src a{color:var(--gold)}
@media(max-width:780px){.press__q,.press__q:nth-child(3n),.press__q.lg{grid-column:span 12}}

/* ===== EVENTS ===== */
.events{display:flex;flex-direction:column;gap:0}
.event{display:grid;grid-template-columns:160px 1fr auto;gap:32px;align-items:start;
  padding:32px 0;border-top:1px solid var(--line);position:relative}
.event:last-child{border-bottom:1px solid var(--line)}
.event::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-mid) var(--ease)}
.event:hover::before{transform:scaleX(1)}
.event--featured{background:linear-gradient(135deg, rgba(27,42,74,.18), transparent 70%);
  margin: 0 -24px;padding:32px 24px;border-radius:var(--r-md);border:1px solid var(--gold-line)}
.event--featured::before{background:var(--gold);transform:scaleX(1)}
.event__date{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--gold);
  letter-spacing:.1em}
.event__date b{display:block;font-family:'Cormorant Garamond',serif;font-size:42px;
  color:var(--ivory);font-style:italic;font-weight:500;line-height:1;margin-bottom:4px}
.event__t{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,3vw,36px);
  color:var(--ivory);font-weight:500;line-height:1.1;margin-bottom:10px}
.event__d{color:var(--pearl);font-size:15px;max-width:60ch;margin-bottom:18px}
.event__d b{color:var(--ivory)}
.event__tickets{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.event__tag{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.event--featured .event__tag{color:var(--gold)}
.event__soon{padding:48px 0;text-align:center;color:var(--muted);font-style:italic;
  font-family:'Cormorant Garamond',serif;font-size:18px}
.event__soon a{color:var(--gold)}
@media(max-width:780px){
  .event{grid-template-columns:1fr;gap:16px}
  .event--featured{margin:0;padding:24px 20px}
  .event__tickets .btn{width:100%;justify-content:center}
}

/* ===== LEARN ===== */
.learn{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:980px){.learn{grid-template-columns:1fr}}
.plan{background:var(--ink);padding:48px 36px;display:flex;flex-direction:column;gap:18px;
  position:relative;transition:background var(--t-mid)}
.plan:hover{background:var(--ink-2)}
.plan.best{background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.plan.best::before{content:"лучший выбор";position:absolute;top:24px;right:32px;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--ink);
  background:var(--gold);padding:5px 10px;border-radius:99px;text-transform:uppercase;
  font-weight:600}
.plan__t{font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--ivory);
  font-weight:500;line-height:1}
.plan__t em{font-style:italic;color:var(--gold)}
.plan__price{font-family:'Cormorant Garamond',serif;font-size:64px;color:var(--gold);
  font-weight:500;line-height:1;font-style:italic;margin:8px 0}
.plan__price sup{font-size:.35em;color:var(--ivory);font-style:normal;font-weight:400;
  margin-left:6px}
.plan__d{color:var(--pearl);font-size:15px;margin-bottom:8px}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;
  padding-top:24px;border-top:1px solid var(--line);flex:1}
.plan li{font-size:14.5px;color:var(--ivory);padding-left:24px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.6em;width:14px;height:1px;
  background:var(--gold)}
.plan .btn{justify-content:center}

.leadmag__info{display:flex;align-items:center;gap:18px}
.leadmag__thumb{flex:none;width:92px;height:92px;object-fit:cover;border-radius:12px;
  border:1px solid var(--gold-line);box-shadow:0 8px 24px rgba(0,0,0,.4)}
@media(max-width:560px){.leadmag__thumb{width:64px;height:64px}}
.leadmag{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  padding:36px;border:1px solid var(--gold-line);border-radius:var(--r-md);
  background:linear-gradient(135deg, rgba(27,42,74,.4), rgba(201,169,97,.05));
  margin-bottom:48px}
@media(max-width:780px){.leadmag{grid-template-columns:1fr}}
.leadmag__t{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--ivory);
  font-weight:500;line-height:1.1;margin-bottom:8px}
.leadmag__t em{font-style:italic;color:var(--gold)}
.leadmag__d{color:var(--pearl);font-size:15px}

/* ===== LICENSING ===== */
.lic{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}
@media(max-width:780px){.lic{grid-template-columns:repeat(2,1fr)}}
.lic__t{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);
  padding:24px;transition:border-color var(--t-mid),background var(--t-mid)}
.lic__t:hover{border-color:var(--gold-line);background:var(--ink-2)}
.lic__t b{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:24px;color:var(--gold);font-weight:500;margin-bottom:8px}
.lic__t span{color:var(--pearl);font-size:14px}

.cases{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}
.cases .chip{padding:6px 12px;border:1px solid var(--line);border-radius:99px;
  font-size:12.5px;color:var(--pearl);font-family:'JetBrains Mono',monospace;letter-spacing:.05em}

/* ===== MERCH ===== */
.merch{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:780px){.merch{grid-template-columns:repeat(2,1fr)}}
.prod{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);
  padding:18px;display:flex;flex-direction:column;gap:8px;
  transition:transform var(--t-mid) var(--ease),border-color var(--t-mid)}
.prod:hover{transform:translateY(-4px);border-color:var(--gold-line)}
.prod:hover .prod__mock{transform:translateY(-2px) rotate(-1deg)}
/* Garment mockup */
.prod__mock{position:relative;aspect-ratio:1/1;border-radius:var(--r-sm);overflow:hidden;
  margin-bottom:10px;transition:transform var(--t-mid) var(--ease);
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 80% at 50% 0%, #2a2722 0%, #181614 70%, #131210 100%)}
.prod__mock.dark{background:radial-gradient(120% 80% at 50% 0%, #1a1816 0%, #0f0e0c 70%, #0b0a09 100%)}
.prod__mock.white{background:radial-gradient(120% 80% at 50% 0%, #f0e9d8 0%, #d6cdb8 100%)}
.prod__mock::before{content:"";position:absolute;left:50%;top:-6%;width:60%;height:14%;
  background:radial-gradient(50% 100% at 50% 0%, rgba(0,0,0,.45), transparent 70%);
  transform:translateX(-50%);pointer-events:none}
.prod__mock svg{position:relative;width:88%;height:88%;display:block}
.prod__mock .body{fill:#1f1c19}
.prod__mock.dark .body{fill:#0a0908}
.prod__mock.white .body{fill:#f6f0e1}
.prod__mock .seam{stroke:rgba(255,255,255,.06);stroke-width:1.2;fill:none}
.prod__mock.white .seam{stroke:rgba(0,0,0,.10)}
/* Chest print */
.prod__print{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:40%;aspect-ratio:1/1;border-radius:6px;
  background-size:cover;background-position:center;
  box-shadow:0 8px 18px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.2);pointer-events:none;
  mix-blend-mode:luminosity;opacity:.92}
.prod__mock.white .prod__print{box-shadow:0 6px 14px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.12);
  mix-blend-mode:multiply;opacity:.95}
/* Tag */
.prod__tag{position:absolute;top:14px;right:14px;
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;
  color:var(--ivory);background:rgba(14,13,12,.65);border:1px solid var(--gold-line);
  padding:4px 8px;border-radius:99px;text-transform:uppercase;backdrop-filter:blur(6px)}
.prod__mock.white .prod__tag{color:#1c1916;background:rgba(255,255,255,.7);
  border-color:rgba(0,0,0,.15)}
.prod__cat{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;
  color:var(--muted);text-transform:uppercase}
.prod__name{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--ivory);
  font-weight:500;font-style:italic;line-height:1.1}
.prod__d{color:var(--pearl);font-size:13.5px;flex:1}
.prod__price{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--gold);
  font-weight:600;margin-top:8px;display:flex;justify-content:space-between;align-items:center}
.prod__price .sw{width:10px;height:10px;border-radius:50%;border:1px solid var(--line)}
.prod__photo{position:relative;aspect-ratio:1/1;border-radius:var(--r-sm);overflow:hidden;margin-bottom:14px;background:#0b0a09}
.prod__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.prod:hover .prod__photo img{transform:scale(1.04)}
.prod__photo .prod__tag{position:absolute;top:14px;right:14px;z-index:2}
.prod--catalog{justify-content:flex-end}
.prod--catalog .prod__photo img{object-fit:cover}

/* ===== UNRELEASED PLAYER ===== */
.player{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px;display:flex;flex-direction:column;gap:24px;max-width:760px;margin:0 auto;
  position:relative;overflow:hidden}
.player::before{content:"";position:absolute;top:-20%;right:-10%;width:60%;height:140%;
  background:radial-gradient(closest-side, var(--gold-soft), transparent 70%);
  pointer-events:none}
.player > *{position:relative;z-index:1}
.player__nowlabel{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;
  color:var(--muted);text-transform:uppercase}
.player__title{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--ivory);
  font-weight:500;line-height:1.1}
.player__title em{font-style:italic;color:var(--gold)}
.player__wave{height:60px;display:flex;align-items:center;gap:2px;
  cursor:pointer;position:relative;border-radius:6px;overflow:hidden}
.player__wave .pwbar{flex:1;min-width:2px;background:var(--line);border-radius:1px;
  transition:background .12s}
.player__wave .pwbar.on{background:var(--gold)}
.player__time{display:flex;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.05em}
.player__time .cur{color:var(--gold)}
.player__ctrl{display:flex;align-items:center;gap:18px;justify-content:center}
.player__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}
.player__btn:hover{border-color:var(--gold);color:var(--gold)}
.player__btn.play{width:64px;height:64px;background:var(--gold);color:var(--ink);
  border:0;font-size:18px;box-shadow:0 0 0 8px rgba(201,169,97,.08)}
.player__btn.play:hover{box-shadow:0 0 0 14px rgba(201,169,97,.06)}
.player__list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);
  padding-top:18px;overflow:hidden}  /* fixed compact queue — no scroll, no expand */
.player__list .tr{display:grid;grid-template-columns:28px 1fr auto;gap:14px;
  padding:12px 0;border-bottom:1px solid var(--line);cursor:default;
  transition:color var(--t-fast)}
.player__list .tr:last-child{border-bottom:0}
.player__list .tr.act{color:var(--gold)}
.player__list .tr .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.05em}
.player__list .tr.act .n{color:var(--gold)}
.player__list .tr .nm{font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic}
.player__list .tr .du{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted)}

/* ===== FAQ ===== */
.faq{max-width:880px;margin:0 auto;display:flex;flex-direction:column}
.faq details{border-bottom:1px solid var(--line);padding:8px 0}
.faq summary{cursor:pointer;list-style:none;padding:22px 48px 22px 0;position:relative;
  font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.4vw,28px);color:var(--ivory);
  font-weight:500;transition:color var(--t-fast)}
.faq summary:hover{color:var(--gold)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);
  font-family:'Cormorant Garamond',serif;font-size:36px;color:var(--gold);font-style:italic;
  transition:transform var(--t-mid) var(--ease);font-weight:300;width:36px;text-align:right}
.faq details[open] summary::after{content:"–";transform:translateY(-50%) rotate(0)}
.faq details[open] summary{color:var(--gold)}
.faq .a{padding:0 64px 28px 0;color:var(--pearl);font-size:16px;line-height:1.6;
  animation:fadein .5s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ===== CONTACT ===== */
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:48px}
@media(max-width:780px){.contact{grid-template-columns:1fr}}
.contact__c{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);
  padding:28px;transition:border-color var(--t-mid)}
.contact__c:hover{border-color:var(--gold-line)}
.contact__c .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  color:var(--muted);text-transform:uppercase;margin-bottom:14px;display:block}
.contact__c a{display:block;color:var(--ivory);font-size:17px;font-weight:500;
  margin-bottom:6px;transition:color var(--t-fast)}
.contact__c a:hover{color:var(--gold)}

/* ===== TELEGRAM SECTION ===== */
.tgwrap{display:grid;grid-template-columns:1fr 1.35fr;gap:48px;align-items:center;
  padding:48px;border:1px solid var(--gold-line);border-radius:var(--r-lg);
  background:linear-gradient(135deg, rgba(34,158,217,.10), transparent 60%);}
@media(max-width:980px){.tgwrap{grid-template-columns:1fr;padding:32px}}
.tgwrap__left .cap{color:var(--gold);margin-bottom:14px;display:inline-block}
.tgwrap__title{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,4vw,52px);
  line-height:1.02;color:var(--ivory);font-weight:500;margin-bottom:18px;text-wrap:pretty}
.tgwrap__title em{font-style:italic;color:var(--gold)}
.tgwrap__d{color:var(--pearl);font-size:16px;margin-bottom:24px;max-width:42ch}
.tgwrap__meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);
  letter-spacing:.1em;margin-top:18px}
.tgwrap__meta b{color:var(--gold);font-weight:500}
.tgposts{display:flex;flex-direction:column;gap:10px}
.tgpost{background:var(--ink);border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;display:grid;grid-template-columns:42px 1fr;gap:14px;
  transition:transform var(--t-mid) var(--ease),border-color var(--t-mid)}
.tgpost:hover{transform:translateX(4px);border-color:var(--gold-line)}
.tgpost__ava{width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#229ED9,#1B2A4A);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;
  font-size:14px;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.tgpost__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.tgpost__head b{color:var(--ivory);font-weight:600;font-size:14px}
.tgpost__head time{color:var(--muted);font-size:11px;font-family:'JetBrains Mono',monospace}
.tgpost__body{color:var(--pearl);font-size:14px;line-height:1.45}
.tgpost__body .tg-b{color:var(--ivory);font-weight:600}
.tgpost__att{display:inline-flex;align-items:center;gap:8px;margin-top:10px;
  padding:8px 12px;background:var(--ink-2);border:1px solid var(--line);border-radius:8px;
  font-size:12.5px;color:var(--ivory);font-family:'JetBrains Mono',monospace;
  letter-spacing:.04em}
.tgpost__att .ico{width:28px;height:28px;border-radius:6px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--gold-soft);color:var(--gold);font-size:13px;font-weight:600}
.tgpost__stats{display:flex;gap:14px;margin-top:10px;color:var(--muted);font-size:11px;
  font-family:'JetBrains Mono',monospace;letter-spacing:.05em}
.tgpost__stats span{display:inline-flex;align-items:center;gap:5px}

/* ===== STICKY MINI-PLAYER ===== */
.miniplayer{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  display:grid;grid-template-columns:48px 1fr auto auto auto;gap:14px;align-items:center;
  padding:12px 18px;
  background:rgba(14,13,12,.92);backdrop-filter:saturate(160%) blur(18px);
  border-top:1px solid var(--gold-line);
  transform:translateY(110%);opacity:0;
  transition:transform .35s var(--ease),opacity .35s var(--ease);
  pointer-events:none;
}
.miniplayer.show{transform:translateY(0);opacity:1;pointer-events:auto}
.miniplayer__prog{position:absolute;left:0;right:0;top:0;height:2px;
  background:rgba(242,236,223,.06)}
.miniplayer__prog > div{height:100%;background:var(--gold);width:0%;
  transition:width .15s linear;box-shadow:0 0 8px rgba(201,169,97,.55)}
.miniplayer__play{width:42px;height:42px;border-radius:50%;background:var(--gold);
  color:var(--ink);display:flex;align-items:center;justify-content:center;
  font-size:14px;flex-shrink:0}
.miniplayer__body{min-width:0;overflow:hidden}
.miniplayer__lbl{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.22em;
  color:var(--gold);text-transform:uppercase;margin-bottom:2px}
.miniplayer__title{font-family:'Cormorant Garamond',serif;font-size:17px;color:var(--ivory);
  font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.miniplayer__time{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);
  letter-spacing:.05em;white-space:nowrap}
.miniplayer__time .cur{color:var(--gold)}
.miniplayer__close{width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--muted);
  border:1px solid transparent;transition:color var(--t-fast),border-color var(--t-fast)}
.miniplayer__close:hover{color:var(--ivory);border-color:var(--line)}
@media(max-width:560px){
  .miniplayer__time{display:none}
}

/* ===== FOOTER ===== */
.foot{padding:80px 0 40px;border-top:1px solid var(--line);position:relative;overflow:hidden}
.foot__big{font-family:'Cormorant Garamond',serif;font-size:clamp(56px,11vw,180px);
  line-height:.95;color:var(--ivory);font-weight:500;font-style:italic;margin-bottom:48px;
  text-wrap:balance;letter-spacing:-.02em}
.foot__big .gold{color:var(--gold)}
.foot__big img{display:inline-block;height:1em;vertical-align:-.13em;margin:0 .1em;
  filter:none}
.foot__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;
  padding-top:48px;border-top:1px solid var(--line)}
@media(max-width:780px){.foot__grid{grid-template-columns:repeat(2,1fr);gap:32px}}
.foot__col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;
  color:var(--muted);text-transform:uppercase;margin-bottom:18px;font-weight:500}
.foot__col a{display:block;color:var(--ivory);font-size:14.5px;padding:6px 0;
  transition:color var(--t-fast),padding var(--t-fast)}
.foot__col a:hover{color:var(--gold);padding-left:6px}
.foot__bottom{display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:18px;padding-top:32px;margin-top:48px;border-top:1px solid var(--line);
  color:var(--muted);font-size:13px;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.foot__bottom .links{display:flex;gap:18px;flex-wrap:wrap}
.foot__bottom a:hover{color:var(--gold)}

/* ===== REVEAL ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease), transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-d-1{transition-delay:.08s}
.reveal-d-2{transition-delay:.16s}
.reveal-d-3{transition-delay:.24s}
.reveal-d-4{transition-delay:.32s}

/* split line reveal for headings */
.split{display:inline-block;overflow:hidden;vertical-align:baseline}
.split > span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--ease)}
.reveal.in .split > span{transform:none}

/* =========================================================
   MOTION SYSTEM v2 — intro · split · mask · magnetic · grain
   ========================================================= */

/* Intro overlay */
.intro{position:fixed;inset:0;z-index:200;background:var(--ink);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  pointer-events:auto;overflow:hidden}
.intro.gone{pointer-events:none}
.intro__logo{width:min(440px,68vw);opacity:0;transform:translateY(20px) scale(.96);
  animation:introLogoIn 1.0s var(--ease) .15s forwards}
.intro__tag{margin-top:18px;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.36em;color:var(--gold);text-transform:uppercase;
  opacity:0;animation:introTagIn .7s var(--ease) .85s forwards}
@keyframes introLogoIn{
  0%{opacity:0;transform:translateY(20px) scale(.96)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes introTagIn{ to{opacity:1} }
/* Curtain split: two halves slide apart */
.intro__half{position:absolute;left:0;right:0;height:50%;background:var(--ink);
  z-index:1;transition:transform 1s var(--ease)}
.intro__half.top{top:0;transform-origin:top}
.intro__half.bottom{bottom:0;transform-origin:bottom}
.intro.leaving .intro__half.top{transform:translateY(-100%)}
.intro.leaving .intro__half.bottom{transform:translateY(100%)}
.intro.leaving .intro__logo,.intro.leaving .intro__tag{opacity:0;transition:opacity .35s var(--ease)}
.intro.leaving{opacity:0;transition:opacity .25s linear .9s}

/* Word-split reveal — wraps each word with an overflow-hidden span */
.w-split{display:inline-block}
.w-split .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.04em;margin-right:.22em}
.w-split .w:last-child{margin-right:0}
.w-split .w > span{display:inline-block;transform:translateY(110%);opacity:.0;
  transition:transform .9s var(--ease), opacity .9s var(--ease);will-change:transform}
.w-split.in .w > span{transform:translateY(0);opacity:1}
.w-split.in .w:nth-child(1) > span{transition-delay:.00s}
.w-split.in .w:nth-child(2) > span{transition-delay:.06s}
.w-split.in .w:nth-child(3) > span{transition-delay:.12s}
.w-split.in .w:nth-child(4) > span{transition-delay:.18s}
.w-split.in .w:nth-child(5) > span{transition-delay:.24s}
.w-split.in .w:nth-child(6) > span{transition-delay:.30s}
.w-split.in .w:nth-child(7) > span{transition-delay:.36s}
.w-split.in .w:nth-child(8) > span{transition-delay:.42s}
.w-split.in .w:nth-child(9) > span{transition-delay:.48s}
.w-split.in .w:nth-child(n+10) > span{transition-delay:.54s}

/* Mask-reveal — clip-path curtain from bottom */
.mask-in{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--ease)}
.mask-in.in{clip-path:inset(0 0 0 0)}

/* Magnetic CTA — JS-driven; nothing visual besides smoothness */
.magnetic{transition:transform .35s var(--ease)}

/* Marquee hover-pause + lean-in */
.marquee{cursor:none;transition:background .4s var(--ease)}
.marquee:hover{background:#181614}
.marquee__row{animation-play-state:running;transition:filter .4s var(--ease)}
.marquee:hover .marquee__row{animation-play-state:paused;filter:saturate(1.2)}
.marquee:hover .marquee__item{opacity:1}
.marquee__item{transition:color var(--t-fast),opacity var(--t-fast)}

/* Process stepped reveal */
.proc{position:relative}
.proc__step{opacity:.32;transition:opacity .8s var(--ease),background .4s var(--ease)}
.proc__step.lit{opacity:1}
.proc__step.lit .proc__n{color:var(--ivory)}
.proc__step .proc__n{transition:color .5s var(--ease)}
/* Connector line (drawn on scroll) */
.proc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform 1.4s var(--ease)}
.proc.drawn::after{transform:scaleX(1)}

/* Film grain — fixed overlay */
.grain{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.06;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96  0 0 0 0 0.93  0 0 0 0 0.87  0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:160px 160px}
/* Vignette */
.vignette{position:fixed;inset:0;pointer-events:none;z-index:9997;
  background:radial-gradient(120% 80% at 50% 50%, transparent 55%, rgba(0,0,0,.4) 100%)}

/* Tier-1 quote rotator */
.q-rot{position:relative;display:grid}
.q-rot__slide{grid-area:1/1;opacity:0;transform:translateY(8px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);pointer-events:none;
  display:flex;flex-direction:column;gap:18px}
.q-rot__slide.on{opacity:1;transform:none;pointer-events:auto}

/* Rune divider */
.rune{display:flex;align-items:center;justify-content:center;gap:14px;
  padding:48px var(--pad);color:var(--muted);
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.32em;
  text-transform:uppercase}
.rune::before,.rune::after{content:"";flex:1;max-width:160px;height:1px;
  background:linear-gradient(90deg, transparent, var(--gold-line) 30%, var(--gold-line) 70%, transparent)}
.rune b{color:var(--gold);font-weight:500}
.rune .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 0 4px rgba(201,169,97,.12);margin:0 2px}

/* =========================================================
   MOBILE POLISH — explicit tweaks for ≤780px and ≤480px
   ========================================================= */
@media (max-width: 780px){
  :root{ --pad: 18px; }
  .section{ padding: clamp(56px, 9vh, 96px) 0; }
  .section__head{ margin-bottom: 36px; gap: 14px; }
  .section__head h2{ text-wrap: balance; }
  .section__head .lead{ font-size: 15.5px; }

  /* Hero: drop corner labels — they fight with content on small screens */
  .hero{ padding: 100px 0 60px; }
  .hero__scroll, .hero__counter{ display:none !important; }
  .hero h1{ text-wrap: balance; }

  /* Marquee — gentler on mobile */
  .marquee{ padding: 14px 0; }
  .marquee__item{ font-size: clamp(22px, 6vw, 32px); }
  .marquee__row{ gap: 28px; animation-duration: 26s; }
  .marquee__row.rev{ animation-duration: 32s; }

  /* Stats — gold size + label */
  .stat{ padding: 32px 22px; }
  .stat .num{ font-size: clamp(44px, 13vw, 64px); }
  .stat .lbl{ font-size: 13px; }

  /* Music bento */
  .t-hero .track__title{ font-size: clamp(28px, 8vw, 40px); }
  .t-hero .track__poet{ font-size: 15px; }
  .track__title{ font-size: clamp(20px, 5.5vw, 28px); }

  /* Process: prevent right icon from overlapping number on small */
  .proc__icn{ width:24px; height:24px; opacity:.4; }
  .proc__step{ padding: 32px 22px; }
  .proc__t{ font-size: 26px; }

  /* Ecosystem cards: tighter */
  .ecocard{ padding: 24px 20px; min-height: 220px; }
  .ecocard__t{ font-size: 28px; }

  /* Plans / Learn */
  .plan{ padding: 36px 24px; }
  .plan__t{ font-size: 28px; }
  .plan__price{ font-size: 52px; }
  .leadmag{ padding: 24px; }
  .leadmag__t{ font-size: 22px; }

  /* Merch product cards */
  .prod{ padding: 14px; }
  .prod__name{ font-size: 20px; }

  /* Licensing */
  .lic{ gap: 10px; }
  .lic__t{ padding: 18px; }

  /* Press: gentler quote size */
  .press__q{ padding: 24px; }
  .press__q blockquote{ font-size: clamp(18px, 4.8vw, 24px); }

  /* Telegram posts: ensure no crammed columns */
  .tgwrap{ padding: 28px 20px; gap: 28px; }
  .tgwrap__title{ font-size: clamp(28px, 7vw, 38px); }
  .tgpost{ padding: 14px 16px; }
  .tgpost__body{ font-size: 13.5px; }

  /* FAQ */
  .faq summary{ font-size: 19px; padding: 18px 36px 18px 0; }
  .faq summary::after{ font-size: 28px; }
  .faq .a{ padding-right: 36px; font-size: 15px; }

  /* Contact */
  .contact__c{ padding: 22px; }
  .contact__c a{ font-size: 16px; }

  /* Footer big text — keep readable on phones */
  .foot__big{ font-size: clamp(40px, 12vw, 72px); line-height: 1; }
  .foot__grid{ gap: 28px; padding-top: 36px; }
  .foot__bottom{ font-size: 12px; }

  /* Sticky mini-player: collapse to compact layout */
  .miniplayer{
    grid-template-columns: 40px 1fr auto;
    padding: 10px 14px;
    gap: 12px;
  }
  .miniplayer__play{ width: 40px; height: 40px; }
  .miniplayer__close{ width: 28px; height: 28px; }
  .miniplayer__title{ font-size: 15px; }

  /* Unreleased player */
  .player{ padding: 22px; }
  .player__title{ font-size: 22px; }
  .player__btn.play{ width: 52px; height: 52px; }
  .player__wave{ height: 48px; }

  /* Lockup: tighter padding + caption size */
  .hero__lockup{ padding: 48px 18px; margin-bottom: 36px; }
  .lockup__cap{ font-size: 10px; letter-spacing: .2em; }

  /* Rune divider mobile */
  .rune{ padding: 32px var(--pad); font-size: 9.5px; gap: 10px; }
  .rune::before, .rune::after{ max-width: 60px; }
}

@media (max-width: 480px){
  .hero h1{ font-size: clamp(27px, 8.4vw, 38px); line-height:1.08; overflow-wrap:break-word; }
  .section__head h2{ font-size: clamp(30px, 9vw, 44px); }
  .nav__brand img{ height: 30px; }
  .lockup__left img{ width: min(118px, 33vw); }
  .lockup__right .lockup__gneuro{ width: min(92px, 27vw); }
  .hero__lockup{ padding: 46px 8px; }
  /* Intro tag length */
  .intro__tag{ font-size: 10px; letter-spacing: .28em; }
}

/* =========================================================
   AUDIT v3 — accessibility · about · logobar · filter · forms · footer rotator
   ========================================================= */

/* Visually hidden helper */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Skip link */
.skip-link{position:fixed;left:8px;top:-50px;z-index:1000;
  padding:10px 16px;border-radius:8px;
  background:var(--gold);color:var(--ink);font-weight:600;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;
  transition:top .25s var(--ease)}
.skip-link:focus{top:8px;outline:2px solid var(--ivory);outline-offset:2px}

/* Focus-visible: editorial gold ring */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.btn:focus-visible{outline-offset:4px}
.faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.poets__filter .chip:focus-visible{outline-offset:2px}

/* Active nav link */
.nav__links a.active{color:var(--gold);background:rgba(201,169,97,.10)}
.nav__links a{position:relative}
.nav__links a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;
  height:1px;background:var(--gold);transform-origin:left;
  animation:navActive .4s var(--ease)}
@keyframes navActive{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ===== ABOUT NIKITA ===== */
.about__wrap{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(36px,6vw,80px);
  align-items:start}
@media(max-width:780px){
  .about__wrap{grid-template-columns:1fr;gap:32px}
  .about__photo{justify-self:center;max-width:360px;width:100%}
}
.about__photo{position:relative;display:flex;flex-direction:column;gap:14px}
.about__photo-frame{
  position:relative;aspect-ratio:4/5;
  border-radius:6px;overflow:hidden;
  box-shadow:0 1px 0 rgba(201,169,97,.25) inset,
    0 0 0 1px rgba(201,169,97,.18),
    0 30px 70px rgba(0,0,0,.65)
}
.about__photo-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(14,13,12,.4) 100%)}
.about__photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 22%;
  filter:saturate(.95) contrast(1.05)}
.about__sig{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--gold);
  font-style:italic;text-align:right;padding-right:8px}
.about__body{padding-top:16px}
.about__body h2{margin:18px 0 22px}
.about__body .lead{font-size:clamp(16px,1.6vw,19px);color:var(--pearl);margin-bottom:28px}
.about__points{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:28px;
  border-top:1px solid var(--line);padding-top:24px}
.about__points li{display:grid;grid-template-columns:auto 1fr;gap:18px;
  align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--line)}
.about__points li:last-child{border-bottom:0}
.about__points b{color:var(--ivory);font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:18px;font-weight:500;white-space:nowrap}
.about__points span{color:var(--muted);font-size:14px;font-family:'JetBrains Mono',monospace;
  letter-spacing:.04em}
.about__cta{display:flex;gap:12px;flex-wrap:wrap}

/* ===== POET FILTER CHIPS ===== */
.poets__filter{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 8px}
.poets__filter .chip{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ivory);
  padding:8px 14px;border-radius:99px;
  background:transparent;border:1px solid var(--line);
  transition:all var(--t-fast);
}
.poets__filter .chip:hover{border-color:var(--gold-line);color:var(--gold)}
.poets__filter .chip.on{
  background:var(--gold);color:var(--ink);border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(201,169,97,.10);
}

/* Hide eras based on active filter */
#poets[data-active="silver"] [data-era="gold"]{display:none!important}
#poets[data-active="gold"] [data-era="silver"]{display:none!important}

/* ===== LOGO BAR ===== */
.logobar{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:14px 22px;padding:32px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:40px;
}
.logobar span{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:clamp(16px,2vw,22px);color:var(--ivory);opacity:.72;
  transition:opacity var(--t-fast),color var(--t-fast)}
.logobar span:hover{opacity:1;color:var(--gold)}
.logobar .logobar__dot{color:var(--gold);font-size:8px;opacity:.5}

/* ===== NOTIFY / EMAIL FORMS ===== */
.notify{
  display:flex;flex-direction:column;gap:14px;align-items:center;
  max-width:580px;margin:48px auto 0;
  padding:24px 28px;
  background:linear-gradient(135deg, rgba(27,42,74,.35), transparent 70%);
  border:1px solid var(--gold-line);border-radius:var(--r-md);
}
.notify__lbl{font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:20px;color:var(--ivory);text-align:center}
.notify__row{display:flex;gap:10px;width:100%;flex-wrap:wrap}
.notify__inp{
  flex:1;min-width:200px;
  padding:14px 16px;
  background:var(--ink-3);border:1px solid var(--line);
  color:var(--ivory);font-family:'Manrope',sans-serif;font-size:15px;
  border-radius:99px;transition:border-color var(--t-fast),background var(--t-fast);
  outline:none;
}
.notify__inp:focus{border-color:var(--gold);background:var(--ink-2)}
.notify__inp::placeholder{color:var(--muted)}
.notify__hint{color:var(--muted);font-size:12.5px;text-align:center;
  font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.notify.success{border-color:rgba(120,180,140,.4);
  background:linear-gradient(135deg, rgba(80,140,100,.18), transparent 70%)}
.notify.success .notify__row{display:none}
.notify.success::before{content:"✓ Спасибо! Сообщим, как только появится новость.";
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:var(--ivory)}

.leadmag__form{display:flex;flex-direction:column;gap:10px;max-width:360px}
.leadmag__form .btn{justify-content:center}
.leadmag__form.success > *{display:none}
.leadmag__form.success::before{content:"✓ Откройте Telegram-бота — гайд внутри.";
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--gold)}

/* ===== FOOTER KINETIC ROTATOR ===== */
.foot__big{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3em}
.foot__rot{display:inline-block;position:relative;min-width:9ch;
  color:var(--gold);font-style:italic}
.foot__rot em{display:block;font-style:italic;
  opacity:0;transform:translateY(100%);
  transition:opacity .55s var(--ease), transform .55s var(--ease);
  position:absolute;left:0;top:0;white-space:nowrap}
.foot__rot em.on{opacity:1;transform:none;position:relative}
.foot__rot em.out{opacity:0;transform:translateY(-100%);position:absolute}

/* ===== MINI-PLAYER WAVEFORM ===== */
.miniplayer__wave{
  display:flex;align-items:center;gap:2px;height:24px;
  margin-left:6px;padding-right:8px;
}
.miniplayer__wave .b{
  width:2px;background:var(--gold);border-radius:1px;
  animation:mpwave 1.2s ease-in-out infinite;
  animation-play-state:paused;opacity:.5;
  height:30%;
}
.miniplayer.playing .miniplayer__wave .b{animation-play-state:running;opacity:1}
.miniplayer__wave .b:nth-child(1){animation-delay:0s}
.miniplayer__wave .b:nth-child(2){animation-delay:.15s}
.miniplayer__wave .b:nth-child(3){animation-delay:.30s}
.miniplayer__wave .b:nth-child(4){animation-delay:.45s}
.miniplayer__wave .b:nth-child(5){animation-delay:.60s}
@keyframes mpwave{
  0%,100%{height:20%}
  50%{height:100%}
}

/* ===== EASTER EGG TOAST ===== */
.egg-toast{
  position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);
  z-index:9999;padding:14px 22px;border-radius:99px;
  background:var(--gold);color:var(--ink);font-weight:600;font-size:14px;
  box-shadow:0 12px 32px rgba(201,169,97,.4);
  opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)
}
.egg-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== PRINT ===== */
@media print{
  body{background:#fff;color:#000}
  .nav,.cur,.cur__dot,.marquee,.player,.intro,.grain,.vignette,.miniplayer{display:none!important}
  .reveal{opacity:1!important;transform:none!important}
  .w-split .w > span{transform:none!important;opacity:1!important}
  .mask-in{clip-path:none!important}
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01s!important;transition-duration:.01s!important;
    animation-iteration-count:1!important}
  .intro{display:none!important}
  .grain{display:none!important}
  .marquee__row{animation:none!important}
}

/* ===== Floating assistant button (все страницы) ===== */
.assistant{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.assistant__btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:none;
  padding:13px 20px 13px 16px;border-radius:999px;background:var(--gold);color:#1b160c;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 0 6px rgba(201,169,97,.10);
  transition:transform .18s ease, box-shadow .25s ease}
.assistant__btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.55), 0 0 0 10px rgba(201,169,97,.08)}
.assistant__btn svg{flex-shrink:0}
.assistant__menu{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.assistant__menu[hidden]{display:none}
.assistant__opt{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  padding:11px 16px;border-radius:999px;background:var(--ink-2,#161412);color:var(--ivory,#F2ECDF);
  font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;border:1px solid var(--line);
  box-shadow:0 8px 24px rgba(0,0,0,.42);transition:border-color .2s,transform .15s,background .2s;
  animation:assistOptIn .18s ease both}
.assistant__opt:hover{border-color:var(--gold);transform:translateY(-1px);background:rgba(242,236,223,.06)}
.assistant__opt svg{flex-shrink:0;color:var(--gold)}
@keyframes assistOptIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.assistant{right:16px;bottom:16px}.assistant__btn{padding:14px}.assistant__btn>span{display:none}}

/* ===== Merch: выбор размера + заказ ===== */
.prod__sizes{display:flex;gap:7px;margin:12px 0 4px;flex-wrap:wrap}
.prod__sizes button{min-width:38px;padding:7px 0;border-radius:8px;border:1px solid var(--gold-line);
  background:transparent;color:var(--pearl);font-family:'JetBrains Mono',monospace;font-size:12px;
  cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.prod__sizes button:hover{border-color:var(--gold);color:var(--ivory)}
.prod__sizes button.sel{background:var(--gold);color:#1b160c;border-color:var(--gold);font-weight:700}
.prod__order{margin-top:12px;width:100%;padding:11px 0;border-radius:999px;border:0;cursor:pointer;
  background:var(--gold);color:#1b160c;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;
  transition:opacity .2s}
.prod__order:hover{opacity:.9}
.prod__order[disabled]{opacity:.4;cursor:not-allowed}

/* зум-подсказка на фото товара */
.prod__photo--zoom{cursor:zoom-in}
.prod__photo--zoom img{transition:transform .4s var(--ease)}
.prod__photo--zoom:hover img{transform:scale(1.04)}
.prod__photo--zoom::after{content:"⤢";position:absolute;right:12px;bottom:12px;z-index:2;
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(14,13,12,.6);color:var(--ivory);font-size:15px;
  backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.prod__photo--zoom:hover::after{opacity:1}

/* ===== Lightbox (детальный просмотр) ===== */
.lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  padding:32px;background:rgba(8,7,6,.92);backdrop-filter:blur(8px);cursor:zoom-out;
  opacity:0;transition:opacity .25s}
.lightbox.open{opacity:1}
.lightbox__img{max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:12px;
  box-shadow:0 30px 90px rgba(0,0,0,.6);transform:scale(.96);transition:transform .25s}
.lightbox.open .lightbox__img{transform:scale(1)}
.lightbox__x{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(255,255,255,.08);color:var(--ivory);font-size:30px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .2s}
.lightbox__x:hover{background:rgba(255,255,255,.18)}

/* ===== Checkout modal ===== */
.co-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(8,7,6,.72);backdrop-filter:blur(4px);padding:20px;animation:coFade .2s ease}
@keyframes coFade{from{opacity:0}to{opacity:1}}
.co-box{position:relative;width:100%;max-width:420px;background:var(--ink);border:1px solid var(--gold-line);
  border-radius:18px;padding:26px 24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.co-x{position:absolute;top:12px;right:16px;background:none;border:0;color:var(--pearl);font-size:26px;line-height:1;cursor:pointer;opacity:.6}
.co-x:hover{opacity:1}
.co-h{font-family:'Manrope',sans-serif;font-weight:700;font-size:19px;color:var(--ivory);margin-bottom:6px}
.co-prod{font-size:13px;color:var(--pearl);margin-bottom:18px;line-height:1.4}
.co-prod b{color:var(--gold)}
.co-l{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pearl);opacity:.8;margin-bottom:12px}
.co-l input{display:block;width:100%;margin-top:6px;padding:11px 13px;border-radius:10px;border:1px solid var(--gold-line);
  background:rgba(255,255,255,.03);color:var(--ivory);font-family:'Manrope',sans-serif;font-size:14px;letter-spacing:normal;text-transform:none}
.co-l input:focus{outline:none;border-color:var(--gold)}
.co-go{width:100%;margin-top:6px;padding:12px 0;border-radius:999px;border:0;cursor:pointer;
  background:var(--gold);color:#1b160c;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;transition:opacity .2s}
.co-go:hover{opacity:.9}
.co-go[disabled]{opacity:.5;cursor:default}
.co-note{margin-top:12px;font-size:11px;color:var(--pearl);opacity:.6;line-height:1.4;text-align:center}

/* ===== Cookie / consent notice ===== */
.cookie{position:fixed;left:16px;bottom:16px;z-index:125;max-width:min(440px,calc(100vw - 32px));
  display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;
  background:rgba(20,18,16,.97);border:1px solid var(--gold-line);backdrop-filter:blur(10px);
  box-shadow:0 16px 40px rgba(0,0,0,.5);font-size:12.5px;line-height:1.45;color:var(--pearl)}
.cookie[hidden]{display:none}
.cookie a{color:var(--gold);text-decoration:underline}
.cookie__ok{flex:none;padding:9px 18px;border:0;border-radius:999px;cursor:pointer;
  background:var(--gold);color:#1b160c;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px}
.cookie__ok:hover{opacity:.9}
@media(max-width:600px){.cookie{left:12px;right:12px;bottom:12px;max-width:none;flex-direction:column;align-items:stretch;text-align:center;gap:10px}}