/* ============================================================
   PMT ARCHIVE — styles
   Токены: Onest 300/400 · #0C0616 / #170D28 / accent #C026F5
   Кривая: cubic-bezier(.22,1,.36,1) · Радиусы: 0 и 999px
   ============================================================ */

:root{
  --bg:#0C0616;
  --bg-2:#140B23;
  --bg-3:#1C1030;
  --ink:#F5F1FB;
  --accent:#C026F5;
  --accent-soft:rgba(192,38,245,.16);
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(20px,4.5vw,72px);
  --gap:clamp(24px,3vw,44px);
  --rule:rgba(245,241,251,.12);
  --header-h:84px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Onest',system-ui,sans-serif;font-weight:400;
  font-size:clamp(15px,1.1vw,18px);line-height:1.6;
  overflow-x:hidden;
}
body::after{ /* зерно 5% */
  content:'';position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
  mix-blend-mode:soft-light;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}

/* ---------- типографика ---------- */
h1,h2,h3,h4{margin:0;font-weight:300;hyphens:none;text-wrap:balance}
h1{font-size:clamp(2.6rem,7.4vw,8.2rem);line-height:.88;letter-spacing:-.035em;text-transform:uppercase}
h2{font-size:clamp(2rem,5vw,4.6rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase}
h3{font-size:clamp(1.25rem,2vw,2.1rem);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}
p{margin:0;max-width:56ch;text-wrap:pretty}
.lead{font-size:clamp(16px,1.25vw,20px);line-height:1.55;color:rgba(245,241,251,.78);max-width:52ch}
.muted{color:rgba(245,241,251,.58)}
.label{
  font-size:12px;line-height:1.8;text-transform:uppercase;letter-spacing:.19em;
  color:rgba(245,241,251,.58);
}
.label--accent{color:var(--accent)}
.num{font-size:12px;letter-spacing:.19em;color:var(--accent);text-transform:uppercase}

/* ---------- служебное ---------- */
.wrap{padding-inline:var(--pad)}
.section{padding-block:clamp(72px,11vh,150px);position:relative}
.rule{height:1px;background:var(--rule);border:0;margin:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--pad);top:12px;z-index:1000;background:var(--accent);padding:10px 16px}

/* ---------- шапка ---------- */
.head{
  position:fixed;inset:0 0 auto 0;z-index:800;height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;
  padding-inline:var(--pad);
  transition:background 600ms var(--ease),backdrop-filter 600ms var(--ease);
}
.head.is-stuck{background:rgba(12,6,22,.72);backdrop-filter:blur(18px)}
.mark{display:flex;align-items:center;gap:12px;color:var(--accent);min-height:44px}
.mark svg{width:44px;height:auto;filter:drop-shadow(0 0 14px rgba(192,38,245,.55))}
.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}
.nav a{
  position:relative;font-size:12px;letter-spacing:.19em;text-transform:uppercase;
  color:rgba(245,241,251,.72);padding:14px 2px;min-height:44px;display:inline-flex;align-items:center;
  transition:color 320ms var(--ease);
}
.nav a::after{
  content:'';position:absolute;left:0;right:0;bottom:10px;height:1px;background:var(--accent);
  transform:scaleX(0);transform-origin:left;transition:transform 520ms var(--ease);
}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{transform:scaleX(1)}
.head .btn{margin-left:clamp(18px,3vw,56px)}
.nav-toggle{display:none}

