/* ============================================================
   OrientoGrace — «Тихая роскошь» · design system
   Tokens reconstructed from ТЗ-лендинг v5 canon
   ============================================================ */
@import url('tokens.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Playfair+Display+SC:wght@400;700&family=Mulish:wght@300;400;500;600;700&display=swap');

:root{
  /* Значения берутся из tokens.css. Здесь — только локальные псевдонимы лендинга:
     имена, которых нет в общем наборе, либо которые здесь зовутся иначе.
     Совпадающие имена (--champagne,--ink,--ink-2,--ink-3,--bronze,--gold,
     --gold-deep,--gold-light,--cream,--leaf) наследуются из tokens.css как есть. */
  /* Pearl / champagne base */
  --pearl:var(--paper);   --pearl-2:var(--pearl-warm);
  /* Gold-градиенты (литералы — общий бренд-золотой контур) */
  --gold-grad:linear-gradient(135deg,#E6D2A6,#C9A86A 48%,#A9854A);
  --gold-soft:linear-gradient(135deg,#F1E2BE,#D8BC82 55%,#BE9A5C);
  /* Green velvet — лендинговое «зелёное» = тёмный бархат */
  --green:var(--velvet);   --green-2:var(--velvet-2);  --green-deep:var(--velvet-deep);

  --shadow-card:0 18px 50px -28px rgba(40,32,16,.45);
  --shadow-soft:0 10px 34px -22px rgba(40,32,16,.35);
  --hair:rgba(110,90,54,.20);

  --maxw:1180px;
  --r-pill:999px;  --r-card:18px;

  /* единый бренд-шрифт во всём продукте — как в логотипе */
  --f-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-sans:'Mulish',system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--f-sans);
  font-size:17px;
  line-height:1.72;
  color:var(--ink);
  background:var(--pearl);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;}
h1,h2,h3,h4{font-family:var(--f-serif);font-weight:500;line-height:1.1;margin:0;color:var(--ink);}
p{margin:0 0 1em;text-wrap:pretty;}
a{color:inherit;text-decoration:none;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{
  font-family:var(--f-sans);
  font-size:.74rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;
  color:var(--bronze);
}
.eyebrow--gold{color:var(--gold-deep);}
.eyebrow--cream{color:var(--gold-light);}

.gold-rule{height:1px;width:64px;background:var(--gold-grad);border:0;margin:0;}

/* ---------------- Buttons ---------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--f-sans);font-weight:600;font-size:.96rem;letter-spacing:.02em;
  padding:15px 30px;border-radius:var(--r-pill);border:1px solid transparent;
  cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
  min-height:52px;text-align:center;
}
.btn--gold{
  background:var(--gold-grad);color:#2A2112;
  box-shadow:0 12px 26px -14px rgba(169,133,74,.85),inset 0 1px 0 rgba(255,255,255,.4);
}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(169,133,74,.95),inset 0 1px 0 rgba(255,255,255,.5);}
.btn--ghost{
  background:transparent;color:var(--ink-2);border-color:var(--hair);
}
.btn--ghost:hover{border-color:var(--gold);color:var(--ink);}
.btn--ghost-cream{background:transparent;color:var(--cream);border-color:rgba(243,236,220,.34);}
.btn--ghost-cream:hover{border-color:var(--gold-light);color:#fff;}
.btn--sm{padding:11px 20px;min-height:44px;font-size:.86rem;}
.btn--block{width:100%;}
.price{font-variant-numeric:tabular-nums;}

/* ---------------- Header ---------------- */
.site-head{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,#0C211A,#102A20);
  border-bottom:1px solid rgba(201,168,106,.26);
}
.site-head__in{
  max-width:1280px;margin:0 auto;padding:11px 22px;
  display:flex;align-items:center;gap:18px;
}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
.brand__mark{width:54px;height:48px;object-fit:contain;}
.brand__name{
  /* как вордмарк в hero: Playfair Display SC (настоящие малые капители) */
  font-family:'Playfair Display SC',Georgia,serif;font-weight:400;font-size:1.4rem;color:var(--cream);
  font-variant-caps:normal;letter-spacing:.03em;
  white-space:nowrap;
}
.brand__name b{font-weight:400;}

.tabs{display:flex;align-items:center;gap:10px;margin-left:auto;}
.tab{
  display:flex;align-items:center;justify-content:center;gap:0;
  width:172px;padding:7px 14px 7px 10px;border-radius:var(--r-pill);
  border:1px solid rgba(201,168,106,.34);
  background:linear-gradient(180deg,rgba(201,168,106,.10),rgba(201,168,106,.02));
  cursor:pointer;overflow:hidden;
  transition:border-color .3s,background .3s,transform .3s;
}
.tab:hover{border-color:var(--gold);transform:translateY(-1px);background:linear-gradient(180deg,rgba(201,168,106,.20),rgba(201,168,106,.05));}
.tab.is-active{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,168,106,.26),rgba(201,168,106,.07));}
.tab__mark{height:36px;width:43px;flex:none;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));}

/* labels are always visible so the marks read as clickable nav buttons */
.tab__txt{
  display:flex;flex-direction:column;line-height:1.05;text-align:left;
  margin-left:10px;opacity:1;white-space:nowrap;
}
.tab__when{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.tab__name{font-family:var(--f-serif);font-size:.98rem;color:var(--cream);position:relative;}

/* per-letter typewriter reveal (letters are wrapped by JS) */
.tab__name .ltr{
  display:inline-block;opacity:1;transform:none;
  transition:opacity .16s ease,transform .16s ease;
}

.head-burger{display:none;}

/* ---------------- Windows ---------------- */
.window{display:none;}
.window.is-active{display:block;}

.section{padding:96px 0;}
.section__head{max-width:680px;margin:0 0 44px;}
.section__head--center{margin-left:auto;margin-right:auto;text-align:center;}
.section__title{font-size:clamp(2rem,4.4vw,3.1rem);letter-spacing:-.01em;}
.section__lead{color:var(--ink-2);font-size:1.12rem;margin-top:18px;}

/* ===================================================================
   WINDOW 1 — OrientoGrace · green velvet
   =================================================================== */
.velvet{
  background-color:#0E261C;
  background-image:
    radial-gradient(120% 90% at 50% -10%,#1E4634 0%,#143124 46%,#0C211A 100%);
  color:var(--cream);
  position:relative;overflow:hidden;
}
.velvet::after{ /* subtle gold dust vignette */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 8%,rgba(201,168,106,.12),transparent 60%);
}
.velvet h1,.velvet h2,.velvet h3{color:var(--cream);}

/* Hero */
.hero{position:relative;z-index:2;text-align:center;padding:64px 24px 104px;}
.hero__emblem{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:262px;aspect-ratio:206/181;height:auto;margin:0 auto 22px;
}
/* серебряный картуш под знаком: серебро + зелёное поле (вариант C).
   Сейчас выключен — знак идёт крупным, без кольца. Вернуть: убрать display:none. */
.hero__cart{position:absolute;inset:0;pointer-events:none;z-index:0;display:none;}
.hero__cart__rim{position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(100deg,#A6B4BC,#DEE8ED 26%,#FFFFFF 44%,#C4D1D8 68%,#9FAEB6);
  box-shadow:0 18px 40px -22px rgba(3,12,8,.75),0 0 0 1px rgba(206,224,234,.16),0 0 26px -6px rgba(206,224,234,.2);}
.hero__cart__fld{position:absolute;inset:2px;border-radius:50%;
  background:radial-gradient(96% 96% at 50% 22%,#25573F 0%,#173B2A 48%,#0E271D 100%);
  box-shadow:inset 0 0 40px 10px rgba(3,12,8,.4),inset 0 0 0 1px rgba(206,224,234,.22);}
.hero__cart__hair{position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(206,224,234,.2);}
.hero__cart__dia{position:absolute;left:calc(50% - 4.5px);width:9px;height:9px;transform:rotate(45deg);
  background:linear-gradient(100deg,#A6B4BC,#DEE8ED 26%,#FFFFFF 44%,#C4D1D8 68%,#9FAEB6);
  box-shadow:0 0 10px rgba(214,231,238,.6);}
.hero__cart__dia--t{top:-4.5px;}
.hero__cart__dia--b{bottom:-4.5px;}
.hero__mark{position:relative;z-index:1;width:100%;height:auto;object-fit:contain;display:block;
  filter:drop-shadow(0 6px 22px rgba(0,0,0,.4));
  animation:emblem-glow 5.5s ease-in-out infinite;}
@keyframes emblem-float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-7px);}
}
@keyframes emblem-glow{
  0%,100%{filter:drop-shadow(0 6px 22px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(124,176,111,.0));}
  50%{filter:drop-shadow(0 8px 26px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(140,196,126,.32));}
}
/* warm halo breathing behind the emblem */
.hero__emblem::before{
  content:"";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:115%;height:120%;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(201,168,106,.20),rgba(124,176,111,.08) 55%,transparent 72%);
  animation:halo-breathe 6s ease-in-out infinite;
}
@keyframes halo-breathe{
  0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.92);}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.06);}
}
/* living sparkles that twinkle over the painted stars — держим в поле картуша */
.hero__sparkles{position:absolute;inset:0;pointer-events:none;z-index:2;}
.spark{
  position:absolute;width:var(--s,12px);height:var(--s,12px);
  transform:translate(-50%,-50%) scale(0);
  background:radial-gradient(closest-side,#FBF3DE,#E6D2A6 45%,rgba(201,168,106,.6) 70%,transparent);
  clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);
  filter:drop-shadow(0 0 5px rgba(230,210,166,.7));
  opacity:0;animation:twinkle 4.6s ease-in-out var(--d,0s) infinite;
}
@keyframes twinkle{
  0%,100%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg);}
  12%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(35deg);}
  24%{opacity:.55;transform:translate(-50%,-50%) scale(.78) rotate(55deg);}
  40%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(90deg);}
}
/* sparkles ride in with the mark's staged reveal */
.hero__sparkles{transition:opacity .8s ease;}
.hero.is-armed .hero__sparkles{opacity:0;}
.hero.is-armed .hero__mark.is-in ~ .hero__sparkles{opacity:1;}
@media (prefers-reduced-motion:reduce){
  .hero__emblem,.hero__mark,.hero__emblem::before{animation:none;}
  .spark{animation:none;opacity:.85;transform:translate(-50%,-50%) scale(1);}
}
.hero__brand{
  /* как в логотипе: Scotch-антиква, настоящие малые капители */
  font-family:'Playfair Display SC',Georgia,serif;font-weight:400;
  font-variant-caps:normal;
  font-size:clamp(3rem,7.2vw,5.6rem);line-height:1;letter-spacing:.04em;
  color:var(--cream);margin-bottom:16px;
}
.hero__words{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;
  font-family:var(--f-serif);font-style:italic;
  font-size:clamp(1.2rem,2.6vw,1.7rem);color:var(--gold-light);
  margin:0 auto 18px;max-width:760px;
}
.hero__words .sep{color:rgba(201,168,106,.72);font-style:normal;}
.hero__sub{
  max-width:620px;margin:0 auto 36px;color:rgba(243,236,220,.82);
  font-size:1.12rem;line-height:1.7;
}
.hero__sub b{color:var(--cream);font-weight:600;}

