*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0b0b0b;color:#f0ede6;font-family:'Unbounded',sans-serif;cursor:auto;overflow-x:hidden;hyphens:manual;word-break:keep-all;overflow-wrap:normal}
button,input,select,textarea{font-family:'Unbounded',sans-serif}
a{color:inherit;text-decoration:none}
:root{--bg:#0b0b0b;--bg2:#141414;--w:#f0ede6;--dim:rgba(240,237,230,.3);--dimx:rgba(240,237,230,.54);--line:rgba(240,237,230,.075);--line2:rgba(240,237,230,.04);--red:#e63232;--ease:cubic-bezier(.16,1,.3,1)}
#pageRoot{
  position:relative;
  z-index:1;
  will-change:filter,transform;
  transition:filter .28s var(--ease),transform .28s var(--ease);
}
#pageRoot.red-warp{filter:saturate(1.16) contrast(1.05) hue-rotate(-10deg) brightness(1.01)}
#pageRoot.ice-warp{filter:saturate(1.14) contrast(1.03) hue-rotate(185deg) brightness(1.01)}
body.advice-open #pageRoot{filter:blur(8px) saturate(.82) brightness(.72);transform:scale(.993);pointer-events:none;user-select:none}

@font-face{
  font-family:'Unbounded';
  src:url('../fonts/unbounded/Unbounded-Variable.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Syne';
  src:url('../fonts/syne/Syne-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Syne';
  src:url('../fonts/syne/Syne-Medium.ttf') format('truetype');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Syne';
  src:url('../fonts/syne/Syne-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Syne';
  src:url('../fonts/syne/Syne-ExtraBold.ttf') format('truetype');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('../fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Syne Mono';
  src:url('../fonts/syne-mono/SyneMono-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* LOADER */
#ld{position:fixed;inset:0;z-index:998;background:#040404;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .6s ease}
#ld.out{opacity:0;pointer-events:none}
.ld-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;position:relative;z-index:2}
.ld-mark-wrap{position:relative;width:clamp(56px,7vw,84px);animation:ldMarkIn 1.4s var(--ease) both}
.ld-mark{display:block;width:100%;height:auto;overflow:visible}
.ld-mark-base{opacity:.2}
.ld-mark-fill{position:absolute;inset:0;filter:brightness(0) saturate(100%) invert(21%) sepia(91%) saturate(2761%) hue-rotate(346deg) brightness(95%) contrast(96%) drop-shadow(0 0 22px rgba(230,50,50,.5));clip-path:inset(100% 0 0 0);animation:ldRedFill 2s cubic-bezier(.22,.72,.2,1) .15s forwards}
@keyframes ldMarkIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes ldRedFill{0%{clip-path:inset(100% 0 0 0)}35%{clip-path:inset(68% 0 0 0)}70%{clip-path:inset(26% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}
.ld-base-path{fill:rgba(240,237,230,.18);opacity:.88}
.ld-fill-path{fill:url(#ldFillGrad)}
.ld-mask-fill{animation:ldWaveRise 1.9s cubic-bezier(.16,1,.3,1) .2s forwards}
.ld-logo-base-path{fill:rgba(240,237,230,.18)}
.ld-prod{font-family:'Unbounded',sans-serif;font-size:.42rem;letter-spacing:.32em;color:rgba(240,237,230,.34);text-transform:uppercase;margin-top:.05rem}
@keyframes ldWaveRise{
  0%{
    y:1008px;
    height:0px;
    transform:translateX(0);
  }
  18%{
    y:920px;
    height:88px;
    transform:translateX(-10px);
  }
  38%{
    y:752px;
    height:256px;
    transform:translateX(8px);
  }
  60%{
    y:520px;
    height:488px;
    transform:translateX(-7px);
  }
  82%{
    y:240px;
    height:768px;
    transform:translateX(5px);
  }
  100%{
    y:0px;
    height:1008px;
    transform:translateX(0);
  }
}
.ld-mask-fill{
  rx:0;
  ry:0;
}
.ld-fill-path{
  animation:ldLiquidGlow 1.9s ease-in-out .2s forwards;
  transform-origin:center bottom;
}
@keyframes ldLiquidGlow{
  0%{opacity:.84}
  45%{opacity:.96}
  100%{opacity:1}
}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:1.8rem 2.5rem;transition:background .4s,padding .3s var(--ease)}
nav.stuck{background:rgba(17,17,17,.93);backdrop-filter:blur(20px);padding:1.1rem 2.5rem;border-bottom:1px solid var(--line2)}
.n-logo{display:flex;align-items:center;justify-content:flex-start;line-height:1;position:relative}
.nav-logo-svg{width:34px;height:auto;display:block;color:var(--w);filter:drop-shadow(0 0 10px rgba(230,50,50,.16));transition:opacity .2s var(--ease),transform .2s var(--ease)}
.nav-logo-text{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(.98);opacity:0;font-family:'Unbounded',sans-serif;font-size:.43rem;letter-spacing:.28em;text-transform:uppercase;color:var(--w);white-space:nowrap;transition:opacity .2s var(--ease),transform .2s var(--ease)}
.brand-c{font-size:.56em;line-height:0;vertical-align:super;display:inline-block;transform:translateY(-.08em)}
.n-logo:hover .nav-logo-svg,.n-logo:focus-visible .nav-logo-svg{opacity:0;transform:scale(.92)}
.n-logo:hover .nav-logo-text,.n-logo:focus-visible .nav-logo-text{opacity:1;transform:translateY(-50%) scale(1)}
.n-logo b{color:var(--red)}
.n-brandline{
  margin-left:calc(1rem + 60px);
  margin-right:1rem;
  flex-shrink:0;
  font-family:'Unbounded',sans-serif;
  font-size:.38rem;
  line-height:1;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:rgba(240,237,230,.34);
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
.n-links{display:flex;gap:2.5rem;align-items:center;margin-left:auto}
.n-links a{font-family:'Unbounded',sans-serif;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:var(--w);transition:color .2s}
.n-links a:hover{color:var(--dim)}
.n-cta{border:1px solid var(--red)!important;color:var(--red)!important;padding:.45rem 1.55rem!important;transition:all .2s!important}
.n-cta:hover{background:var(--red)!important;color:var(--w)!important;animation:btnShake .42s steps(2,end) both}
.n-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:.75rem}
.sound-btn{
  position:fixed;
  left:2.5rem;
  right:auto;
  top:50vh;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  background:rgba(18,18,18,.72);
  border:1px solid rgba(240,237,230,.1);
  color:var(--dimx);
  cursor:none;
  flex-shrink:0;
  z-index:205;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease);
}
.sound-btn:hover{color:var(--w);transform:translateY(-50%) translateY(-1px);border-color:rgba(240,237,230,.2);background:rgba(24,24,24,.88)}
.sound-btn.active{color:var(--red)}
.sound-btn.active{background:rgba(230,50,50,.08);border-color:rgba(230,50,50,.34)}
.sound-ico{
  width:18px;
  height:18px;
  display:block;
  color:currentColor;
  position:relative;
  left:1px;
  top:1px;
}
.sound-ico svg{
  width:100%;
  height:100%;
  display:block;
}
.advice-mini{
  position:fixed;
  right:2.5rem;
  left:auto;
  top:calc(50vh + 30px);
  background:none;
  border:none;
  padding:0;
  color:rgba(240,237,230,.72);
  cursor:none;
  z-index:205;
  font-family:'Unbounded',sans-serif;
  font-size:.54rem;
  line-height:1.12;
  letter-spacing:.06em;
  text-transform:none;
  text-align:right;
  max-width:10rem;
  transition:color .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease);
}
.advice-mini-text{display:block}
.advice-mini:hover{color:var(--w);transform:translateY(-1px)}

.advice-modal{
  position:fixed;
  inset:0;
  z-index:320;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
  opacity:0;
  pointer-events:none;
  transition:opacity .24s var(--ease);
}
.advice-modal.on{opacity:1;pointer-events:auto}
.advice-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,8,8,.36);
  backdrop-filter:blur(12px) saturate(.9);
}
.advice-card{
  position:relative;
  width:min(760px,100%);
  background:rgba(12,12,12,.94);
  border:1px solid rgba(240,237,230,.09);
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  padding:1.35rem 1.35rem 1.2rem;
  z-index:1;
}
.advice-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.1rem;
}
.advice-k{
  font-size:.42rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--red);
  margin-bottom:.35rem;
}
.advice-title{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(1.1rem,2.2vw,1.6rem);
  line-height:1.05;
  letter-spacing:-.02em;
  font-weight:500;
  text-transform:none;
  color:var(--w);
  max-width:24ch;
}
.advice-close{
  width:28px;
  height:28px;
  background:none;
  border:1px solid rgba(240,237,230,.1);
  color:var(--dimx);
  cursor:none;
  flex-shrink:0;
  transition:all .2s var(--ease);
}
.advice-close:hover{color:var(--w);border-color:rgba(240,237,230,.24)}
.advice-stage{
  min-height:220px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:1.15rem 0 1rem;
}
.advice-no{
  font-family:'Unbounded',sans-serif;
  font-size:.48rem;
  letter-spacing:.32em;
  color:rgba(240,237,230,.42);
  margin-bottom:.85rem;
}
.advice-step-title{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(1.15rem,2.5vw,2rem);
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight:500;
  color:var(--w);
  margin-bottom:.85rem;
}
.advice-step-body{
  max-width:54ch;
  font-size:.86rem;
  line-height:1.75;
  color:var(--dimx);
}
.advice-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-top:1rem;
}
.advice-dots{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
}
.advice-dot{
  width:8px;
  height:8px;
  border:1px solid rgba(240,237,230,.24);
  background:transparent;
  padding:0;
  cursor:none;
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.advice-dot.on{background:var(--red);border-color:var(--red);transform:scale(1.08)}
.advice-nav{display:flex;gap:.55rem;align-items:center}
.advice-btn{
  min-width:88px;
  padding:.62rem .95rem;
  background:transparent;
  border:1px solid rgba(240,237,230,.12);
  color:var(--w);
  font-family:'Unbounded',sans-serif;
  font-size:.45rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  cursor:none;
  transition:all .2s var(--ease);
}
.advice-btn:hover{border-color:rgba(240,237,230,.3);transform:translateY(-1px)}
.advice-btn.is-red{background:var(--red);border-color:var(--red);color:var(--w)}
.advice-btn.is-red:hover{filter:brightness(1.04)}
.synth{
  position:fixed;
  left:1rem;
  right:1rem;
  bottom:1rem;
  width:auto;
  background:rgba(15,15,15,.96);
  border:1px solid var(--line);
  backdrop-filter:blur(20px);
  border-radius:22px;
  padding:1rem;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
  z-index:240;
  opacity:0;
  transform:translateY(14px) scale(.98);
  pointer-events:none;
  transition:opacity .24s var(--ease),transform .24s var(--ease);
}
.synth.on{opacity:1;transform:none;pointer-events:auto}
.synth-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.95rem}
.synth-k{font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:.3rem}
.synth-s{font-size:.68rem;line-height:1.45;color:var(--dim);max-width:260px}
.synth-close{width:26px;height:26px;background:none;border:1px solid var(--line);color:var(--dim);cursor:none;flex-shrink:0;transition:all .2s}
.synth-close:hover{color:var(--w);border-color:rgba(240,237,230,.28)}
.synth-keys{
  position:relative;
  background:rgba(240,237,230,.03);
  border:1px solid rgba(240,237,230,.08);
  border-radius:18px;
  padding:.9rem .8rem 1rem;
}
.syn-white-row{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:4px;
}
.syn-black-row{
  position:absolute;
  left:.8rem;
  right:.8rem;
  top:.9rem;
  height:58%;
  pointer-events:none;
}
.syn-pad{
  min-height:148px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:.65rem .48rem .52rem;
  background:linear-gradient(to bottom,#f0ede6 0%,#d9d4cb 100%);
  border:none;
  color:#0f0f0f;
  cursor:none;
  transition:transform .15s var(--ease),filter .2s,background .2s;
  position:relative;
  overflow:hidden;
  user-select:none;
}
.syn-pad::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  width:72%;
  height:64%;
  transform:translateX(-50%);
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.syn-pad.active{transform:translateY(2px) scale(.985);filter:brightness(.95)}
.syn-pad.is-black{
  position:absolute;
  top:0;
  min-height:64%;
  width:clamp(40px,4.8vw,82px);
  margin:0;
  z-index:2;
  background:linear-gradient(to bottom,#161616 0%,#050505 100%);
  color:#f3efe8;
  box-shadow:0 10px 18px rgba(0,0,0,.22);
  pointer-events:auto;
  transform:translateX(-50%);
}
.syn-pad.is-black::after{
  width:64%;
  height:56%;
  background:rgba(255,255,255,.04);
}
.syn-pad.is-black.active{transform:translateX(-50%) translateY(2px) scale(.985)}
.syn-pad.is-black:hover{transform:translateX(-50%) translateY(-1px);filter:brightness(1.03)}
.syn-pad:hover{transform:translateY(-1px);filter:brightness(1.02)}
.syn-note{font-size:.84rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.syn-freq{font-size:.36rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(15,15,15,.56)}
.syn-pad.is-black .syn-freq{color:rgba(243,239,232,.48)}
.synth-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.65rem;flex-wrap:wrap}
.syn-loop{
  background:none;
  border:1px solid var(--line);
  color:var(--dim);
  padding:.38rem .62rem;
  font-family:'Unbounded',sans-serif;
  font-size:.44rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:none;
  transition:all .2s;
}
.syn-loop.on{color:var(--red);border-color:rgba(230,50,50,.34)}
.synth-hint{font-size:.56rem;color:var(--dim);letter-spacing:.08em}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:.3rem;cursor:none}
.burger span{display:block;width:22px;height:1px;background:var(--w);transition:all .35s var(--ease)}
.burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mob-nav{position:fixed;inset:0;z-index:199;display:flex;flex-direction:column;justify-content:flex-start;gap:.2rem;padding:7.25rem 1.5rem 2rem;background:rgba(8,8,8,.985);backdrop-filter:blur(20px);transform:translateX(100%);opacity:0;pointer-events:none;transition:transform .45s var(--ease),opacity .2s ease}
.mob-nav::before{content:'Top Music Production / Навигация';margin-bottom:1.7rem;font-size:.44rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.mob-nav.open{transform:none;opacity:1;pointer-events:auto}
.mob-nav > a{font-family:'Unbounded',sans-serif;font-size:clamp(2rem,10vw,3.2rem);font-weight:700;line-height:.94;letter-spacing:-.055em;text-transform:uppercase;color:var(--w);display:flex;align-items:center;justify-content:space-between;min-height:3.85rem;padding:.75rem 0;border-bottom:1px solid var(--line);transition:color .2s,padding-left .25s}
.mob-nav > a::after{content:'↗';font-family:'Unbounded',sans-serif;font-size:.58rem;letter-spacing:0;color:var(--red);opacity:.82}
.mob-nav > a:hover,.mob-nav > a:focus-visible{color:var(--red);padding-left:.35rem;outline:none}

/* HERO */
.hero{height:100vh;min-height:600px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg)}
.hero-media{position:absolute;inset:0;z-index:1;background:#0b0b0b;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;transform:scale(1.015);filter:contrast(1.14) saturate(.92) brightness(.52);will-change:transform,filter}


















.hero-ov{position:absolute;inset:0;z-index:2;pointer-events:none;background:
  linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.2) 52%, rgba(0,0,0,.34)),
  linear-gradient(to bottom, rgba(0,0,0,.82) 0%, rgba(0,0,0,.48) 22%, rgba(0,0,0,.1) 48%, transparent 68%),
  radial-gradient(ellipse at 15% 70%, rgba(196,35,45,.2), transparent 44%),
  radial-gradient(circle at 50% 42%, rgba(255,255,255,.012), transparent 28%),
  radial-gradient(circle at 50% 50%, transparent 8%, rgba(0,0,0,.14) 64%, rgba(0,0,0,.52) 100%),
  linear-gradient(to bottom, rgba(0,0,0,.015), rgba(0,0,0,.1))}
.hero-nav-space{height:68px;flex-shrink:0;position:relative;z-index:3}
.hero-body{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;padding:0 2.5rem 2.8rem}
.h-title{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:1rem}
.h-words{font-family:'Unbounded',sans-serif;font-weight:800;line-height:.82;letter-spacing:-.05em;text-transform:uppercase;display:flex;flex-direction:column;color:var(--w)}
.h-line1{
  font-size:clamp(2.7rem,6.6vw,8.8rem);
  display:inline-flex;
  align-items:flex-start;
  gap:.02em;
  opacity:0;
  animation:fadeUp .8s var(--ease) .4s forwards;
  color:var(--w);
  letter-spacing:-.075em;
  line-height:.78;
  max-width:100%;
  white-space:nowrap;
}
.h-line1 .brand-main{display:inline-block;line-height:.78}
.h-line1{font-size:clamp(3.6rem,6.5vw,8.8rem);white-space:normal;line-height:.92;letter-spacing:-.065em}
.h-line1 .brand-main{line-height:.92}
.h-line1 .brand-c{
  display:inline-block;
  font-size:clamp(.58rem,.95vw,.92rem);
  line-height:.9;
  letter-spacing:0;
  transform:translateY(-.18em);
  flex-shrink:0;
}
.h-line2{font-size:clamp(.95rem,1.9vw,2.4rem);display:block;color:rgba(240,237,230,.72);font-weight:500;letter-spacing:.1em;opacity:0;animation:fadeUp .8s var(--ease) .6s forwards;margin-top:.75rem}
.h-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:.75rem;opacity:0;animation:fadeUp .6s var(--ease) 1s forwards}
.h-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;flex-shrink:0;width:min(18vw,220px)}
.btn-red{font-family:'Unbounded',sans-serif;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;background:var(--red);color:var(--w);padding:.8rem 1rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;transition:all .2s}
.btn-red:hover{background:#ff3535;animation:btnShake .42s steps(2,end) both}
.btn-ghost{font-family:'Unbounded',sans-serif;font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(240,237,230,.28);color:rgba(240,237,230,.72);padding:.8rem 1rem;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn-ghost:hover{background:rgba(240,237,230,.14);border-color:rgba(240,237,230,.36);color:var(--w);animation:btnShake .42s steps(2,end) both}
.hero .h-words,.hero .h-line1,.hero .h-line2,.hero .btn-red,.hero .btn-ghost{font-family:'Unbounded',sans-serif}
.hero .h-line1 .brand-main{font-family:'Syne',sans-serif}
.hero .h-tag,.hero .h-year{font-family:'Unbounded',sans-serif}
.hero .h-desc{font-family:'Unbounded',sans-serif}
@keyframes btnShake{
  0%{transform:translate(0,0) rotate(0deg)}
  20%{transform:translate(-1px,0) rotate(-.6deg)}
  40%{transform:translate(1px,-1px) rotate(.7deg)}
  60%{transform:translate(-1px,1px) rotate(-.5deg)}
  80%{transform:translate(1px,0) rotate(.5deg)}
  100%{transform:translate(0,0) rotate(0deg)}
}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* TICKER */
.ticker{background:transparent;padding:1rem 0;overflow:hidden;position:relative}
.hero-ticker{
  margin-top:0;
  z-index:4;
  flex:1 1 auto;
  min-width:0;
  width:auto;
  margin-right:50px;
  transform:translateY(.45rem);
  align-self:flex-start;
}
.ticker-inner{display:flex;align-items:center;animation:tick 32s linear infinite}
.ticker-inner{width:max-content;animation-duration:var(--ticker-duration,32s)}
.ticker-group{display:flex;align-items:center;flex:none}
.ticker-inner:hover{animation-play-state:paused}
.t-item{flex-shrink:0;padding:0 3.5rem;display:flex;align-items:center;gap:2rem;cursor:default}
.t-item img{height:30px;width:auto;max-width:150px;object-fit:contain;opacity:.5;vertical-align:middle;transition:opacity .2s;filter:grayscale(1) brightness(.9) contrast(.92)}
.t-item img.loaded{display:block}
.t-item img.loaded+span{display:none}
.t-item span{font-family:'Unbounded',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(240,237,230,.42);opacity:.45}
.t-item::after{display:none}
/* PNG логотип артиста */
.t-item img{height:30px;width:auto;max-width:150px;object-fit:contain;opacity:.5;vertical-align:middle;transition:opacity .2s;filter:grayscale(1) brightness(.9) contrast(.92)}
.t-item:hover img{opacity:.68}
/* если нет PNG — показываем текст */
.t-item span{display:inline-block}
.hero .t-item span{font-family:'Unbounded',sans-serif;font-size:.86rem;color:rgba(240,237,230,.68);opacity:.78}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ABOUT */
.about{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line);overflow:hidden}
.about-vid{position:absolute;inset:0}
.about-vid video{width:100%;height:100%;object-fit:cover;opacity:1;filter:brightness(.7) contrast(1.1) saturate(.92)}
    .about-vid-wrap{position:relative;width:100%;height:100%}
    .about-vid-wrap::after{
      content:'';position:absolute;inset:0;
      background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 3px);
      pointer-events:none;z-index:1;mix-blend-mode:multiply
    }
    .about-vid-grain{
      position:absolute;inset:0;z-index:2;pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
      opacity:.5;mix-blend-mode:overlay;
      animation:grainAnim 0.12s steps(1) infinite
    }
    @keyframes grainAnim{
      0%{transform:translate(0,0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}
      30%{transform:translate(-1%,2%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-3%,3%)}
      60%{transform:translate(1%,-2%)}70%{transform:translate(-2%,1%)}80%{transform:translate(3%,-3%)}
      90%{transform:translate(-1%,2%)}100%{transform:translate(2%,0)}
    }
    /* Глитч-полоска — редкая вспышка */
    .about-vid-glitch{
      position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;
    }
    .about-vid-glitch::before{
      content:'';position:absolute;left:0;right:0;height:2px;
      background:rgba(230,50,50,.6);
      animation:glitchLine 6s ease-in-out infinite;
      mix-blend-mode:screen;
    }
    @keyframes glitchLine{
      0%,92%,100%{transform:translateY(-100%);opacity:0}
      93%{transform:translateY(30vh);opacity:1}
      95%{transform:translateY(60vh);opacity:.8;height:4px}
      97%{transform:translateY(80vh);opacity:0}
    }
.about-vid-ov{position:absolute;inset:0;background:
  radial-gradient(ellipse at 18% 54%, rgba(192,34,44,.17), transparent 46%),
  radial-gradient(circle at 50% 34%, rgba(0,0,0,.02), transparent 28%),
  radial-gradient(circle at 50% 62%, transparent 0%, rgba(0,0,0,.34) 44%, rgba(0,0,0,.78) 100%),
  linear-gradient(to top,rgba(0,0,0,.84) 0%,rgba(0,0,0,.5) 46%,rgba(0,0,0,.08) 100%)}
.about-inner{position:relative;z-index:2;padding:4.5rem 2.5rem}
.about-tag{font-family:'Unbounded',sans-serif;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:1.4rem;display:flex;align-items:center;gap:.7rem}
.about-tag::before{content:'';width:18px;height:1px;background:var(--red)}
.about-flex{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;flex-wrap:wrap}
.about-h{font-family:'Unbounded',sans-serif;font-size:clamp(1.7rem,3.3vw,4rem);font-weight:700;letter-spacing:-.01em;line-height:.92;text-transform:uppercase;max-width:620px}
.about-accent{color:var(--red)}
.about-h em{font-style:italic;color:var(--dim)}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;flex-shrink:0}
.a-stat-n{font-family:'Unbounded',sans-serif;font-size:2rem;font-weight:900;line-height:1;margin-bottom:.25rem}
.a-stat-l{font-family:'Unbounded',sans-serif;font-size:.44rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}