/* ---------- кнопки ---------- */
.btn{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:14px;
  min-height:44px;padding:14px 26px;border:0;background:none;cursor:pointer;
  font:inherit;font-size:12px;letter-spacing:.19em;text-transform:uppercase;
}
.btn__fill{
  position:absolute;inset:0;background:var(--accent);
  transform:scaleX(0);transform-origin:left;
  transition:transform 500ms var(--ease);
}
.btn:hover .btn__fill,.btn:focus-visible .btn__fill{transform:scaleX(1)}
.btn__label{position:relative;z-index:2;transition:color 320ms var(--ease)}
.btn__arrow{position:relative;z-index:2;width:26px;height:8px;transition:transform 520ms var(--ease)}
.btn:hover .btn__arrow{transform:translateX(7px)}
.btn--solid{background:var(--accent);border-radius:999px;color:#fff}
.btn--solid .btn__fill{background:#fff}
.btn--solid:hover .btn__label,.btn--solid:hover .btn__arrow{color:var(--bg)}
.btn--line{border-radius:999px;box-shadow:inset 0 0 0 1px var(--rule)}
.btn--line:hover .btn__label,.btn--line:hover .btn__arrow{color:#fff}
.btn--bare{padding-inline:0}
.btn--bare .btn__fill{inset:auto 0 8px 0;height:1px;background:var(--accent)}
.btn--back .btn__arrow{order:-1;transform:rotate(180deg)}
.btn--back:hover .btn__arrow{transform:rotate(180deg) translateX(7px)}
.cta-row{display:flex;align-items:center;gap:clamp(20px,3vw,48px);flex-wrap:wrap}
.assure{font-size:12px;line-height:1.5;color:rgba(245,241,251,.55);max-width:22ch}

/* ---------- герой (схема C, 60/40) ---------- */
.hero{
  min-height:100svh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  align-items:stretch;
}
.hero__text{
  display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,2.4vw,32px);
  padding:calc(var(--header-h) + 4vh) clamp(24px,4vw,64px) 9vh var(--pad);
}
.hero h1{max-width:14ch}
.hero__wall{
  position:relative;overflow:hidden;background:var(--bg-2);
  display:grid;place-items:center;isolation:isolate;
}
.hero__wall::before{ /* стена из PMT */
  content:'';position:absolute;inset:-22% -22%;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='150'><text x='0' y='105' font-family='Onest,Arial' font-size='96' font-weight='700' fill='%23241539' letter-spacing='-3'>PMT</text></svg>");
  transform:rotate(-8deg) translate3d(var(--wx,0px),var(--wy,0px),0);
  transition:transform 900ms var(--ease);opacity:.9;
}
.hero__wall::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(58% 46% at 50% 50%,rgba(192,38,245,.28),transparent 70%);
}
.hero__glyph{position:relative;z-index:2;color:var(--accent);width:min(46%,300px)}
.hero__glyph svg{width:100%;height:auto;filter:drop-shadow(0 0 48px rgba(192,38,245,.75))}
.hero--glow{background:
  radial-gradient(120% 90% at 12% 0%,rgba(112,26,168,.42),transparent 62%),
  radial-gradient(80% 60% at 0% 40%,rgba(192,38,245,.14),transparent 70%);
}

/* ---------- о команде ---------- */
.statement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--gap);align-items:end}
.statement .lead{max-width:46ch}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:clamp(48px,7vh,96px)}
.why__item{background:var(--bg-2);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.why__item:nth-child(2){background:var(--bg-3)}
.why__item h3{font-size:clamp(1.1rem,1.5vw,1.5rem)}
.why__item p{font-size:15px;color:rgba(245,241,251,.7);max-width:34ch}

/* ---------- список проектов ---------- */
.plist{display:flex;flex-direction:column}
.prow{
  display:grid;grid-template-columns:88px minmax(0,1.05fr) minmax(0,1fr);
  gap:var(--gap);align-items:center;padding-block:clamp(22px,3vh,40px);
  border-top:1px solid var(--rule);position:relative;
}
.plist .prow:last-child{border-bottom:1px solid var(--rule)}
.prow__media{overflow:hidden;aspect-ratio:16/9;background:var(--bg-2)}
.prow__media img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:transform 820ms var(--ease)}
.prow:hover .prow__media img{transform:scale(1.09)}
.prow__body{display:flex;flex-direction:column;gap:12px}
.prow__body h3{transition:color 320ms var(--ease)}
.prow:hover .prow__body h3{color:var(--accent)}
.prow__meta{display:flex;gap:18px;flex-wrap:wrap}

