@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/inter-tight-cyrillic-ext.c00f57e4c1.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/inter-tight-cyrillic.8beeaad1d2.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/inter-tight-latin-ext.3bd3cbc3bb.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/inter-tight-latin.4179443c53.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/montserrat-cyrillic-ext.9f10d2948d.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/montserrat-cyrillic.520cd39b1b.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/montserrat-latin-ext.a63797c1e1.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-display:swap;font-weight:100 900;src:url(/_a/fonts/montserrat-latin.a5ec54920b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ŞAM Studios v3 — monochrome. Black stage, white light. Brandbook: Қайғы + Қуаныш + Шам; patterns Сахна (curtain) and Нұр (light). */
:root{
  --ink:#0a0a09;--ink2:#121211;--ink3:#1b1b19;--white:#ebe9e3;--paper:#e4e1d9;--bone:#e6e3dc;
  --fg-d:#f2f0ea;
  --gut:clamp(16px,4vw,56px);--max:1560px;--hd:72px;
  --f:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fw:'Montserrat','Inter Tight',system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.12,1);--ease2:cubic-bezier(.76,0,.24,1);
  --beam-col:255,255,255;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--ink);scroll-behavior:smooth;scroll-padding-top:var(--hd)}
body{margin:0;background:var(--ink);color:var(--fg-d);font:400 17px/1.6 var(--f);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
img,svg{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
[hidden]{display:none!important}
::selection{background:#f2f0ea;color:#0a0a09}
:focus-visible{outline:1.5px solid currentColor;outline-offset:3px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.ph{display:block;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-color:#191918}
/* pictures load as they come near the screen (app.js marks them .ph-in); the first hero slide and page heroes at once.
   Without JavaScript, or if app.js never starts (.ph-all after the load event), every picture loads as usual. */
.js:not(.ph-all) .ph:not(.ph-in):not(.ph--eager){background-image:none!important}
.ph--contain{background-size:contain;background-color:transparent}
.ic{width:1em;height:1em;flex:none;display:inline-block}
html:not(.js) .js-only{display:none!important}
.js .nojs-only{display:none!important}
.sel{-webkit-user-select:text;user-select:text}
.center{text-align:center}
.hide-s{}

/* ---------- themes ---------- */
.s-dark{--bg:var(--ink);--fg:#f2f0ea;--mut:rgba(242,240,234,.58);--rule:rgba(242,240,234,.14);--card:var(--ink2);--card2:var(--ink3);background:var(--bg);color:var(--fg)}
.s-light{--bg:var(--white);--fg:#0a0a09;--mut:rgba(10,10,9,.6);--rule:rgba(10,10,9,.13);--card:#f6f5f1;--card2:#dedbd3;background:var(--bg);color:var(--fg)}
.s-paper{--bg:var(--paper);--fg:#0a0a09;--mut:rgba(10,10,9,.6);--rule:rgba(10,10,9,.14);--card:#f3f1ec;--card2:#d9d6ce;background:var(--bg);color:var(--fg)}

/* ---------- type ---------- */
.h-xl{font-weight:500;font-size:clamp(44px,6.4vw,110px);line-height:.93;letter-spacing:-.048em;margin:0;text-wrap:balance}
.h2{font-weight:500;font-size:clamp(32px,3.9vw,66px);line-height:.98;letter-spacing:-.042em;margin:0;text-wrap:balance}
.h3{font-weight:500;font-size:clamp(22px,1.9vw,30px);line-height:1.1;letter-spacing:-.028em;margin:0}
.lbl{font:500 11px/1.45 var(--fw);letter-spacing:.24em;text-transform:uppercase;color:var(--mut);margin:0 0 18px}
.kzline{font:300 12.5px/1.7 var(--fw);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:20px 0 0;max-width:52ch}
.sec__intro{font-size:clamp(17px,1.25vw,20px);line-height:1.5;color:var(--mut);max-width:44ch;margin:0}
.muted{color:var(--mut)}.small{font-size:14px}
.dim{color:var(--mut)}
.prose p{margin:0 0 1.05em;font-size:clamp(17px,1.15vw,19px);line-height:1.62}
.prose .lbl{margin-bottom:14px}

/* ---------- layout ---------- */
.sec{padding-block:clamp(52px,6.4vw,104px);position:relative}
.sec--tight{padding-block:clamp(34px,4.2vw,64px)}
.sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 64px;flex-wrap:wrap;margin-bottom:clamp(22px,2.8vw,42px)}
.sec__head .h2{max-width:16ch}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,120px);align-items:start}
.split > *{min-width:0}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btns.center{justify-content:center}
.anchor{position:relative;top:calc(var(--hd) * -1)}

/* ---------- buttons ---------- */
.btn{--h:52px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:var(--h);padding:0 22px 0 26px;border-radius:999px;font:500 15px/1 var(--f);letter-spacing:-.01em;border:1px solid var(--fg,#f2f0ea);color:var(--fg,#f2f0ea);white-space:nowrap;overflow:hidden;isolation:isolate;transition:color .45s var(--ease),background .45s var(--ease),border-color .45s}
.btn .ic{width:16px;height:16px;transition:transform .5s var(--ease)}
.btn::before{content:'';position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(var(--beam-col),.38) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.btn:hover::before{transform:translateX(120%)}
.btn:hover .ic{transform:translate(3px,-3px)}
.btn--solid{background:var(--fg,#f2f0ea);color:var(--bg,#0a0a09)}
.s-light .btn::before,.s-paper .btn::before{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%)}
.btn--line{background:transparent}
.btn--line:hover{background:var(--fg);color:var(--bg)}
.btn--sm{--h:40px;padding:0 16px 0 18px;font-size:14px;gap:10px}
.btn--sm .ic{width:14px;height:14px}
.ln{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:4px}
.ln .ic{width:13px;height:13px;transition:transform .5s var(--ease)}
a:hover .ln .ic{transform:translate(3px,-3px)}

/* ---------- grain ---------- */
.grain{position:fixed;inset:0;z-index:400;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-18px,12px)}40%{transform:translate(14px,-20px)}60%{transform:translate(-10px,-8px)}80%{transform:translate(20px,16px)}100%{transform:translate(0,0)}}

/* ---------- header ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:90;height:var(--hd);display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;padding-inline:var(--gut);color:#f2f0ea;background:rgba(10,10,9,.86);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);transition:background .5s,transform .6s var(--ease)}
.hd::after{content:'';position:absolute;left:var(--gut);right:var(--gut);bottom:0;height:1px;background:rgba(242,240,234,.14)}
.js .hd.hd--clear{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.js .hd.hd--hide{transform:translateY(-101%)}
.hd__menu{display:inline-flex;align-items:center;gap:14px;font:500 11.5px/1 var(--fw);letter-spacing:.22em;text-transform:uppercase;height:44px}
.hd__burger{width:26px;height:11px;position:relative;display:block}
.hd__burger i{position:absolute;left:0;height:1.5px;background:currentColor;transition:transform .5s var(--ease),width .5s var(--ease)}
.hd__burger i:first-child{top:0;width:26px}.hd__burger i:last-child{bottom:0;width:16px}
.hd__menu:hover .hd__burger i:last-child{width:26px}
.hd__nav{display:flex;gap:30px;font-size:14px;letter-spacing:-.005em;margin-left:40px}
.hd__nav a{position:relative;opacity:.82;transition:opacity .3s}
.hd__nav a::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.hd__nav a:hover{opacity:1}.hd__nav a:hover::after,.hd__nav a.is-on::after{transform:scaleX(1);transform-origin:left}
.hd__nav--r{justify-content:flex-end;margin:0 28px 0 0}
.hd__logo{width:92px;color:#f2f0ea;fill:currentColor;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.hd__logo svg{width:100%;height:auto}
.js .hd.hd--clear .hd__logo{opacity:0;transform:translateY(-6px);pointer-events:none}
.hd__cta{--fg:#f2f0ea;--bg:#0a0a09}

/* ---------- menu ---------- */
.menu{position:fixed;inset:0;z-index:95;background:var(--ink);color:#f2f0ea;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;overflow:auto;--fg:#f2f0ea;--bg:#0a0a09;--mut:rgba(242,240,234,.5)}
.menu:target,.menu.is-open{opacity:1;visibility:visible}
.menu__x{position:absolute;top:14px;left:var(--gut);display:inline-flex;gap:12px;align-items:center;height:44px;font:500 11.5px var(--fw);letter-spacing:.22em;text-transform:uppercase;z-index:2}
.menu__x .ic{width:22px;height:22px}
.menu__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:end;padding-block:110px 56px}
.menu__list{list-style:none;margin:0;padding:0;columns:2;column-gap:56px}
.menu__list li{break-inside:avoid;opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i) * 35ms + 80ms)}
.menu:target .menu__list li,.menu.is-open .menu__list li{opacity:1;transform:none}
.menu__list a{display:flex;align-items:baseline;gap:14px;font-weight:500;font-size:clamp(36px,5vw,78px);line-height:1.06;letter-spacing:-.05em;color:rgba(242,240,234,.86);transition:color .3s,transform .5s var(--ease)}
.menu__list a:hover{color:#fff;transform:translateX(10px)}
.menu__n{font:500 10.5px var(--fw);letter-spacing:.2em;color:rgba(242,240,234,.38);transform:translateY(-1.7em);width:24px}
.menu__side{font-size:15px;color:rgba(242,240,234,.75)}
.menu__side p{margin:0 0 22px}
.menu__soc a{display:block;color:rgba(242,240,234,.75)}
.menu__soc a:hover{color:#fff}
.menu__beam{position:absolute;inset:0;background:conic-gradient(from 151deg at 50% -2%,transparent 0deg,rgba(255,255,255,.07) 6deg,rgba(255,255,255,.02) 29deg,rgba(255,255,255,.07) 52deg,transparent 58deg);pointer-events:none}

/* ---------- intro (JS only) ---------- */
.intro{display:none}
.js .intro{display:block;position:fixed;inset:0;z-index:300;cursor:pointer;animation:introOff 0s 3.6s forwards}
@keyframes introOff{to{visibility:hidden;pointer-events:none}}   /* failsafe: never block the page if app.js does not run */
.intro.is-gone{display:none!important}
.js.intro-seen .intro{display:none}
.intro__strips{position:absolute;inset:0;display:flex}
.intro__strips i{flex:1;background:#050505;border-right:1px solid rgba(255,255,255,.03);animation:stripUp 1s var(--ease2) both;animation-delay:calc(2.15s + var(--k) * 55ms)}
@keyframes stripUp{to{transform:translateY(-101%)}}
.intro__mark{position:absolute;left:50%;top:46%;width:min(66vw,520px);transform:translate(-50%,-50%);animation:markOut .7s var(--ease) both;animation-delay:2.05s}
@keyframes markOut{to{opacity:0;transform:translate(-50%,-56%)}}
.intro__logo{width:100%;height:auto;overflow:visible;fill:#f2f0ea}
.intro__logo .lg{opacity:0}
.lg-sad{animation:sad 1.7s var(--ease) .1s both}
.lg-joy{animation:joy 1.2s var(--ease) .45s both}
.lg-lamp{animation:lamp 1.25s var(--ease) .8s both}
.lg-beam{transform-box:fill-box;transform-origin:50% 0;animation:beam 1.3s var(--ease) 1.05s both}
.lg-s,.lg-m{animation:sm .7s var(--ease) 1.55s both}
@keyframes sad{0%{opacity:0;transform:translate(25px,5px)}25%{opacity:1;transform:translate(25px,0)}62%{opacity:1;transform:translate(25px,0)}100%{opacity:1;transform:translate(0,0)}}
@keyframes joy{0%{opacity:0;transform:translateY(5px)}35%,100%{opacity:1;transform:none}}
@keyframes lamp{0%{opacity:0;transform:translate(39px,4px)}30%{opacity:1;transform:translate(39px,0)}55%{opacity:1;transform:translate(39px,0)}100%{opacity:1;transform:translate(0,0)}}
@keyframes beam{0%{opacity:0;transform:scaleY(.2)}100%{opacity:1;transform:none}}
@keyframes sm{0%{opacity:0;transform:translateY(3px)}100%{opacity:1;transform:none}}
.intro__w{position:absolute;top:calc(100% + 18px);margin:0;transform:translateX(-50%);font:400 11px/1 var(--fw);letter-spacing:.3em;text-transform:uppercase;color:rgba(242,240,234,.6);opacity:0;white-space:nowrap}
.intro__w1{left:25.3%;animation:wIn 1.25s var(--ease) .15s both}
.intro__w2{left:49.8%;animation:wIn 1s var(--ease) .5s both}
.intro__w3{left:74.7%;animation:wIn .75s var(--ease) .85s both}
@keyframes wIn{0%{opacity:0;transform:translate(-50%,6px)}30%,70%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-4px)}}
.intro__descr{position:absolute;left:0;right:0;top:calc(100% + 26px);text-align:center;margin:0;font:400 11px var(--fw);letter-spacing:.42em;text-transform:uppercase;color:rgba(242,240,234,.7);opacity:0;animation:sm .7s var(--ease) 1.65s both}

/* ---------- page curtain ---------- */
.curtain{position:fixed;inset:0;z-index:110;display:flex;pointer-events:none}
.curtain i{flex:1;background:#070707;border-right:1px solid rgba(255,255,255,.035);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease2);transition-delay:calc(var(--k) * 26ms)}
.curtain.is-in i{transform:scaleY(1)}
.curtain.is-out i{transform-origin:bottom;transform:scaleY(0)}
.curtain__mark{position:absolute;left:50%;top:50%;width:44px;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;fill:#f2f0ea}
.curtain__mark svg{width:100%;height:auto}
.curtain.is-in .curtain__mark{opacity:1;transition-delay:.3s}
/* arriving from another page of the site: the curtain is already closed when the page first paints, then app.js opens it;
   if app.js never runs, it gets out of the way by itself */
.cur-in .curtain i{transform:scaleY(1);transition:none}
.cur-in .curtain .curtain__mark{opacity:1;transition:none}
.cur-in .curtain{animation:introOff 0s 2.2s forwards}

/* ---------- pages ---------- */
.page{display:none}
.page:target{display:block}
.page:has(:target){display:block}
.page.page--doc{display:block}   /* one page per URL: the page of this address */
body.on-page #home{display:none}
body:has(.page:target) #home,body:has(.page :target) #home{display:none}
.page > .crumbs:first-child{padding-top:calc(var(--hd) + 26px)}
.crumbs{font-size:13px;color:var(--mut);padding-block:22px;display:flex;flex-wrap:wrap;gap:8px}
.crumbs a{color:var(--fg);opacity:.75}.crumbs a:hover{opacity:1}
.crumbs span[aria-current]{color:var(--mut)}
.page.s-dark > .crumbs{border-bottom:1px solid var(--rule)}

/* ---------- light & colour: images are black and white until light falls on them ---------- */
.lit .ph{filter:grayscale(1) contrast(1.06);transition:filter 1.1s var(--ease),transform 1.6s var(--ease)}
@media (hover:hover){.lit:hover .ph{filter:grayscale(.82) contrast(1.05) brightness(1.06)}}
.acard__frame::after,.pcard__frame::after,.tile::after,.gi::after,.still::after,.bigimg::after,.filmart::after,.acard2::after,.mos__i::after,.gig__img::after,.atcard::after,.why::after,.dir__img::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:conic-gradient(from 150deg at 50% -4%,transparent 0deg,rgba(255,255,255,.22) 7deg,rgba(255,255,255,.06) 30deg,rgba(255,255,255,.22) 53deg,transparent 60deg);opacity:0;transition:opacity .8s var(--ease);mix-blend-mode:soft-light}
.lit:hover .acard__frame::after,.lit:hover .pcard__frame::after,.tile.lit:hover::after,.gi.lit:hover::after,.still.lit:hover::after,.bigimg.lit:hover::after,.filmart.lit:hover::after,.acard2.lit:hover::after,.mos__i.lit:hover::after,.gig__img.lit:hover::after{opacity:1}

/* ---------- reveal ---------- */
.js .rv-w{opacity:0;transform:translateY(44px) scale(.985)}
.js .rv-w.rv-in{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1.15s var(--ease);transition-delay:var(--rd,0s)}
.js .rv-w.rv-clip{opacity:1;transform:none}
.js .rv-clip::before{content:'';position:absolute;inset:-1px;z-index:3;pointer-events:none;background:var(--bg,#0a0a09);transform:scaleX(1);transform-origin:50% 50%;transition:transform 1.35s var(--ease2);transition-delay:var(--rd,0s)}
.js .rv-clip.rv-in::before{transform:scaleX(0)}

/* ---------- hero ---------- */
.hero{--ax:50%;--ay:calc(var(--hd) + clamp(26px,6vh,70px));--tilt:0deg;--sp:56deg;position:relative;height:100svh;min-height:620px;max-height:1180px;overflow:hidden;background:#000;color:#f2f0ea;isolation:isolate}
.hero__stage,.hs,.hs i{position:absolute;inset:0}
.hs{opacity:0;animation:hsCycle 10s linear infinite;animation-delay:calc(var(--i) * 2s);will-change:opacity,transform;transition:opacity .6s var(--ease)}
.hs__g{filter:grayscale(1) contrast(1.1) brightness(.55)}
@keyframes hsCycle{0%{opacity:0;transform:scale(1.09)}6%{opacity:1}20%{opacity:1}27%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.hero__beam,.pgh__beam{position:absolute;z-index:1;pointer-events:none;left:50%;top:var(--ay);width:220vh;height:150vh;margin-left:-110vh;transform-origin:50% 0;background:conic-gradient(from 151deg at 50% 0,transparent 0deg,rgba(255,255,255,.22) 1.2deg,rgba(255,255,255,.12) 5deg,rgba(255,255,255,.05) 29deg,rgba(255,255,255,.12) 53deg,rgba(255,255,255,.22) 56.8deg,transparent 58deg,transparent 360deg);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.6) 45%,transparent 82%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.6) 45%,transparent 82%);mix-blend-mode:screen;will-change:transform,opacity}
.js .hero__beam{animation:beamPulse 2s ease-out infinite}
html:not(.js) .hero__beam{animation:beamSwing 6.5s ease-in-out infinite alternate,beamPulse 2s ease-out infinite}
.js .pgh__beam{animation:bFlick 4.6s ease-in-out infinite}
html:not(.js) .pgh__beam{animation:beamSwing 7s ease-in-out infinite alternate,bFlick 4.6s ease-in-out infinite}
@keyframes beamSwing{0%{transform:rotate(-17deg)}100%{transform:rotate(17deg)}}
.hero__flash{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 18%,rgba(255,255,255,.2),transparent 70%);mix-blend-mode:screen;opacity:0;animation:flash 2s ease-out infinite}
@keyframes flash{0%{opacity:0}5%{opacity:1}30%,100%{opacity:0}}
.hero__mark::before{content:'';position:absolute;z-index:-1;left:50%;top:-40%;width:170%;height:210%;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.15),transparent 62%);animation:glowPulse 2s ease-out infinite;pointer-events:none}
@keyframes glowPulse{0%{opacity:.35}8%{opacity:1}100%{opacity:.45}}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 46%,rgba(0,0,0,0) 62%),radial-gradient(ellipse 80% 70% at 50% 30%,transparent 40%,rgba(0,0,0,.55) 100%)}
.hero__mark{position:absolute;z-index:2;left:50%;top:var(--ay);width:clamp(190px,24vw,380px);transform:translateX(-50%);text-align:center}
.hero__logo{width:100%;height:auto;fill:#f2f0ea;filter:drop-shadow(0 0 22px rgba(255,255,255,.16))}
.hero__descr{margin:18px 0 0;font:400 10.5px var(--fw);letter-spacing:.42em;text-transform:uppercase;color:rgba(242,240,234,.7);white-space:nowrap;padding-left:.42em}
.hero__body{position:absolute;z-index:2;left:0;right:0;bottom:clamp(76px,11vh,128px);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.hero__list{list-style:none;margin:0;padding:0}
.hl{position:relative;display:inline-flex;align-items:flex-start;gap:12px;font-weight:500;font-size:clamp(34px,5.1vw,82px);line-height:1;letter-spacing:-.052em;opacity:.34;animation:hlCycle 10s infinite;animation-delay:calc(var(--i) * 2s);transition:opacity .4s}
.hl::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#f2f0ea;transform:scaleX(0);transform-origin:left;animation:hlBar 10s linear infinite;animation-delay:calc(var(--i) * 2s)}
@keyframes hlBar{0%{transform:scaleX(0);opacity:1}20%{transform:scaleX(1);opacity:1}22%,100%{transform:scaleX(1);opacity:0}}
.hero__list:hover .hl::after{animation:none;opacity:0}
.hl sup{font:500 10.5px/1 var(--fw);letter-spacing:.14em;margin-top:.85em;opacity:.9}
@keyframes hlCycle{0%{opacity:.34;transform:translateX(0)}4%,20%{opacity:1;transform:translateX(10px)}25%,100%{opacity:.34;transform:translateX(0)}}
.hero__list:hover .hl{animation:none;opacity:.34;transform:none}
.hero__list .hl:hover{opacity:1;transform:translateX(10px)}
.hero:has(.hl1:hover) .hs,.hero:has(.hl2:hover) .hs,.hero:has(.hl3:hover) .hs,.hero:has(.hl4:hover) .hs,.hero:has(.hl5:hover) .hs{animation:none;opacity:0}
.hero:has(.hl1:hover) .hs1,.hero:has(.hl2:hover) .hs2,.hero:has(.hl3:hover) .hs3,.hero:has(.hl4:hover) .hs4,.hero:has(.hl5:hover) .hs5{opacity:1}
.hero__aside{max-width:340px;padding-bottom:6px}
.hero__aside p{margin:0;font-size:16px;line-height:1.55;color:rgba(242,240,234,.78)}
.hero__aside .btns{margin-top:24px}
.hero .btn{--fg:#f2f0ea;--bg:#0a0a09}
.hero__foot{position:absolute;z-index:2;left:0;right:0;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:500 10.5px var(--fw);letter-spacing:.22em;text-transform:uppercase;color:rgba(242,240,234,.55)}
.hero__cue{position:relative;width:1px;height:34px;background:rgba(242,240,234,.25);overflow:hidden}
.hero__cue i{position:absolute;left:0;top:-40%;width:1px;height:40%;background:#f2f0ea;animation:cue 2.2s var(--ease) infinite}
@keyframes cue{to{top:110%}}

/* ---------- page hero ---------- */
.pgh{--ax:50%;--ay:-2%;--tilt:0deg;--sp:58deg;position:relative;min-height:min(70svh,720px);display:flex;align-items:flex-end;overflow:hidden;color:#f2f0ea;background:#000;isolation:isolate}
.pgh--tall{min-height:min(82svh,840px)}
.pgh__img{position:absolute;inset:0}
.pgh__img .ph{position:absolute;inset:0;animation:heroIn 2.6s var(--ease) both}
.pgh__img .pgh__g{filter:grayscale(1) contrast(1.08) brightness(.52)}
@keyframes heroIn{from{transform:scale(1.08)}to{transform:scale(1)}}
.pgh::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.2) 100%);pointer-events:none}
.pgh__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px 80px;align-items:end;padding-block:calc(var(--hd) + 64px) clamp(32px,4.6vw,68px)}
.pgh__l .lbl{color:rgba(242,240,234,.65)}
.pgh__l .kzline{color:rgba(242,240,234,.6)}
.pgh__r p{font-size:clamp(16px,1.15vw,18px);line-height:1.55;color:rgba(242,240,234,.8);max-width:46ch;margin:0}
.pgh .btn{--fg:#f2f0ea;--bg:#0a0a09}
.pgh__r .btns{margin-top:26px}
.pgh-l{padding-top:calc(var(--hd) + clamp(36px,5vw,80px));padding-bottom:clamp(16px,2vw,32px);background:var(--bg)}
.pgh-l .h-xl{margin-bottom:20px}
.pgh-l .sec__intro{margin-bottom:36px}
.pgh-l--sm{padding-top:clamp(20px,3vw,40px)}
.pgh-l--sm .h-xl{margin-bottom:6px}

/* ---------- triangle (Нұр light) ---------- */
.sec--tri{overflow:hidden}
.tri{position:relative;max-width:1180px;margin:0 auto;padding:0 var(--gut);display:grid;justify-items:center}
.tri__light{position:absolute;inset:0 var(--gut);clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.17) 0%,rgba(255,255,255,.06) 55%,rgba(255,255,255,.015) 100%)}
.tri__light::before{content:'';position:absolute;inset:1px;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--bg)}
.tri__light::after{content:'';position:absolute;inset:1px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 60%,rgba(255,255,255,.01) 100%)}
.tri__in{position:relative;z-index:1;text-align:center;padding:clamp(130px,17vw,220px) 12% clamp(40px,5vw,72px);max-width:860px}
.tri__arc{display:block;width:44px;height:16px;margin:0 auto clamp(40px,5vw,64px);border:1.5px solid #f2f0ea;border-top:0;border-radius:0 0 44px 44px;position:absolute;left:50%;top:clamp(80px,10vw,128px);transform:translateX(-50%)}
.tri__h{font-size:clamp(40px,6vw,96px)}
.tri__p{max-width:52ch;margin:28px auto 0;color:var(--mut);font-size:clamp(16px,1.2vw,19px)}
.tri .kzline{margin-inline:auto}
.tri__stats{margin:0;display:grid;gap:clamp(22px,3vw,40px)}
.tri__stats dd{margin:0;font:200 clamp(52px,7vw,112px)/1 var(--fw);letter-spacing:-.03em}
.tri__stats dt{font-size:14px;color:var(--mut);margin-top:6px}
.tri__stats div{display:flex;flex-direction:column}
.tri__steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(24px,3vw,40px);counter-reset:s}
.tri__steps b{display:block;font-weight:500;font-size:clamp(26px,3vw,44px);letter-spacing:-.04em;line-height:1}
.tri__steps span{display:block;font-size:14px;color:var(--mut);margin-top:8px}
.founders{margin-top:clamp(36px,4vw,56px)}
.founders ul{list-style:none;margin:0;padding:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid var(--rule)}
.founders a{display:flex;gap:14px;align-items:center}
.founders__ph{width:56px;height:56px;border-radius:50%;flex:none;filter:grayscale(1);transition:filter .6s}
.founders a:hover .founders__ph{filter:none}
.founders__mono{display:grid;place-items:center;background:var(--ink3);font:300 16px var(--fw);letter-spacing:.08em}
.founders b{display:block;font-weight:500;font-size:16px;letter-spacing:-.015em}
.founders em{display:block;font-style:normal;font-size:13px;color:var(--mut);line-height:1.35}

/* ---------- directions (thin wide words) ---------- */
.dirs{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.dir{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,300px) 36px;align-items:center;gap:24px;padding:clamp(16px,2.2vw,30px) 0;border-bottom:1px solid var(--rule);isolation:isolate}
.dir__n{font:500 11px var(--fw);letter-spacing:.2em;color:var(--mut);position:relative;z-index:2}
.dir__w{position:relative;z-index:2;font:200 clamp(40px,7.2vw,124px)/.95 var(--fw);letter-spacing:-.02em;text-transform:uppercase;transition:letter-spacing .8s var(--ease),transform .8s var(--ease)}
.dir__d{position:relative;z-index:2;color:var(--mut);font-size:15px;line-height:1.45}
.dir__go{position:relative;z-index:2;width:28px;height:28px;transition:transform .6s var(--ease)}
.dir__img{position:absolute;z-index:1;left:46%;top:50%;width:min(26vw,340px);aspect-ratio:1/1;transform:translate(-50%,-50%) scale(.86);opacity:0;pointer-events:none;transition:opacity .6s var(--ease),transform .8s var(--ease);clip-path:polygon(50% 0,100% 100%,0 100%)}
.dir__img .ph{position:absolute;inset:0}
@media (hover:hover){.dir:hover .dir__img{opacity:.85;transform:translate(-50%,-50%) scale(1)}.dir:hover .dir__w{letter-spacing:.015em}.dir:hover .dir__go{transform:translate(4px,-4px)}}

/* ---------- chips & filters ---------- */
.flt{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.chips label{display:inline-flex;gap:8px;align-items:center;height:40px;padding:0 16px;border:1px solid var(--rule);border-radius:99px;font-size:14px;cursor:pointer;transition:background .35s,color .35s,border-color .35s;-webkit-user-select:none;user-select:none}
.chips label i{font-style:normal;font-size:11px;opacity:.6}
.chips label:hover{border-color:var(--fg)}
#sf-all:checked~.chips label[for=sf-all],
#tf-all:checked~.chips label[for=tf-all],#tf-actor:checked~.chips label[for=tf-actor],#tf-director:checked~.chips label[for=tf-director],#tf-music:checked~.chips label[for=tf-music],#tf-host:checked~.chips label[for=tf-host],#tf-teacher:checked~.chips label[for=tf-teacher],
#pf-all:checked~.chips label[for=pf-all],#pf-no37:checked~.chips label[for=pf-no37],#pf-conference:checked~.chips label[for=pf-conference],#pf-theatre:checked~.chips label[for=pf-theatre]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.flt:focus-visible~.chips{outline:1px dashed var(--mut);outline-offset:6px}
#talents:has(#tf-actor:checked) .tgrid--all .acard:not(.t-actor),#talents:has(#tf-director:checked) .tgrid--all .acard:not(.t-director),#talents:has(#tf-music:checked) .tgrid--all .acard:not(.t-music),#talents:has(#tf-host:checked) .tgrid--all .acard:not(.t-host),#talents:has(#tf-teacher:checked) .tgrid--all .acard:not(.t-teacher){display:none}
#press:has(#pf-no37:checked) .plist--all .prow:not(.ab-no37),#press:has(#pf-conference:checked) .plist--all .prow:not(.ab-conference),#press:has(#pf-theatre:checked) .plist--all .prow:not(.ab-theatre){display:none}

/* ---------- shows ---------- */
.note{display:block;margin-top:12px;font-size:13px;padding-left:12px;border-left:1.5px solid var(--fg);color:var(--fg)}
.gigs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gig{background:var(--card);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.gig__img{position:relative;aspect-ratio:4/3;display:block;overflow:hidden}
.gig__img .ph{position:absolute;inset:0}
.gig__img:hover .ph{transform:scale(1.04)}
.gig__date{position:absolute;z-index:2;left:14px;top:14px;background:#fbfaf7;color:#0a0a09;padding:8px 11px 9px;text-align:center;font:500 10.5px var(--fw);letter-spacing:.16em;text-transform:uppercase;border-radius:2px}
.gig__date b{display:block;font:500 30px/1 var(--f);letter-spacing:-.05em;margin-bottom:3px}
.gig__body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.gig__body .lbl{margin-bottom:10px;letter-spacing:.16em}
.gig h3{font-weight:500;font-size:26px;line-height:1.05;letter-spacing:-.035em;margin:0 0 8px}
.gig__where{margin:0 0 20px;font-size:16px}
.gig__where span{display:block;font-size:13.5px;color:var(--mut)}
.gig__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.pill{font:500 10px var(--fw);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--rule);border-radius:99px;padding:7px 10px;white-space:nowrap}
.pill--on{background:var(--fg);color:var(--bg);border-color:var(--fg)}

/* ---------- artist cards ---------- */
.acard{display:block;color:inherit}
.acard__frame{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:var(--card)}
.acard__frame>.ph,.acard__frame>.mono{position:absolute;inset:0}
.acard:hover .acard__frame>.ph{transform:scale(1.045)}
.acard__badge{position:absolute;z-index:2;left:12px;bottom:12px;max-width:calc(100% - 24px);background:rgba(10,10,9,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f2f0ea;font:500 9.5px/1.35 var(--fw);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border-radius:2px}
.acard__meta{padding:14px 2px 0}
.acard h3{font-weight:400;font-size:21px;line-height:1.08;letter-spacing:-.03em;margin:0}
.acard h3 b{font-weight:600}
.acard__alias{display:block;font:500 9.5px var(--fw);letter-spacing:.22em;color:var(--mut);margin-top:6px}
.acard p{font-size:14px;line-height:1.4;color:var(--mut);margin:6px 0 0}
.tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.6vw,40px) clamp(14px,1.6vw,24px)}
.mono{position:relative;background:#141413;display:grid;place-items:center;overflow:hidden;color:#f2f0ea}
.mono__beam{position:absolute;inset:0;background:conic-gradient(from 151deg at 50% -3%,transparent 0deg,rgba(255,255,255,.16) 5deg,rgba(255,255,255,.045) 29deg,rgba(255,255,255,.16) 53deg,transparent 58deg)}
.mono__i{position:relative;font:200 clamp(54px,7vw,112px)/1 var(--fw);letter-spacing:.04em;margin-top:22%}
.mono__kz{position:absolute;top:16px;left:0;right:0;text-align:center;font:400 9.5px var(--fw);letter-spacing:.24em;text-transform:uppercase;color:rgba(242,240,234,.5)}
.mono--xl{aspect-ratio:3/4;border-radius:4px}
.mono--xl .mono__i{font-size:clamp(90px,14vw,200px)}
.mono--xl .mono__kz{top:auto;bottom:24px;font-size:11px}

/* ---------- rails ---------- */
.railbox{position:relative}
.rail__ctl{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 24px}
.wrap--rail .rail__ctl{padding-right:var(--gut)}
.rail__count{font:500 11px var(--fw);letter-spacing:.16em;color:var(--mut);margin-right:14px}
.rail__count b{color:var(--fg);font-weight:500}
.rail__btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;transition:border-color .3s,background .3s,color .3s}
.rail__btn .ic{width:18px;height:18px}
.rail__btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.rail__btn[disabled]{opacity:.3;pointer-events:none}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(230px,21vw,310px);gap:clamp(14px,1.5vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail__item{scroll-snap-align:start;min-width:0}
.wrap--rail{max-width:none;padding-right:0;padding-left:max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)))}
.wrap--rail .rail{padding-right:var(--gut);scroll-padding-left:0}
.rail__bar{height:1px;background:var(--rule);margin-top:28px;position:relative;overflow:hidden}
.wrap--rail .rail__bar{margin-right:var(--gut)}
.rail__bar i{position:absolute;left:0;top:0;bottom:0;width:var(--p,12%);background:var(--fg);transition:width .35s var(--ease),transform .35s var(--ease);transform:translateX(var(--x,0))}
.rail__hint{font-size:12px;color:var(--mut);margin:14px 0 0}
.railbox--stills .rail{grid-auto-columns:clamp(280px,48vw,780px)}
.still{display:block;aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:2px;background:var(--card)}
.still .ph{position:absolute;inset:0}
.still:hover .ph{transform:scale(1.03)}

/* ---------- marquee ---------- */
.band{padding-block:clamp(22px,3vw,44px);border-top:1px solid var(--rule);position:relative}
.marquee{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee__t{display:inline-flex;align-items:center;animation:mq 48s linear infinite;will-change:transform}
.marquee span{padding:0 clamp(18px,2.6vw,44px)}
.marquee i{font-style:normal;opacity:.3;font-size:.5em;letter-spacing:-.1em}
.marquee--big span{font:200 clamp(44px,6.6vw,118px)/1.1 var(--fw);text-transform:uppercase;letter-spacing:-.025em;color:var(--mut)}
.marquee--big span:nth-of-type(3n+2){color:var(--fg);font-weight:300}
.marquee--logos{margin-top:28px;border-block:1px solid var(--rule);padding-block:22px}
.marquee--logos span{font:300 clamp(20px,2.4vw,36px) var(--fw);letter-spacing:.08em;text-transform:uppercase;color:rgba(242,240,234,.72)}
.marquee:hover .marquee__t{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- work tiles ---------- */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:32px}
.tile{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;background:#111}
.tile--full{grid-column:1/-1;aspect-ratio:21/9}
.tile .ph{position:absolute;inset:0}
.tile:hover .ph{--ps:1.15}
.tile__cap{position:absolute;z-index:2;inset:auto 0 0 0;padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);color:#f2f0ea;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.tile__cap .lbl{margin:0;color:rgba(242,240,234,.7)}
.tile__cap b{font-weight:400;font-size:clamp(26px,2.6vw,42px);letter-spacing:-.035em;line-height:1}
.tile__cap span:last-child{font-size:15px;color:rgba(242,240,234,.82);border-bottom:1px solid rgba(242,240,234,.45);padding-bottom:6px}
.tile:hover .tile__cap,.tile:focus-visible .tile__cap{opacity:1;transform:none}
@media (hover:none){.tile__cap{opacity:1;transform:none}}

/* ---------- stats ---------- */
.sec--num{overflow:hidden}
.rays{position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% -24%,rgba(255,255,255,.075) 0deg .22deg,transparent .22deg 2.6deg);-webkit-mask-image:conic-gradient(from 150deg at 50% -24%,#000 0deg 60deg,transparent 60deg),linear-gradient(to bottom,#000,transparent 88%);-webkit-mask-composite:source-in;mask-image:conic-gradient(from 150deg at 50% -24%,#000 0deg 60deg,transparent 60deg),linear-gradient(to bottom,#000,transparent 88%);mask-composite:intersect}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);margin:0;position:relative}
.stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{padding:28px 20px 28px 0;border-bottom:1px solid var(--rule);display:flex;flex-direction:column-reverse;justify-content:flex-end}
.stat dd{margin:0;font:200 clamp(38px,4.3vw,74px)/1 var(--fw);letter-spacing:-.035em;white-space:nowrap}
/* long figures (660 млн ₸, 350 000+) shrink to their column: --nl = characters, Montserrat 200 ≈ .62em per character at most */
.stat{container-type:inline-size}
.stat dd{font-size:min(clamp(38px,4.3vw,74px),calc(100cqi / (var(--nl,4) * .62)))}
.stat dt{font-size:14px;line-height:1.4;color:var(--mut);margin-top:12px}
.stats--ink{margin-top:36px}
.stats--3 .stat dd,.split .stats .stat dd{font-size:min(clamp(30px,3vw,54px),calc(100cqi / (var(--nl,4) * .62)))}

/* ---------- press ---------- */
.plist{border-top:1px solid var(--rule)}
.prow{display:grid;grid-template-columns:200px minmax(0,1fr) 150px;gap:16px 40px;padding:28px 0;border-bottom:1px solid var(--rule);align-items:start;transition:padding .5s var(--ease)}
.prow__src b{display:block;font-weight:600;font-size:15px;letter-spacing:-.01em}
.prow__src span{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.prow__h{display:block;font-weight:500;font-size:clamp(20px,1.75vw,28px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.prow__s{display:block;color:var(--mut);margin-top:8px;font-size:15px;max-width:64ch;line-height:1.5}
.prow__go{display:flex;justify-content:flex-end;align-items:center;gap:14px}
.prow__go .ic{width:22px;height:22px;transition:transform .5s var(--ease)}
.prow:hover .prow__go .ic{transform:translate(4px,-4px)}
.prow:hover .prow__h{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.tag{font:500 9.5px var(--fw);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--rule);border-radius:99px;padding:6px 9px;white-space:nowrap}
.sub-h{margin:clamp(36px,4.6vw,64px) 0 16px}
.mlist{border-top:1px solid var(--rule)}
.mrow{display:grid;grid-template-columns:200px minmax(0,1fr) 120px 22px;gap:16px 40px;padding:18px 0;border-bottom:1px solid var(--rule);align-items:center;font-size:15px}
.mrow b{font-weight:600}.mrow em{font-style:normal;color:var(--mut);font-size:13px}
.mrow .ic{width:18px;height:18px}
.vlist{border-top:1px solid var(--rule)}
.vrow{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--rule)}
.vrow__play{width:44px;height:44px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s}
.vrow__play .ic{width:13px;height:13px;margin-left:2px}
.vrow:hover .vrow__play{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.vrow__t b{display:block;font-weight:500;font-size:17px;line-height:1.3;letter-spacing:-.015em}
.vrow__t span{font-size:13px;color:var(--mut)}
.vrow>.ic{width:18px;height:18px}
.vlist .btns{margin-top:24px}

/* ---------- tickets (brand ticket with notches and perforation) ---------- */
.ticket{position:relative;background:var(--card);border-radius:6px;background-image:repeating-linear-gradient(135deg,rgba(128,128,128,.045) 0 1px,transparent 1px 9px)}
.ticket__top{position:relative;padding:28px 32px 26px;border-bottom:1.5px dashed var(--rule)}
.ticket__top::before,.ticket__top::after{content:'';position:absolute;bottom:-13px;width:26px;height:26px;border-radius:50%;background:var(--bg)}
.ticket__top::before{left:-13px}.ticket__top::after{right:-13px}
.ticket__body{padding:28px 32px 32px}
.ticket--wide{text-align:center}
.ticket--wide .ticket__top{padding:clamp(28px,3.4vw,48px) 32px clamp(22px,2.8vw,36px)}
.ticket--wide .ticket__body p{max-width:54ch;margin:0 auto;color:var(--mut)}
.ticket--wide .btns{justify-content:center}
.ticket--gate{text-align:center;display:flex;flex-direction:column}
.ticket--gate .ticket__top{padding:36px 28px 30px}
.ticket--gate .ticket__body{flex:1;display:flex;flex-direction:column}
.ticket--gate p{color:var(--mut);font-size:15px;margin:0 auto;max-width:34ch}
.ticket--gate .btns{justify-content:center;margin-top:auto;padding-top:24px}
.gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tickets2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.sec--cta{padding-block:clamp(32px,4vw,64px)}

/* ---------- info tables & accordions ---------- */
.itable{margin:0;display:grid}
.itable>div{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.itable>div:last-child{border-bottom:0}
.itable dt{color:var(--mut);font-size:14px}
.itable dd{margin:0;font-size:15px;line-height:1.45}
.itable dd a{border-bottom:1px solid currentColor;padding-bottom:1px}
.castlist{list-style:none;margin:0;padding:0}
.castlist li{padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px}
.castlist li:last-child{border-bottom:0}
.castlist a{border-bottom:1px solid currentColor;padding-bottom:1px}
.itable--big>div{padding:18px 0;border-bottom:1px solid var(--rule)}
.itable--big dd{font-size:17px}
.split .itable:not(.itable--big){margin-top:28px}
.accs{margin-top:28px;border-top:1px solid var(--rule)}
.acc{border-bottom:1px solid var(--rule)}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;font:500 12px var(--fw);letter-spacing:.18em;text-transform:uppercase}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{width:14px;height:14px;position:relative;flex:none}
.acc summary i::before,.acc summary i::after{content:'';position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .45s var(--ease)}
.acc summary i::after{transform:rotate(90deg)}
.acc[open] summary i::after{transform:rotate(0)}
.acc ul{list-style:none;margin:0 0 22px;padding:0}
.acc li{padding:6px 0 6px 20px;position:relative;font-size:15px;line-height:1.5}
.acc li::before{content:'';position:absolute;left:0;top:17px;width:9px;height:1px;background:var(--mut)}
.acc--orig li{font-size:14.5px}
/* questions and answers (theatre page): the question reads as a sentence, the answer as body text */
.faq{margin-top:0}
.faq .acc summary{font:500 clamp(16px,1.25vw,19px)/1.35 var(--f);letter-spacing:-.008em;text-transform:none;padding:20px 0}
.faq .acc summary span{max-width:52ch}
.faq__a p{margin:0 0 22px;max-width:62ch;font-size:16px;line-height:1.6;opacity:.82}
.faq__a a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.faq__a a:hover{opacity:.7}
.orig-note{margin:16px 0 0}

/* ---------- artist page ---------- */
.sec--artist{padding-top:clamp(24px,3vw,48px)}
.artist{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:start}
.artist__name{font-size:clamp(50px,6.2vw,108px)}
.artist__alias{display:block;font:500 12px var(--fw);letter-spacing:.3em;color:var(--mut);margin-top:16px}
.artist__kz{font:300 13px var(--fw);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin:16px 0 26px}
.artist__lead{font-size:clamp(18px,1.4vw,22px);line-height:1.45;letter-spacing:-.015em;margin:0 0 28px}
.artist__mono p{margin-top:14px}
.atgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:24px}
.atcard{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;padding:10px;background:var(--card);border-radius:4px;overflow:hidden;transition:background .4s}
.atcard:hover{background:var(--card2)}
.atcard>.ph{aspect-ratio:3/4;border-radius:2px}
.atcard em{display:block;font:500 9.5px var(--fw);letter-spacing:.18em;font-style:normal;color:var(--mut);text-transform:uppercase}
.atcard b{display:block;font-weight:500;font-size:20px;letter-spacing:-.025em;margin:2px 0}
.atcard>span>span{display:block;font-size:14px;color:var(--mut);line-height:1.35}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:40px;border-top:1px solid var(--rule)}
.pn__a{display:flex;align-items:center;gap:16px}
.pn__a--r{justify-content:flex-end;text-align:right}
.pn__a .ic{width:24px;height:24px;flex:none}
.pn__a span{font-weight:500;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.025em}
.pn__a em{display:block;font:500 10.5px var(--fw);letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:var(--mut);margin-bottom:4px}

/* ---------- galleries & lightbox ---------- */
.ggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ggrid--artist{grid-template-columns:1fr 1fr}
.ggrid--artist .gi:first-child{grid-column:1/-1;aspect-ratio:4/5}
.ggrid--artist .gi{aspect-ratio:3/4}
.ggrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi{position:relative;display:block;overflow:hidden;border-radius:2px;aspect-ratio:4/3;background:var(--card)}
.gi .ph{position:absolute;inset:0}
.gi:hover .ph{transform:scale(1.04)}
.gi__n{position:absolute;z-index:2;left:12px;bottom:10px;font:500 10px var(--fw);letter-spacing:.18em;color:#fff;opacity:0;transition:opacity .4s;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.gi:hover .gi__n{opacity:.95}
.lb{position:fixed;inset:0;z-index:120;display:none;background:#060606;color:#f2f0ea;--fg:#f2f0ea;--bg:#060606}
.lb:target{display:block}
body:has(.lb:target){overflow:hidden}
body:has(.lb:target) .hd{opacity:0;pointer-events:none}
.lb__bg{position:absolute;inset:0;cursor:zoom-out}
.lb__fig{position:absolute;inset:clamp(16px,4vw,48px) var(--gut) 92px;margin:0;pointer-events:none}
.lb__fig .ph{position:absolute;inset:0;animation:lbIn .7s var(--ease) both}
@keyframes lbIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.lb__bar{position:absolute;left:var(--gut);right:var(--gut);bottom:22px;display:flex;align-items:center;gap:10px}
.lb__t{flex:1;font-size:14px;color:rgba(242,240,234,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb__n{font:500 11px var(--fw);letter-spacing:.16em;margin-right:10px;color:rgba(242,240,234,.75)}
.lb__btn{width:48px;height:48px;border:1px solid rgba(242,240,234,.28);border-radius:50%;display:grid;place-items:center;flex:none;transition:background .3s,color .3s}
.lb__btn .ic{width:18px;height:18px}
.lb__btn:hover{background:#f2f0ea;color:#060606}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.acard2{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#111}
.acard2>.ph{position:absolute;inset:0}
.acard2:hover>.ph{--ps:1.16}
.acard2>span{position:absolute;z-index:2;inset:auto 0 0 0;padding:22px;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);color:#f2f0ea}
.acard2 b{display:block;font-weight:500;font-size:22px;letter-spacing:-.025em}
.acard2 em{font-style:normal;font-size:13px;opacity:.75}

/* ---------- project cards ---------- */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.pgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard{display:block}
.pcard__frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:var(--card)}
.pcard__frame>.ph{position:absolute;inset:0}
.pcard:hover .pcard__frame>.ph{transform:scale(1.04)}
.pcard__meta{padding-top:18px}
.pcard__meta .lbl{margin-bottom:8px}
.pcard h3{font-weight:500;font-size:clamp(24px,2vw,32px);letter-spacing:-.035em;line-height:1;margin:0 0 10px}
.pcard p{color:var(--mut);font-size:15px;line-height:1.5;margin:0 0 16px}

/* ---------- big images, mosaics ---------- */
.bigimg,.filmart{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#111}
.bigimg--tall,.filmart{aspect-ratio:4/5}
.bigimg--wide{aspect-ratio:21/9;margin-top:clamp(28px,3.4vw,48px)}
.bigimg>.ph,.filmart>.ph{position:absolute;inset:0}
.bigimg:hover>.ph{--ps:1.15}
.mos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mos__i{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#111}
.mos__i>.ph{position:absolute;inset:0}
.whys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(28px,3.4vw,44px)}
.why{position:relative}
.why>.ph{aspect-ratio:4/3;border-radius:3px;margin-bottom:18px}
.why h3{font-weight:500;font-size:20px;letter-spacing:-.02em;margin:0 0 6px}
.why p{font-size:15px;color:var(--mut);margin:0;line-height:1.5}

/* ---------- lists ---------- */
.offer{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.offer li{display:flex;gap:22px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule);font-size:clamp(18px,1.45vw,22px);letter-spacing:-.018em;line-height:1.3}
.offer li>span:first-child{font:500 10.5px var(--fw);letter-spacing:.16em;color:var(--mut);flex:none;width:24px}
.svcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.svcs--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc{background:var(--bg);padding:22px 22px 26px;min-height:210px;display:flex;flex-direction:column;transition:background .5s}
.svc:hover{background:var(--card)}
.svc__n{font:200 40px/1 var(--fw);margin-bottom:auto;padding-bottom:28px}
.svc h3{font-weight:500;font-size:21px;letter-spacing:-.025em;margin:0 0 8px}
.svc p{font-size:15px;line-height:1.5;color:var(--mut);margin:0}
.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.process li{border-top:1px solid var(--fg);padding-top:18px}
.process b{font:500 10.5px var(--fw);letter-spacing:.18em;color:var(--mut)}
.process h3{font-weight:500;font-size:21px;letter-spacing:-.025em;margin:16px 0 6px}
.process p{font-size:14px;line-height:1.45;color:var(--mut);margin:0}
.steps{list-style:none;display:flex;margin:32px 0 8px;padding:0;border-top:1px solid var(--rule)}
.steps li{flex:1;padding:16px 10px 0 0;position:relative;min-width:0}
.steps li::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--fg)}
.steps b{display:block;font:200 26px/1 var(--fw);letter-spacing:-.02em}
.steps span{display:block;font-size:13px;color:var(--mut);margin-top:6px;line-height:1.35}
.mini-aw{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--rule)}
.mini-aw li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:1.45}
.mini-aw span{font:500 11px var(--fw);letter-spacing:.14em;color:var(--mut);padding-top:3px}
.tourline{font-size:15px;line-height:1.55;color:var(--mut);margin:18px 0 0}
.tourline b{color:var(--fg);font-weight:500}
.formats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.formats li{background:var(--bg);padding:22px}
.formats b{display:block;font-weight:500;font-size:18px;letter-spacing:-.02em;margin-bottom:6px}
.formats p{margin:0;font-size:14.5px;line-height:1.5;color:var(--mut)}
.formats--4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,3.4vw,48px)}

/* ---------- theatre page ---------- */
.kzmap{width:100%;height:auto;overflow:visible;max-width:1180px;margin:0 auto}
.kzmap__land{fill:rgba(255,255,255,.025);stroke:rgba(255,255,255,.3);stroke-width:1.2;stroke-linejoin:round}
.city__glow{fill:url(#glow);transform-box:fill-box;transform-origin:center;animation:pulse 3.8s ease-in-out infinite;animation-delay:var(--d)}
.city__dot{fill:#fff}
.city text{fill:rgba(242,240,234,.82);font:500 15px var(--f);letter-spacing:.01em}
.city--home text{font-weight:600;fill:#fff;font-size:17px}
@keyframes pulse{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:.85;transform:scale(1.1)}}
.split--hist .sticky{position:sticky;top:calc(var(--hd) + 32px)}
.hist{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}
.hist li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:0 0 30px 32px;position:relative}
.hist li:last-child{padding-bottom:0}
.hist li::before{content:'';position:absolute;left:-4.5px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 6px var(--bg)}
.hist time{font:500 11px var(--fw);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding-top:3px}
.hist h3{font-weight:500;font-size:22px;letter-spacing:-.025em;margin:0 0 6px;line-height:1.15}
.hist p{margin:0;color:var(--mut);font-size:16px;line-height:1.5}
.awards{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.awards li{display:grid;grid-template-columns:96px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:26px 12px 26px 0;border-bottom:1px solid var(--rule);align-items:baseline;transition:background .5s,padding .5s var(--ease)}
.awards li:hover{background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 70%);padding-left:12px}
.aw__y{font:200 34px/1 var(--fw)}
.aw__a{font-size:13px;color:var(--mut);line-height:1.4}
.aw__a b{display:block;font-weight:500;font-size:20px;letter-spacing:-.025em;color:var(--fg);margin-bottom:4px}
.aw__c{font-size:16px;line-height:1.4}
.aw__r{color:var(--mut);font-size:15px;line-height:1.4}
.team__h{margin:clamp(40px,5vw,72px) 0 18px}
.team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:0 40px;border-top:1px solid var(--rule)}
.team li{padding:24px 36px 24px 0;border-bottom:1px solid var(--rule);position:relative}
.team b{font-weight:500;font-size:19px;letter-spacing:-.02em}
.team li>div span{display:block;font-size:13px;color:var(--mut)}
.team__r{font:500 10.5px var(--fw);letter-spacing:.16em;text-transform:uppercase;margin:12px 0 8px}
.team p:not(.team__r){font-size:14.5px;line-height:1.5;color:var(--mut);margin:0}
.team a{position:absolute;top:26px;right:0;width:20px;height:20px;opacity:.6}
.team a:hover{opacity:1}
.team a .ic{width:20px;height:20px}
.rules{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.rules li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--rule)}
.rule__n{font:200 30px/1 var(--fw)}
.rule__en{font-size:clamp(19px,1.55vw,24px);font-weight:500;letter-spacing:-.022em;line-height:1.25;margin:0}
.rule__kz{font-size:14px;color:var(--mut);margin:8px 0 0;line-height:1.45}
.rules__sign{margin-top:28px;color:var(--mut);font-size:15px;line-height:1.6}
.rules__sign b{color:var(--fg);font-weight:500}

/* ---------- next page ---------- */
.nextpg{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,3.6vw,52px) 0;border-top:1px solid var(--rule)}
.nextpg .lbl{margin:0;flex:none;width:120px}
.nextpg__t{flex:1;font:200 clamp(34px,5.2vw,88px)/1 var(--fw);letter-spacing:-.025em;transition:letter-spacing .8s var(--ease)}
.nextpg .ic{width:clamp(28px,4vw,56px);height:clamp(28px,4vw,56px);transition:transform .6s var(--ease)}
.nextpg:hover .nextpg__t{letter-spacing:.01em}
.nextpg:hover .ic{transform:translate(6px,-6px)}

/* ---------- contact ---------- */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,6vw,120px)}
.contact .sec__intro{margin-top:24px}
.clist{margin:40px 0 0;border-top:1px solid var(--rule)}
.clist>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--rule);align-items:center}
.clist dt{font:500 10.5px var(--fw);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.clist dd{margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px}
.socs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px}
.socs--col{grid-template-columns:1fr;margin-top:24px}
.soc{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--rule);border-radius:4px;transition:border-color .3s,background .3s}
.soc:hover{border-color:var(--fg)}
.soc .ic{width:20px;height:20px}
.soc span{font-size:12.5px;color:var(--mut);line-height:1.3}
.soc b{display:block;color:var(--fg);font-weight:500;font-size:14px}
.form{background:var(--ink2);border:1px solid var(--rule);border-radius:6px;padding:clamp(24px,3vw,40px)}
fieldset{border:0;padding:0;margin:20px 0 6px}
legend{font:500 10.5px var(--fw);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:12px;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts label{height:38px;padding:0 14px;border:1px solid var(--rule);border-radius:99px;display:inline-flex;align-items:center;font-size:14px;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.opts label:hover{border-color:var(--fg)}
.opts input:checked+label{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.opts input:focus-visible+label{outline:1.5px solid var(--fg);outline-offset:2px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:12px}
.field--full{grid-column:1/-1}
.field label{display:block;font-size:13px;color:var(--mut);margin:16px 0 2px}
.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--rule);color:var(--fg);font:inherit;font-size:16px;padding:10px 0;outline:none;transition:border-color .3s;border-radius:0;-webkit-appearance:none;appearance:none}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--fg)}
.field input::placeholder,.field textarea::placeholder{color:rgba(242,240,234,.32)}
.err{display:block;font-size:12px;color:#ffb3a7;min-height:16px;margin-top:4px}
.form__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.form__foot p{font-size:13px;line-height:1.5;color:var(--mut);max-width:34ch;margin:0}
.sent pre{white-space:pre-wrap;font:inherit;font-size:14px;line-height:1.55;background:var(--ink);padding:16px;border-radius:4px;border:1px solid var(--rule);max-height:240px;overflow:auto}
.clist--light{margin-top:0}

/* ---------- footer ---------- */
.ft{padding-top:clamp(44px,5vw,72px);overflow:hidden;border-top:1px solid var(--rule);position:relative}
.ft__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:32px}
.ft__mail{display:flex;flex-direction:column;gap:8px}
.ft__mail a,.ft__mail span{font-weight:500;font-size:clamp(16px,1.3vw,20px);letter-spacing:-.02em;width:fit-content}
.ft__mail a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ft__mail .ft__addr{margin-top:6px;font-weight:400;font-size:clamp(14px,1.05vw,16px);color:var(--mut);letter-spacing:0}
.ft__col ul{list-style:none;margin:0;padding:0}
.ft__col li{margin:0 0 9px}
.ft__col a{font-size:14px;color:var(--mut);transition:color .3s}
.ft__col a:hover{color:var(--fg)}
.ft__logo{position:relative;padding-block:clamp(40px,6vw,88px) clamp(20px,2.4vw,32px);display:flex;justify-content:center}
.ft__svg{width:min(100%,520px);height:auto;fill:#3a3a37;position:relative;z-index:1;transition:fill 1.2s var(--ease)}
.ft__logo:hover .ft__svg{fill:#f2f0ea}
.ft__beam{position:absolute;left:0;right:0;top:clamp(40px,6vw,88px);bottom:-40px;background:conic-gradient(from 152deg at 50% 0%,transparent 0deg,rgba(255,255,255,.08) 5deg,rgba(255,255,255,.02) 28deg,rgba(255,255,255,.08) 51deg,transparent 56deg);pointer-events:none}
.ft__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;padding-block:24px 34px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--mut)}

