/* MEIS AWARDS — Neoclassical Luxury design system (v2) */
@font-face{font-family:Cinzel;font-weight:400;font-display:swap;src:url(/assets/type/cinzel-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Cinzel;font-weight:500;font-display:swap;src:url(/assets/type/cinzel-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Cinzel;font-weight:600;font-display:swap;src:url(/assets/type/cinzel-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Cormorant;font-weight:300;font-display:swap;src:url(/assets/type/cormorant-garamond-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:Cormorant;font-weight:400;font-display:swap;src:url(/assets/type/cormorant-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Cormorant;font-weight:500;font-display:swap;src:url(/assets/type/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Cormorant;font-weight:600;font-display:swap;src:url(/assets/type/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Cormorant;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/type/cormorant-garamond-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:Messiri;font-weight:400;font-display:swap;src:url(/assets/type/el-messiri-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Messiri;font-weight:500;font-display:swap;src:url(/assets/type/el-messiri-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Messiri;font-weight:600;font-display:swap;src:url(/assets/type/el-messiri-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Messiri;font-weight:700;font-display:swap;src:url(/assets/type/el-messiri-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Plex;font-weight:300;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-arabic-300-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Plex;font-weight:400;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Plex;font-weight:500;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Plex;font-weight:600;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Plex;font-weight:300;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Plex;font-weight:400;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Plex;font-weight:500;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Plex;font-weight:600;font-display:swap;src:url(/assets/type/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Amiri;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/amiri-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Amiri;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/type/amiri-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:ArefRuqaa;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/aref-ruqaa-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:ArefRuqaa;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/type/aref-ruqaa-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Marcellus;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/marcellus-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:NotoKufi;font-weight:300;font-style:normal;font-display:swap;src:url(/assets/type/noto-kufi-arabic-arabic-300-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:NotoKufi;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/noto-kufi-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:NotoKufi;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/type/noto-kufi-arabic-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:NotoKufi;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/type/noto-kufi-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Playfair;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/playfair-display-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Playfair;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/type/playfair-display-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Playfair;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/type/playfair-display-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Playfair;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/type/playfair-display-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:ReemKufi;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/reem-kufi-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:ReemKufi;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/type/reem-kufi-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:ReemKufi;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/type/reem-kufi-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Tajawal;font-weight:300;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-arabic-300-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Tajawal;font-weight:300;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Tajawal;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Tajawal;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Tajawal;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Tajawal;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Tajawal;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:Tajawal;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/type/tajawal-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}

:root{
 --black:#070706;--ink:#0c0b09;--ink-2:#13110e;--ink-3:#1a1713;--ink-4:#25201a;
 --ivory:#f3ecdd;--parchment:#e0d5c0;--stone:#ada28d;--ash:#7a705f;
 --bronze:#6a5028;--gold-d:#a07c3c;--gold:#cfa857;--gold-l:#e5c883;--gold-h:#f6e7c1;
 --line:rgba(207,168,87,.2);--line-s:rgba(207,168,87,.42);--glass:rgba(10,9,8,.8);
 --g-metal:linear-gradient(100deg,#8e6a2c 0%,#c49a4c 20%,#e8cc87 40%,#f5e6bd 50%,#dcb66a 62%,#a9823f 82%,#83622a 100%);
 --g-line:linear-gradient(90deg,transparent,rgba(207,168,87,.75),transparent);
 --f-display:Cinzel,Messiri,serif;--f-serif:Cormorant,Messiri,serif;--f-body:Plex,system-ui,-apple-system,'Segoe UI',sans-serif;--f-ar:Messiri,Cinzel,serif;--f-num:Cinzel,serif;--f-caps:Cinzel,var(--f-body);--gold-rgb:207,168,87;--vo:1;--mo:1;
 --gutter:clamp(16px,4.2vw,56px);--wrap:1260px;--radius:2px;
 --ease:cubic-bezier(.2,.75,.15,1);--ease-io:cubic-bezier(.65,0,.35,1);
 --veins:url(/assets/veins-hero.webp);--veins-soft:url(/assets/veins-soft.webp);--veins-card:url(/assets/veins-card.webp);
 color-scheme:dark;
}
html[lang=ar]{--f-display:Messiri,Cinzel,serif;--f-serif:Messiri,Cormorant,serif}
@media (max-width:760px){:root{--veins:url(/assets/veins-mobile.webp)}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--black);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--gold-d) var(--ink)}
body{margin:0;background:var(--black);color:var(--ivory);font:400 16px/1.75 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
html[lang=en] body{line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--gold);color:var(--black)}
:focus-visible{outline:1px solid var(--gold-l);outline-offset:3px}
[hidden]{display:none!important}
.wrap{width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto}
.wrap.narrow{--wrap:860px}
.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.skip{position:fixed;inset-inline-start:12px;top:-60px;z-index:9999;background:var(--gold);color:var(--black);padding:8px 14px}.skip:focus{top:12px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Typography ---------- */
.display{font-family:var(--f-display);font-weight:500;font-size:clamp(34px,5.2vw,72px);line-height:1.08;letter-spacing:.01em;margin:0;color:var(--ivory)}
html[lang=en] .display{letter-spacing:.04em;font-weight:400}
.display.sm{font-size:clamp(26px,3.4vw,44px)}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font:500 11px/1 var(--f-caps);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-l)}
html[lang=ar] .eyebrow{font-family:var(--f-body);letter-spacing:.06em;font-size:13px;font-weight:500}
.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
html[dir=rtl] .eyebrow::before{background:linear-gradient(-90deg,transparent,var(--gold))}
.lead{font-family:var(--f-serif);font-size:clamp(18px,1.7vw,23px);line-height:1.6;color:var(--parchment);max-width:62ch;margin:18px 0 0;font-weight:400}
html[lang=ar] .lead{font-family:var(--f-body);font-weight:300;font-size:clamp(16px,1.4vw,19px)}
.gold-text{background:var(--g-metal);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:metal 9s linear infinite}
@keyframes metal{to{background-position:-200% 0}}
.rule{display:block;width:120px;height:1px;background:var(--g-line);margin:34px auto 0}
.prose{color:var(--parchment);font-weight:300;white-space:pre-line;max-width:70ch}
.fine{font-size:13px;color:var(--ash);margin:18px 0 0}
.count-line{color:var(--stone);font-size:14px;margin:0}
.big-num{font:400 clamp(54px,7vw,96px)/1 var(--f-num);background:var(--g-metal);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
.link-btn{color:var(--stone);font-size:13px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-s)}.link-btn:hover{color:var(--gold-l)}

/* ---------- Buttons ---------- */
.btn{--h:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--h);padding:0 28px;font:500 13px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-s);color:var(--ivory);overflow:hidden;isolation:isolate;transition:color .4s var(--ease),border-color .4s,transform .4s var(--ease);white-space:nowrap}
html[lang=ar] .btn{letter-spacing:.02em;font-size:15px;text-transform:none}
.btn svg{width:18px;height:18px;flex:none;transition:transform .5s var(--ease)}
html[dir=rtl] .btn .i-arrow{transform:scaleX(-1)}
.btn:hover .i-arrow{transform:translateX(4px)}html[dir=rtl] .btn:hover .i-arrow{transform:scaleX(-1) translateX(4px)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--g-metal);background-size:220% 100%;transform:scaleX(0);transform-origin:var(--o,left);transition:transform .6s var(--ease)}
html[dir=rtl] .btn::before{--o:right}
.btn:hover::before{transform:scaleX(1)}.btn:hover{color:var(--black);border-color:transparent}
.btn.gold{color:var(--black);border:0;background:var(--g-metal);background-size:220% 100%;background-position:0 0;transition:background-position 1.1s var(--ease),transform .4s var(--ease),box-shadow .4s}
.btn.gold::before{display:none}.btn.gold:hover{background-position:-100% 0}
.btn.ghost{background:rgba(10,9,7,.35);backdrop-filter:blur(6px)}
.btn.danger{border-color:rgba(214,86,70,.5);color:#f1b0a4}.btn.danger::before{background:#b8412f}.btn.danger:hover{color:#fff}
.btn.lg{--h:56px;padding:0 34px}.btn.xl{--h:62px;padding:0 44px;font-size:14px}.btn.sm{--h:38px;padding:0 16px;font-size:12px}.btn.wide,.btn.full{width:100%}
.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;pointer-events:none}
.btn.done{background:transparent;color:var(--gold-l);border:1px solid var(--gold)}
.more-link{display:inline-flex;align-items:center;gap:10px;color:var(--gold-l);font-size:14px;letter-spacing:.06em;border-bottom:1px solid var(--line);padding-bottom:6px;transition:gap .4s var(--ease),border-color .4s}
.more-link svg{width:16px;height:16px}html[dir=rtl] .more-link svg{transform:scaleX(-1)}
.more-link:hover{gap:16px;border-color:var(--gold)}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:border-color .3s,color .3s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{border-color:var(--gold);color:var(--gold-l)}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:6px 12px;font-size:13px;color:var(--parchment)}.chip svg{width:15px;height:15px}

/* ---------- Preloader (inline copy lives in index.html) & page transitions ---------- */
#app{opacity:1;transition:opacity .8s var(--ease)}
html.is-loading #app{opacity:0}
body.leaving #main,body.leaving .gateway{opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s ease}
body.entering #main{animation:enter .7s var(--ease) both}
@keyframes enter{from{opacity:0;transform:translateY(14px)}}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease) var(--d,0ms),transform 1.1s var(--ease) var(--d,0ms)}
[data-reveal].shown{opacity:1;transform:none}

/* ---------- Custom cursor ---------- */
html.has-cursor,html.has-cursor *{cursor:none!important}
html.has-cursor iframe{cursor:auto!important}
.cur-dot,.cur-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:2147483647;opacity:0;transition:opacity .3s}
html.cur-on .cur-dot,html.cur-on .cur-ring{opacity:1}
.cur-dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--gold-h)}
.cur-dot.text{width:2px;height:22px;margin:-11px 0 0 -1px;border-radius:1px}
.cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px}
.cur-ring i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(214,191,146,.45);transition:transform .45s var(--ease),background .3s,border-color .3s}
.cur-ring.hot i{transform:scale(1.7);background:rgba(var(--gold-rgb),.12);border-color:var(--gold-l)}
.cur-ring.press i{transform:scale(.8)}
.cur-ring.text i{transform:scale(.4);opacity:0}

/* ---------- Masthead ---------- */
.masthead{position:fixed;inset:0 0 auto;z-index:50;transition:background .5s,backdrop-filter .5s,border-color .5s;border-bottom:1px solid transparent}
.masthead.solid{background:var(--glass);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-color:var(--line)}
.mast-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px;width:min(1480px,100% - var(--gutter)*2);margin-inline:auto;transition:height .5s var(--ease)}
.masthead.solid .mast-inner{height:68px}
.mast-logo img{height:46px;width:auto;transition:height .5s var(--ease)}
.masthead.solid .mast-logo img{height:38px}
.mast-nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px)}
.mast-nav a,.mast-nav .more{position:relative;font-size:14px;color:var(--parchment);letter-spacing:.04em;padding:8px 0;transition:color .3s}
html[lang=en] .mast-nav a,html[lang=en] .mast-nav .more{font:500 12px/1 var(--f-num);letter-spacing:.16em;text-transform:uppercase}
.mast-nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--g-line);transform:scaleX(0);transition:transform .5s var(--ease)}
.mast-nav a:hover,.mast-nav a.on{color:var(--gold-l)}.mast-nav a:hover::after,.mast-nav a.on::after{transform:scaleX(1)}
.mast-tools{display:flex;align-items:center;gap:10px}
.lang{height:40px;min-width:40px;padding:0 12px;border:1px solid var(--line);border-radius:40px;font:500 12px/1 var(--f-caps);letter-spacing:.1em;color:var(--gold-l);transition:border-color .3s}.lang:hover{border-color:var(--gold)}
.burger{display:none;width:44px;height:40px;position:relative}
.burger span{position:absolute;inset-inline:10px;height:1px;background:var(--gold-l);transition:transform .5s var(--ease),top .5s var(--ease)}
.burger span:first-child{top:16px}.burger span:last-child{top:24px}
html.menu-open .burger span:first-child{top:20px;transform:rotate(45deg)}html.menu-open .burger span:last-child{top:20px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:45;visibility:hidden;pointer-events:none}
.menu.open{visibility:visible;pointer-events:auto}
.menu-bg{position:absolute;inset:0;background:var(--black) var(--veins) center/cover;clip-path:circle(0 at calc(100% - 40px) 40px);transition:clip-path .9s var(--ease-io)}
html[dir=rtl] .menu-bg{clip-path:circle(0 at 40px 40px)}
.menu.open .menu-bg{clip-path:circle(150% at calc(100% - 40px) 40px)}html[dir=rtl] .menu.open .menu-bg{clip-path:circle(150% at 40px 40px)}
.menu-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:100px var(--gutter) 40px;overflow:auto}
.menu nav{display:flex;flex-direction:column;gap:6px}
.menu nav a{display:flex;align-items:baseline;gap:18px;font:500 clamp(28px,7vw,44px)/1.3 var(--f-display);color:var(--ivory);opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease) calc(var(--i)*60ms + 250ms),transform .8s var(--ease) calc(var(--i)*60ms + 250ms),color .3s}
.menu nav a em{font:400 12px/1 var(--f-num);color:var(--gold);letter-spacing:.2em;font-style:normal;width:36px}
.menu.open nav a{opacity:1;transform:none}.menu nav a:hover{color:var(--gold-l)}
.menu-foot{margin-top:40px}
html.menu-open{overflow:hidden}
.masthead:has(~.menu.open){background:transparent;border-color:transparent;backdrop-filter:none}

/* ---------- Social ---------- */
.social,.menu-social{display:flex;gap:10px}
.social a,.menu-social a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-l);transition:all .4s var(--ease)}
.social a svg,.menu-social a svg{width:18px;height:18px}
.social a:hover,.menu-social a:hover{background:var(--gold);color:var(--black);border-color:var(--gold);transform:translateY(-3px)}

/* ---------- Gateway ---------- */
.gateway{position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden;background:var(--black)}
.gw-bg{position:absolute;inset:-4%;background:var(--veins) center/cover no-repeat;animation:drift 38s ease-in-out infinite alternate;opacity:.95}
.gw-bg.custom{background-image:var(--gw-img)}
@keyframes drift{to{transform:scale(1.08) translate(-1.5%,1%)}}
.gw-shade{position:absolute;inset:0;background:radial-gradient(ellipse 42% 48% at 50% 50%,rgba(5,5,4,.78),rgba(5,5,4,.2) 80%),linear-gradient(180deg,rgba(5,5,4,.45),transparent 25%,transparent 75%,rgba(5,5,4,.75))}
.dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gw-frame{position:absolute;inset:clamp(14px,2.4vw,34px);border:1px solid var(--line);pointer-events:none}
.gw-frame i{position:absolute;width:26px;height:26px;border:1px solid var(--gold)}
.gw-frame i:first-child{top:-1px;inset-inline-start:-1px;border-width:1px 0 0 1px}.gw-frame i:last-child{bottom:-1px;inset-inline-end:-1px;border-width:0 1px 1px 0}
html[dir=rtl] .gw-frame i:first-child{border-width:1px 1px 0 0}html[dir=rtl] .gw-frame i:last-child{border-width:0 0 1px 1px}
.gw-float span,.hero-float span{position:absolute;font:400 clamp(40px,8vw,130px)/1 var(--f-display);color:transparent;-webkit-text-stroke:1px rgba(var(--gold-rgb),.16);white-space:nowrap;pointer-events:none;animation:floatword 26s ease-in-out infinite;animation-delay:calc(var(--i)*-4.2s)}
.gw-float span:nth-child(4n+1),.hero-float span:nth-child(4n+1){top:12%;inset-inline-start:6%}
.gw-float span:nth-child(4n+2),.hero-float span:nth-child(4n+2){top:30%;inset-inline-end:4%}
.gw-float span:nth-child(4n+3),.hero-float span:nth-child(4n+3){bottom:22%;inset-inline-start:10%}
.gw-float span:nth-child(4n+4),.hero-float span:nth-child(4n+4){bottom:8%;inset-inline-end:12%}
@keyframes floatword{0%,100%{transform:translate3d(0,0,0);opacity:.35}50%{transform:translate3d(3vw,-3vh,0);opacity:1}}
.gw-center{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;padding:24px var(--gutter);max-width:900px}
.gw-trophy{position:absolute;z-index:-1;top:50%;left:50%;width:min(52vh,420px);aspect-ratio:2/3;translate:-50% -52%;opacity:.28;filter:blur(.3px);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 72%);-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,transparent 72%)}
.gw-trophy img{width:100%;height:100%;object-fit:cover;animation:breathe 9s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.04)}}
.gw-eyebrow{font:500 11px/1.8 var(--f-caps);letter-spacing:.42em;text-transform:uppercase;color:var(--gold-l);margin:0 0 26px;opacity:0;animation:up 1.2s var(--ease) .5s forwards}
html[lang=ar] .gw-eyebrow{letter-spacing:.08em;font-size:14px;font-family:var(--f-body)}
.gw-logo{position:relative;margin:0;width:min(var(--lw),78vw);opacity:0;animation:logoIn 1.8s var(--ease) .2s forwards;overflow:hidden}
.gw-logo img{width:100%;height:auto;display:block}
.logo-shine{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:brightness(1.45) saturate(.85);opacity:.85;-webkit-mask-image:linear-gradient(100deg,transparent 0 40%,#000 50%,transparent 60% 100%);mask-image:linear-gradient(100deg,transparent 0 40%,#000 50%,transparent 60% 100%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:shine 9s cubic-bezier(.45,0,.2,1) 2.4s infinite;-webkit-mask-position:100% 0;mask-position:100% 0}
@keyframes shine{0%{-webkit-mask-position:100% 0;mask-position:100% 0}40%,100%{-webkit-mask-position:-20% 0;mask-position:-20% 0}}
@keyframes logoIn{from{opacity:0;transform:scale(1.08);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.gw-title{font:500 clamp(26px,4vw,50px)/1.25 var(--f-display);margin:30px 0 0;color:var(--ivory)}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em}.w>span{display:inline-block;transform:translateY(110%);animation:wordUp 1.1s var(--ease) forwards;animation-delay:calc(var(--i)*55ms + 900ms)}
@keyframes wordUp{to{transform:none}}
.gw-intro{max-width:52ch;color:var(--stone);font-weight:300;margin:16px 0 34px;opacity:0;animation:up 1.2s var(--ease) 1.4s forwards}
.gw-enter{opacity:0;animation:up 1.2s var(--ease) 1.7s forwards}
.gw-timer{width:160px;height:1px;background:var(--line);margin-top:26px;overflow:hidden;opacity:0;animation:up 1s var(--ease) 2s forwards}
.gw-timer i{display:block;height:100%;background:var(--gold);transform-origin:var(--o,left);animation:timer linear forwards}
html[dir=rtl] .gw-timer i{--o:right}
@keyframes timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gw-foot{position:absolute;bottom:clamp(26px,4vw,52px);inset-inline:clamp(34px,5vw,70px);display:flex;justify-content:space-between;align-items:center;z-index:3;font:400 11px/1 var(--f-num);letter-spacing:.4em;color:var(--ash)}
.gateway.leaving .gw-center{transition:all .9s var(--ease-io);opacity:0;transform:scale(1.06);filter:blur(6px)}
.gateway.leaving .gw-bg{transition:transform 1s var(--ease-io),opacity 1s;transform:scale(1.2);opacity:0}
.gateway.anim-rise .gw-logo{animation-name:up}.gateway.anim-focus .gw-logo{animation-name:logoIn}.gateway.anim-curtain::after{content:"";position:absolute;inset:0;z-index:5;background:var(--black);transform-origin:top;animation:curtain 1.4s var(--ease-io) .1s forwards;pointer-events:none}
@keyframes curtain{to{transform:scaleY(0)}}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:120px 0 90px;isolation:isolate}
.hero-bg{position:absolute;inset:-3%;z-index:-3;background:var(--veins) center/cover no-repeat;transform:scale(calc(1 + var(--sy,0)*.12));opacity:calc(1 - var(--sy,0)*.6)}
.hero-bg.custom{background-image:var(--hero-img)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 70% 70% at 70% 50%,transparent,rgba(5,5,4,.75)),linear-gradient(180deg,rgba(5,5,4,.55),transparent 28%,transparent 65%,var(--black))}
html[dir=rtl] .hero-shade{background:radial-gradient(ellipse 70% 70% at 30% 50%,transparent,rgba(5,5,4,.75)),linear-gradient(180deg,rgba(5,5,4,.55),transparent 28%,transparent 65%,var(--black))}
.hero .dust{z-index:-1}
.hero-float{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-float span{-webkit-text-stroke:1px rgba(var(--gold-rgb),.13);font-size:clamp(48px,9vw,150px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,80px);align-items:center}
.hero-copy{position:relative}
.hero-eyebrow{opacity:0;animation:up 1s var(--ease) .2s forwards}
.hero-title{font:500 clamp(40px,5.2vw,80px)/1.12 var(--f-display);margin:26px 0 0;letter-spacing:.005em;max-width:13em}
html[lang=en] .hero-title{font-weight:400;letter-spacing:.02em}
.hero-title .line{display:block}
.hero-title .w>span{animation-delay:calc(var(--i)*60ms + 350ms)}
.hero-title .gold-text .w>span{background:var(--g-metal);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordUp 1.1s var(--ease) forwards,metal 9s linear infinite;animation-delay:calc(var(--i)*60ms + 500ms),0s}
.hero-title .gold-text{background:none;animation:none;color:inherit}
.hero-intro{max-width:54ch;color:var(--parchment);font-weight:300;font-size:clamp(16px,1.3vw,18px);margin:26px 0 0;opacity:0;animation:up 1.1s var(--ease) 1s forwards}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px;opacity:0;animation:up 1.1s var(--ease) 1.2s forwards}
.hero-stats{display:flex;gap:clamp(24px,4vw,56px);margin:54px 0 0;padding-top:26px;border-top:1px solid var(--line);max-width:560px;opacity:0;animation:up 1.1s var(--ease) 1.4s forwards}
.hero-stats div{display:flex;flex-direction:column-reverse}
.hero-stats dt{font-size:12px;color:var(--ash);letter-spacing:.1em;margin-top:6px}
.hero-stats dd{margin:0;font:400 clamp(28px,3vw,42px)/1 var(--f-num);color:var(--gold-l)}
.hero-art{position:relative;justify-self:center;width:min(100%,440px);opacity:0;animation:artIn 1.8s var(--ease) .4s forwards}
@keyframes artIn{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.scroll-cue{position:absolute;bottom:26px;left:50%;translate:-50% 0;width:26px;height:44px;border:1px solid var(--line-s);border-radius:20px;display:grid;justify-items:center;padding-top:8px}
.scroll-cue span{width:2px;height:8px;background:var(--gold);border-radius:2px;animation:cue 2s var(--ease) infinite}
@keyframes cue{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* ---------- Arch (neoclassical frame) ---------- */
.arch{position:relative;aspect-ratio:3/4.1;width:100%}
.arch.small{aspect-ratio:3/3.6}
.arch-frame{position:absolute;inset:0;overflow:hidden;background:var(--ink-2);box-shadow:0 50px 90px -40px rgba(0,0,0,.95);animation:floaty 7s ease-in-out infinite}
.arch-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.6s var(--ease),transform 7s linear}
.arch-frame img.on,.arch.small .arch-frame img,.exhibits .arch-frame img{opacity:1;transform:scale(1)}
.arch::after{content:"";position:absolute;inset:auto 8% -30px;height:30px;background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%);filter:blur(6px);animation:shadowy 7s ease-in-out infinite;pointer-events:none}
.arch-dial{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.arch-caption{position:absolute;bottom:-44px;inset-inline:0;text-align:center;font:400 11px/1 var(--f-num);letter-spacing:.3em;color:var(--stone);text-transform:uppercase}
html[lang=ar] .arch-caption{letter-spacing:.06em;font-family:var(--f-body);font-size:13px}

/* ---------- Ticker ---------- */
.ticker{position:relative;display:flex;align-items:center;height:64px;border-block:1px solid var(--line);background:linear-gradient(90deg,var(--ink),var(--ink-2),var(--ink));overflow:hidden}
.ticker-label{flex:none;height:100%;display:grid;place-items:center;padding:0 26px;background:var(--g-metal);color:var(--black);font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;z-index:2}
.ticker-track{flex:1;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-run{display:flex;align-items:center;gap:26px;width:max-content;animation:tick 70s linear infinite}
html[dir=rtl] .ticker-run{animation-name:tickr}
.ticker:hover .ticker-run{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}@keyframes tickr{to{transform:translateX(50%)}}
.ticker-run a{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--parchment);white-space:nowrap}
.ticker-run img{width:44px;height:32px;object-fit:cover;border:1px solid var(--line)}
.ticker-run b{color:var(--gold-l);font-weight:500}.ticker-run i{color:var(--gold);font-style:normal;font-size:10px}

/* ---------- Bands ---------- */
.band{position:relative;padding:clamp(70px,9vw,128px) 0}
.band-tight{padding:40px 0 100px}
.band-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 30px;margin-bottom:clamp(36px,5vw,64px)}
.band-head .eyebrow{flex-basis:100%}
.band-head .display{flex:1}
.band-head.center{flex-direction:column;align-items:center;text-align:center}.band-head.center .eyebrow{flex-basis:auto}
.band-veins{position:absolute;inset:0;background:var(--veins-soft) center/cover;opacity:.6;mask:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);pointer-events:none}