/* ---- Staged entrance: the ensemble reveals fast, then the slogan solos ---- */
/* base = visible (print / no-JS). JS adds .is-armed to hide, then .is-in per element. */
.hero__mark,.hero__brand,.hero__words,.hero__sub,.hero__sound,.hero__cta,.stage-note{
  transition:opacity .7s ease, transform .85s cubic-bezier(.2,.72,.2,1);
}
.hero.is-armed .hero__mark,
.hero.is-armed .hero__brand,
.hero.is-armed .hero__sub,
.hero.is-armed .hero__sound,
.hero.is-armed .hero__cta,
.hero.is-armed .stage-note{opacity:0;transform:translateY(20px);}
.hero.is-armed .hero__mark.is-in,
.hero.is-armed .hero__brand.is-in,
.hero.is-armed .hero__sub.is-in,
.hero.is-armed .hero__sound.is-in,
.hero.is-armed .hero__cta.is-in,
.hero.is-armed .stage-note.is-in{opacity:1;transform:none;}
/* words stagger their own tokens */
.hero__words span,.hero__words .sep{transition:opacity .55s ease, transform .6s cubic-bezier(.2,.72,.2,1);}
.hero.is-armed .hero__words span,
.hero.is-armed .hero__words .sep{display:inline-block;opacity:0;transform:translateY(14px);}
.hero.is-armed .hero__words.is-in span,
.hero.is-armed .hero__words.is-in .sep{opacity:1;transform:none;}

/* Water ripple — one soft wave radiating from the slogan when it lands */
.ripple-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.ripple-layer.breathe::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(38% 30% at var(--ox,50%) var(--oy,42%),rgba(124,176,111,.16),rgba(124,176,111,0) 60%);
  opacity:0;animation:pond-breathe 3.8s ease-out forwards;
}
@keyframes pond-breathe{0%{opacity:0;transform:scale(.7);}16%{opacity:1;}100%{opacity:0;transform:scale(1.2);}}
.ripple{
  position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(.02);
  border:1.5px solid rgba(230,210,166,.42);
  box-shadow:0 0 60px rgba(124,176,111,.22), inset 0 0 50px rgba(230,210,166,.14);
  background:radial-gradient(circle at 50% 50%,rgba(230,210,166,0) 62%,rgba(230,210,166,.08) 78%,rgba(230,210,166,0) 100%);
  opacity:0;animation:ripple-expand var(--rdur,3.6s) cubic-bezier(.18,.6,.32,1) forwards;
}
@keyframes ripple-expand{
  0%{transform:translate(-50%,-50%) scale(.02);opacity:0;}
  6%{opacity:.6;}
  100%{transform:translate(-50%,-50%) scale(var(--rmax,26));opacity:0;}
}

.hero__slogan{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  margin:0 auto 14px;
}
.hero__slogan__line{
  font-family:var(--f-serif);font-weight:500;
  font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.18;letter-spacing:-.005em;
  background:linear-gradient(100deg,#F3ECDC 0%,#E6D2A6 28%,#C9A86A 50%,#E6D2A6 72%,#F3ECDC 100%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 7s linear infinite;
  /* base = visible: if JS never runs (print, reduced motion, throttled), slogan still shows */
  opacity:1;transform:none;filter:none;
  /* slower, more deliberate than the ensemble — this is the soloist */
  transition:opacity 1.15s ease, transform 1.25s cubic-bezier(.16,.84,.24,1), filter 1.05s ease;
}
/* JS arms the reveal: lines start hidden + blurred, then each .is-in brings them in line by line */
.hero__slogan.is-armed .hero__slogan__line{opacity:0;transform:translateY(32px) scale(.965);filter:blur(7px);}
.hero__slogan.is-armed .hero__slogan__line.is-in{opacity:1;transform:none;filter:none;}
/* safety net: once the reveal window has elapsed, snap to visible regardless of timeline state */
.hero__slogan.reveal-done .hero__slogan__line{transition:none;opacity:1;transform:none;filter:none;}
/* same transition-proof fallback for the ensemble (emblem, wordmark, words, sub, chrome)
   so a stalled opacity transition can never leave the hero blank — forced by JS at reveal end */
.hero.reveal-done .hero__mark,
.hero.reveal-done .hero__brand,
.hero.reveal-done .hero__words span,
.hero.reveal-done .hero__words .sep,
.hero.reveal-done .hero__sub,
.hero.reveal-done .hero__sound,
.hero.reveal-done .hero__cta{opacity:1!important;transform:none!important;transition:none!important;}
@keyframes shimmer{to{background-position:220% center;}}
@media (prefers-reduced-motion:reduce){
  .hero.is-armed .hero__mark,.hero.is-armed .hero__brand,.hero.is-armed .hero__words,
  .hero.is-armed .hero__sub,.hero.is-armed .hero__sound,.hero.is-armed .hero__cta,.hero.is-armed .stage-note,
  .hero.is-armed .hero__words span,.hero.is-armed .hero__words .sep,
  .hero__slogan.is-armed .hero__slogan__line{opacity:1!important;transform:none!important;filter:none!important;}
  .ripple,.ripple-layer.breathe::before{display:none;}
}

.hero__sound{
  display:inline-flex;align-items:center;gap:11px;margin-top:10px;
  padding:9px 18px;border-radius:var(--r-pill);
  border:1px solid rgba(201,168,106,.34);background:rgba(12,33,26,.4);
  color:rgba(243,236,220,.78);font-size:.82rem;font-weight:500;letter-spacing:.02em;
  cursor:pointer;transition:border-color .25s,color .25s;
}
.hero__sound:hover{border-color:var(--gold);color:var(--cream);}
.hero__sound svg{width:17px;height:17px;flex-shrink:0;}
.soon-pill{
  font-family:var(--f-sans);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-light);border:1px solid rgba(201,168,106,.45);border-radius:var(--r-pill);
  padding:2px 9px;line-height:1.5;white-space:nowrap;
}
.stage-note{
  display:block;margin-top:14px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(201,168,106,.6);font-family:var(--f-sans);font-weight:600;
}

/* L2-02: кульминация героя — слоган обязан попадать в первый экран ноутбука */
@media (min-width:641px) and (max-height:840px){
  .hero{padding:24px 24px 30px;}
  .hero__emblem{width:238px;height:auto;margin-bottom:10px;}
  .hero__mark{width:100%;height:auto;}
  .hero__brand{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:10px;}
  .hero__words{margin-bottom:12px;font-size:clamp(1.05rem,2.2vw,1.4rem);}
  .hero__sub{margin-bottom:14px;font-size:1rem;}
  .hero__slogan__line{font-size:clamp(1.45rem,3.1vw,2rem);}
  .hero__cta{margin-top:16px;}
  .hero__sound{margin-top:6px;}
}

/* Trial lessons */
.trials{position:relative;z-index:2;padding-bottom:30px;}
.trials__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.trial-card{
  background:linear-gradient(180deg,rgba(243,236,220,.07),rgba(243,236,220,.03));
  border:1px solid rgba(201,168,106,.26);border-radius:var(--r-card);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .3s,border-color .3s;
}
.trial-card:hover{transform:translateY(-4px);border-color:rgba(201,168,106,.55);}
.trial-card__frame{
  aspect-ratio:16/10;position:relative;
  background:
    repeating-linear-gradient(135deg,rgba(243,236,220,.06) 0 12px,rgba(243,236,220,.02) 12px 24px),
    #143124;
  display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid rgba(201,168,106,.2);
}
.frame-label{
  font-family:var(--f-sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(243,236,220,.5);border:1px dashed rgba(243,236,220,.3);
  padding:7px 13px;border-radius:8px;
}
.trial-card__frame .frame-label{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);}
.trial-card__play{
  position:absolute;width:62px;height:62px;border-radius:50%;
  background:rgba(12,33,26,.5);border:1px solid rgba(201,168,106,.5);
  display:flex;align-items:center;justify-content:center;
}
.trial-card__play svg{width:22px;height:22px;margin-left:3px;}
.trial-card__body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1;}
.trial-card__kicker{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:9px;}
.trial-card__title{font-size:1.7rem;color:var(--cream);margin-bottom:8px;}
.trial-card__desc{color:rgba(243,236,220,.72);font-size:.96rem;margin-bottom:20px;flex:1;}
.trial-card__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.trial-card__price{display:flex;flex-direction:column;line-height:1.05;}
.trial-card__price b{font-family:var(--f-serif);font-size:1.9rem;color:var(--cream);font-weight:500;}
.trial-card__price span{font-size:.7rem;color:rgba(243,236,220,.55);letter-spacing:.06em;}
.ph-tag{
  font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
  border:1px solid rgba(201,168,106,.4);border-radius:6px;padding:2px 6px;font-weight:600;
}
.trials__note{
  margin:28px auto 0;max-width:620px;text-align:center;
  color:rgba(243,236,220,.80);font-size:.92rem;
}
.trials__note b{color:var(--gold-light);}

/* Packages — price grid */
.packs{position:relative;z-index:2;padding-top:100px;}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
.pack{
  background:linear-gradient(180deg,rgba(243,236,220,.06),rgba(243,236,220,.025));
  border:1px solid rgba(201,168,106,.24);border-radius:var(--r-card);
  padding:34px 30px;display:flex;flex-direction:column;
  transition:transform .3s,border-color .3s;
}
.pack:hover{transform:translateY(-5px);border-color:rgba(201,168,106,.5);}
.pack--feature{
  background:linear-gradient(180deg,rgba(201,168,106,.16),rgba(201,168,106,.04));
  border-color:var(--gold);position:relative;
  box-shadow:0 24px 60px -34px rgba(0,0,0,.7);
}
.pack__badge{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--gold-grad);color:#2A2112;font-size:.64rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;padding:6px 16px;border-radius:var(--r-pill);
  white-space:nowrap;
}
.pack__status{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.pack__name{font-size:1.55rem;color:var(--cream);margin:8px 0 18px;}
.pack__price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;}
.pack__price b{font-family:var(--f-serif);font-size:2.7rem;color:var(--cream);font-weight:500;}
.pack__price span{color:rgba(243,236,220,.6);font-size:.95rem;}
.pack__ph{font-size:.72rem;color:var(--gold);letter-spacing:.04em;margin-bottom:22px;}
.pack__list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:13px;flex:1;}
.pack__list li{position:relative;padding-left:26px;color:rgba(243,236,220,.82);font-size:.95rem;line-height:1.5;}
.pack__list li::before{
  content:"";position:absolute;left:0;top:.5em;width:11px;height:11px;border-radius:50%;
  background:var(--gold-grad);box-shadow:0 0 0 3px rgba(201,168,106,.16);
}
.li-tag{
  display:inline-block;margin-left:6px;vertical-align:middle;
  font-family:var(--f-sans);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold);border:1px solid rgba(201,168,106,.4);border-radius:6px;
  padding:2px 6px;font-weight:600;white-space:nowrap;
}
.packs__note{
  max-width:760px;margin:34px auto 0;text-align:center;
  border:1px solid rgba(201,168,106,.26);border-radius:var(--r-card);
  background:linear-gradient(180deg,rgba(201,168,106,.10),rgba(201,168,106,.03));
  padding:22px 30px;color:rgba(243,236,220,.82);font-size:.98rem;line-height:1.65;
}
.packs__note b{color:var(--gold-light);font-weight:600;}