/* ---------- toast ---------- */
.toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translate(-50%,20px);background:#f2f0ea;color:#0a0a09;font-size:14px;padding:12px 18px;border-radius:99px;opacity:0;visibility:hidden;transition:.4s var(--ease)}
.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}


/* =====================================================================
   LIGHT IN EVERY BLOCK — animated beams (brandbook: Нұр)
   ===================================================================== */
@property --tilt{syntax:'<angle>';inherits:true;initial-value:0deg}
.s-dark{--b-edge:rgba(255,255,255,.12);--b-core:rgba(255,255,255,.065);--b-mid:rgba(255,255,255,.02)}
.s-light,.s-paper{--b-edge:rgba(255,255,255,.8);--b-core:rgba(255,255,255,.58);--b-mid:rgba(255,255,255,.24)}
.sec,.band,.ft,.pgh-l{isolation:isolate;overflow:hidden;overflow:clip}
.pgh-l{position:relative}
/* an open photo (lightbox) sits inside an isolated section: lift that section above the ones after it and the header */
:is(.sec,.band,.pgh-l):has(.lb:target){position:relative;z-index:121}
.sec::before,.band::before,.ft::before,.pgh-l::before{content:'';position:absolute;z-index:-1;pointer-events:none;top:-2px;left:calc(var(--bx,50%) - 100%);width:200%;height:140%;transform-origin:50% 0;
  background:conic-gradient(from calc(180deg - var(--bs,22deg) - 4deg) at 50% 0,transparent 0deg,var(--b-edge) 4.4deg,var(--b-core) 8deg,var(--b-mid) calc(var(--bs,22deg) + 4deg),var(--b-core) calc(var(--bs,22deg) * 2),var(--b-edge) calc(var(--bs,22deg) * 2 + 3.6deg),transparent calc(var(--bs,22deg) * 2 + 8deg),transparent 360deg);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 30%,transparent 56%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 30%,transparent 56%);
  mix-blend-mode:screen;animation:bSweep var(--bd,12s) ease-in-out var(--bdl,0s) infinite alternate,bFlick 5.4s ease-in-out infinite;will-change:transform}