/* Top five podium */
.top5{background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(var(--gold-rgb),.06),transparent)}
.podium{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,44px);align-items:stretch}
.podium-first{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--ink-2)}
.pf-media{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;width:100%}
.pf-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease);filter:saturate(.9) contrast(1.05)}
.pf-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,5,4,.95))}
.podium-first:hover .pf-media img{transform:scale(1.05)}
.pf-body{position:relative;display:flex;gap:22px;align-items:flex-end;padding:0 30px 30px;margin-top:-90px;z-index:2}
.pf-rank{font:400 clamp(90px,10vw,150px)/.8 var(--f-num);background:var(--g-metal);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none}
.pf-title{display:block;font:500 clamp(22px,2.4vw,32px)/1.25 var(--f-display);margin:6px 0 10px;color:var(--ivory)}
.pf-meta{color:var(--stone);font-size:14px}.pf-meta b{font:500 18px var(--f-num);color:var(--gold-l)}
.podium-rest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.podium-rest li{display:grid;grid-template-columns:48px 120px 1fr auto;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(var(--gold-rgb),.04),transparent);transition:border-color .4s,background .4s,transform .5s var(--ease);flex:1}
.podium-rest li:hover{border-color:var(--line-s);background:linear-gradient(90deg,rgba(var(--gold-rgb),.1),transparent);transform:translateX(6px)}
html[dir=rtl] .podium-rest li:hover{transform:translateX(-6px)}
.pr-rank{font:400 26px/1 var(--f-num);color:var(--gold);text-align:center}
.pr-media{position:relative;aspect-ratio:16/10;overflow:hidden}.pr-media img{width:100%;height:100%;object-fit:cover}
.pr-main{min-width:0}.pr-title{display:block;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-views{font:500 16px var(--f-num);color:var(--gold-l)}
.by{display:inline-block;font-size:13px;color:var(--gold-l);letter-spacing:.03em;transition:color .3s}a.by:hover{color:var(--gold-h)}
.meter{display:block;height:1px;background:var(--line);margin-top:10px;position:relative}.meter i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--p);background:linear-gradient(90deg,var(--gold-d),var(--gold-l));transition:width 1.4s var(--ease)}
.play-orb{position:absolute;left:50%;top:50%;translate:-50% -50%;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(5,5,4,.45);border:1px solid rgba(255,242,201,.55);backdrop-filter:blur(6px);color:var(--gold-h);transition:transform .5s var(--ease),background .4s;z-index:2}
.play-orb svg{width:22px;height:22px;margin-inline-start:3px}
.play-orb.sm{width:34px;height:34px}.play-orb.sm svg{width:14px;height:14px}.play-orb.lg{width:84px;height:84px}.play-orb.lg svg{width:28px;height:28px}
[data-play]:hover .play-orb{transform:scale(1.12);background:var(--gold);color:var(--black)}

/* New five rail & cards */
.new5{background:linear-gradient(180deg,transparent,rgba(var(--gold-rgb),.03),transparent)}
.rail{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.6vw,24px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(16px,2vw,28px);margin-top:26px}
.card{position:relative;display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);transition:border-color .5s,transform .7s var(--ease),box-shadow .6s}
.card:hover{border-color:var(--line-s);transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(var(--gold-rgb),.15)}
.card-media{position:relative;aspect-ratio:16/10;overflow:hidden;display:block;width:100%}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s;filter:saturate(.85)}
.card:hover .card-media img{transform:scale(1.07);filter:saturate(1.05)}
.card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,5,4,.7))}
.card-label{position:absolute;top:12px;inset-inline-start:14px;z-index:2;font:500 20px/1 var(--f-num);color:var(--gold-h);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.tag-new{position:absolute;top:12px;inset-inline-end:12px;z-index:2;font:600 10px/1 var(--f-body);letter-spacing:.14em;padding:6px 9px;background:var(--gold);color:var(--black);font-style:normal}
.card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:4px;flex:1}
.card-title{font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s}.card-title:hover{color:var(--gold-l)}
.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:12px;color:var(--ash);border-top:1px solid rgba(var(--gold-rgb),.1)}
.card-meta span{display:inline-flex;align-items:center;gap:6px}.card-meta svg{width:14px;height:14px}

/* Categories */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:50px}
.cat-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:34px 28px;min-height:220px;background:var(--ink);overflow:hidden;transition:background .5s}
.cat-card::before{content:"";position:absolute;inset:0;background:var(--veins-card) center/cover;opacity:0;transition:opacity .8s var(--ease)}
.cat-card:hover::before{opacity:.35}.cat-card>*{position:relative}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;transition:opacity .6s,transform 1.2s var(--ease)}
.cat-card:hover img{opacity:.32;transform:scale(1.05)}
.cat-num{font:400 13px/1 var(--f-num);color:var(--gold);letter-spacing:.2em}
.cat-card h3{font:500 clamp(20px,1.8vw,26px)/1.3 var(--f-display);margin:auto 0 0}
.cat-count{font-size:13px;color:var(--stone)}
.cat-card>svg{position:absolute;bottom:30px;inset-inline-end:26px;width:20px;height:20px;color:var(--gold);transition:transform .5s var(--ease)}
html[dir=rtl] .cat-card>svg{transform:scaleX(-1)}
.cat-card:hover>svg{transform:translateX(6px)}html[dir=rtl] .cat-card:hover>svg{transform:scaleX(-1) translateX(6px)}

/* Awards duo */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);max-width:980px;margin-inline:auto}
.exhibit{display:flex;flex-direction:column;align-items:center;text-align:center}
.exhibit .arch{width:min(100%,340px);margin-bottom:40px}
.exhibit h3{font:500 clamp(22px,2vw,28px)/1.3 var(--f-display);margin:0 0 10px}
.exhibit p{color:var(--stone);font-weight:300;font-size:15px;margin:0}
.exhibit:hover .arch-frame img{transform:scale(1.05)!important;transition-duration:1.4s}

/* Manifesto */
.manifesto{text-align:center;background:var(--veins-soft) center/cover;border-block:1px solid var(--line)}
.manifesto::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,5,4,.55),rgba(5,5,4,.9))}
.manifesto .wrap{position:relative;display:flex;flex-direction:column;align-items:center}
.quote-mark{font:400 120px/0.6 Cormorant,serif;color:var(--gold);opacity:.8;height:50px}
.manifesto-text{font:400 clamp(24px,3.2vw,42px)/1.5 var(--f-serif);margin:10px 0 30px;color:var(--ivory)}
html[lang=en] .manifesto-text{font-style:italic;font-weight:300}

/* ---------- Footer ---------- */
.colophon{position:relative;padding:100px 0 30px;border-top:1px solid var(--line);overflow:hidden;background:var(--black)}
.colophon-veins{position:absolute;inset:0;background:var(--veins-card) center/cover;opacity:.16;mask:linear-gradient(180deg,transparent,#000);-webkit-mask:linear-gradient(180deg,transparent,#000)}
.colophon .wrap{position:relative}
.colo-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.colo-logo{width:min(300px,70vw);height:auto}
.colo-tag{font:400 20px/1.6 var(--f-serif);color:var(--parchment);margin:0;max-width:44ch}
.colo-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin:50px 0;padding:26px 0;border-block:1px solid var(--line)}
.colo-nav a{font-size:14px;color:var(--stone);transition:color .3s}.colo-nav a:hover{color:var(--gold-l)}
.colo-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--ash)}
.colo-mark{font-family:var(--f-num);letter-spacing:.3em}

/* ---------- Inner pages ---------- */
.page{padding-top:0}
.page-head{position:relative;padding:clamp(150px,18vw,220px) 0 clamp(50px,6vw,80px);text-align:center;overflow:hidden;isolation:isolate}
.page-head .wrap{display:flex;flex-direction:column;align-items:center}
.page-head .display{margin-top:22px}.page-head .lead{margin-inline:auto}
.page-head-bg{position:absolute;inset:0;z-index:-1;background:var(--veins) center 30%/cover;opacity:.75;mask:linear-gradient(180deg,#000 40%,transparent);-webkit-mask:linear-gradient(180deg,#000 40%,transparent)}
.page-head-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(5,5,4,.6),rgba(5,5,4,.92))}
.artist-head .page-head-bg{background:var(--bg) center/cover;filter:blur(40px) saturate(.6);opacity:.5;transform:scale(1.2)}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border:1px solid var(--line);color:var(--stone);font-size:14px;transition:all .4s var(--ease)}
.seg button small{font:500 11px var(--f-num);color:var(--gold);opacity:.8}
.seg button:hover{color:var(--ivory);border-color:var(--line-s)}.seg button.on{background:var(--g-metal);color:var(--black);border-color:transparent}.seg button.on small{color:var(--black)}
.search{display:flex;align-items:center;gap:10px;height:46px;min-width:min(340px,100%);padding:0 16px;border:1px solid var(--line);background:var(--ink-2);transition:border-color .3s}
.search:focus-within{border-color:var(--gold)}.search svg{width:18px;height:18px;color:var(--gold);flex:none}
.search input{flex:1;background:none;border:0;outline:0;height:100%;min-width:0}
.select{height:46px;padding:0 16px;background:var(--ink-2);border:1px solid var(--line);color:var(--ivory);min-width:200px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 15px) 20px;background-size:5px 5px;background-repeat:no-repeat}
html[dir=rtl] .select{background-position:20px 20px,25px 20px}
.select:focus{outline:0;border-color:var(--gold)}
.rows{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:64px 132px 1fr 120px 150px;gap:20px;align-items:center;padding:16px 10px;border-bottom:1px solid rgba(var(--gold-rgb),.1);transition:background .4s}
.row:hover{background:linear-gradient(90deg,rgba(var(--gold-rgb),.07),transparent)}
html[dir=rtl] .row:hover{background:linear-gradient(-90deg,rgba(var(--gold-rgb),.07),transparent)}
.rank{font:400 30px/1 var(--f-num);color:var(--gold-d);text-align:center;transition:color .3s}
.row:nth-child(-n+3) .rank{background:var(--g-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.row:hover .rank{color:var(--gold-l)}
.row-media{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line)}.row-media img{width:100%;height:100%;object-fit:cover}
.row-main{min-width:0;display:flex;flex-direction:column}
.row-title{font-weight:500;font-size:16px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-title:hover{color:var(--gold-l)}
.row-stat{text-align:end}.row-stat b{display:block;font:500 20px/1.1 var(--f-num);color:var(--gold-l)}.row-stat small{font-size:11px;color:var(--ash)}
.row-date{position:relative;font-size:13px;color:var(--stone);text-align:end}.row-date .tag-new{position:static;margin-inline-start:8px}
.pager{display:flex;justify-content:center;gap:6px;margin:40px 0 0}
.pager button{min-width:44px;height:44px;border:1px solid var(--line);font:500 14px var(--f-num);color:var(--stone);transition:all .3s}
.pager button svg{width:16px;height:16px}.pager button:first-child svg{transform:scaleX(-1)}html[dir=rtl] .pager button:first-child svg{transform:none}html[dir=rtl] .pager button:last-child svg{transform:scaleX(-1)}
.pager button:hover{border-color:var(--gold);color:var(--gold-l)}.pager button.on{background:var(--gold);color:var(--black);border-color:var(--gold)}.pager button[disabled]{opacity:.3}
.pager span{align-self:center;color:var(--ash)}
.empty{text-align:center;padding:80px 20px;border:1px solid var(--line);background:var(--ink)}
.empty-mark{display:block;width:44px;height:44px;margin:0 auto 20px;border:1px solid var(--gold);transform:rotate(45deg)}
.empty h3{font:500 22px var(--f-display);margin:0 0 8px}.empty p{color:var(--stone);margin:0}
.missing{padding:220px 0 140px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}

/* Song page */
.song-hero{position:relative;padding:150px 0 90px;overflow:hidden;isolation:isolate}
.song-bg{position:absolute;inset:-10%;z-index:-1;background:var(--bg) center/cover;filter:blur(60px) saturate(.7) brightness(.5);transform:scale(1.1)}
.song-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,4,.4),var(--black))}
.song-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.song-poster{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line-s);box-shadow:0 50px 100px -40px #000}
.song-poster img{width:100%;height:100%;object-fit:cover}
.song-info .display{font-size:clamp(30px,4vw,54px);margin:20px 0 12px}
.song-info .by{font-size:16px}
.facts{display:flex;gap:40px;margin:30px 0;padding:22px 0;border-block:1px solid var(--line)}
.facts.center{justify-content:center;border:0;margin:24px 0}
.facts div{display:flex;flex-direction:column-reverse}.facts dt{font-size:12px;color:var(--ash);margin-top:4px}.facts dd{margin:0;font:500 24px var(--f-num);color:var(--gold-l)}
.song-actions{display:flex;flex-wrap:wrap;gap:12px}
.like.on{color:#f0a3a3;border-color:rgba(240,163,163,.5)}

/* Artists */
.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.artist-card{position:relative;display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--line);transition:border-color .4s}
.artist-card:hover{border-color:var(--gold)}
.ac-media{aspect-ratio:1;overflow:hidden;border-radius:999px 999px 2px 2px;border:1px solid var(--line);margin-bottom:12px}
.ac-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.05);transition:filter .6s,transform 1.2s var(--ease)}
.artist-card:hover .ac-media img{filter:none;transform:scale(1.06)}
.ac-rank{position:absolute;top:12px;inset-inline-start:12px;font:500 13px var(--f-num);color:var(--gold-h);background:rgba(5,5,4,.6);padding:4px 8px}
.artist-card h3{font:500 19px/1.3 var(--f-display);margin:0}.artist-card p{margin:0;color:var(--ash);font-size:13px}
.features{display:grid;gap:40px;margin-bottom:70px}
.feature{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}
.feature h2{font:500 30px var(--f-display);margin:0 0 12px}

/* Awards page */
.exhibits{display:flex;flex-direction:column;gap:clamp(80px,10vw,150px);padding-bottom:40px}
.exhibit-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,120px);align-items:center}
.exhibit-row.flip .arch{order:2}
.exhibit-row .arch{max-width:420px;justify-self:center;width:100%}
.exhibit-copy .display{margin:14px 0 20px}

/* Editorial */
.editorial{padding:20px 0 60px}
.lede{font:400 clamp(22px,2.4vw,32px)/1.6 var(--f-serif);color:var(--ivory);margin:0 0 30px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-block:80px}
.pillars article{background:var(--ink);padding:40px 32px}.pillars h3{font:500 24px var(--f-display);margin:14px 0 8px}.pillars p{color:var(--stone);margin:0;font-weight:300}
.clauses{list-style:none;padding:0;margin:40px 0 60px;counter-reset:c}
.clauses li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.clauses li span{font:400 22px var(--f-num);color:var(--gold)}.clauses p{margin:0;color:var(--parchment);font-weight:300}
.policy-state{display:inline-flex;margin:0 auto;padding:10px 18px;border:1px solid var(--line-s);color:var(--stone);font-size:13px}.policy-state.ok{color:var(--gold-l)}
.narrow>.policy-state{display:table}
.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,6vw,90px);padding-bottom:40px;align-items:start}
.contact-side{display:flex;flex-direction:column;gap:14px}.contact-side .arch{max-width:220px;margin-bottom:20px}
.contact-side h3{font:500 24px var(--f-display);margin:0}.contact-side p{color:var(--stone);margin:0 0 10px}
.social-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--parchment)}.social-line svg{width:18px;height:18px;color:var(--gold)}.social-line:hover{color:var(--gold-l)}
.post{padding:50px 0;border-bottom:1px solid var(--line)}.post .display{margin:12px 0 20px}.post-img{margin:20px 0;border:1px solid var(--line)}
.comment{padding:14px 0;border-top:1px solid rgba(var(--gold-rgb),.1)}.comment b{color:var(--gold-l);font-weight:500}.comment p{margin:4px 0 0;color:var(--stone)}
.reply summary{cursor:pointer;color:var(--gold-l);margin:20px 0}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:50px}
.partner{padding:30px;border:1px solid var(--line);background:var(--ink-2)}.partner img{max-height:80px;margin-bottom:18px}.partner h3{font:500 22px var(--f-display);margin:0 0 8px}.partner p{color:var(--stone);margin:0}

/* ---------- Forms ---------- */
.form{display:flex;flex-direction:column;gap:20px}
.lux-form.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lux-form .full,.lux-form .check{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:8px}
.field>span{font-size:12px;letter-spacing:.12em;color:var(--gold-l);text-transform:uppercase}
html[lang=ar] .field>span{letter-spacing:0;font-size:14px;text-transform:none}
.field input,.field textarea,.field .select{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-s);padding:12px 2px;color:var(--ivory);outline:0;transition:border-color .4s;border-radius:0}
.field .select{border:1px solid var(--line);padding:0 16px}
.field input:focus,.field textarea:focus{border-color:var(--gold-l)}
.field textarea{resize:vertical;min-height:120px}
.check{display:flex;gap:12px;align-items:flex-start;color:var(--stone);font-size:14px}
.check input{appearance:none;width:20px;height:20px;border:1px solid var(--gold);flex:none;margin-top:3px;display:grid;place-items:center}
.check input:checked::after{content:"";width:10px;height:10px;background:var(--gold)}
.sent{text-align:center;padding:50px 20px;border:1px solid var(--line)}.sent-mark{display:inline-grid;place-items:center;width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:24px;margin-bottom:16px}.sent h3{font:500 26px var(--f-display);margin:0 0 6px}.sent p{color:var(--stone);margin:0}

