/* =====================================================================
   Наталья Ращепкина — психолог · врач-невролог
   Botanical editorial: layered gradients + sage glow за прозрачным
   портретом (WebP alpha), без скрима — фигура сидит на живом фоне.
   ===================================================================== */

/* ---------- Токены ---------- */
:root{
  --forest-900:#16251D;
  --forest-700:#2B4336;
  --sage-500:#5E715E;
  --haze-500:#7B8870;
  --cream-100:#E8E0D4;
  --cream-50:#F1ECE3;
  --brass-500:#B58A58;
  --brass-300:#CFAB7C;
  --ink-900:#2A241E;
  --hairline-dark:rgba(207,171,124,.35);
  --hairline-light:rgba(70,86,62,.25);

  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Golos Text",Arial,Helvetica,sans-serif;

  --step:8px;
  --container:1240px;
  --measure:640px;
  --section-pad:clamp(88px,9vw,150px);

  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset / база ---------- */
*,*::before,*::after{box-sizing:border-box;}
/* scroll-behavior:auto (не smooth) — чтобы ранний reset scrollTo(0,0) не
   анимировался; плавная якорная навигация делается точечно в main.js.
   overflow-anchor:none — против scroll-anchoring при подгрузке шрифтов на iOS. */
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;overflow-anchor:none;}
body{
  margin:0;
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  color:var(--ink-900);
  background:var(--forest-900);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,p,ul,ol{margin:0;}
ul,ol{list-style:none;padding:0;}
button{font:inherit;color:inherit;cursor:pointer;}

.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:clamp(24px,5vw,64px);
}

/* ---------- Типографика ---------- */
.h2{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(36px,4.5vw,64px);
  line-height:1.08;
  letter-spacing:-.01em;
  color:var(--ink-900);
  max-width:16ch;
}
.h2--onforest{color:var(--cream-50);}

.kicker{
  font-family:var(--sans);
  font-weight:500;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--brass-500);
  margin-bottom:clamp(20px,2.6vw,32px);
}
.kicker--brass{color:var(--brass-300);}

.lead{
  font-size:20px;
  line-height:1.5;
  color:var(--ink-900);
  max-width:var(--measure);
}
.lead--onforest{color:rgba(241,236,227,.8);}

.prose p{max-width:var(--measure);margin-bottom:1.1em;}
.prose p:last-child{margin-bottom:0;}

.arrow{display:inline-block;transition:transform .2s var(--ease);}