.sec:nth-of-type(4n+1)::before{--bx:26%;--bd:11s}
.sec:nth-of-type(4n+2)::before{--bx:74%;--bd:14s;--bdl:-6s}
.sec:nth-of-type(4n+3)::before{--bx:50%;--bd:9.5s;--bdl:-3s;--ba:24deg}
.sec:nth-of-type(4n)::before{--bx:36%;--bd:13s;--bdl:-8s}
.sec--tal::before{animation-name:bDrift,bFlick;--bd:9s;--bx:50%}
.sec--about::before{--bx:62%;--bs:20deg;--bd:10s}
.sec--contact::before{--bx:70%}
.band::before{--bx:50%;--bs:30deg;animation-name:bDrift,bFlick;--bd:7s}
.ft::before{--bx:50%;--bs:26deg;--bd:16s;--ba:10deg}
.pgh-l::before{--bx:58%;--bd:10s}
.sec--tri::before{display:none}
.bm-off::before{animation-play-state:paused!important}
@keyframes bSweep{0%{transform:rotate(calc(var(--ba,20deg) * -1))}100%{transform:rotate(var(--ba,20deg))}}
@keyframes bDrift{0%{transform:translateX(-12%) rotate(12deg)}100%{transform:translateX(12%) rotate(-12deg)}}
@keyframes bFlick{0%,100%{opacity:1}21%{opacity:.84}24%{opacity:1}49%{opacity:.93}52%{opacity:.68}55%{opacity:1}77%{opacity:.86}}