/* Footer nav (light strip inside window 1) */
.footnav{position:relative;z-index:2;padding:46px 0 96px;}
.footnav__head{text-align:center;padding-top:58px;margin-bottom:36px;border-top:1px solid rgba(201,168,106,.16);}
.footnav__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.footnav__item{
  display:flex;flex-direction:column;gap:6px;padding:22px 22px;
  border:1px solid rgba(201,168,106,.22);border-radius:14px;
  background:rgba(243,236,220,.04);transition:border-color .25s,transform .25s;cursor:pointer;
}
.footnav__item:hover{border-color:rgba(201,168,106,.55);transform:translateY(-3px);}
.footnav__item b{font-family:var(--f-serif);font-size:1.15rem;color:var(--cream);font-weight:500;}
.footnav__item span{font-size:.84rem;color:rgba(243,236,220,.6);}
.footnav__item .arr{color:var(--gold);font-size:.84rem;letter-spacing:.04em;margin-top:2px;}
button.footnav__item{font:inherit;line-height:inherit;color:inherit;text-align:left;}
.footnav__item:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.footnav__item--soon{cursor:default;}
.footnav__item--soon:hover{border-color:rgba(201,168,106,.22);transform:none;}
.footnav__item .arr--soon{color:rgba(243,236,220,.48);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;}

/* ===================================================================
   WINDOWS 2–4 — pearl base
   =================================================================== */
.win-hero{padding:84px 0 64px;}
.win-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}
.win-hero__when{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.win-hero__when img{height:54px;width:auto;filter:contrast(1.08) saturate(1.15) brightness(.94) drop-shadow(0 1px 2px rgba(120,92,40,.18));}
.win-hero__title{font-size:clamp(2.3rem,5vw,3.6rem);letter-spacing:-.01em;margin-bottom:20px;}
.win-hero__title em{font-style:italic;color:var(--bronze);}
.win-hero__lead{color:var(--ink-2);font-size:1.14rem;line-height:1.74;margin-bottom:30px;max-width:46ch;}
.win-hero__cta{display:flex;flex-wrap:wrap;gap:14px;}

.photo-ph{
  border-radius:var(--r-card);overflow:hidden;position:relative;
  background:
    repeating-linear-gradient(135deg,rgba(110,90,54,.07) 0 14px,rgba(110,90,54,.03) 14px 28px),
    var(--champagne);
  border:1px solid var(--hair);
  display:flex;align-items:center;justify-content:center;
}
.photo-ph--portrait{aspect-ratio:4/5;}
.photo-ph--wide{aspect-ratio:16/10;}
.photo-ph--square{aspect-ratio:1/1;}
.photo-ph__tag{
  font-family:var(--f-sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);border:1px dashed rgba(110,90,54,.4);background:rgba(250,246,236,.7);
  padding:8px 15px;border-radius:9px;text-align:center;max-width:80%;
}

.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px;}

/* ---- L2-07: окна 2–4 — различительные приёмы ---- */

/* Окно 2 · Настоящее: крупный ч/б портрет */
.win-hero--present .win-hero__grid{grid-template-columns:.9fr 1.1fr;}
.present-portrait{margin:0;position:relative;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card);}
.present-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;filter:grayscale(1) contrast(1.06) brightness(1.02);}
.present-portrait::after{content:"";position:absolute;inset:12px;border:1px solid rgba(201,168,106,.55);border-radius:calc(var(--r-card) - 8px);pointer-events:none;}
.present-portrait figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:52px 26px 21px;
  background:linear-gradient(180deg,transparent,rgba(12,20,16,.72));color:var(--cream);
  font-family:var(--f-sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;
}

/* Окно 3 · Прошлое: сепия + горизонтальная лента кадров */
.window--past .win-hero{background:linear-gradient(180deg,rgba(166,124,54,.08),transparent 75%);}
.photo-ph--sepia{
  background:
    repeating-linear-gradient(135deg,rgba(120,84,30,.12) 0 14px,rgba(120,84,30,.05) 14px 28px),
    linear-gradient(180deg,#EDDFC2,#E0CDA4);
  border-color:rgba(120,84,30,.28);
}
.photo-ph--sepia .photo-ph__tag{background:rgba(244,232,206,.78);border-color:rgba(120,84,30,.45);color:#6E5424;}

.film-strip{
  position:relative;background:linear-gradient(180deg,#352B1C,#291F12);
  border-radius:var(--r-card);padding:36px 26px;margin-bottom:46px;overflow:hidden;
}
.film-strip::before,.film-strip::after{
  content:"";position:absolute;left:0;right:0;height:10px;
  background-image:radial-gradient(circle,rgba(245,238,220,.45) 0 3px,transparent 3.6px);
  background-size:24px 10px;background-repeat:repeat-x;background-position:center;
}
.film-strip::before{top:11px;}
.film-strip::after{bottom:11px;}
.film-strip__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:14px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;}
.film-frame{
  aspect-ratio:3/2;border-radius:5px;border:1px solid rgba(201,168,106,.28);
  background:
    repeating-linear-gradient(135deg,rgba(120,84,30,.14) 0 12px,rgba(120,84,30,.05) 12px 24px),
    linear-gradient(180deg,#D9C8A2,#C9B286);
  display:flex;align-items:flex-end;justify-content:center;padding:11px;
}
.film-frame__tag{
  font-family:var(--f-sans);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:#5C4720;background:rgba(244,232,206,.82);border:1px dashed rgba(120,84,30,.45);
  border-radius:7px;padding:5px 11px;text-align:center;
}

/* Окно 4 · Будущее: без портрета, сетка направлений сразу под заголовком */
.win-hero--future{padding-bottom:38px;}
.win-hero--future .win-hero__grid{grid-template-columns:1fr;gap:0;}
.win-hero--future .win-hero__lead{max-width:56ch;}

.placeholder-strip{
  display:flex;align-items:center;gap:10px;margin-bottom:30px;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;
}
.placeholder-strip::before{content:"";width:34px;height:1px;background:var(--gold-grad);}

.prose{max-width:62ch;color:var(--ink-2);font-size:1.06rem;line-height:1.78;}
.prose p{margin-bottom:1.2em;}
.pullquote{
  font-family:var(--f-serif);font-style:italic;font-size:1.5rem;line-height:1.4;color:var(--ink);
  border-left:2px solid var(--gold);padding:6px 0 6px 26px;margin:40px 0;max-width:30ch;
}
.pullquote cite{display:block;font-style:normal;font-family:var(--f-sans);font-size:.8rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);margin-top:14px;}

/* Directions (window 4) */
.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.dir-card{
  background:#fff;border:1px solid var(--hair);border-radius:var(--r-card);
  padding:28px 26px;box-shadow:var(--shadow-soft);transition:transform .3s,box-shadow .3s;
}
.dir-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);}
.dir-card__no{font-family:var(--f-serif);font-style:italic;font-size:1.1rem;color:var(--gold-deep);}
.dir-card__name{font-size:1.32rem;margin:8px 0 10px;}
.dir-card__desc{color:var(--ink-2);font-size:.94rem;line-height:1.6;}

.hooks{
  background:linear-gradient(135deg,#143124,#0C211A);border-radius:var(--r-card);
  padding:54px 48px;color:var(--cream);text-align:center;
}
.hooks h3{color:var(--cream);font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:16px;}
.hooks__q{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 30px;max-width:760px;}
.hooks__q span{
  font-family:var(--f-serif);font-style:italic;font-size:1.06rem;color:var(--gold-light);
  border:1px solid rgba(201,168,106,.3);border-radius:var(--r-pill);padding:8px 20px;
}

.bride{
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
  border:1px solid var(--hair);border-radius:var(--r-card);padding:38px 40px;
  background:linear-gradient(180deg,#fff,var(--pearl-2));
}
.bride__title{font-size:1.5rem;margin:12px 0 8px;}
.bride__lead{margin:0;color:var(--ink-2);max-width:56ch;line-height:1.65;}

/* Цена «Невесты» — видна сразу (решение: цены не прячем за регистрацией) */
.bride__aside{display:flex;flex-direction:column;align-items:flex-end;gap:18px;}
.bride__price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;}
.bride__price b{font-family:var(--f-serif);font-size:2.4rem;font-weight:500;color:var(--ink);}
.bride__price span{font-family:var(--f-sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-deep);margin-top:6px;white-space:nowrap;}

/* ---------------- CTA «Создать аккаунт» ----------------
   Иерархия: золотой залив — только у рекомендованного статуса;
   остальные призывы — тихие контурные. Цены видны сразу. */
.auth-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--f-sans);font-weight:600;font-size:.95rem;letter-spacing:.02em;
  padding:14px 28px;min-height:50px;border-radius:var(--r-pill);
  background:transparent;color:var(--gold-light);
  border:1px solid rgba(201,168,106,.5);box-shadow:none;
  cursor:pointer;text-align:center;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,background .25s ease,border-color .25s ease;
}
.auth-cta:hover{transform:translateY(-2px);background:rgba(201,168,106,.10);border-color:var(--gold);}
.auth-cta:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}
.auth-cta--block{width:100%;}
/* единственный золотой призыв на странице — рекомендованный статус */
.pack--feature .auth-cta{
  background:var(--gold-grad);color:#2A2112;border-color:transparent;
  box-shadow:0 12px 26px -14px rgba(169,133,74,.85),inset 0 1px 0 rgba(255,255,255,.4);
}
.pack--feature .auth-cta:hover{
  filter:brightness(1.03);background:var(--gold-grad);border-color:transparent;
  box-shadow:0 18px 34px -14px rgba(169,133,74,.95),inset 0 1px 0 rgba(255,255,255,.5);
}
/* кнопка «Войти в восхождение» на экране успеха */
.auth-modal__enter{text-decoration:none;margin-top:20px;}

.back-bar{display:flex;justify-content:center;padding:18px 0 64px;}

/* ---------------- Global footer ---------------- */
.site-foot{background:var(--green-2);color:rgba(243,236,220,.7);padding:64px 0 40px;}
.site-foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:44px;}
.site-foot__brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.site-foot__brand img{width:38px;height:36px;object-fit:contain;}
.site-foot__brand b{font-family:var(--f-serif);font-size:1.3rem;color:var(--cream);font-weight:500;}
.site-foot p{font-size:.92rem;line-height:1.7;color:rgba(243,236,220,.6);}
.foot-col h4{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-family:var(--f-sans);font-weight:700;}
.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.foot-col a{font-size:.92rem;color:rgba(243,236,220,.72);transition:color .2s;}
.foot-col a:hover{color:var(--cream);}
.disclaimer{
  border-top:1px solid rgba(201,168,106,.2);padding-top:26px;
  font-size:.8rem;line-height:1.7;color:rgba(243,236,220,.5);max-width:none;
}
.disclaimer b{color:rgba(243,236,220,.72);font-weight:600;}
.site-foot__legal{margin-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-size:.78rem;color:rgba(243,236,220,.4);}