/* ---------- Секции ---------- */
.section{padding-block:var(--section-pad);}
.section--cream{background:var(--cream-100);color:var(--ink-900);}
.section--forest{background:radial-gradient(120% 140% at 50% 35%,#22352A 0%,#16251D 80%);color:var(--cream-50);}
.section--forest7{background:radial-gradient(110% 130% at 50% 0%,#2B4336 0%,#16251D 95%);color:var(--cream-50);}

.section-head{margin-bottom:clamp(48px,6vw,80px);}
.section-head .h2{margin-top:0;margin-bottom:clamp(24px,3vw,36px);}

/* ---------- Кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--sans);font-weight:500;font-size:16px;
  min-height:52px;padding:0 26px;border-radius:6px;
  border:1px solid transparent;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
}
.btn-primary{background:var(--brass-500);color:var(--forest-900);}
.btn-primary:hover{background:var(--brass-300);}
.btn-ghost{
  background:transparent;color:currentColor;
  border-color:currentColor;min-height:44px;padding:0 20px;font-size:15px;
}
.btn-ghost:hover{background:rgba(207,171,124,.14);}

.btn-textlink{
  display:inline-flex;align-items:center;gap:.5em;
  min-height:44px;font-weight:500;color:var(--brass-300);
}
.btn-textlink--ink{color:var(--brass-500);}
.btn-textlink:hover .arrow{transform:translateX(4px);}

/* =====================================================================
   ХЕДЕР
   ===================================================================== */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:transparent;
  border-bottom:1px solid transparent;
  padding-top:env(safe-area-inset-top);
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
.site-header.is-scrolled{
  background:var(--forest-900);
  border-bottom:1px solid var(--hairline-dark);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:76px;
}
.brand{display:inline-flex;align-items:center;gap:14px;color:var(--cream-50);}
.brand-mark{display:inline-flex;}
.brand-mark img{display:block;width:auto;height:38px;}
.brand-name{display:flex;flex-direction:column;line-height:1.15;}
.brand-name-main{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--cream-50);}
.brand-name-sub{font-size:12px;letter-spacing:.04em;color:rgba(241,236,227,.7);}

.site-nav{display:flex;gap:clamp(18px,2.4vw,34px);}
.site-nav a{
  font-size:15px;color:rgba(241,236,227,.82);position:relative;padding:6px 0;
  transition:color .2s var(--ease);
}
.site-nav a:hover{color:var(--cream-50);}

.header-cta{color:var(--cream-50);}

/* =====================================================================
   HERO
   Портрет — вырезанная фигура (WebP с альфой) поверх живого градиентного
   фона. Без скрима: прозрачность самого файла делает переход естественным.
   ===================================================================== */
.hero{
  position:relative;
  min-height:100svh;
  background:
    radial-gradient(70% 65% at 78% 55%, rgba(94,113,94,.55) 0%, rgba(94,113,94,0) 62%),
    radial-gradient(90% 70% at 88% 85%, rgba(181,138,88,.20) 0%, rgba(181,138,88,0) 60%),
    radial-gradient(120% 90% at 10% 15%, rgba(123,136,112,.14) 0%, rgba(123,136,112,0) 55%),
    linear-gradient(160deg,#16251D 0%,#2B4336 60%,#16251D 100%);
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
  padding-top:96px;
}
.hero-media{
  position:absolute;top:auto;bottom:0;left:auto;
  right:max(clamp(24px,5vw,64px), calc((100vw - 1240px) / 2 + clamp(24px,5vw,64px)));
  width:46%;height:72%;
  z-index:1;pointer-events:none;
}
.hero-portrait{
  width:100%;height:100%;
  object-fit:contain;object-position:right bottom;
}
.hero--no-portrait .hero-media{background:transparent;}

.hero-inner{position:relative;z-index:3;flex:1;display:flex;align-items:center;}
.hero-copy{max-width:min(960px,92vw);padding-block:clamp(40px,8vh,96px);}
.hero-title{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(44px,6vw,88px);
  line-height:.92;letter-spacing:-.015em;
  color:var(--cream-50);
  margin-bottom:clamp(24px,3vw,36px);
}
.hero-title-l1,.hero-title-l2,.hero-title-l3{display:block;white-space:nowrap;}
.hero-title-accent{color:var(--cream-50);position:relative;}
.hero-lead{
  font-size:20px;line-height:1.5;color:rgba(241,236,227,.85);
  max-width:34ch;margin-bottom:clamp(28px,3.4vw,40px);
}
.hero-cta{display:flex;align-items:center;gap:clamp(18px,2.4vw,32px);flex-wrap:wrap;}

/* Рельса симптомов */
.hero-rail{position:relative;z-index:3;padding-bottom:clamp(24px,4vh,44px);}
.hero-rail-inner{position:relative;}
.symptom-rail{
  display:grid;grid-template-columns:repeat(6,1fr);
  border-top:1px solid var(--hairline-dark);
}
.symptom{
  position:relative;padding:20px 18px 0 0;
  font-size:14px;line-height:1.4;color:rgba(241,236,227,.7);
}
.symptom-node{
  position:absolute;top:-4.5px;left:0;
  width:8px;height:8px;border-radius:50%;
  border:1px solid var(--brass-500);background:var(--forest-900);
}

/* =====================================================================
   ОБО МНЕ
   ===================================================================== */
.about-grid{
  display:grid;grid-template-columns:1.15fr .85fr;
  gap:clamp(40px,6vw,90px);align-items:start;
}
.about-left .h2{margin-bottom:clamp(24px,3vw,36px);}
.fact-table{border-top:1px solid var(--hairline-light);}
.fact-row{
  display:flex;flex-direction:column;gap:6px;
  padding:clamp(18px,2.2vw,24px) 0;
  border-bottom:1px solid var(--hairline-light);
}
.fact-key{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;color:var(--ink-900);}
.fact-val{font-size:16px;color:rgba(42,36,30,.72);}

/* =====================================================================
   ПОДХОДЫ — index-list
   ===================================================================== */
.approaches-head{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);
  align-items:end;margin-bottom:clamp(48px,6vw,80px);
}
.index-list{border-top:1px solid var(--hairline-dark);}
.index-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) minmax(0,520px);
  gap:clamp(20px,3vw,48px);align-items:baseline;
  padding:clamp(26px,3.4vw,40px) 0;
  border-bottom:1px solid var(--hairline-dark);
}
.index-num{font-family:var(--serif);font-style:italic;font-weight:500;font-size:24px;color:var(--brass-300);}
.index-name{
  font-family:var(--serif);font-weight:600;font-size:clamp(28px,3vw,40px);
  line-height:1.05;color:var(--cream-50);transition:color .2s var(--ease);
}
.index-row:hover .index-name{color:var(--brass-300);}
.index-desc{font-size:17px;line-height:1.5;color:rgba(241,236,227,.78);}

/* =====================================================================
   КАК ЭТО РАБОТАЕТ — steps
   ===================================================================== */
.steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(28px,4vw,64px);
  position:relative;
  border-top:1px solid var(--hairline-light);
  padding-top:clamp(32px,4vw,52px);
}
.step{position:relative;}
.step-node{
  position:absolute;top:calc(-1 * clamp(32px,4vw,52px) - 4.5px);left:0;
  width:9px;height:9px;border-radius:50%;
  border:1px solid var(--brass-500);background:var(--cream-100);
}
.step-num{
  display:block;font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:40px;color:var(--brass-500);line-height:1;margin-bottom:16px;
}
.step-title{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.15;margin-bottom:10px;color:var(--ink-900);}
.step-text{font-size:16px;line-height:1.55;color:rgba(42,36,30,.75);max-width:34ch;}