/* hero and page heroes: the lamp swings by itself, flickers on every cut */
@keyframes beamPulse{0%{opacity:.5}7%{opacity:1}14%{opacity:.78}22%{opacity:.95}100%{opacity:.72}}

/* triangle of light: flicker and a band of light running down */
.tri__light{animation:bFlick 6s ease-in-out infinite}
.tri::after{content:'';position:absolute;inset:0 var(--gut);clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.11) 50%,transparent 100%) no-repeat;background-size:100% 34%;animation:triScan 4.2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes triScan{0%{background-position:0 -50%}100%{background-position:0 150%}}

/* ---------- ŞAM in brief: text, numbers, founders, directions ---------- */
.about__text{max-width:1180px}
.about__h{font-size:clamp(40px,5.2vw,90px);margin:0 0 clamp(22px,2.6vw,36px);max-width:15ch}
.about__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,56px)}
.about__cols p{margin:0;font-size:clamp(17px,1.22vw,20px);line-height:1.62;color:var(--fg);opacity:.84}
.about__text .kzline{margin-top:24px;max-width:none}
.about__block{margin-top:clamp(48px,5.6vw,88px)}
.about__bh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding-top:18px;margin-bottom:clamp(18px,2vw,28px)}
.about__bh .lbl{margin:0;order:2}
.about__bh .h3{font-size:clamp(26px,2.4vw,40px)}
.founders4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.fcard .acard__frame{aspect-ratio:4/5}
.fcard p{font-size:14px}
.founders__ph{width:56px;height:56px;border-radius:50%;flex:none;filter:grayscale(1)}
.dirs--compact{border-top:0}
.dirs--compact .dir{padding:clamp(9px,1.1vw,15px) 0;grid-template-columns:44px minmax(0,1fr) minmax(0,420px) 30px;gap:20px}
.dirs--compact .dir__w{font-size:clamp(30px,4.2vw,66px)}
.dir__d b{display:block;font:500 10px var(--fw);letter-spacing:.22em;text-transform:uppercase;color:var(--fg);margin-bottom:5px}
.dir::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:translateX(-100%);transition:transform 1s var(--ease)}
.dir:hover::after{transform:translateX(100%)}