/* ===================================================================
   WINDOW 1 — новые секции (письмо Лео 14.06 «Блок 1 сайт»)
   Тихая роскошь · зелёный бархат + золото, Cormorant + Mulish. Без розового.
   =================================================================== */

/* Hero — пара CTA под слоганом */
.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:30px auto 2px;}
.hero__voice svg{width:18px;height:18px;flex:none;}

/* Центрированный призыв секции («Выбрать статус» / «Я хочу») */
.section__cta{display:flex;justify-content:center;margin-top:60px;}

/* §2 · Голос Маэстро */
.maestro{position:relative;z-index:2;padding:8px 0;}
.maestro__card{
  max-width:880px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;
  border:1px solid rgba(201,168,106,.26);border-radius:var(--r-card);
  background:linear-gradient(180deg,rgba(243,236,220,.06),rgba(243,236,220,.02));
  padding:34px 40px;box-shadow:var(--shadow-card);
  transition:border-color .5s ease,box-shadow .5s ease;
}
.maestro.is-flash .maestro__card{
  border-color:var(--gold);
  box-shadow:0 30px 70px -38px rgba(0,0,0,.8),0 0 0 1px rgba(201,168,106,.4),0 0 48px -8px rgba(201,168,106,.45);
}
.maestro__portrait{
  position:relative;width:148px;height:188px;flex:none;border-radius:12px;overflow:hidden;
  border:1px solid rgba(201,168,106,.5);box-shadow:0 18px 40px -22px rgba(0,0,0,.7);
}
.maestro__portrait img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(.2) contrast(1.04);}
.maestro__play{
  position:absolute;left:50%;bottom:12px;transform:translateX(-50%);
  width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(12,33,26,.6);border:1px solid rgba(201,168,106,.6);color:var(--cream);
}
.maestro__play svg{width:15px;height:15px;margin-left:2px;}
.maestro__kicker{display:block;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px;}
.maestro__speech{font-family:var(--f-serif);font-style:italic;font-size:clamp(1.16rem,2vw,1.46rem);line-height:1.5;color:var(--cream);margin:0;}
.maestro__sign{display:block;margin-top:16px;font-family:var(--f-sans);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,236,220,.6);font-weight:600;}

/* §3 · Суть курса */
.essence{position:relative;z-index:2;padding:72px 0 8px;}
.essence__text{max-width:62ch;margin:28px auto 0;text-align:center;color:rgba(243,236,220,.84);font-size:1.14rem;line-height:1.8;}
.essence__text b{color:var(--cream);}

/* §5 · Результаты участниц */
.results{position:relative;z-index:2;padding:84px 0 0;}
.results__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.result-col{border:1px solid rgba(201,168,106,.22);border-radius:var(--r-card);padding:30px 28px;
  background:linear-gradient(180deg,rgba(243,236,220,.05),rgba(243,236,220,.02));}
.result-col__no{font-family:var(--f-serif);font-style:italic;font-size:1.1rem;color:var(--gold-light);}
.result-col__name{font-family:var(--f-serif);font-size:1.34rem;color:var(--cream);margin:6px 0 20px;}
.result-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px;}
.result-list li{position:relative;padding-left:24px;color:rgba(243,236,220,.82);font-size:.96rem;line-height:1.5;}
.result-list li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;
  background:var(--gold-grad);box-shadow:0 0 0 3px rgba(201,168,106,.14);}

/* §6 · Дисклеймер (под результатами) */
.w1-disclaimer{max-width:780px;margin:52px auto 0;text-align:center;font-size:.8rem;line-height:1.6;color:rgba(243,236,220,.5);}
.w1-disclaimer b{color:rgba(243,236,220,.7);font-weight:600;}

/* §7 · Из писем участниц */
.letters{position:relative;z-index:2;padding:84px 0 0;}
.letters__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.letter-card{position:relative;border:1px solid rgba(201,168,106,.24);border-radius:var(--r-card);
  background:linear-gradient(180deg,rgba(243,236,220,.07),rgba(243,236,220,.03));padding:32px 32px 30px;overflow:hidden;}
.letter-card::before{content:"\201C";position:absolute;top:6px;left:20px;font-family:var(--f-serif);font-size:5rem;line-height:1;color:rgba(201,168,106,.3);}
.letter-card__text{position:relative;font-family:var(--f-serif);font-style:italic;font-size:1.18rem;line-height:1.55;color:rgba(243,236,220,.92);margin:16px 0 0;}
.letter-card__text q{quotes:none;}

/* §8 · Статусы — модель «членство + Mastery Module + Общая цена» */
.pack{position:relative;}
.pack__rows{display:flex;flex-direction:column;gap:0;margin:4px 0 16px;}
.pack__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(201,168,106,.16);}
.pack__row span{color:rgba(243,236,220,.74);font-size:.92rem;}
.pack__row b{font-family:var(--f-serif);font-size:1.32rem;color:var(--cream);font-weight:500;white-space:nowrap;}
.pack__row b i{font-style:normal;font-size:.78rem;color:rgba(243,236,220,.55);font-family:var(--f-sans);}
.pack__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px;}
.pack__total span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.pack__total b{font-family:var(--f-serif);font-size:2.5rem;color:var(--cream);font-weight:500;}
.pack--feature .pack__total b{color:#fff;}
.pack--reserve{position:relative;}
.pack__badge--reserve{
  background:#0E261C;color:var(--gold-light);border:1px solid rgba(201,168,106,.55);
  letter-spacing:.13em;padding:6px 15px;font-size:.6rem;
}
.packs__fines{max-width:880px;margin:28px auto 0;display:flex;flex-direction:column;gap:9px;}
.packs__fine{position:relative;margin:0;padding-left:18px;font-size:.78rem;line-height:1.55;color:rgba(243,236,220,.52);}
.packs__fine::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:rgba(201,168,106,.6);}
.packs__fine b{color:rgba(243,236,220,.72);font-weight:600;}

/* §9 · Подарить курс */
.gift{position:relative;z-index:2;padding:40px 0 0;}
.gift__card{max-width:880px;margin:36px auto 0;text-align:center;border-radius:var(--r-card);border:1px solid rgba(201,168,106,.3);
  background:linear-gradient(180deg,rgba(201,168,106,.12),rgba(201,168,106,.03));padding:48px 44px;}
.gift__lines{font-family:var(--f-serif);font-size:clamp(1.3rem,2.5vw,1.74rem);line-height:1.5;color:var(--cream);margin:0 auto 30px;max-width:40ch;}
.gift__lines span{display:block;}
.gift__lines .lead{color:var(--gold-light);}

/* §10 · Партнёрство */
.partner{position:relative;z-index:2;padding:72px 0 8px;}
.partner__card{max-width:860px;margin:30px auto 0;text-align:center;}
.partner__intro{color:rgba(243,236,220,.86);font-size:1.1rem;margin:0 auto 26px;max-width:52ch;}
.partner__formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:0 auto 28px;max-width:780px;}
.partner__formula .lbl{width:100%;margin-bottom:6px;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;}
.partner__formula > :is(span,button):not(.lbl){font-family:var(--f-serif);font-style:italic;font-size:1.12rem;color:var(--cream);border:1px solid rgba(201,168,106,.32);border-radius:var(--r-pill);padding:7px 18px;}
.partner__formula .dot{color:rgba(201,168,106,.7);font-style:normal;}
.partner__note{color:rgba(243,236,220,.66);font-size:.94rem;line-height:1.65;margin:0 auto;max-width:56ch;}
.partner__note b{color:var(--gold-light);font-weight:600;}

/* Адаптив новых секций окна 1 */
@media (max-width:900px){
  .maestro__card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;padding:30px 26px;}
  .results__grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;}
  .letters__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;}
}
@media (max-width:640px){
  .essence{padding-top:56px;}
  .results,.letters{padding-top:60px;}
  .partner{padding-top:56px;}
  .gift__card{padding:38px 24px;}
  .hero__cta{gap:10px;width:100%;}
  .hero__cta .btn{flex:1 1 auto;}
}

/* ---------------- Responsive ---------------- */
@media (max-width:980px){
  .win-hero__grid{grid-template-columns:1fr;gap:34px;}
  .win-hero--present .win-hero__grid{grid-template-columns:1fr;}
  .present-portrait img{aspect-ratio:3/4;}
  .film-strip__row{grid-auto-columns:minmax(200px,220px);}
  .dir-grid{grid-template-columns:repeat(2,1fr);}
  .proof-grid{grid-template-columns:repeat(3,1fr);}
  .site-foot__top{grid-template-columns:1fr 1fr;}
}
@media (max-width:860px){
  .brand__name{display:none;}
  .tabs{gap:6px;}
  .tab{flex-direction:column;width:auto;min-width:62px;padding:6px 9px;gap:3px;}
  .tab__txt{margin-left:0;align-items:center;text-align:center;}
  .tab__name{font-size:.68rem;letter-spacing:.02em;}
  .price-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto;}
  .pack--feature{order:-1;}
  .footnav__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  body{font-size:16px;}
  .section{padding:64px 0;}
  .wrap{padding:0 18px;}
  .trials__grid{grid-template-columns:1fr;}
  .dir-grid{grid-template-columns:1fr;}
  .proof-grid{grid-template-columns:1fr 1fr;}
  .win-hero{padding:60px 0 48px;}
  .win-hero__cta{gap:10px;}
  .win-hero__cta .btn{flex:1 1 auto;}
  .hero{padding:40px 18px 76px;}
  .hooks{padding:40px 24px;}
  .vip{grid-template-columns:1fr;text-align:center;}
  .vip__price{white-space:normal;}
  .bride{grid-template-columns:1fr;gap:26px;padding:30px 24px;}
  .bride__aside{align-items:flex-start;}
  .bride__price{align-items:flex-start;}
  .packs__note{padding:20px 22px;}
  .site-foot{padding:52px 0 36px;}
  .site-foot__top{grid-template-columns:1fr;gap:30px;}
  .site-foot__legal{flex-direction:column;gap:6px;}
  .footnav__grid{grid-template-columns:1fr;}
  .footnav{padding:38px 0 72px;}
  .footnav__head{padding-top:44px;margin-bottom:30px;}
  .site-head__in{padding:10px 14px;gap:10px;}
  .tabs{gap:7px;}
}