/* =====================================================================
   УСЛУГИ
   ===================================================================== */
.svc-num{
  display:block;font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:22px;color:var(--brass-300);margin-bottom:14px;
}
.svc-price{font-family:var(--serif);font-style:italic;font-weight:600;font-size:28px;color:var(--brass-300);}
.svc-price--lg{font-size:36px;}

/* Фиче-карта 01 — текст (текст → цена → CTA → плеер) + фото-акцент «разбор по фото» */
.svc-feature{
  position:relative;
  display:grid;grid-template-columns:1.2fr .8fr;
  gap:0;
  background:var(--cream-50);
  border:1px solid var(--brass-500);border-radius:14px;
  overflow:hidden;
  margin-bottom:clamp(24px,3vw,40px);
  box-shadow:0 0 70px rgba(94,113,94,.28);
}
.svc-feature-copy{
  color:var(--ink-900);
  padding:clamp(32px,4vw,56px);
}
.svc-feature-photo{
  align-self:stretch;
  height:100%;
  min-height:360px;
}
.svc-feature-photo img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
}
.svc-feature .svc-num{color:var(--brass-500);margin-bottom:0;}
.svc-feature-top{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.svc-feature-title{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3vw,40px);line-height:1.08;color:var(--ink-900);margin-bottom:14px;}
.svc-feature-desc{font-size:17px;line-height:1.5;color:rgba(42,36,30,.75);max-width:40ch;margin-bottom:22px;}
.svc-feature .svc-price{margin-bottom:24px;}

.pill{
  font-family:var(--sans);font-weight:500;font-size:11px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--forest-900);background:var(--brass-300);
  padding:5px 12px;border-radius:100px;
}

/* Аудиоплеер — теперь под кнопкой, отделён hairline */
.svc-feature-player{margin-top:28px;padding-top:24px;border-top:1px solid var(--hairline-light);}
.player{display:flex;align-items:center;gap:18px;}
.player-btn{
  flex:none;width:48px;height:48px;border-radius:50%;
  background:transparent;border:1px solid var(--brass-500);color:var(--brass-500);
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .2s var(--ease),color .2s var(--ease),opacity .2s var(--ease);
}
.player-btn:not([disabled]):hover{background:var(--brass-500);color:var(--cream-50);}
.player-btn[disabled]{opacity:.5;cursor:not-allowed;}
.player-btn svg{fill:currentColor;}
.player-icon-pause{display:none;}
.player.is-playing .player-icon-play{display:none;}
.player.is-playing .player-icon-pause{display:block;}
.player-wave{display:flex;align-items:center;gap:3px;height:34px;flex:none;}
.player-wave span{
  width:2px;background:var(--brass-500);opacity:.55;border-radius:1px;height:50%;
}
.player-wave span:nth-child(3n){height:62%;}
.player-wave span:nth-child(3n+1){height:34%;}
.player-wave span:nth-child(3n+2){height:90%;}
.player-wave span:nth-child(7n){height:46%;}
.player.is-playing .player-wave span{animation:wave 1s var(--ease) infinite;transform-origin:center;}
@keyframes wave{0%,100%{transform:scaleY(.55);}50%{transform:scaleY(1);}}
.player-label{font-size:14px;color:rgba(42,36,30,.7);}
.player.is-disabled{opacity:.5;}