/* ---------- Nominations & the gear ---------- */
.nom-head{padding-bottom:40px}
.phases{list-style:none;display:flex;gap:0;margin:40px 0 0;padding:0;border:1px solid var(--line)}
.phases li{display:flex;align-items:center;gap:10px;padding:12px 22px;color:var(--ash);font-size:13px;border-inline-end:1px solid var(--line)}
.phases li:last-child{border:0}.phases em{font:500 12px var(--f-num);font-style:normal}
.phases li.done{color:var(--stone)}.phases li.done em{color:var(--gold-d)}
.phases li.now{background:var(--g-metal);color:var(--black)}
.nom{padding-bottom:60px}
.round-line{text-align:center;color:var(--stone);margin:0 0 26px}.round-line b{color:var(--ivory);font-weight:500}
.status{color:var(--gold-l)}.status.voting{color:#9fd8a8}
.round-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.round-bar button{display:flex;flex-direction:column;align-items:center;padding:10px 20px;border:1px solid var(--line);transition:all .3s}.round-bar button small{color:var(--ash);font-size:11px}.round-bar button.on{border-color:var(--gold);background:rgba(var(--gold-rgb),.08)}
.cat-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;justify-content:safe center}
.cat-tabs button{flex:none;display:flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 8px;border:1px solid var(--line);border-radius:60px;color:var(--stone);font-size:14px;transition:all .4s var(--ease)}
html[dir=rtl] .cat-tabs button{padding:0 8px 0 18px}
.cat-tabs button img,.cat-tabs button em{width:36px;height:36px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font:500 11px var(--f-num);font-style:normal;border:1px solid var(--line-s);color:var(--gold)}
.cat-tabs button small{font:500 11px var(--f-num);color:var(--gold)}
.cat-tabs button:hover{border-color:var(--line-s);color:var(--ivory)}
.cat-tabs button.on{background:var(--g-metal);color:var(--black);border-color:transparent}.cat-tabs button.on small,.cat-tabs button.on em{color:var(--black);border-color:rgba(0,0,0,.3)}
.cat-intro{text-align:center;color:var(--stone);max-width:62ch;margin:14px auto 0;font-weight:300}
.stage{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(20px,4vw,60px);align-items:center;margin-top:30px}
.gear{--card:clamp(170px,17vw,230px);position:relative;height:clamp(460px,44vw,560px);perspective:1500px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:0}
.gear-viewport{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}
.gear-ring{position:relative;width:var(--card);aspect-ratio:3/4.3;transform-style:preserve-3d;will-change:transform}
.gear.dragging .gear-ring{transition:none}
.gear-card{position:absolute;inset:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .3s,filter .3s}
.gc-frame{position:relative;flex:1;overflow:hidden;border-radius:999px 999px 3px 3px;border:1px solid var(--line-s);background:var(--ink-3) var(--veins-card) center/cover;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);transition:border-color .5s,box-shadow .6s}
.gc-frame img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.gc-mono{position:absolute;inset:0;display:grid;place-items:center;font:500 54px var(--f-display);color:var(--gold-l)}
.gc-name{margin-top:14px;font:500 16px/1.3 var(--f-display);color:var(--ivory);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-stage{font-size:11px;color:var(--ash);text-align:center;letter-spacing:.1em}
.gear-card.active{animation:float 5s ease-in-out infinite}
.gear-card.active .gc-frame{border-color:var(--gold-l);box-shadow:0 40px 80px -24px rgba(0,0,0,.95),0 0 0 1px rgba(236,201,120,.4),0 0 60px -10px rgba(var(--gold-rgb),.45)}
.gear-card.active .gc-name{color:var(--gold-h)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.gear-halo{position:absolute;left:50%;top:46%;width:clamp(300px,34vw,440px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(var(--gold-rgb),.2),transparent 65%);filter:blur(10px);pointer-events:none}
.gear-dial{position:absolute;left:50%;top:auto;bottom:-6%;width:clamp(340px,40vw,520px);height:auto;aspect-ratio:1;margin-inline-start:calc(clamp(340px,40vw,520px)/-2);transform-origin:center;pointer-events:none;opacity:.85;mask:linear-gradient(180deg,#000 30%,transparent 62%);-webkit-mask:linear-gradient(180deg,#000 30%,transparent 62%);transform:rotateX(0)}
html[dir=rtl] .gear-dial{margin-inline-start:0;margin-inline-end:calc(clamp(340px,40vw,520px)/-2)}
.gear-nav{position:absolute;top:44%;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-s);display:grid;place-items:center;color:var(--gold-l);background:rgba(5,5,4,.55);backdrop-filter:blur(6px);z-index:200;transition:all .4s var(--ease)}
.gear-nav svg{width:20px;height:20px}.gear-nav.prev{inset-inline-start:0}.gear-nav.next{inset-inline-end:0}
.gear-nav.prev svg{transform:scaleX(-1)}html[dir=rtl] .gear-nav.prev svg{transform:none}html[dir=rtl] .gear-nav.next svg{transform:scaleX(-1)}
.gear-nav:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.gear-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;font:500 10px var(--f-caps);letter-spacing:.4em;color:var(--ash);text-transform:uppercase;margin:0}
html[lang=ar] .gear-hint{letter-spacing:.05em;font-size:12px}
.gear-detail{min-height:360px;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.gear-detail.in{opacity:1;transform:none}
.gd-inner{position:relative;padding:34px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(var(--gold-rgb),.07),rgba(10,9,7,.9) 40%);backdrop-filter:blur(8px)}
.gd-inner::before{content:"";position:absolute;inset:8px;border:1px solid rgba(var(--gold-rgb),.1);pointer-events:none}
.gd-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}
.gd-count{font:500 14px var(--f-num);color:var(--gold-l);margin-inline-end:auto}.gd-count i{color:var(--ash);font-style:normal}
.badge{font-size:11px;letter-spacing:.1em;padding:5px 10px;border:1px solid var(--line-s);color:var(--gold-l)}
.badge.finalist{background:var(--g-metal);color:var(--black);border-color:transparent}.badge.plain{color:var(--stone);border-color:var(--line)}
.gd-name{font:500 clamp(30px,3.2vw,44px)/1.15 var(--f-display);margin:0}
.gd-role{color:var(--gold-l);margin:8px 0 0;font-size:15px}
.gd-song{display:flex;flex-direction:column;gap:2px;margin:22px 0 0;padding:16px 18px;border-inline-start:2px solid var(--gold);background:rgba(var(--gold-rgb),.06)}
.gd-song span{font-size:12px;color:var(--ash);letter-spacing:.08em}.gd-song b{font:500 19px/1.4 var(--f-display);color:var(--ivory)}
.gd-fields{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0 0}
.gd-fields div{background:var(--ink);padding:12px 14px}.gd-fields dt{font-size:11px;color:var(--ash);letter-spacing:.08em}.gd-fields dd{margin:2px 0 0;color:var(--parchment)}
.gd-body{color:var(--stone);font-weight:300;margin:20px 0 0;white-space:pre-line}
.gd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.nominate{background:var(--ink)}
.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.result{padding:28px;border:1px solid var(--line)}.result h3{font:500 22px var(--f-display);margin:0 0 16px}
.res-row{position:relative;display:flex;justify-content:space-between;padding:10px 12px;margin-bottom:6px;isolation:isolate}.res-row i{position:absolute;inset:0;width:var(--p);background:rgba(var(--gold-rgb),.12);z-index:-1}.res-row.win i{background:rgba(var(--gold-rgb),.3)}.res-row.win span{color:var(--gold-h)}

/* ---------- Modal, player, toast ---------- */
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.modal-veil{position:absolute;inset:0;background:rgba(3,3,2,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .45s}
.modal-box{position:relative;width:min(520px,100%);max-height:calc(100svh - 40px);overflow:auto;background:linear-gradient(180deg,var(--ink-3),var(--ink));border:1px solid var(--line-s);padding:40px 34px 34px;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .45s var(--ease),transform .6s var(--ease);box-shadow:0 60px 120px -30px #000}
.modal-box::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--g-line)}
.modal.wide .modal-box{width:min(1080px,100%);padding:0;background:var(--black)}
.modal.small .modal-box{width:min(440px,100%)}
.modal.in .modal-veil{opacity:1}.modal.in .modal-box{opacity:1;transform:none}
.modal.out .modal-veil{opacity:0}.modal.out .modal-box{opacity:0;transform:translateY(12px)}
.modal-x{position:absolute;top:12px;inset-inline-end:12px;width:40px;height:40px;z-index:3;border:1px solid var(--line);border-radius:50%;background:rgba(5,5,4,.6)}
.modal-x span{position:absolute;left:12px;right:12px;top:50%;height:1px;background:var(--gold-l);transform:rotate(45deg)}.modal-x span+span{transform:rotate(-45deg)}
.modal-x:hover{border-color:var(--gold)}
html.modal-open{overflow:hidden}
.m-head{margin-bottom:24px}.m-head h2{font:500 26px/1.3 var(--f-display);margin:14px 0 6px}.m-head p{color:var(--stone);margin:0;font-weight:300}
.g-wrap{display:flex;justify-content:center;padding:14px 0}.notice{padding:14px;border:1px solid var(--line-s);color:var(--gold-l);font-size:14px}
.player-frame{position:relative;aspect-ratio:16/9;background:#000}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-top:1px solid var(--line)}
.player-meta h3{margin:2px 0 0;font:500 20px/1.35 var(--f-display)}.player-actions{display:flex;flex-wrap:wrap;gap:8px}.player-actions svg{width:16px;height:16px}
.confirm{text-align:center}.confirm-mark{display:inline-grid;place-items:center;width:56px;height:56px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:500 24px var(--f-num);margin-bottom:16px}.confirm h3{font:500 21px/1.4 var(--f-display);margin:0 0 8px}.confirm p{color:var(--stone);font-size:14px;margin:0}.confirm-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}
.m-loading{display:grid;place-items:center;min-height:140px}
.spinner{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);border-top-color:var(--gold);animation:spin 1s linear infinite}
.toast{position:fixed;bottom:26px;left:50%;z-index:2000;translate:-50% 30px;opacity:0;pointer-events:none;padding:14px 22px;background:var(--ink-3);border:1px solid var(--line-s);color:var(--ivory);font-size:14px;max-width:calc(100vw - 32px);transition:all .5s var(--ease);box-shadow:0 20px 50px -10px #000}
.toast.show{opacity:1;translate:-50% 0}.toast.error{border-color:rgba(214,86,70,.6);color:#f4c3ba}

/* ---------- Responsive ---------- */
@media (max-width:1180px){.mast-nav{display:none}.burger{display:block}.rail{grid-template-columns:repeat(3,1fr)}.rail .card:nth-child(n+4){display:none}.row{grid-template-columns:52px 112px 1fr 100px}.row-date{display:none}}
@media (max-width:980px){
 .hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-cta,.hero-stats{justify-content:center}.hero-art{width:min(70vw,320px);order:-1;margin-bottom:10px}.hero{padding-top:110px}.arch-caption{display:none}
 .podium{grid-template-columns:1fr}.stage{grid-template-columns:1fr}.gear-detail{min-height:0}
 .duo{grid-template-columns:1fr 1fr;gap:24px}.exhibit-row,.exhibit-row.flip{grid-template-columns:1fr;text-align:center}.exhibit-row.flip .arch{order:0}.exhibit-row .arch{max-width:300px}.exhibit-copy{display:flex;flex-direction:column;align-items:center}
 .song-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.feature{grid-template-columns:1fr;text-align:center}.feature .arch{max-width:220px;margin:auto}
}
@media (max-width:760px){
 body{font-size:15px}
 .mast-inner{height:66px}.mast-logo img{height:34px}.masthead.solid .mast-logo img{height:30px}.mast-tools .icon-btn{display:none}
 .hero{min-height:auto;padding:96px 0 70px}.hero-art{width:min(58vw,240px)}.hero-title{font-size:clamp(34px,10vw,52px)}.hero-stats{gap:22px;margin-top:36px}.hero-stats dd{font-size:26px}.hero-cta .btn{flex:1 1 100%}.scroll-cue{display:none}
 .gw-foot{inset-inline:26px}.gw-float span{font-size:44px}.gw-eyebrow{letter-spacing:.24em;font-size:10px;margin-bottom:18px}.gw-title{font-size:26px;margin-top:22px}.gw-intro{font-size:14px;margin-bottom:26px}
 .ticker{height:54px}.ticker-label{padding:0 14px;font-size:11px}
 .band{padding:70px 0}.band-head{margin-bottom:28px}.band-head .more-link{font-size:13px}
 .pf-body{padding:0 18px 20px;margin-top:-60px;gap:14px}.pf-rank{font-size:80px}
 .podium-rest li{grid-template-columns:34px 92px 1fr;gap:12px;padding:10px}.pr-views{display:none}.pr-rank{font-size:20px}
 .rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter)*-1);padding:6px var(--gutter) 20px;gap:14px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
 .rail .card{flex:0 0 76%;scroll-snap-align:center}.rail .card:nth-child(n+4){display:flex}
 .grid{grid-template-columns:1fr 1fr;gap:12px}.grid .card-body{padding:12px}.grid .card-title{font-size:14px}.grid .card-meta{font-size:11px}
 .cat-grid{grid-template-columns:1fr 1fr}.cat-card{min-height:160px;padding:22px 18px}.cat-card>svg{display:none}
 .duo{grid-template-columns:1fr;gap:60px}
 .row{grid-template-columns:36px 96px 1fr;gap:12px;padding:12px 4px}.row-stat{display:none}.rank{font-size:20px}.row-title{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .toolbar{flex-direction:column;align-items:stretch}.seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.seg button{flex:none;padding:0 14px}.search,.select{min-width:0;width:100%}
 .phases{flex-wrap:wrap;justify-content:center}.phases li{padding:9px 12px;font-size:12px}
 .gear{--card:min(56vw,220px);height:min(118vw,470px)}.gear-nav{width:44px;height:44px;top:40%}.gear-dial{width:min(96vw,380px);margin-inline-start:calc(min(96vw,380px)/-2)}html[dir=rtl] .gear-dial{margin-inline-end:calc(min(96vw,380px)/-2)}
 .gd-inner{padding:24px 20px}.gd-fields{grid-template-columns:1fr}
 .lux-form.two{grid-template-columns:1fr}
 .facts{gap:22px}.song-hero{padding:100px 0 50px}
 .artist-grid{grid-template-columns:1fr 1fr;gap:14px}
 .modal{padding:0;align-items:end}.modal-box{width:100%!important;max-height:92svh;border-inline:0;border-bottom:0;padding:34px 20px 24px}.modal.wide .modal-box{padding:0}.modal.wide{align-items:center}
 .clauses li{grid-template-columns:44px 1fr}
 .page-head{padding-top:120px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* ---------- v2.1: straight-edged images, no frames, soft floating ---------- */
@keyframes floaty{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes floaty-sm{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes shadowy{0%,100%{opacity:.9;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.86)}}
.card,.podium-first,.gd-inner,.partner,.result,.empty{border:0}
.card{background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.card:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.card-media,.pf-media,.row-media,.pr-media,.song-poster,.ac-media,.post-img,.ticker-run img,.cat-tabs button img{border:0!important;border-radius:0!important}
.card-media{animation:floaty-sm 6s ease-in-out infinite;animation-delay:calc(var(--fd,0) * -1.3s)}
.rail .card:nth-child(2) .card-media,.grid .card:nth-child(4n+2) .card-media{--fd:1}.rail .card:nth-child(3) .card-media,.grid .card:nth-child(4n+3) .card-media{--fd:2}.rail .card:nth-child(4) .card-media,.grid .card:nth-child(4n+4) .card-media{--fd:3}.rail .card:nth-child(5) .card-media{--fd:4}
.pf-media{animation:floaty-sm 8s ease-in-out infinite}
.row-media,.pr-media{animation:floaty-sm 6s ease-in-out infinite}
.row:nth-child(2n) .row-media,.podium-rest li:nth-child(2n) .pr-media{animation-delay:-2s}.row:nth-child(3n) .row-media,.podium-rest li:nth-child(3n) .pr-media{animation-delay:-4s}
.song-poster{animation:floaty 8s ease-in-out infinite;box-shadow:0 60px 100px -40px #000}
.ac-media{animation:floaty-sm 7s ease-in-out infinite}.artist-card:nth-child(2n) .ac-media{animation-delay:-2.3s}.artist-card:nth-child(3n) .ac-media{animation-delay:-4.6s}
.podium-rest li{border:0;border-bottom:1px solid rgba(var(--gold-rgb),.1);background:none}
.podium-rest li:hover{background:linear-gradient(90deg,rgba(var(--gold-rgb),.07),transparent)}
.gw-frame{display:none}
.gc-frame{border:0;border-radius:0;background:var(--ink-3) var(--veins-card) center/cover}
.gear-card.active .gc-frame{box-shadow:0 50px 90px -30px rgba(0,0,0,.95),0 0 70px -12px rgba(var(--gold-rgb),.5)}
.gear-card.active{animation:float 5.5s ease-in-out infinite}
.gd-inner::before{display:none}.gd-inner{background:linear-gradient(160deg,rgba(var(--gold-rgb),.08),rgba(10,9,7,.6) 45%,transparent)}
.cat-card{border:0}.cat-grid{background:transparent;border:0;gap:14px}.cat-card{background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.exhibit .arch,.exhibit-row .arch{aspect-ratio:4/5}
.hero-art .arch{aspect-ratio:3/4}
.hero-art .arch-frame{mask:linear-gradient(180deg,#000 78%,transparent);-webkit-mask:linear-gradient(180deg,#000 78%,transparent)}
.arch-caption{bottom:-36px}
/* soft, blurred entrances for every revealed block and image */
[data-reveal]{filter:blur(8px);transition:opacity 1.1s var(--ease) var(--d,0ms),transform 1.2s var(--ease) var(--d,0ms),filter 1.1s var(--ease) var(--d,0ms)}
[data-reveal].shown{filter:none}
img{transition:opacity .9s var(--ease)}
@media (prefers-reduced-motion:reduce){[data-reveal]{filter:none}}

.gear-floor{position:absolute;left:8%;right:8%;bottom:58px;height:1px;background:var(--g-line);opacity:.7}
.gear-floor::after{content:"";position:absolute;left:20%;right:20%;top:0;height:60px;background:radial-gradient(ellipse at top,rgba(var(--gold-rgb),.16),transparent 70%)}
.cat-tabs button{border-radius:0}.cat-tabs button img,.cat-tabs button em{border-radius:0}
html,body{overflow-x:clip}
main,.page,.band,.stage,.hero,.page-head,.colophon{max-width:100vw;overflow-x:clip}
.gear{overflow-x:clip;overflow-y:visible}
.cat-tabs{max-width:100%}

/* ---------- v2.2 · Elegant refinement: calmer backgrounds, softer gold, refined scale ---------- */
body{font-size:15.5px;letter-spacing:.005em}
.display{font-size:clamp(30px,3.9vw,54px);line-height:1.15;font-weight:500}
html[lang=en] .display{letter-spacing:.06em}
.display.sm{font-size:clamp(24px,2.6vw,36px)}
.eyebrow{font-size:10.5px;letter-spacing:.36em;color:var(--gold)}
html[lang=ar] .eyebrow{font-size:12.5px;letter-spacing:.04em}
.lead{font-size:clamp(16px,1.35vw,19px);color:var(--stone)}
html[lang=ar] .lead{font-size:clamp(15px,1.2vw,17px)}
.gold-text{animation:none;background-position:30% 0}
.rule{width:64px;margin-top:28px;opacity:.8}
/* buttons: quieter */
.btn{--h:50px;padding:0 30px;font-size:12px;letter-spacing:.2em;border-color:var(--line-s)}
html[lang=ar] .btn{font-size:14.5px;letter-spacing:.01em}
.btn.lg{--h:54px}.btn.xl{--h:58px;padding:0 40px}
.btn.ghost{background:transparent;backdrop-filter:none}
/* header */
.mast-inner{height:88px}.masthead.solid .mast-inner{height:70px}
.masthead.solid{background:rgba(8,8,7,.86);backdrop-filter:blur(14px)}
.mast-nav{gap:clamp(16px,2.2vw,34px)}
.mast-nav a,.mast-nav .more{font-size:13.5px;color:var(--stone)}
html[lang=en] .mast-nav a,html[lang=en] .mast-nav .more{font-size:11px;letter-spacing:.2em}
/* gateway: calmer */
.gw-bg{opacity:.7;animation-duration:60s}
.gw-shade{background:radial-gradient(ellipse 46% 52% at 50% 50%,rgba(8,8,7,.86),rgba(8,8,7,.45) 85%),linear-gradient(180deg,rgba(8,8,7,.5),transparent 25%,transparent 75%,rgba(8,8,7,.8))}
.gw-trophy{opacity:.16}
.gw-float span,.hero-float span{-webkit-text-stroke:1px rgba(191,160,106,.08)}
.gw-eyebrow{letter-spacing:.5em;font-size:10px;color:var(--gold);margin-bottom:34px}
html[lang=ar] .gw-eyebrow{letter-spacing:.06em;font-size:13px}
.gw-title{font-size:clamp(24px,3.2vw,40px);font-weight:400;margin-top:34px;color:var(--parchment)}
.gw-intro{font-size:15px;color:var(--stone);margin:14px 0 40px}
.gw-timer{width:120px;margin-top:30px}.gw-timer i{background:var(--gold-d)}
/* hero: calmer, more space */
.hero-bg{opacity:calc(.62 - var(--sy,0)*.4)}
.hero-shade{background:radial-gradient(ellipse 80% 80% at 70% 50%,rgba(8,8,7,.25),rgba(8,8,7,.82)),linear-gradient(180deg,rgba(8,8,7,.6),transparent 30%,transparent 62%,var(--black))}
html[dir=rtl] .hero-shade{background:radial-gradient(ellipse 80% 80% at 30% 50%,rgba(8,8,7,.25),rgba(8,8,7,.82)),linear-gradient(180deg,rgba(8,8,7,.6),transparent 30%,transparent 62%,var(--black))}
.hero-title{font-size:clamp(36px,4.3vw,66px);line-height:1.18;font-weight:500}
html[lang=en] .hero-title{font-weight:400;letter-spacing:.03em}
.hero-intro{font-size:clamp(15px,1.15vw,17px);color:var(--stone);max-width:48ch;margin-top:30px}
.hero-stats{border-top-color:rgba(191,160,106,.12);margin-top:60px}
.hero-stats dd{font-size:clamp(26px,2.4vw,36px);color:var(--gold-l)}
.hero-art{width:min(100%,400px)}
.hero-art .arch-frame{box-shadow:0 60px 100px -50px #000}
/* bands */
.band{padding:clamp(80px,10vw,140px) 0}
.band-head{margin-bottom:clamp(40px,5vw,70px)}
.band-veins{opacity:.28}
.page-head-bg{opacity:.45}
.manifesto::before{background:radial-gradient(ellipse at center,rgba(8,8,7,.7),rgba(8,8,7,.94))}
.manifesto-text{font-size:clamp(22px,2.6vw,36px);color:var(--parchment)}
.colophon-veins{opacity:.1}
.cat-card::before{opacity:0}.cat-card:hover::before{opacity:.18}
/* cards & rows: finer */
.card{background:transparent}
.card-body{padding:18px 4px 6px}
.card-meta{border-top-color:rgba(191,160,106,.08)}
.card:hover{transform:translateY(-4px);box-shadow:none}
.card-media::after{background:linear-gradient(180deg,transparent 60%,rgba(8,8,7,.45))}
.tag-new{background:var(--ivory);color:var(--black);font-size:9.5px;letter-spacing:.18em;padding:5px 8px}
.card-label{font-size:16px;color:var(--ivory);text-shadow:none;opacity:.85}
.play-orb{background:rgba(8,8,7,.35);border-color:rgba(236,224,197,.4);color:var(--ivory);backdrop-filter:blur(4px)}
[data-play]:hover .play-orb{background:var(--ivory);color:var(--black)}
.podium-first{background:transparent;border:0}
.pf-rank{font-size:clamp(76px,8vw,120px);opacity:.9}
.pf-title{font-size:clamp(20px,2vw,28px)}
.pr-rank,.rank{color:var(--gold-d)}
.row{padding:18px 10px}
.row-stat b,.pr-views,.facts dd{color:var(--gold-l)}
.meter{background:rgba(191,160,106,.1)}.meter i{background:linear-gradient(90deg,var(--gold-d),var(--gold))}
.seg button.on,.cat-tabs button.on,.phases li.now{background:var(--ivory);color:var(--black)}
.seg button.on small,.cat-tabs button.on small,.cat-tabs button.on em{color:var(--black)}
.ticker{height:58px;background:var(--ink)}.ticker-label{background:transparent;color:var(--gold);border-inline-end:1px solid var(--line);font-weight:500}
/* nominations: quieter stage */
.gear-halo{background:radial-gradient(circle,rgba(191,160,106,.08),transparent 65%);filter:none}
.gear-card.active .gc-frame{box-shadow:0 50px 90px -40px #000}
.gear-card.active .gc-name{color:var(--ivory)}
.gd-inner{background:transparent;padding:10px 0}
.gd-song{background:transparent;border-inline-start-color:var(--gold-d)}
.badge.finalist{background:transparent;color:var(--gold-l);border-color:var(--line-s)}
.gear-nav{background:transparent}.gear-nav:hover{background:var(--ivory);color:var(--black);border-color:var(--ivory)}
/* modal */
.modal-veil{background:rgba(5,5,4,.78)}
.modal-box{background:var(--ink-2);border-color:var(--line);box-shadow:0 40px 90px -30px #000}
.modal-box::before{opacity:.5}
/* audience (Google) */
.acct{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px 4px}
.acct-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--line-s);border-radius:50%;margin-bottom:18px;color:var(--gold-l);font:500 22px var(--f-display)}
.acct h2{font:500 24px var(--f-display);margin:0 0 6px}.acct p{color:var(--stone);margin:0 0 26px;font-size:14px}
.g-btn{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 26px 0 10px;border:1px solid var(--line-s);border-radius:52px;color:var(--ivory);font-size:14.5px;transition:border-color .3s,background .3s}
html[dir=rtl] .g-btn{padding:0 10px 0 26px}
.g-btn:hover{border-color:var(--ivory);background:rgba(239,233,221,.04)}
.g-logo{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center}.g-logo svg{width:18px;height:18px}
.g-slot{min-height:52px;display:flex;justify-content:center;align-items:center}
.acct-form{width:100%;text-align:start;margin-top:4px}
.acct-foot{margin-top:20px;font-size:12px;color:var(--ash)}
/* dust softer */
.dust{opacity:.55}

/* ---------- v2.3 · richer gold, exact numbers, compact nominations, gear-linked voting ---------- */
.gw-bg{opacity:.9}.hero-bg{opacity:calc(.85 - var(--sy,0)*.5)}.page-head-bg{opacity:.6}.band-veins{opacity:.42}.colophon-veins{opacity:.16}
.gw-trophy{opacity:.22}.gw-eyebrow,.eyebrow{color:var(--gold-l)}
.seg button.on,.cat-tabs button.on,.phases li.now{background:var(--g-metal);color:#1a140a}
.ticker-label{color:var(--gold-l)}
.play-orb{border-color:rgba(246,231,193,.55);color:var(--gold-h)}[data-play]:hover .play-orb{background:var(--gold);color:var(--black)}
/* exact numbers */
.row{grid-template-columns:56px 128px 1fr 150px 140px}
.row-stat b{font:500 17px/1.2 var(--f-caps);letter-spacing:.02em;white-space:nowrap}
.row-views{display:none;align-items:center;gap:6px;font:500 13px/1 var(--f-caps);color:var(--gold-l);margin-top:6px;white-space:nowrap}.row-views svg{width:14px;height:14px;opacity:.7}
.pr-views{font-size:14px;white-space:nowrap}
.card-meta span{white-space:nowrap}
/* nominations: refined sizes */
.phases li{padding:9px 16px;font-size:12px}.phases em{font-size:10.5px}
.round-line{font-size:13.5px}
.cat-tabs{gap:6px}.cat-tabs button{height:42px;font-size:13px;padding:0 14px 0 6px;gap:8px}
html[dir=rtl] .cat-tabs button{padding:0 6px 0 14px}
.cat-tabs button img,.cat-tabs button em{width:30px;height:30px;font-size:10px}.cat-tabs button small{font-size:10px}
.cat-intro{font-size:14px}
.select,.field .select{font-size:13.5px;height:44px}
.gd-count{font-size:12px;letter-spacing:.1em}.badge{font-size:10.5px;padding:4px 9px}
.gd-name{font-size:clamp(24px,2.4vw,32px)}.gd-role{font-size:14px}.gd-song b{font-size:16px}.gd-fields dd{font-size:14px}.gd-body{font-size:14.5px}
.menu nav a{font-size:clamp(20px,5vw,30px);line-height:1.5}
/* stage: gear on top, details connected beneath the active card */
.stage{grid-template-columns:1fr;gap:0;margin-top:26px}
.gear{height:clamp(470px,40vw,540px)}
.gear-detail{position:relative;max-width:680px;margin:0 auto;text-align:center;min-height:0;padding-top:34px}
.gear-detail::before{content:"";position:absolute;top:0;left:50%;width:1px;height:26px;background:linear-gradient(var(--gold),transparent)}
.gd-inner{padding:0}.gd-top{justify-content:center}.gd-count{margin-inline-end:0}.gd-song{align-items:center;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-top:18px}
.gd-fields{text-align:start}.gd-actions{justify-content:center;align-items:center}.gd-hint{font-size:12.5px;color:var(--ash)}
.gear-card{display:flex;flex-direction:column;align-items:center}
.gc-frame{width:100%}
.gc-info{position:absolute;inset:auto 0 0;padding:34px 14px 14px;background:linear-gradient(180deg,transparent,rgba(7,7,6,.92));display:flex;flex-direction:column;gap:2px;text-align:center}
.gc-info b{font:500 15px/1.3 var(--f-display);color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-info i{font-style:normal;font-size:12px;color:var(--gold-l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-name{display:none}
.gc-stage{margin-top:12px;font-size:10.5px;letter-spacing:.14em;color:var(--ash)}
.gc-vote{margin-top:14px;height:40px;min-width:120px;padding:0 26px;background:var(--g-metal);color:#1a140a;font:600 13px var(--f-body);letter-spacing:.06em;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .5s var(--ease),transform .6s var(--ease)}
html[lang=en] .gc-vote{letter-spacing:.2em;font-size:11px;text-transform:uppercase}
.gear-card.active .gc-vote{opacity:1;transform:none;pointer-events:auto}
.gc-vote.done{background:transparent;color:var(--gold-l);border:1px solid var(--line-s)}
.gear-card:not(.active) .gc-info i{opacity:.6}
@media (max-width:1180px){.row{grid-template-columns:48px 112px 1fr 130px}}
@media (max-width:760px){
 .row{grid-template-columns:30px 88px 1fr;gap:12px}.row .row-views{display:inline-flex}.row-stat{display:none}
 .podium-rest li{grid-template-columns:30px 88px 1fr}.podium-rest .row-views{display:inline-flex}
 .pf-meta b{font-size:16px}
 /* new five: all visible, no swipe */
 .rail{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible;margin:0;padding:0}
 .rail .card{flex:none}.rail .card:first-child{grid-column:1/-1}
 .rail .card:not(:first-child) .card-body{padding:10px 2px 4px}.rail .card:not(:first-child) .card-title{font-size:13px}.rail .card:not(:first-child) .by{font-size:11.5px}
 .rail .card:not(:first-child) .card-meta{font-size:10.5px;padding-top:8px;flex-wrap:wrap;gap:4px}
 .rail .card:not(:first-child) .play-orb{width:36px;height:36px}.rail .card:not(:first-child) .play-orb svg{width:14px;height:14px}
 .grid .card-meta{flex-wrap:wrap;gap:4px}
 .cat-tabs{justify-content:flex-start}
 .gear{--card:min(52vw,200px);height:min(128vw,500px)}
 .gc-vote{height:38px}
 .phases li{padding:8px 10px;font-size:11px}
}
.gear{height:clamp(440px,36vw,500px)}.gd-hint{flex-basis:100%;order:2}
@media (max-width:760px){.gear{height:min(116vw,450px)}}

/* ---------- v2.4 · nominee text under the image, clean YouTube crops, install card ---------- */
.gc-frame img{object-position:50% 28%}
.gc-info{position:static;padding:14px 4px 0;background:none;width:100%}
.gc-info b{font-size:16px}.gc-info i{font-size:12.5px;margin-top:2px}
.gear-card:not(.active) .gc-info{opacity:.55}
.gc-vote{margin-top:12px}
.yt-hq{transform:scale(1.14)}.gc-frame .yt-hq{transform:scale(1.36)}
.song-poster img,.pf-media img{width:100%;height:100%;object-fit:cover}
/* install card (gold) */
.install-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 22px;margin:44px auto 34px;max-width:760px;background:var(--g-metal);color:#1a1309;box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.install-card .ic-icon{width:58px;height:58px;box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
.ic-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ic-text b{font:600 17px var(--f-display);color:#140f07}.ic-text span{font-size:13px;color:#3a2c14;line-height:1.5}
.ic-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;background:#120e08;color:#f0dfb4;font:500 13.5px var(--f-body);letter-spacing:.02em;white-space:nowrap;transition:background .3s,transform .3s}
.ic-btn svg{width:16px;height:16px}.ic-btn:hover{background:#000;transform:translateY(-1px)}
html[lang=en] .ic-btn{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.install-card.lg{padding:26px 30px;margin:0 auto}.install-card.lg .ic-icon{width:72px;height:72px}.install-card.lg .ic-text b{font-size:21px}
.install-band{padding:40px 0 80px}
html.is-app .install-card,html.is-app .install-band{display:none}
.install-steps .ic-icon.big{width:76px;height:76px;margin-bottom:16px}
.install-steps ol{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px;width:100%;text-align:start}
.install-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--ink-3);font-size:14px}.install-steps li b{width:26px;height:26px;display:grid;place-items:center;background:var(--g-metal);color:#1a1309;font:600 12px var(--f-num);flex:none}.install-steps li svg{width:16px;height:16px;color:var(--gold-l)}
@media (max-width:760px){.install-card{grid-template-columns:auto 1fr;padding:16px}.ic-btn{grid-column:1/-1;justify-content:center}.install-card.lg{padding:20px}}

/* ---------- v2.4 · shades follow the theme ---------- */
:root{--shade:8,8,7;--on-gold:#1a1309}
.gw-shade{background:radial-gradient(ellipse 46% 52% at 50% 50%,rgba(var(--shade),.84),rgba(var(--shade),.35) 85%),linear-gradient(180deg,rgba(var(--shade),.5),transparent 25%,transparent 75%,rgba(var(--shade),.8))}
.hero-shade,html[dir=rtl] .hero-shade{background:radial-gradient(ellipse 80% 80% at 70% 50%,rgba(var(--shade),.2),rgba(var(--shade),.8)),linear-gradient(180deg,rgba(var(--shade),.55),transparent 30%,transparent 62%,var(--black))}
.page-head-bg::after{background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(var(--shade),.55),rgba(var(--shade),.92))}
.manifesto::before{background:radial-gradient(ellipse at center,rgba(var(--shade),.7),rgba(var(--shade),.94))}
.masthead.solid{background:rgba(var(--shade),.86)}
.card-media::after,.pf-media::after{background:linear-gradient(180deg,transparent 55%,rgba(var(--shade),.55))}
.btn.gold,.gc-vote,.seg button.on,.cat-tabs button.on,.phases li.now,.ticker-label.solid{color:var(--on-gold)}
.seg button.on small,.cat-tabs button.on small,.cat-tabs button.on em{color:var(--on-gold)}

/* ================= FIVE SITE TEMPLATES ================= */
/* 1 · Noir (default) — black marble, gold veins. */
/* 2 · Emerald — royal green marble, warm gold; centred hero. */
[data-theme=emerald]{--black:#04110d;--ink:#06170f;--ink-2:#0a1f17;--ink-3:#0f281e;--ink-4:#163427;--shade:4,17,13;
 --ivory:#f2ecdb;--parchment:#dcd5bf;--stone:#a6ab97;--ash:#6d7a6a;--line:rgba(var(--gold-rgb),.22);--line-s:rgba(var(--gold-rgb),.45);
 --veins:url(/assets/veins-emerald-hero.webp);--veins-soft:url(/assets/veins-emerald-soft.webp);--veins-card:url(/assets/veins-emerald-card.webp)}
@media (max-width:760px){[data-theme=emerald]{--veins:url(/assets/veins-emerald-mobile.webp)}}
[data-theme=emerald] .hero-grid{grid-template-columns:1fr;text-align:center;justify-items:center}
[data-theme=emerald] .hero-copy{display:flex;flex-direction:column;align-items:center}
[data-theme=emerald] .hero-art{order:-1;width:min(62vw,300px);margin-bottom:6px}
[data-theme=emerald] .hero-art .arch{aspect-ratio:4/5}
[data-theme=emerald] .hero-cta,[data-theme=emerald] .hero-stats{justify-content:center}
[data-theme=emerald] .hero-intro{margin-inline:auto}
[data-theme=emerald] .arch-caption{display:none}
[data-theme=emerald] .band-head{flex-direction:column;align-items:center;text-align:center}[data-theme=emerald] .band-head .eyebrow{flex-basis:auto}
/* 3 · Midnight — deep navy, champagne silver-gold; mirrored hero, framed cards. */
[data-theme=midnight]{--gold-rgb:205,185,138;--black:#05070e;--ink:#080c16;--ink-2:#0d1220;--ink-3:#131a2b;--ink-4:#1b2338;--shade:5,7,14;
 --ivory:#eef0f5;--parchment:#d4d8e2;--stone:#9ba1b1;--ash:#666e80;
 --gold-d:#9b8a5f;--gold:#cdb98a;--gold-l:#e3d5ae;--gold-h:#f3ebd5;--line:rgba(205,185,138,.2);--line-s:rgba(205,185,138,.42);
 --g-metal:linear-gradient(100deg,#8c7d5a 0%,#bdab80 22%,#e6dab9 44%,#f6f0de 52%,#d2c192 64%,#9e8d62 84%,#7f7050 100%);
 --veins:url(/assets/veins-midnight-hero.webp);--veins-soft:url(/assets/veins-midnight-soft.webp);--veins-card:url(/assets/veins-midnight-card.webp)}
@media (max-width:760px){[data-theme=midnight]{--veins:url(/assets/veins-midnight-mobile.webp)}}
@media (min-width:981px){[data-theme=midnight] .hero-art{order:-1}[data-theme=midnight] .hero-grid{grid-template-columns:.85fr 1.15fr}}
[data-theme=midnight] .card{outline:1px solid var(--line);outline-offset:-1px;background:var(--ink)}
[data-theme=midnight] .card-body{padding:16px 16px 14px}
[data-theme=midnight] .hero-title{font-weight:400}
[data-theme=midnight] .display{letter-spacing:.02em}
/* 4 · Desert Dusk — Sudanese sand & copper; editorial, image-led hero. */
[data-theme=desert]{--gold-rgb:207,149,90;--black:#0e0906;--ink:#140d08;--ink-2:#1b120c;--ink-3:#241810;--ink-4:#301f15;--shade:14,9,6;
 --ivory:#f6ead8;--parchment:#e5d1b5;--stone:#b69f84;--ash:#806b56;
 --gold-d:#9b6533;--gold:#cf955a;--gold-l:#e6b47e;--gold-h:#f7dcb8;--line:rgba(207,149,90,.22);--line-s:rgba(207,149,90,.45);
 --g-metal:linear-gradient(100deg,#7e4f26 0%,#b77c43 22%,#e2ad73 42%,#f4d3a8 52%,#d39b61 64%,#9c6433 84%,#74461f 100%);
 --veins:url(/assets/veins-desert-hero.webp);--veins-soft:url(/assets/veins-desert-soft.webp);--veins-card:url(/assets/veins-desert-card.webp)}
@media (max-width:760px){[data-theme=desert]{--veins:url(/assets/veins-desert-mobile.webp)}}
[data-theme=desert] .hero-title{font-size:clamp(40px,5vw,78px);line-height:1.1}
[data-theme=desert] .hero-art .arch{aspect-ratio:2/3}
[data-theme=desert] .rank,[data-theme=desert] .pr-rank{font-family:var(--f-display)}
[data-theme=desert] .band-head .display{font-size:clamp(34px,4.4vw,62px)}
[data-theme=desert] .card-media{aspect-ratio:4/3}
/* 5 · Ivory Gala — light marble, deep gold, black ink; the daytime edition. */
[data-theme=ivory]{--gold-rgb:165,123,51;--black:#f4efe6;--ink:#efe8dc;--ink-2:#e9e1d3;--ink-3:#e1d7c6;--ink-4:#d6cab5;--shade:244,239,230;--on-gold:#1a1309;
 --ivory:#17130e;--parchment:#3a3228;--stone:#6a5f50;--ash:#8e8272;
 --gold-d:#a88446;--gold:#a57b33;--gold-l:#8c6420;--gold-h:#6b4c16;--line:rgba(120,88,36,.2);--line-s:rgba(120,88,36,.4);--glass:rgba(244,239,230,.88);
 --g-metal:linear-gradient(100deg,#8a6526 0%,#b4893f 22%,#dcb877 42%,#ecd5a2 52%,#c99c55 64%,#9a7330 84%,#7a5920 100%);
 --veins:url(/assets/veins-ivory-hero.webp);--veins-soft:url(/assets/veins-ivory-soft.webp);--veins-card:url(/assets/veins-ivory-card.webp);color-scheme:light}
@media (max-width:760px){[data-theme=ivory]{--veins:url(/assets/veins-ivory-mobile.webp)}}
[data-theme=ivory] body{color:var(--ivory)}
[data-theme=ivory] .play-orb{background:rgba(20,16,10,.45);color:#f6ecd4;border-color:rgba(246,236,212,.6)}
[data-theme=ivory] .tag-new{background:#17130e;color:#f4efe6}
[data-theme=ivory] .card-label{color:#f6ecd4;text-shadow:0 1px 8px rgba(0,0,0,.5)}
[data-theme=ivory] .gw-float span,[data-theme=ivory] .hero-float span{-webkit-text-stroke:1px rgba(120,88,36,.14)}
[data-theme=ivory] .dust{opacity:.25}
[data-theme=ivory] .cur-dot{background:#8c6420}[data-theme=ivory] .cur-ring i{border-color:rgba(140,100,32,.55)}
[data-theme=ivory] .toast{background:#17130e;color:#f4efe6}
[data-theme=ivory] .modal-veil{background:rgba(40,32,22,.55)}
[data-theme=ivory] .modal-box{background:var(--ink)}
[data-theme=ivory] .hero-art .arch-frame,[data-theme=ivory] .song-poster{box-shadow:0 40px 80px -40px rgba(60,40,10,.45)}
[data-theme=ivory] .gear-card.active .gc-frame{box-shadow:0 40px 70px -35px rgba(60,40,10,.5)}
[data-theme=ivory] .gc-frame{background-color:var(--ink-3)}
[data-theme=ivory] .display,[data-theme=ivory] .hero-title{font-weight:500}
[data-theme=ivory] .ticker{background:var(--ink)}

/* ================= v2.5 · search, account, countdowns, nominee list, share card, lite mode ================= */
.mast-tools .icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-l);transition:border-color .3s,background .3s}
.mast-tools .icon-btn svg{width:17px;height:17px}.mast-tools .icon-btn:hover{border-color:var(--gold)}
@media (max-width:760px){.mast-tools .icon-btn{display:grid;width:38px;height:38px}.mast-tools{gap:6px}.lang{height:38px;min-width:38px;padding:0 10px}}
.search-modal .modal-box{width:min(640px,100%);padding:58px 24px 22px}
.search-modal.modal{align-items:start;padding-top:12vh}
@media (max-width:760px){.search-modal.modal{align-items:end;padding-top:0}}
.ss-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-s);padding:6px 2px 14px}
.ss-field svg{width:22px;height:22px;color:var(--gold);flex:none}.ss-field input{flex:1;background:none;border:0;outline:0;font:400 20px var(--f-body);color:var(--ivory);min-width:0}
.ss-results{max-height:min(60svh,520px);overflow:auto;margin-top:12px}
.sr-hint,.sr-empty{color:var(--stone);font-size:14px;margin:14px 0}
.sr-group h4{font:500 11px var(--f-caps);letter-spacing:.2em;color:var(--gold);margin:16px 0 6px;text-transform:uppercase}
html[lang=ar] .sr-group h4{letter-spacing:.04em;font-size:12.5px}
.sr-item{display:flex;align-items:center;gap:14px;padding:9px 6px;border-bottom:1px solid rgba(var(--gold-rgb),.08);transition:background .25s}
.sr-item:hover,.sr-item:focus{background:rgba(var(--gold-rgb),.07);outline:0}
.sr-item img,.sr-item>i{width:64px;height:40px;object-fit:cover;flex:none;background:var(--ink-3)}
.sr-item span{display:flex;flex-direction:column;min-width:0}.sr-item b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-item small{color:var(--stone);font-size:12.5px}
/* countdowns */
.countdown{display:flex;flex-direction:column;align-items:center;gap:12px}
.cd-label{font:500 12.5px var(--f-body);letter-spacing:.06em;color:var(--gold-l)}
html[lang=en] .cd-label{font:500 10.5px var(--f-caps);letter-spacing:.3em;text-transform:uppercase}
.cd-cells{display:flex;align-items:flex-start;gap:10px}
.cd-cells i{font:300 26px/1 var(--f-num);color:var(--gold-d);font-style:normal;padding-top:6px}
.cd-cell{display:flex;flex-direction:column;align-items:center;min-width:64px}
.cd-cell b{font:400 40px/1.1 var(--f-num);color:var(--ivory);font-variant-numeric:tabular-nums lining-nums}
.cd-cell small{font-size:11px;color:var(--ash);margin-top:4px}
.countdown.lg .cd-cell b{font-size:clamp(44px,6vw,78px);background:var(--g-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.countdown.lg .cd-cell{min-width:clamp(70px,10vw,130px)}.countdown.lg .cd-label{font-size:15px}
.countdown.sm{margin:18px 0 6px}.countdown.sm .cd-cell b{font-size:26px}.countdown.sm .cd-cell{min-width:48px}
.nom-count{margin-top:30px}
.ceremony{text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(var(--gold-rgb),.07),transparent 70%)}
.cd-date{color:var(--stone);font-size:14px;margin:16px 0 0}
@media (max-width:760px){.cd-cell{min-width:48px}.cd-cell b{font-size:30px}.cd-cells{gap:4px}.cd-cells i{font-size:20px}}
/* nominees: search + view toggle + list */
.nom-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:14px 0 0}
.nom-search{min-width:min(320px,100%);height:42px}
.view-toggle{display:inline-flex;border:1px solid var(--line)}
.view-toggle button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;color:var(--stone);transition:all .3s}
.view-toggle button svg{width:16px;height:16px}.view-toggle button.on{background:var(--g-metal);color:var(--on-gold)}
.nom-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(16px,2vw,26px);margin-top:30px}
.nl-card{display:flex;flex-direction:column}
.nl-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--ink-3) var(--veins-card) center/cover}
.nl-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.nl-card:hover .nl-media img{transform:scale(1.04)}
.nl-media .gc-mono{position:absolute;inset:0;display:grid;place-items:center;font:500 54px var(--f-display);color:var(--gold-l)}
.nl-media .play-orb{top:auto;bottom:12px;left:auto;inset-inline-end:12px;translate:none}
.nl-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 2px 0}
.nl-body h3{font:500 18px/1.35 var(--f-display);margin:6px 0 0}.nl-role{margin:0;color:var(--gold-l);font-size:13px}.nl-song{margin:0;color:var(--stone);font-size:13px}
.nl-actions{display:flex;align-items:center;gap:8px;margin-top:10px;width:100%}
.nl-vote{opacity:1!important;transform:none!important;pointer-events:auto!important;margin:0!important;flex:1}
.nl-share{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold-l)}.nl-share svg{width:16px;height:16px}
.nl-share:hover{border-color:var(--gold)}
.gc-vote.done,.nl-vote.done{background:transparent;color:var(--gold-l);border:1px solid var(--line-s);cursor:default}
@media (max-width:760px){.nom-list{grid-template-columns:1fr 1fr;gap:14px}.nl-body h3{font-size:15px}.nom-tools{justify-content:stretch}.nom-search{flex:1 1 100%}.view-toggle{width:100%}.view-toggle button{flex:1;justify-content:center}}
.instant [data-reveal]{transition:none!important;animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
/* account */
.acct-or{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 6px;color:var(--ash);font-size:12px}.acct-or::before,.acct-or::after{content:"";flex:1;height:1px;background:var(--line)}
.aud-manual{width:100%}
.acct-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:10px 0 14px}
.acct-tabs button{height:40px;font-size:13.5px;color:var(--stone);transition:all .3s}.acct-tabs button.on{background:var(--g-metal);color:var(--on-gold)}
.acct-form .field{margin-bottom:2px}.acct-form .fine{font-size:12.5px;color:var(--stone);margin:6px 0 0;text-align:center}
.acct-form .link-btn,.acct .link-btn{display:block;margin:10px auto 0;font-size:13px;color:var(--gold-l);text-decoration:underline;text-underline-offset:4px}
.code-in{letter-spacing:.5em;text-align:center;font:500 22px var(--f-num)!important}
.acct-votes{width:100%;text-align:start;margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
.acct-votes h3{font:500 15px var(--f-display);margin:0 0 8px;color:var(--gold-l)}.acct-votes ul{list-style:none;margin:0;padding:0}
.acct-votes li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(var(--gold-rgb),.08);font-size:13.5px}.acct-votes li span{color:var(--stone);font-size:12px}
.acct-votes p{color:var(--stone);font-size:13px;margin:0}
/* share card */
.share .modal-box{width:min(460px,100%)}
.sc-img{aspect-ratio:4/5;background:var(--ink-3);margin:6px 0 16px;display:grid;place-items:center;overflow:hidden}.sc-img img{width:100%;height:100%;object-fit:contain}
.sc-actions{display:flex;flex-wrap:wrap;gap:8px}.sc-actions .btn{flex:1 1 auto}
/* readability on phones */
@media (max-width:760px){.card-meta,.row-date,.gc-stage,.cat-count,.hero-stats dt,.facts dt{font-size:12px!important}.eyebrow{font-size:11.5px}html[lang=ar] .eyebrow{font-size:13px}.ash,.fine{font-size:12.5px}}
/* lite mode: same design, lighter effects */
html.lite .dust,html.lite .hero-float,html.lite .gw-float{display:none}
html.lite [data-reveal]{filter:none!important;transition-duration:.6s!important}
html.lite .card-media,html.lite .pf-media,html.lite .row-media,html.lite .pr-media,html.lite .ac-media,html.lite .arch-frame,html.lite .song-poster,html.lite .gear-card.active{animation:none!important}
html.lite .masthead.solid,html.lite .play-orb,html.lite .modal-veil,html.lite .gear-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.lite .gw-bg{animation:none}

/* ================= v2.6 · identity: wordmark + monogram ================= */
.mast-logo{position:relative;display:flex;align-items:center}
.mast-logo .ml-mark{display:none;height:38px;width:auto}
.mast-logo .ml-word{display:block}
@media (max-width:760px){
 .mast-logo .ml-word{height:32px;transition:opacity .4s var(--ease),transform .5s var(--ease)}
 .mast-logo .ml-mark{display:block;position:absolute;inset-inline-start:0;top:50%;height:34px;opacity:0;transform:translateY(-50%) scale(.8);transition:opacity .4s var(--ease),transform .5s var(--ease)}
 .masthead.solid .mast-logo .ml-word{opacity:0;transform:scale(.9)}
 .masthead.solid .mast-logo .ml-mark{opacity:1;transform:translateY(-50%) scale(1)}
}

/* ================= v2.7 · phone layout ================= */
html[data-theme=editorial] .w,html[data-theme=royal] .w{padding:.2em .08em .55em;margin:-.2em -.08em -.55em}
.hero-title .gold-text .w>span,html[data-theme=royal] .hero-title .w>span{padding:.15em .06em .5em;margin:-.15em -.06em -.5em}
@media (max-width:760px){
 html:not([data-theme=cinema]):not([data-theme=monument]) .hero-art{width:min(56vw,230px)!important;margin:0 auto 4px}
 .hero{padding:92px 0 56px;min-height:auto}
 .hero-title{margin-top:18px}
 .hero-stats{margin-top:30px}
 .gw-logo{width:min(var(--lw),72vw)}
}

/* ================= v2.7.1 · phones: lighter rendering ================= */
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
html.phone [data-reveal]{filter:none!important}
html.phone .masthead.solid{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(var(--shade),.96)}
html.phone .play-orb,html.phone .gear-nav,html.phone .modal-veil{backdrop-filter:none;-webkit-backdrop-filter:none}
html.phone .card-media,html.phone .row-media,html.phone .pr-media,html.phone .ac-media{animation:none}
html.phone .gw-bg{animation:none}
html.phone .gw-eyebrow{animation-delay:.15s}html.phone .gw-logo{animation-duration:1s;animation-delay:0s}
html.phone .gw-title .w>span{animation-delay:calc(var(--i)*40ms + 400ms)}
html.phone .gw-intro{animation-delay:.6s}html.phone .gw-enter{animation-delay:.7s}html.phone .gw-timer{animation-delay:.8s}
html.phone .hero-float,html.phone .gw-float{display:none}
html.lite .hero-title .w>span,html.lite .gw-title .w>span{animation-duration:.5s!important}
html.lite .ticker-run{animation-duration:120s}

/* ================= v2.8 · notifications ================= */
.bell-btn{position:relative}.bell-btn.on::after{content:"";position:absolute;top:8px;inset-inline-end:9px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px var(--black)}
.notify .acct-mark svg{width:26px;height:26px}
.nt-topics{width:100%;display:flex;flex-direction:column;gap:8px;text-align:start;margin-top:4px}
.nt-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);cursor:pointer;transition:border-color .3s}
.nt-row input{position:absolute;opacity:0;pointer-events:none}
.nt-row span{display:flex;flex-direction:column;gap:2px}.nt-row b{font-weight:500;font-size:14.5px}.nt-row small{font-size:12px;color:var(--stone)}
.nt-row i{width:42px;height:24px;border:1px solid var(--line-s);position:relative;transition:background .3s}
.nt-row i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;background:var(--stone);transition:transform .3s var(--ease),background .3s}
.nt-row input:checked~i{background:rgba(var(--gold-rgb),.2);border-color:var(--gold)}.nt-row input:checked~i::after{background:var(--gold);transform:translateX(18px)}
html[dir=rtl] .nt-row input:checked~i::after{transform:translateX(-18px)}
.nt-row:has(input:checked){border-color:var(--line-s)}
.nt-topics .btn{margin-top:8px}
.push-invite{position:fixed;z-index:900;inset-inline:12px;bottom:14px;max-width:560px;margin-inline:auto;display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;padding:14px 16px;background:var(--g-metal);color:#1a1309;box-shadow:0 20px 50px -20px #000;transform:translateY(130%);transition:transform .6s var(--ease)}
.push-invite.in{transform:none}
.pi-ic{width:40px;height:40px;display:grid;place-items:center;background:#120e08;color:#f0dfb4}.pi-ic svg{width:20px;height:20px}
.push-invite b{display:block;font:600 15px var(--f-display)}.push-invite small{font-size:12.5px;line-height:1.6;color:#3a2c14}
.pi-a{grid-column:1/-1;display:flex;gap:8px}.pi-a button{flex:1;height:40px;font-size:13.5px}.pi-yes{background:#120e08;color:#f0dfb4}.pi-no{border:1px solid rgba(18,14,8,.35);color:#1a1309}
@media (min-width:761px){.push-invite{grid-template-columns:auto 1fr auto}.pi-a{grid-column:auto}.pi-a button{flex:none;padding:0 18px}}
@media (max-width:380px){.mast-tools .icon-btn,.lang{width:34px!important;height:34px!important;min-width:34px}.mast-tools{gap:4px}}

/* ================= v2.9 · notification centre ================= */
.bell-btn.on::after{display:none}
.bell-btn.unread::after{content:attr(data-count);display:grid;place-items:center;position:absolute;top:-3px;inset-inline-end:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold);color:var(--on-gold);font:600 10px/1 var(--f-body);box-shadow:0 0 0 2px var(--black)}
.inbox-modal .modal-box{padding:30px 22px 20px}
.ib-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px;padding-inline-end:44px}
.ib-head h2{font:500 22px var(--f-display);margin:0}.ib-head .link-btn{font-size:13px;color:var(--gold-l);text-decoration:underline;text-underline-offset:4px}
.ib-cta{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin-bottom:12px;background:var(--g-metal);color:var(--on-gold);text-align:start;font-size:13.5px}
.ib-cta svg{width:20px;height:20px;flex:none}
.ib-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:min(62svh,560px);overflow:auto}
.ib-list li a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start;padding:12px 4px;border-bottom:1px solid rgba(var(--gold-rgb),.1);transition:background .3s}
.ib-list li a:hover{background:rgba(var(--gold-rgb),.06)}
.ib-list li.new a{background:rgba(var(--gold-rgb),.07)}.ib-list li.new b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-inline-end:7px;vertical-align:middle}
.ib-list img,.ib-list i{width:56px;height:42px;object-fit:cover;display:grid;place-items:center;background:var(--ink-3);font-style:normal;color:var(--gold-l);font-size:18px}
.ib-list span{display:flex;flex-direction:column;gap:3px;min-width:0}.ib-list b{font-weight:500;font-size:14px;line-height:1.45}.ib-list small{font-size:12.5px;color:var(--stone);line-height:1.55}.ib-list em{font-style:normal;font-size:11px;color:var(--ash)}
.ib-empty{color:var(--stone);font-size:14px;text-align:center;padding:30px 10px}
.acct-notify{width:100%;text-align:start;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}
.acct-notify h3{display:flex;align-items:center;gap:8px;font:500 15px var(--f-display);margin:0 0 4px;color:var(--gold-l)}.acct-notify h3 svg{width:18px;height:18px}
.acct-notify .an-on{margin-inline-start:auto;font-style:normal;font-size:11px;padding:3px 8px;border:1px solid rgba(79,138,91,.55);color:#9fd8a8}
.acct-notify .fine{text-align:start!important;margin:0 0 10px!important}

/* ================= v3.0 · EDITIONS (modern / classic) & COUNTRIES ================= */
.ed-switch{display:inline-flex;align-items:center;height:40px;padding:3px;border:1px solid var(--line);border-radius:40px;gap:2px;background:rgba(0,0,0,.18)}
.ed-switch a{display:grid;place-items:center;height:100%;padding:0 14px;border-radius:40px;font:500 12.5px/1 var(--f-body);color:var(--stone);white-space:nowrap;transition:color .3s,background .3s}
html[lang=en] .ed-switch a{font:500 11px/1 var(--f-caps);letter-spacing:.12em;text-transform:uppercase}
.ed-switch a:hover{color:var(--gold-l)}
.ed-switch a.on{background:var(--gold);color:var(--black)}
.menu-notify{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;margin-bottom:18px;border:1px solid var(--line);border-radius:44px;color:var(--gold-l);font-size:14px;position:relative}
.menu-notify svg{width:18px;height:18px}
.menu-notify.unread::after{content:attr(data-count);display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:var(--black);font:600 10px/1 var(--f-body)}
@media (max-width:760px){.bell-btn.with-ed{display:none!important}.ed-switch{height:36px;padding:2px}.ed-switch a{padding:0 10px;font-size:12px}}
@media (max-width:380px){.ed-switch a{padding:0 8px;font-size:11px}.ed-switch{height:34px}}
/* gateway: choose an edition */
.gw-choice{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:16px;justify-content:center;margin-top:8px;opacity:0;animation:up 1.2s var(--ease) 1.7s forwards}
.gw-ed{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 20px 20px;border:1px solid var(--line-s,var(--line));background:rgba(8,7,6,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ivory);text-align:center;transition:border-color .4s,transform .5s var(--ease),background .4s;overflow:hidden}
.gw-ed::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--gold-rgb),.16),transparent 70%);opacity:0;transition:opacity .4s}
.gw-ed:hover,.gw-ed:focus-visible{border-color:var(--gold);transform:translateY(-3px)}.gw-ed:hover::before,.gw-ed:focus-visible::before{opacity:1}
.gw-ed small{font:500 11px/1 var(--f-caps);letter-spacing:.3em;color:var(--gold);text-transform:uppercase}
html[lang=ar] .gw-ed small{font-family:var(--f-body);letter-spacing:.08em;font-size:12px}
.gw-ed b{font:500 clamp(22px,2.6vw,30px)/1.2 var(--f-display);color:var(--ivory)}
.gw-ed span{font-size:13px;line-height:1.6;color:var(--stone)}
.gw-ed i{display:grid;place-items:center;width:34px;height:34px;margin-top:8px;border:1px solid var(--line);border-radius:50%;color:var(--gold-l)}
.gw-ed i svg{width:15px;height:15px}html[dir=rtl] .gw-ed i svg{transform:scaleX(-1)}
.gw-ed-modern{border-color:rgba(var(--gold-rgb),.55)}
@media (max-width:600px){.gw-choice{grid-template-columns:1fr;width:min(100%,340px);gap:10px}.gw-ed{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:start;padding:14px 16px;gap:2px 10px}.gw-ed small{order:0;width:100%}.gw-ed b{font-size:21px}.gw-ed span{width:100%;order:3;font-size:12px}.gw-ed i{margin:0;position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%)}}
html.phone .gw-choice{animation-delay:.7s}
/* country chips */
.country-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.country-bar button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:36px;color:var(--stone);font-size:13.5px;transition:all .3s}
.country-bar button small{font:500 10.5px var(--f-num);color:var(--gold);opacity:.85}
.country-bar button:hover{border-color:var(--gold);color:var(--ivory)}
.country-bar button.on{background:var(--gold);border-color:var(--gold);color:var(--black)}.country-bar button.on small{color:var(--black)}
@media (max-width:760px){.country-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.country-bar::-webkit-scrollbar{display:none}.country-bar button{flex:none}}
/* home: invitation to the other edition */
.ed-band .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding-block:8px}
.ed-band .ed-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(var(--gold-rgb),.09),transparent 60%);grid-column:1/-1;transition:border-color .4s}
.ed-band .ed-card:hover{border-color:var(--gold)}
.ed-band .ed-card h3{margin:6px 0 4px;font:500 clamp(24px,3vw,34px)/1.2 var(--f-display);color:var(--ivory)}.ed-band .ed-card p{margin:0;color:var(--stone)}
@media (max-width:600px){.ed-band .ed-card{flex-direction:column;align-items:flex-start;padding:22px 20px}}

/* ================= v2.4 · IDENTITY CONTROLS (per design: texture strength, motion speed) ================= */
.gw-bg{opacity:calc(.9*var(--vo))}.hero-bg{opacity:calc((.85 - var(--sy,0)*.5)*var(--vo))}.page-head-bg{opacity:calc(.6*var(--vo))}.band-veins{opacity:calc(.42*var(--vo))}.colophon-veins{opacity:calc(.16*var(--vo))}
.menu-bg{background-color:var(--black)}
[data-reveal]{transition-duration:calc(1.15s*var(--mo))}
.card-media,.row-media,.pr-media,.ac-media{animation-duration:calc(6.5s*var(--mo))}.pf-media,.song-poster,.arch-frame{animation-duration:calc(8s*var(--mo))}
html.motion-still *,html.motion-still *::before,html.motion-still *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
html.motion-still [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
html.motion-still .dust{display:none}
.hero-stats dd,.pf-meta b,.row-stat b,.pr-views,.facts dd{font-variant-numeric:lining-nums tabular-nums}
/* word-by-word reveal: room for deep Arabic descenders (Amiri, Ruqaa) and marks above */
.w{padding:.14em 0 .3em;margin:-.14em 0 -.3em}

/* ================= 6 · MONUMENT — النُّصُب ================= */
html[data-theme=monument]{--gold-rgb:203,163,90;--black:#090807;--ink:#0e0d0b;--ink-2:#14120f;--ink-3:#1b1814;--ink-4:#26221c;--shade:9,8,7;--ivory:#f1e9d8;--parchment:#dcd1bb;--stone:#a99d86;--ash:#766c5b;--gold-d:#9f7d3d;--gold:#cba35a;--gold-l:#e2c485;--gold-h:#f3e4bf;--line:rgba(203,163,90,.2);--line-s:rgba(203,163,90,.42)}
html[data-theme=monument] .mast-inner{height:96px}html[data-theme=monument] .masthead.solid .mast-inner{height:72px}
html[data-theme=monument] .mast-nav{gap:0}
html[data-theme=monument] .mast-nav a,html[data-theme=monument] .mast-nav .more{padding:8px clamp(12px,1.3vw,22px);border-inline-start:1px solid var(--line)}
html[data-theme=monument] .mast-nav a:first-child{border-inline-start:0}
html[data-theme=monument] .mast-nav a::after{inset-inline:clamp(12px,1.3vw,22px)}
html[data-theme=monument] .display{font-size:clamp(34px,4.4vw,66px);line-height:1.1}
html[lang=en][data-theme=monument] .display,html[lang=en][data-theme=monument] .hero-title,html[lang=en][data-theme=monument] .gw-title{text-transform:uppercase;letter-spacing:.09em}
html[data-theme=monument] .hero{text-align:center}
html[data-theme=monument] .hero::before,html[data-theme=monument] .page-head::before,html[data-theme=monument] .colophon::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(var(--gold-rgb),.075) calc(12.5% - 1px) 12.5%);-webkit-mask:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);mask:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent)}
html[data-theme=monument] .colophon::before{z-index:0}
html[data-theme=monument] .hero-grid{grid-template-columns:1fr;justify-items:center}
html[data-theme=monument] .hero-copy{display:flex;flex-direction:column;align-items:center;z-index:1}
html[data-theme=monument] .hero-title{font-size:clamp(46px,6.4vw,104px);line-height:1.04;max-width:14em;margin-top:30px}
html[data-theme=monument] .hero-intro{margin-inline:auto;text-align:center;color:var(--parchment)}
html[data-theme=monument] .hero-cta,html[data-theme=monument] .hero-stats{justify-content:center}
html[data-theme=monument] .hero-stats{gap:0;border-top:0;max-width:none;margin-top:64px}
html[data-theme=monument] .hero-stats div{padding:0 clamp(20px,3.4vw,52px);border-inline-start:1px solid var(--line-s);align-items:center}
html[data-theme=monument] .hero-stats div:first-child{border-inline-start:0}
html[data-theme=monument] .hero-art{position:absolute;inset:0;width:auto;z-index:-1;display:grid;place-items:center;pointer-events:none;animation:monuArt 2.8s var(--ease) .1s forwards}
html[data-theme=monument] .hero-art .arch{width:min(44vw,540px)}
html[data-theme=monument] .hero-art .arch-frame{animation:none;background:transparent;box-shadow:none;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 46%,#000 30%,transparent 74%);mask:radial-gradient(ellipse 50% 50% at 50% 46%,#000 30%,transparent 74%)}
html[data-theme=monument] .hero-art .arch::after,html[data-theme=monument] .hero .arch-caption{display:none}
@keyframes monuArt{from{opacity:0;transform:translateY(80px) scale(1.1)}to{opacity:.3;transform:none}}
html[data-theme=monument] .hero-shade{background:radial-gradient(ellipse 60% 70% at 50% 45%,rgba(var(--shade),.35),rgba(var(--shade),.85)),linear-gradient(180deg,rgba(var(--shade),.6),transparent 30%,transparent 62%,var(--black))}
html[data-theme=monument] .band-head{flex-direction:column;align-items:center;text-align:center;gap:18px}
html[data-theme=monument] .band-head .eyebrow{flex-basis:auto}
html[data-theme=monument] .band-head .eyebrow::after{content:"";width:34px;height:1px;background:linear-gradient(-90deg,transparent,var(--gold))}
html[dir=rtl][data-theme=monument] .band-head .eyebrow::after{background:linear-gradient(90deg,transparent,var(--gold))}
html[data-theme=monument] .band-head .display{flex:none}
html[data-theme=monument] .podium{grid-template-columns:1fr;gap:clamp(30px,4vw,56px)}
html[data-theme=monument] .pf-media{aspect-ratio:21/9}
html[data-theme=monument] .pf-body{flex-direction:column;align-items:center;text-align:center;margin-top:-130px;gap:8px}
html[data-theme=monument] .podium-rest{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,30px)}
html[data-theme=monument] .podium-rest li{grid-template-columns:1fr;justify-items:center;text-align:center;align-content:start;gap:12px;padding:0 0 18px;border:0;border-bottom:3px double rgba(var(--gold-rgb),.2)}
html[data-theme=monument] .podium-rest li:hover{transform:translateY(-6px);background:none}
html[data-theme=monument] .pr-rank{font-size:40px;color:var(--gold)}
html[data-theme=monument] .pr-media{width:100%}
html[data-theme=monument] .pr-main{width:100%}html[data-theme=monument] .pr-title{white-space:normal;font:500 16px/1.4 var(--f-display)}
html[data-theme=monument] .pr-views{display:none}html[data-theme=monument] .podium-rest .row-views{display:inline-flex;justify-content:center}
html[data-theme=monument] .card-body{align-items:center;text-align:center;padding:20px 6px 6px}
html[data-theme=monument] .card-meta{justify-content:center;gap:18px;width:100%}
html[data-theme=monument] .card-label{inset-inline-start:auto;left:50%;translate:-50% 0;font-size:22px}
html[data-theme=monument] .cat-grid{gap:0;border-block:1px solid var(--line)}
html[data-theme=monument] .cat-card{min-height:300px;align-items:center;justify-content:space-between;text-align:center;background:transparent;border-inline-start:1px solid var(--line);padding:46px 26px 40px}
html[data-theme=monument] .cat-card:nth-child(3n+1){border-inline-start:0}
html[data-theme=monument] .cat-num{font-size:46px;letter-spacing:0;color:var(--gold-d)}
html[data-theme=monument] .cat-card h3{margin:0}
html[data-theme=monument] .cat-card>svg{position:static;margin-top:14px}
html[data-theme=monument] .row{border-bottom:3px double rgba(var(--gold-rgb),.14)}
html[data-theme=monument] .rank{font-size:38px}
html[data-theme=monument] .page-head{padding-block:clamp(170px,20vw,250px) clamp(60px,7vw,100px)}
html[data-theme=monument] .page-head .display{font-size:clamp(42px,6vw,96px)}
html[data-theme=monument] .song-info .display{font-size:clamp(30px,3.6vw,52px)}
html[data-theme=monument] .gear-halo{display:none}
html[data-theme=monument] .gear-floor{height:2px;opacity:1}
html[data-theme=monument] .gw-trophy{opacity:.3;width:min(62vh,500px)}
html[data-theme=monument] .menu nav{align-items:center;text-align:center}
html[data-theme=monument] .manifesto-text{font-size:clamp(24px,3vw,44px)}
html[data-theme=monument] [data-reveal]{opacity:0;filter:none;transform:translateY(56px);transition:none}
html[data-theme=monument] [data-reveal].shown{opacity:1;transform:none;animation:monuReveal calc(1.5s*var(--mo)) var(--ease) var(--d,0ms) both}
@keyframes monuReveal{from{opacity:0;transform:translateY(56px);clip-path:inset(100% -30% -30% -30%)}40%{opacity:1}to{opacity:1;transform:none;clip-path:inset(-30% -30% -30% -30%)}}
html[data-theme=monument] body.leaving #main{opacity:0;transform:translateY(-18px) scale(.99)}
html[data-theme=monument] body.entering #main{animation:monuEnter 1s var(--ease) both}
@keyframes monuEnter{from{opacity:0;transform:translateY(60px)}}
@media (max-width:980px){html[data-theme=monument] .hero-art .arch{width:min(86vw,440px)}html[data-theme=monument] .podium-rest{grid-template-columns:1fr 1fr}html[data-theme=monument] .cat-card:nth-child(3n+1){border-inline-start:1px solid var(--line)}html[data-theme=monument] .cat-card:nth-child(2n+1){border-inline-start:0}}
@media (max-width:760px){html[data-theme=monument] .hero-title{font-size:clamp(36px,11vw,56px)}html[data-theme=monument] .hero-stats div{padding:0 14px}html[data-theme=monument] .pf-body{margin-top:-70px}html[data-theme=monument] .pf-media{aspect-ratio:16/9}html[data-theme=monument] .cat-card{min-height:200px;padding:30px 14px}html[data-theme=monument] .cat-num{font-size:32px}html[data-theme=monument] .rank{font-size:22px}html[data-theme=monument] .podium-rest li{padding-bottom:12px}html[data-theme=monument] .pr-rank{font-size:28px}}

/* ================= 7 · EDITORIAL — المجلة ================= */
html[data-theme=editorial]{--gold-rgb:201,164,92;--black:#0a0a09;--ink:#0f0f0d;--ink-2:#151412;--ink-3:#1c1b18;--ink-4:#272520;--shade:10,10,9;--ivory:#f4eee2;--parchment:#ddd5c4;--stone:#b0a690;--ash:#7c7464;--gold-d:#9c7f45;--gold:#c9a45c;--gold-l:#e1c68d;--gold-h:#f2e4c4;--line:rgba(201,164,92,.22);--line-s:rgba(201,164,92,.46)}
html[data-theme=editorial] .masthead,html[data-theme=editorial] .masthead.solid{background:var(--black);border-bottom:1px solid var(--line-s)}
html[data-theme=editorial] .masthead::after{content:"";position:absolute;inset:auto 0 -5px;height:1px;background:var(--line)}
html[data-theme=editorial] .mast-inner{height:76px}html[data-theme=editorial] .masthead.solid .mast-inner{height:62px}
html[data-theme=editorial] .mast-nav a:not(:first-child)::before{content:"/";position:absolute;inset-inline-start:calc(clamp(16px,2.2vw,34px)/-2 - 3px);color:var(--gold-d);font-weight:300}
html[data-theme=editorial] .display{font-weight:700;letter-spacing:0;line-height:1.08}
html[lang=en][data-theme=editorial] .display{font-weight:500;letter-spacing:-.005em}
html[data-theme=editorial] .eyebrow::before{display:none}
html[data-theme=editorial] .eyebrow{letter-spacing:.22em}
html[data-theme=editorial] .hero{min-height:auto;padding:150px 0 90px;align-items:flex-start}
html[data-theme=editorial] .hero-bg{opacity:calc((.28 - var(--sy,0)*.2)*var(--vo))}
html[data-theme=editorial] .hero-shade{background:linear-gradient(180deg,rgba(var(--shade),.4),var(--black))}
html[data-theme=editorial] .hero-float,html[data-theme=editorial] .scroll-cue{display:none}
html[data-theme=editorial] .hero-grid{grid-template-columns:1.55fr .65fr;align-items:end;border-top:3px solid var(--gold);padding-top:30px;gap:clamp(30px,5vw,70px)}
html[data-theme=editorial] .hero-title{font-size:clamp(48px,6.6vw,110px);line-height:1;max-width:none;margin-top:22px}
html[lang=en][data-theme=editorial] .hero-title{font-style:italic;font-weight:400;letter-spacing:-.015em}
html[data-theme=editorial] .hero-intro{columns:2;column-gap:36px;column-rule:1px solid var(--line);max-width:none;font-size:15.5px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
html[data-theme=editorial] .hero-stats{border-top:0;gap:0;margin-top:40px}
html[data-theme=editorial] .hero-stats div{padding-inline-end:30px;margin-inline-end:30px;border-inline-end:1px solid var(--line)}
html[data-theme=editorial] .hero-stats div:last-child{border:0;margin:0;padding:0}
html[data-theme=editorial] .hero-stats dd{font:italic 400 clamp(30px,2.8vw,42px)/1 Playfair,serif}
html[data-theme=editorial] .hero-art{width:100%;justify-self:stretch;animation-name:edArt}
html[data-theme=editorial] .hero-art .arch{aspect-ratio:3/4.3}
html[data-theme=editorial] .hero-art .arch-frame{-webkit-mask:none;mask:none}
html[data-theme=editorial] .arch-caption{top:calc(100% + 12px);bottom:auto;text-align:start;padding-top:10px;border-top:1px solid var(--line);letter-spacing:.14em}
@keyframes edArt{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
html[data-theme=editorial] main{counter-reset:sec}
html[data-theme=editorial] .band-head,html[data-theme=editorial] .band-head.center{display:grid;grid-template-columns:auto 1fr auto;align-items:end;justify-items:start;text-align:start;gap:4px 26px;border-top:1px solid var(--line-s);padding-top:22px}
html[data-theme=editorial] .band-head::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);grid-row:1/4;font:italic 400 clamp(60px,6.4vw,104px)/.78 Playfair,serif;color:var(--gold);align-self:end}
html[data-theme=editorial] .band-head .eyebrow{grid-column:2}
html[data-theme=editorial] .band-head .display{grid-column:2}
html[data-theme=editorial] .band-head .lead{grid-column:2/4;margin:10px 0 0}
html[data-theme=editorial] .band-head .more-link{grid-column:3;grid-row:1/3;align-self:end}
html[data-theme=editorial] .band-head.center + *{margin-top:0}
html[data-theme=editorial] .podium{grid-template-columns:1.5fr 1fr;gap:0}
html[data-theme=editorial] .podium-first{padding-inline-end:clamp(20px,3vw,44px);border-inline-end:1px solid var(--line)}
html[data-theme=editorial] .pf-media::after{display:none}
html[data-theme=editorial] .pf-body{margin-top:0;padding:22px 0 0;align-items:flex-start}
html[data-theme=editorial] .pf-rank{font:italic 400 clamp(96px,9vw,150px)/.74 Playfair,serif}
html[data-theme=editorial] .pf-title{font-size:clamp(24px,2.4vw,36px)}
html[data-theme=editorial] .podium-rest{padding-inline-start:clamp(20px,3vw,44px);gap:0}
html[data-theme=editorial] .podium-rest li{grid-template-columns:60px 1fr 110px;padding:16px 0;border-bottom:1px solid var(--line)}
html[data-theme=editorial] .podium-rest li:hover{transform:none;background:none}
html[data-theme=editorial] .pr-media{order:2}html[data-theme=editorial] .pr-views{display:none}html[data-theme=editorial] .podium-rest .row-views{display:inline-flex}
html[data-theme=editorial] .pr-rank{font:italic 400 44px/1 Playfair,serif;color:var(--gold)}
html[data-theme=editorial] .pr-title{white-space:normal;font:700 18px/1.35 var(--f-display)}
html[data-theme=editorial] .card{flex-direction:column-reverse;border-top:1px solid var(--line-s);padding-top:14px}
html[data-theme=editorial] .card-body{padding:0 0 16px}
html[data-theme=editorial] .card-title{font:700 18px/1.35 var(--f-display)}
html[lang=en][data-theme=editorial] .card-title{font-weight:500}
html[data-theme=editorial] .card-meta{border:0;padding-top:8px;margin-top:6px}
html[data-theme=editorial] .card:hover{transform:none}
html[data-theme=editorial] .cat-grid{grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,64px)}
html[data-theme=editorial] .cat-card{flex-direction:row;align-items:center;min-height:0;gap:22px;padding:22px 0;background:transparent;border-bottom:1px solid var(--line)}
html[data-theme=editorial] .cat-card::before{display:none}
html[data-theme=editorial] .cat-card img{position:relative;inset:auto;width:92px;height:66px;flex:none;opacity:.9;order:1}
html[data-theme=editorial] .cat-card:hover img{opacity:1;transform:none}
html[data-theme=editorial] .cat-num{font:italic 400 34px/1 Playfair,serif;letter-spacing:0;min-width:48px}
html[data-theme=editorial] .cat-card h3{margin:0;flex:1;order:2;font-weight:700}
html[data-theme=editorial] .cat-count{order:3}
html[data-theme=editorial] .cat-card>svg{position:static;order:4}
html[data-theme=editorial] .rank{font:italic 400 34px/1 Playfair,serif}
html[data-theme=editorial] .row{border-bottom-color:var(--line)}
html[data-theme=editorial] .page-head{text-align:start;padding-bottom:30px}
html[data-theme=editorial] .page-head .wrap{align-items:flex-start;border-bottom:3px solid var(--gold);padding-bottom:30px}
html[data-theme=editorial] .page-head .display{font-size:clamp(46px,6.4vw,104px);line-height:1}
html[lang=en][data-theme=editorial] .page-head .display{font-style:italic;font-weight:400}
html[data-theme=editorial] .page-head .lead{margin-inline:0}
html[data-theme=editorial] .page-head .rule{display:none}
html[data-theme=editorial] .page-head-bg{opacity:calc(.25*var(--vo))}
html[lang=en][data-theme=editorial] .song-info .display{font-style:italic;font-weight:400}
html[data-theme=editorial] .manifesto{text-align:start}html[data-theme=editorial] .manifesto .wrap{align-items:flex-start}
html[data-theme=editorial] .manifesto-text{font-weight:700}
html[lang=en][data-theme=editorial] .manifesto-text{font:italic 400 clamp(24px,3vw,44px)/1.4 Playfair,serif}
html[data-theme=editorial] .colo-top{align-items:flex-start;text-align:start}
html[data-theme=editorial] .colo-nav{justify-content:flex-start}
html[data-theme=editorial] .menu nav a{border-bottom:1px solid var(--line);padding:6px 0}
html[data-theme=editorial] .menu nav a em{font:italic 400 22px/1 Playfair,serif;width:44px}
html[data-theme=editorial] .gear-halo{display:none}
@media (min-width:981px){
 html[data-theme=editorial] .stage{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}
 html[data-theme=editorial] .gear-detail{text-align:start;padding-top:0;margin:0;max-width:none}
 html[data-theme=editorial] .gear-detail::before{display:none}
 html[data-theme=editorial] .gd-top,html[data-theme=editorial] .gd-actions{justify-content:flex-start}
 html[data-theme=editorial] .gd-song{align-items:flex-start}
 html[data-theme=editorial] .gd-name{font-size:clamp(30px,3vw,46px)}
}
html[data-theme=editorial] [data-reveal]{opacity:0;filter:none;transform:translateX(-26px);transition:none}
html[dir=rtl][data-theme=editorial] [data-reveal]{transform:translateX(26px)}
html[data-theme=editorial] [data-reveal].shown{opacity:1;transform:none;animation:edReveal calc(1.3s*var(--mo)) var(--ease) var(--d,0ms) both}
html[dir=rtl][data-theme=editorial] [data-reveal].shown{animation-name:edRevealRtl}
@keyframes edReveal{from{opacity:0;transform:translateX(-26px);clip-path:inset(0 100% 0 0)}30%{opacity:1}to{opacity:1;transform:none;clip-path:inset(-12% -12% -12% -12%)}}
@keyframes edRevealRtl{from{opacity:0;transform:translateX(26px);clip-path:inset(0 0 0 100%)}30%{opacity:1}to{opacity:1;transform:none;clip-path:inset(-12% -12% -12% -12%)}}
html[data-theme=editorial] body.leaving #main{opacity:0;transform:translateX(-30px)}
html[dir=rtl][data-theme=editorial] body.leaving #main{transform:translateX(30px)}
html[data-theme=editorial] body.entering #main{animation:edEnter .8s var(--ease) both}
@keyframes edEnter{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 -10% 0)}}
@media (max-width:980px){
 html[data-theme=editorial] .hero-grid{grid-template-columns:1fr;text-align:start}
 html[data-theme=editorial] .hero-copy{align-items:flex-start}
 html[data-theme=editorial] .hero-cta,html[data-theme=editorial] .hero-stats{justify-content:flex-start}
 html[data-theme=editorial] .hero-art{order:0;width:min(80vw,380px);justify-self:start}
 html[data-theme=editorial] .podium{grid-template-columns:1fr}
 html[data-theme=editorial] .podium-first{padding:0;border:0}
 html[data-theme=editorial] .podium-rest{padding:0}
}
@media (max-width:760px){
 html[data-theme=editorial] .hero{padding-top:110px}
 html[data-theme=editorial] .hero-title{font-size:clamp(40px,12vw,62px)}
 html[data-theme=editorial] .hero-intro{columns:1}
 html[data-theme=editorial] .hero-stats div{padding-inline-end:16px;margin-inline-end:16px}
 html[data-theme=editorial] .band-head,html[data-theme=editorial] .band-head.center{grid-template-columns:auto 1fr}
 html[data-theme=editorial] .band-head .more-link{grid-column:2;grid-row:auto}
 html[data-theme=editorial] .band-head::before{font-size:54px}
 html[data-theme=editorial] .podium-rest li{grid-template-columns:44px 1fr 88px;gap:10px}
 html[data-theme=editorial] .pr-rank{font-size:32px}
 html[data-theme=editorial] .cat-grid{grid-template-columns:1fr}
 html[data-theme=editorial] .cat-card img{width:70px;height:52px}
 html[data-theme=editorial] .rank{font-size:24px}
 html[data-theme=editorial] .page-head .display{font-size:clamp(38px,11vw,58px)}
}