/* SERVICES */
.services{border-bottom:1px solid var(--line);padding:0 0 2rem}
.svc-list{border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:64px 1fr auto 140px;align-items:center;gap:2rem;padding:1.8rem 2.5rem;border-bottom:1px solid var(--line);cursor:none;position:relative;overflow:hidden;transition:background .35s}
.svc-row::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--red);transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease}
.svc-row:hover{background:rgba(240,237,230,.025)}
.svc-row:hover::after{transform:scaleY(1)}
.svc-n{font-family:'Unbounded',sans-serif;font-size:.55rem;font-weight:500;letter-spacing:.15em;color:var(--dim);transition:color .3s}
.svc-row:hover .svc-n{color:var(--w)}
.svc-name{font-family:'Unbounded',sans-serif;font-size:clamp(1rem,2vw,1.8rem);font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.svc-tiers{display:flex;gap:.5rem;flex-wrap:wrap}
.svc-tier{font-family:'Unbounded',sans-serif;font-size:.5rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--line);color:var(--dim);padding:.3rem .75rem;transition:all .25s}
.svc-row:hover .svc-tier{border-color:rgba(240,237,230,.25);color:rgba(240,237,230,.6)}
.svc-arr{text-align:right;font-size:1.1rem;color:var(--dim);transition:all .3s}
.svc-row:hover .svc-arr{color:var(--w);transform:translateX(6px)}
.svc-link-all{display:block;padding:1.5rem 2.5rem;font-family:'Unbounded',sans-serif;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line);transition:color .2s}
.svc-link-all:hover{color:var(--w)}