/* Ряд из 3 карт */
.svc-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(20px,2.4vw,32px);
}
.svc-card{
  display:flex;flex-direction:column;
  background:var(--cream-50);
  border:1px solid rgba(207,171,124,.4);border-radius:14px;
  padding:clamp(28px,3vw,40px);color:var(--ink-900);
}
.svc-card-title{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.12;color:var(--ink-900);margin-bottom:14px;}
.svc-card-desc{font-size:16px;line-height:1.5;color:rgba(42,36,30,.72);margin-bottom:20px;flex:1;}
.svc-card .svc-price{margin-bottom:16px;}

/* =====================================================================
   ФОТОПОЛОСА
   ===================================================================== */
.photostrip{
  position:relative;width:100%;height:clamp(320px,40vw,460px);overflow:hidden;
  background:var(--forest-900);
}
.photostrip-img{
  position:absolute;left:0;top:-8%;
  width:100%;height:116%;
  object-fit:cover;
  will-change:transform;
}
.photostrip-branch{display:none;position:absolute;inset:0;width:100%;height:100%;color:rgba(207,171,124,.35);fill:rgba(207,171,124,.35);}
.photostrip--fallback .photostrip-branch{display:block;}

/* =====================================================================
   ОБРАЗОВАНИЕ — edu-list
   ===================================================================== */
.edu-list{border-top:1px solid var(--hairline-light);}
.edu-row{
  display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3vw,48px);align-items:baseline;
  padding:clamp(22px,2.8vw,32px) 0;
  border-bottom:1px solid var(--hairline-light);
}
.edu-year{font-family:var(--serif);font-style:italic;font-weight:500;font-size:32px;color:var(--brass-500);line-height:1;white-space:nowrap;}
.edu-place{font-family:var(--sans);font-weight:500;font-size:20px;color:var(--ink-900);}
.edu-qual{font-size:17px;color:rgba(42,36,30,.7);}

/* =====================================================================
   CTA
   ===================================================================== */
/* Свечение за фото — переопределяет плоский фон .section--forest */
.cta-band{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(70% 90% at 82% 50%, rgba(94,113,94,.45) 0%, rgba(94,113,94,0) 65%),
    radial-gradient(90% 70% at 88% 20%, rgba(181,138,88,.18) 0%, rgba(181,138,88,0) 60%),
    radial-gradient(120% 140% at 50% 35%,#22352A 0%,#16251D 80%);
}
.cta-grid{
  display:grid;grid-template-columns:1.4fr .6fr;
  gap:clamp(40px,6vw,80px);align-items:center;
}
/* текст над фото + разумная ширина, чтобы картинка его не перекрывала */
.cta-copy{position:relative;z-index:2;max-width:min(640px,60%);}
.cta-title{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.01em;
  color:var(--cream-50);margin-bottom:clamp(20px,2.6vw,30px);
}
.cta-text{font-size:20px;line-height:1.5;color:rgba(241,236,227,.82);max-width:40ch;margin-bottom:clamp(28px,3.4vw,40px);}
/* фото прижато к правому/нижнему краю СЕКЦИИ (full-bleed), низ кадра уходит за край */
.cta-branch{
  position:absolute;bottom:0;top:0;
  right:max(clamp(24px,5vw,64px), calc((100vw - 1240px) / 2 + clamp(24px,5vw,64px)));
  display:flex;align-items:flex-end;justify-content:flex-end;
  pointer-events:none;z-index:1;
}
.cta-branch img{
  height:82%;width:auto;max-width:none;
  object-fit:contain;object-position:bottom right;
  display:block;
}

/* =====================================================================
   ФУТЕР
   ===================================================================== */
.site-footer{
  background:var(--forest-900);color:var(--cream-50);
  border-top:1px solid var(--hairline-dark);
  padding-block:clamp(56px,7vw,88px);
}
.footer-inner{
  display:grid;grid-template-columns:1.4fr 1fr 1fr;
  gap:clamp(32px,4vw,64px);align-items:start;
  padding-bottom:clamp(40px,5vw,60px);
  border-bottom:1px solid var(--hairline-dark);
}
.footer-brand{display:flex;align-items:center;gap:14px;}
.footer-name{display:flex;flex-direction:column;line-height:1.2;}
.footer-name-main{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--cream-50);}
.footer-name-sub{font-size:12px;letter-spacing:.04em;color:rgba(241,236,227,.7);}
.footer-nav{display:flex;flex-direction:column;gap:12px;}
.footer-nav a{
  display:inline-flex;align-items:center;min-height:32px;
  font-size:15px;color:rgba(241,236,227,.78);transition:color .2s var(--ease);
}
.footer-nav a:hover{color:var(--cream-50);}
.footer-contacts{display:flex;flex-direction:column;gap:12px;}
.footer-contacts a{
  display:inline-flex;align-items:center;gap:.5em;min-height:32px;
  font-size:15px;color:rgba(241,236,227,.78);transition:color .2s var(--ease);
}
.footer-contacts a:hover{color:var(--brass-300);}
.footer-contacts a:hover .arrow{transform:translateX(4px);}
.footer-legal{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  padding-top:clamp(28px,3vw,36px);
}
.footer-legal span{font-size:13px;letter-spacing:.02em;color:rgba(241,236,227,.55);}
.footer-legal-policy{font-size:13px;letter-spacing:.02em;color:rgba(241,236,227,.55);text-decoration:none;transition:color .2s var(--ease);}
.footer-legal-policy:hover{color:var(--brass-300);}