/* ---- Phones: tighten the header rail + guard hero overflow ---- */
@media (max-width:480px){
  /* keep the whole page from ever scrolling sideways */
  html,body{overflow-x:hidden;}
  .site-head__in{padding:9px 12px;gap:8px;}
  .brand__mark{width:34px;height:32px;}
  .tabs{gap:5px;}
  .tab{padding:6px 8px;}
  .tab__mark{height:30px;width:34px;}
  /* hero wordmark: одно неразрывное слово — держим внутри вьюпорта (правка 07.07) */
  .hero__brand{font-size:clamp(1.9rem,10.5vw,3.6rem);letter-spacing:.01em;max-width:100%;}
  .hero__emblem{width:238px;height:auto;}
  .hero__mark{width:100%;height:auto;}
  .hero__sound{font-size:.78rem;padding:9px 15px;line-height:1.4;}
  .trial-card__foot{flex-direction:column;align-items:flex-start;gap:14px;}
  .trial-card__foot .btn,
  .trial-card__foot .auth-cta{width:100%;}
  .trial-card__body{padding:22px 20px 22px;}
  .pack{padding:30px 24px;}
  .hooks{padding:34px 20px;}
  .pullquote{font-size:1.3rem;padding-left:20px;}
}

/* ---- Very small phones ---- */
@media (max-width:360px){
  .proof-grid{grid-template-columns:1fr;}
  .hero__words{font-size:1.05rem;gap:6px 12px;}
  .tab__mark{height:27px;width:30px;}
}


/* ===================================================================
   FLOATING AURAS — «живые ореолы» в герое окна 1
   Туман в покое прячет кадр; при наведении фото проявляется в рамке.
   =================================================================== */
.velvet{
  --aura-breath:0.15;   /* амплитуда «дыхания» */
  --aura-period:5s;     /* период дыхания */
  --aura-fog:5px;       /* лёгкая подблюренность кадра в покое */
  --aura-reveal:1.15s;  /* скорость рассеивания */
  --aura-glow:201 168 106; /* цвет свечения (gold) */
}
/* hero copy stays above the auras */
.hero > .wrap{position:relative;z-index:3;}

.aura{
  position:absolute;z-index:2;
  width:var(--w);height:var(--h);
  padding:0;border:0;background:none;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  animation:var(--sway,aura-sway-a) var(--float-dur,18s) ease-in-out var(--float-delay,0s) infinite;
}
.aura:focus-visible{outline:none;}

/* Wave-gated entrance: while the hero is animating, the auras stay invisible
   and each one only condenses into view once the slogan's ripple sweeps over it. */
.velvet.wave-armed .aura{opacity:0;}
.velvet.wave-armed .aura.wave-lit{
  animation:var(--sway,aura-sway-a) var(--float-dur,18s) ease-in-out infinite,
            aura-emerge 1.3s cubic-bezier(.22,.61,.36,1) forwards;
  animation-delay:var(--float-delay,0s), 0s;
}
@keyframes aura-emerge{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}

.aura__breath{
  position:absolute;z-index:0;left:50%;top:76%;
  width:84%;height:62%;
  border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,
      rgba(201,168,106,.62) 0%,rgba(201,168,106,.30) 42%,
      rgba(201,168,106,.09) 66%,transparent 78%);
  filter:blur(26px);
  opacity:.26;
  transform:translate(-50%,-50%);transform-origin:center;
  animation:aura-glow var(--cycle-dur,15s) ease-in-out var(--cycle-delay,0s) infinite;
  transition:opacity var(--aura-reveal) ease, filter var(--aura-reveal) ease;
  will-change:opacity;
}

.aura__frame{
  position:absolute;inset:0;z-index:1;
  border-radius:6px;overflow:hidden;
  border:1px solid rgba(201,168,106,0);box-shadow:none;
  opacity:1;transform:scale(1);
  transition:opacity var(--aura-reveal) ease,
             transform var(--aura-reveal) cubic-bezier(.22,.61,.36,1),
             border-color var(--aura-reveal) ease,
             box-shadow var(--aura-reveal) ease;
}
.aura__photo{
  position:absolute;inset:0;background-size:cover;background-position:center;
  filter:blur(var(--aura-fog)) saturate(.82) brightness(.84);
  transform:scale(1.06);
  transition:filter var(--aura-reveal) ease, transform var(--aura-reveal) cubic-bezier(.22,.61,.36,1);
  animation:aura-cycle var(--cycle-dur,15s) ease-in-out var(--cycle-delay,0s) infinite;
  will-change:filter,transform;
}
.aura__fog{
  position:absolute;z-index:2;inset:0;
  border-radius:6px;
  -webkit-mask:radial-gradient(72% 72% at 50% 50%,#000 0%,#000 32%,rgba(0,0,0,0) 80%);
          mask:radial-gradient(72% 72% at 50% 50%,#000 0%,#000 32%,rgba(0,0,0,0) 80%);
  opacity:.5;
  animation:aura-fogcycle var(--cycle-dur,15s) ease-in-out var(--cycle-delay,0s) infinite;
  transition:opacity var(--aura-reveal) ease;
}
.aura__fog::before{
  content:"";position:absolute;inset:-8%;
  background:
    radial-gradient(38% 30% at 28% 24%,rgba(243,236,220,.32),transparent 60%),
    radial-gradient(34% 28% at 74% 36%,rgba(222,233,226,.22),transparent 62%),
    radial-gradient(44% 36% at 60% 70%,rgba(206,222,212,.26),transparent 64%),
    radial-gradient(30% 26% at 30% 78%,rgba(243,236,220,.2),transparent 60%),
    radial-gradient(60% 56% at 50% 50%,rgba(122,176,150,.1),transparent 76%);
  filter:blur(8px);
  animation:aura-drift calc(var(--aura-period) * 1.6) ease-in-out infinite alternate;
}
.aura__cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:34px 14px 12px;
  /* synced to the photo's own focus cycle: the caption surfaces while the
     photo is sharp/active, then recedes with it (overridden on hover/open) */
  animation:aura-capcycle var(--cycle-dur,15s) ease-in-out var(--cycle-delay,0s) infinite;
  background:linear-gradient(to top,rgba(8,22,17,.86),transparent);
  display:flex;flex-direction:column;gap:3px;
  opacity:0;transform:translateY(8px);
  transition:opacity var(--aura-reveal) ease, transform var(--aura-reveal) ease;
}
.aura__cap b{font-family:var(--f-serif);font-size:1.02rem;font-weight:500;color:var(--cream);}
.aura__tag{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.06em;color:var(--gold-light);opacity:.8;}

.aura__hint{
  position:absolute;z-index:4;left:50%;top:50%;
  display:none;flex-direction:column;align-items:center;gap:7px;
  transform:translate(-50%,-50%);color:rgba(243,236,220,.9);
  animation:aura-eye 3.6s ease-in-out infinite;transition:opacity .4s ease;pointer-events:none;
}
.aura__hint::after{
  content:"наведите";font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,236,220,.72);
}

.aura:hover{z-index:6;}
.aura.is-open{z-index:6;}
.aura:focus-visible{z-index:6;outline:none;}
.aura__play{
  position:absolute;z-index:3;left:50%;top:50%;
  transform:translate(-50%,-50%) scale(.86);
  width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--cream);
  background:rgba(12,33,26,.5);border:1px solid rgba(201,168,106,.55);
  box-shadow:0 10px 26px -12px rgba(0,0,0,.8);
  opacity:0;transition:opacity .45s ease,transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none;
}
.aura__play svg{width:18px;height:18px;margin-left:2px;}
.aura:hover .aura__play,
.aura.is-open .aura__play,
.aura:focus-visible .aura__play{opacity:1;transform:translate(-50%,-50%) scale(1);}
.aura:hover .aura__photo,
.aura.is-open .aura__photo{animation:none;filter:blur(0) saturate(1) brightness(1.04);transform:scale(1);}
.aura:focus-visible .aura__photo{animation:none;filter:blur(0) saturate(1) brightness(1.04);transform:scale(1);}
.aura:hover .aura__fog,
.aura.is-open .aura__fog{animation:none;opacity:0;}
.aura:focus-visible .aura__fog{animation:none;opacity:0;}
.aura:hover .aura__frame,
.aura.is-open .aura__frame{opacity:1;transform:scale(1.04);border-color:rgba(201,168,106,.7);box-shadow:0 34px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(201,168,106,.25);}
.aura:focus-visible .aura__frame{opacity:1;transform:scale(1.04);border-color:rgba(201,168,106,.7);box-shadow:0 34px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(201,168,106,.25);}
.aura:hover .aura__breath,
.aura.is-open .aura__breath{animation:none;opacity:1;filter:blur(30px);}
.aura:focus-visible .aura__breath{animation:none;opacity:1;filter:blur(30px);}
.aura:hover .aura__cap,
.aura.is-open .aura__cap{animation:none;opacity:1;transform:translateY(0);}
.aura:focus-visible .aura__cap{animation:none;opacity:1;transform:translateY(0);}
.aura:hover .aura__hint,
.aura.is-open .aura__hint{opacity:0;}
.aura:focus-visible .aura__hint{opacity:0;}

@keyframes aura-breathe{
  0%   { transform:translate(-50%,-50%) scaleX(calc(1 - var(--aura-breath)))   scaleY(calc(1 + var(--aura-breath)*.6)); opacity:.82; }
  50%  { transform:translate(-50%,-50%) scaleX(calc(1 + var(--aura-breath)))   scaleY(calc(1 - var(--aura-breath)*.5)); opacity:1; }
  100% { transform:translate(-50%,-50%) scaleX(calc(1 - var(--aura-breath)))   scaleY(calc(1 + var(--aura-breath)*.6)); opacity:.82; }
}
/* Autonomous reveal: each photo slowly condenses into focus, then drifts back
   to a softly-blurred rest — desynced per aura via --cycle-dur / --cycle-delay. */
@keyframes aura-cycle{
  0%,100%{ filter:blur(var(--aura-fog)) saturate(.82) brightness(.84); transform:scale(1.07); }
  38%,64%{ filter:blur(0) saturate(1) brightness(1.04); transform:scale(1); }
}
@keyframes aura-glow{
  0%,100%{ opacity:.22; }
  38%,64%{ opacity:.82; }
}
@keyframes aura-fogcycle{
  0%,100%{ opacity:.5; }
  38%,64%{ opacity:0; }
}
@keyframes aura-capcycle{
  0%,100%{ opacity:0; transform:translateY(8px); }
  34%    { opacity:0; transform:translateY(8px); }
  40%,62%{ opacity:1; transform:translateY(0); }
  68%    { opacity:0; transform:translateY(8px); }
}
/* Sway: gentle drift on both axes + a slow ±13° tilt around the photo's centre. */
@keyframes aura-sway-a{
  0%   { translate:0 0;        rotate:-13deg; }
  25%  { translate:17px -13px; rotate:5deg; }
  50%  { translate:-11px -22px;rotate:14deg; }
  75%  { translate:9px -7px;   rotate:-4deg; }
  100% { translate:0 0;        rotate:-13deg; }
}
/* Clockwise-only sway: rotation stays positive (tilts right) so the photo never
   leans left and opens a gap. */
