@font-face{font-family:'CormLnum';src:url(assets/fonts/corm-lnum.woff2) format('woff2');font-weight:300 700;unicode-range:U+0030-0039}
/* Общая стилистика: арена и газета в начале, дальше кинематографичные сцены разделов (sec/*.css).
   Фон всегда ровный: без шума, зерна и радиальных подсветок. Типографика: Cormorant + Onest + Caveat */
:root{
  --ink:#070605;--ink-2:#0e0c0b;--card:#151311;--card-2:#1c1916;--card-3:#24201c;
  --bone:#f1ebe1;--bone-2:#d9cfbe;--ash:rgba(241,235,225,.62);--ash-2:rgba(241,235,225,.34);--line:rgba(241,235,225,.1);
  --ember:#ff4a22;--ember-2:#d23a1a;
  --paper:#e6dcc3;--paper-2:#ddd2b6;--table:#191512;--sm:clamp(10px,1.4vw,24px);--pink:#16130f;--pink-2:rgba(22,19,15,.66);--prule:rgba(22,19,15,.2);--red:#b8321c;
  --font:'Onest',system-ui,sans-serif;--serif:'Cormorant',Georgia,serif;--hand:'Caveat',cursive;
  --pad:clamp(44px,6.6vw,112px);--r:28px;--r-sm:18px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;font:400 15px/1.55 var(--font);background:var(--ink);overflow-x:clip;letter-spacing:-.005em}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
img{display:block;max-width:100%}
em{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.01em;color:var(--ember)}
::selection{background:var(--ember);color:var(--ink)}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--bone);color:var(--ink);padding:10px 16px;border-radius:12px}
.skip:focus{top:16px}
.visually-hidden,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.label{font:500 11.5px/1.3 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--ash)}

/* ---------- Загрузка: татуировки с обложек кружат вокруг процентов ---------- */
.intro{position:fixed;inset:0;z-index:120;background:#0b0908;display:grid;place-items:center;pointer-events:none}
.intro-orbit{position:absolute;left:50%;top:50%;width:0;height:0;--R:min(34vw,460px);--ry:min(30vh,260px);--T:14s;animation:io-in 1.4s cubic-bezier(.2,.7,.2,1) backwards;transition:transform 1.1s cubic-bezier(.55,0,.8,.25),opacity .9s .15s}
.intro.out .intro-orbit{transform:scale(2.6);opacity:0}
.io{position:absolute;left:0;top:0;will-change:transform;animation:io-x calc(var(--T) / 2) cubic-bezier(.37,0,.63,1) calc(var(--d) * -1) infinite alternate}
.io span{display:block;will-change:transform;animation:io-y calc(var(--T) / 2) cubic-bezier(.37,0,.63,1) calc(var(--d) * -1 - var(--T) / 4) infinite alternate}
.io img{display:block;width:calc(clamp(96px,9.4vw,152px) * var(--sw,1));max-width:none;height:auto;transform:translate(-50%,-50%) rotate(var(--r));filter:drop-shadow(0 12px 20px rgba(0,0,0,.5));will-change:transform;animation:io-r var(--w) ease-in-out infinite alternate}
@keyframes io-in{from{opacity:0}}
@keyframes io-x{from{transform:translateX(var(--R))}to{transform:translateX(calc(var(--R) * -1))}}
@keyframes io-y{from{transform:translateY(calc(var(--ry) * -1)) scale(.8)}to{transform:translateY(var(--ry)) scale(1.06)}}
@keyframes io-r{to{transform:translate(-50%,-50%) rotate(calc(var(--r) * -1))}}
.intro-c{position:relative;text-align:center}
.intro-pct{display:flex;align-items:flex-start;justify-content:center;font:500 clamp(84px,10vw,150px)/.8 var(--serif);color:var(--bone);font-variant-numeric:lining-nums tabular-nums}
.intro-pct i{font-style:normal;font-size:.38em;margin:.12em 0 0 .08em;color:var(--ember)}
.intro-t{margin-top:18px;font:500 11.5px/1 var(--font);letter-spacing:.32em;text-transform:uppercase;color:rgba(241,235,225,.6)}

/* ---------- Шапка ---------- */
.header{position:fixed;left:0;right:0;top:0;z-index:60;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px var(--pad);pointer-events:none;color:var(--bone);transition:color .5s}
.header > *{pointer-events:auto}
.header > *{transition:transform .6s var(--ease),opacity .45s}
.header.is-tucked > *{transform:translateY(-140%);opacity:0;pointer-events:none}
.nav{grid-column:2;display:flex;gap:clamp(14px,1.8vw,36px);margin:0 28px}
.nav a{position:relative;font:500 12px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;opacity:.72;transition:opacity .3s}
.nav a::after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.nav a:hover,.nav a.is-active{opacity:1}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.header-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:26px}
.h-write{font:500 12px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid currentColor}
.menu-btn{position:relative;width:34px;height:20px}
.menu-btn i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .6s var(--ease),opacity .3s,width .6s var(--ease)}
.menu-btn i:nth-child(1){top:2px}.menu-btn i:nth-child(2){top:9px;left:10px}.menu-btn i:nth-child(3){top:16px}
.menu-btn:hover i:nth-child(2){left:0}
html.menu-open .menu-btn i:nth-child(1){transform:translateY(7px) rotate(45deg)}
html.menu-open .menu-btn i:nth-child(2){opacity:0}
html.menu-open .menu-btn i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.on-light .header{color:var(--pink)}
html.menu-open .header{color:var(--bone)}