/* ================= 8 · CINEMA — السينما ================= */
html[data-theme=cinema]{--gold-rgb:210,171,94;--black:#040404;--ink:#090909;--ink-2:#101010;--ink-3:#171716;--ink-4:#22211f;--shade:4,4,4;--ivory:#f2ece0;--parchment:#d8d0c1;--stone:#a39a8a;--ash:#6f685c;--gold-d:#a3823f;--gold:#d2ab5e;--gold-l:#ead08e;--gold-h:#f7e8c5;--line:rgba(210,171,94,.2);--line-s:rgba(210,171,94,.44)}
html[data-theme=cinema] .masthead{background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}
html[data-theme=cinema] .masthead.solid{background:rgba(4,4,4,.95)}
html[lang=en][data-theme=cinema] .mast-nav a,html[lang=en][data-theme=cinema] .mast-nav .more{letter-spacing:.32em}
html[lang=en][data-theme=cinema] .display{text-transform:uppercase;letter-spacing:.14em;font-size:clamp(26px,3.3vw,48px)}
html[lang=ar][data-theme=cinema] .display{font-weight:600}
html[data-theme=cinema] .hero{min-height:100svh;align-items:flex-end;padding:0 0 clamp(96px,14vh,150px)}
html[data-theme=cinema] .hero::before,html[data-theme=cinema] .hero::after,html[data-theme=cinema] .page-head::before,html[data-theme=cinema] .page-head::after{content:"";position:absolute;inset-inline:0;height:50%;background:#000;z-index:3;pointer-events:none;animation:letterbox 1.9s var(--ease-io) .15s forwards}
html[data-theme=cinema] .hero::before,html[data-theme=cinema] .page-head::before{top:0}html[data-theme=cinema] .hero::after,html[data-theme=cinema] .page-head::after{bottom:0}
html[data-theme=cinema] .page-head::before,html[data-theme=cinema] .page-head::after{animation-name:letterboxSm}
@keyframes letterbox{to{height:6.5vh}}
@keyframes letterboxSm{to{height:14px}}
html[data-theme=cinema] .scroll-cue{z-index:4;bottom:calc(6.5vh + 18px)}
html[data-theme=cinema] .hero-bg{opacity:calc((.4 - var(--sy,0)*.3)*var(--vo))}
html[data-theme=cinema] .hero-art{position:absolute;inset-block:-20px;inset-inline-end:0;inset-inline-start:auto;width:60%;max-width:none;z-index:-2;animation:cineArt 2.6s var(--ease) .1s forwards;-webkit-mask:linear-gradient(90deg,transparent,#000 42%);mask:linear-gradient(90deg,transparent,#000 42%)}
html[dir=rtl][data-theme=cinema] .hero-art{-webkit-mask:linear-gradient(-90deg,transparent,#000 42%);mask:linear-gradient(-90deg,transparent,#000 42%)}
html[data-theme=cinema] .hero-art .arch{position:absolute;inset:0;aspect-ratio:auto;width:auto}
html[data-theme=cinema] .hero-art .arch-frame{animation:none;box-shadow:none;-webkit-mask:linear-gradient(180deg,#000 70%,transparent);mask:linear-gradient(180deg,#000 70%,transparent)}
html[data-theme=cinema] .hero-art .arch::after,html[data-theme=cinema] .hero .arch-caption{display:none}
@keyframes cineArt{from{opacity:0;transform:scale(1.14)}to{opacity:.8;transform:none}}
html[data-theme=cinema] .hero-shade,html[dir=rtl][data-theme=cinema] .hero-shade{background:linear-gradient(0deg,var(--black) 0%,transparent 45%),radial-gradient(ellipse 70% 90% at 0% 100%,rgba(0,0,0,.85),transparent 70%)}
html[dir=rtl][data-theme=cinema] .hero-shade{background:linear-gradient(0deg,var(--black) 0%,transparent 45%),radial-gradient(ellipse 70% 90% at 100% 100%,rgba(0,0,0,.85),transparent 70%)}
html[data-theme=cinema] .hero-float{opacity:.5}
html[data-theme=cinema] .hero-grid{grid-template-columns:minmax(0,780px)}
html[data-theme=cinema] .hero-title{font-size:clamp(36px,4.2vw,70px);max-width:none;line-height:1.08;text-shadow:0 6px 40px rgba(0,0,0,.6)}
html[lang=en][data-theme=cinema] .hero-title{text-transform:uppercase;letter-spacing:.1em;font-size:clamp(30px,3.6vw,58px)}
html[lang=ar][data-theme=cinema] .hero-title{font-weight:600}
html[data-theme=cinema] .hero-stats{border-top-color:var(--line-s)}
html[data-theme=cinema] main{counter-reset:scene}
html[data-theme=cinema] .band-head::before{counter-increment:scene;content:"SCENE " counter(scene,decimal-leading-zero);flex-basis:100%;font:500 10.5px/1 var(--f-num);letter-spacing:.5em;color:var(--gold-d)}
html[lang=ar][data-theme=cinema] .band-head::before{content:"المشهد " counter(scene,decimal-leading-zero);letter-spacing:.08em;font:500 12.5px/1 var(--f-body)}
html[data-theme=cinema] .band-head.center::before{flex-basis:auto}
html[data-theme=cinema] .podium{grid-template-columns:1fr;gap:18px}
html[data-theme=cinema] .pf-media{aspect-ratio:2.39/1}
html[data-theme=cinema] .pf-media::after{background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 62%)}
html[data-theme=cinema] .pf-body{position:absolute;inset:auto 0 0;margin:0;padding:0 clamp(20px,3vw,46px) clamp(20px,3vw,40px);pointer-events:none}
html[data-theme=cinema] .pf-body a{pointer-events:auto}
html[data-theme=cinema] .podium-rest{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
html[data-theme=cinema] .podium-rest li{position:relative;display:block;padding:0;border:0}
html[data-theme=cinema] .podium-rest li:hover{transform:translateY(-4px);background:none}
html[data-theme=cinema] .pr-media{display:block;width:100%;aspect-ratio:16/9}
html[data-theme=cinema] .pr-rank{position:absolute;top:10px;inset-inline-start:12px;z-index:3;font-size:30px;color:var(--gold-h);text-shadow:0 2px 12px #000;pointer-events:none}
html[data-theme=cinema] .pr-main{padding:12px 2px 0}
html[data-theme=cinema] .pr-views{display:none}html[data-theme=cinema] .podium-rest .row-views{display:inline-flex}
html[data-theme=cinema] .card{background:transparent}
html[data-theme=cinema] .card-media{aspect-ratio:16/9}
html[data-theme=cinema] .card-body{padding:14px 2px 4px}
@media (min-width:761px){
 html[data-theme=cinema] .rail{grid-template-columns:2fr 1fr 1fr;gap:26px 18px;align-items:start}
 html[data-theme=cinema] .rail .card:first-child{align-self:stretch}
 html[data-theme=cinema] .rail .card:first-child{grid-row:span 2}
 html[data-theme=cinema] .rail .card:first-child .card-media{aspect-ratio:auto;flex:1;min-height:280px}
 html[data-theme=cinema] .rail .card:nth-child(n+4){display:flex}
}
html[data-theme=cinema] .cat-card{min-height:300px;justify-content:flex-end;background:#000 var(--veins-card) center/cover}
html[data-theme=cinema] .cat-card img{z-index:0;opacity:.45;filter:grayscale(.25)}
html[data-theme=cinema] .cat-card:hover img{opacity:.72}
html[data-theme=cinema] .cat-card::before,html[data-theme=cinema] .cat-card:hover::before{z-index:1;opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.94),transparent 70%)}
html[data-theme=cinema] .cat-card>*:not(img){z-index:2}
html[lang=en][data-theme=cinema] .cat-card h3{text-transform:uppercase;letter-spacing:.12em;font-size:clamp(18px,1.5vw,22px)}
html[data-theme=cinema] .row-media{aspect-ratio:16/9}
html[data-theme=cinema] .row:hover{background:linear-gradient(90deg,rgba(255,255,255,.03),transparent)}
html[data-theme=cinema] .gear-halo{top:-8%;width:62%;height:118%;aspect-ratio:auto;translate:-50% 0;border-radius:0;background:radial-gradient(ellipse 45% 70% at 50% 0,rgba(var(--gold-rgb),.2),transparent 72%)}
html[data-theme=cinema] .menu nav{align-items:center;text-align:center}
html[data-theme=cinema] .gw-frame{display:block;inset:0;border:0;z-index:1}
html[data-theme=cinema] .gw-frame i{position:absolute;inset-inline:0;width:auto;height:50%;border:0!important;background:#000;animation:letterbox 1.9s var(--ease-io) .1s forwards}
html[data-theme=cinema] .gw-frame i:first-child{top:0}html[data-theme=cinema] .gw-frame i:last-child{bottom:0;top:auto}
html[data-theme=cinema] .gw-center{z-index:3}
html[data-theme=cinema] .song-hero{padding-top:170px}
html[data-theme=cinema] .song-poster{box-shadow:0 60px 120px -30px #000,0 0 0 1px rgba(var(--gold-rgb),.12)}
html[data-theme=cinema] [data-reveal]{opacity:0;filter:none;transform:scale(1.045);transition:none}
html[data-theme=cinema] [data-reveal].shown{opacity:1;transform:none;animation:cineReveal calc(1.6s*var(--mo)) var(--ease) var(--d,0ms) both}
@keyframes cineReveal{from{opacity:0;filter:brightness(.15);transform:scale(1.045);clip-path:inset(50% 0 50% 0)}35%{opacity:1}to{opacity:1;filter:none;transform:none;clip-path:inset(-12% -12% -12% -12%)}}
html[data-theme=cinema] body.leaving #main{opacity:0;transform:none;filter:brightness(0);transition:opacity .3s ease,filter .3s ease}
html[data-theme=cinema] body.entering #main{animation:cineEnter 1.1s var(--ease) both}
@keyframes cineEnter{from{opacity:0;filter:brightness(0)}to{opacity:1;filter:none}}
@media (max-width:980px){
 html[data-theme=cinema] .hero-art{width:100%;inset-inline:0;-webkit-mask:linear-gradient(180deg,#000 30%,transparent 80%);mask:linear-gradient(180deg,#000 30%,transparent 80%)}
 html[dir=rtl][data-theme=cinema] .hero-art{-webkit-mask:linear-gradient(180deg,#000 30%,transparent 80%);mask:linear-gradient(180deg,#000 30%,transparent 80%)}
 html[data-theme=cinema] .hero-grid{text-align:start}
 html[data-theme=cinema] .hero-copy{align-items:flex-start}
 html[data-theme=cinema] .hero-cta,html[data-theme=cinema] .hero-stats{justify-content:flex-start}
 html[data-theme=cinema] .podium-rest{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
 html[data-theme=cinema] .hero{min-height:94svh;padding-bottom:70px}
 html[data-theme=cinema] .hero-art{inset-block:0 30%}
 html[data-theme=cinema] .pf-media{aspect-ratio:16/10}
 html[data-theme=cinema] .pf-body{padding:0 16px 16px}
 html[data-theme=cinema] .pf-rank{font-size:64px}
 html[data-theme=cinema] .cat-card{min-height:190px}
 html[data-theme=cinema] .pr-rank{font-size:22px}
}

/* ================= 9 · GALLERY — المعرض ================= */
html[data-theme=gallery]{--gold-rgb:187,157,104;--black:#0c0b0a;--ink:#11100e;--ink-2:#171512;--ink-3:#1e1c18;--ink-4:#292620;--shade:12,11,10;--ivory:#ece5d6;--parchment:#d3cab8;--stone:#9f9684;--ash:#6f6858;--gold-d:#8f774c;--gold:#bb9d68;--gold-l:#d6bf92;--gold-h:#ece0c6;--line:rgba(187,157,104,.18);--line-s:rgba(187,157,104,.38);--wrap:1160px}
html[data-theme=gallery] .band{padding:clamp(100px,12vw,180px) 0}
html[data-theme=gallery] .masthead.solid{background:rgba(12,11,10,.74)}
html[data-theme=gallery] .mast-logo img,html[data-theme=gallery] .masthead.solid .mast-logo img{height:32px}
html[data-theme=gallery] .mast-nav a,html[data-theme=gallery] .mast-nav .more{font-size:12.5px;letter-spacing:.06em}
html[lang=en][data-theme=gallery] .mast-nav a,html[lang=en][data-theme=gallery] .mast-nav .more{font-size:10.5px;letter-spacing:.3em}
html[data-theme=gallery] .display{font-weight:300;letter-spacing:.01em}
html[lang=en][data-theme=gallery] .display{font-weight:400;letter-spacing:.02em}
html[data-theme=gallery] .hero{padding:150px 0 110px}
html[data-theme=gallery] .hero-bg{opacity:calc((.3 - var(--sy,0)*.2)*var(--vo))}
html[data-theme=gallery] .hero-shade,html[dir=rtl][data-theme=gallery] .hero-shade{background:radial-gradient(ellipse 45% 60% at 28% 38%,rgba(var(--gold-rgb),.08),transparent 70%),linear-gradient(180deg,rgba(var(--shade),.3),transparent 50%,var(--black))}
html[dir=rtl][data-theme=gallery] .hero-shade{background:radial-gradient(ellipse 45% 60% at 72% 38%,rgba(var(--gold-rgb),.08),transparent 70%),linear-gradient(180deg,rgba(var(--shade),.3),transparent 50%,var(--black))}
html[data-theme=gallery] .hero-float{display:none}
html[data-theme=gallery] .dust{opacity:.28}
html[data-theme=gallery] .hero-grid{grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);align-items:end}
html[data-theme=gallery] .hero-art{order:-1;width:100%;max-width:500px;justify-self:end;animation-name:galArt;animation-duration:2.6s}
html[data-theme=gallery] .hero-art .arch{aspect-ratio:4/5}
html[data-theme=gallery] .hero-art .arch-frame{-webkit-mask:none;mask:none;box-shadow:0 70px 120px -60px #000}
html[data-theme=gallery] .arch-caption{bottom:-40px;text-align:start;letter-spacing:.24em;color:var(--ash)}
@keyframes galArt{from{opacity:0;filter:brightness(.2)}to{opacity:1;filter:none}}
html[data-theme=gallery] .hero-title{font-size:clamp(32px,3.5vw,56px);font-weight:300;line-height:1.3;margin-top:20px}
html[lang=en][data-theme=gallery] .hero-title{font-weight:400}
html[data-theme=gallery] .hero-intro{font-size:15px}
html[data-theme=gallery] .hero-stats{flex-direction:column;gap:0;border:0;max-width:360px;margin-top:44px}
html[data-theme=gallery] .hero-stats div{flex-direction:row;justify-content:space-between;align-items:baseline;padding:11px 0;border-top:1px solid var(--line)}
html[data-theme=gallery] .hero-stats div:last-child{border-bottom:1px solid var(--line)}
html[data-theme=gallery] .hero-stats dt{margin:0;font-size:12.5px}
html[data-theme=gallery] .hero-stats dd{font-size:19px}
html[data-theme=gallery] .band-head{align-items:center;gap:14px 26px}
html[data-theme=gallery] .band-head .display{flex:none;font-size:clamp(24px,2.4vw,36px)}
html[data-theme=gallery] .band-head::after{content:"";flex:1;min-width:40px;height:1px;background:var(--line);order:3}
html[data-theme=gallery] .band-head .more-link{order:4;border:0;padding:0;font-size:13px}
html[data-theme=gallery] .band-head.center::after{flex:none;width:60px;order:0}
html[data-theme=gallery] .band-head .eyebrow::before{width:18px}
html[data-theme=gallery] .podium{grid-template-columns:1.25fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
html[data-theme=gallery] .pf-media::after{display:none}
html[data-theme=gallery] .pf-body{margin-top:0;padding:18px 0 0;align-items:flex-start;gap:18px}
html[data-theme=gallery] .pf-rank{font:300 46px/1 var(--f-num);background:none;color:var(--gold);opacity:1}
html[data-theme=gallery] .podium-rest{display:grid;grid-template-columns:1fr 1fr;gap:36px 26px}
html[data-theme=gallery] .podium-rest li{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;border:0}
html[data-theme=gallery] .podium-rest li:hover{transform:none;background:none}
html[data-theme=gallery] .pr-media{order:0;aspect-ratio:4/3}
html[data-theme=gallery] .pr-rank{order:1;text-align:start;font-size:11px;letter-spacing:.3em;color:var(--stone)}
html[data-theme=gallery] .pr-rank::before{content:"No. "}
html[data-theme=gallery] .pr-main{order:2}
html[data-theme=gallery] .pr-views{display:none}html[data-theme=gallery] .podium-rest .row-views{display:inline-flex}
html[data-theme=gallery] .card:hover{transform:none}
html[data-theme=gallery] .card-media{aspect-ratio:4/3}
html[data-theme=gallery] .card-media img{filter:saturate(.55)}html[data-theme=gallery] .card:hover .card-media img{filter:none;transform:scale(1.03)}
html[data-theme=gallery] .card-body{padding:14px 0 0}
html[data-theme=gallery] .card-meta{border-top:1px solid var(--line);margin-top:10px}
html[data-theme=gallery] .card-label{top:auto;bottom:10px;font:400 11px/1 var(--f-num);letter-spacing:.3em}
@media (min-width:761px){html[data-theme=gallery] .rail .card:nth-child(even){margin-top:64px}html[data-theme=gallery] .grid .card:nth-child(4n+2),html[data-theme=gallery] .grid .card:nth-child(4n+4){margin-top:40px}}
html[data-theme=gallery] .cat-grid{gap:clamp(22px,3vw,44px)}
html[data-theme=gallery] .cat-card{min-height:0;padding:16px 0 0;background:transparent;gap:6px;border-top:1px solid var(--line)}
html[data-theme=gallery] .cat-card::before,html[data-theme=gallery] .cat-card>svg{display:none}
html[data-theme=gallery] .cat-card img{position:relative;inset:auto;order:-1;width:100%;height:auto;aspect-ratio:4/3;opacity:1;filter:grayscale(.85) brightness(.85);margin-bottom:14px}
html[data-theme=gallery] .cat-card:hover img{filter:none;transform:none}
html[data-theme=gallery] .cat-card h3{margin:0;font-weight:300}
html[data-theme=gallery] .cat-num{font-size:11px;letter-spacing:.3em;color:var(--stone)}
html[data-theme=gallery] .rank{font:400 13px/1 var(--f-num);letter-spacing:.2em;color:var(--stone)}
html[data-theme=gallery] .rank::before{content:"No."; display:block;font-size:9px;margin-bottom:4px;opacity:.7}
html[data-theme=gallery] .row:nth-child(-n+3) .rank{background:none;color:var(--gold)}
html[data-theme=gallery] .row{grid-template-columns:62px 150px 1fr 150px 140px;padding:22px 10px}
html[data-theme=gallery] .row-media{aspect-ratio:4/3}
html[data-theme=gallery] .page-head{text-align:start;padding-block:clamp(170px,18vw,240px) 40px}
html[data-theme=gallery] .page-head .wrap{align-items:flex-start}
html[data-theme=gallery] .page-head .display{font-size:clamp(34px,4.2vw,64px);font-weight:300}
html[data-theme=gallery] .page-head .lead{margin-inline:0}
html[data-theme=gallery] .page-head .rule{margin-inline:0;width:100%;background:var(--line)}
html[data-theme=gallery] .page-head-bg{opacity:calc(.22*var(--vo))}
html[data-theme=gallery] .manifesto-text{font-weight:300}
html[data-theme=gallery] .gear-halo{top:-12%;width:44%;height:124%;aspect-ratio:auto;translate:-50% 0;border-radius:0;background:linear-gradient(180deg,rgba(var(--gold-rgb),.13),transparent 75%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
html[data-theme=gallery] .menu nav a{font-weight:300}
html[data-theme=gallery] [data-reveal]{opacity:0;transform:scale(1.025);filter:brightness(.3) saturate(.4);transition:opacity 1.6s ease var(--d,0ms),transform 2.2s var(--ease) var(--d,0ms),filter 2.2s ease var(--d,0ms);transition-duration:calc(1.6s*var(--mo)),calc(2.2s*var(--mo)),calc(2.2s*var(--mo))}
html[data-theme=gallery] [data-reveal].shown{opacity:1;transform:none;filter:none}
html[data-theme=gallery] body.leaving #main{opacity:0;transform:none;transition:opacity .35s ease}
html[data-theme=gallery] body.entering #main{animation:galEnter 1.2s ease both}
@keyframes galEnter{from{opacity:0}}
@media (max-width:1180px){html[data-theme=gallery] .row{grid-template-columns:52px 120px 1fr 130px}}
@media (max-width:980px){
 html[data-theme=gallery] .hero-grid{grid-template-columns:1fr}
 html[data-theme=gallery] .hero-art{justify-self:center;width:min(76vw,360px)}
 html[data-theme=gallery] .hero-stats{margin-inline:auto;width:100%}
 html[data-theme=gallery] .podium{grid-template-columns:1fr}
}
@media (max-width:760px){
 html[data-theme=gallery] .band{padding:80px 0}
 html[data-theme=gallery] .hero-title{font-size:clamp(28px,8.4vw,40px)}
 html[data-theme=gallery] .row{grid-template-columns:40px 96px 1fr;padding:14px 4px}
 html[data-theme=gallery] .podium-rest{gap:22px 14px}
 html[data-theme=gallery] .band-head::after{display:none}
}

/* ================= 10 · ROYAL COURT — الديوان ================= */
html[data-theme=royal]{--gold-rgb:214,171,85;--black:#070504;--ink:#0c0906;--ink-2:#140f0a;--ink-3:#1c150e;--ink-4:#281e14;--shade:7,5,4;--ivory:#f5ead2;--parchment:#e0d2b4;--stone:#b3a283;--ash:#7e6f55;--gold-d:#a47f36;--gold:#d6ab55;--gold-l:#ecc97c;--gold-h:#f8e6b8;--line:rgba(214,171,85,.22);--line-s:rgba(214,171,85,.46)}
html[data-theme=royal] .mast-inner{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;height:auto;padding-top:16px;row-gap:8px}
html[data-theme=royal] .masthead.solid .mast-inner{height:auto;padding-top:8px;row-gap:4px}
html[data-theme=royal] .mast-logo{grid-column:2;grid-row:1}
html[data-theme=royal] .mast-logo img{height:46px}html[data-theme=royal] .masthead.solid .mast-logo img{height:34px}
html[data-theme=royal] .mast-tools{grid-column:3;grid-row:1;justify-self:end}
html[data-theme=royal] .mast-nav{grid-column:1/-1;grid-row:2;justify-content:center;padding:8px 0 10px;border-top:1px solid var(--line)}
html[data-theme=royal] .mast-nav a:not(:first-child)::before{content:"◆";position:absolute;inset-inline-start:calc(clamp(16px,2.2vw,34px)/-2 - 3px);top:50%;margin-top:-5px;font-size:6px;line-height:10px;color:var(--gold-d)}
@media (max-width:1180px){html[data-theme=royal] .mast-inner{padding:10px 0}}
html[data-theme=royal] .display,html[data-theme=royal] .gd-name,html[data-theme=royal] .page-head .display,html[data-theme=royal] .hero-title .w>span{background:var(--g-metal);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
html[lang=ar][data-theme=royal] .display,html[lang=ar][data-theme=royal] .hero-title,html[lang=ar][data-theme=royal] .gw-title,html[lang=ar][data-theme=royal] .gd-name{font-weight:700;line-height:1.45}
html[lang=en][data-theme=royal] .display{letter-spacing:.1em}
html[data-theme=royal] .eyebrow::before{content:"◆";width:auto;height:auto;background:none;font-size:7px;color:var(--gold)}
html[data-theme=royal] .eyebrow::after{content:"◆";font-size:7px;color:var(--gold)}
html[data-theme=royal] .hero{text-align:center;padding-top:190px}
html[data-theme=royal] .hero-grid{grid-template-columns:1fr;justify-items:center;gap:0}
html[data-theme=royal] .hero-copy{display:contents}
html[data-theme=royal] .hero-eyebrow{order:1}
html[data-theme=royal] .hero-title{order:2;max-width:18em;font-size:clamp(42px,5.2vw,88px);margin-top:20px}
html[data-theme=royal] .hero-art{order:3;width:min(270px,58vw);margin:30px 0 16px;position:relative}
html[data-theme=royal] .hero-art::before,html[data-theme=royal] .hero-art::after{content:"❖";position:absolute;top:46%;font-size:20px;color:var(--gold);opacity:.8}
html[data-theme=royal] .hero-art::before{left:-56px}html[data-theme=royal] .hero-art::after{right:-56px}
html[data-theme=royal] .hero-art .arch{aspect-ratio:3/4}
html[data-theme=royal] .hero .arch-caption{display:none}
html[data-theme=royal] .hero-intro{order:4;margin-inline:auto;text-align:center}
html[data-theme=royal] .hero-cta{order:5;justify-content:center}
html[data-theme=royal] .hero-stats{order:6;justify-content:center;border-top:0;max-width:none;margin-top:44px}
html[data-theme=royal] .hero-stats div{align-items:center}
html[data-theme=royal] .hero-shade,html[dir=rtl][data-theme=royal] .hero-shade{background:radial-gradient(ellipse 60% 70% at 50% 45%,rgba(var(--shade),.25),rgba(var(--shade),.85)),linear-gradient(180deg,rgba(var(--shade),.6),transparent 30%,transparent 62%,var(--black))}
html[data-theme=royal] .band-head,html[data-theme=royal] .band-head.center{flex-direction:column;align-items:center;text-align:center;gap:14px}
html[data-theme=royal] .band-head .eyebrow{flex-basis:auto}
html[data-theme=royal] .band-head::before{content:"◆";display:block;width:240px;font-size:9px;line-height:14px;text-align:center;color:var(--gold);background:linear-gradient(90deg,transparent,var(--gold-d)) left center/43% 1px no-repeat,linear-gradient(90deg,var(--gold-d),transparent) right center/43% 1px no-repeat}
html[data-theme=royal] .band-head .display{flex:none}
html[data-theme=royal] .pf-body{flex-direction:column;align-items:center;text-align:center}
html[data-theme=royal] .pr-rank,html[data-theme=royal] .rank,html[data-theme=royal] .cat-num{position:relative;display:grid;place-items:center;width:44px;height:44px;margin-inline:auto}
html[data-theme=royal] .pr-rank::before,html[data-theme=royal] .rank::before,html[data-theme=royal] .cat-num::before{content:"";position:absolute;inset:7px;border:1px solid var(--line-s);rotate:45deg}
html[data-theme=royal] .rank{font-size:18px;color:var(--gold-l)}
html[data-theme=royal] .row:nth-child(-n+3) .rank{background:none;color:var(--gold-h)}
html[data-theme=royal] .row:nth-child(-n+3) .rank::before{background:rgba(var(--gold-rgb),.12);border-color:var(--gold)}
html[data-theme=royal] .pr-rank{font-size:17px}
html[data-theme=royal] .cat-num{font-size:12px;letter-spacing:0;margin:0 auto}
@media (min-width:981px){
 html[data-theme=royal] .podium{grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:clamp(20px,3vw,40px)}
 html[data-theme=royal] .podium-first{grid-column:2;grid-row:1/3}
 html[data-theme=royal] .podium-rest{display:contents}
 html[data-theme=royal] .podium-rest li:nth-child(1){grid-column:1;grid-row:1}
 html[data-theme=royal] .podium-rest li:nth-child(2){grid-column:3;grid-row:1}
 html[data-theme=royal] .podium-rest li:nth-child(3){grid-column:1;grid-row:2}
 html[data-theme=royal] .podium-rest li:nth-child(4){grid-column:3;grid-row:2}
 html[data-theme=royal] .podium-rest li{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;border:0;padding:0}
 html[data-theme=royal] .podium-rest li:hover{transform:translateY(-4px);background:none}
 html[data-theme=royal] .pr-media{width:100%}html[data-theme=royal] .pr-main{width:100%}
 html[data-theme=royal] .pr-views{display:none}html[data-theme=royal] .podium-rest .row-views{display:inline-flex}
 html[data-theme=royal] .pr-title{white-space:normal}
}
html[data-theme=royal] .card-body{align-items:center;text-align:center}
html[data-theme=royal] .card-meta{justify-content:center;gap:16px;width:100%}
@media (min-width:1181px){
 html[data-theme=royal] .rail{padding-top:34px}
 html[data-theme=royal] .rail .card:nth-child(3){translate:0 -34px}
 html[data-theme=royal] .rail .card:nth-child(2),html[data-theme=royal] .rail .card:nth-child(4){translate:0 -14px}
}
html[data-theme=royal] .cat-card{align-items:center;text-align:center;justify-content:center;gap:12px}
html[data-theme=royal] .cat-card h3{margin:0}
html[data-theme=royal] .cat-card>svg{display:none}
html[data-theme=royal] .page-head .rule{width:240px;height:14px;background:linear-gradient(90deg,transparent,var(--gold-d)) left center/43% 1px no-repeat,linear-gradient(90deg,var(--gold-d),transparent) right center/43% 1px no-repeat;opacity:1;position:relative}
html[data-theme=royal] .page-head .rule::after{content:"◆";position:absolute;left:50%;top:0;translate:-50% 0;font-size:9px;line-height:14px;color:var(--gold)}
html[data-theme=royal] .colo-top::before{content:"❖";color:var(--gold);font-size:18px}
html[data-theme=royal] .menu nav{align-items:center;text-align:center}
html[data-theme=royal] .gw-eyebrow::before,html[data-theme=royal] .gw-eyebrow::after{content:" ◆ ";color:var(--gold-d);letter-spacing:0}
html[data-theme=royal] .gear-floor{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
html[data-theme=royal] .gd-song{border-top-color:var(--line-s);border-bottom-color:var(--line-s)}
html[data-theme=royal] [data-reveal]{opacity:0;transform:translateY(24px) scale(.94);filter:blur(5px);transition:opacity 1.4s var(--ease) var(--d,0ms),transform 1.7s var(--ease) var(--d,0ms),filter 1.4s var(--ease) var(--d,0ms);transition-duration:calc(1.4s*var(--mo)),calc(1.7s*var(--mo)),calc(1.4s*var(--mo))}
html[data-theme=royal] [data-reveal].shown{opacity:1;transform:none;filter:none}
html[data-theme=royal] body::after{content:"";position:fixed;left:0;right:0;top:50%;height:1px;background:var(--g-line);transform:scaleX(0);transition:transform .5s var(--ease-io);z-index:60;pointer-events:none}
html[data-theme=royal] body.leaving::after{transform:scaleX(1)}
html[data-theme=royal] body.leaving #main{opacity:0;transform:scale(.985)}
html[data-theme=royal] body.entering #main{animation:royEnter 1.1s var(--ease) both}
@keyframes royEnter{from{opacity:0;transform:scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@media (max-width:760px){
 html[data-theme=royal] .hero{padding-top:120px}
 html[data-theme=royal] .hero-title{font-size:clamp(34px,10vw,54px)}
 html[data-theme=royal] .hero-art::before{left:-34px}html[data-theme=royal] .hero-art::after{right:-34px}
 html[data-theme=royal] .band-head::before{width:180px}
}

/* ================= v3.2 · CLEARER VIEW COUNTS (all designs) ================= */
html .row-stat{flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;min-width:170px;text-align:end}
html .row-stat>svg{width:16px;height:16px;color:var(--gold);opacity:.8}
html .row-stat b{display:block;font:700 26px/1.05 Plex,system-ui,sans-serif;letter-spacing:0;color:var(--ivory);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
html .row-stat small{font:500 12.5px/1.2 Plex,system-ui,sans-serif;color:var(--gold-l);letter-spacing:.02em}
html .row-views{align-items:center;gap:6px;margin-top:8px;padding:5px 11px 5px 9px;border:1px solid rgba(var(--gold-rgb),.35);border-radius:30px;background:rgba(var(--gold-rgb),.09);font:700 15px/1 Plex,system-ui,sans-serif;color:var(--ivory);letter-spacing:0;width:max-content;font-variant-numeric:tabular-nums lining-nums}
html .row-views svg{width:15px;height:15px;color:var(--gold);opacity:1}
html .row-views b{font:inherit;color:inherit}
html .row-views small{font:500 11.5px/1 Plex,system-ui,sans-serif;color:var(--gold-l)}
html .pr-views{font:700 19px/1.1 Plex,system-ui,sans-serif;color:var(--ivory);font-variant-numeric:tabular-nums lining-nums}
html .pf-meta{font-size:15px;color:var(--parchment)}html .pf-meta b{font:700 24px/1.1 Plex,system-ui,sans-serif;color:var(--ivory);font-variant-numeric:tabular-nums lining-nums}
@media (min-width:761px){html .row-stat{display:flex}}
@media (max-width:760px){html .row-stat{display:none!important}html .row-views{font-size:15.5px}html .pf-meta b{font-size:21px}}

/* v3.2.1 · view counts in the site's gold identity */
html .row-stat b,html .pf-meta b,html .pr-views{background:var(--g-metal);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html .row-views,html .row-views b{color:var(--gold-l);-webkit-text-fill-color:currentColor}
html .row-views{border-color:rgba(var(--gold-rgb),.45);background:rgba(var(--gold-rgb),.08)}
html .row-stat small,html .row-views small{color:var(--gold);opacity:.9}
/* ================= v3.3 · chart movement ================= */
.rank{display:flex;flex-direction:column;align-items:center;gap:6px}
.mv{display:inline-grid;place-items:center;min-width:34px;height:20px;padding:0 6px;border-radius:10px;font:700 11px/1 Plex,system-ui,sans-serif;font-style:normal;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.mv.up{background:rgba(var(--gold-rgb),.16);color:var(--gold-l);border:1px solid rgba(var(--gold-rgb),.45)}
.mv.dn{background:rgba(200,110,95,.1);color:#d99a8c;border:1px solid rgba(200,110,95,.35)}
.mv.eq{color:var(--ash);border:1px solid var(--line)}
.mv.nw{background:var(--g-metal);color:#1a1309;border:0}
.pr-rank{display:flex;flex-direction:column;align-items:center;gap:5px}.pr-rank .mv{font-size:10px;min-width:30px;height:18px}
.mv-meta{display:block;margin-top:4px;font-size:12px;color:var(--stone)}.mv-meta b{color:var(--gold-l);font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:760px){.mv-meta{display:none}.mv{min-width:28px;height:18px;font-size:10px;padding:0 4px}}
/* v3.3 · artist profile */
.artist-photo{width:132px;height:132px;margin:0 auto 18px;border-radius:50%;padding:3px;background:var(--g-metal)}.artist-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;background:var(--black)}
.verified{display:inline-grid;place-items:center;width:.62em;height:.62em;margin-inline-start:.25em;border-radius:50%;background:var(--g-metal);color:#1a1309;font:700 .32em/1 Plex,sans-serif;vertical-align:.35em}
.artist-bio{margin:14px auto 0;text-align:center;max-width:60ch}
.artist-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.artist-links svg{width:16px;height:16px}
.claim-btn{display:block;margin:16px auto 0;font-size:13px;color:var(--stone);text-decoration:underline;text-underline-offset:4px}.claim-btn:hover{color:var(--gold-l)}
/* v3.3 · winners / hall of fame */
.winners{padding-bottom:40px}.w-round{margin:10px 0 56px}.w-round>.eyebrow{margin-bottom:22px}
.w-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.w-card{position:relative;padding:26px 22px 22px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(var(--gold-rgb),.07),transparent 55%);text-align:center}
.w-cat{display:block;font-size:13px;color:var(--gold-l);letter-spacing:.04em;margin-bottom:16px}
.w-photo{position:relative;width:132px;height:132px;margin:0 auto 16px;border-radius:50%;padding:3px;background:var(--g-metal)}.w-photo img,.w-mono{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--black);font:500 48px var(--f-display);color:var(--gold-l)}
.w-crown{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:24px;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.6)}
.w-card h3{margin:0;font:500 24px/1.3 var(--f-display);color:var(--ivory)}.w-song{margin:4px 0 0;font-size:14px;color:var(--stone)}
.w-share{display:block;margin-top:14px;font:700 34px/1 Plex,sans-serif;background:var(--g-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.w-card small{color:var(--stone);font-size:12.5px}
.w-rest{margin-top:14px;text-align:start;font-size:13.5px}.w-rest summary{cursor:pointer;color:var(--gold-l);text-align:center}.w-rest ol{margin:10px 0 0;padding:0;list-style:none}.w-rest li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);color:var(--parchment)}.w-rest em{font-style:normal;color:var(--gold-l);font-variant-numeric:tabular-nums}
.nt-eds{display:flex;gap:10px;margin-bottom:12px}.nt-eds label{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;font-size:14px;cursor:pointer}.nt-eds input{accent-color:var(--gold)}
.artist-head .facts.center{display:flex;justify-content:center;gap:56px;flex-wrap:wrap}.ig-bars i{max-width:28px}

/* v3.3.1 · winners centred */
.w-round{margin:10px 0 64px}.w-head{text-align:center;margin-bottom:30px}.w-head .eyebrow{justify-content:center}.w-head h2{margin-top:10px}
.w-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px}
.w-card{flex:0 1 300px;max-width:340px;padding:30px 24px 24px}
.w-cat{font:600 14px/1.5 var(--f-body);color:var(--gold-l);letter-spacing:0}
.w-role{margin:6px 0 0;font-size:13px;color:var(--gold)}.w-song{margin:4px 0 0;font-size:13.5px;color:var(--stone);line-height:1.6}
.w-score{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.w-score small{display:block;margin-top:4px}
.winners-band .band-head{margin-bottom:34px}.winners-band .center{margin-top:30px}
@media (max-width:600px){.w-card{flex-basis:100%;max-width:360px}}

/* ================= v3.3.1 · STRAIGHT EDGES — no circles, no rounded corners, no framed cards ================= */
html *:not(.spinner):not(.spin),html *::before,html *::after{border-radius:0!important}
/* header edition switch: two words, the active one underlined in gold (no pill) */
.ed-switch{height:auto;padding:0;border:0;background:none;gap:14px}
.ed-switch a{height:auto;padding:6px 0;background:none!important;color:var(--stone);border-bottom:1px solid transparent}
.ed-switch a.on{color:var(--gold-l)!important;border-bottom-color:var(--gold)}
.ed-switch a+a{position:relative}.ed-switch a+a::before{content:"";position:absolute;inset-inline-start:-8px;top:25%;height:50%;width:1px;background:var(--line)}
@media (max-width:760px){.ed-switch{gap:12px}.ed-switch a{padding:4px 0;font-size:12.5px}}
/* gateway choice: sharp-cornered cards */
.gw-ed i{border:0;width:auto;height:auto}
/* country filter: plain words, active underlined */
.country-bar{gap:22px;border-bottom:1px solid var(--line);padding-bottom:0;margin-bottom:22px}
.country-bar button{height:auto;padding:10px 0;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;background:none!important;color:var(--stone)}
.country-bar button.on{color:var(--gold-l)!important;border-bottom-color:var(--gold)}.country-bar button.on small{color:var(--gold)}
/* view count on phones: no pill */
html .row-views{border:0!important;background:none!important;padding:0!important}
/* chart movement: coloured marks, no chips */
.mv,.mv.up,.mv.dn,.mv.eq,.mv.nw{background:none!important;border:0!important;height:auto;min-width:0;padding:0}
.mv.up{color:var(--gold-l)}.mv.dn{color:#c98a7c}.mv.eq{color:var(--ash)}.mv.nw{color:var(--gold);letter-spacing:.06em;font-size:10px}
/* winners: sharp-cornered cards, square portrait without a ring */
.w-card{padding:26px 22px 22px}
.w-photo{border-radius:0;padding:0;background:none;width:100%;max-width:260px;height:auto;aspect-ratio:4/5}
.w-photo img,.w-mono{border-radius:0}
.w-crown{top:auto;bottom:-14px;background:var(--black);padding:0 10px}
.w-score{border-top:1px solid rgba(var(--gold-rgb),.3)}
/* artist page: square portrait, no ring; verified mark square */
.artist-photo{padding:0;background:none;width:150px;height:180px}
.verified{border-radius:0}
/* notification centre, menu and account extras: no pills */
.menu-notify{border:0;padding:0;border-bottom:1px solid var(--line)}
.nt-eds label{border:0;padding:6px 0}
.mast-tools .icon-btn,.mast-tools .lang{border:0!important;background:none}
.mast-tools .icon-btn:hover,.mast-tools .lang:hover{color:var(--gold)}
/* play mark: no frame — a gold triangle on a soft shade */
html .play-orb{border:0!important;background:rgba(5,5,4,.38);-webkit-backdrop-filter:none;backdrop-filter:none}
html [data-play]:hover .play-orb{background:var(--gold);color:var(--black)}
/* sharp-cornered cards are part of the identity: keep a thin gold hairline on the key cards */
.w-card{border:1px solid rgba(var(--gold-rgb),.28)}.gw-ed{border-color:rgba(var(--gold-rgb),.4)}
.social a,.menu-social a{border-color:rgba(var(--gold-rgb),.3)}
.artist-head .facts.center{flex-direction:row!important;flex-wrap:nowrap}.artist-head .facts.center>div{min-width:0}@media (max-width:600px){.artist-head .facts.center{gap:34px}}
/* v3.5 · history lines, artist initials */
.history{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:34px auto 10px}
.hist{border:1px solid rgba(var(--gold-rgb),.22);padding:16px 18px 10px}
.hist-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.hist-h span{color:var(--stone);font-size:13px}.hist-h b{font:700 22px/1 Plex,sans-serif;color:var(--gold-l);font-variant-numeric:tabular-nums}.hist-h small{margin-inline-start:auto;color:var(--ash);font-size:12px}
.hist-svg{width:100%;height:120px;display:block}.hist-svg path{fill:none;stroke:var(--gold);stroke-width:2.2;vector-effect:non-scaling-stroke}
.ac-mono{display:grid;place-items:center;width:100%;height:100%;font:500 64px var(--f-display);color:var(--gold-l);background:linear-gradient(160deg,rgba(var(--gold-rgb),.14),transparent)}
.vote-count{text-align:center;margin:0 0 18px;color:var(--stone);font-size:15px}.vote-count b{font:700 26px/1 Plex,sans-serif;background:var(--g-metal);-webkit-background-clip:text;background-clip:text;color:transparent;margin-inline-end:6px;font-variant-numeric:tabular-nums}
/* v3.6 · account page, artist dashboard, committee on nominee cards */
.acc{padding-block:10px 90px;display:grid;gap:44px}
.acc-head .acc-id{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.acc-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.5);font:600 26px var(--f-display);color:var(--gold-l);background:var(--card)}
.acc-id h1{margin:0}.acc-sub{margin:4px 0 0;color:var(--stone);font-size:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.acc-badge{color:var(--gold-l);font-weight:500;border:1px solid rgba(var(--gold-rgb),.4);padding:2px 10px;font-size:12.5px}
.acc-set-btn{margin-inline-start:auto}.acc-set-btn svg{width:18px;height:18px}
.acc-h{font:500 clamp(20px,2.4vw,26px) var(--f-display);margin:0 0 16px;display:flex;align-items:center;gap:12px}.acc-h::after{content:"";flex:1;height:1px;background:var(--line)}
.acc-card{border:1px solid var(--line);background:var(--card);padding:20px;box-shadow:inset 0 1px 0 rgba(var(--gold-rgb),.08)}
.acc-card h3{font:500 17px var(--f-display);margin:0 0 12px;color:var(--gold-l)}
.acc-guest{display:grid;gap:18px;justify-items:center;text-align:center;padding:36px 22px;margin-bottom:18px}.acc-guest p{color:var(--stone);max-width:44ch;margin:0}
.acc-settings{display:grid;gap:12px}.acc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.acc-settings .form{display:grid;gap:12px}.acc-settings .acct-notify{margin-top:0;border-top:0;padding-top:0}
.acc-out{justify-self:start;color:var(--stone)}
.acc-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.acc-round{position:relative;display:grid;gap:6px;padding:20px;border:1px solid var(--line);background:var(--card);color:inherit;text-decoration:none;transition:border-color .3s var(--ease)}
.acc-round:hover{border-color:rgba(var(--gold-rgb),.55)}.acc-round b{font:500 19px var(--f-display)}.acc-round small{color:var(--stone)}
.acc-go{position:absolute;inset-inline-end:16px;top:18px;color:var(--gold)}.acc-go svg{width:18px;height:18px}[dir=rtl] .acc-go svg{transform:scaleX(-1)}
.acc-status{justify-self:start;font-size:11.5px;letter-spacing:.06em;padding:3px 10px;border:1px solid var(--line);color:var(--stone)}
.acc-status.voting{border-color:rgba(var(--gold-rgb),.6);color:var(--gold-l)}.acc-status.nominations{color:var(--parchment)}
.acc-prog{display:grid;gap:6px;font-style:normal;font-size:12.5px;color:var(--stone);margin-top:4px}.acc-prog i{display:block;height:3px;background:var(--line);position:relative}.acc-prog i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--p);background:var(--g-metal)}
.acc-votes{list-style:none;margin:0;padding:0;display:grid;gap:6px}.acc-votes li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border:1px solid var(--line);background:var(--card)}.acc-votes span{color:var(--stone);font-size:13px}.acc-votes em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;color:var(--stone);font-size:12.5px}
.acc-kind summary{cursor:pointer;font:500 16px var(--f-display);color:var(--gold-l)}.acc-kind[open] summary{margin-bottom:10px}.acc-kind form{margin-top:14px}
.acc-wait{margin-bottom:12px;border-color:rgba(var(--gold-rgb),.35)}
.acc-dashes{display:grid;gap:16px}
.acc-dash{border:1px solid rgba(var(--gold-rgb),.3);background:var(--card);padding:20px;display:grid;gap:16px}
.acc-dash-top{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center}
.acc-pic img,.acc-pic span{width:96px;height:72px;object-fit:cover;display:grid;place-items:center;background:var(--black);color:var(--gold);font:600 26px var(--f-display)}
.acc-dash h3{font:500 20px var(--f-display);margin:6px 0 2px}.acc-dash-top small{display:block;color:var(--stone);font-size:13px}
.acc-stage{font-size:12.5px;padding:4px 10px;border:1px solid var(--line);color:var(--stone);font-weight:500}.acc-stage.finalist{border-color:rgba(var(--gold-rgb),.6);color:var(--gold-l)}.acc-stage.eliminated,.acc-stage.withdrawn{opacity:.7}
.acc-committee{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);background:rgba(var(--gold-rgb),.04)}
.acc-committee span{color:var(--stone);font-size:13px}.acc-committee b{font:600 26px var(--f-num,var(--f-display));color:var(--gold-l)}.acc-committee b small{font-size:13px;color:var(--stone)}.acc-committee em{font-style:normal;font-size:13px;margin-inline-start:auto}
.acc-race{display:grid;gap:12px}
.acc-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.acc-stats div{padding:14px;display:grid;gap:2px;border-inline-start:1px solid var(--line)}.acc-stats div:first-child{border-inline-start:0}
.acc-stats b{font:600 clamp(20px,3vw,28px) var(--f-num,var(--f-display));color:var(--gold-l)}.acc-stats span{font-size:12px;color:var(--stone)}
.acc-live{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--gold-l)}.acc-live i{width:8px;height:8px;background:var(--gold);animation:accPulse 1.6s infinite}
@keyframes accPulse{50%{opacity:.25}}
.acc-frozen{margin:0;font-size:13px;color:var(--stone);border-inline-start:2px solid var(--line-s);padding-inline-start:10px}
.acc-spark{display:flex;align-items:flex-end;gap:3px;height:56px;padding:6px 0;border-bottom:1px solid var(--line)}.acc-spark i{flex:1;min-width:3px;background:linear-gradient(to top,rgba(var(--gold-rgb),.35),var(--gold))}
.acc-field{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.acc-field li{position:relative;display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;isolation:isolate;font-size:14px}
.acc-field li i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--p);background:rgba(var(--gold-rgb),.1);z-index:-1}
.acc-field li.mine{outline:1px solid rgba(var(--gold-rgb),.6)}.acc-field li.mine i{background:rgba(var(--gold-rgb),.25)}.acc-field li.mine span{color:var(--gold-h)}
.acc-field em{font-style:normal;color:var(--stone);font-size:12.5px}.acc-field b{font-variant-numeric:tabular-nums}.acc-field small{color:var(--stone);min-width:46px;text-align:end}
.acc-final{margin:0;font-size:14px}.acc-final b{color:var(--gold-l);font-size:18px}
.acc-fair{margin:0;opacity:.8}
.gd-committee{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0;padding:10px 12px;border:1px solid var(--line);background:rgba(var(--gold-rgb),.04)}
.gd-committee span{font-size:12.5px;color:var(--stone)}.gd-committee b{font:600 20px var(--f-display);color:var(--gold-l)}.gd-committee b small{font-size:12px;color:var(--stone)}
.gd-committee em{font-style:normal;font-size:12.5px;margin-inline-start:auto;color:var(--gold-l)}.gd-committee em.out{color:var(--stone)}
.badge.eliminated{opacity:.65}
@media (max-width:640px){.acc-dash-top{grid-template-columns:72px 1fr}.acc-stage{grid-column:1/-1;justify-self:start}.acc-pic img,.acc-pic span{width:72px;height:54px}.acc-stats{grid-template-columns:1fr 1fr}.acc-stats div:nth-child(3){border-inline-start:0}.acc-stats div:nth-child(n+3){border-top:1px solid var(--line)}.acc-set-btn{margin-inline-start:0;width:100%}}