@keyframes aura-sway-cw{
  0%   { translate:0 0;        rotate:2deg; }
  25%  { translate:17px -13px; rotate:5.5deg; }
  50%  { translate:-11px -22px;rotate:9deg; }
  75%  { translate:9px -7px;   rotate:4deg; }
  100% { translate:0 0;        rotate:2deg; }
}
@keyframes aura-sway-b{
  0%   { translate:0 0;        rotate:12deg; }
  25%  { translate:-15px -9px; rotate:-6deg; }
  50%  { translate:13px -23px; rotate:-14deg; }
  75%  { translate:-10px -11px;rotate:6deg; }
  100% { translate:0 0;        rotate:12deg; }
}
@keyframes aura-drift{ 0%{transform:translate(-3%,-2%) scale(1.04);} 100%{transform:translate(3%,3%) scale(1.10);} }
@keyframes aura-eye{ 0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.94);} 50%{opacity:1;transform:translate(-50%,-50%) scale(1.05);} }

.aura--1{ --w:236px;--h:316px; left:7.5%;  top:11%;  --sway:aura-sway-cw; --float-dur:18s; --float-delay:-2s;  --cycle-dur:14s; --cycle-delay:-1s; }
.aura--2{ --w:172px;--h:230px; left:11.5%;   bottom:12%; --sway:aura-sway-b; --float-dur:22s; --float-delay:-11s; --cycle-dur:17s; --cycle-delay:-9s; }
.aura--3{ --w:190px;--h:256px; right:3%;   top:12%;  --sway:aura-sway-b; --float-dur:20s; --float-delay:-6s;  --cycle-dur:15s; --cycle-delay:-13s; }
.aura--4{ --w:224px;--h:296px; right:14%;  bottom:14%; --sway:aura-sway-a; --float-dur:24s; --float-delay:-15s; --cycle-dur:19s; --cycle-delay:-5s; }