/* ARTISTS */
.artists{border-top:1px solid var(--line)}
.sec-head{padding:4rem 2.5rem 3rem;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line)}
.sec-h{font-family:'Unbounded',sans-serif;font-size:clamp(1.4rem,3vw,3rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:.9}
.sec-tag{font-family:'Unbounded',sans-serif;font-size:.48rem;letter-spacing:.18em;color:var(--dim);text-align:right}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:400px 340px 300px}
.bc{border-right:1px solid var(--line);border-bottom:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;text-decoration:none;background-color:#111}
.bc::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(230,50,50,.08), transparent 42%),
    linear-gradient(180deg, rgba(8,8,8,.08) 0%, rgba(8,8,8,.2) 35%, rgba(8,8,8,.62) 100%);
  mix-blend-mode:multiply;
  opacity:1;
}
.bc:hover .bc-ov{opacity:.78}.bc:hover .bc-plays{opacity:1;transform:none}
.bc-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.04),transparent 65%);z-index:2;pointer-events:none}
.bc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.42) 55%,transparent);opacity:.96;transition:opacity .35s;z-index:2;pointer-events:none}
.bc-body{position:relative;z-index:3;padding:1.5rem}
.bc-name{font-family:'Unbounded',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:-.01em;display:block;margin-bottom:.2rem;text-transform:uppercase}
.bc-genre{font-family:'Unbounded',sans-serif;font-size:.44rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:.8rem}
.bc-plays{font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.1em;color:var(--dim);display:flex;align-items:center;gap:.4rem;opacity:.82;transform:none;transition:all .3s;margin-bottom:.6rem}
.bc-plays strong{color:var(--w);font-size:.72rem}
.bc-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}
.bc-action{font-family:'Unbounded',sans-serif;font-size:.38rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,237,230,.72);border:1px solid rgba(240,237,230,.14);background:rgba(17,17,17,.35);padding:.4rem .6rem;text-decoration:none;transition:all .2s var(--ease);display:inline-flex;align-items:center;justify-content:center}
.bc-action:hover{color:var(--w);border-color:rgba(230,50,50,.42);background:rgba(230,50,50,.14);transform:translateY(-1px)}
.bc:hover{filter:brightness(1.08) saturate(1.03) contrast(1.1)}
.bc:hover .bc-glow{background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.07),transparent 65%)}
.bc-eq{position:absolute;top:1rem;right:1rem;z-index:3;display:flex;align-items:flex-end;gap:2px}
.eq-b{width:2px;background:rgba(230,50,50,.5);animation:eqA 1s ease-in-out infinite alternate}
.eq-b:nth-child(1){height:5px}.eq-b:nth-child(2){height:13px;animation-delay:.09s}.eq-b:nth-child(3){height:19px;animation-delay:.18s}.eq-b:nth-child(4){height:8px;animation-delay:.05s}.eq-b:nth-child(5){height:15px;animation-delay:.13s}
@keyframes eqA{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.bc1{grid-column:1/5;grid-row:1;background-position:0% 0%;background-size:300% 200%}
.bc2{grid-column:5/9;grid-row:1;background-position:50% 0%;background-size:300% 200%}
.bc3{grid-column:9/13;grid-row:1;background-position:100% 0%;background-size:300% 200%;border-right:none}
.bc4{grid-column:1/5;grid-row:2;background-position:0% 100%;background-size:cover}
.bc5{grid-column:5/9;grid-row:2;background-position:50% 100%;background-size:cover}
.bc6{grid-column:9/13;grid-row:2;background-position:100% 100%;background-size:cover;border-right:none}
.bc7,.bc8,.bc9{grid-row:3;background:linear-gradient(135deg,#111 0%,#070707 48%,#1b0808 100%);background-size:cover}
.bc7{grid-column:1/5}.bc8{grid-column:5/9}.bc9{grid-column:9/13;border-right:none}
.artist-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(150px,.35fr) 30px;align-items:center;gap:1.5rem;min-height:74px;padding:1rem 2.5rem;border-bottom:1px solid var(--line2);transition:background .2s,padding-left .35s var(--ease)}
.artist-row:hover{background:rgba(240,237,230,.035);padding-left:3rem}
.artist-row-no{font-family:'Unbounded',sans-serif;font-size:.42rem;letter-spacing:.14em;color:var(--red)}
.artist-row strong{font-family:'Unbounded',sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
.artist-row>span:nth-of-type(2){font-family:'Unbounded',sans-serif;font-size:.43rem;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.artist-row i{font-style:normal;color:var(--red);text-align:right}

/* TRACKS */
.tracks{border-bottom:1px solid var(--line)}
.tr-head{padding:4rem 2.5rem 3rem;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line)}
.tr-head h2{font-family:'Unbounded',sans-serif;font-size:clamp(1.4rem,3vw,3rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:.9}
.tr-link{font-family:'Unbounded',sans-serif;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:.2rem;transition:all .2s}
.tr-link:hover{color:var(--w);border-color:var(--w)}
.tr-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 30px;align-items:center;gap:1.2rem;padding:.9rem 2.5rem;border-bottom:1px solid var(--line2);color:inherit;text-decoration:none;transition:background .2s,padding-left .25s var(--ease);cursor:pointer}
.tr-row:hover{background:rgba(240,237,230,.03);padding-left:3rem}
.tr-row:hover .tr-n{opacity:0}.tr-row:hover .tr-play{opacity:1}
.tr-n-wrap{position:relative;width:44px}
.tr-n{font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.1em;color:var(--dim);transition:opacity .2s}
.tr-play{position:absolute;top:0;left:0;font-size:.55rem;color:var(--red);opacity:0;transition:opacity .2s}
.tr-cover{width:34px;height:34px;background:rgba(230,50,50,.08);border:1px solid rgba(230,50,50,.22);color:var(--red);display:grid;place-items:center;font-family:'Unbounded',sans-serif;font-size:.36rem;letter-spacing:.1em;flex-shrink:0}
.tr-info{display:flex;align-items:center;gap:.9rem}
.tr-info>div:last-child{min-width:0}
.tr-name{font-size:.9rem;font-weight:600}
.tr-artist{font-family:'Unbounded',sans-serif;font-size:.44rem;letter-spacing:.1em;color:var(--dim);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(58vw,720px)}
.tr-tag{font-family:'Unbounded',sans-serif;font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--dim);padding:.15rem .55rem}
.tr-plays,.tr-dur{font-family:'Unbounded',sans-serif;font-size:.48rem;letter-spacing:.08em;color:var(--dim);text-align:right}
.tr-service{font-family:'Unbounded',sans-serif;font-size:.42rem;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.tr-row.tr-row-new{animation:trackReveal .45s var(--ease) both}
@keyframes trackReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tr-more{padding:1.2rem 2.5rem}
.tr-more-btn{width:100%;background:none;border:1px solid var(--line);color:var(--dim);font-family:'Unbounded',sans-serif;font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;padding:.65rem;cursor:none;transition:all .2s}
.tr-more-btn:hover{border-color:rgba(240,237,230,.3);color:var(--w)}

/* VISUAL */
.visual{border-bottom:1px solid var(--line)}
.visual-head{padding:2.5rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end}
.visual-h{font-family:'Unbounded',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase}
.visual-sub{font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.14em;color:var(--dim)}
.visual-grid{
  display:flex;
  gap:1rem;
  padding:0 2.5rem 2.5rem;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.visual-grid::-webkit-scrollbar{display:none}
.vg-card{
  position:relative;
  display:block;
  flex:0 0 clamp(240px,28vw,360px);
  aspect-ratio:9/16;
  overflow:hidden;
  border:none;
  background:#111;
  text-decoration:none;
  cursor:pointer;
  scroll-snap-align:start;
}
.vg-card video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);filter:saturate(.92) contrast(1.08) brightness(.7);transition:transform .45s var(--ease),filter .25s ease}
.vg-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 65%,rgba(196,35,45,.2),transparent 60%),linear-gradient(to top,rgba(6,6,6,.92),rgba(6,6,6,.32) 55%,rgba(6,6,6,.58));transition:opacity .25s ease}
.vg-bottom-glow{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(230,50,50,.38),rgba(230,50,50,.18) 25%,rgba(230,50,50,0) 75%);mix-blend-mode:screen;opacity:0;transform:translateY(12%);filter:blur(12px);transition:opacity .3s ease,transform .45s var(--ease)}
.vg-play{position:absolute;left:1rem;top:1rem;width:56px;height:56px;border-radius:0;display:flex;align-items:center;justify-content:center;transform:none;z-index:2;border:1px solid rgba(240,237,230,.3);background:rgba(17,17,17,.34);color:var(--w);font-size:.95rem;line-height:1;backdrop-filter:blur(8px);box-shadow:0 0 0 0 rgba(230,50,50,.18);transition:transform .35s var(--ease),background .25s ease,border-color .25s ease,box-shadow .35s ease,color .25s ease}
.vg-play::before{content:'';position:absolute;inset:-10px;border-radius:0;border:1px solid rgba(230,50,50,.12);animation:vgPulse 2s ease-in-out infinite}
.vg-card:hover video{transform:scale(1.08);filter:saturate(.98) contrast(1.1) brightness(.78)}
.vg-card:hover .vg-overlay{opacity:.9}
.vg-card:hover .vg-bottom-glow{opacity:1;transform:translateY(0)}
.vg-card:hover .vg-play{background:rgba(230,50,50,.14);border-color:rgba(230,50,50,.44);box-shadow:0 0 0 10px rgba(230,50,50,.04);transform:translateY(-2px)}
.vg-card.is-playing .vg-play{background:rgba(230,50,50,.14);border-color:rgba(230,50,50,.44);box-shadow:0 0 0 10px rgba(230,50,50,.04);transform:translateY(-2px)}
.vg-card.is-playing .vg-bottom-glow{opacity:1;transform:translateY(0)}
.vg-meta{position:absolute;left:0;right:0;bottom:0;padding:1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;z-index:2}
.vg-k{font-family:'Unbounded',sans-serif;font-size:.42rem;letter-spacing:.18em;color:var(--red)}
.vg-t{font-family:'Unbounded',sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:1}
@keyframes vgPulse{
  0%,100%{transform:scale(.95);opacity:.25}
  50%{transform:scale(1.06);opacity:.5}
}