/* ---------- сетка архива ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:var(--gap)}
.card{position:relative;display:flex;flex-direction:column;gap:16px;background:var(--bg-2);padding-bottom:clamp(20px,2vw,28px)}
.card:nth-child(even){background:var(--bg-3)}
.card__media{overflow:hidden;aspect-ratio:16/9;background:var(--bg-3)}
.card__media img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform 860ms var(--ease)}
.card:hover .card__media img{transform:scale(1.03)}
.card__body{display:flex;flex-direction:column;gap:10px;padding-inline:clamp(18px,2vw,26px)}
.card__body h3{font-size:clamp(1.1rem,1.6vw,1.6rem)}
.card__hair{height:1px;background:var(--rule);margin-inline:clamp(18px,2vw,26px)}

/* ---------- страница проекта ---------- */
.pj{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
/* картинку пиним через контейнер, не через сам img */
.pj__media{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--bg-2);align-self:start}
.pj__media img{width:100%;height:100%;object-fit:contain;object-position:center;background:var(--bg-2)}
.pj__side{
  display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);
  padding:calc(var(--header-h) + 5vh) var(--pad) clamp(56px,8vh,110px) clamp(28px,4vw,64px);
}
.pj__side h1{font-size:clamp(2.2rem,4.6vw,5rem)}
.metagrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);
  border-top:1px solid var(--rule);padding-top:clamp(22px,3vh,34px)}
.metagrid div{display:flex;flex-direction:column;gap:4px}
.metagrid span{font-size:15px}
.castblock{border-top:1px solid var(--rule);padding-top:clamp(22px,3vh,34px)}
.castlist{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:10px;font-size:15px;color:rgba(245,241,251,.82)}
.castlist span{white-space:nowrap}
.castlist span:not(:last-child)::after{content:' / ';color:rgba(245,241,251,.35)}
.tagline{
  font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.1;letter-spacing:-.02em;
  text-transform:uppercase;color:var(--accent);font-weight:300;
}
.features{display:grid;gap:14px;border-top:1px solid var(--rule);padding-top:clamp(22px,3vh,34px)}
.features div{display:flex;flex-direction:column;gap:4px}
.features b{font-weight:400}
.features p{font-size:15px;color:rgba(245,241,251,.68)}

/* ---------- эпизоды ---------- */
.eplist{display:flex;flex-direction:column;gap:clamp(26px,4vh,52px);margin-top:clamp(34px,5vh,64px)}
.ep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--gap);align-items:center;
  border-top:1px solid var(--rule);padding-top:clamp(20px,2.6vh,34px)}
.ep__head{display:flex;flex-direction:column;gap:10px}
.ep__head h3{max-width:16ch}
.player{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-2);overflow:hidden}
.player img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform 900ms var(--ease),filter 900ms var(--ease)}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player__btn{
  position:absolute;inset:0;display:grid;place-items:center;background:none;border:0;cursor:pointer;
  color:#fff;padding:0;
}
.player__disc{
  width:clamp(58px,6vw,86px);aspect-ratio:1;border-radius:999px;background:var(--accent);
  display:grid;place-items:center;transform:scale(1);
  transition:transform 620ms var(--ease),box-shadow 620ms var(--ease);
  box-shadow:0 0 0 0 rgba(192,38,245,.45);
}
.player__btn:hover .player__disc{transform:scale(1.12);box-shadow:0 26px 60px -18px rgba(192,38,245,.85)}
.player:hover img{transform:scale(1.04)}
.player__disc svg{width:34%;height:auto}
.player--empty{display:grid;place-items:center;text-align:center;padding:clamp(20px,3vw,40px)}
.player--empty img{position:absolute;inset:0;filter:grayscale(1) brightness(.5) blur(2px)}
.player__soon .label{text-shadow:0 2px 18px rgba(12,6,22,.9)}
.player__soon{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;align-items:center}