/* ---------- Меню ---------- */
.menu{position:fixed;inset:0;z-index:55;visibility:hidden;touch-action:none;overscroll-behavior:contain} /* свайп по открытому меню не прокручивает страницу под ним */
html.menu-open .menu{visibility:visible}
.menu-bg{position:absolute;inset:0;background:#0b0908;clip-path:inset(0 0 100% 0)}
.menu-inner{position:relative;height:100%;display:grid;grid-template-columns:minmax(280px,30vw) 1fr;grid-template-rows:1fr auto;column-gap:6vw;padding:96px var(--pad) 40px}
.menu-pic{position:relative;grid-row:1/3;margin:0;border-radius:var(--r);overflow:hidden;background:#15110e;align-self:stretch}
.menu-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.menu-cap{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;font:500 italic 22px/1.2 var(--serif);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.menu-nav{align-self:center;display:grid;grid-template-columns:1fr 1fr;column-gap:4vw}
.menu-nav a{display:block;overflow:hidden;padding:.12em 0 .14em;border-top:1px solid rgba(241,235,225,.1);font:500 clamp(34px,3.9vw,68px)/1.06 var(--serif);letter-spacing:-.01em;color:var(--bone)}
.menu-nav a span{display:inline-block;transition:transform .7s var(--ease),color .4s}
@media (hover:hover){.menu-nav a:hover span{transform:translateX(18px);color:var(--ember);font-style:italic}}
.menu-nav a.is-active span{color:var(--ember)}
.menu-foot{display:flex;align-items:center;gap:4vw;padding-top:26px;border-top:1px solid rgba(241,235,225,.1);font:500 14px/1 var(--font)}
.menu-foot a{transition:color .3s}
@media (hover:hover){.menu-foot a:hover{color:var(--ember)}}
.mf-tel{white-space:nowrap}
.menu-foot .soc{margin-left:auto}
.soc{display:flex;gap:10px}
.soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid currentColor;opacity:.8;transition:opacity .3s,background .3s,color .3s,border-color .3s}
.soc svg{width:19px;height:19px;fill:currentColor}
@media (hover:hover){.soc a:hover{opacity:1;background:var(--ember);border-color:var(--ember);color:#fff}}

/* ---------- Курсор ---------- */
.cursor{position:fixed;inset:0;z-index:150;pointer-events:none}
.cursor-dot,.cursor-ring{position:absolute;left:0;top:0;border-radius:50%}
.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--ember)}
.cursor-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid rgba(255,120,80,.55);transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .4s,border-color .4s}
.cursor.is-link .cursor-ring{width:60px;height:60px;margin:-30px 0 0 -30px;background:rgba(255,74,34,.1);border-color:var(--ember)}
.cursor.is-text .cursor-ring{width:4px;height:30px;margin:-15px 0 0 -2px;border-radius:2px;background:var(--ember);border-color:transparent}
.cursor.has-label .cursor-ring{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--ember);border-color:var(--ember)}
.cursor-label{position:absolute;transform:translate(-50%,-50%);font:500 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:0;transition:opacity .3s}
.cursor.has-label .cursor-label{opacity:1}
.cursor.is-down .cursor-ring{transform:scale(.8)}
html.has-cursor,html.has-cursor *{cursor:none!important}
@media (hover:none){.cursor{display:none}}