/* REVIEWS */
.reviews{border-bottom:1px solid var(--line)}
.reviews-head{align-items:center}
.reviews-controls{display:flex;align-items:center;gap:.5rem}
.reviews-arrow{width:2.6rem;height:2.6rem;border:1px solid var(--line);background:transparent;color:var(--w);font-size:1.2rem;transition:background .2s,border-color .2s}
.reviews-arrow:hover:not(:disabled){border-color:var(--red);background:rgba(230,50,50,.12)}
.reviews-arrow:disabled{opacity:.35;cursor:default}
.reviews-track{display:flex;gap:1px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--line);overscroll-behavior-inline:contain}
.reviews-track::-webkit-scrollbar{display:none}
.reviews-track:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.rv-card{flex:0 0 calc((100% - 2px)/3);min-width:0;min-height:390px;padding:2.2rem;display:flex;flex-direction:column;align-items:flex-start;scroll-snap-align:start;background:#111;transition:background .3s}
.rv-card:hover{background:#171717}
.rv-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;margin:0 0 .8rem;color:rgba(240,237,230,.82);font-size:.84rem;line-height:1.75}
.rv-card.is-expanded .rv-text{display:block;overflow:visible}
.rv-more{padding:.3rem 0;border:0;border-bottom:1px solid var(--red);background:none;color:var(--w);font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.07em;text-transform:uppercase}
.rv-more[hidden]{display:none}
.rv-more:hover{color:var(--red)}
.rv-author{display:flex;align-items:center;gap:.8rem;margin-top:auto;padding-top:1.8rem}
.rv-ava{width:36px;height:36px;border:1px solid var(--line);background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--w);flex-shrink:0}
.rv-name{font-family:'Unbounded',sans-serif;font-size:.67rem;font-weight:700}