/* ---------- страница серии ---------- */
.watch{padding-top:calc(var(--header-h) + 5vh)}
.watch__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--gap);align-items:end;
  padding-bottom:clamp(24px,4vh,44px)}
.watch__stage{width:100%;background:#000}
.credits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--gap);
  padding-top:clamp(28px,4vh,52px)}
.credits__col{display:flex;flex-direction:column;gap:10px}
.credits__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px}
.credits__col li span{color:rgba(245,241,251,.6)}
.pager{display:flex;justify-content:space-between;gap:var(--gap);flex-wrap:wrap;
  border-top:1px solid var(--rule);margin-top:clamp(34px,5vh,64px);padding-top:clamp(20px,3vh,32px)}

/* ---------- команда ---------- */
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:0 var(--gap)}
.team__row{display:flex;flex-direction:column;gap:2px;padding-block:16px;border-top:1px solid var(--rule)}
.team__row b{font-weight:400;font-size:17px}
.team__row span{font-size:13px;color:rgba(245,241,251,.55)}

/* ---------- связь ---------- */
.contact{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--gap);align-items:end}
.links{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--rule);padding-top:22px}
.links a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;
  font-size:clamp(1.05rem,1.6vw,1.5rem);text-transform:uppercase;letter-spacing:-.01em;
  transition:color 320ms var(--ease),padding-left 520ms var(--ease)}
.links a:hover{color:var(--accent);padding-left:10px}
.links a svg{width:26px;height:8px;flex:none}

/* ---------- подвал ---------- */
.foot{display:flex;justify-content:space-between;gap:var(--gap);flex-wrap:wrap;
  border-top:1px solid var(--rule);padding-block:clamp(28px,4vh,52px)}
.foot__mark{display:flex;align-items:center;gap:14px;color:var(--accent)}
.foot__mark svg{width:38px}

/* ---------- появление ---------- */
.rise{opacity:0;transform:translateY(28px);filter:blur(14px)}
.is-in .rise,.rise.is-in{
  opacity:1;transform:none;filter:blur(0);
  transition:opacity 900ms var(--ease) var(--d,0ms),transform 900ms var(--ease) var(--d,0ms),
             filter 900ms var(--ease) var(--d,0ms);
}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero__text{min-height:100svh;padding-inline:var(--pad);justify-content:flex-end;padding-bottom:12vh}
  .hero__wall{min-height:52svh;order:-1}
  .pj{grid-template-columns:1fr}
  .pj__media{position:relative;height:62svh}
  .pj__side{padding:clamp(32px,5vh,56px) var(--pad)}
  .statement,.contact,.watch__top{grid-template-columns:1fr}
  .why{grid-template-columns:1fr}
  .prow{grid-template-columns:minmax(0,1fr);gap:16px}
  .prow__num{display:none}
  .ep{grid-template-columns:1fr}
}
@media (max-width:720px){
  :root{--header-h:70px}
  .nav{gap:16px}
  .nav a{font-size:11px;letter-spacing:.14em}
  .head .btn{display:none}
  .metagrid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .rise{opacity:1;transform:none;filter:none}
  .hero__wall::before{transition:none}
}

/* ---------- утилиты отступов (вместо инлайновых стилей) ---------- */
.mt-s{margin-top:24px}
.mt-m{margin-top:32px}
.mt-l{margin-top:clamp(34px,5vh,64px)}
.mt-xl{margin-top:clamp(40px,6vh,80px)}
.section--page{padding-top:calc(var(--header-h) + 9vh)}
.section--tight{padding-top:0}
.h1--watch{font-size:clamp(2rem,4vw,4.4rem)}
.foot__note{max-width:38ch}