/* ---------- Типографика и кнопки ---------- */
.h-xl,.h-lg,.contact-title{margin:0;font-family:var(--serif);font-weight:500;line-height:.94;letter-spacing:-.012em}
.h-xl em,.h-lg em{font-size:1.04em;line-height:.8;font-weight:500}
.h-xl{font-size:clamp(44px,4.8vw,84px)}
.h-lg{font-size:clamp(44px,5.2vw,92px)}
.lead{font:400 clamp(17px,1.35vw,21px)/1.45 var(--font);margin:28px 0 0;max-width:38ch}
.link{position:relative;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;width:max-content;padding:0 0 7px;font:500 11.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:inherit;white-space:nowrap;border-bottom:1px solid currentColor;transition:color .3s,border-color .3s}
.link:hover{color:var(--ember);border-color:var(--ember)}
.btn{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 30px;border-radius:16px;background:var(--bone);color:var(--ink);font:500 14px/1 var(--font);letter-spacing:.02em;white-space:nowrap;overflow:hidden;isolation:isolate}
.btn::before{content:'';position:absolute;inset:0;background:var(--ember);border-radius:inherit;transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{color:#fff}
.btn i{display:none}
.btn-dark{background:var(--pink);color:var(--paper)}
.btn-outline{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}

/* ---------- Первый экран: арена ---------- */
.hero{position:relative;height:190vh;background:var(--table)}
.hero-pin{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden}
.arena{position:absolute;inset:0;z-index:5;pointer-events:none}
.arena-in{position:absolute;inset:0;overflow:hidden;background:#050404;transform-origin:0 0;will-change:transform,clip-path}
.arena-gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.ar-fig{position:absolute;left:var(--fl,40%);top:var(--ft,14vh);height:var(--fh,110vh);width:auto;max-width:none;transform-origin:50% 30%;filter:brightness(.06);will-change:filter,transform}
.ar-name{position:absolute;inset:0;pointer-events:none}
.ar-w{position:absolute;top:var(--wy,14vh);font:500 120px/.8 var(--serif);text-transform:uppercase;letter-spacing:.01em;color:var(--bone);white-space:nowrap;opacity:0}
.ar-w1{right:calc(50% + var(--wg,70px))}
.ar-w2{left:calc(50% + var(--wg,70px))}
.ar-flash{position:absolute;inset:0;background:#fff;opacity:0;mix-blend-mode:overlay}
.ar-ui{position:absolute;inset:0;z-index:6;pointer-events:none;color:var(--bone)}
.ar-ui > *{pointer-events:auto}
.ar-titles{position:absolute;inset:0;pointer-events:none}
.at{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;width:var(--tw,380px);opacity:0}
.at .laurel{flex:none;height:var(--lh,130px);width:auto;overflow:visible}
.laurel .stem{fill:none;stroke:#c9a35d;stroke-width:2.2;stroke-linecap:round}
.laurel .lf{fill:#c9a35d}
.at-in{display:flex;flex-direction:column;align-items:center;text-align:center;will-change:transform,filter}
.at-y{font:600 12px/1 var(--font);letter-spacing:.32em;color:#e0bd78;margin-bottom:10px}
.at-1,.at-2{font:500 var(--tf,48px)/.98 var(--serif);white-space:nowrap}
.at-1{color:var(--bone)}
.at-2{display:block;font-style:italic;color:var(--ember)}
.at-2 b{font-weight:500;font-style:normal;color:var(--bone)}
.ar-desc{position:absolute;left:50%;bottom:2.6vh;z-index:3;width:var(--dw,min(520px,calc(100vw - 2 * var(--pad))));transform:translateX(-50%);padding:22px 28px 22px;border-radius:24px;background:rgba(10,8,7,.62);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);text-align:center;opacity:0}
.ad-k{margin:0 0 10px;font:500 italic clamp(24px,2vw,32px)/1.1 var(--serif);color:var(--bone)}
.ad-p{margin:0 auto 16px;max-width:42ch;font:500 clamp(18px,1.3vw,21px)/1.32 var(--serif);color:var(--bone)}
.ar-desc .soc{justify-content:center}
.ar-desc .soc a{color:var(--bone)}

/* ---------- Газета: старая советская полоса на столе ---------- */
.paper{position:relative;color:var(--pink);text-shadow:0 0 .6px rgba(40,24,10,.45)}
.sheet-paper{background:var(--paper) url(assets/paper-news.webp);background-size:900px;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2714%27%20height%3D%27240%27%3E%3Cpolygon%20points%3D%2714.0%2C0.0%209.2%2C0.0%2011.0%2C7.5%2010.4%2C16.1%203.3%2C24.6%2012.4%2C30.4%2012.0%2C37.3%207.7%2C41.0%208.4%2C45.5%203.1%2C51.9%205.8%2C56.2%2010.7%2C64.7%2011.0%2C68.7%209.2%2C72.5%203.0%2C76.3%205.1%2C84.5%2012.8%2C88.8%205.9%2C97.0%208.4%2C105.8%205.0%2C112.9%209.9%2C121.5%2011.9%2C130.3%206.6%2C135.1%204.5%2C139.1%206.0%2C142.5%203.0%2C149.1%206.4%2C156.2%2011.2%2C161.0%206.2%2C166.9%2010.0%2C172.8%2012.8%2C176.2%2010.5%2C179.3%203.2%2C187.4%206.7%2C195.1%203.1%2C201.6%204.8%2C204.8%205.0%2C213.6%2012.3%2C221.1%206.4%2C229.8%208.2%2C234.9%209.2%2C240.0%2014.0%2C240.0%27/%3E%3C/svg%3E") left top/14px 240px repeat-y,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2714%27%20height%3D%27240%27%3E%3Cpolygon%20points%3D%270.0%2C0.0%208.6%2C0.0%207.3%2C6.3%204.7%2C12.9%2010.9%2C16.3%208.4%2C24.3%201.0%2C28.7%202.6%2C34.5%204.6%2C40.4%204.7%2C44.3%205.8%2C52.5%204.3%2C60.0%203.4%2C63.3%208.0%2C69.9%202.3%2C73.1%203.8%2C78.9%203.9%2C87.2%207.1%2C95.7%206.6%2C103.5%202.2%2C112.1%209.6%2C115.7%201.3%2C120.0%204.7%2C125.6%205.9%2C130.4%207.5%2C135.7%205.2%2C142.3%204.2%2C150.7%202.4%2C159.3%204.3%2C168.2%202.4%2C172.2%202.0%2C181.0%203.9%2C187.4%202.7%2C191.7%208.2%2C198.1%202.5%2C201.5%2010.1%2C210.4%206.9%2C218.2%208.1%2C222.1%202.3%2C229.7%204.9%2C233.0%203.8%2C236.3%208.6%2C240.0%200.0%2C240.0%27/%3E%3C/svg%3E") right top/14px 240px repeat-y,linear-gradient(#000,#000) center/calc(100% - 26px) 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2714%27%20height%3D%27240%27%3E%3Cpolygon%20points%3D%2714.0%2C0.0%209.2%2C0.0%2011.0%2C7.5%2010.4%2C16.1%203.3%2C24.6%2012.4%2C30.4%2012.0%2C37.3%207.7%2C41.0%208.4%2C45.5%203.1%2C51.9%205.8%2C56.2%2010.7%2C64.7%2011.0%2C68.7%209.2%2C72.5%203.0%2C76.3%205.1%2C84.5%2012.8%2C88.8%205.9%2C97.0%208.4%2C105.8%205.0%2C112.9%209.9%2C121.5%2011.9%2C130.3%206.6%2C135.1%204.5%2C139.1%206.0%2C142.5%203.0%2C149.1%206.4%2C156.2%2011.2%2C161.0%206.2%2C166.9%2010.0%2C172.8%2012.8%2C176.2%2010.5%2C179.3%203.2%2C187.4%206.7%2C195.1%203.1%2C201.6%204.8%2C204.8%205.0%2C213.6%2012.3%2C221.1%206.4%2C229.8%208.2%2C234.9%209.2%2C240.0%2014.0%2C240.0%27/%3E%3C/svg%3E") left top/14px 240px repeat-y,url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2714%27%20height%3D%27240%27%3E%3Cpolygon%20points%3D%270.0%2C0.0%208.6%2C0.0%207.3%2C6.3%204.7%2C12.9%2010.9%2C16.3%208.4%2C24.3%201.0%2C28.7%202.6%2C34.5%204.6%2C40.4%204.7%2C44.3%205.8%2C52.5%204.3%2C60.0%203.4%2C63.3%208.0%2C69.9%202.3%2C73.1%203.8%2C78.9%203.9%2C87.2%207.1%2C95.7%206.6%2C103.5%202.2%2C112.1%209.6%2C115.7%201.3%2C120.0%204.7%2C125.6%205.9%2C130.4%207.5%2C135.7%205.2%2C142.3%204.2%2C150.7%202.4%2C159.3%204.3%2C168.2%202.4%2C172.2%202.0%2C181.0%203.9%2C187.4%202.7%2C191.7%208.2%2C198.1%202.5%2C201.5%2010.1%2C210.4%206.9%2C218.2%208.1%2C222.1%202.3%2C229.7%204.9%2C233.0%203.8%2C236.3%208.6%2C240.0%200.0%2C240.0%27/%3E%3C/svg%3E") right top/14px 240px repeat-y,linear-gradient(#000,#000) center/calc(100% - 26px) 100% no-repeat}
.paper em{color:var(--red)}
.np-p1{position:absolute;left:var(--sm);right:var(--sm);top:0;bottom:0;display:flex;flex-direction:column;gap:3.4vh;padding:84px calc(var(--pad) - var(--sm)) 4vh}
.np-front{display:grid;grid-template-columns:auto 1fr;gap:3.6vw;align-items:center}
.np-photo{margin:0;width:min(40vw,calc(42vh * var(--sa,1.6)))}
.np-slot{width:100%;aspect-ratio:var(--sa,1.6);background:#050404}
.np-photo figcaption{padding-top:9px;font:500 12px/1.4 var(--font);letter-spacing:.03em;color:var(--pink)}
.np-head{align-self:center;container-type:inline-size}
.np-h{margin:0;font:700 min(100px,11.3cqi)/.96 var(--serif);letter-spacing:-.015em}
.np-h em{display:block;font-weight:600;white-space:nowrap}
.np-deck{margin:3vh 0 0;text-wrap:pretty;font:500 italic clamp(20px,1.6vw,27px)/1.3 var(--serif);color:var(--pink)}
.np-text{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3vw;align-items:start;font:500 var(--bf,20px)/1.42 var(--serif);text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;text-wrap:pretty}
.np-text p{margin:0 0 .6em;text-indent:1.4em}
.np-col p:last-child{margin-bottom:0}
.np-text-m{display:none}
.np-text p.np-drop{text-indent:0}
.np-drop::first-letter{float:left;margin:.06em .09em 0 0;font:700 4.1em/.72 var(--serif);color:var(--red)}
.np-text .np-drop::first-letter{font-size:5.3em;margin:.05em .08em 0 0}
.np-text mark{background:none;color:inherit;background-image:linear-gradient(transparent 60%,rgba(184,50,28,.24) 0);background-size:var(--mk,0%) 100%;background-repeat:no-repeat}
.np-rest{z-index:2;margin:0 var(--sm);padding:6vh calc(var(--pad) - var(--sm)) 0}
.np-regalia{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;border-top:4px double var(--pink);border-bottom:1px solid var(--pink)}
.rg-item{padding:2.4vh 1.6vw;display:flex;flex-direction:column;gap:6px}
.rg-item + .rg-item{border-left:1px solid var(--prule)}
.rg-item:first-child{padding-left:0}
.rg-item b{font:700 clamp(36px,3.4vw,58px)/.9 var(--serif);color:var(--pink)}
.rg-top b{color:var(--red)}
.rg-item span{font:500 clamp(18px,1.35vw,22px)/1.3 var(--serif);color:var(--pink)}
.np-kick{margin:0;font:600 13px/1 'Oswald',var(--font);letter-spacing:.3em;text-transform:uppercase;padding-bottom:10px;border-bottom:2px solid var(--pink)}
.np-chron{margin-top:7vh}
.np-chron ol{list-style:none;margin:0;padding:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:34px 3vw}
.np-chron li{opacity:var(--ci,1);transform:translateY(calc((1 - var(--ci,1)) * 24px))}
.np-chron b{display:block;font:700 clamp(34px,3vw,52px)/.9 var(--serif);color:var(--pink)}
.np-chron li:nth-child(odd) b{color:var(--red)}
.np-chron span{display:block;margin-top:10px;font:500 clamp(18px,1.35vw,22px)/1.3 var(--serif);color:var(--pink)}
.np-fold{margin:10vh 0 0;height:0;border-top:4px double var(--pink);font:600 12px/1 'Oswald',var(--font);letter-spacing:.3em;text-transform:uppercase}
.np-p2{padding:5vh 0 0}
.np-h2{margin:0 0 4vh;font:700 clamp(54px,6.4vw,118px)/.9 var(--serif);letter-spacing:-.015em;text-align:center}
.np-h2 em{font-weight:600}
.np-afisha{display:grid;grid-template-columns:minmax(360px,1fr) min(820px,58vw);gap:2.6vw}
.af-list{display:flex;flex-direction:column}
.af-mname{margin:0;padding-bottom:14px;border-bottom:2px solid var(--pink);font:600 clamp(44px,3.8vw,68px)/.9 var(--serif)}
.af-mname em{font-size:.5em;font-weight:500;color:var(--pink)}
.af-mn,.af-yr{display:inline-block}
.af-items{display:flex;flex-direction:column}
.af-item{display:grid;grid-template-columns:104px 1fr;gap:0 22px;align-items:start;padding:22px 12px 22px 0;text-align:left;border-radius:14px;transition:background .4s,padding .4s}
.af-item:hover,.af-item.hl{background:rgba(184,50,28,.07);padding-left:12px}
.af-d{font:700 60px/.8 var(--serif);color:var(--red);font-variant-numeric:lining-nums}
.af-d small{display:block;margin-top:10px;font:600 11.5px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--pink)}
.af-c{font:600 13px/1 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.af-t{display:block;margin:9px 0 9px;font:700 clamp(27px,2.2vw,38px)/1.04 var(--serif)}
.af-p{display:block;max-width:56ch;font:500 clamp(18px,1.35vw,22px)/1.32 var(--serif);color:var(--pink)}
.af-go{grid-column:2;justify-self:start;margin-top:14px;font:600 12.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid currentColor}
.af-item.past{opacity:.5}
.wr-w{display:inline-block;white-space:nowrap}
.wr{display:inline-block}
.af-empty{padding:30px 0;font:500 italic 22px/1.3 var(--serif);color:var(--pink-2)}
.af-calwrap{position:relative;align-self:start;position:sticky;top:84px}
.af-cal{position:relative;height:min(calc(100vh - 104px),1000px);min-height:min(calc(100vh - 104px),1000px)}
.af-month{position:absolute;left:0;right:0;top:var(--my,auto);bottom:var(--mb,0);display:flex;justify-content:space-between;align-items:center;padding:0 var(--mx,18%);pointer-events:none;z-index:2}
.af-nav{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font:500 italic 22px/1 var(--serif);color:var(--bone);pointer-events:auto;transition:color .3s}
.af-nav[data-dir="1"]{align-items:flex-end;text-align:right}
.af-nav small{font:600 9.5px/1 var(--font);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:rgba(241,235,225,.55)}
.af-nav:hover{color:var(--ember)}
.af-nav:disabled{opacity:.25;pointer-events:none}
.np-news{margin-top:8vh}
.news-list{display:grid;grid-template-columns:repeat(4,1fr);gap:3vw;padding-top:28px}
.news-item{display:flex;flex-direction:column;align-items:flex-start}
.ni-s svg{display:block;width:100%;height:auto;overflow:visible}
.ni-s{display:block;width:clamp(150px,13vw,210px);margin:0 0 16px -10px;transform:rotate(var(--r,-4deg));filter:drop-shadow(0 8px 12px rgba(40,25,10,.25));transition:transform .6s var(--ease)}
.news-item:hover .ni-s{transform:rotate(0) scale(1.08)}
.ni-k{font:600 14px/1 'Oswald',var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--red)}
.ni-t{margin:12px 0 10px;font:700 clamp(28px,2.3vw,38px)/1.05 var(--serif);transition:color .3s}
.ni-d{font:500 clamp(18px,1.35vw,22px)/1.32 var(--serif);color:var(--pink)}
.news-item:hover .ni-t{color:var(--red)}
.np-edge{height:18vh}
/* газета лежит поверх шкафа: последний экран уходит вверх, угол загибается */
.np-rest{margin-bottom:-100vh}
.np-cut{position:fixed;inset:0;z-index:40;pointer-events:none;visibility:hidden;overflow:hidden}
.nc-piece,.nc-clip{position:absolute;inset:0}
.nc-piece{will-change:transform;backface-visibility:hidden}
.nc-piece.is-free{filter:drop-shadow(0 16px 22px rgba(0,0,0,.42))}
.nc-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nc-lines path{fill:none;stroke:rgba(30,20,10,.5);stroke-width:1}
.nc-sc{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(0 calc(4px + var(--air,0) * 26px) calc(5px + var(--air,0) * 16px) rgba(0,0,0,calc(.4 - var(--air,0) * .15)))}
.nc-sc svg{display:block;width:100%;height:auto;overflow:visible}
.nc-sc .nc-a{transform-origin:62px 42px;transform:rotate(calc(var(--sn,0deg) * -1))}
.nc-sc .nc-b{transform-origin:62px 42px;transform:rotate(var(--sn,0deg))}


/* ---------- Окно подробностей ---------- */
.sheet{position:fixed;inset:0;z-index:90;visibility:hidden}
.sheet.is-open{visibility:visible}
.sheet-bg{position:absolute;inset:0;background:rgba(5,4,3,.78);opacity:0}
.sheet-panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(1080px,calc(100vw - 24px));background:#121010;border-radius:var(--r);overflow:auto;clip-path:inset(0 0 0 100% round 28px)}
.sheet-close{position:sticky;top:0;float:right;margin:26px 30px;z-index:2;padding:6px 0;border-bottom:1px solid currentColor;font:600 11px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;transition:color .3s}
.sheet-close i{display:none}
.sheet-close:hover{color:var(--ember)}
.sheet-content{display:grid;grid-template-columns:minmax(300px,44%) 1fr;min-height:100%}
.sh-visual{position:relative;margin:12px;border-radius:22px;background:#1a1613;display:grid;place-items:center;overflow:hidden;min-height:calc(100vh - 50px);perspective:1200px}
.sh-visual img{width:62%;height:auto;object-fit:contain;box-shadow:30px 40px 80px rgba(0,0,0,.6);border-radius:3px}
.sh-visual.dark{background:#16120f}
.sh-num{font:500 clamp(150px,17vw,280px)/.8 var(--serif);color:var(--card-3)}
.sh-copy{padding:86px 48px 48px;display:flex;flex-direction:column}
.sh-k{font:600 11px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--ember);margin-bottom:22px}
.sh-copy h2{margin:0;font:500 clamp(40px,4vw,70px)/.95 var(--serif);letter-spacing:-.01em}
.sh-sub{font:500 italic 24px/1.3 var(--serif);color:var(--bone-2);margin:18px 0 0}
.sh-copy p.sh-text{color:var(--ash);font-size:16px;margin:24px 0}
.sh-copy ul{list-style:none;margin:0 0 32px;padding:0;border-top:1px solid var(--line)}
.sh-copy li{padding:14px 0;border-bottom:1px solid var(--line);font:500 19px/1.25 var(--serif)}
.sh-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.sh-reveal{opacity:0;transform:translateY(30px)}

/* ---------- Экраны поменьше ---------- */
/* на широком экране вся навигация в одной панели, «Написать» в её ряду; меню-кнопка только там, где панель не помещается */
@media (min-width:1241px){.header-actions{display:none}}
@media (max-width:1240px){.nav{display:none}}
@media (max-width:1100px){
  .nav{display:none}
  .np-regalia{grid-template-columns:1fr 1fr}
  .np-chron ol{grid-template-columns:repeat(2,1fr)}
  .np-afisha{grid-template-columns:1fr}
  .af-calwrap{position:relative;top:0}
  .news-list{grid-template-columns:1fr 1fr}
  .menu-inner{grid-template-columns:1fr}
  .menu-pic{display:none}
  .menu-nav{grid-template-columns:1fr}
  .sheet-content{grid-template-columns:1fr}
  .sh-visual{min-height:50vh}
}
@media (max-width:700px){
  .h-write{display:none}
  .np-front{grid-template-columns:1fr}
  .np-photo{width:100%}
  .np-text{display:none}
  /* первая полоса на телефоне: снимок по высоте экрана, подпись вдоль него, заголовок целиком под ним */
  .np-p1{gap:2.2vh;padding:76px 24px 3vh}
  .np-front{gap:2.2vh}
  .np-photo{display:grid;grid-template-columns:min(calc(100% - 44px),calc((max(100vh,640px) - 300px) * var(--sa,.46))) minmax(0,1fr);align-items:end;column-gap:12px}
  .np-slot{width:100%}
  .np-photo figcaption{writing-mode:vertical-rl;transform:rotate(180deg);padding:0;max-height:100%;font-size:11px;line-height:1.35}
  .np-h{font-size:11.4cqi}
  .np-deck{margin-top:1.6vh;font-size:18px}
  .np-text-m{display:block;margin:0 0 6vh;font:500 17px/1.45 var(--serif);text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
  .np-text-m p{margin:0 0 .7em;text-indent:1.4em}
  .np-text-m p.np-drop{text-indent:0}
  .np-text-m mark{background:none;color:inherit;background-image:linear-gradient(transparent 60%,rgba(184,50,28,.24) 0)}
  /* календарь на телефоне по высоте самого календаря: без пустого поля холста до «Актуально» */
  .af-cal{height:auto;min-height:0;aspect-ratio:44.3/45.6}
  .np-news{margin-top:6vh}
  .af-item{grid-template-columns:92px 1fr}
  .af-go{display:none}
  .af-d{font-size:44px}
  .np-chron ol,.news-list{grid-template-columns:1fr}
  .is-narrow .ar-w1,.is-narrow .ar-w2{left:0;right:0;text-align:center;top:11vh}
  .is-narrow .ar-w2{top:calc(11vh + .86em)}
  /* на телефоне подложка плотная и без размытия фона: мобильные браузеры не рисуют backdrop-filter, пока плашка проявляется,
     и текст сначала шёл без подложки, а потом менялся. Теперь он с первого кадра такой же, как в покое */
  .is-narrow   .ar-desc{bottom:3vh;padding:18px;background:rgba(12,10,9,.86);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 40px rgba(0,0,0,.35)}
  /* статус на телефоне вылетает сразу на чёрной плашке, как описание ниже: никакого проявляющегося затемнения */
  .is-narrow .at-in{padding:12px 18px 14px;border-radius:16px;background:rgba(12,10,9,.86);box-shadow:0 14px 34px rgba(0,0,0,.4)}
  .ad-p{display:none}
  /* меню на телефоне: те же пункты, что в панели ноутбука; телефон одной строкой, почта и соцсети под ним */
  .menu-inner{display:flex;flex-direction:column;padding:calc(86px + env(safe-area-inset-top,0px)) 24px calc(26px + env(safe-area-inset-bottom,0px))}
  .menu-nav{display:block;margin:auto 0;align-self:stretch}
  .menu-nav a{padding:.2em 0 .22em;font-size:clamp(31px,9.4vw,40px);line-height:1.08}
  .menu-nav a:last-child{border-bottom:1px solid rgba(241,235,225,.1)}
  .menu-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tel tel" "mail soc";align-items:center;gap:14px 12px;margin-top:28px;padding-top:22px}
  .mf-tel{grid-area:tel;font:500 clamp(26px,7.6vw,31px)/1 var(--serif);letter-spacing:.01em;font-variant-numeric:lining-nums}
  .mf-mail{grid-area:mail;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.2 var(--font);color:var(--ash)}
  .menu-foot .soc{grid-area:soc;margin:0;gap:8px}
  .menu-foot .soc a{width:38px;height:38px;border-radius:11px}
  .menu-foot .soc svg{width:17px;height:17px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}