.ph--a{background-image:
  repeating-linear-gradient(122deg,rgba(255,255,255,.05) 0 11px,transparent 11px 22px),
  radial-gradient(130% 120% at 50% 36%,transparent 42%,rgba(26,16,8,.6) 100%),
  radial-gradient(28% 22% at 50% 30%,#fbeedb 0%,transparent 70%),
  radial-gradient(64% 66% at 50% 74%,#f0d8b6 0%,#cfa877 52%,transparent 88%),
  linear-gradient(160deg,#e3c6a0,#bb9468);}
.ph--b{background-image:
  repeating-linear-gradient(122deg,rgba(255,255,255,.05) 0 11px,transparent 11px 22px),
  radial-gradient(130% 120% at 52% 40%,transparent 40%,rgba(28,20,8,.58) 100%),
  radial-gradient(70% 64% at 52% 40%,#f8ecc8 0%,#d6b677 46%,transparent 84%),
  linear-gradient(150deg,#e6cf95,#bd9a55);}
.ph--c{background-image:
  repeating-linear-gradient(122deg,rgba(255,255,255,.06) 0 11px,transparent 11px 22px),
  radial-gradient(130% 120% at 48% 36%,transparent 42%,rgba(16,20,18,.58) 100%),
  radial-gradient(26% 20% at 46% 28%,#f3f4f1 0%,transparent 72%),
  radial-gradient(64% 64% at 48% 74%,#dde1da 0%,#a9b1a8 50%,transparent 86%),
  linear-gradient(165deg,#cfd4cc,#969f97);}
.ph--d{background-image:
  repeating-linear-gradient(122deg,rgba(255,255,255,.05) 0 11px,transparent 11px 22px),
  radial-gradient(130% 120% at 50% 32%,transparent 36%,rgba(14,10,4,.66) 100%),
  radial-gradient(50% 44% at 50% 30%,#fbf0d6 0%,#dcbd7e 46%,transparent 80%),
  linear-gradient(170deg,#d6b87f,#9d7f4c);}

@media (max-width:1080px){
  .aura--2,.aura--3{display:none;}
  .aura--1{left:1.5%;top:9%;}
  .aura--4{right:1.5%;bottom:9%;}
}
@media (max-width:760px){ .aura{display:none;} }
/* ---------------- Auth modal (Создать аккаунт) ---------------- */
.auth-modal{
  position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  padding:24px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;
}
.auth-modal.is-open{opacity:1;visibility:visible;}
.auth-modal__scrim{
  position:absolute;inset:0;background:rgba(8,18,13,.62);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
/* X2-02 · подстраховка: без backdrop-filter (Safari iOS / слабый GPU)
   подложку затемняем плотнее, чтобы карточка регистрации не сливалась с фоном */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .auth-modal__scrim{background:rgba(8,18,13,.82);}
}
.auth-modal__card{
  position:relative;width:min(440px,100%);max-height:calc(100dvh - 48px);overflow:auto;
  background:linear-gradient(180deg,#FBF7EE,#F4EAD6);
  border:1px solid rgba(201,168,106,.5);border-radius:22px;
  box-shadow:0 40px 90px -34px rgba(20,12,6,.7),inset 0 1px 0 rgba(255,255,255,.7);
  padding:38px 34px 32px;
  transform:translateY(16px) scale(.98);transition:transform .32s cubic-bezier(.2,.7,.2,1);
}
.auth-modal.is-open .auth-modal__card{transform:translateY(0) scale(1);}
.auth-modal__close{
  position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(110,90,54,.08);border:1px solid var(--hair);color:var(--ink-2);
  transition:background .2s,color .2s,transform .2s;
}
.auth-modal__close:hover{background:rgba(110,90,54,.16);color:var(--ink);transform:rotate(90deg);}
.auth-modal__close svg{width:17px;height:17px;}
.auth-modal__eyebrow{
  font-family:var(--f-sans);font-size:.7rem;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;color:var(--gold-deep);
}
.auth-modal__title{font-family:var(--f-serif);font-size:1.95rem;color:var(--ink);margin:9px 0 6px;line-height:1.08;}
.auth-modal__lead{font-size:.92rem;color:var(--ink-3);line-height:1.5;margin:0 0 24px;}
.auth-form{display:flex;flex-direction:column;gap:17px;}
.auth-field{display:flex;flex-direction:column;gap:7px;}
.auth-field__label{
  font-family:var(--f-sans);font-size:.74rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--bronze);
}
.auth-field__input,.auth-field__select{
  font-family:var(--f-sans);font-size:.98rem;color:var(--ink);
  background:rgba(255,255,255,.66);border:1px solid rgba(110,90,54,.28);border-radius:12px;
  padding:13px 15px;min-height:50px;width:100%;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.auth-field__input::placeholder{color:rgba(122,110,92,.62);}
.auth-field__input:focus,.auth-field__select:focus{
  outline:none;border-color:var(--gold-deep);background:#fff;
  box-shadow:0 0 0 3px rgba(201,168,106,.22);
}
.auth-field__select{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9854A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:16px;padding-right:42px;
}
.auth-form__submit{
  margin-top:6px;width:100%;display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--f-sans);font-weight:600;font-size:1rem;letter-spacing:.02em;
  min-height:54px;border:0;border-radius:var(--r-pill);cursor:pointer;color:#2A2112;
  background:var(--gold-grad);
  box-shadow:0 14px 30px -14px rgba(169,133,74,.9),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .25s,box-shadow .25s;
}
.auth-form__submit:hover{transform:translateY(-2px);box-shadow:0 20px 38px -14px rgba(169,133,74,1),inset 0 1px 0 rgba(255,255,255,.55);}
.auth-modal__fine{font-size:.76rem;color:var(--ink-3);text-align:center;margin:16px 0 0;line-height:1.45;}
.auth-modal__done{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:8px 0 4px;}
.auth-modal.is-success .auth-form,.auth-modal.is-success .auth-modal__lead,.auth-modal.is-success .auth-modal__eyebrow,.auth-modal.is-success .auth-modal__title{display:none;}
.auth-modal.is-success .auth-modal__done{display:flex;}
.auth-modal__seal{
  width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--gold-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.auth-modal__seal svg{width:30px;height:30px;stroke:#2A2112;}
.auth-modal__done h3{font-family:var(--f-serif);font-size:1.5rem;color:var(--ink);}
.auth-modal__done p{font-size:.92rem;color:var(--ink-3);margin:0;}
@media (max-width:480px){
  .auth-modal__card{padding:34px 22px 26px;border-radius:18px;}
  .auth-modal__title{font-size:1.7rem;}
}

@media (prefers-reduced-motion:reduce){
  .aura,.aura__breath,.aura__fog,.aura__hint{animation:none!important;}
  .auth-modal,.auth-modal__card,.auth-modal__close{transition:none!important;}
  .aura__breath{transform:translate(-50%,-50%);}
}

/* ===================================================================
   ПРАВКИ 29.06 — зеркала-адаптив, LVG-закладки, статусы (Блок 1),
   «Результаты», отзывы-паттерн, формула партнёрства, видео-модал.
   =================================================================== */

/* — §7 Hero на всю высоту экрана (десктоп/ноутбук) — */
@media (min-width:901px){
  #w1 .hero{
    min-height:calc(100vh - var(--head-h,72px));
    min-height:calc(100svh - var(--head-h,72px));
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    box-sizing:border-box;
    padding-top:clamp(20px,4vh,64px);
    padding-bottom:clamp(16px,3vh,40px);
  }
  #w1 .hero > .wrap{width:100%;}

  /* §7 — hero всегда помещается в один экран: вертикально-текучие размеры,
     которые плавно ужимаются по ВЫСОТЕ окна (без скачка на брейкпоинте 840px,
     из-за которого часть hero раньше уходила под сгиб). */
  #w1 .hero__emblem{
    width:clamp(180px, min(20vw, 30vh), 262px);
    height:auto;margin-bottom:clamp(10px,2.2vh,22px);
  }
  #w1 .hero__mark{width:100%;height:auto;}
  #w1 .hero__words{
    font-size:clamp(1.05rem, min(2.6vw,2.5vh), 1.7rem);
    margin-bottom:clamp(8px,1.7vh,18px);
  }
  #w1 .hero__brand{
    font-size:clamp(2.6rem, min(7.6vw,7.4vh), 5.6rem);
    margin-bottom:clamp(8px,1.5vh,16px);
  }
  #w1 .hero__sub{
    font-size:clamp(0.98rem, min(1.3vw,1.7vh), 1.12rem);
    margin-bottom:clamp(12px,2.8vh,36px);
  }
  #w1 .hero__slogan{margin-bottom:clamp(8px,1.5vh,14px);}
  #w1 .hero__slogan__line{
    font-size:clamp(1.5rem, min(4.6vw,4.5vh), 3.1rem);
  }
  #w1 .hero__cta{margin:clamp(12px,2.4vh,24px) auto 2px;}
  #w1 .hero__sound{margin-top:clamp(4px,1vh,10px);}
}
.hero__cta{margin:24px auto 2px;}

/* §7 — очень низкие окна (≤720px): дополнительно поджимаем эмблему и отступы,
   чтобы слоган и кнопка гарантированно оставались в первом экране. */
@media (min-width:901px) and (max-height:720px){
  #w1 .hero{padding-top:clamp(12px,2.5vh,20px);padding-bottom:clamp(10px,2vh,16px);}
  #w1 .hero__emblem{width:clamp(150px, 24vh, 210px);margin-bottom:clamp(6px,1.4vh,12px);}
  #w1 .hero__words{margin-bottom:clamp(4px,1vh,10px);}
  #w1 .hero__brand{margin-bottom:clamp(4px,1vh,10px);}
  #w1 .hero__sub{margin-bottom:clamp(8px,1.6vh,16px);}
  #w1 .hero__slogan{margin-bottom:clamp(6px,1.2vh,12px);}
}
/* средние десктопы: разводим зеркала к краям и чуть уменьшаем, чтобы не задевали текст */
@media (min-width:901px) and (max-width:1200px){
  .egg{width:150px;height:194px;}
  .egg--1,.egg--2{--x:10.5%;}
  .egg--3,.egg--4{--x:89.5%;}
  .egg--1,.egg--3{--y:31%;}
  .egg--2,.egg--4{--y:74%;}
}
/* низкие экраны: зеркала компактнее, чтобы hero помещался в один экран */
@media (min-width:901px) and (max-height:820px){
  .egg{width:138px;height:178px;}
  .egg.is-quote{--qw:288px;--qh:230px;}
}

/* — §6 LVG-закладки Прошлое / Настоящее / Будущее — единый бежево-золотой тон + баланс размеров — */
/* Логотипы перекрашены в один бренд-золотой #C9A86A (assets/logo-*-tab.png); цветовые
   фильтры убраны, поэтому все три читаются в одной гамме — только мягкая тень. */
.tab__mark{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.38));
}
.tab[data-goto="w2"] .tab__mark{height:50px;width:60px;}   /* Настоящее — самый крупный */
.tab[data-goto="w4"] .tab__mark{height:33px;width:33px;}   /* Будущее (LVG) — видимая высота 33px */
.tab[data-goto="w3"] .tab__mark{height:33px;width:68px;}   /* Прошлое (VE) — та же видимая высота; бокс шире из-за подписи */
.tab[data-goto="w2"]{border-color:rgba(201,168,106,.5);}   /* «настоящее» — чуть акцентнее */
/* Прошлое и Будущее: логотипы ниже, чем у «Настоящего», — добираем высоту пилюли
   вертикальными отступами, чтобы все три кнопки были одной высоты. */
.tab[data-goto="w3"],
.tab[data-goto="w4"]{padding-top:11.5px;padding-bottom:11.5px;}

/* — §8 центрированные призывы (плотный вариант) + кнопка речи — */
.section__cta--tight{margin-top:32px;}
.maestro__cta{margin-top:22px;}
.maestro__cta .btn{
  min-height:48px;padding:12px 28px;gap:11px;
  font-size:.92rem;white-space:nowrap;
  color:var(--gold-light);border-color:rgba(201,168,106,.5);
  background:linear-gradient(180deg,rgba(201,168,106,.12),rgba(201,168,106,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.maestro__cta .btn svg{width:18px;height:18px;flex:none;}
.maestro__cta .btn:hover{
  border-color:var(--gold);color:#fff;
  background:linear-gradient(180deg,rgba(201,168,106,.2),rgba(201,168,106,.08));
  box-shadow:0 14px 30px -18px rgba(201,168,106,.7),inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateY(-1px);
}
@media (max-width:900px){ .maestro__cta{display:flex;justify-content:center;} }

/* — §12 «Результаты» — золото/зелёный + образы — */
.results--rich .results__grid{margin-top:6px;}
.results__mood{
  position:relative;margin:6px 0 40px;height:158px;border-radius:var(--r-card);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(201,168,106,.4);
  background:
    repeating-linear-gradient(135deg,rgba(201,168,106,.09) 0 14px,transparent 14px 28px),
    linear-gradient(180deg,#173A2A,#0C211A);
}
.results__mood::after{
  content:"";position:absolute;inset:10px;border:1px solid rgba(201,168,106,.34);
  border-radius:calc(var(--r-card) - 6px);pointer-events:none;
}
.results__mood-tag{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(243,236,220,.6);border:1px dashed rgba(201,168,106,.42);border-radius:8px;
  padding:8px 15px;background:rgba(8,20,14,.45);
}
.results--rich .result-col{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(23,54,40,.62),rgba(14,38,28,.34));
  border-color:rgba(201,168,106,.3);
}
.results--rich .result-col::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-grad);opacity:.85;
}
.results--rich .result-col--2{background:linear-gradient(180deg,rgba(201,168,106,.15),rgba(20,49,36,.4));}
.results--rich .result-col__no{font-size:1.9rem;color:var(--gold-light);}
.results--rich .result-col__name{color:#fff;}
.results--rich .result-list li::before{background:var(--gold-grad);box-shadow:0 0 0 3px rgba(201,168,106,.18);}
.results--rich .maestro{margin-top:46px;}
@media (max-width:640px){ .results__mood{height:120px;} }

/* — §13 «Из писем участниц» — фоновый паттерн (вензель/решётка) — */
.letters--pattern{position:relative;}
.letters--pattern::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:
    radial-gradient(circle at 12% 16%,rgba(201,168,106,.12),transparent 22%),
    radial-gradient(circle at 88% 84%,rgba(201,168,106,.10),transparent 24%),
    repeating-linear-gradient(45deg,rgba(201,168,106,.05) 0 1px,transparent 1px 28px),
    repeating-linear-gradient(-45deg,rgba(201,168,106,.05) 0 1px,transparent 1px 28px);
  -webkit-mask:radial-gradient(115% 55% at 50% 50%,#000 30%,transparent 86%);
          mask:radial-gradient(115% 55% at 50% 50%,#000 30%,transparent 86%);
}
.letters--pattern .wrap{position:relative;z-index:1;}

/* — §14 «Партнёрство» — формула со стрелками и нарастающим размером — */
.partner__formula--grow{gap:10px 12px;}
.partner__formula--grow .arr{color:var(--gold);font-style:normal;font-size:1.5rem;align-self:center;}
.partner__formula--grow .grow{line-height:1.08;}
.partner__formula--grow .grow.grow--1{font-size:1rem;padding:7px 15px;}
.partner__formula--grow .grow.grow--2{font-size:1.32rem;padding:8px 17px;}
.partner__formula--grow .grow.grow--3{font-size:1.78rem;padding:9px 20px;}
.partner__formula--grow .grow.grow--4{
  font-size:clamp(2rem,4.2vw,3rem);padding:10px 24px;color:#fff;border-color:var(--gold);
  background:linear-gradient(180deg,rgba(201,168,106,.18),rgba(201,168,106,.04));
  box-shadow:0 18px 40px -26px rgba(201,168,106,.9);
}
/* «Предлагает продукт» — светящаяся рабочая кнопка (ведёт в кабинет) */
.partner__formula--grow .grow--4.partner__cta{
  appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;
  transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease;
  animation:ogPartnerGlow 3s ease-in-out infinite;
}
.partner__formula--grow .grow--4.partner__cta:hover{
  transform:translateY(-3px);
  background:linear-gradient(180deg,rgba(201,168,106,.38),rgba(201,168,106,.12));
}
.partner__formula--grow .grow--4.partner__cta:active{transform:translateY(-1px);}
.partner__formula--grow .grow--4.partner__cta:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px;}
@keyframes ogPartnerGlow{
  0%,100%{box-shadow:0 18px 40px -26px rgba(201,168,106,.9),0 0 18px 1px rgba(201,168,106,.22);}
  50%{box-shadow:0 22px 50px -22px rgba(201,168,106,1),0 0 42px 9px rgba(201,168,106,.58);}
}
@media (prefers-reduced-motion:reduce){
  .partner__formula--grow .grow--4.partner__cta{animation:none;box-shadow:0 18px 40px -26px rgba(201,168,106,.9),0 0 28px 4px rgba(201,168,106,.42);}
  .partner__formula--grow .grow--4.partner__cta:hover{transform:none;}
}
@media (max-width:640px){
  .partner__formula--grow{flex-direction:column;}
  .partner__formula--grow .arr{transform:rotate(90deg);}
}

/* — §11 статусы: заголовок «всё из…», награда Кубок «GRACE» — */
.pack__more{font-family:var(--f-sans)!important;font-size:.7rem!important;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-light);padding-left:0!important;margin-bottom:2px;}
.pack__more::before{display:none!important;}
.pack__reward{align-items:baseline;}
.pack__reward-cup{color:var(--gold-light);font-weight:600;}
.li-tag--award{background:var(--gold-grad);color:#2A2112;border-color:transparent;}

/* — §14 · Статусы (25.08): евро, скидка на членство, «Сегодня к оплате», возврат — */
.packs__start{margin:14px 0 0;text-align:center;font-size:.86rem;color:rgba(243,236,220,.6);}
.packs__start b{color:var(--gold-light);font-weight:600;}

/* Плашка скидки + таймер */
.promo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 26px;
  max-width:720px;margin:0 auto 38px;padding:15px 34px;border-radius:var(--r-pill);
  border:1px solid rgba(201,168,106,.42);
  background:linear-gradient(180deg,rgba(201,168,106,.17),rgba(201,168,106,.045));
  box-shadow:inset 0 1px 0 rgba(255,247,225,.09);}
.promo__text{display:flex;align-items:baseline;gap:12px;margin:0;font-size:1.02rem;color:rgba(243,236,220,.84);}
.promo__text b.promo__off{font-family:var(--f-serif);font-size:1.76rem;line-height:1;font-weight:500;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.promo__text b{color:var(--cream);font-weight:600;}
.promo__timer{display:flex;align-items:flex-start;gap:10px;padding-left:26px;border-left:1px solid rgba(201,168,106,.3);}
.promo__timer .tu{display:flex;flex-direction:column;align-items:center;min-width:46px;}
.promo__timer .tu b{font-family:var(--f-serif);font-size:1.5rem;line-height:1;color:var(--cream);
  font-weight:500;font-variant-numeric:tabular-nums;}
.promo__timer .tu i{margin-top:5px;font-style:normal;font-size:.6rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gold);}
.promo__timer .tsep{color:rgba(201,168,106,.5);font-size:1.2rem;line-height:1.1;}
.promo.is-over .promo__timer{display:none;}

/* Денежная зона карточки — вариант «Чек» (выбран 25.08):
   строки расклада с точками-выноской → черта → ОДНА крупная цифра «Сегодня к оплате»
   → «Весь путь» справочной плашкой. Правило: одна крупная цифра на карточку. */
.pay{display:flex;flex-direction:column;margin-bottom:26px;}
.pay__break{border:1px solid rgba(201,168,106,.2);border-radius:16px;background:rgba(12,33,26,.32);padding:4px 16px 10px;}
.pay__break-cap{display:block;padding:10px 0 8px;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(201,168,106,.8);}
.pay__break .pay__line{border-top:1px solid rgba(201,168,106,.14);}
.pay__break .pay__line:first-of-type{border-top:0;}
.pay__break .pay__meta{margin-top:-3px;padding-bottom:9px;}
.pay__line{display:flex;align-items:baseline;gap:10px;padding:11px 0;}
.pay__line + .pay__line{border-top:1px solid rgba(201,168,106,.14);}
.pay__what{color:rgba(243,236,220,.75);font-size:.86rem;line-height:1.45;white-space:nowrap;}
.pay__dots{flex:1;min-width:14px;border-bottom:1px dotted rgba(201,168,106,.35);transform:translateY(-.28em);}
.pay__val{display:flex;align-items:baseline;gap:7px;white-space:nowrap;}
.pay__val b{font-family:var(--f-serif);font-size:1.12rem;color:var(--cream);font-weight:500;}
.pay__val s{font-family:var(--f-serif);font-size:.94rem;color:rgba(243,236,220,.42);
  text-decoration-color:rgba(201,168,106,.7);}
.pay__meta{display:flex;align-items:center;gap:9px;margin:-4px 0 0;padding-bottom:11px;}
.pay__off{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-pill);line-height:1.3;
  background:var(--gold-grad);color:#2A2112;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.pay__till{font-size:.72rem;letter-spacing:.08em;color:var(--gold);white-space:nowrap;}
.pay__till b{color:var(--gold-light);font-weight:600;}
.pay__sum{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 16px;
  margin:0 0 20px;padding-bottom:17px;border-bottom:1px solid rgba(201,168,106,.45);}
.pay__sum-l{display:flex;flex-direction:column;gap:4px;}
.pay__cap{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600;white-space:nowrap;}
.pay__sub{font-size:.84rem;color:rgba(243,236,220,.6);}
.pay__sum-l{flex:1 1 auto;}
.pay__sum .price{font-family:var(--f-serif);font-size:clamp(2rem,2.9vw,2.6rem);line-height:1;
  color:var(--cream);font-weight:500;margin-left:auto;white-space:nowrap;}
.pack--feature .pay__sum .price{color:#fff;}
.pack--feature .pay__sum{border-bottom-color:rgba(201,168,106,.62);}
.pay__whole{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;
  margin:14px 0 0;padding:11px 15px;border-radius:14px;background:rgba(12,33,26,.32);}
.pay__whole > span{font-size:.78rem;color:rgba(243,236,220,.58);}
.pay__whole s{font-family:var(--f-serif);font-size:.9rem;color:rgba(243,236,220,.4);
  text-decoration-color:rgba(201,168,106,.6);}
.pay__whole b{font-family:var(--f-serif);font-size:1.02rem;color:var(--gold-light);font-weight:500;}
.pack--vip{position:relative;}
.pack__badge--vip{background:#0E261C;color:var(--gold-light);border:1px solid rgba(201,168,106,.55);
  letter-spacing:.22em;padding:6px 17px;font-size:.62rem;}
.li-note{display:block;margin-top:3px;font-size:.78rem;line-height:1.45;color:rgba(243,236,220,.55);}

/* Гарантия возврата */
.refund{display:flex;align-items:center;gap:22px;max-width:880px;margin:34px auto 0;padding:20px 26px;
  border:1px solid rgba(201,168,106,.28);border-radius:var(--r-card);
  background:linear-gradient(180deg,rgba(243,236,220,.055),rgba(243,236,220,.02));}
.refund__seal{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:66px;height:66px;border-radius:50%;border:1px solid rgba(201,168,106,.55);
  box-shadow:inset 0 0 0 4px rgba(201,168,106,.09);
  font-family:var(--f-serif);font-size:1.44rem;line-height:1;color:var(--gold-light);}
.refund__seal i{font-style:normal;font-family:var(--f-sans);font-size:.5rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);margin-top:3px;}
.refund__text{margin:0;font-size:.96rem;line-height:1.62;color:rgba(243,236,220,.8);}
.refund__text b{color:var(--gold-light);font-weight:600;}

/* «Как устроен статус» — три абзаца */
.packs__note{max-width:820px;}
.packs__note p{margin:0;text-align:left;}
.packs__note p + p{margin-top:12px;}

/* Планшет: три колонки уже не держат «чек» — nowrap-подписи отпускаем,
   чтобы треки сжимались и карточки не вылезали за секцию. */
@media (max-width:1100px){
  .pay__what,.pay__cap{white-space:normal;}
  .pay__break{padding:4px 13px 9px;}
  .pay__line{flex-wrap:wrap;gap:4px 8px;}
  .pay__dots{min-width:8px;}
}
@media (max-width:860px){
  /* мобайл: порядок карточек 1 → 2 → 3 (перекрываем прежний order:-1 у «Популярен») */
  .pack--feature{order:0;}
  .pay__what,.pay__cap{white-space:nowrap;}
}
@media (max-width:640px){
  .promo{flex-direction:column;gap:14px;padding:16px 22px;border-radius:22px;width:100%;}
  .promo__text{justify-content:center;flex-wrap:wrap;text-align:center;}
  .promo__timer{width:100%;justify-content:center;padding-left:0;padding-top:13px;
    border-left:0;border-top:1px solid rgba(201,168,106,.26);}
  .pay__sum .price{font-size:2.5rem;}
  .refund{flex-direction:column;text-align:center;gap:15px;padding:22px 20px;}
  .packs__note p{text-align:center;}
}
@media (max-width:420px){
  .promo__timer .tu--min,.promo__timer .tsep--min{display:none;}
  .pay__sum{flex-direction:column;align-items:flex-start;gap:8px;}
}

/* Цифры в блоке статусов — прописные (lining) и табличные: Cormorant по умолчанию
   даёт минускульные («1» как i, «0/5» с выносами), из-за чего цены выглядят неровно. */
.price,.pack__name,#packs .section__title,.pack__row b,.pay__val s,.pay__val b,
.pay__whole s,.pay__whole b,.pack__total b,.pack__price b,.trial-card__price b,
.promo__timer .tu b,.promo__text b.promo__off{
  font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;
}

/* — Видео-интервью: центрированный затемнённый плеер — */
.video-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;
  padding:24px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;}
.video-modal.is-open{opacity:1;visibility:visible;}
.video-modal__scrim{position:absolute;inset:0;background:rgba(6,14,10,.74);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .video-modal__scrim{background:rgba(6,14,10,.9);}
}
.video-modal__card{position:relative;width:min(780px,100%);color:var(--cream);
  background:linear-gradient(180deg,#12241C,#0C1A14);border:1px solid rgba(201,168,106,.42);
  border-radius:20px;box-shadow:0 50px 100px -40px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);
  padding:24px 24px 28px;transform:translateY(16px) scale(.98);
  transition:transform .32s cubic-bezier(.2,.7,.2,1);}
.video-modal.is-open .video-modal__card{transform:none;}
.video-modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:var(--cream);
  background:rgba(243,236,220,.08);border:1px solid rgba(201,168,106,.4);transition:background .2s,transform .2s;}
.video-modal__close:hover{background:rgba(243,236,220,.16);transform:rotate(90deg);}
.video-modal__close svg{width:17px;height:17px;}
.video-modal__eyebrow{font-family:var(--f-sans);font-size:.7rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gold);}
.video-modal__title{font-family:var(--f-serif);font-size:1.7rem;color:var(--cream);margin:6px 0 16px;}
.video-modal__player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  border:1px solid rgba(201,168,106,.3);display:flex;align-items:center;justify-content:center;
  transition:opacity .4s ease;
  background:
    repeating-linear-gradient(135deg,rgba(243,236,220,.05) 0 14px,transparent 14px 28px),
    radial-gradient(120% 120% at 50% 40%,rgba(21,53,38,.9),#0A1710);}
.video-modal__frame-label{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(243,236,220,.52);border:1px dashed rgba(243,236,220,.3);padding:6px 12px;border-radius:8px;
  transition:opacity .3s ease;}
.video-modal__play{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--cream);background:rgba(12,33,26,.55);border:1px solid rgba(201,168,106,.6);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.8);transition:transform .25s,background .25s,opacity .3s;}
.video-modal__play:hover{transform:scale(1.06);background:rgba(201,168,106,.22);}
.video-modal__play svg{width:26px;height:26px;margin-left:3px;}
.video-modal__bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(243,236,220,.14);opacity:0;transition:opacity .3s;}
.video-modal__bar i{display:block;height:100%;width:0;background:var(--gold-grad);}
.video-modal.is-playing .video-modal__play{opacity:0;pointer-events:none;}
.video-modal.is-playing .video-modal__frame-label{opacity:0;}
.video-modal.is-playing .video-modal__bar{opacity:1;}
.video-modal.is-playing .video-modal__bar i{animation:vid-progress 2.6s linear forwards;}
@keyframes vid-progress{from{width:0;}to{width:100%;}}
.video-modal__after{display:none;margin-top:18px;text-align:center;}
.video-modal.is-ended .video-modal__after{display:block;}
.video-modal.is-ended .video-modal__player{opacity:.42;}
.video-modal__after-note{color:rgba(243,236,220,.82);font-family:var(--f-serif);font-style:italic;
  font-size:1.16rem;margin:0 auto 16px;max-width:44ch;}
@media (max-width:520px){.video-modal__title{font-size:1.4rem;}.video-modal__card{padding:20px 18px 24px;}}
@media (prefers-reduced-motion:reduce){
  .video-modal,.video-modal__card,.video-modal__close,.video-modal__play{transition:none!important;}
  .video-modal.is-playing .video-modal__bar i{animation:none;width:100%;}
}

/* ============================================================
   МОБИЛЬНЫЙ АДАПТИВ ШАПКИ · правка 07.07
   Идёт ПОСЛЕДНИМ в файле, чтобы перекрыть §6 (там марки логотипов
   заданы селекторами .tab[data-goto="w2"]… без media — на телефоне они
   распирали шапку: «Настоящее» 50px против 33px у остальных → 97px высоты
   и разнобой. Здесь выравниваем все три марки и поджимаем пилюли. */
@media (max-width:860px){
  .site-head__in{gap:10px;}
  .tabs{gap:6px;}
  .tab{flex-direction:column;width:auto;min-width:58px;padding:6px 9px 5px;gap:3px;}
  .tab__txt{margin-left:0;align-items:center;text-align:center;}
  .tab__name{font-size:.64rem;letter-spacing:.02em;}
  /* все три марки — одной высоты, компактно */
  .site-head .tab .tab__mark,
  .site-head .tab[data-goto="w2"] .tab__mark,
  .site-head .tab[data-goto="w3"] .tab__mark,
  .site-head .tab[data-goto="w4"] .tab__mark{ height:26px; width:auto; }
  .site-head .tab[data-goto="w3"],
  .site-head .tab[data-goto="w4"]{ padding-top:6px; padding-bottom:5px; }
}
@media (max-width:480px){
  .tabs{gap:5px;}
  .tab{min-width:52px;padding:5px 7px 4px;}
  .site-head .tab .tab__mark,
  .site-head .tab[data-goto="w2"] .tab__mark,
  .site-head .tab[data-goto="w3"] .tab__mark,
  .site-head .tab[data-goto="w4"] .tab__mark{ height:23px; }
  .tab__name{font-size:.6rem;}
}