/* PROCESS */
.process{border-bottom:1px solid var(--line)}
.proc-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.ps{padding:2.8rem 2rem;border-right:1px solid var(--line);transition:background .3s}
.ps:last-child{border-right:none}
.ps:hover{background:rgba(230,50,50,.03)}
.ps-n{font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.2em;color:var(--red);margin-bottom:1.5rem}
.ps-title{font-family:'Unbounded',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin-bottom:.7rem;text-transform:uppercase}
.ps-desc{font-size:.8rem;color:var(--dim);line-height:1.85}

/* LOCATION */
.location{border-bottom:1px solid var(--line)}
.location-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:540px}
.location-map{position:relative;display:block;min-height:540px;overflow:hidden;background:#111}
.location-map img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:grayscale(.9) brightness(.38) contrast(1.22);transition:filter .3s,transform .3s}
.location-map:hover img,.location-map:focus-visible img{filter:grayscale(.75) brightness(.52) contrast(1.18);transform:scale(1.025)}
.location-map:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.location-map::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(18,0,3,.22),transparent 65%)}
.location-map-hint{position:absolute;z-index:1;left:1.5rem;bottom:1.5rem;padding:.8rem 1rem;border:1px solid rgba(240,237,230,.28);background:rgba(8,8,8,.84);color:var(--w);font-family:'Unbounded',sans-serif;font-size:.5rem;letter-spacing:.06em;text-transform:uppercase}
.location-attribution{position:absolute;z-index:1;right:1rem;bottom:1rem;padding:.2rem .4rem;color:#fff;background:rgba(0,0,0,.7);font-size:.65rem}
.location-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(2rem,5vw,5rem);border-left:1px solid var(--line);background:radial-gradient(circle at 0 100%,rgba(84,13,20,.16),transparent 58%),#111}
.location-kicker{margin-bottom:1.7rem;color:var(--red);font-family:'Unbounded',sans-serif;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase}
.location-info h3{margin-bottom:1.8rem;font-family:'Unbounded',sans-serif;font-size:clamp(1.7rem,3.2vw,3.6rem);font-weight:700;line-height:1.08;text-transform:uppercase}
.location-address{margin-bottom:1.5rem;font-family:'Unbounded',sans-serif;font-size:clamp(.84rem,1.25vw,1.15rem);font-weight:600;line-height:1.5}
.location-directions{max-width:42ch;margin-bottom:2.5rem;color:var(--dimx);font-size:.85rem;line-height:1.7}
.location-directions p+p{margin-top:1rem}
.location-info a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.6rem;max-width:100%;padding:1rem 1.2rem;border:1px solid var(--red);color:var(--w);font-family:'Unbounded',sans-serif;font-size:.57rem;line-height:1.4;text-transform:uppercase;transition:background .2s}
.location-info a:hover{background:rgba(230,50,50,.16)}
.location-info a span{color:var(--red);font-size:1rem}
@media(max-width:700px){.location-layout{grid-template-columns:1fr}.location-map{height:360px;min-height:0}.location-info{border-left:0;border-top:1px solid var(--line)}}