/* =====================================================================
   МОУШН — reveal
   ===================================================================== */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .arrow,.btn,.site-header,.index-name,.player-btn,.footer-nav a,.footer-contacts a,.site-nav a{transition:none;}
  .player.is-playing .player-wave span{animation:none;}
}

/* =====================================================================
   АДАПТИВ
   ===================================================================== */
@media (max-width:1024px){
  .site-nav{gap:18px;}
  .about-grid{grid-template-columns:1fr;}
  .approaches-head{grid-template-columns:1fr;gap:20px;}
  .index-row{
    grid-template-columns:56px 1fr;
    row-gap:12px;
  }
  .index-desc{grid-column:2;max-width:none;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .svc-card:first-child{grid-column:1 / -1;}
  .svc-feature{display:flex;flex-direction:column;}
  .svc-feature-copy{order:1;}
  .svc-feature-photo{order:2;min-height:320px;}
  .btn:not(.header-cta){width:100%;}
}

@media (max-width:768px){
  .site-nav{display:none;}
  .header-cta{margin-left:auto;}

  .hero{min-height:auto;justify-content:flex-start;padding-top:96px;padding-bottom:0;}
  .hero-copy{order:1;padding-block:0;}
  .hero-rail{order:2;padding-bottom:16px;}
  .hero-media{
    order:3;margin-bottom:0;margin-inline:auto;
    right:auto;left:auto;
    position:relative;width:80%;height:auto;aspect-ratio:1600/2204;max-height:75vh;
  }
  .hero-portrait{object-fit:cover;object-position:center top;}
  .hero-inner{padding-block:24px 8px;}
  .hero-title-l1,.hero-title-l2,.hero-title-l3{white-space:normal;}
  .hero-lead{max-width:none;}

  .symptom-rail{grid-template-columns:1fr;border-top:none;}
  .symptom{
    padding:14px 0 14px 22px;
    border-top:1px solid var(--hairline-dark);
  }
  .symptom:first-child{border-top:none;}
  .symptom-node{top:19px;left:2px;}

  .steps{grid-template-columns:1fr;gap:0;border-top:none;padding-top:0;}
  .step{padding:clamp(24px,5vw,32px) 0 clamp(24px,5vw,32px) 28px;border-left:1px solid var(--hairline-light);}
  .step-node{top:calc(clamp(24px,5vw,32px) + 6px);left:-5px;}

  .edu-row{grid-template-columns:88px 1fr;row-gap:4px;}
  .edu-qual{grid-column:2;}

  .cta-band{padding-bottom:0;}
  .cta-grid{grid-template-columns:1fr;}
  .cta-copy{max-width:none;order:1;}
  .cta-branch{
    position:static;order:2;top:auto;
    display:block;width:100%;aspect-ratio:4/5;max-height:60vh;
  }
  .cta-branch img{
    height:100%;width:100%;max-width:none;
    object-fit:cover;object-position:center top;
    margin:0;
  }

  .footer-inner{grid-template-columns:1fr;gap:32px;}
  .footer-legal{flex-direction:column;align-items:flex-start;gap:6px;}
}

@media (max-width:480px){
  body{font-size:16px;}
  .container{padding-inline:24px;}
  .svc-grid{grid-template-columns:1fr;}
  .svc-card:first-child{grid-column:auto;}
  .svc-feature-top{flex-wrap:wrap;}
  .player{flex-wrap:wrap;gap:14px;}
  .player-wave{display:none;}
  .brand-name-sub{display:none;}
}