/* ---------- words rise from behind the curtain ---------- */
/* the mask clips only the rise of the word: side padding (cancelled by the margin) keeps the last letter whole under negative letter-spacing */
.js .split-w .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .12em .1em;margin:0 -.12em -.1em}
.js .split-w .w>span{display:inline-block;transform:translateY(108%);transition:transform 1.05s var(--ease);transition-delay:calc(var(--wi) * 50ms)}
.js .split-w.rv-in .w>span{transform:none}

/* ---------- parallax ---------- */
.tile .ph,.bigimg>.ph,.acard2>.ph,.mos__i>.ph{transform:translate3d(0,var(--py,0px),0) scale(var(--ps,1.1));transition:transform 1.4s var(--ease),filter 1.1s var(--ease)}
.pgh__img{transform:translate3d(0,var(--hy,0px),0);will-change:transform}

/* ---------- light that follows the cursor; scroll progress ---------- */
.cursor-light{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;z-index:85;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 32%,transparent 64%);mix-blend-mode:screen;opacity:0;transition:opacity .6s;will-change:transform}
.cursor-light.is-on{opacity:1}
.progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,rgba(255,255,255,.15),#fff);z-index:96;pointer-events:none}

/* ---------- small lifts ---------- */
.gig,.ticket--gate,.atcard{transition:transform .6s var(--ease),background .4s,box-shadow .6s var(--ease)}
.gig:hover,.ticket--gate:hover{transform:translateY(-6px);box-shadow:0 24px 40px -28px rgba(0,0,0,.45)}
.pcard__meta h3,.acard h3{transition:transform .6s var(--ease)}
.pcard:hover .pcard__meta h3,.acard:hover h3{transform:translateX(6px)}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .hd__nav{gap:22px;margin-left:28px}
  .gigs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svcs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
  .whys{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft__top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft__mail{grid-column:1/-1}
  .awards li{grid-template-columns:80px minmax(0,1fr) minmax(0,1fr)}
  .aw__r{grid-column:2/-1}
}
@media (max-width:980px){
  :root{--hd:64px}
  .hd{grid-template-columns:1fr auto 1fr}
  .hd__nav{display:none}
  .hd__cta{justify-self:end}
  .split,.contact,.artist{grid-template-columns:1fr}
  .pgh__in{grid-template-columns:1fr}
  .menu__in{grid-template-columns:1fr;align-items:start;padding-top:90px}
  .menu__list{columns:1}
  .menu__list a{font-size:clamp(34px,8.6vw,60px)}
  .dir{grid-template-columns:44px minmax(0,1fr) 28px;gap:6px 16px}
  .dir__d{grid-column:2;grid-row:2;font-size:14px}
  .dir__go{grid-column:3;grid-row:1}
  .dir__img{display:none}
  .founders ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .tickets2,.gates{grid-template-columns:1fr}
  .agrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prow{grid-template-columns:minmax(0,1fr) auto;gap:10px 20px}
  .prow__src{grid-column:1/-1;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
  .prow__src span{margin:0}
  .prow__main{grid-column:1}
  .prow__go{grid-column:2;grid-row:2;align-self:start}
  .mrow{grid-template-columns:minmax(0,1fr) 20px}
  .mrow b{grid-column:1}.mrow span{grid-column:1}.mrow em{grid-column:1}
  .mrow .ic{grid-column:2;grid-row:1}
  .split--hist .sticky{position:static}
  .formats--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__aside{display:none}
  .about__cols{grid-template-columns:1fr}
  .founders4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dirs--compact .dir{grid-template-columns:36px minmax(0,1fr) 26px;gap:4px 14px}
  .city text{font-size:24px}
  .city--home text{font-size:26px}
}
@media (max-width:640px){
  body{font-size:16px}
  .hd__mt{display:none}
  .hd__logo{width:80px}
  .hero{min-height:560px}
  .hero__mark{width:min(54vw,240px)}
  .hero__descr{font-size:9px;letter-spacing:.32em}
  .hl{font-size:clamp(24px,min(10.5vw,calc((100vw - 2 * var(--gut) - 52px) / (var(--n,4) * .5))),52px)}
  .hero__foot .hide-s{display:none}
  .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
  .acard h3{font-size:18px}
  .acard p{font-size:13px}
  .acard__badge{font-size:8.5px;left:8px;bottom:8px;padding:6px 8px;letter-spacing:.1em;max-width:calc(100% - 16px)}
  .gigs,.pgrid,.pgrid--4,.agrid,.svcs,.svcs--3,.whys,.formats,.formats--4{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr}
  .tile,.tile--full{aspect-ratio:4/3}
  .ggrid,.ggrid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats--3 .stat dd,.split .stats .stat dd{font-size:min(30px,calc(100cqi / (var(--nl,4) * .62)))}
  .stat{padding:22px 12px 22px 0}
  .fields{grid-template-columns:1fr}
  .socs{grid-template-columns:1fr}
  .clist>div{grid-template-columns:1fr;gap:6px}
  .itable>div{grid-template-columns:1fr;gap:2px}
  .hist li{grid-template-columns:1fr;gap:6px;padding-left:24px}
  .awards li{grid-template-columns:64px minmax(0,1fr);gap:8px 14px}
  .aw__c,.aw__r{grid-column:2}
  .aw__y{font-size:26px}
  .rules li{grid-template-columns:44px minmax(0,1fr)}
  .rule__n{font-size:24px}
  .steps{flex-wrap:wrap;row-gap:18px}
  .steps li{flex:0 0 33.333%}
  .ft__top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft__base{flex-direction:column}
  .pn{grid-template-columns:1fr}
  .prow{grid-template-columns:minmax(0,1fr) 24px}
  .prow__src{grid-column:1;grid-row:1}
  .prow__go{grid-column:2;grid-row:1}
  .prow__go .tag{display:none}
  .prow__main{grid-column:1/-1;grid-row:2}
  .prow__h{font-size:21px}
  .pn__a--r{justify-content:flex-start;text-align:left;flex-direction:row-reverse}
  .nextpg .lbl{display:none}
  .lb__t{display:none}
  .lb__fig{inset:12px 8px 88px}
  .rail{grid-auto-columns:64vw}
  .railbox--stills .rail{grid-auto-columns:86vw}
  .tri__in{padding:clamp(150px,44vw,220px) 6% 48px}
  .tri__arc{top:clamp(86px,25vw,130px)}
  .menu__side{display:none}
  .founders4{gap:20px 12px}
  .cursor-light{display:none}
  .intro__mark{width:86vw}
  .intro__w{font-size:9px;letter-spacing:.16em}
  .intro__descr{font-size:9px;letter-spacing:.3em}
  .founders ul{grid-template-columns:1fr}
  .ticket__top,.ticket__body{padding-inline:22px}
  .city text{font-size:34px}
  .city--home text{font-size:38px}
}
/* =====================================================================
   v3.2 — schedule first, numbers without cells, clickable work, press logos,
   back navigation, lead form + WhatsApp, legal pages
   ===================================================================== */

/* section head with a side column */
.sec__head .lbl{margin-bottom:12px}
.sec__side{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:46ch}
.sec__side .sec__intro{max-width:none}

/* ---------- back bar + breadcrumbs ---------- */
.pbar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding-block:14px;font-size:13px;color:var(--mut);position:relative;z-index:3}
.page > .pbar:first-child{padding-top:calc(var(--hd) + 18px)}
.pbar--hero{position:absolute;left:0;right:0;top:calc(var(--hd) + 8px);color:rgba(242,240,234,.66)}
.back{--fg:currentColor;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 10px;border:1px solid var(--rule);border-radius:99px;color:var(--fg);font:500 13.5px/1 var(--f);letter-spacing:-.005em;transition:background .35s,color .35s,border-color .35s}
.page .back{color:var(--fg)}
.back .ic{width:17px;height:17px;transition:transform .45s var(--ease)}
.back:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.back:hover .ic{transform:translateX(-3px)}
.pbar--hero .back{color:#f2f0ea;border-color:rgba(242,240,234,.34);--fg:#f2f0ea;--bg:#0a0a09}
.pbar--hero .back:hover{background:#f2f0ea;color:#0a0a09}
.pbar__c{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pbar__c a{color:var(--fg);opacity:.72}.pbar__c a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.pbar__c i{font-style:normal;opacity:.45}
.pbar__c span[aria-current]{color:var(--fg)}
.pbar--hero .pbar__c span[aria-current]{color:#f2f0ea}
.pbar + .pgh-l{padding-top:clamp(18px,2.6vw,40px)}
.hd__l{display:flex;align-items:center}
.hd__back{display:none;align-items:center;gap:8px;height:36px;padding:0 14px 0 9px;margin-left:16px;border:1px solid rgba(242,240,234,.26);border-radius:99px;font:500 13px/1 var(--f);color:#f2f0ea;transition:background .3s,color .3s}
.hd__back .ic{width:16px;height:16px}
.hd__back:hover{background:#f2f0ea;color:#0a0a09}
.on-page.pbar-gone .hd__back{display:inline-flex;animation:pgIn .5s var(--ease) both}

/* page enters when you come back */
.js .pg-in{animation:pgIn .7s var(--ease) both}
@keyframes pgIn{from{opacity:0}to{opacity:1}}

/* every block switches its light on when it arrives */
.js .sec::before,.js .band::before,.js .pgh-l::before,.js .ft::before{scale:1 .002;transition:scale 2s var(--ease)}
.js .sec.sec-in::before,.js .band.sec-in::before,.js .pgh-l.sec-in::before,.js .ft.sec-in::before{scale:1 1}

/* ---------- now on stage (block 2) ---------- */
.sec--onstage{padding-top:clamp(44px,5vw,84px)}
.gig h3 a{transition:opacity .3s}.gig h3 a:hover{opacity:.7}
.gig__foot .btn--solid{--fg:#0a0a09;--bg:#ebe9e3}
.gigs--page{margin-top:8px}

/* ---------- ŞAM in numbers: no cells, light runs through the figures ---------- */
.nums{margin-top:clamp(44px,5vw,84px);position:relative}
.nums__lbl{margin-bottom:clamp(14px,1.6vw,24px)}
.nums__lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.4vw,80px);padding-bottom:clamp(30px,3.6vw,56px);border-bottom:1px solid var(--rule)}
.num{position:relative;min-width:0;container-type:inline-size}
.num__k{display:block;font:500 10.5px var(--fw);letter-spacing:.24em;color:var(--mut);margin-bottom:10px}
.num__v{display:block;font:200 min(72px,33cqi)/.92 var(--fw);letter-spacing:-.045em;white-space:nowrap;
  background:linear-gradient(100deg,rgba(242,240,234,.42) 0%,rgba(242,240,234,.92) 24%,#fff 34%,rgba(242,240,234,.92) 44%,rgba(242,240,234,.5) 100%);
  background-size:280% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:numLight 7s ease-in-out infinite;animation-delay:var(--nd,0s)}
.nums__row .num__v{font-size:min(72px,33cqi,calc(100cqi / (var(--nl,3) * .62)))}
.num--xl .num__v{font-size:min(210px,21cqi);line-height:.88;letter-spacing:-.05em}
@keyframes numLight{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.bm-off .num__v{animation-play-state:paused}
.num p{margin:16px 0 0;font-size:14.5px;line-height:1.45;color:var(--mut);max-width:36ch}
.num p span{display:block;font:500 10.5px var(--fw);letter-spacing:.22em;text-transform:uppercase;color:var(--fg);margin-bottom:6px}
.num--xl p{font-size:clamp(15px,1.1vw,17px);margin-top:20px}
.nums__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(18px,2.2vw,40px);padding-top:clamp(28px,3.2vw,48px)}
.nums__row .num::before{content:'';display:block;width:28px;height:1px;background:var(--fg);opacity:.55;margin-bottom:20px}
.nums__row .num:nth-child(2){--nd:.5s}.nums__row .num:nth-child(3){--nd:1s}.nums__row .num:nth-child(4){--nd:1.5s}.nums__row .num:nth-child(5){--nd:2s}.nums__row .num:nth-child(6){--nd:2.5s}
.nums__lead .num:nth-child(2){--nd:1.2s}

/* ---------- selected work: obviously clickable cards ---------- */
.works{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,3.6vw,56px) clamp(16px,2vw,32px)}
.work{display:flex;flex-direction:column;color:inherit;cursor:pointer;min-width:0}
.work--lead{grid-column:1/-1}
.work__img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:#111}
.work--lead .work__img{aspect-ratio:21/9}
.work__img>.ph{position:absolute;inset:0;transform:scale(1.02);transition:transform 1.5s var(--ease),filter 1.1s var(--ease)}
.work:hover .work__img>.ph{transform:scale(1.07)}
.work__view{position:absolute;z-index:3;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:#f2f0ea;color:#0a0a09;display:grid;place-items:center;font:500 11px var(--fw);letter-spacing:.22em;text-transform:uppercase;transform:scale(.3);opacity:0;transition:transform .7s var(--ease),opacity .45s}
@media (hover:hover){.work:hover .work__view{transform:scale(1);opacity:1}}
.work__meta{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px 18px;align-items:start;padding-top:20px}
.work__n{font:500 10.5px var(--fw);letter-spacing:.2em;color:var(--mut);padding-top:3px}
.work__t .lbl{margin:0 0 8px}
.work__t b{display:block;font-weight:500;font-size:clamp(28px,2.6vw,46px);letter-spacing:-.042em;line-height:1;transition:transform .6s var(--ease)}
.work--lead .work__t b{font-size:clamp(40px,4.6vw,80px)}
.work:hover .work__t b{transform:translateX(6px)}
.work__d{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:var(--mut);max-width:52ch}
.work__go{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 6px 0 20px;border:1px solid var(--rule);border-radius:99px;font:500 14px var(--f);white-space:nowrap;transition:border-color .4s,background .4s,color .4s}
.work__go i{width:40px;height:40px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;transition:transform .6s var(--ease)}
.work__go .ic{width:15px;height:15px}
.work:hover .work__go{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.work:hover .work__go i{background:var(--bg);color:var(--fg);transform:rotate(45deg)}

/* ---------- press logos ---------- */
.plogo{display:block;flex:none;height:calc(var(--lb,22px) * var(--lh,1));aspect-ratio:var(--ar,3);max-width:100%;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}
.plogo--t{height:auto;aspect-ratio:auto;background:none;font:600 15px/1.2 var(--f);letter-spacing:-.01em;white-space:nowrap}
.pwall{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(24px,3vw,44px) clamp(30px,4.2vw,68px);padding:clamp(28px,3.4vw,48px) 0;border-block:1px solid var(--rule);margin-bottom:clamp(28px,3.4vw,52px)}
.pwall__i{--lb:clamp(20px,1.9vw,28px);display:block;color:var(--fg);opacity:.6;transition:opacity .4s,transform .5s var(--ease)}
.pwall__i:hover{opacity:1;transform:translateY(-3px)}
.pwall__i .plogo{-webkit-mask-position:center;mask-position:center}
.pwall__i .plogo--t{font-size:clamp(15px,1.4vw,20px)}
.pwall--page{margin:8px 0 0;border-bottom:0}
.prow__src .plogo{--lb:20px;color:var(--fg);margin-bottom:10px}
.prow__src .plogo--t{margin-bottom:6px}
.mrow .plogo{--lb:18px}

/* ---------- quick actions, lead form ---------- */
.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}
.qa__i{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--rule);border-radius:6px;transition:background .35s,border-color .35s,color .35s,transform .5s var(--ease)}
.qa__i>.ic:first-child{width:22px;height:22px}
.qa__i span{font-size:13px;color:var(--mut);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa__i b{display:block;color:var(--fg);font-weight:500;font-size:16px;letter-spacing:-.012em;margin-bottom:3px}
.qa__go{width:16px;height:16px;opacity:.6;transition:transform .45s var(--ease),opacity .3s}
.qa__i:hover{border-color:var(--fg);transform:translateY(-2px)}
.qa__i:hover .qa__go{transform:translate(3px,-3px);opacity:1}
.qa__i--wa{grid-column:1/-1;background:var(--fg);color:var(--bg);border-color:var(--fg);padding:20px 22px}
.qa__i--wa b{color:var(--bg);font-size:21px}
.qa__i--wa span{color:var(--bg);opacity:.72}
.qa__i--wa>.ic:first-child{width:26px;height:26px}
.lead__all{margin-top:26px}
.split--contact{align-items:end}
.split--contact .qa{margin-top:0}
.formbox{position:relative}
.form__h{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.form__h p{margin:0;font-size:13px;color:var(--mut)}
.field label i{font-style:normal;color:var(--mut)}
.consent{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:13.5px;line-height:1.45;color:var(--mut);cursor:pointer;position:relative}
.consent input{position:absolute;opacity:0;width:1px;height:1px;left:4px;top:4px}
.consent__box{flex:none;width:20px;height:20px;border:1px solid rgba(242,240,234,.5);border-radius:4px;position:relative;margin-top:1px;transition:background .3s,border-color .3s}
.consent__box::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #0a0a09;border-width:0 1.7px 1.7px 0;transform:rotate(45deg) scale(0);transition:transform .25s var(--ease)}
.consent input:checked+.consent__box{background:#f2f0ea;border-color:#f2f0ea}
.consent input:checked+.consent__box::after{transform:rotate(45deg) scale(1)}
.consent input:focus-visible+.consent__box{outline:1.5px solid #f2f0ea;outline-offset:2px}
.consent a{color:var(--fg);border-bottom:1px solid currentColor}
.err--ok{min-height:0}
.form__foot{justify-content:flex-start;gap:10px}
.clist--route{margin-top:0}
.clist--route>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.clist--route dt{font:400 15px/1.4 var(--f);letter-spacing:-.005em;text-transform:none;color:var(--fg)}
.clist--route dd a{color:var(--mut);border-bottom:1px solid var(--rule);transition:color .3s}
.clist--route dd a:hover{color:var(--fg)}
.contact__l>.h3{margin:0 0 18px}
.clist a.sel:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- tickets page ---------- */
.process--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}
.offer--links a{border-bottom:1px solid var(--rule);transition:border-color .3s}
.offer--links a:hover{border-color:var(--fg)}

/* ---------- legal pages ---------- */
.pgh-l--legal .h-xl{font-size:clamp(40px,5vw,84px)}
.pgh-l--legal .note{max-width:70ch}
.legal{display:grid;grid-template-columns:minmax(0,290px) minmax(0,780px);gap:clamp(32px,6vw,120px);align-items:start}
.legal__toc{position:sticky;top:calc(var(--hd) + 24px)}
.legal__toc ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.legal__toc a{display:block;padding:9px 0;border-bottom:1px solid var(--rule);font-size:14px;color:var(--mut);transition:color .3s}
.legal__toc a:hover{color:var(--fg)}
.legal__s{padding:0 0 clamp(24px,3vw,38px);scroll-margin-top:calc(var(--hd) + 20px)}
.legal__s h2{font-weight:500;font-size:clamp(22px,1.9vw,28px);letter-spacing:-.025em;line-height:1.15;margin:0 0 14px}
.legal__s p{margin:0 0 12px;font-size:16px;line-height:1.65}
.legal__s ul{margin:0 0 12px;padding-left:20px}
.legal__s li{margin:0 0 6px;font-size:16px;line-height:1.6}
mark.todo{background:rgba(10,10,9,.07);color:inherit;padding:1px 5px;border-radius:3px;border-bottom:1px dashed rgba(10,10,9,.55)}
.legal__others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.legal__o{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:8px 16px;align-items:center;padding:24px;border:1px solid var(--rule);border-radius:6px;transition:border-color .3s,background .3s}
.legal__o .lbl{margin:0;grid-column:1}
.legal__o b{grid-column:1;font-weight:500;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.025em}
.legal__o .ic{grid-column:2;grid-row:1/3;width:22px;height:22px;transition:transform .45s var(--ease)}
.legal__o:hover{border-color:var(--fg)}
.legal__o:hover .ic{transform:translate(3px,-3px)}

/* ---------- footer: WhatsApp line, legal links ---------- */
.ft__wa{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;padding-bottom:clamp(32px,4vw,56px);margin-bottom:clamp(32px,4vw,56px);border-bottom:1px solid var(--rule)}
.ft__wa-t{margin:0;font-weight:500;font-size:clamp(24px,2.4vw,40px);letter-spacing:-.035em;line-height:1.1;max-width:30ch;text-wrap:balance}
.ft__wa .btns{margin:0}
.ft__legal{display:flex;flex-wrap:wrap;gap:10px 28px;padding-block:18px;border-top:1px solid var(--rule);font-size:13.5px}
.ft__legal a{color:var(--fg);opacity:.8;transition:opacity .3s}
.ft__legal a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.ft__mail a{width:fit-content}

/* ---------- floating WhatsApp ---------- */
.fab{position:fixed;z-index:92;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:0;height:56px;min-width:56px;padding:0 16px;border-radius:99px;background:#0a0a09;color:#f2f0ea;border:1px solid rgba(242,240,234,.34);font:500 15px var(--f);box-shadow:0 14px 34px -12px rgba(0,0,0,.7);transition:transform .6s var(--ease),opacity .4s,background .3s,color .3s}
.fab .ic{width:24px;height:24px}
.fab span{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .6s var(--ease),opacity .4s,margin .6s var(--ease)}
.fab:hover span,.fab:focus-visible span{max-width:120px;opacity:1;margin-left:10px}
.fab::before{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(242,240,234,.7);animation:fabRing 3.4s ease-out infinite;pointer-events:none}
@keyframes fabRing{0%{transform:scale(1);opacity:.7}60%,100%{transform:scale(1.32);opacity:0}}
.fab:hover{background:#f2f0ea;color:#0a0a09;transform:translateY(-3px)}
.js .fab{transform:translateY(140%);opacity:0}
.js .fab.is-on{transform:none;opacity:1}
body.menu-open .fab,body:has(.lb:target) .fab{opacity:0!important;pointer-events:none}

/* ---------- responsive v3.2 ---------- */
@media (max-width:1200px){
  .nums__row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(28px,3vw,40px)}
}
@media (max-width:980px){
  .sec__head{align-items:flex-start}
  .sec__side{max-width:none}
  .work__meta{grid-template-columns:32px minmax(0,1fr)}
  .work__go{grid-column:2;justify-self:start}
  .legal{grid-template-columns:1fr}
  .legal__toc{position:static}
  .split--contact{align-items:start}
  .process--3{grid-template-columns:1fr}
  .hd__back{margin-left:12px}
}
@media (max-width:640px){
  .pbar{font-size:12.5px;gap:8px 12px}
  .about__bh{flex-direction:column;align-items:flex-start;gap:6px}
  .nextpg__t{min-width:0;font-size:clamp(24px,7.4vw,34px)}
  .pbar__c>a:first-child,.pbar__c>a:first-child+i{display:none}
  .pbar__c>i:first-child{display:none}
  .hd__back{width:36px;padding:0;justify-content:center;margin-left:10px}
  .hd__back span{display:none}
  .nums__lead{grid-template-columns:1fr;gap:34px}
  .nums__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
  .num--xl .num__v{font-size:min(120px,20cqi)}
  .num p{font-size:13.5px}
  .works{grid-template-columns:1fr;gap:40px}
  .work__img,.work--lead .work__img{aspect-ratio:4/3}
  .work__t b,.work--lead .work__t b{font-size:clamp(30px,9vw,40px)}
  .work__go{height:48px;padding-left:18px}
  .work__go i{width:36px;height:36px}
  .pwall{gap:22px 30px;padding:24px 0}
  .pwall__i{--lb:19px}
  .qa{grid-template-columns:1fr}
  .qa__i--wa b{font-size:19px}
  .form__foot .btn{width:100%}
  .clist--route>div{grid-template-columns:1fr}
  .legal__others{grid-template-columns:1fr}
  .legal__s p,.legal__s li{font-size:15.5px}
  .ft__wa .btns{width:100%}
  .ft__wa .btn{flex:1 1 auto}
  .fab{width:56px;padding:0;justify-content:center;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
  .fab span{display:none}
  .fab .ic{width:26px;height:26px}
  .ft__base{padding-bottom:88px}
  .gig__foot .btn{height:42px}
  .sec--onstage .gigs{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80vw;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut);padding-bottom:6px}
  .sec--onstage .gigs::-webkit-scrollbar{display:none}
  .sec--onstage .gig{scroll-snap-align:start}
  .sec--onstage .gig__img{aspect-ratio:16/11}
  .sec--gates{display:none}
}

/* =====================================================================
   v3.3 — public site: language switcher, ŞAM TOUR schedule
   ===================================================================== */
.hd__r{display:flex;align-items:center;gap:24px;justify-self:end}
.hd__lang,.menu__lang{display:flex;align-items:center;gap:2px}
.hd__lang a,.menu__lang a{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 7px;font:500 11px/1 var(--fw);letter-spacing:.18em;color:inherit;opacity:.55;transition:opacity .3s}
.hd__lang a::after,.menu__lang a::after{content:'';position:absolute;left:7px;right:calc(7px + .18em);bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.hd__lang a:hover,.menu__lang a:hover,.hd__lang a[aria-current],.menu__lang a[aria-current]{opacity:1}
.hd__lang a[aria-current]::after,.menu__lang a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.menu__lang{position:absolute;top:18px;right:var(--gut);z-index:2;color:#f2f0ea}
.lang-dd{display:none;position:relative;margin-left:12px}
.lang-dd summary{list-style:none;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 9px 0 12px;border:1px solid rgba(242,240,234,.26);border-radius:99px;font:500 11px/1 var(--fw);letter-spacing:.16em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s,color .3s}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary .ic{width:14px;height:14px;transition:transform .4s var(--ease)}
.lang-dd[open] summary{background:#f2f0ea;color:#0a0a09}
.lang-dd[open] summary .ic{transform:rotate(180deg)}
.lang-dd__list{position:absolute;top:calc(100% + 8px);left:0;min-width:168px;display:flex;flex-direction:column;padding:6px;background:rgba(10,10,9,.97);border:1px solid rgba(242,240,234,.16);border-radius:8px;box-shadow:0 18px 40px -16px rgba(0,0,0,.85);animation:pgIn .35s var(--ease) both}
.lang-dd__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px;padding:0 14px;border-radius:5px;font:500 16px/1 var(--f);letter-spacing:-.01em;color:rgba(242,240,234,.78)}
.lang-dd__list a[aria-current]{color:#fff;background:rgba(242,240,234,.08)}
.lang-dd__list a[aria-current]::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.ft__lang{display:flex;gap:16px}
.ft__lang a{color:var(--mut);letter-spacing:.12em;transition:color .3s}
.ft__lang a:hover,.ft__lang a[aria-current]{color:var(--fg)}
.gig__where a{transition:opacity .3s}
.gig__where a:hover{opacity:.7;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1200px){
  .hd__r{gap:14px}
  .hd__lang a{padding:0 5px;letter-spacing:.14em}
  .hd__lang a::after{left:5px;right:calc(5px + .14em)}
}
@media (max-width:640px){
  .hd__lang{display:none}
  .lang-dd{display:block}
  .on-page.pbar-gone .lang-dd{display:none}
  .menu__lang{top:14px}
  .chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
  .chips--scroll::-webkit-scrollbar{display:none}
  .chips--scroll label{flex:0 0 auto;white-space:nowrap}
  .gigs--page{gap:12px}
  .gigs--page .gig{display:grid;grid-template-columns:112px minmax(0,1fr)}
  .gigs--page .gig__img{aspect-ratio:auto;min-height:100%}
  .gigs--page .gig__date{left:8px;top:8px;padding:6px 7px 7px;font-size:9px;letter-spacing:.12em}
  .gigs--page .gig__date b{font-size:19px;margin-bottom:2px}
  .gigs--page .gig__body{padding:14px 14px 14px 16px}
  .gigs--page .gig__body .lbl{margin-bottom:6px;font-size:10px}
  .gigs--page .gig h3{font-size:22px;margin-bottom:4px}
  .gigs--page .gig__where{font-size:14px;margin-bottom:12px}
  .gigs--page .gig__where span{font-size:12.5px}
  .gigs--page .gig__foot .pill{display:none}
  .gigs--page .gig__foot .btn{height:38px}
}

/* visually hidden, read by screen readers and search engines (the home heading) */
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 404 */
.nf{min-height:100vh;min-height:100svh;display:grid;place-items:center;background:var(--ink);color:#f2f0ea;--fg:#f2f0ea;--bg:#0a0a09;--mut:rgba(242,240,234,.55);--rule:rgba(242,240,234,.2)}
.nf__in{width:min(92vw,620px);padding:48px 0;text-align:center}
.nf__logo{width:110px;fill:currentColor;margin:0 auto 40px;display:block}
.nf__h{font-weight:500;font-size:clamp(96px,22vw,180px);line-height:.9;letter-spacing:-.06em;margin:0 0 18px}
.nf__t{color:var(--mut);font-size:16px;margin:0 0 34px}
.nf__a{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0}

/* a heading never touches the text under it (columns of .split; artist pages without the Kazakh name line) */
:not(.sec__head)>.h2+.sec__intro,.h2+.prose,.h3+.vlist{margin-top:clamp(16px,1.6vw,24px)}
.artist__name+.artist__lead{margin-top:clamp(22px,2.4vw,34px)}

/* long words on phones: names, legal titles, timeline labels never leave the screen */
.h-xl,.h2,.h3{overflow-wrap:break-word}
.steps span,.svc h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:640px){
  .artist__name{font-size:min(50px,calc((100vw - 2 * var(--gut)) / (var(--n,8) * .56)))}
  .pgh-l--legal .h-xl{font-size:clamp(28px,8.4vw,40px)}
  .dirs--compact .dir__w{font-size:min(30px,calc((100vw - 2 * var(--gut) - 90px) / (var(--n,8) * .76)))}
}
@media (max-width:380px){
  .hero__descr{letter-spacing:.26em;padding-left:.26em}
  .btn{max-width:100%;height:auto;min-height:var(--h);white-space:normal;line-height:1.2;padding-block:10px;text-align:left}
}
@media (max-width:340px){
  .hero__descr{letter-spacing:.16em;padding-left:.16em}
  .qa__i--wa b{font-size:17px}
  .ft__col .lbl{letter-spacing:.12em}
  .hd__logo{width:68px}
  .lang-dd{margin-left:8px}
  .lang-dd summary{padding:0 6px 0 9px;letter-spacing:.1em}
}
/* quick-action labels and e-mail addresses wrap instead of being cut on mid-size screens */
.qa__i span{white-space:normal;overflow-wrap:anywhere}

/* ---------- social accounts as logos, grouped by account (D-061) ---------- */
.sgrp{display:flex;flex-direction:column;gap:16px}
.sgrp__row{display:flex;flex-direction:column;gap:9px}
.sgrp__l{font:500 10px var(--fw);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.sgrp__i{display:flex;flex-wrap:wrap;gap:8px}
.sico{width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;color:var(--fg);transition:background .3s,color .3s,border-color .3s}
.sico .ic{width:18px;height:18px}
@media (hover:hover){.sico:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}}
.sgrp--lg{margin-top:30px;gap:20px}
.sgrp--lg .sico{width:48px;height:48px}
.sgrp--lg .sico .ic{width:20px;height:20px}
.sgrp--menu{margin:4px 0 28px}
.menu .sgrp--menu .sico{color:#f2f0ea;border:1px solid rgba(242,240,234,.28)}
.ft__col--soc .sgrp__i{gap:6px}
.ft__col--soc .sico{width:36px;height:36px}
.ft__col--soc .sico .ic{width:16px;height:16px}
@media (hover:hover){.sgrp--menu .sico:hover{background:#f2f0ea;color:#0a0a09;border-color:#f2f0ea}}
.sgrp--menu .sgrp__l{color:rgba(242,240,234,.55)}

/* ---------- calm on phones (D-056): swipe strips stay put, a tap is not a hover, nothing heavy runs while scrolling ---------- */
.rail{overflow-y:hidden}
@media (max-width:640px){.sec--onstage .gigs{overflow-y:hidden;overscroll-behavior-x:contain}}
.bm-off .marquee__t,.marquee.bm-off .marquee__t,.hero.bm-off .hs{animation-play-state:paused}
@media (hover:none){
  .gig:hover,.ticket--gate:hover{transform:none;box-shadow:none}
  .gig__img:hover .ph,.acard:hover .acard__frame>.ph,.still:hover .ph,.gi:hover .ph{transform:none}
  .tile:hover .ph,.acard2:hover>.ph,.bigimg:hover>.ph{--ps:1.1}
  .pcard:hover .pcard__meta h3,.acard:hover h3{transform:none}
  .dir::after{display:none}
  /* the section light is painted once with its section: no blending layer, no endless sway, no opening animation */
  .sec::before,.band::before,.ft::before,.pgh-l::before{animation:none;will-change:auto;mix-blend-mode:normal}
  .js .sec::before,.js .band::before,.js .pgh-l::before,.js .ft::before{scale:none;transition:none}
  .grain{display:none}
}

/* ---------- «ŞAM is» on phones (D-057): eight photo tiles in two columns, the name and one label each ---------- */
@media (max-width:640px){
  .dirs--compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dirs--compact>li{min-width:0}
  .dirs--compact .dir{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;aspect-ratio:5/6;padding:12px 12px 13px;border:0;border-radius:4px;overflow:hidden;background:#141413;color:#f2f0ea}
  .dirs--compact .dir__img{display:block;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none;opacity:1;clip-path:none}
  .dirs--compact .dir__img::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,10,9,.5) 0%,rgba(10,10,9,0) 30%,rgba(10,10,9,.2) 52%,rgba(10,10,9,.88) 100%)}
  .dirs--compact .dir__n{position:absolute;left:12px;top:13px;color:rgba(242,240,234,.85);font-size:10px}
  .dirs--compact .dir__go{position:absolute;right:11px;top:11px;width:18px;height:18px}
  .dirs--compact .dir__w{font-weight:500;font-size:min(21px,calc(((100vw - 2 * var(--gut) - 10px) / 2 - 24px) / (var(--n,8) * .7)));line-height:1;letter-spacing:0}
  .dirs--compact .dir__d{margin-top:8px;color:rgba(242,240,234,.72)}
  .dirs--compact .dir__d b{font-size:8.5px;line-height:1.45;letter-spacing:.18em;margin:0;color:inherit}
  .dirs--compact .dir__t{display:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hs{animation:none;opacity:0}.hs1{opacity:1}
  .hl{animation:none}.hl1{opacity:1}
  .grain{animation:none}
  .sec::before,.band::before,.ft::before,.pgh-l::before,.tri::after,.num__v,.fab::before{animation:none}
  .js .sec::before,.js .band::before,.js .pgh-l::before,.js .ft::before{scale:none}
  .js .intro{display:none}
}

#sf-2026-11:checked~.chips label[for=sf-2026-11]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2026-11:checked~.gigs .gig:not(.mon-2026-11){display:none}
#sf-2026-12:checked~.chips label[for=sf-2026-12]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2026-12:checked~.gigs .gig:not(.mon-2026-12){display:none}
#sf-2027-01:checked~.chips label[for=sf-2027-01]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-01:checked~.gigs .gig:not(.mon-2027-01){display:none}
#sf-2027-02:checked~.chips label[for=sf-2027-02]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-02:checked~.gigs .gig:not(.mon-2027-02){display:none}
#sf-2027-03:checked~.chips label[for=sf-2027-03]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-03:checked~.gigs .gig:not(.mon-2027-03){display:none}
#sf-2027-05:checked~.chips label[for=sf-2027-05]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-05:checked~.gigs .gig:not(.mon-2027-05){display:none}
#sf-2027-06:checked~.chips label[for=sf-2027-06]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-06:checked~.gigs .gig:not(.mon-2027-06){display:none}
#sf-2027-07:checked~.chips label[for=sf-2027-07]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-07:checked~.gigs .gig:not(.mon-2027-07){display:none}
#sf-2027-08:checked~.chips label[for=sf-2027-08]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-08:checked~.gigs .gig:not(.mon-2027-08){display:none}
#sf-2027-09:checked~.chips label[for=sf-2027-09]{background:var(--fg);color:var(--bg);border-color:var(--fg)}#sf-2027-09:checked~.gigs .gig:not(.mon-2027-09){display:none}
.im-a_bows{background-image:url(/_a/img/a_bows.2764196e44.webp)}
.im-a_bows2{background-image:url(/_a/img/a_bows2.b3f844c913.webp)}
.im-a_conf_row{background-image:url(/_a/img/a_conf_row.d1a5942560.webp)}
.im-a_dinner_blue{background-image:url(/_a/img/a_dinner_blue.4ae302c3fd.webp)}
.im-a_promo{background-image:url(/_a/img/a_promo.e1cece02ef.webp)}
.im-a_table{background-image:url(/_a/img/a_table.e4897e07f5.webp)}
.im-audience{background-image:url(/_a/img/audience.b393eb44f0.webp)}
.im-belgi_hike{background-image:url(/_a/img/belgi_hike.70d2d7386d.webp)}
.im-belgi_hosts{background-image:url(/_a/img/belgi_hosts.6fb02f74c6.webp)}
.im-belgi_k1{background-image:url(/_a/img/belgi_k1.0340be144a.webp)}
.im-belgi_k2{background-image:url(/_a/img/belgi_k2.9a3eea240b.webp)}
.im-belgi_k3{background-image:url(/_a/img/belgi_k3.7514d822dc.webp)}
.im-belgi_k4{background-image:url(/_a/img/belgi_k4.e4190baf54.webp)}
.im-bts_beach{background-image:url(/_a/img/bts_beach.e8a03a9630.webp)}
.im-bts_bed{background-image:url(/_a/img/bts_bed.8ea2adb7fd.webp)}
.im-bts_cam{background-image:url(/_a/img/bts_cam.5c90b22324.webp)}
.im-bts_metro{background-image:url(/_a/img/bts_metro.7fb8427b30.webp)}
.im-bts_room{background-image:url(/_a/img/bts_room.617875b7db.webp)}
.im-bw1{background-image:url(/_a/img/bw1.2d8bf8738e.webp)}
.im-bw2{background-image:url(/_a/img/bw2.c9207837ce.webp)}
.im-bw3{background-image:url(/_a/img/bw3.4502481a6a.webp)}
.im-bw4{background-image:url(/_a/img/bw4.d7328366dd.webp)}
.im-c_assan{background-image:url(/_a/img/c_assan.ee11e92bb8.webp)}
.im-c_nazar{background-image:url(/_a/img/c_nazar.4da06b761e.webp)}
.im-c_sagyzbay{background-image:url(/_a/img/c_sagyzbay.65c182253a.webp)}
.im-c_tynyshkul{background-image:url(/_a/img/c_tynyshkul.3de65ae423.webp)}
.im-c_yerkebulan{background-image:url(/_a/img/c_yerkebulan.f0d12722a1.webp)}
.im-c_zarina{background-image:url(/_a/img/c_zarina.8847f45035.webp)}
.im-camera_bts{background-image:url(/_a/img/camera_bts.5484373269.webp)}
.im-conf_group{background-image:url(/_a/img/conf_group.27310ce120.webp)}
.im-conf_poster2{background-image:url(/_a/img/conf_poster2.3a34d22b8c.webp)}
.im-crowd_metro{background-image:url(/_a/img/crowd_metro.073c20eefd.webp)}
.im-curtain_call{background-image:url(/_a/img/curtain_call.eea228ee67.webp)}
.im-curtain_wide{background-image:url(/_a/img/curtain_wide.a5030e0467.webp)}
.im-dinner{background-image:url(/_a/img/dinner.eff702807e.webp)}
.im-ek_poster{background-image:url(/_a/img/ek_poster.bae4215d8f.webp)}
.im-ek_stage{background-image:url(/_a/img/ek_stage.ca09b314ad.webp)}
.im-elders{background-image:url(/_a/img/elders.e80acfceb3.webp)}
.im-event_bw{background-image:url(/_a/img/event_bw.1a30ad9413.webp)}
.im-hero_theatre{background-image:url(/_a/img/hero_theatre.546f9d769a.webp)}
.im-kosh_poster{background-image:url(/_a/img/kosh_poster.5fddc073ae.webp)}
.im-kosh_stage{background-image:url(/_a/img/kosh_stage.0dcdfc0aa0.webp)}
.im-n37_dinner{background-image:url(/_a/img/n37_dinner.f9d6469ab1.webp)}
.im-n37_g1{background-image:url(/_a/img/n37_g1.43ca535103.webp)}
.im-n37_g2{background-image:url(/_a/img/n37_g2.c48f32f988.webp)}
.im-n37_g3{background-image:url(/_a/img/n37_g3.a637c6378f.webp)}
.im-n37_g4{background-image:url(/_a/img/n37_g4.c78b8af71b.webp)}
.im-n37_stage{background-image:url(/_a/img/n37_stage.e5338d3931.webp)}
.im-no37_cast_cat{background-image:url(/_a/img/no37_cast_cat.194a10ac88.webp)}
.im-no37_keyart{background-image:url(/_a/img/no37_keyart.7554c879b6.webp)}
.im-no37_poster_cat{background-image:url(/_a/img/no37_poster_cat.9f69fdebb2.webp)}
.im-no37_tunnel{background-image:url(/_a/img/no37_tunnel.f3e878d5ff.webp)}
.im-prod_fire{background-image:url(/_a/img/prod_fire.d8a4e77c49.webp)}
.im-r_arshat{background-image:url(/_a/img/r_arshat.d8dd6e1e33.webp)}
.im-r_assan{background-image:url(/_a/img/r_assan.ab3babc0ec.webp)}
.im-r_nazar{background-image:url(/_a/img/r_nazar.f8ce38f4dc.webp)}
.im-r_samal{background-image:url(/_a/img/r_samal.e368096475.webp)}
.im-r_yerkebulan{background-image:url(/_a/img/r_yerkebulan.5113255325.webp)}
.im-r_zarina{background-image:url(/_a/img/r_zarina.2610f47c71.webp)}
.im-r_zhandos{background-image:url(/_a/img/r_zhandos.7c06b0371a.webp)}
.im-screening{background-image:url(/_a/img/screening.21ebe16724.webp)}
.im-st1{background-image:url(/_a/img/st1.f7b306cc93.webp)}
.im-st2{background-image:url(/_a/img/st2.6703430fd0.webp)}
.im-st3{background-image:url(/_a/img/st3.06c859b106.webp)}
.im-st4{background-image:url(/_a/img/st4.ae3f525ef9.webp)}
.im-st5{background-image:url(/_a/img/st5.5b31b0cafc.webp)}
.im-stats_bw{background-image:url(/_a/img/stats_bw.924a8503d1.webp)}
.im-t_almat{background-image:url(/_a/img/t_almat.83ee2839c8.webp)}
.im-t_arshat{background-image:url(/_a/img/t_arshat.aecfdf502d.webp)}
.im-t_assan{background-image:url(/_a/img/t_assan.3faa3d51da.webp)}
.im-t_darkhan{background-image:url(/_a/img/t_darkhan.7c9965109b.webp)}
.im-t_farhad{background-image:url(/_a/img/t_farhad.18aaf4c086.webp)}
.im-t_nazar{background-image:url(/_a/img/t_nazar.3eb17c0b26.webp)}
.im-t_sagyzbay{background-image:url(/_a/img/t_sagyzbay.fa845ca788.webp)}
.im-t_samal{background-image:url(/_a/img/t_samal.071bbb873d.webp)}
.im-t_tynyshkul{background-image:url(/_a/img/t_tynyshkul.3b362056da.webp)}
.im-t_yerkebulan{background-image:url(/_a/img/t_yerkebulan.e58f30bce3.webp)}
.im-t_zarina{background-image:url(/_a/img/t_zarina.1c46ef5b66.webp)}
.im-t_zengir{background-image:url(/_a/img/t_zengir.5bba93db93.webp)}
.im-t_zhandos{background-image:url(/_a/img/t_zhandos.fe3f4fba74.webp)}
.im-talents_group{background-image:url(/_a/img/talents_group.8883666ae2.webp)}
.im-tobe_concert{background-image:url(/_a/img/tobe_concert.202cedeea7.webp)}
.im-uya_group{background-image:url(/_a/img/uya_group.9d7353b87a.webp)}
.im-uya_stage{background-image:url(/_a/img/uya_stage.e0f4a85116.webp)}
.lg-98mag{-webkit-mask-image:url(/_a/img/press/98mag.d7ba0489e6.png);mask-image:url(/_a/img/press/98mag.d7ba0489e6.png)}
.lg-aikyn{-webkit-mask-image:url(/_a/img/press/aikyn.c9627fae3d.png);mask-image:url(/_a/img/press/aikyn.c9627fae3d.png)}
.lg-azh{-webkit-mask-image:url(/_a/img/press/azh.e67a08072f.png);mask-image:url(/_a/img/press/azh.e67a08072f.png)}
.lg-egemen{-webkit-mask-image:url(/_a/img/press/egemen.400d16a49f.png);mask-image:url(/_a/img/press/egemen.400d16a49f.png)}
.lg-kazgazeta{-webkit-mask-image:url(/_a/img/press/kazgazeta.7b4471a0ad.png);mask-image:url(/_a/img/press/kazgazeta.7b4471a0ad.png)}
.lg-lada{-webkit-mask-image:url(/_a/img/press/lada.0f9c0a57a7.png);mask-image:url(/_a/img/press/lada.0f9c0a57a7.png)}
.lg-mtrk{-webkit-mask-image:url(/_a/img/press/mtrk.a7cc9ff58d.png);mask-image:url(/_a/img/press/mtrk.a7cc9ff58d.png)}
.lg-nege{-webkit-mask-image:url(/_a/img/press/nege.75b93d58e9.png);mask-image:url(/_a/img/press/nege.75b93d58e9.png)}
.lg-ntk{-webkit-mask-image:url(/_a/img/press/ntk.3bed16ab97.png);mask-image:url(/_a/img/press/ntk.3bed16ab97.png)}
.lg-qazaqadebieti{-webkit-mask-image:url(/_a/img/press/qazaqadebieti.b554168411.png);mask-image:url(/_a/img/press/qazaqadebieti.b554168411.png)}
.lg-sputnik{-webkit-mask-image:url(/_a/img/press/sputnik.13f7f57fb5.png);mask-image:url(/_a/img/press/sputnik.13f7f57fb5.png)}
.lg-stan{-webkit-mask-image:url(/_a/img/press/stan.27b19ae8dc.png);mask-image:url(/_a/img/press/stan.27b19ae8dc.png)}
.lg-steppe{-webkit-mask-image:url(/_a/img/press/steppe.24dd049f71.png);mask-image:url(/_a/img/press/steppe.24dd049f71.png)}
.lg-vlast{-webkit-mask-image:url(/_a/img/press/vlast.f2dc38506a.png);mask-image:url(/_a/img/press/vlast.f2dc38506a.png)}
.lg-zhaikpress{-webkit-mask-image:url(/_a/img/press/zhaikpress.6b70b648a5.png);mask-image:url(/_a/img/press/zhaikpress.6b70b648a5.png)}
.lg-zhasalash{-webkit-mask-image:url(/_a/img/press/zhasalash.26adcf26b2.png);mask-image:url(/_a/img/press/zhasalash.26adcf26b2.png)}
@media (max-width:640px){
.im-audience{background-image:url(/_a/img/audience-m.8c0d6a6cde.webp)}
.im-belgi_k1{background-image:url(/_a/img/belgi_k1-m.fbd06c0fbb.webp)}
.im-belgi_k2{background-image:url(/_a/img/belgi_k2-m.bb330bf6d7.webp)}
.im-belgi_k3{background-image:url(/_a/img/belgi_k3-m.8aaef6c21f.webp)}
.im-belgi_k4{background-image:url(/_a/img/belgi_k4-m.c422f6c6bc.webp)}
.im-bts_beach{background-image:url(/_a/img/bts_beach-m.d4a05c6792.webp)}
.im-bts_bed{background-image:url(/_a/img/bts_bed-m.f62b45d8c7.webp)}
.im-bts_cam{background-image:url(/_a/img/bts_cam-m.da22968ddc.webp)}
.im-bts_metro{background-image:url(/_a/img/bts_metro-m.9fa432f58c.webp)}
.im-bts_room{background-image:url(/_a/img/bts_room-m.71fd13ce20.webp)}
.im-camera_bts{background-image:url(/_a/img/camera_bts-m.1596e25c2d.webp)}
.im-conf_group{background-image:url(/_a/img/conf_group-m.dc1ce8c9bb.webp)}
.im-conf_poster2{background-image:url(/_a/img/conf_poster2-m.75eeeebcc6.webp)}
.im-crowd_metro{background-image:url(/_a/img/crowd_metro-m.49db0224b8.webp)}
.im-curtain_call{background-image:url(/_a/img/curtain_call-m.b5443851ba.webp)}
.im-curtain_wide{background-image:url(/_a/img/curtain_wide-m.53ef3554c9.webp)}
.im-dinner{background-image:url(/_a/img/dinner-m.50be2d53f7.webp)}
.im-ek_stage{background-image:url(/_a/img/ek_stage-m.8c0b74760a.webp)}
.im-elders{background-image:url(/_a/img/elders-m.89eb4ef4eb.webp)}
.im-hero_theatre{background-image:url(/_a/img/hero_theatre-m.7a1174d9c5.webp)}
.im-kosh_stage{background-image:url(/_a/img/kosh_stage-m.e796ebf67d.webp)}
.im-n37_dinner{background-image:url(/_a/img/n37_dinner-m.1a56f323d3.webp)}
.im-n37_g1{background-image:url(/_a/img/n37_g1-m.66bff151aa.webp)}
.im-n37_g2{background-image:url(/_a/img/n37_g2-m.5369e00817.webp)}
.im-n37_g3{background-image:url(/_a/img/n37_g3-m.17ce89cc67.webp)}
.im-n37_g4{background-image:url(/_a/img/n37_g4-m.a4263221e1.webp)}
.im-n37_stage{background-image:url(/_a/img/n37_stage-m.0159a228f4.webp)}
.im-no37_cast_cat{background-image:url(/_a/img/no37_cast_cat-m.80f024d191.webp)}
.im-no37_tunnel{background-image:url(/_a/img/no37_tunnel-m.b18bf5ca69.webp)}
.im-prod_fire{background-image:url(/_a/img/prod_fire-m.46431df1c7.webp)}
.im-screening{background-image:url(/_a/img/screening-m.9ece0ce2f8.webp)}
.im-st1{background-image:url(/_a/img/st1-m.a9694f4486.webp)}
.im-st2{background-image:url(/_a/img/st2-m.05471a2005.webp)}
.im-st3{background-image:url(/_a/img/st3-m.a9c021b5e4.webp)}
.im-st4{background-image:url(/_a/img/st4-m.ceb6a85312.webp)}
.im-st5{background-image:url(/_a/img/st5-m.b3560ba771.webp)}
.im-stats_bw{background-image:url(/_a/img/stats_bw-m.c391d76e62.webp)}
.im-t_almat{background-image:url(/_a/img/t_almat-m.2204194ff0.webp)}
.im-t_arshat{background-image:url(/_a/img/t_arshat-m.21d92ab587.webp)}
.im-t_assan{background-image:url(/_a/img/t_assan-m.ae9f06961b.webp)}
.im-t_darkhan{background-image:url(/_a/img/t_darkhan-m.72dc43d1a5.webp)}
.im-t_farhad{background-image:url(/_a/img/t_farhad-m.292f8ca4fc.webp)}
.im-t_nazar{background-image:url(/_a/img/t_nazar-m.d12df2daf3.webp)}
.im-t_sagyzbay{background-image:url(/_a/img/t_sagyzbay-m.f74b493602.webp)}
.im-t_samal{background-image:url(/_a/img/t_samal-m.93cc4b191f.webp)}
.im-t_tynyshkul{background-image:url(/_a/img/t_tynyshkul-m.8f1582a11f.webp)}
.im-t_yerkebulan{background-image:url(/_a/img/t_yerkebulan-m.3a583ca485.webp)}
.im-t_zarina{background-image:url(/_a/img/t_zarina-m.bb57587e0e.webp)}
.im-t_zengir{background-image:url(/_a/img/t_zengir-m.c76782d4f1.webp)}
.im-t_zhandos{background-image:url(/_a/img/t_zhandos-m.1df3e14050.webp)}
.im-talents_group{background-image:url(/_a/img/talents_group-m.d812a408ab.webp)}
.im-tobe_concert{background-image:url(/_a/img/tobe_concert-m.9e588c1219.webp)}
.im-uya_stage{background-image:url(/_a/img/uya_stage-m.3e17865daa.webp)}
}