/* CONTACT */
.contact{padding:9rem 2.5rem 8rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.contact-tag{font-family:'Unbounded',sans-serif;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:1.5rem}
.contact-h{font-family:'Unbounded',sans-serif;font-size:clamp(2rem,4.4vw,5.2rem);font-weight:800;letter-spacing:-.04em;text-transform:uppercase;line-height:.92;margin-bottom:3rem;white-space:nowrap}
.contact-ready,
.contact-sound{color:var(--w)}
.contact-sub{font-size:.88rem;color:var(--dim);max-width:380px;margin:0 auto 3rem;line-height:1.8}
.contact-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1080px;margin:0 auto}
.contact-btns .btn-red,.contact-btns .btn-ghost{width:auto;min-height:76px;border-color:transparent;color:#fff;box-shadow:none;transition:filter .2s,transform .2s}
.contact-btns a:nth-child(1){background:#176687}
.contact-btns a:nth-child(2){background:#174f9b}
.contact-btns a:nth-child(3){background:linear-gradient(125deg,#54266d 0%,#762954 38%,#8f304d 64%,#98512f 100%)}
.contact-btns a:nth-child(4){background:#28693c}
.contact-btns .btn-red:hover,.contact-btns .btn-ghost:hover{color:#fff;filter:brightness(1.12);transform:translateY(-2px);animation:none}
.contact-socials{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}
.contact-socials a{font-family:'Unbounded',sans-serif;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:.2rem;transition:all .2s}
.contact-socials a:hover{color:var(--w);border-color:var(--w)}

/* FOOTER */
footer{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 2.5rem;border-top:1px solid var(--line2)}
.f-logo{font-family:'Unbounded',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.f-logo b{color:var(--red)}
.f-nav{display:flex;gap:2rem;list-style:none}
.f-nav a{font-family:'Unbounded',sans-serif;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);transition:color .2s}
.f-nav a:hover{color:var(--w)}
.f-copy{font-family:'Unbounded',sans-serif;font-size:.44rem;letter-spacing:.1em;color:rgba(240,237,230,.15)}

/* PLAYER */
.player{position:fixed;bottom:0;left:0;right:0;z-index:300;background:rgba(17,17,17,.96);border-top:1px solid var(--line);backdrop-filter:blur(20px);display:flex;align-items:center;gap:1.4rem;padding:.8rem 2.5rem;transform:translateY(100%);transition:transform .4s var(--ease)}
.player.on{transform:none}
.pl-cover{width:34px;height:34px;background:var(--bg2);border:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--dim)}
.pl-info{flex-shrink:0;min-width:130px}
.pl-track{font-size:.8rem;font-weight:600}
.pl-artist{font-family:'Unbounded',sans-serif;font-size:.44rem;letter-spacing:.13em;color:var(--dim);text-transform:uppercase}
.pl-ctrl{display:flex;align-items:center;gap:.7rem;flex-shrink:0}
.pl-btn{background:none;border:none;color:var(--w);font-size:.65rem;cursor:none;padding:.25rem;transition:opacity .2s}
.pl-btn:hover{opacity:.6}
.pl-play{width:30px;height:30px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.7rem}
.pl-prog{flex:1;height:1px;background:var(--line);position:relative}
.pl-fill{height:100%;background:var(--red);width:0%;transition:width .3s}
.pl-time{font-family:'Unbounded',sans-serif;font-size:.46rem;letter-spacing:.1em;color:var(--dim);flex-shrink:0}
.pl-x{background:none;border:none;color:var(--dim);font-size:.85rem;cursor:none;flex-shrink:0;transition:color .2s;padding:.2rem}
.pl-x:hover{color:var(--w)}

/* NOISE */
body::after{content:'';position:fixed;inset:0;z-index:9990;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");opacity:.4}

/* REVEAL */
.rv{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.rv.in{opacity:1;transform:none}

/* MOBILE */
@media(max-width:900px){
  :root{
    --dim:rgba(240,237,230,.46);
    --dimx:rgba(240,237,230,.68);
    --line:rgba(240,237,230,.11);
    --line2:rgba(240,237,230,.07);
  }
  nav{padding:1rem 1.5rem}nav.stuck{padding:.8rem 1.5rem}
  body,button,a{cursor:auto}
  .n-brandline{display:none}
  .n-links a:not(.n-cta){display:none}.burger{display:flex}.n-cta{display:none}
  .n-links{margin-left:0}
  .n-right{gap:.55rem;margin-left:.55rem}
  .sound-btn{left:1.5rem;width:48px;height:48px}
  .advice-mini{right:1.5rem;top:calc(50vh + 28px);font-size:.46rem;max-width:9rem}
  .synth{left:.75rem;right:.75rem;bottom:.75rem;width:auto;padding:.85rem}
  .advice-modal{padding:.85rem}
  .advice-card{padding:1.1rem 1rem 1rem}
  .advice-title{max-width:18ch}
  .advice-stage{min-height:0;padding:1rem 0 .95rem}
  .advice-step-body{font-size:.8rem;line-height:1.7}
  .advice-foot{flex-direction:column;align-items:stretch}
  .advice-nav{justify-content:space-between}
  .hero-body{padding:0 1.5rem 2.5rem}
  .h-bottom{flex-direction:column;align-items:flex-start;gap:1.2rem}
  .hero-ticker{flex:none;width:100%;max-width:100%;margin-right:0}
  .h-actions{width:100%;grid-template-columns:1fr}
  .nav-logo-svg{width:30px}
  .h-words{font-size:clamp(4rem,17vw,6rem)}
  .h-line1{font-size:clamp(2.45rem,10.2vw,4.4rem);white-space:normal;line-height:.82;letter-spacing:-.06em}
  .h-line2{font-size:clamp(1rem,3.6vw,1.8rem)}
  .about-inner{padding:3rem 1.5rem}
  .about-flex{flex-direction:column;gap:2rem;align-items:flex-start}
  .about-stats{grid-template-columns:1fr 1fr;gap:1.5rem}
  .svc-row{grid-template-columns:40px 1fr;gap:1rem;padding:1.4rem 1.5rem}
  .svc-tiers,.svc-arr{display:none}
  .svc-row{grid-template-columns:40px minmax(0,1fr) auto}
  .svc-tiers{display:flex;justify-content:flex-end}
  .svc-tier{white-space:nowrap;padding:.3rem .5rem;font-size:.43rem}
  .h-line1{font-size:clamp(2.2rem,10vw,4rem)}
  .bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .bc1,.bc2,.bc3,.bc4,.bc5,.bc6,.bc7,.bc8,.bc9{grid-row:auto}
  .bc1{grid-column:1/3;min-height:220px}
  .bc2,.bc4{grid-column:1/2;min-height:190px}.bc3,.bc5{grid-column:2/3;min-height:190px;border-right:none}
  .bc6,.bc7{grid-column:1/3;min-height:220px}.bc8{grid-column:1/2;min-height:190px}.bc9{grid-column:2/3;min-height:190px;border-right:none}
  .artist-row{grid-template-columns:42px minmax(0,1fr) minmax(130px,.4fr) 24px;padding:1rem 1.2rem}
  .artist-row:hover{padding-left:1.5rem}
  .sec-head,.tr-head,.visual-head{padding:2.5rem 1.5rem 1.5rem}
  .tr-row{grid-template-columns:40px minmax(0,1fr) 24px;padding:.9rem 1.5rem}.tr-row:hover{padding-left:1.5rem}
  .tr-service{display:none}
  .tr-tag,.tr-plays{display:none}.tr-more{padding:1rem 1.5rem}
  .visual-head{padding:2.5rem 1.5rem 1.5rem}
  .visual-grid{gap:.85rem;padding:0 1.5rem 1.5rem}
  .vg-card{flex-basis:72vw}
  .syn-white-row{gap:3px}
  .syn-pad{min-height:108px}
  .syn-pad.is-black{width:clamp(32px,6vw,58px)}
  .rv-card{flex-basis:calc((100% - 1px)/2)}
  .proc-steps{grid-template-columns:1fr 1fr}.ps{padding:2rem 1.5rem}
  .ps:nth-child(2n){border-right:none}.ps:nth-child(3),.ps:nth-child(4){border-top:1px solid var(--line)}
  .contact{padding:5rem 1.5rem}
  .contact-h{font-size:clamp(1.9rem,9vw,4rem);white-space:normal;letter-spacing:-.03em}
  footer{flex-direction:column;gap:1.2rem;text-align:center;padding:1.5rem}
  .f-nav{flex-wrap:wrap;justify-content:center}
  .player{padding:.7rem 1.5rem;gap:1rem}
}
@media(max-width:480px){
  .reviews-head{align-items:flex-start;gap:1.5rem}
  .reviews-arrow{width:2.2rem;height:2.2rem}
  .rv-card{flex-basis:86%;padding:1.5rem;min-height:360px}
  .location-map{height:300px}
  .location-info{padding:2.25rem 1.5rem}
  .svc-grid{grid-template-columns:1fr}.svc-grid .svc-card{border-right:none}
  .proc-steps{grid-template-columns:1fr}.ps{border-right:none;border-bottom:1px solid var(--line)}
  .visual-grid{gap:.75rem}
  .vg-card{flex-basis:82vw}
  .syn-white-row{gap:3px}
  .bento{grid-template-columns:1fr}.bc1,.bc2,.bc3,.bc4,.bc5,.bc6,.bc7,.bc8,.bc9{grid-column:1;border-right:none;min-height:200px}
  .artist-row{grid-template-columns:34px minmax(0,1fr) 20px;gap:.8rem;padding:1rem 1.2rem}
  .artist-row>span:nth-of-type(2){grid-column:2;font-size:.38rem}
  .artist-row i{grid-column:3;grid-row:1/3}
  .advice-title{font-size:1rem}
  .advice-step-title{font-size:1rem}
}

/* Content updates from Наполнение.docx */
body,body *{cursor:auto}
a,button,.svc-row,.bc,.tr-row{cursor:pointer}
#cur,#cur-r{display:none!important}
.ticker-inner{animation-duration:20s}
.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2.5rem;background:rgba(5,5,5,.62);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero-intro p{font-family:'Unbounded',sans-serif;font-size:clamp(1rem,1.5vw,1.65rem);font-weight:700;text-transform:uppercase}
.hero-intro a{display:flex;align-items:center;gap:.8rem;max-width:520px;padding:.55rem .8rem;border:1px solid rgba(230,50,50,.5);background:rgba(28,5,7,.8);color:var(--w);font-size:.5rem;line-height:1.55;text-transform:uppercase;letter-spacing:.04em;transition:background .2s,border-color .2s}
.hero-intro a strong{flex:none;background:var(--red);padding:.55rem .65rem;color:#fff;font-size:.68rem;line-height:1.2;letter-spacing:.02em}
.hero-intro a:hover{border-color:var(--red);background:rgba(70,12,16,.86)}
.home-studio{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.home-studio video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4) contrast(1.08) saturate(.92)}
.home-studio::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 17% 70%,rgba(196,35,45,.14),transparent 50%),linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.28) 78%),linear-gradient(to top,rgba(0,0,0,.35),transparent 65%)}
.home-studio-content{position:relative;z-index:1;width:100%;padding:5rem clamp(1.5rem,6vw,7rem);display:flex;flex-direction:column;align-items:flex-start}
.home-studio-brand{position:absolute;z-index:1;top:clamp(5rem,11svh,8rem);left:clamp(1.5rem,6vw,7rem);display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;line-height:1;text-transform:uppercase}
.home-studio-brand span:first-child{font-family:'Syne',sans-serif;font-size:clamp(1.6rem,2.4vw,2.5rem);font-weight:800;letter-spacing:-.055em}
.home-studio-brand span:last-child{color:var(--red);font-family:'Unbounded',sans-serif;font-size:clamp(.6rem,.85vw,.85rem);font-weight:700;letter-spacing:.2em}
.home-studio-content h2{max-width:16ch;font-family:'Unbounded',sans-serif;font-size:clamp(3rem,5.4vw,6.5rem);font-weight:700;letter-spacing:-.06em;line-height:1.1;text-wrap:balance}
.home-studio-book{width:auto;min-width:250px;min-height:58px;padding:1rem 1.4rem;gap:1.6rem;justify-content:space-between;font-size:.66rem;letter-spacing:.09em}
.home-studio>.home-studio-book{position:absolute;z-index:1;left:clamp(1.5rem,6vw,7rem);bottom:clamp(2rem,5svh,4.5rem);margin:0}
.home-studio-book span{font-size:1.2rem;font-weight:400;line-height:1}
.svc-name{white-space:normal}
.svc-row{grid-template-columns:45px minmax(0,1fr) auto 35px;padding:1.1rem 2.5rem}
.artists-rotator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}
.rotating-artist{height:390px;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;padding:1.3rem;background-color:#181818;background-size:cover;background-position:center;position:relative;isolation:isolate;transition:opacity .25s ease}
.rotating-artist.is-changing{opacity:.48}
.rotating-artist:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.54) 48%,rgba(0,0,0,.9) 100%);box-shadow:inset 0 0 110px rgba(0,0,0,.42);z-index:-1;transition:opacity .3s ease}
.rotating-artist:hover:before,.rotating-artist:focus-visible:before{opacity:.72}
.rotating-artist-name{text-shadow:0 2px 18px rgba(0,0,0,.75)}
.rotating-artist-name{font-family:'Unbounded',sans-serif;font-size:clamp(1.2rem,2vw,2rem);font-weight:700;text-transform:uppercase;line-height:1}
.rotating-artist-link{font-size:.5rem;color:var(--red);text-transform:uppercase;letter-spacing:.1em}
.tracks-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:2rem}
.tracks-partnership{padding:2rem;background:#111;align-self:start;position:sticky;top:5rem}
.tracks-partnership h3{font-family:'Unbounded',sans-serif;font-size:clamp(1.15rem,1.65vw,1.7rem);font-weight:350;line-height:1.58;letter-spacing:.065em;text-transform:none}
.tracks-partnership ol{list-style:none;counter-reset:partnership;margin:2rem 0}
.tracks-partnership li{counter-increment:partnership;border-top:1px solid var(--line);padding:1rem 0;font-size:.62rem;line-height:1.4}
.tracks-partnership li:before{content:counter(partnership,decimal-leading-zero);color:var(--red);margin-right:1rem}
.tracks-partnership a{font-size:.55rem;color:var(--red);text-transform:uppercase;letter-spacing:.12em}
@media(max-width:900px){.artists-rotator{grid-template-columns:repeat(2,1fr)}.rotating-artist{height:310px}.tracks-layout{grid-template-columns:1fr}.tracks-partnership{position:static}}
@media(max-width:600px){.hero-intro{flex-direction:column;align-items:flex-start;padding:1rem}.home-studio-content{padding:4rem 1.5rem}.home-studio-brand{top:4.5rem;left:1.5rem}.home-studio-content h2{font-size:clamp(2.3rem,9vw,3.5rem);line-height:1.16}.home-studio>.home-studio-book{left:1.5rem;bottom:2rem}.home-studio-book{min-width:225px}.svc-row{grid-template-columns:25px minmax(0,1fr) auto;gap:.7rem;padding:1rem}.svc-arr{display:none}.svc-name{font-size:.85rem}.svc-tier{font-size:.42rem;padding:.2rem}.rotating-artist{height:240px;padding:.8rem}.rotating-artist-name{font-size:1.1rem}.tracks-partnership{padding:1.25rem}}
.h-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 2rem;width:100%}
.hero-intro{grid-column:1/-1;min-width:0}
.hero-ticker{grid-column:1;min-width:0;width:100%}
.h-actions{grid-column:2}
@media(max-width:900px){.h-bottom{display:flex;flex-direction:column;align-items:stretch}.hero-intro{width:100%}.hero-ticker{width:100%}.h-actions{width:100%}}

