/* =====================================================================
   UTN1 · STAGE LIGHT · the public site's base stylesheet  «ضوء المسرح» «ڕووناکیی سەکۆ»
   Ported 17 Oct 2026 from the theme kit (main checkout utn1/design/stage-light/: fonts.css,
   tokens.css, base.css, pages.css; SPEC.md §2-§10). Order: fonts (generated block) ·
   tokens · base + homepage components · inner-page components · engine parts (theme
   switches, notices, error page, page-builder grounds) at the end.
   CSP-safe: no rule needs a style="" attribute (staggers use :nth-child), textures are image
   files (../img/), motion only under html.motion (stage.js) and paused offscreen.
   Logical properties only (RTL mirrors by itself); the play-icon optical offset is a
   transform. The admin has its own kit (assets/admin/admin-base.css).
   ===================================================================== */

/* fonts:begin (tools/brand/fonts-install.php) */
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-latin.06b16db7.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0308-0309,U+0323,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";src:url("../fonts/montserrat-latin-ext.54d9a78b.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-0130,U+0132-0151,U+0154-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";src:url("../fonts/montserrat-italic-latin.0eb22e3d.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0304,U+0308-0309,U+0323,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:"Noto Kufi Arabic";src:url("../fonts/noto-kufi-arabic.792034a4.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
/* fonts:end */
 @property --spot-x{syntax: '<length-percentage>';inherits: true;initial-value: 50%}
@property --spot-y{syntax: '<length-percentage>';inherits: true;initial-value: 42%}
@property --spot-r{syntax: '<length>';inherits: true;initial-value: 1400px}
:root{--black: #060505;--stage: #0E0C0B;--smoke: #1B1816;--house: #20160F;--text: #F3ECDF;--muted: #A39886;--on-action: #FFF7EC;--on-gold: #1E1307;--tungsten: #FFB65C;--gold: #E0AE3C;--gold-light: #F6D879;--ember: #C2502E;--rose: #E58A5A;--haze: #2B3F8F;--action-top: #B04B2A;--action-mid: #9E3F20;--action-bottom: #85331A;--action-hover-top: #B8502D;--action: linear-gradient(180deg, var(--action-top) 0%, var(--action-mid) 55%, var(--action-bottom) 100%);--action-glow: 0 14px 34px -14px rgba(194, 80, 46, .85), inset 0 1px 0 rgba(255, 222, 186, .3);--gold-grad: linear-gradient(172deg, #F8DD8A 8%, #EDC253 38%, #D9A535 64%, #B07A22 96%);--wm-stop-1: #B07A22;--wm-stop-2: #D9A535;--wm-stop-3: #EDC253;--wm-stop-4: #F8DD8A;--line: rgba(243, 236, 223, .12);--line-warm: rgba(255, 196, 120, .30);--line-faint: rgba(255, 214, 160, .08);--glass: rgba(255, 236, 210, .06);--glass-hover: rgba(194, 80, 46, .30);--scrim-text: rgba(6, 5, 5, .74);--scrim-muted: rgba(6, 5, 5, .86);--scrim-solid: rgba(6, 5, 5, .96);--scrim-top: linear-gradient(to bottom, rgba(6, 5, 5, .7) 0%, rgba(6, 5, 5, 0) 16%);--scrim-bottom: linear-gradient(to top, var(--black) 0%, rgba(6, 5, 5, .62) 14%, rgba(6, 5, 5, 0) 36%);--text-halo: 0 2px 30px rgba(0, 0, 0, .6);--leak-intensity: 1;--grain-opacity: .085;--vignette: .62;--parallax: .2;--kenburns-scale: 1.14;--font-latin: 'Montserrat', 'Noto Kufi Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-arabic: 'Noto Kufi Arabic', 'Vazirmatn', 'Montserrat', 'Segoe UI', Tahoma, sans-serif;--font-body: var(--font-latin);--fs-label: .72rem;--fs-small: .875rem;--fs-body: 1.0625rem;--fs-lead: clamp(1.15rem, .95rem + .8vw, 1.5rem);--fs-h3: clamp(1.35rem, 1.05rem + 1.1vw, 2.1rem);--fs-h2: clamp(2.4rem, 1.3rem + 3.6vw, 5.2rem);--fs-display: clamp(3.2rem, 1.2rem + 6.2vw, 8.6rem);--ar-display: .72;--ar-h2: .78;--ar-label: .86rem;--w-display: 200;--w-display-ar: 300;--w-lead: 300;--w-body: 400;--w-strong: 500;--w-label: 600;--lh-body: 1.6;--lh-body-ar: 1.85;--lh-head: 1;--lh-head-ar: 1.4;--track-label: .32em;--track-credit: .44em;--track-nav: .24em;--gutter: clamp(16px, 4vw, 72px);--gap: clamp(16px, 2vw, 32px);--cols: 12;--measure: 46ch;--measure-ar: 30em;--header-h: 76px;--subnav-h: 80px;--section-pad: clamp(80px, 9vw, 168px);--target: 44px;--radius: 14px;--radius-sm: 6px;--radius-xs: 3px;--radius-pill: 999px;--shadow-cover: 0 34px 50px -22px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 214, 160, .2), 0 -10px 44px -8px rgba(255, 182, 92, .34);--shadow-screen: 0 0 0 1px rgba(255, 214, 160, .16), 0 50px 120px -40px rgba(229, 138, 90, .5), 0 0 180px -40px rgba(194, 80, 46, .55);--shadow-card: 0 28px 40px -20px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 214, 160, .1);--glow-bulb: 0 0 0 4px rgba(255, 182, 92, .14), 0 0 18px 4px rgba(255, 182, 92, .65);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-film: cubic-bezier(.65, 0, .35, 1);--dur-fast: .3s;--dur: .6s;--dur-slow: 1.2s;--dur-film: 1.6s;--stagger: 70ms;--z-grain: 90;--z-header: 100;--z-menu: 110;--z-skip: 300;--shade-dir: to right;--flip: 1}
[dir="rtl"]{--shade-dir: to left;--flip: -1}
:root:lang(ar), :root:lang(ckb){--font-body: var(--font-arabic)}
.theme-warm{--black: #0B0807;--stage: #130F0D}
*, *::before, *::after{box-sizing: border-box}
html{background: var(--black);color: var(--text);-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: calc(var(--header-h) + 8px)}
html:has(.subnav){scroll-padding-top: calc(var(--header-h) + var(--subnav-h) + 8px)}
body{margin: 0;min-height: 100vh;font-family: var(--font-body);font-size: var(--fs-body);font-weight: var(--w-body);line-height: var(--lh-body);background: var(--black);color: var(--text);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
:root:lang(ar) body, :root:lang(ckb) body{line-height: var(--lh-body-ar)}
img, svg{display: block;max-width: 100%}
img{height: auto}
a{color: inherit}
button{font: inherit;color: inherit}
p, h1, h2, h3, h4, dl, dd, figure, blockquote{margin: 0}
ul, ol{margin: 0;padding: 0;list-style: none}
main:focus{outline: none}
[lang="ar"], [lang="ckb"]{font-family: var(--font-arabic)}
[lang="en"]{font-family: var(--font-latin)}
:lang(ar), :lang(ckb){letter-spacing: 0 !important;text-transform: none !important;font-style: normal !important}
.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}
.defs{position: absolute;width: 0;height: 0;overflow: hidden}
.top-sentinel{position: absolute;top: 0;inset-inline-start: 0;width: 1px;height: 90px;pointer-events: none}
.skip{position: fixed;z-index: var(--z-skip);inset-block-start: 10px;inset-inline-start: 10px;padding: 12px 20px;border-radius: var(--radius-pill);background: var(--tungsten);color: var(--on-gold);font-weight: var(--w-label);text-decoration: none;transform: translateY(-180%);transition: transform .25s var(--ease-out)}
.skip:focus{transform: none}
:focus-visible{outline: 2px solid var(--tungsten);outline-offset: 3px;border-radius: 4px}
.wrap{padding-inline: var(--gutter)}
.label{font-size: var(--fs-label);font-weight: var(--w-label);line-height: 1.5;letter-spacing: var(--track-label);text-transform: uppercase;color: var(--muted)}
.label:lang(ar), .label:lang(ckb){font-size: var(--ar-label);font-weight: var(--w-strong)}
.label--light{color: var(--tungsten)}
.fine{font-size: .8rem;color: var(--muted);line-height: 1.6}
.fine:lang(ar), .fine:lang(ckb){font-size: .86rem;line-height: 1.9}
.sec-num{display: flex;align-items: center;gap: 14px;font-size: .72rem;font-weight: var(--w-strong);letter-spacing: .3em;color: var(--tungsten);font-family: var(--font-latin)}
.sec-num::after{content: "";width: clamp(28px, 4vw, 72px);height: 1px;background: currentColor;opacity: .55}
.sec-head{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: end;gap: 14px clamp(20px, 3vw, 48px);padding-inline: var(--gutter);margin-block-end: clamp(36px, 4.4vw, 72px)}
.sec-head .sec-num{align-self: center;padding-block-start: .6em}
.sec-head__title{font-size: var(--fs-h2);font-weight: var(--w-display);line-height: var(--lh-head);letter-spacing: -.025em;color: var(--text)}
.sec-head__title:lang(ar), .sec-head__title:lang(ckb){font-size: calc(var(--fs-h2) * var(--ar-h2));font-weight: var(--w-display-ar);line-height: var(--lh-head-ar)}
.sec-head__aux{justify-self: end;align-self: end}
.sec-head__stack{display: grid;gap: 14px}
.text-link{display: inline-flex;align-items: center;gap: 12px;min-height: var(--target);font-size: .78rem;font-weight: var(--w-label);letter-spacing: var(--track-nav);text-transform: uppercase;color: var(--tungsten);text-decoration: none}
.text-link:lang(ar), .text-link:lang(ckb){font-size: .95rem}
.text-link__arrow{position: relative;width: 38px;height: 1px;background: currentColor;transition: transform .4s var(--ease-out);transform-origin: left}
[dir="rtl"] .text-link__arrow{transform-origin: right}
.text-link__arrow::after{content: "";position: absolute;inset-inline-end: 0;top: -3px;width: 7px;height: 7px;border-block-start: 1px solid currentColor;border-inline-end: 1px solid currentColor;transform: rotate(calc(var(--flip) * 45deg))}
.text-link:hover .text-link__arrow, .text-link:focus-visible .text-link__arrow{transform: scaleX(1.35)}
.text-link__ext{font-size: 1.1em;letter-spacing: 0}
[dir="rtl"] .text-link__ext{display: inline-block;transform: scaleX(-1)}
.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 52px;padding: 12px 26px;border-radius: var(--radius-pill);border: 1px solid transparent;font-size: .82rem;font-weight: var(--w-label);letter-spacing: .16em;text-transform: uppercase;text-decoration: none;cursor: pointer;transition: transform .35s var(--ease-out), background-color .35s, border-color .35s}
.btn:lang(ar), .btn:lang(ckb){font-size: .95rem;font-weight: var(--w-strong)}
.btn--ember{color: var(--on-action);background: var(--action);box-shadow: var(--action-glow)}
.btn--ember:hover, .btn--ember:focus-visible{background: linear-gradient(180deg, var(--action-hover-top), var(--action-mid) 55%, var(--action-bottom))}
.btn--glass{color: var(--text);background: var(--glass);border-color: var(--line-warm);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}
.btn--glass:hover, .btn--glass:focus-visible{background: rgba(255, 196, 120, .12);border-color: rgba(255, 196, 120, .6)}
.btn:hover, .btn:focus-visible{transform: translateY(-2px)}
.btn--stack{flex-direction: column;gap: 2px;padding: 10px 28px;min-height: 64px;align-items: flex-start}
[dir="rtl"] .btn--stack{align-items: flex-end}
.btn__sub{font-size: .74rem;font-weight: var(--w-body);letter-spacing: .04em;text-transform: none;opacity: .86;font-family: var(--font-latin)}
.round-btn{display: inline-grid;place-items: center;width: 52px;height: 52px;border-radius: 50%;border: 1px solid var(--line-warm);background: var(--glass);color: var(--text);cursor: pointer;transition: transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast), opacity var(--dur-fast)}
.round-btn svg{width: 20px;height: 20px}
[dir="rtl"] .round-btn svg{transform: scaleX(-1)}
.round-btn:hover, .round-btn:focus-visible{background: var(--glass-hover);border-color: rgba(255, 182, 92, .7)}
.round-btn[aria-disabled="true"]{opacity: .32;cursor: default}
.langs{display: inline-flex;align-items: center;gap: 2px;padding: 2px;border-radius: var(--radius-pill);border: 1px solid var(--line);background: rgba(255, 236, 210, .04)}
.langs a, .langs button, .langs__off{display: inline-grid;place-items: center;min-width: var(--target);min-height: var(--target);padding: 0 12px;border: 0;border-radius: var(--radius-pill);background: transparent;text-decoration: none;font-family: var(--font-latin);font-size: .76rem;font-weight: var(--w-label);letter-spacing: .12em;color: var(--muted);cursor: pointer;transition: color var(--dur-fast), background-color var(--dur-fast)}
.langs [lang="ar"], .langs [lang="ckb"]{font-family: var(--font-arabic);font-size: .84rem;font-weight: var(--w-strong)}
.langs a:hover, .langs button:hover{color: var(--text)}
.langs [aria-current="true"], .langs [aria-pressed="true"]{color: var(--on-gold);background: linear-gradient(180deg, var(--gold-light), var(--gold))}
.langs__off{opacity: .45;cursor: not-allowed}
.pills{display: flex;flex-wrap: wrap;gap: 8px}
.pill{display: inline-flex;align-items: center;gap: 9px;min-height: var(--target);padding: 10px 17px 10px 14px;border-radius: var(--radius-pill);background: var(--glass);border: 1px solid rgba(255, 214, 160, .22);color: var(--text);text-decoration: none;font-size: .84rem;font-weight: var(--w-strong);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);transition: transform .35s var(--ease-out), background-color .35s, border-color .35s}
.pill__dot{width: 7px;height: 7px;border-radius: 50%;background: #FFD592;box-shadow: 0 0 10px 2px rgba(255, 182, 92, .75);opacity: .45;transition: opacity .35s}
.pill:hover, .pill:focus-visible{transform: translateY(-2px);background: var(--glass-hover);border-color: rgba(255, 182, 92, .65)}
.pill:hover .pill__dot, .pill:focus-visible .pill__dot{opacity: 1}
.pill--lead{color: var(--on-action);background: var(--action);border-color: rgba(255, 196, 140, .45)}
.pill--lead .pill__dot{opacity: 1;background: #FFF1D6}
.tbc{display: inline-flex;align-items: center;gap: 10px;width: fit-content;padding: 9px 16px;border-radius: var(--radius-pill);border: 1px dashed rgba(255, 182, 92, .55);color: var(--tungsten);font-size: .72rem;font-weight: var(--w-label);letter-spacing: .18em;text-transform: uppercase}
.tbc:lang(ar), .tbc:lang(ckb){font-size: .9rem;font-weight: var(--w-strong)}
.tbc::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--tungsten);box-shadow: 0 0 10px 2px rgba(255, 182, 92, .7)}
.chip{display: inline-flex;align-items: center;padding: 4px 11px;border-radius: var(--radius-pill);border: 1px solid rgba(243, 236, 223, .32);font-size: .62rem;font-weight: var(--w-label);letter-spacing: .2em;text-transform: uppercase;color: rgba(243, 236, 223, .9)}
.chip:lang(ar), .chip:lang(ckb){font-size: .8rem;font-weight: var(--w-strong)}
.grain{position: fixed;inset: -72px;z-index: var(--z-grain);pointer-events: none;opacity: var(--grain-opacity);background: url("../img/grain.svg") repeat 0 0 / 220px 220px}
html.motion.stage-live .grain{animation: grain 1s steps(1, end) infinite}
@keyframes grain{0%{transform: translate3d(0, 0, 0)}
12%{transform: translate3d(-24px, 14px, 0)}
25%{transform: translate3d(18px, -32px, 0)}
37%{transform: translate3d(-42px, -8px, 0)}
50%{transform: translate3d(32px, 26px, 0)}
62%{transform: translate3d(-12px, 44px, 0)}
75%{transform: translate3d(46px, -18px, 0)}
87%{transform: translate3d(-36px, 30px, 0)}
100%{transform: translate3d(0, 0, 0)}
}
html.motion [data-reveal]{opacity: 0;transform: translate3d(0, 26px, 0);transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out)}
html.motion [data-reveal].is-in{opacity: 1;transform: none}
.bulb{position: relative;z-index: 1;width: 100%;height: 100%;overflow: visible}
.bulb__cap{fill: #3B2F25}
.bulb__glass{fill: rgba(255, 214, 160, .05);stroke: rgba(255, 214, 160, .34);stroke-width: 1}
.bulb__fil{fill: none;stroke: rgba(255, 190, 120, .55);stroke-width: 1.2;stroke-linejoin: round}
.bulb__on{opacity: 0;transition: opacity var(--dur) var(--ease-out)}
.bulb__glass--on{fill: url(#g-bulb)}
.bulb__fil--on{fill: none;stroke: #FFF6E0;stroke-width: 1.6;stroke-linejoin: round}
.sig-mark{display: inline-block;width: 12px;height: 19px;flex: none;filter: drop-shadow(0 0 6px rgba(255, 182, 92, .9))}
.sig-mark svg{width: 100%;height: 100%}
.masthead{position: fixed;inset-block-start: 0;inset-inline: 0;z-index: var(--z-header);display: flex;align-items: center;gap: clamp(16px, 2.4vw, 40px);height: var(--header-h);padding-inline: var(--gutter)}
.masthead::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(180deg, rgba(6, 5, 5, .92), rgba(6, 5, 5, .74));-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);border-block-end: 1px solid var(--line);opacity: 0;transition: opacity .5s var(--ease-out)}
html.no-js .masthead::before, html.is-scrolled .masthead::before, .masthead:has(.menu[open])::before{opacity: 1}
.masthead::after{content: "";position: absolute;inset: 0 0 auto;z-index: -2;block-size: calc(var(--header-h) + 40px);pointer-events: none;background: linear-gradient(to bottom, var(--scrim-muted) 0, var(--scrim-muted) var(--header-h), rgba(6, 5, 5, 0) 100%);transition: opacity .5s var(--ease-out)}
html.no-js .masthead::after, html.is-scrolled .masthead::after, .masthead:has(.menu[open])::after, .masthead--minimal::after{opacity: 0}
.brand{display: inline-flex;align-items: center;min-height: var(--target);flex: none;border-radius: 4px}
.brand svg{width: clamp(78px, 7.2vw, 116px);height: auto;filter: drop-shadow(0 0 12px rgba(255, 182, 92, .32))}
.nav{margin-inline-start: auto}
.nav ul{display: flex;align-items: center;gap: clamp(12px, 1.7vw, 30px)}
.nav a{position: relative;display: inline-flex;align-items: center;min-height: var(--target);font-size: .72rem;font-weight: var(--w-strong);letter-spacing: var(--track-nav);text-transform: uppercase;color: rgba(243, 236, 223, .84);text-decoration: none;transition: color var(--dur-fast)}
.nav a:lang(ar), .nav a:lang(ckb){font-size: .92rem;font-weight: var(--w-body)}
.nav a::after{content: "";position: absolute;inset-inline: 0;bottom: 9px;height: 1px;background: var(--tungsten);box-shadow: 0 0 10px 1px rgba(255, 182, 92, .7);transform: scaleX(0);transition: transform .45s var(--ease-out)}
.nav a:hover, .nav a:focus-visible, .nav a[aria-current="page"]{color: var(--text)}
.nav a:hover::after, .nav a:focus-visible::after, .nav a[aria-current="page"]::after{transform: scaleX(1)}
.menu{display: none}
.menu > summary{list-style: none}
.menu > summary::-webkit-details-marker{display: none}
.menu-btn{position: relative;z-index: 2;display: block;width: 46px;height: 46px;border-radius: 50%;border: 1px solid var(--line-warm);background: var(--glass);cursor: pointer}
.menu-btn__bar{position: absolute;inset-inline: 13px;height: 1.5px;background: var(--text);border-radius: 2px;transition: transform .35s var(--ease-out)}
.menu-btn__bar:first-child{top: 18px}
.menu-btn__bar:last-child{top: 26px}
.menu[open] .menu-btn__bar:first-child{transform: translateY(4px) rotate(45deg)}
.menu[open] .menu-btn__bar:last-child{transform: translateY(-4px) rotate(-45deg)}
.menu__panel{position: fixed;inset: 0;z-index: 1;overflow-y: auto;padding: calc(var(--header-h) + 20px) var(--gutter) 40px;background: radial-gradient(110% 60% at 50% 0%, rgba(255, 182, 92, .16), transparent 62%), radial-gradient(80% 50% at 100% 100%, rgba(194, 80, 46, .14), transparent 70%), rgba(6, 5, 5, .98);display: flex;flex-direction: column;justify-content: space-between;gap: 32px}
.menu__panel a:not(.langs a){display: flex;align-items: center;min-height: 58px;border-block-end: 1px solid var(--line);font-size: clamp(1.4rem, 1rem + 2.4vw, 2.2rem);font-weight: var(--w-display);text-decoration: none;letter-spacing: .02em}
.menu__panel a[aria-current="page"]{color: var(--tungsten)}
.menu__panel a:lang(ar), .menu__panel a:lang(ckb){font-weight: var(--w-display-ar)}
html.menu-open{overflow: hidden}
.stage{position: relative;isolation: isolate;overflow: hidden;overflow: clip;min-height: 100vh;min-height: 100svh;display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);align-items: end;padding: calc(var(--header-h) + 4vh) var(--gutter) clamp(40px, 7vh, 88px);--photo-w: 68%;--mq-w: min(37vw, 58svh, 700px);--band-c: 36%}
[dir="rtl"] .stage{--band-c: 32%}
.stage--page{min-height: clamp(520px, 78svh, 860px)}
.stage__photo{position: absolute;z-index: -4;inset-block: 0;inset-inline-end: 0;width: var(--photo-w)}
.stage__img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 30%;transform-origin: 56% 40%;transform: scale(1.05)}
html.motion.stage-live .stage__img{animation: kenburns 42s var(--ease-film) infinite alternate}
@keyframes kenburns{from{transform: scale(1.05) translate3d(0, 0, 0)}
to{transform: scale(var(--kenburns-scale)) translate3d(-1.4%, 1.2%, 0)}
}
.stage__shade{position: absolute;inset: 0;z-index: -3;pointer-events: none;background: linear-gradient(var(--shade-dir), var(--black) 0%, var(--black) 31%, var(--scrim-text) 38%, rgba(6, 5, 5, .2) 47%, rgba(6, 5, 5, 0) 54%), var(--scrim-bottom), var(--scrim-top)}
.stage__leaks{position: absolute;inset: 0;z-index: -2;pointer-events: none;opacity: var(--leak-intensity)}
.leak{position: absolute;display: block;border-radius: 50%;mix-blend-mode: screen}
html.motion.stage-live .leak{animation: drift 26s ease-in-out infinite alternate;will-change: transform}
.leak--1{width: 70vmax;height: 70vmax;inset-inline-start: -30vmax;top: -24vmax;opacity: .5;background: radial-gradient(closest-side, rgba(255, 182, 92, .55), rgba(255, 182, 92, .16) 52%, rgba(255, 182, 92, 0))}
.leak--2{width: 58vmax;height: 46vmax;inset-inline-start: 18%;bottom: -26vmax;opacity: .42;background: radial-gradient(closest-side, rgba(229, 138, 90, .55), rgba(229, 138, 90, .14) 55%, rgba(229, 138, 90, 0))}
.leak--3{width: 54vmax;height: 54vmax;inset-inline-end: -20vmax;bottom: -22vmax;opacity: .5;background: radial-gradient(closest-side, rgba(194, 80, 46, .6), rgba(194, 80, 46, .16) 55%, rgba(194, 80, 46, 0))}
.leak--4{width: 50vmax;height: 40vmax;inset-inline-end: -12vmax;top: -18vmax;opacity: .55;background: radial-gradient(closest-side, rgba(43, 63, 143, .6), rgba(43, 63, 143, .16) 55%, rgba(43, 63, 143, 0))}
.leak--5{width: 40vmax;height: 26vmax;inset-inline-end: calc(var(--band-c) - 20vmax);top: 2vh;opacity: .42;background: radial-gradient(closest-side, rgba(255, 196, 120, .5), rgba(255, 182, 92, .1) 60%, rgba(255, 182, 92, 0))}
html.motion.stage-live .leak--1{animation-duration: 30s}
html.motion.stage-live .leak--2{animation-duration: 24s;animation-delay: -6s}
html.motion.stage-live .leak--3{animation-duration: 34s;animation-delay: -12s}
html.motion.stage-live .leak--4{animation-duration: 28s;animation-delay: -3s}
html.motion.stage-live .leak--5{animation-duration: 20s;animation-delay: -9s}
@keyframes drift{0%{transform: translate3d(0, 0, 0) scale(1)}
50%{transform: translate3d(calc(var(--flip) * 4vw), 3vh, 0) scale(1.08)}
100%{transform: translate3d(calc(var(--flip) * -3vw), -2vh, 0) scale(.95)}
}
.stage__vignette{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(120% 95% at 58% 42%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, var(--vignette)) 100%)}
.stage__copy{grid-column: 1 / span 5;position: relative;z-index: 1;display: flex;flex-direction: column}
.kicker{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin-block-end: clamp(14px, 2.2vh, 22px);font-size: .72rem;font-weight: var(--w-label);letter-spacing: .34em;text-transform: uppercase;color: var(--tungsten)}
.kicker:lang(ar), .kicker:lang(ckb){font-size: .95rem;font-weight: var(--w-strong)}
.kicker__dot{width: 9px;height: 9px;border-radius: 50%;background: #FFD592;box-shadow: var(--glow-bulb)}
.kicker__sep{opacity: .6}
.display-title{display: flex;flex-direction: column;align-items: flex-start;gap: .12em}
.display-title__lat{font-size: var(--fs-display);font-weight: var(--w-display);line-height: .92;letter-spacing: -.035em;color: var(--text);text-shadow: 0 0 60px rgba(255, 182, 92, .18)}
.display-title__ar{font-size: calc(var(--fs-display) * .44);font-weight: var(--w-strong);line-height: 1.5;color: var(--tungsten);text-shadow: 0 0 26px rgba(255, 182, 92, .4)}
:root:lang(ar) .display-title__ar, :root:lang(ckb) .display-title__ar{order: -1;font-size: calc(var(--fs-display) * var(--ar-display));font-weight: var(--w-display-ar);line-height: 1.4;color: var(--text)}
:root:lang(ar) .display-title__lat, :root:lang(ckb) .display-title__lat{font-size: calc(var(--fs-display) * .4);color: var(--tungsten);line-height: 1.2}
.lead{margin-block-start: 6px;font-size: var(--fs-lead);font-weight: var(--w-lead);color: var(--muted);max-width: var(--measure)}
.lead:lang(ar), .lead:lang(ckb){max-width: var(--measure-ar)}
.gloss{font-style: normal;font-weight: var(--w-lead)}
.meta-line{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 12px;margin-block-start: clamp(18px, 3vh, 30px);font-size: .72rem;font-weight: var(--w-strong);letter-spacing: .2em;text-transform: uppercase;color: rgba(243, 236, 223, .86)}
.meta-line:lang(ar), .meta-line:lang(ckb){font-size: .92rem}
.meta-line__sep{width: 4px;height: 4px;border-radius: 50%;background: var(--tungsten);opacity: .7}
.meta-line__wide{flex-basis: 100%;color: var(--muted)}
.marquee{position: absolute;z-index: 1;width: var(--mq-w);inset-inline-end: calc(var(--band-c) - var(--mq-w) / 2);top: calc(var(--header-h) + 2.2svh);display: grid;justify-items: center;gap: 4px}
.marquee__h{width: 100%}
.marquee__svg{width: 100%;height: auto;overflow: visible}
.mq-glow{opacity: .72}
.mq-b__halo{fill: url(#g-halo)}
.mq-b__core{fill: url(#g-bulb)}
.marquee__sub{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 6px 16px;text-align: center;font-size: .66rem;font-weight: var(--w-strong);letter-spacing: var(--track-credit);text-transform: uppercase;color: rgba(243, 236, 223, .78);text-shadow: 0 1px 12px rgba(0, 0, 0, .9)}
.marquee__sub:lang(ar), .marquee__sub:lang(ckb){font-size: .84rem}
.marquee__sep{width: 26px;height: 1px;background: var(--line-warm)}
html.motion .mq-l1{animation: power-on 1.5s linear .35s both}
html.motion .mq-l2{animation: power-on 1.5s linear .62s both}
html.motion .mq-l3{animation: power-on 1.5s linear .5s both}
html.motion .mq-l4{animation: power-on 1.5s linear .8s both}
html.motion .mq-b{animation: bulb-on .6s ease-out 1.25s both}
html.motion .mq-b:nth-child(4n + 2){animation-delay: 1.4s}
html.motion .mq-b:nth-child(4n + 3){animation-delay: 1.55s}
html.motion .mq-b:nth-child(4n + 4){animation-delay: 1.7s}
html.motion .mq-b:nth-child(n + 9){animation-delay: 1.85s}
html.motion .mq-b:nth-child(n + 17){animation-delay: 2.05s}
html.motion .marquee__sub{animation: fade-in 1.4s ease-out 1.9s both}
@keyframes power-on{0%{opacity: 0}
7%{opacity: .85}
9%{opacity: .08}
16%{opacity: .7}
19%{opacity: .15}
27%{opacity: 1}
30%{opacity: .5}
38%, 100%{opacity: 1}
}
@keyframes bulb-on{from{opacity: 0}
60%{opacity: 1}
to{opacity: .92}
}
@keyframes fade-in{from{opacity: 0}
to{opacity: 1}
}
.cover-lit{position: relative;perspective: 900px}
.cover-lit__cone{position: absolute;inset-inline: -60%;bottom: 40%;height: 150%;pointer-events: none;mix-blend-mode: screen;background: conic-gradient(from 160deg at 50% 0%, rgba(255, 210, 150, 0) 0deg, rgba(255, 206, 140, .2) 20deg, rgba(255, 210, 150, 0) 40deg);-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 45%, #000 80%, transparent 100%);mask-image: linear-gradient(to bottom, transparent 0%, #000 45%, #000 80%, transparent 100%)}
.cover-lit__sleeve{position: relative;display: block;border-radius: var(--radius-xs);overflow: hidden;transform: rotateY(calc(var(--flip) * 12deg)) rotateX(3deg);transform-origin: 50% 60%;box-shadow: var(--shadow-cover);transition: transform 1s var(--ease-out)}
.cover-lit:hover .cover-lit__sleeve{transform: rotateY(calc(var(--flip) * 4deg)) rotateX(1deg) translate3d(0, -4px, 0)}
.cover-lit__sleeve img{width: 100%;aspect-ratio: 1;object-fit: cover}
.cover-lit__falloff{position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to bottom, rgba(255, 220, 170, .2) 0%, rgba(255, 220, 170, 0) 34%, rgba(6, 5, 5, .1) 60%, rgba(6, 5, 5, .55) 100%)}
.cover-lit__floor{position: absolute;inset-inline: -10%;bottom: -26px;height: 40px;pointer-events: none;background: radial-gradient(closest-side, rgba(255, 170, 90, .26), rgba(0, 0, 0, .5) 60%, transparent)}
.release-row{display: grid;grid-template-columns: clamp(140px, 14vw, 250px) minmax(0, 1fr);align-items: end;gap: clamp(20px, 2.4vw, 40px);margin-block-start: clamp(20px, 3.4vh, 40px)}
.release-info{min-width: 0;display: grid;gap: 10px;justify-items: start}
.watch-link{display: inline-flex;align-items: center;gap: 14px;min-height: 48px;margin-block-start: 4px;font-size: .74rem;font-weight: var(--w-label);letter-spacing: .26em;text-transform: uppercase;color: var(--text);text-decoration: none}
.watch-link:lang(ar), .watch-link:lang(ckb){font-size: .95rem}
.watch-link__icon{display: grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;border: 1px solid var(--line-warm);color: var(--tungsten);transition: transform .35s var(--ease-out), background-color .35s}
.watch-link__icon svg{width: 16px;height: 16px}
.watch-link:hover .watch-link__icon, .watch-link:focus-visible .watch-link__icon{transform: scale(1.08);background: var(--glass-hover)}
.screening{position: relative;isolation: isolate;overflow: hidden;overflow: clip;display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);align-items: center;padding: clamp(40px, 6vw, 110px) var(--gutter) clamp(80px, 10vw, 170px);background: radial-gradient(60% 70% at 66% 60%, rgba(194, 80, 46, .12), transparent 70%), var(--black)}
.screening__beam{position: absolute;z-index: -1;top: -18%;inset-inline-start: -8%;width: 92%;height: 120%;pointer-events: none;background: conic-gradient(from 100deg at 0% 0%, rgba(255, 226, 180, 0) 0deg, rgba(255, 226, 180, .08) 9deg, rgba(255, 226, 180, .08) 17deg, rgba(255, 226, 180, 0) 28deg);-webkit-mask-image: radial-gradient(120% 120% at 0% 0%, #000 30%, transparent 85%);mask-image: radial-gradient(120% 120% at 0% 0%, #000 30%, transparent 85%);transform: scaleX(var(--flip));mix-blend-mode: screen}
.screen{grid-column: 5 / -1;grid-row: 1;position: relative}
.screen__frame{position: relative;aspect-ratio: 16 / 9;overflow: hidden;border-radius: var(--radius-sm);background: #000;box-shadow: var(--shadow-screen)}
.screen__spill{position: absolute;inset-inline: 4%;top: 100%;height: 36%;pointer-events: none;background: radial-gradient(50% 70% at 50% 0%, rgba(229, 138, 90, .3), rgba(194, 80, 46, .08) 55%, rgba(194, 80, 46, 0) 80%)}
.screening__text{grid-column: 1 / span 4;grid-row: 1;padding-inline-end: clamp(0px, 2vw, 32px)}
.screening__text > .label{margin-block-end: 14px}
.screening__title{display: flex;flex-direction: column;align-items: flex-start;font-size: var(--fs-h3);font-weight: var(--w-lead);line-height: 1.25;margin-block-end: clamp(22px, 3vw, 40px)}
.screening__title-ar{color: var(--tungsten);font-size: .8em;font-weight: var(--w-body);line-height: 1.7}
:root:lang(ar) .screening__title-ar, :root:lang(ckb) .screening__title-ar{order: -1;font-size: 1em;color: var(--text)}
:root:lang(ar) .screening__title > [lang="en"], :root:lang(ckb) .screening__title > [lang="en"]{font-size: .8em;color: var(--tungsten)}
.screening__note{margin-block-start: clamp(22px, 3vw, 36px);max-width: 34ch;padding-block-start: 16px;border-block-start: 1px solid var(--line)}
.roll{display: grid;gap: clamp(16px, 2vw, 26px)}
.roll div{display: grid;gap: 4px}
.roll dt{font-size: .66rem;font-weight: var(--w-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--muted)}
.roll dd{font-size: clamp(1.02rem, .9rem + .45vw, 1.32rem);font-weight: var(--w-lead);line-height: 1.4}
.roll dt:lang(ar), .roll dt:lang(ckb){font-size: .85rem;font-weight: var(--w-strong)}
.roll dd:lang(ar), .roll dd:lang(ckb){line-height: 1.8}
.facade{position: absolute;inset: 0;width: 100%;height: 100%;padding: 0;border: 0;margin: 0;background: #000;cursor: pointer;display: block;overflow: hidden;color: var(--text);text-decoration: none}
.facade img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s var(--ease-out)}
.facade:hover img, .facade:focus-visible img{transform: scale(1.035)}
.facade:focus-visible{outline: 2px solid var(--tungsten);outline-offset: -4px}
.facade__shade{position: absolute;inset: 0;background: radial-gradient(70% 70% at 50% 50%, rgba(6, 5, 5, 0), rgba(6, 5, 5, .55)), linear-gradient(to top, rgba(6, 5, 5, .55), rgba(6, 5, 5, 0) 45%)}
.facade__cta{position: absolute;inset-inline-start: 50%;top: 50%;transform: translate(calc(var(--flip) * -50%), -50%);display: inline-flex;align-items: center;gap: 14px;padding: 9px 24px 9px 9px;border-radius: var(--radius-pill);white-space: nowrap;background: rgba(6, 5, 5, .62);border: 1px solid rgba(255, 214, 160, .38);color: var(--text);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);font-size: .78rem;font-weight: var(--w-label);letter-spacing: .2em;text-transform: uppercase}
[dir="rtl"] .facade__cta{padding: 9px 9px 9px 24px}
.facade__cta:lang(ar), .facade__cta:lang(ckb){font-size: .95rem;font-weight: var(--w-strong)}
.facade__disc{display: grid;place-items: center;width: 54px;height: 54px;border-radius: 50%;color: var(--on-action);background: linear-gradient(180deg, var(--action-top), var(--action-bottom));box-shadow: 0 0 32px rgba(194, 80, 46, .75);transition: transform .4s var(--ease-out)}
.facade__disc svg{width: 22px;height: 22px;transform: translateX(3px)}
.facade:hover .facade__disc, .facade:focus-visible .facade__disc{transform: scale(1.08)}
.yt-iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}
.scene{position: relative}
.scene__frame{position: relative;isolation: isolate;overflow: hidden;overflow: clip;min-height: clamp(560px, 78vh, 900px);display: grid;align-items: center}
.scene__img{position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;object-position: 50% 62%;filter: sepia(.38) saturate(1.12) brightness(.6) contrast(1.06)}
.scene__shade{position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(var(--shade-dir), var(--scrim-solid) 0%, rgba(6, 5, 5, .86) 34%, var(--scrim-text) 52%, rgba(6, 5, 5, .3) 70%, rgba(6, 5, 5, .55) 100%), radial-gradient(60% 70% at 85% 30%, rgba(255, 182, 92, .16), transparent 70%)}
.scene__bar{position: absolute;inset-inline: 0;z-index: 2;height: clamp(34px, 8vh, 88px);background: #000;pointer-events: none;transition: transform var(--dur-film) var(--ease-film)}
.scene__bar--top{top: 0;transform-origin: top}
.scene__bar--bottom{bottom: 0;transform-origin: bottom}
html.motion .scene:not(.is-in) .scene__bar{transform: scaleY(0)}
.scene__grid{position: relative;z-index: 1;display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);align-items: end;padding: clamp(110px, 15vh, 170px) var(--gutter)}
.scene__text{grid-column: 1 / span 6}
.scene__lead{font-size: clamp(1.7rem, .9rem + 2.5vw, 3.5rem);font-weight: var(--w-lead);line-height: 1.2;letter-spacing: -.012em;text-wrap: balance;text-shadow: var(--text-halo)}
.scene__lead:lang(ar), .scene__lead:lang(ckb){font-size: clamp(1.4rem, .9rem + 1.7vw, 2.5rem);line-height: 1.75}
.scene__body{margin-block: 24px 26px;max-width: var(--measure);font-size: var(--fs-lead);font-weight: var(--w-lead);color: rgba(243, 236, 223, .86)}
.scene__body:lang(ar), .scene__body:lang(ckb){line-height: 1.9;max-width: var(--measure-ar)}
.scene__roll{grid-column: 9 / -1;display: grid;justify-items: center;text-align: center;gap: 14px;padding-block-end: 8px}
.roll-lead{font-size: .72rem;font-weight: var(--w-label);letter-spacing: var(--track-credit);text-transform: uppercase;color: var(--tungsten)}
.roll-lead:lang(ar), .roll-lead:lang(ckb){font-size: 1rem;font-weight: var(--w-strong)}
.roll-star{width: 1px;height: 46px;background: linear-gradient(var(--tungsten), rgba(255, 182, 92, 0))}
.roll-cities{display: grid;gap: 8px}
.roll-cities li{font-size: clamp(1.25rem, .9rem + 1.1vw, 2rem);font-weight: var(--w-display);letter-spacing: .16em;text-transform: uppercase;line-height: 1.25;text-shadow: 0 2px 20px rgba(0, 0, 0, .7)}
.roll-cities li:lang(ar), .roll-cities li:lang(ckb){font-weight: var(--w-lead);line-height: 1.6}
html.motion .scene .scene__roll > *{opacity: 0;transform: translate3d(0, 28px, 0);transition: opacity var(--dur-slow) var(--ease-out), transform 1.4s var(--ease-out)}
html.motion .scene.is-in .scene__roll > *{opacity: 1;transform: none}
html.motion .scene.is-in .scene__roll > :nth-child(2){transition-delay: .25s}
html.motion .scene.is-in .scene__roll > :nth-child(3){transition-delay: .45s}
.eras{padding: clamp(64px, 7vw, 120px) 0 0}
.eras__head{display: flex;justify-content: space-between;align-items: baseline;gap: 16px;padding-inline: var(--gutter);margin-block-end: 6px}
.eras__span{font-size: .72rem;letter-spacing: .3em;color: var(--muted);font-family: var(--font-latin)}
.eras__track{overflow-x: auto;overscroll-behavior-x: contain;scrollbar-width: thin;scrollbar-color: rgba(255, 182, 92, .3) transparent;padding-block-end: 10px}
.eras__list{position: relative;display: grid;grid-auto-flow: column;grid-auto-columns: minmax(120px, 1fr);min-width: 1000px;padding: 0 var(--gutter)}
.eras__list::before{content: "";position: absolute;top: 0;inset-inline: 0;height: 1px;background: linear-gradient(90deg, rgba(255, 214, 160, 0), rgba(255, 214, 160, .34) 6%, rgba(255, 214, 160, .34) 94%, rgba(255, 214, 160, 0))}
.era{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 0 8px 14px;border-radius: 10px;outline-offset: -2px;color: inherit;text-decoration: none}
.era__cord{width: 1px;height: var(--drop, 50px);background: linear-gradient(rgba(255, 214, 160, .28), rgba(255, 214, 160, .55))}
.eras__list > :nth-child(9n + 1){--drop: 34px}
.eras__list > :nth-child(9n + 2){--drop: 72px}
.eras__list > :nth-child(9n + 3){--drop: 50px}
.eras__list > :nth-child(9n + 4){--drop: 94px}
.eras__list > :nth-child(9n + 5){--drop: 58px}
.eras__list > :nth-child(9n + 6){--drop: 40px}
.eras__list > :nth-child(9n + 7){--drop: 82px}
.eras__list > :nth-child(9n + 8){--drop: 54px}
.eras__list > :nth-child(9n + 9){--drop: 30px}
.era__bulb{position: relative;width: 42px;height: 67px}
.era__glow{position: absolute;z-index: 0;inset-inline-start: 50%;top: 66%;width: 168px;height: 168px;margin-block-start: -84px;margin-inline-start: -84px;border-radius: 50%;background: radial-gradient(closest-side, rgba(255, 200, 130, .8), rgba(255, 160, 80, .24) 45%, rgba(255, 140, 70, 0));mix-blend-mode: screen;opacity: 0;transform: scale(.7);pointer-events: none;transition: opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out)}
.era__year{margin-block-start: 18px;font-size: clamp(1.6rem, 1.1rem + 1.3vw, 2.5rem);font-weight: var(--w-display);line-height: 1;letter-spacing: .02em;color: rgba(243, 236, 223, .7);font-variant-numeric: tabular-nums;font-family: var(--font-latin);transition: color .5s}
.era__text{margin-block-start: 10px;max-width: 17ch;font-size: .86rem;line-height: 1.45;color: var(--muted);transition: color .5s}
.era__text:lang(ar), .era__text:lang(ckb){line-height: 1.8;font-size: .9rem}
html:not(.motion) .era__glow, .eras.is-in .era__glow{opacity: .3;transform: scale(.85)}
html:not(.motion) .bulb__on, .eras.is-in .bulb__on{opacity: .45}
.eras.is-in .eras__list > :nth-child(2) *{transition-delay: .14s}
.eras.is-in .eras__list > :nth-child(3) *{transition-delay: .28s}
.eras.is-in .eras__list > :nth-child(4) *{transition-delay: .42s}
.eras.is-in .eras__list > :nth-child(5) *{transition-delay: .56s}
.eras.is-in .eras__list > :nth-child(6) *{transition-delay: .7s}
.eras.is-in .eras__list > :nth-child(7) *{transition-delay: .84s}
.eras.is-in .eras__list > :nth-child(8) *{transition-delay: .98s}
.eras.is-in .eras__list > :nth-child(n + 9) *{transition-delay: 1.12s}
.era:hover .era__glow, .era:focus-visible .era__glow, .era[aria-current] .era__glow{opacity: 1;transform: scale(1.12);transition-delay: 0s}
.era:hover .bulb__on, .era:focus-visible .bulb__on, .era[aria-current] .bulb__on{opacity: 1;transition-delay: 0s}
.era:hover .era__year, .era:focus-visible .era__year, .era[aria-current] .era__year{color: var(--tungsten)}
.era:hover .era__text, .era:focus-visible .era__text, .era[aria-current] .era__text{color: var(--text)}
.cinema{display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);align-items: end;padding-inline: var(--gutter)}
.cinema__screen{grid-column: 1 / span 8;position: relative}
.cinema__info{grid-column: 9 / -1;padding-block-end: clamp(8px, 2vw, 36px)}
.cinema__title{margin-block: 12px 10px;font-size: clamp(2rem, 1.2rem + 2.6vw, 3.8rem);font-weight: var(--w-display);line-height: 1.05;letter-spacing: -.02em}
.cinema__title:lang(ar), .cinema__title:lang(ckb){font-weight: var(--w-display-ar);line-height: 1.5;font-size: clamp(1.7rem, 1.1rem + 2vw, 3rem)}
.strip{position: relative;margin-block-start: clamp(56px, 7vw, 110px);padding-block: 34px 30px;background: linear-gradient(180deg, #15110E, #100D0B);border-block: 1px solid var(--line-faint)}
.strip::before, .strip::after{content: "";position: absolute;inset-inline: 0;height: 12px;pointer-events: none;background: url("../img/sprocket.svg") repeat-x 0 0 / 30px 12px}
.strip::before{top: 10px}
.strip::after{bottom: 8px}
.strip__list{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: clamp(10px, 1.2vw, 18px);padding-inline: var(--gutter)}
.frame{position: relative;min-width: 0}
.frame__box{position: relative;aspect-ratio: 16 / 9;overflow: hidden;border-radius: var(--radius-xs);background: #000;box-shadow: 0 0 0 1px rgba(255, 214, 160, .1)}
.frame__dim{position: absolute;inset: 0;background: rgba(6, 5, 5, .6);transition: opacity var(--dur) var(--ease-out);pointer-events: none}
.frame__light{position: absolute;inset: 0;pointer-events: none;mix-blend-mode: screen;opacity: 0;transition: opacity var(--dur) var(--ease-out);background: radial-gradient(80% 90% at 50% 0%, rgba(255, 200, 130, .34), rgba(255, 200, 130, 0) 70%)}
.frame .facade__disc{position: absolute;inset-inline-start: 50%;top: 50%;width: 46px;height: 46px;margin-block-start: -23px;margin-inline-start: -23px;opacity: .85}
.frame:hover .frame__dim, .frame:focus-within .frame__dim{opacity: 0}
.frame:hover .frame__light, .frame:focus-within .frame__light{opacity: 1}
.frame__cap{padding: 14px 2px 0}
.frame__meta{font-size: .64rem;font-weight: var(--w-label);letter-spacing: .22em;text-transform: uppercase;color: var(--muted)}
.frame__meta:lang(ar), .frame__meta:lang(ckb){font-size: .8rem;font-weight: var(--w-strong)}
.frame__title{margin-block-start: 6px;font-size: 1.02rem;font-weight: var(--w-strong);line-height: 1.3}
.empty-stage{position: relative;isolation: isolate;overflow: hidden;overflow: clip;margin-inline: var(--gutter);min-height: clamp(320px, 30vw, 440px);border-radius: var(--radius);display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);align-items: center;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, rgba(255, 196, 120, .04) 100%), linear-gradient(180deg, #0E0B0A, #060505);border: 1px solid var(--line-faint)}
.solo{position: absolute;inset-block: 0;inset-inline-start: 18%;width: 1px;z-index: -1}
.solo__cord{position: absolute;top: 0;inset-inline-start: 0;width: 1px;height: 26%;background: linear-gradient(rgba(255, 214, 160, .2), rgba(255, 214, 160, .5))}
.solo__bulb{position: absolute;z-index: 1;top: 26%;inset-inline-start: -26px;width: 52px;height: 83px;max-width: none;overflow: visible;filter: drop-shadow(0 0 10px rgba(255, 182, 92, .8))}
.solo__glow{position: absolute;top: calc(26% + 54px);inset-inline-start: -150px;width: 300px;height: 300px;margin-top: -150px;border-radius: 50%;background: radial-gradient(closest-side, rgba(255, 210, 140, .5), rgba(255, 170, 90, .18) 40%, rgba(255, 150, 80, 0));mix-blend-mode: screen}
html.motion .empty-stage.is-live .solo__glow{animation: breathe 5s ease-in-out infinite alternate}
.solo__cone{position: absolute;top: calc(26% + 60px);inset-inline-start: -320px;width: 640px;bottom: -40px;mix-blend-mode: screen;background: conic-gradient(from 156deg at 50% 0%, rgba(255, 206, 140, 0) 0deg, rgba(255, 206, 140, .22) 24deg, rgba(255, 206, 140, 0) 48deg);-webkit-mask-image: linear-gradient(to bottom, #000 20%, rgba(0, 0, 0, .35) 100%);mask-image: linear-gradient(to bottom, #000 20%, rgba(0, 0, 0, .35) 100%)}
.solo__pool{position: absolute;bottom: -30px;inset-inline-start: -320px;width: 640px;height: 110px;border-radius: 50%;background: radial-gradient(closest-side, rgba(255, 190, 120, .2), rgba(255, 190, 120, 0))}
@keyframes breathe{from{opacity: .78;transform: scale(.96)}
to{opacity: 1;transform: scale(1.04)}
}
.empty-stage__text{grid-column: 6 / span 6;padding-block: 48px;display: grid;justify-items: start;gap: 14px}
.empty-stage__line{font-size: clamp(1.6rem, 1rem + 2vw, 3rem);font-weight: var(--w-display);line-height: 1.15;letter-spacing: -.01em}
.empty-stage__line:lang(ar), .empty-stage__line:lang(ckb){font-weight: var(--w-display-ar);line-height: 1.6;font-size: clamp(1.35rem, .95rem + 1.5vw, 2.4rem)}
.empty-stage__sub{font-size: var(--fs-lead);font-weight: var(--w-lead);color: rgba(243, 236, 223, .8);margin-block-end: 10px}
.show-feature{position: relative;isolation: isolate;overflow: hidden;overflow: clip;margin-inline: var(--gutter);display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);border-radius: var(--radius);background: #050404;border: 1px solid rgba(255, 214, 160, .1)}
.show-feature__media{grid-column: 1 / span 7;position: relative;min-height: clamp(320px, 34vw, 520px);overflow: hidden}
.show-feature__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 0}
.show-feature__media::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(var(--shade-dir), rgba(5, 4, 4, 0) 55%, rgba(5, 4, 4, .92) 100%), linear-gradient(to top, rgba(5, 4, 4, .6), rgba(5, 4, 4, 0) 40%)}
.beams{position: absolute;inset: 0;z-index: 1;pointer-events: none;mix-blend-mode: screen}
.beam{position: absolute;top: -8%;width: 40%;height: 130%;transform-origin: 50% 0;background: conic-gradient(from 166deg at 50% 0%, rgba(255, 232, 196, 0) 0deg, rgba(255, 232, 196, .42) 14deg, rgba(255, 232, 196, 0) 28deg);-webkit-mask-image: linear-gradient(to bottom, #000 10%, transparent 92%);mask-image: linear-gradient(to bottom, #000 10%, transparent 92%);transform: rotate(var(--a, 0deg))}
.beam:nth-child(1){inset-inline-start: -6%;--a: -18deg}
.beam:nth-child(2){inset-inline-start: 26%;--a: 8deg;opacity: .7}
.beam:nth-child(3){inset-inline-start: 52%;--a: 20deg;background: conic-gradient(from 166deg at 50% 0%, rgba(140, 160, 255, 0) 0deg, rgba(140, 160, 255, .34) 14deg, rgba(140, 160, 255, 0) 28deg)}
html.motion .is-live .beam{animation: sway 9s ease-in-out infinite alternate}
html.motion .is-live .beam:nth-child(1){animation-duration: 11s}
html.motion .is-live .beam:nth-child(3){animation-duration: 10s}
@keyframes sway{from{transform: rotate(calc(var(--a) - 6deg))}
to{transform: rotate(calc(var(--a) + 6deg))}
}
.show-feature__body{grid-column: 8 / -1;position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: center;gap: 14px;padding-block: clamp(28px, 4vw, 64px);padding-inline: 0 clamp(20px, 3vw, 56px)}
.show-feature__year{font-size: clamp(3.6rem, 2rem + 4vw, 6.4rem);font-weight: 100;line-height: .9;letter-spacing: -.04em;font-family: var(--font-latin);background: var(--gold-grad);-webkit-background-clip: text;background-clip: text;color: transparent}
.show-feature__title{font-size: clamp(1.8rem, 1.1rem + 2vw, 3.2rem);font-weight: var(--w-display);line-height: 1.08}
.show-feature__title:lang(ar), .show-feature__title:lang(ckb){font-weight: var(--w-display-ar);line-height: 1.5}
.show-feature__place{font-size: var(--fs-lead);font-weight: var(--w-lead);color: rgba(243, 236, 223, .82)}
.sheet{margin: 16px var(--gutter) 0;border-block-start: 1px solid var(--line)}
.sheet__row{position: relative;overflow: hidden;overflow: clip;display: grid;grid-template-columns: 3.2rem minmax(8.5rem, 1fr) minmax(0, 2.2fr) minmax(0, 1.7fr) clamp(96px, 9vw, 150px);gap: var(--gap);align-items: center;padding-block: 20px;border-block-end: 1px solid var(--line)}
.sheet__row--nothumb{grid-template-columns: 3.2rem minmax(8.5rem, 1fr) minmax(0, 2.2fr) minmax(0, 1.7fr)}
.sheet__row::after{content: "";position: absolute;inset-block: 0;inset-inline-start: 0;width: 42%;pointer-events: none;background: linear-gradient(90deg, rgba(255, 182, 92, 0), rgba(255, 182, 92, .12) 40%, rgba(255, 222, 170, .26) 50%, rgba(255, 182, 92, .12) 60%, rgba(255, 182, 92, 0));transform: translate3d(-110%, 0, 0)}
[dir="rtl"] .sheet__row::after{transform: translate3d(110%, 0, 0)}
html.motion .sheet__row:hover::after{animation: row-sweep 1.3s var(--ease-film) both}
html.motion[dir="rtl"] .sheet__row:hover::after{animation-name: row-sweep-rtl}
@keyframes row-sweep{from{transform: translate3d(-110%, 0, 0)}
to{transform: translate3d(250%, 0, 0)}
}
@keyframes row-sweep-rtl{from{transform: translate3d(110%, 0, 0)}
to{transform: translate3d(-250%, 0, 0)}
}
.sheet__no{font-size: .8rem;letter-spacing: .14em;color: var(--tungsten);font-variant-numeric: tabular-nums;font-family: var(--font-latin)}
.sheet__date{font-size: .74rem;font-weight: var(--w-label);letter-spacing: .18em;text-transform: uppercase;color: rgba(243, 236, 223, .9)}
.sheet__date:lang(ar), .sheet__date:lang(ckb){font-size: .9rem;font-weight: var(--w-strong)}
.sheet__title{font-size: clamp(1.1rem, .95rem + .5vw, 1.45rem);font-weight: var(--w-body);line-height: 1.3}
.sheet__note{display: block;margin-block-start: 4px;font-size: .84rem;color: var(--muted)}
.sheet__place{font-size: .92rem;color: rgba(243, 236, 223, .76)}
.sheet__thumb{position: relative;aspect-ratio: 16 / 9;border-radius: var(--radius-xs);overflow: hidden;background: #000}
.sheet__thumb img{width: 100%;height: 100%;object-fit: cover}
.sheet__thumb::after{content: "";position: absolute;inset: 0;background: rgba(6, 5, 5, .55);transition: opacity var(--dur) var(--ease-out)}
.sheet__row:hover .sheet__thumb::after{opacity: 0}
.band__stage{position: relative;isolation: isolate;overflow: hidden;overflow: clip;margin-inline: var(--gutter);padding: clamp(28px, 3.6vw, 60px) clamp(14px, 2.4vw, 44px) clamp(24px, 3vw, 44px);border-radius: var(--radius);background: radial-gradient(90% 70% at 50% 0%, #15100C, #070606 70%);border: 1px solid rgba(255, 214, 160, .07)}
.band__stage::before{content: "";position: absolute;inset-inline: 0;bottom: 0;height: 40%;pointer-events: none;z-index: -1;background: linear-gradient(to top, rgba(255, 182, 92, .05), transparent)}
.band__grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: clamp(12px, 2vw, 32px)}
.member{position: relative;display: block;border-radius: 8px;outline-offset: 6px;color: inherit;text-decoration: none}
.member:focus-visible{z-index: 3}
.member__photo{position: relative;aspect-ratio: 4 / 5;overflow: hidden;border-radius: var(--radius-sm);background: #0B0807}
.member__photo img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.4s var(--ease-out)}
.member__photo::after{content: "";position: absolute;inset: 0;pointer-events: none;background: radial-gradient(90% 55% at 50% -6%, rgba(255, 200, 130, .2), rgba(255, 200, 130, 0) 62%), linear-gradient(to top, rgba(6, 5, 5, .7), rgba(6, 5, 5, 0) 38%)}
.member__cap{position: relative;z-index: 3;padding: 18px 2px 0}
.member__name{font-size: clamp(1.15rem, .85rem + 1vw, 1.85rem);font-weight: var(--w-lead);line-height: 1.18;transition: color .5s}
.member__name:lang(ar), .member__name:lang(ckb){font-weight: var(--w-body);line-height: 1.6}
.member__role{margin-block-start: 8px;font-size: .68rem;font-weight: var(--w-label);letter-spacing: .24em;text-transform: uppercase;color: var(--muted);line-height: 1.6}
.member__role:lang(ar), .member__role:lang(ckb){font-size: .86rem;font-weight: var(--w-body)}
.member__ig{display: inline-flex;align-items: center;gap: 8px;min-height: var(--target);margin-block-start: 4px;font-size: .84rem;color: var(--tungsten);text-decoration: none}
.member__ig svg{width: 16px;height: 16px;flex: none}
.member__ig:hover span, .member__ig:focus-visible span{text-decoration: underline;text-underline-offset: 4px}
.band__dark, .band__warm{display: none}
.band__stage.is-spot{transition: --spot-x .55s var(--ease-out), --spot-y .55s var(--ease-out), --spot-r .8s var(--ease-out)}
.band__stage.is-spot.is-tracking{--spot-r: 330px}
.band__stage.is-spot .band__dark{display: block;position: absolute;inset: 0;z-index: 2;pointer-events: none;background: radial-gradient(circle var(--spot-r) at var(--spot-x) var(--spot-y), rgba(6, 5, 5, 0) 0%, rgba(6, 5, 5, .1) 40%, rgba(6, 5, 5, .74) 100%)}
.band__stage.is-spot .band__warm{display: block;position: absolute;inset: 0;z-index: 2;pointer-events: none;mix-blend-mode: screen;background: radial-gradient(circle calc(var(--spot-r) * .9) at var(--spot-x) var(--spot-y), rgba(255, 190, 110, .16), rgba(255, 170, 90, .05) 55%, rgba(255, 170, 90, 0) 100%)}
.member.is-lit .member__photo img{transform: scale(1.04)}
.member.is-lit .member__name{color: var(--gold-light)}
.shelf{position: relative;--cover: clamp(168px, 16.5vw, 300px)}
.shelf__track{display: grid;grid-auto-flow: column;grid-auto-columns: var(--cover);gap: clamp(20px, 2.6vw, 48px);overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);padding: 74px var(--gutter) 26px;scrollbar-width: thin;scrollbar-color: rgba(255, 182, 92, .35) transparent}
.shelf::after{content: "";position: absolute;inset-inline: 0;top: calc(74px + var(--cover) + 1px);height: 1px;pointer-events: none;background: linear-gradient(90deg, rgba(255, 214, 160, 0), rgba(255, 214, 160, .3) 10%, rgba(255, 214, 160, .3) 90%, rgba(255, 214, 160, 0));box-shadow: 0 0 22px 2px rgba(255, 182, 92, .16)}
.shelf-nav{display: flex;gap: 10px}
.rec{position: relative;scroll-snap-align: start;min-width: 0}
.rec__link{display: block;position: relative;color: inherit;text-decoration: none;border-radius: 4px}
.rec__link:focus-visible{outline-offset: 6px}
.rec__lamp{position: absolute;top: -50px;inset-inline: 30%;height: 7px;border-radius: 4px;background: linear-gradient(#4A3825, #1E160E);box-shadow: 0 1px 0 rgba(255, 214, 160, .3), 0 4px 14px rgba(255, 182, 92, .28)}
.rec__lamp::before{content: "";position: absolute;inset-inline-start: 50%;top: -24px;width: 1px;height: 24px;background: rgba(255, 214, 160, .18)}
.rec__cone{position: absolute;z-index: 2;top: -44px;inset-inline: -16%;height: calc(var(--cover) * .78);pointer-events: none;mix-blend-mode: screen;background: conic-gradient(from 148deg at 50% 0%, rgba(255, 220, 160, 0) 0deg, rgba(255, 220, 160, .3) 32deg, rgba(255, 220, 160, 0) 64deg);-webkit-mask-image: linear-gradient(to bottom, #000 20%, transparent 100%);mask-image: linear-gradient(to bottom, #000 20%, transparent 100%);opacity: .25;transition: opacity .9s var(--ease-out)}
.rec--sig .rec__cone{background: conic-gradient(from 148deg at 50% 0%, rgba(255, 226, 170, 0) 0deg, rgba(255, 226, 170, .42) 32deg, rgba(255, 226, 170, 0) 64deg)}
.rec__art{position: relative;display: block;aspect-ratio: 1;transition: transform .7s var(--ease-out)}
.rec__art img{width: 100%;height: 100%;object-fit: cover;border-radius: 2px;box-shadow: var(--shadow-card)}
.rec__toplight{position: absolute;inset: 0;pointer-events: none;mix-blend-mode: screen;border-radius: 2px;opacity: .35;transition: opacity .9s var(--ease-out);background: linear-gradient(to bottom, rgba(255, 220, 160, .32), rgba(255, 220, 160, 0) 46%), linear-gradient(to top, rgba(6, 5, 5, .45), rgba(6, 5, 5, 0) 40%)}
.rec__reflect{display: block;aspect-ratio: 4 / 1;overflow: hidden;margin-block-start: 2px;opacity: .2;pointer-events: none;-webkit-mask-image: linear-gradient(to bottom, #000, transparent 85%);mask-image: linear-gradient(to bottom, #000, transparent 85%)}
.rec__reflect img{width: 100%;aspect-ratio: 1;object-fit: cover;transform: scaleY(-1)}
.rec__meta{display: grid;justify-items: start;gap: 3px;padding-block-start: 4px}
.rec__title{font-size: 1.02rem;font-weight: var(--w-strong);line-height: 1.3}
.rec__title-ar{font-size: .95rem;line-height: 1.6;color: var(--tungsten)}
.rec__info{font-size: .66rem;font-weight: var(--w-label);letter-spacing: .22em;text-transform: uppercase;color: var(--muted)}
.rec__info:lang(ar), .rec__info:lang(ckb){font-size: .82rem;font-weight: var(--w-strong)}
.rec__sig{display: inline-flex;align-items: center;gap: 7px;margin-block-start: 4px;font-size: .66rem;font-weight: var(--w-label);letter-spacing: .18em;text-transform: uppercase;color: var(--gold-light)}
.rec__sig:lang(ar), .rec__sig:lang(ckb){font-size: .82rem;font-weight: var(--w-strong)}
:root:lang(ar) .rec__title-ar, :root:lang(ckb) .rec__title-ar{order: -1;font-size: 1.05rem;color: var(--text)}
:root:lang(ar) .rec__title, :root:lang(ckb) .rec__title{font-size: .92rem;color: var(--tungsten);font-weight: var(--w-body)}
html:not(.motion) .rec__cone, .shelf.is-in .rec__cone{opacity: .75}
html:not(.motion) .rec__toplight, .shelf.is-in .rec__toplight{opacity: 1}
.shelf.is-in .rec:nth-child(2) *{transition-delay: 70ms}
.shelf.is-in .rec:nth-child(3) *{transition-delay: 140ms}
.shelf.is-in .rec:nth-child(4) *{transition-delay: 210ms}
.shelf.is-in .rec:nth-child(5) *{transition-delay: 280ms}
.shelf.is-in .rec:nth-child(6) *{transition-delay: 350ms}
.shelf.is-in .rec:nth-child(n + 7) *{transition-delay: 420ms}
.rec__link:hover .rec__art, .rec__link:focus-visible .rec__art{transform: translate3d(0, -6px, 0)}
.rec__link:hover .rec__cone, .rec__link:focus-visible .rec__cone{opacity: 1;transition-delay: 0s}
.press__grid{display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));gap: var(--gap);padding-inline: var(--gutter)}
.still{position: relative;isolation: isolate;overflow: hidden;overflow: clip;grid-column: span 6;display: flex;flex-direction: column;min-height: clamp(340px, 30vw, 480px);padding: clamp(20px, 2.4vw, 36px);border-radius: var(--radius);background: #000}
.still:nth-child(4n + 1), .still:nth-child(4n + 4){grid-column: span 7}
.still:nth-child(4n + 2), .still:nth-child(4n + 3){grid-column: span 5}
.still:last-child:nth-child(4n + 1), .still:last-child:nth-child(4n + 3){grid-column: 1 / -1}
.still__img{position: absolute;z-index: -2;top: -28px;inset-inline-start: -28px;width: calc(100% + 56px);height: calc(100% + 56px);max-width: none;object-fit: cover;filter: blur(7px) brightness(.4) saturate(.8) sepia(.3);transition: transform 2s var(--ease-out)}
.still:hover .still__img{transform: scale(1.05)}
.still::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(to bottom, #000 0, #000 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) calc(100% - 10px), #000 calc(100% - 10px)), linear-gradient(to top, rgba(0, 0, 0, .62), rgba(0, 0, 0, 0) 58%)}
.still__credits{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px}
.still__outlet{display: block;font-size: .72rem;font-weight: var(--w-label);letter-spacing: .34em;text-transform: uppercase;color: var(--gold-light)}
.still__outlet:lang(ar), .still__outlet:lang(ckb){font-size: .95rem;font-weight: var(--w-strong)}
.still__date{display: block;margin-block-start: 6px;font-size: .7rem;letter-spacing: .22em;text-transform: uppercase;color: rgba(243, 236, 223, .76)}
.still__date:lang(ar), .still__date:lang(ckb){font-size: .86rem}
.still__sub{margin-block-start: auto;padding-block-start: 48px;text-align: center}
.still__sub p{font-size: clamp(1.15rem, .85rem + 1.05vw, 1.85rem);font-weight: var(--w-strong);line-height: 1.45;color: #FBF2D6;text-wrap: balance;text-shadow: 0 2px 2px rgba(0, 0, 0, .85), 0 0 22px rgba(0, 0, 0, .7)}
.still__sub p:lang(ar), .still__sub p:lang(ckb){font-weight: var(--w-body);line-height: 1.95;font-size: clamp(1.05rem, .85rem + .9vw, 1.6rem)}
.still__foot{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 4px 18px;margin-block-start: 12px}
.still__who{font-size: .72rem;font-weight: var(--w-strong);letter-spacing: .26em;text-transform: uppercase;color: rgba(243, 236, 223, .8)}
.still__who:lang(ar), .still__who:lang(ckb){font-size: .9rem}
.still__who::before{content: "— "}
.still__link{display: inline-flex;align-items: center;gap: 6px;min-height: var(--target);font-size: .72rem;font-weight: var(--w-label);letter-spacing: .2em;text-transform: uppercase;color: var(--tungsten);text-decoration: none}
.still__link:lang(ar), .still__link:lang(ckb){font-size: .9rem}
.still__link svg{width: 14px;height: 14px}
[dir="rtl"] .still__link svg{transform: scaleX(-1)}
.still__link:hover span, .still__link:focus-visible span{text-decoration: underline;text-underline-offset: 4px}
.numbers__stage{position: relative;overflow: hidden;overflow: clip;margin-inline: var(--gutter)}
.numbers__row{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));border-block: 1px solid var(--line)}
.stat{padding: clamp(28px, 3.4vw, 60px) clamp(12px, 1.6vw, 28px);border-inline-start: 1px solid var(--line);min-width: 0}
.stat:first-child{border-inline-start: 0;padding-inline-start: 0}
.stat__v{display: block;font-family: var(--font-latin);font-weight: var(--w-display);font-size: clamp(2.8rem, 1.2rem + 4.6vw, 7.4rem);line-height: 1.05;letter-spacing: -.045em;white-space: nowrap;background: var(--gold-grad);-webkit-background-clip: text;background-clip: text;color: transparent}
.stat__u{font-size: .62em;letter-spacing: -.02em}
.stat__u:lang(ar), .stat__u:lang(ckb){font-family: var(--font-arabic);font-size: .3em;font-weight: var(--w-body)}
.stat__l{display: block;margin-block-start: 14px;font-size: .72rem;font-weight: var(--w-label);letter-spacing: .22em;text-transform: uppercase;color: var(--muted);line-height: 1.6}
.stat__l:lang(ar), .stat__l:lang(ckb){font-size: .9rem;font-weight: var(--w-body)}
.numbers__sweep{position: absolute;inset-block: -10%;inset-inline-start: 0;width: 30%;pointer-events: none;mix-blend-mode: overlay;background: linear-gradient(100deg, rgba(255, 240, 210, 0) 0%, rgba(255, 240, 210, .25) 30%, rgba(255, 246, 225, .95) 50%, rgba(255, 240, 210, .25) 70%, rgba(255, 240, 210, 0) 100%);transform: translate3d(-120%, 0, 0) skewX(-14deg)}
[dir="rtl"] .numbers__sweep{transform: translate3d(120%, 0, 0) skewX(14deg)}
html.motion .numbers__stage.is-in .numbers__sweep{animation: sweep 2.4s var(--ease-film) .25s both}
html.motion[dir="rtl"] .numbers__stage.is-in .numbers__sweep{animation-name: sweep-rtl}
@keyframes sweep{from{transform: translate3d(-120%, 0, 0) skewX(-14deg)}
to{transform: translate3d(360%, 0, 0) skewX(-14deg)}
}
@keyframes sweep-rtl{from{transform: translate3d(120%, 0, 0) skewX(14deg)}
to{transform: translate3d(-360%, 0, 0) skewX(14deg)}
}
.footer{position: relative;isolation: isolate;overflow: hidden;overflow: clip;background: linear-gradient(180deg, var(--black) 0%, #15100D 22%, var(--house) 100%)}
.house-lights{position: absolute;inset: 0;z-index: -1;pointer-events: none;opacity: .3;transition: opacity 2.4s ease;background: radial-gradient(80% 70% at 50% 0%, rgba(255, 182, 92, .22), rgba(255, 182, 92, 0) 64%), radial-gradient(50% 60% at 90% 100%, rgba(194, 80, 46, .2), rgba(194, 80, 46, 0) 70%), radial-gradient(40% 50% at 6% 90%, rgba(229, 138, 90, .12), rgba(229, 138, 90, 0) 70%)}
html:not(.motion) .house-lights, .footer.is-in .house-lights{opacity: 1}
.foot{display: grid;gap: clamp(48px, 6vw, 96px);padding: clamp(90px, 10vw, 170px) var(--gutter) 84px}
.foot__top{display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);row-gap: 40px;align-items: end}
.foot__mark{grid-column: 1 / span 6;display: block;border-radius: var(--radius-sm)}
.foot__mark svg{width: 100%;max-width: 720px;height: auto;overflow: visible}
.foot__contact{grid-column: 8 / -1}
.foot__h{margin-block-end: 26px;font-size: var(--fs-h2);font-weight: var(--w-display);line-height: 1.02;letter-spacing: -.02em}
.foot__h:lang(ar), .foot__h:lang(ckb){font-size: calc(var(--fs-h2) * var(--ar-h2));font-weight: var(--w-display-ar);line-height: var(--lh-head-ar)}
.foot__btns{display: flex;flex-wrap: wrap;gap: 12px}
.foot__cols{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--gap);padding-block-start: 36px;border-block-start: 1px solid rgba(255, 214, 160, .16)}
.foot__col .label{color: var(--tungsten)}
.foot__list{display: flex;flex-wrap: wrap;gap: 0 24px;margin-block-start: 10px}
.foot__list a{display: inline-flex;align-items: center;justify-content: center;gap: 9px;min-height: var(--target);min-inline-size: var(--target);text-decoration: none;color: var(--text);font-size: .95rem}
.foot__list svg{width: 18px;height: 18px;flex: none;color: var(--tungsten)}
.foot__list a:hover span, .foot__list a:focus-visible span{text-decoration: underline;text-underline-offset: 4px}
.foot .langs{margin-block-start: 12px}
.foot__base{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 8px 28px;padding-block-start: 22px;border-block-start: 1px solid rgba(255, 214, 160, .1);font-size: .8rem;color: var(--muted)}
.foot__base a{display: inline-flex;align-items: center;min-height: var(--target);color: var(--text)}
@media (max-width: 1240px){.stage__copy{grid-column: 1 / span 6}
.stage{--photo-w: 64%;--band-c: 34%}
[dir="rtl"] .stage{--band-c: 30%}
}
@media (max-width: 1099px){.nav{display: none}
.masthead > .langs{margin-inline-start: auto}
.masthead > .brand, .masthead > .langs{position: relative;z-index: 2}
.menu{display: block}
.cinema__screen, .cinema__info{grid-column: 1 / -1}
.cinema__info{padding-block: 26px 0}
.sheet__row, .sheet__row--nothumb{grid-template-columns: 2.6rem minmax(7.5rem, 1fr) minmax(0, 2fr) minmax(0, 1.5fr)}
.sheet__thumb{display: none}
}
@media (max-width: 900px){:root{--header-h: 64px}
.stage{display: block;min-height: 0;padding: 0 var(--gutter) 56px;--ph: min(112vw, 76svh);--mq-w: min(64vw, 470px)}
.stage__photo{inset-inline: 0;width: 100%;height: var(--ph);bottom: auto}
.stage__img{object-position: 50% 100%}
.stage__shade{background: var(--scrim-top), linear-gradient(to top, var(--black) 0, var(--black) calc(100% - var(--ph)), rgba(6, 5, 5, 0) calc(100% - var(--ph) + 34%))}
.marquee{inset-inline: 0;margin-inline: auto;top: calc(var(--header-h) + 6px)}
.marquee__sub{display: none}
.stage__copy{padding-block-start: calc(var(--ph) - 12vw)}
.leak--5{inset-inline-end: 10vw}
.release-row{grid-template-columns: minmax(110px, 32vw) minmax(0, 1fr)}
.screening{display: block;padding-block: 24px 96px}
.screen{margin-block-end: 56px}
.screening__text{padding: 0}
.scene__frame{display: block;min-height: 0}
.scene__img{position: relative;z-index: 0;height: auto;aspect-ratio: 16 / 10}
.scene__shade{inset: 0 0 auto 0;height: auto;aspect-ratio: 16 / 10;z-index: 1;background: linear-gradient(to top, var(--black), rgba(6, 5, 5, 0) 50%)}
.scene__bar{height: 18px}
.scene__bar--bottom{top: calc(62.5vw - 18px);bottom: auto}
.scene__grid{display: block;padding: 8px var(--gutter) 0}
.scene__roll{margin-block-start: 48px;padding: 32px 0 0;border-block-start: 1px solid var(--line)}
.strip__list{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: min(72vw, 340px);overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);scrollbar-width: none}
.strip__list::-webkit-scrollbar{display: none}
.frame{scroll-snap-align: start}
.empty-stage{display: block;min-height: 0;padding: 0 22px;text-align: center}
.solo{position: relative;inset: auto;width: 100%;height: 190px}
.solo__cord{inset-inline-start: 50%;height: 80px}
.solo__bulb{top: 80px;inset-inline-start: calc(50% - 20px)}
.solo__glow{top: 120px;inset-inline-start: calc(50% - 130px)}
.solo__cone{top: 128px;inset-inline-start: calc(50% - 300px);bottom: -200px}
.solo__pool{display: none}
.empty-stage__text{justify-items: center;padding-block: 8px 44px}
.show-feature{display: block}
.show-feature__media{min-height: 0;aspect-ratio: 4 / 3}
.show-feature__media::after{background: linear-gradient(to top, rgba(5, 4, 4, .95), rgba(5, 4, 4, 0) 45%)}
.show-feature__body{padding: 0 22px 30px;margin-block-start: -40px}
.sheet__row, .sheet__row--nothumb{grid-template-columns: 2.4rem minmax(0, 1fr);row-gap: 4px;padding-block: 18px}
.sheet__date, .sheet__title, .sheet__place{grid-column: 2}
.band__grid{grid-template-columns: repeat(2, minmax(0, 1fr));row-gap: 28px}
.press__grid{grid-template-columns: minmax(0, 1fr)}
.still, .still:nth-child(n){grid-column: 1 / -1;min-height: 360px}
.numbers__row{grid-template-columns: repeat(2, minmax(0, 1fr))}
.stat{border-inline-start: 0;border-block-end: 1px solid var(--line);padding-inline: 0}
.stat:nth-child(even){border-inline-start: 1px solid var(--line);padding-inline-start: clamp(14px, 4vw, 28px)}
.stat:last-child{grid-column: 1 / -1;border-block-end: 0}
.foot__top{display: block}
.foot__mark{max-width: 420px;margin-block-end: 48px}
.foot__cols{grid-template-columns: minmax(0, 1fr);gap: 28px}
}
@media (max-width: 640px){:root{--gap: 14px}
.sec-head{grid-template-columns: minmax(0, 1fr)}
.sec-head .sec-num{padding: 0}
.sec-head__aux{justify-self: start}
.facade__cta{padding: 7px 18px 7px 7px;font-size: .7rem;letter-spacing: .14em}
[dir="rtl"] .facade__cta{padding: 7px 7px 7px 18px}
.facade__disc{width: 44px;height: 44px}
.member__role{letter-spacing: .14em}
.btn--stack{width: 100%}
.release-row{grid-template-columns: minmax(0, 1fr)}
.cover-lit{width: min(62vw, 260px);margin-block: 24px 30px}
}
@media (max-width: 400px){.brand svg{width: 70px}
.masthead{gap: 8px}
.masthead > .langs a, .masthead > .langs .langs__off{padding: 0 7px;font-size: .7rem}
.masthead > .langs [lang="ar"], .masthead > .langs [lang="ckb"]{font-size: .76rem}
}
html.is-hidden *, html.is-hidden *::before, html.is-hidden *::after{animation-play-state: paused !important}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}
.stage__photo{transform: none !important}
}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}
}
@media print{.grain, .stage__leaks, .stage__vignette, .masthead, .menu, .skip{display: none !important}
body, .footer{background: #fff;color: #000}
}
.stage--page{align-items: end}
.stage--page .stage__copy{grid-column: 1 / span 6;padding-block-end: clamp(8px, 2vh, 24px)}
@media (min-width: 901px){.stage--page .stage__copy{grid-column: 1 / span 5}
.stage--page .lead{max-inline-size: min(var(--measure), 34vw)}
.stage--page .stage__shade{background: linear-gradient(var(--shade-dir), var(--black) 0%, var(--black) 38%, var(--scrim-text) 44%, rgba(6, 5, 5, .2) 52%, rgba(6, 5, 5, 0) 58%), var(--scrim-bottom), var(--scrim-top)}
}
.stage--page .display-title__lat{font-size: clamp(2.8rem, 1rem + 5.4vw, 7.2rem)}
.stage--page .lead{margin-block-start: clamp(14px, 2vh, 22px);color: rgba(243, 236, 223, .86)}
.stage--page .lead:lang(ar), .stage--page .lead:lang(ckb){line-height: 1.9}
.ph-top .stage__img{object-position: 50% 18%}
.ph-mid .stage__img{object-position: 50% 50%}
.ph-low .stage__img{object-position: 50% 78%}
.sec-head--nonum{grid-template-columns: minmax(0, 1fr) auto}
.crumbs{margin-block-end: clamp(18px, 3vh, 34px)}
.crumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 10px}
.crumbs li{display: inline-flex;align-items: center;gap: 10px;font-size: .7rem;font-weight: var(--w-label);letter-spacing: .22em;text-transform: uppercase;color: var(--muted)}
.crumbs li:lang(ar), .crumbs li:lang(ckb){font-size: .86rem;font-weight: var(--w-strong)}
.crumbs li + li::before{content: "";width: 14px;height: 1px;background: var(--line-warm)}
.crumbs a{display: inline-flex;align-items: center;min-height: var(--target);color: rgba(243, 236, 223, .86);text-decoration: none}
.crumbs a:hover, .crumbs a:focus-visible{color: var(--tungsten)}
.crumbs [aria-current="page"]{color: var(--tungsten)}
.block{position: relative;padding-block: var(--section-pad)}
.block--tight{padding-block: calc(var(--section-pad) * .55)}
.block--stage{background: linear-gradient(var(--black), var(--stage) 18%, var(--stage) 82%, var(--black))}
.block + .block{padding-block-start: calc(var(--section-pad) * .45)}
.split{display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));column-gap: var(--gap);row-gap: clamp(36px, 5vw, 64px);padding-inline: var(--gutter);align-items: start}
.split__main{grid-column: 1 / span 7;min-width: 0}
.split__aside{grid-column: 9 / -1;min-width: 0}
.split__aside--sticky{position: sticky;top: calc(var(--header-h) + 72px)}
.split__wide{grid-column: 1 / -1}
.prose{max-width: var(--measure);font-size: var(--fs-lead);font-weight: var(--w-lead);line-height: 1.65;color: rgba(243, 236, 223, .9)}
.prose:lang(ar), .prose:lang(ckb){max-width: var(--measure-ar);line-height: 2;font-size: calc(var(--fs-lead) * .94)}
.prose > * + *{margin-block-start: 1.05em}
.prose h3{font-size: var(--fs-h3);font-weight: var(--w-lead);line-height: 1.25;color: var(--text);margin-block-start: 1.6em}
.prose h3:lang(ar), .prose h3:lang(ckb){line-height: 1.6}
.prose strong{font-weight: var(--w-label);color: var(--text)}
.prose a{color: var(--tungsten);text-underline-offset: 4px;text-decoration-thickness: 1px}
.prose ul{display: grid;gap: .45em}
.prose ul li{position: relative;padding-inline-start: 1.3em}
.prose ul li::before{content: "";position: absolute;inset-inline-start: 0;top: .72em;width: 7px;height: 7px;border-radius: 50%;background: var(--tungsten);box-shadow: 0 0 10px rgba(255, 182, 92, .6)}
.prose .first-line{font-size: 1.18em;color: var(--text)}
.prose--small{font-size: var(--fs-body)}
.subnav{position: sticky;top: var(--header-h);z-index: 20;margin-block-end: clamp(28px, 4vw, 56px);background: linear-gradient(180deg, rgba(6, 5, 5, .94), rgba(6, 5, 5, .82));-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-block: 1px solid var(--line)}
.subnav ol, .subnav ul{display: flex;gap: 6px;overflow-x: auto;overscroll-behavior-x: contain;scrollbar-width: none;padding: 8px var(--gutter)}
.subnav ol::-webkit-scrollbar, .subnav ul::-webkit-scrollbar{display: none}
.subnav a{display: inline-flex;align-items: center;gap: 8px;min-height: var(--target);padding: 0 14px;border-radius: var(--radius-pill);white-space: nowrap;text-decoration: none;font-size: .78rem;font-weight: var(--w-strong);letter-spacing: .08em;color: var(--muted);border: 1px solid transparent;transition: color var(--dur-fast), border-color var(--dur-fast), background-color var(--dur-fast)}
.subnav a:lang(ar), .subnav a:lang(ckb){font-size: .9rem}
.subnav a:hover, .subnav a:focus-visible{color: var(--text);border-color: var(--line-warm)}
.subnav a[aria-current]{color: var(--on-gold);background: linear-gradient(180deg, var(--gold-light), var(--gold))}
.subnav__num{font-family: var(--font-latin);font-variant-numeric: tabular-nums}
.facts{display: grid;gap: 0;border-block-start: 1px solid var(--line)}
.facts > div{display: grid;grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr);gap: var(--gap);padding-block: 14px;border-block-end: 1px solid var(--line)}
.facts dt{font-size: .68rem;font-weight: var(--w-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--muted);padding-block-start: .3em}
.facts dt:lang(ar), .facts dt:lang(ckb){font-size: .86rem;font-weight: var(--w-strong);padding-block-start: 0}
.facts dd{font-size: 1rem;line-height: 1.5}
.facts dd:lang(ar), .facts dd:lang(ckb){line-height: 1.8}
.draft{display: inline-flex;align-items: center;gap: 8px;width: fit-content;padding: 6px 12px;border-radius: var(--radius-pill);border: 1px dashed rgba(243, 236, 223, .38);color: rgba(243, 236, 223, .86);font-size: .66rem;font-weight: var(--w-label);letter-spacing: .16em;text-transform: uppercase}
.draft:lang(ar), .draft:lang(ckb){font-size: .82rem;font-weight: var(--w-strong)}
.draft::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--muted)}
.pager{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--gap);padding-inline: var(--gutter)}
.pager a{display: grid;gap: 6px;padding: clamp(18px, 2.4vw, 32px);border-radius: var(--radius);border: 1px solid var(--line);background: var(--glass);text-decoration: none;transition: border-color var(--dur-fast), background-color var(--dur-fast)}
.pager a:hover, .pager a:focus-visible{border-color: var(--line-warm);background: rgba(255, 196, 120, .08)}
.pager a:last-child{text-align: end}
.pager__dir{font-size: .68rem;font-weight: var(--w-label);letter-spacing: var(--track-label);text-transform: uppercase;color: var(--tungsten)}
.pager__dir:lang(ar), .pager__dir:lang(ckb){font-size: .86rem}
.pager__title{font-size: var(--fs-h3);font-weight: var(--w-lead);line-height: 1.25}
@media (max-width: 1099px){.split__main, .split__aside{grid-column: 1 / -1}
.split__aside--sticky{position: static}
}
@media (max-width: 900px){.stage--page{min-height: 0}
.stage--page .stage__copy{padding-block-start: calc(var(--ph) - 18vw)}
}
@media (max-width: 640px){.sec-head--nonum{grid-template-columns: minmax(0, 1fr)}
.facts > div{grid-template-columns: minmax(0, 1fr);gap: 2px}
.pager{grid-template-columns: minmax(0, 1fr)}
.pager a:last-child{text-align: start}
}
:root{--dark: var(--text);--dark-900: var(--black);--dark-700: var(--smoke);--surface: var(--stage);--light: var(--smoke);--faint: var(--stage);--ink: var(--text);--on-dark: var(--text);--on-dark-muted: var(--muted);--line-soft: var(--line);--accent-strong: var(--tungsten);--accent-deep: var(--gold-light);--accent-50: rgba(255, 182, 92, .12);--gradient: linear-gradient(var(--to-end), var(--ember), var(--tungsten) 55%, var(--gold));--focus: var(--tungsten);--shadow: var(--shadow-card);--shadow-lg: 0 34px 60px -24px rgba(0, 0, 0, .95), 0 0 0 1px rgba(255, 214, 160, .18);--radius-lg: var(--radius);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--section-y: var(--section-pad);--container-max: 100%;--container: calc(100% - 2 * var(--gutter));--sticky-offset: calc(var(--header-h) + 16px);--lh-head: 1.15;--lh-tight: 1.05;--lh-snug: 1.3;--font-display: var(--font-body);--fs-h1: clamp(2.2rem, 1.2rem + 3.6vw, 4.6rem);--to-end: 90deg;--err-ink: #FFB0A0;--warn-bg: rgba(255, 182, 92, .1);--warn-ink: var(--text)}
[dir="rtl"]{--to-end: 270deg}
:root:lang(ar), :root:lang(ckb){--lh-head: 1.6;--lh-tight: 1.5;--lh-snug: 1.7}
main h1, main h2, main h3, main h4{color: var(--text);line-height: var(--lh-head);text-wrap: balance}
main h1{font-size: var(--fs-h1);font-weight: var(--w-display);letter-spacing: -.02em}
main h2{font-size: clamp(1.7rem, 1.1rem + 2vw, 3rem);font-weight: var(--w-lead);letter-spacing: -.01em}
main h3{font-size: var(--fs-h3);font-weight: var(--w-strong)}
main :is(h1, h2):lang(ar), main :is(h1, h2):lang(ckb){font-weight: var(--w-display-ar)}
main :is(h2, h3, h4){margin-block: 0 var(--space-3)}
main :is(p, ul, ol, dl, blockquote){margin-block: 0 var(--space-4)}
main ul.prose-list, .prose ol{padding-inline-start: 1.3em}
main a{color: var(--tungsten);text-underline-offset: 4px;text-decoration-thickness: 1px}
main .btn, main .pill, main .text-link, main .facade, main .watch-link, main .round-btn, main .frame a, main .rec a{text-decoration: none}
hr{border: 0;border-block-start: 1px solid var(--line);margin-block: var(--space-6)}
bdi{unicode-bidi: isolate}
[hidden]{display: none !important}
main#main > :first-child:not(.stage):not(.bk-empty){margin-block-start: var(--header-h)}
.container{inline-size: var(--container);margin-inline: auto}
.container--narrow{inline-size: min(760px, var(--container))}
.section{padding-block: var(--section-pad)}
.section--tight{padding-block: var(--space-6)}
.cluster{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center}
.stack > * + *{margin-block-start: var(--space-4)}
.eyebrow{color: var(--tungsten);font-size: var(--fs-label);font-weight: var(--w-label);letter-spacing: var(--track-label);text-transform: uppercase;margin-block-end: var(--space-3)}
.eyebrow:lang(ar), .eyebrow:lang(ckb){font-size: var(--ar-label);font-weight: var(--w-strong)}
.muted{color: var(--muted)}
.small{font-size: .9rem}
.nowrap{white-space: nowrap}
.ltr{direction: ltr;unicode-bidi: isolate}
.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}
.fallback-tag{font-size: .78em;color: var(--muted);font-weight: var(--w-body);white-space: nowrap;letter-spacing: 0;text-transform: none}
.icon{display: inline-block;vertical-align: middle;flex: none}
[dir="rtl"] .icon--dir{transform: scaleX(-1)}
.skip-link{position: fixed;z-index: var(--z-skip);inset-block-start: 10px;inset-inline-start: 10px;padding: 12px 20px;border-radius: var(--radius-pill);background: var(--tungsten);color: var(--on-gold);font-weight: var(--w-label);text-decoration: none;transform: translateY(-180%);transition: transform .25s var(--ease-out)}
.skip-link:focus{transform: none}
.btn--primary, .btn--navy{color: var(--on-action);background: var(--action);box-shadow: var(--action-glow)}
.btn--primary:hover, .btn--primary:focus-visible, .btn--navy:hover, .btn--navy:focus-visible{background: linear-gradient(180deg, var(--action-hover-top), var(--action-mid) 55%, var(--action-bottom));color: var(--on-action)}
.btn--secondary, .btn--ghost, .btn--light, .btn--on-dark{color: var(--text);background: var(--glass);border-color: var(--line-warm)}
.btn--secondary:hover, .btn--ghost:hover, .btn--light:hover, .btn--on-dark:hover, .btn--secondary:focus-visible, .btn--ghost:focus-visible, .btn--light:focus-visible, .btn--on-dark:focus-visible{background: rgba(255, 196, 120, .12);border-color: rgba(255, 196, 120, .6);color: var(--text)}
.btn--lg{min-height: 56px;padding-inline: 30px}
.btn--small{min-height: var(--target);padding: 8px 18px;font-size: .74rem}
.btn--block{display: flex;inline-size: 100%}
.link-arrow{display: inline-flex;align-items: center;gap: var(--space-2);min-height: var(--target);color: var(--tungsten);font-weight: var(--w-strong);text-decoration: none}
.link-arrow:hover span, .link-arrow:focus-visible span{text-decoration: underline;text-underline-offset: 4px}
.card{background: var(--stage);border: 1px solid var(--line);border-radius: var(--radius);padding: var(--space-5);box-shadow: var(--shadow-card);color: var(--text)}
.card--flat{box-shadow: none}
.card--link{position: relative;transition: border-color var(--dur-fast), transform var(--dur-fast) var(--ease-out)}
.card--link:hover{border-color: var(--line-warm);transform: translateY(-3px)}
.card--link:focus-within{outline: 2px solid var(--tungsten);outline-offset: 3px}
.card__title{color: var(--text)}
.badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: 3px 12px;border-radius: var(--radius-pill);border: 1px solid var(--line-warm);font-size: .8rem;font-weight: var(--w-strong);color: var(--text);background: var(--glass)}
.badge--muted{color: var(--muted);border-color: var(--line)}
.notice{border-radius: var(--radius-sm);padding: var(--space-3) var(--space-4);margin-block: 0 var(--space-4);border: 1px solid var(--line-warm);border-inline-start-width: 4px;background: var(--glass);color: var(--text)}
.notice p:last-child{margin-block-end: 0}
.empty-state{padding: var(--space-7) var(--space-5);border: 1px dashed var(--line-warm);border-radius: var(--radius);color: var(--muted)}
.pagination{display: flex;flex-wrap: wrap;gap: var(--space-2);align-items: center;justify-content: center;margin: var(--space-7) 0 0;padding: 0}
.pagination a, .pagination span{display: inline-flex;align-items: center;justify-content: center;min-inline-size: var(--target);min-block-size: var(--target);padding-inline: var(--space-4);border: 1px solid var(--line);border-radius: var(--radius-pill);background: var(--glass);text-decoration: none;color: var(--text)}
.pagination a:hover{border-color: var(--line-warm)}
.pagination [aria-current]{color: var(--on-gold);background: linear-gradient(180deg, var(--gold-light), var(--gold));border-color: transparent;font-weight: var(--w-label)}
.theme-no-grain .grain{display: none}
.theme-no-leaks .stage__leaks{display: none}
html.motion.theme-no-kenburns.stage-live .stage__img{animation: none}
html.motion.theme-no-flicker :is(.mq-l, .mq-b, .marquee__sub){animation: none}
.site-notice{position: relative;z-index: 2;margin-block-start: var(--header-h);background: linear-gradient(var(--to-end), rgba(194, 80, 46, .22), rgba(255, 182, 92, .1));border-block-end: 1px solid var(--line-warm);color: var(--text)}
.site-notice__inner{padding-block: var(--space-3)}
.site-notice p{margin: 0}
.site-notice + main#main > :first-child:not(.stage){margin-block-start: 0}
.error-stage{padding-block: calc(var(--header-h) + clamp(32px, 6vw, 96px)) var(--section-pad)}
.error-stage .empty-stage{min-height: clamp(380px, 46vw, 620px)}
.error-stage__code{display: block;font-family: var(--font-latin);font-size: clamp(3.6rem, 2rem + 5vw, 7rem);font-weight: 100;line-height: .9;letter-spacing: -.04em;background: var(--gold-grad);-webkit-background-clip: text;background-clip: text;color: transparent}
.error-stage__others{margin-block-start: var(--space-5);padding-block-start: var(--space-4);border-block-start: 1px solid var(--line);color: var(--muted)}
.error-stage__others li{margin-block-end: var(--space-2)}
.error-stage__others a{display: inline-flex;align-items: center;min-block-size: var(--target);color: var(--tungsten)}
@media (prefers-reduced-motion: reduce){.skip-link, .card--link{transition: none}
}