/* Hero: centered identity, primary destinations and a prominent partnership offer */
.hero-body{padding-bottom:1.7rem}
.h-title{align-self:center;width:max-content;max-width:100%;align-items:stretch;justify-content:center;gap:4.5rem;padding:2rem 0 1.5rem}
.h-words{align-items:center;text-align:center;transform:translateY(-1.25rem)}
.h-line1{font-size:clamp(3.6rem,7.5vw,8.8rem);justify-content:center}
.h-line2{font-size:clamp(.95rem,1.65vw,1.9rem);margin-top:.3rem}
.hero-main-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid rgba(240,237,230,.28);border-bottom:1px solid rgba(240,237,230,.28);background:rgba(7,7,7,.52);opacity:0;animation:fadeUp .8s var(--ease) .85s forwards}
.hero-main-links a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:88px;padding:1.1rem 1.4rem;border-left:1px solid rgba(240,237,230,.15);font:700 clamp(.95rem,1.3vw,1.18rem)/1.2 'Unbounded',sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--w);transition:background .25s}
.hero-main-links a:first-child{border-left:0}
.hero-main-links a::after{content:'';position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--red);transition:width .3s var(--ease)}
.hero-main-links .hero-link-arrow{color:#f46a6a;font-size:1rem;font-weight:400;transition:transform .25s}
.hero-main-links a:hover,.hero-main-links a:focus-visible{background:rgba(85,21,26,.32);outline:none}
.hero-main-links a:hover::after,.hero-main-links a:focus-visible::after{width:100%}
.hero-main-links a:hover .hero-link-arrow,.hero-main-links a:focus-visible .hero-link-arrow{transform:translate(3px,-3px)}
.h-bottom{display:flex;flex-direction:column;align-items:stretch;gap:.45rem}
.hero-intro{gap:1.5rem;padding:1rem 1.25rem;background:rgba(5,5,5,.78)}
.hero-intro a{max-width:700px;gap:1rem;padding:.7rem 1rem;border-color:rgba(230,50,50,.75);background:rgba(54,7,11,.9)}
.hero-intro a strong{padding:.9rem 1rem;font-size:clamp(.95rem,1.45vw,1.35rem);white-space:nowrap}
.hero-intro a span{font-size:clamp(.6rem,.8vw,.82rem);line-height:1.55}
.hero-intro{align-items:flex-end;padding:0;background:none;border:0}
.hero-intro .hero-intro-start{display:inline-flex;align-items:center;gap:1.1rem;max-width:none;padding:1rem 1.25rem;border:0;border-bottom:2px solid var(--red);background:rgba(7,7,7,.76);font-size:clamp(1rem,1.45vw,1.4rem);font-weight:700;line-height:1.25;letter-spacing:0;text-transform:uppercase}
.hero-intro .hero-intro-start span{color:var(--red);font-size:1.1rem;transition:transform .2s}
.hero-intro .hero-intro-start:hover{background:rgba(45,12,16,.88)}
.hero-intro .hero-intro-start:hover span{transform:translate(3px,-3px)}
.hero-intro .hero-discount{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.7rem;width:clamp(220px,21vw,270px);min-height:0;aspect-ratio:auto;max-width:none;padding:.75rem;border:1px solid rgba(230,50,50,.7);background:linear-gradient(145deg,rgba(60,10,16,.96),rgba(9,9,10,.96) 68%);box-shadow:0 20px 55px rgba(0,0,0,.4),inset 0 0 55px rgba(180,26,42,.13);text-align:left;transition:background .2s,border-color .2s,transform .2s}
.hero-intro .hero-discount strong{display:block;width:100%;padding:.75rem;background:var(--red);color:#fff;font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.18;letter-spacing:-.03em;text-transform:uppercase;white-space:normal}
.hero-intro .hero-discount>span{font-size:.59rem;line-height:1.6;letter-spacing:.02em;text-transform:uppercase}
.hero-intro .hero-discount>span span{color:#ff6868;font-size:.8rem}
.hero-intro .hero-discount:hover{border-color:#ff6868;background:linear-gradient(145deg,rgba(83,15,23,.98),rgba(15,11,12,.98) 68%);transform:translateY(-3px)}
.hero-ticker{flex:none;align-self:stretch;width:100%;margin:0;transform:none;background:#111;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:900px){
  .hero{height:auto;min-height:100svh}
  .hero-body{min-height:calc(100svh - 68px);padding:0 1.5rem 1.6rem}
  .h-title{min-height:350px;gap:3rem;padding:2rem 0}
  .h-line1{font-size:clamp(2.45rem,9.5vw,5.8rem)}
  .hero-main-links a{min-height:72px;padding:.9rem;font-size:.83rem}
  .hero-intro{flex-wrap:wrap}
}
@media(max-width:600px){
  .hero-body{padding:0 1.1rem 1.5rem}
  .h-words{transform:translateY(-.75rem)}
  .h-title{min-height:330px;gap:2rem;padding:2rem 0 1rem}
  .h-line1{font-size:clamp(2.15rem,9.5vw,4.2rem)}
  .h-line2{font-size:clamp(.78rem,3.3vw,1.15rem)}
  .hero-main-links{grid-template-columns:1fr;width:100%}
  .hero-main-links a{min-height:62px;padding:.65rem 1rem;font-size:.86rem;border-left:0;border-top:1px solid rgba(240,237,230,.15)}
  .hero-main-links a:first-child{border-top:0}
  .hero-main-links .hero-link-arrow{font-size:.9rem}
  .hero-intro{align-items:flex-start;gap:1rem;padding:0}
  .hero-intro .hero-intro-start{font-size:.86rem;padding:.75rem 1rem}
  .hero-intro .hero-discount{align-self:flex-end;width:min(100%,250px);min-height:0}
  .hero-intro .hero-discount strong{font-size:1.2rem}
}

/* On the first screen the menu leads; section links appear in the sticky header. */
#nav:not(.stuck) .n-brandline,#nav:not(.stuck) .n-links a:not(.n-cta){opacity:0;visibility:hidden;pointer-events:none}
#nav .n-brandline,#nav .n-links a:not(.n-cta){transition:opacity .25s,visibility .25s,color .2s}
#nav .burger{align-items:center;justify-content:center;width:44px;height:44px;padding:.5rem;border:1px solid rgba(240,237,230,.32);background:rgba(8,8,8,.42);transition:background .2s,border-color .2s}
#nav .burger:hover,#nav .burger:focus-visible{border-color:var(--red);background:rgba(70,12,16,.52);outline:none}
#nav:not(.stuck) .burger{display:flex}
#nav.stuck .burger{display:none}
.hero .advice-mini{position:absolute;top:55%;right:2.5rem;transform:translateY(-50%)}
.hero .advice-mini:hover{transform:translateY(calc(-50% - 1px))}
@media(max-width:900px){
  #nav.stuck .burger{display:flex}
  #nav .n-links{display:flex}
  #nav .n-cta{display:inline-flex}
  .hero .advice-mini{top:6.5rem;right:1.5rem;transform:none}
  .hero .advice-mini:hover{transform:translateY(-1px)}
}
@media(max-width:600px){.hero .advice-mini{right:1.1rem}}
@media(max-width:760px){.contact-btns{grid-template-columns:1fr 1fr}.contact-btns .btn-red,.contact-btns .btn-ghost{min-height:64px}}


.services{scroll-margin-top:80px}
#nav .n-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 1.25rem!important}
.services .sec-head{gap:1.5rem;flex-wrap:wrap}
.svc-discount{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:1rem 1.4rem;border:1px solid #ff5252;background:#e63232;color:#fff;font:750 .62rem/1.35 'Unbounded',sans-serif;text-align:center;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 28px rgba(230,50,50,.28);transition:background .2s,box-shadow .2s}
.svc-discount:hover,.svc-discount:focus-visible{background:#b9222b;box-shadow:0 0 38px rgba(230,50,50,.4)}
.svc-tier,.svc-row:hover .svc-tier{border-color:transparent;background:transparent;color:var(--w);font-size:clamp(.75rem,1.25vw,1.05rem);font-weight:750;letter-spacing:0;padding:0;text-transform:none;white-space:nowrap}
/* Keep both ticker copies identical so the loop has no visible seam. */
.hero-ticker .ticker-inner{animation-duration:var(--ticker-duration,32s)}
@media(max-width:900px){
  .mob-nav{counter-reset:mobile-nav}
  .mob-nav > a{font-size:clamp(1.75rem,8vw,3.2rem);gap:.45rem;justify-content:flex-start}
  .mob-nav > a::before{counter-increment:mobile-nav;content:counter(mobile-nav,decimal-leading-zero);font-size:.42rem;font-weight:600;letter-spacing:.04em;color:var(--red);align-self:center;flex:none;margin-right:.45rem}
  .mob-nav > a::after{margin-left:auto;flex:none}
}
@media(max-width:600px){.services .sec-head{align-items:flex-start}.svc-discount{min-height:48px;padding:.8rem 1rem;font-size:.52rem}.svc-tier,.svc-row:hover .svc-tier{font-size:.58rem}}

/* Direct contact options inside the mobile navigation. */
.mob-nav .mobile-contact{margin-top:clamp(1.5rem,4vh,2.5rem);padding-top:1.25rem;border-top:1px solid var(--line)}
.mob-nav .mobile-contact-label{margin:0 0 .85rem;font-size:.45rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.mob-nav .mobile-contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.mob-nav .mobile-contact-links a{min-width:0;min-height:3.5rem;padding:.9rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--w);font-size:clamp(.52rem,2.4vw,.68rem);font-weight:650;letter-spacing:0;line-height:1.3;text-transform:uppercase;transition:border-color .2s,background .2s}
.mob-nav .mobile-contact-links a span{flex:none;font-size:.8rem;color:var(--red)}
.mob-nav .mobile-contact-links a:hover,.mob-nav .mobile-contact-links a:focus-visible{border-color:var(--red);background:rgba(255,255,255,.08);outline:none}

@media(max-width:900px){.mob-nav{overflow-y:auto}}
/* Match the contact palette used in the footer. */
.mob-nav .mobile-contact-links a:nth-child(1){background:#176687;border-color:transparent}
.mob-nav .mobile-contact-links a:nth-child(2){background:#174f9b;border-color:transparent}
.mob-nav .mobile-contact-links a:nth-child(3){background:linear-gradient(125deg,#54266d 0%,#762954 38%,#8f304d 64%,#98512f 100%);border-color:transparent}
.mob-nav .mobile-contact-links a:nth-child(4){background:#28693c;border-color:transparent}
.mob-nav .mobile-contact-links a span{color:#fff}
.mob-nav .mobile-contact-links a:hover,.mob-nav .mobile-contact-links a:focus-visible{filter:brightness(1.14);border-color:transparent}
.mob-nav > a::before{display:none}
@media(max-width:600px){
  .artists-rotator{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rotating-artist{min-width:0;overflow:hidden}
  .hero-body{padding-left:0;padding-right:0}
  .h-title,.h-bottom{width:100%;max-width:none;align-self:stretch}
  .h-words{width:100%;padding:0 1rem}
  .hero-main-links{width:100%}
  .hero-intro{width:100%;align-items:stretch;gap:.6rem;padding:0 1rem}
  .hero-intro .hero-intro-start{display:flex;width:100%;max-width:none;justify-content:space-between}
  .hero-intro .hero-discount{align-self:stretch;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:.65rem;width:100%;max-width:none;padding:.55rem;min-height:0}
  .hero-intro .hero-discount strong{display:flex;align-items:center;min-height:72px;margin:0;padding:.7rem;font-size:clamp(.95rem,4.3vw,1.2rem)}
  .hero-intro .hero-discount>span{font-size:clamp(.45rem,2.1vw,.55rem);line-height:1.45}
}
@media(max-width:360px){.hero .advice-mini{top:10.6rem;right:1rem;font-size:.38rem}}