:root{
  --void:#050B16; --panel:#081729; --navy-deep:#0A2245;
  --gold:#C9A227; --gold-lt:#F2D98A; --gold-ink:#C9A227;
  --blue:#4A7EBB; --red:#E8514B;
  --tx1:rgba(232,228,218,.92); --tx2:rgba(232,228,218,.60); --tx3:rgba(232,228,218,.40);
  --line:rgba(201,162,39,.18); --hair:rgba(255,255,255,.08);
  --surf:rgba(255,255,255,.02); --surf2:rgba(255,255,255,.04);
  --hi:#F2D98A; --util-bg:#03070F; --nav-bg:rgba(5,11,22,.88); --foot-bg:#03070F;
  --hero-a:#0D2545; --hero-b:#050B16; --shade:#0B1A2E;
  --paper:rgba(9,20,36,.90);
  --wm-filter:grayscale(1) brightness(2.4);
  --res-bg:#050B16; --res-tx1:rgba(232,228,218,.92); --res-tx2:rgba(232,228,218,.60);
  --res-tx3:rgba(232,228,218,.40); --res-gold:#C9A227; --res-hi:#F2D98A;
  --res-line:rgba(201,162,39,.20); --res-hair:rgba(255,255,255,.08);
  --res-card:rgba(8,20,38,.86); --res-shot:.32; --ph-b:.94;
  --ustage-a:#0E2848; --ustage-b:#060E1C; --uctl-bg:rgba(5,11,22,.6);
  --res-veil:rgba(5,11,22,.72); --res-veil2:rgba(5,11,22,.88);
  --display:"Bodoni Moda","Didot",Georgia,serif;
  --ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --nav-h:74px;
}
[data-theme="milliy"]{
  --void:#F7F1E3; --panel:#FCF8EE; --navy-deep:#F0E7D3;
  --gold-ink:#8E6A0A; --gold-lt:#8E6A0A;
  --blue:#2A5A96; --red:#B5322B;
  --tx1:#2C2516; --tx2:rgba(44,37,22,.74); --tx3:rgba(44,37,22,.52);
  --line:rgba(142,106,10,.30); --hair:rgba(44,37,22,.13);
  --surf:rgba(142,106,10,.055); --surf2:rgba(201,162,39,.14);
  --hi:#8A6A0E; --util-bg:#EEE3C9; --nav-bg:rgba(247,241,227,.93); --foot-bg:#EEE3C9;
  --hero-a:#FEFBF3; --hero-b:#F0E7D3; --shade:#DFD3B4;
  --paper:rgba(252,249,241,.97);
  --res-bg:#EFE6D2; --res-tx1:#2C2516; --res-tx2:rgba(44,37,22,.74);
  --res-tx3:rgba(44,37,22,.52); --res-gold:#8E6A0A; --res-hi:#8A6A0E;
  --res-line:rgba(142,106,10,.30); --res-hair:rgba(44,37,22,.13);
  --res-card:rgba(253,250,243,.92); --res-shot:.13; --ph-b:1;
  --res-veil:rgba(239,230,210,.62); --res-veil2:rgba(239,230,210,.88);
  --ustage-a:#0E2848; --ustage-b:#060E1C; --uctl-bg:rgba(5,11,22,.6);
  --wm-filter:grayscale(1) brightness(.35);
}
[data-theme="light"]{
  --void:#F1EDE4; --panel:#F8F5ED; --navy-deep:#E4EAF2;
  --gold-ink:#8F7010; --gold-lt:#8F7010;
  --blue:#2F5C93; --red:#C93B36;
  --tx1:#0E2440; --tx2:rgba(14,36,64,.72); --tx3:rgba(14,36,64,.50);
  --line:rgba(16,58,102,.17); --hair:rgba(14,36,64,.11);
  --surf:rgba(16,58,102,.030); --surf2:rgba(201,162,39,.10);
  --hi:#103A66; --util-bg:#E8E2D5; --nav-bg:rgba(241,237,228,.90); --foot-bg:#E8E2D5;
  --hero-a:#FAF7F0; --hero-b:#E5EAF3; --shade:#D2D8E2;
  --paper:rgba(250,248,242,.97);
  --res-bg:#E1E7F0; --res-tx1:#0E2440; --res-tx2:rgba(14,36,64,.72);
  --res-tx3:rgba(14,36,64,.50); --res-gold:#8F7010; --res-hi:#103A66;
  --res-line:rgba(16,58,102,.20); --res-hair:rgba(14,36,64,.11);
  --res-card:rgba(250,248,242,.90); --res-shot:.15; --ph-b:1;
  --ustage-a:#0E2848; --ustage-b:#060E1C; --uctl-bg:rgba(5,11,22,.6);
  --res-veil:rgba(225,231,240,.58); --res-veil2:rgba(225,231,240,.85);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--void);color:var(--tx1);transition:background .35s,color .35s;font-family:var(--ui);font-weight:300;overflow-x:hidden}
::selection{background:var(--gold);color:var(--void)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--gold-lt);outline-offset:3px}
.wrap{max-width:1220px;margin:0 auto;padding:0 24px}

.naqsh{display:none}
[data-theme="milliy"] .naqsh{display:block;position:fixed;inset:0;z-index:0;
  pointer-events:none;background-image:url(/img/01-c24e387a5a.webp);background-repeat:repeat;
  background-size:360px auto;opacity:.40}
[data-theme="milliy"] section{background-color:rgba(247,241,227,.76)}
[data-theme="milliy"] .sec--panel{background:rgba(252,248,238,.84)}
[data-theme="milliy"] .sec--navy{background:rgba(240,231,211,.78)}
[data-theme="milliy"] .hero{background:radial-gradient(120% 90% at 78% 40%,
  rgba(254,251,243,.86) 0%,rgba(240,231,211,.60) 62%)}
[data-theme="milliy"] footer{background:rgba(238,227,201,.86)}
[data-theme="milliy"] .util{background:rgba(238,227,201,.90)}
[data-theme="milliy"] header.top{background:rgba(247,241,227,.90)}
main{position:relative;z-index:1}
footer{position:relative;z-index:1}
.util{position:relative;z-index:2;background:var(--util-bg);border-bottom:1px solid var(--hair);font-size:.6875rem}
.util .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:38px}
.util a{color:var(--tx2);letter-spacing:.10em;text-transform:uppercase;transition:color .2s}
.util a:hover{color:var(--gold-lt)}
.util nav{display:flex;gap:22px}
.lang{display:flex;gap:2px;align-items:center}
.theme{display:flex;gap:1px;margin-right:11px;padding-right:9px;
  border-right:1px solid var(--hair)}
.theme button{font-size:.8125rem;line-height:1;padding:4px 7px}
.lang button{background:none;border:1px solid transparent;color:var(--tx2);
  font:inherit;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;cursor:pointer;
  transition:.2s}
.lang button:hover{color:var(--tx1)}
.lang button.on{color:var(--gold);border-color:var(--line)}

.topbar{position:sticky;top:0;z-index:60}
header.top{background:var(--nav-bg);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:20px;height:var(--nav-h)}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.brand img{width:42px;height:42px}
.brand .tx b{display:block;font-family:var(--display);font-weight:500;font-size:.9375rem;
  letter-spacing:.13em;line-height:1.15}
.brand .tx span{display:block;font-size:.5625rem;letter-spacing:.20em;text-transform:uppercase;
  color:var(--tx2);margin-top:3px}
.mainnav{margin-left:auto;display:flex;gap:24px;align-items:center}
.mainnav a{font-size:.75rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--tx2);padding:6px 0;border-bottom:1px solid transparent;transition:.22s}
.mainnav a:hover{color:var(--gold-lt);border-color:var(--gold)}
.navcta{background:var(--gold);color:#08111F!important;padding:11px 18px;border:0!important;
  font-weight:500;border-radius:2px}
.navcta:hover{background:var(--gold-lt)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);
  color:var(--tx1);width:42px;height:38px;font-size:1.1rem;cursor:pointer;border-radius:2px}
#menu{display:none;border-top:1px solid var(--line);background:var(--util-bg)}
#menu.open{display:block}
#menu a{display:block;padding:14px 24px;font-size:.8125rem;letter-spacing:.10em;
  text-transform:uppercase;border-bottom:1px solid var(--hair)}

.hero{position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 78% 40%,var(--hero-a) 0%,var(--hero-b) 62%)}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
  min-height:calc(100svh - var(--nav-h) - 38px);padding-top:52px;padding-bottom:52px}
.eyebrow{font-size:.625rem;letter-spacing:.28em;text-transform:uppercase;font-weight:500;
  color:var(--gold-ink);display:flex;align-items:center;gap:13px}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;flex-shrink:0}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.3vw,3.5rem);
  line-height:1.09;letter-spacing:-.015em;margin:24px 0 22px;max-width:17ch}
.sum{font-size:1rem;line-height:1.78;color:var(--tx2);max-width:48ch}
.when{margin-top:26px;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{font-size:.75rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;
  padding:15px 26px;border-radius:2px;transition:.26s;display:inline-block;
  background:none;border:1px solid transparent;font-family:inherit;cursor:pointer}
.btn--solid{background:var(--gold);color:#08111F;border-color:var(--gold)}
.btn--solid:hover{background:var(--gold-lt);border-color:var(--gold-lt)}
.btn--ghost{border-color:rgba(201,162,39,.55);color:var(--gold-ink)}
.btn--ghost:hover{border-color:var(--gold);background:rgba(201,162,39,.08)}

.stagewrap{position:relative;aspect-ratio:1/1;max-height:64svh;justify-self:center;width:100%}
#stage{position:absolute;inset:0;z-index:0;pointer-events:none}
#stage canvas{display:block;width:100%;height:100%}
.ring{position:absolute;inset:8%;pointer-events:none}
.ring circle{fill:none;stroke:var(--gold);stroke-width:.3;opacity:.42;stroke-dasharray:314;
  stroke-dashoffset:314;transform:rotate(-90deg);transform-origin:50% 50%;
  animation:draw 2.8s cubic-bezier(.22,.9,.24,1) .45s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.fallback{display:none;position:absolute;inset:12%;background:center/contain no-repeat;
  filter:drop-shadow(0 0 60px rgba(201,162,39,.35))}
.no-webgl #stage{display:none}
.no-webgl .fallback{display:block}

section{padding:clamp(70px,8vw,112px) 0;border-top:1px solid var(--line)}
.sec--panel{background:var(--panel)}
.sec--navy{background:var(--navy-deep)}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;
  margin-bottom:clamp(32px,4vw,52px);flex-wrap:wrap}
.head h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3.7vw,2.85rem);
  line-height:1.1;margin-top:16px;letter-spacing:-.01em}
.more{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);
  border-bottom:1px solid var(--line);padding-bottom:5px}
.more:hover{border-color:var(--gold)}

.news{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line)}
.news article{background:var(--panel);transition:.3s;display:flex;flex-direction:column}
.news .ph{aspect-ratio:16/9;background:var(--shade) center/cover no-repeat;
  filter:saturate(.95) brightness(var(--ph-b));transition:.45s}
.news article:hover .ph{filter:saturate(1.05) brightness(1);transform:scale(1.012)}
.news .bd{padding:26px 24px 30px}
.news article:hover{background:rgba(201,162,39,.05)}
.news time{font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tx3)}
.news h3{font-family:var(--display);font-weight:400;font-size:1.26rem;line-height:1.28;margin:14px 0 12px}
.news p{font-size:.875rem;line-height:1.7;color:var(--tx2)}

.events{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.ev{background:var(--navy-deep);display:grid;grid-template-columns:158px 1fr auto;gap:26px;
  align-items:center;padding:26px 28px}
.ev .date{font-family:var(--display);font-size:1.3rem;color:var(--hi);line-height:1.25}
.ev .date small{display:block;font-family:var(--ui);font-size:.625rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--tx3);margin-top:6px}
.ev h3{font-family:var(--display);font-weight:400;font-size:1.32rem;margin-bottom:8px}
.ev p{font-size:.8125rem;letter-spacing:.05em;color:var(--tx2)}
.tag{font-size:.5625rem;letter-spacing:.20em;text-transform:uppercase;padding:6px 12px;
  border:1px solid var(--line);color:var(--gold-ink);white-space:nowrap}
.tag--done{color:var(--tx3);border-color:var(--hair)}
.tag--prov{color:var(--blue);border-color:rgba(74,126,187,.4)}

.hide{display:none!important}
.newshero{padding:clamp(56px,8vw,104px) 0 clamp(34px,5vw,56px);border-bottom:1px solid var(--line)}
.newshero h1{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.4vw,3.1rem);
  line-height:1.12;margin-top:18px;max-width:20ch;letter-spacing:-.01em}
.artgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line)}
.art{background:var(--panel);display:flex;flex-direction:column;transition:.3s}
.art:hover{background:var(--surf2)}
.art .ph{aspect-ratio:16/9;background:var(--shade) center/cover no-repeat;
  filter:saturate(.95) brightness(var(--ph-b));transition:.4s}
.art:hover .ph{filter:none}
.art .bd{padding:26px 24px 32px}
.kick{display:block;font-size:.5625rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-ink);margin-bottom:13px}
.art h3{font-family:var(--display);font-weight:400;font-size:1.32rem;line-height:1.26;margin-bottom:11px}
.art p{font-size:.875rem;line-height:1.7;color:var(--tx2)}
.wrap.narrow{max-width:760px}
.post .wrap.narrow{background:var(--paper);border:1px solid var(--line);
  padding:clamp(26px,4.5vw,54px);box-shadow:0 1px 40px rgba(0,0,0,.05)}
.newshero .wrap,.artgrid,.calwrap,.months,.pathway{position:relative}
.pull{margin:0 0 30px;padding:4px 0 4px 24px;border-left:3px solid var(--gold)}
.pull p{font-family:var(--display);font-size:1.3rem;line-height:1.5;font-style:italic;
  color:var(--tx1);margin-bottom:12px}
.pull cite{font-style:normal;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-ink)}
.pgal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 26px}
.pgal3{grid-template-columns:repeat(3,1fr)}
.pgal3 div{aspect-ratio:3/4!important}
.pgal div{aspect-ratio:16/9;background:var(--shade) center/cover no-repeat;border:1px solid var(--line)}
@media (max-width:600px){ .pgal{grid-template-columns:1fr} }
.post{padding:clamp(40px,6vw,72px) 0 clamp(56px,8vw,96px)}
.post h1{font-family:var(--display);font-weight:400;font-size:clamp(1.85rem,4.2vw,2.9rem);
  line-height:1.13;letter-spacing:-.01em;margin-bottom:16px}
.post time{display:block;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:32px}
.phero{aspect-ratio:16/9;background:var(--shade) center/cover no-repeat;margin-bottom:36px;
  border:1px solid var(--line)}
.post p{font-size:1.0625rem;line-height:1.82;color:var(--tx2);margin-bottom:22px}
.post p:first-of-type{font-size:1.1875rem;color:var(--tx1);line-height:1.7}
.back{display:inline-block;font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-ink);margin-bottom:28px}
.back:hover{color:var(--tx1)}
.back.bot{margin:22px 0 0}
.calhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  flex-wrap:wrap;margin:44px 0 20px}
.caltabs{display:flex;gap:8px}
.caltabs button{font-family:inherit;font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;
  padding:11px 18px;background:none;border:1px solid var(--line);color:var(--tx2);
  cursor:pointer;border-radius:2px;transition:.22s}
.caltabs button:hover{color:var(--tx1);border-color:rgba(201,162,39,.5)}
.caltabs button.on{background:var(--gold);border-color:var(--gold);color:#08111F;font-weight:500}
.calsrc{font-size:.6875rem;letter-spacing:.08em;color:var(--tx3);max-width:52ch}
.pathway{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 40px}
.pstep{display:flex;align-items:center;gap:11px;padding:13px 18px;border:1px solid var(--line);
  border-radius:2px;background:var(--surf);font-size:.8125rem;color:var(--tx2)}
.pstep i{font-style:normal;font-family:var(--display);font-size:1.1rem;color:var(--gold-ink)}
.pathway .pstep:not(:last-child)::after{content:"\2192";margin-left:6px;color:var(--gold-ink);opacity:.7}
.calyr.hide{display:none}
.months{list-style:none;border-top:1px solid var(--line)}
.months li{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:baseline;
  padding:16px 0;border-bottom:1px solid var(--hair)}
.months li.big{background:var(--surf)}
.mname{font-family:var(--display);font-size:1.15rem;color:var(--tx1);padding-left:14px}
.months li.big .mname{color:var(--gold-ink)}
.mev{display:flex;flex-wrap:wrap;gap:8px 10px;padding-right:14px}
.mev span{display:inline-flex;align-items:baseline;gap:8px;font-size:.8125rem;
  padding:7px 11px;border-radius:2px}
.mev span b{font-weight:600;letter-spacing:.04em;white-space:nowrap}
.mev .mj{border:1px solid var(--line)}
.mev .mj.k-wch{background:var(--gold);color:#08111F;border-color:var(--gold)}
.mev .mj.k-wc{border-color:var(--gold);color:var(--gold-ink)}
.mev .mj.k-cch{background:var(--blue);color:#fff;border-color:var(--blue)}
.mev .mj.k-cc{border-color:var(--blue);color:var(--blue)}
.mev .mn{color:var(--tx3);font-size:.75rem;padding:7px 0}
.calraw{margin-top:22px}
.calraw summary{cursor:pointer;font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-ink);padding:12px 0;list-style-position:inside}
.calraw summary:hover{color:var(--tx1)}
.calwrap{overflow-x:auto;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.calwrap table{border-collapse:collapse;width:100%;min-width:660px}
.calwrap th,.calwrap td{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);
  text-align:center;padding:0}
.calwrap thead th{font-size:.625rem;letter-spacing:.1em;color:var(--tx3);font-weight:500;
  padding:12px 2px;background:var(--surf)}
.calwrap tbody th{font-family:var(--display);font-weight:400;font-size:1rem;color:var(--tx1);
  padding:0 16px;text-align:left;white-space:nowrap;background:var(--surf);
  position:sticky;left:0;z-index:1;border-right:1px solid var(--line)}
.calwrap td{padding:9px 4px}
.calwrap td i{font-style:normal;color:var(--tx3);opacity:.5}
.calwrap td span{display:inline-block;font-size:.5625rem;letter-spacing:.08em;font-weight:500;
  padding:6px 7px;border-radius:2px;white-space:nowrap;position:relative}
.calwrap td span b{font-size:.5rem;margin-left:3px;font-weight:400;vertical-align:top}
.k-wch{background:var(--gold);color:#08111F}
.k-wc{border:1px solid var(--gold);color:var(--gold-ink)}
.k-cch{background:var(--blue);color:#fff}
.k-cc{border:1px solid var(--blue);color:var(--blue)}
.k-it{color:var(--tx3);border:1px solid var(--hair)}
.callegend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px}
.lg{display:flex;align-items:center;gap:9px;font-size:.75rem;color:var(--tx2)}
.lg i{font-style:normal;font-size:.5625rem;letter-spacing:.08em;font-weight:500;
  padding:5px 7px;border-radius:2px;min-width:38px;text-align:center}
.calnotes{margin-top:26px;padding-left:20px;max-width:82ch}
.calnotes li{font-size:.8125rem;line-height:1.7;color:var(--tx2);padding:5px 0}
.calnotes li::marker{color:var(--gold-ink)}
@media (max-width:700px){
  .months li{grid-template-columns:1fr;gap:9px;padding:15px 14px}
  .mname{padding-left:0}
  .mev{padding-right:0}
  .pstep{flex:1;min-width:150px}
  .pathway .pstep:not(:last-child)::after{content:none}
}
@media (max-width:560px){ .calwrap td span{font-size:.5rem;padding:5px 5px} }
.disc{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:20px}
.dc{border:1px solid var(--line);padding:34px 28px 38px;position:relative;transition:.3s;
  background:var(--surf)}
.dc::before{content:"";position:absolute;top:-1px;left:-1px;width:56px;height:3px}
.dc--blue::before{background:var(--blue)}
.dc--red::before{background:var(--red)}
.dc--gold::before{background:var(--gold)}
.dc:hover{transform:translateY(-3px);background:var(--surf2);border-color:rgba(201,162,39,.42)}
.dc h3{font-family:var(--display);font-weight:400;font-size:1.7rem;margin:16px 0 12px}
.dc p{font-size:.9375rem;line-height:1.72;color:var(--tx2)}
.dc ul{list-style:none;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.dc li{font-size:.75rem;letter-spacing:.07em;color:var(--tx2);padding:6px 0}
.dc li b{color:var(--tx1);font-weight:500}

/* ---------- results / roll of honour ---------- */
#results{position:relative;overflow:hidden;background:var(--res-bg);color:var(--res-tx1);
  --tx1:var(--res-tx1); --tx2:var(--res-tx2); --tx3:var(--res-tx3);
  --gold-ink:var(--res-gold); --hi:var(--res-hi);
  --line:var(--res-line); --hair:var(--res-hair)}
#results .bg{position:absolute;inset:0;background-position:center 26%;
  background-size:cover;background-repeat:no-repeat;opacity:var(--res-shot);filter:saturate(.55)}
#results .bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--res-veil) 0%,var(--res-veil2) 45%,var(--res-bg) 100%)}
#results::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;
  background-image:linear-gradient(rgba(201,162,39,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,162,39,.5) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);
  mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
#results::after{content:"";position:absolute;right:-8%;top:12%;width:min(62vw,640px);
  aspect-ratio:1;background:var(--wm) center/contain no-repeat;opacity:.055;pointer-events:none;
  filter:var(--wm-filter)}
.pd{backdrop-filter:blur(2px)}
#results .wrap{position:relative;z-index:1}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.tabs button{font-family:inherit;font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;
  padding:12px 18px;background:none;border:1px solid var(--line);color:var(--tx2);
  cursor:pointer;transition:.24s;border-radius:2px}
.tabs button:hover{color:var(--tx1);border-color:rgba(201,162,39,.45)}
.tabs button.on{background:var(--gold);border-color:var(--gold);color:#08111F;font-weight:500}
.podium{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line)}
.pd{background:var(--res-card);padding:24px 22px 26px;position:relative;transition:.28s;
  display:flex;flex-direction:column;gap:11px;min-height:150px}
.pd:hover{background:rgba(201,162,39,.07)}
.pd .kg{font-family:var(--display);font-size:2.1rem;line-height:1;color:var(--gold-lt);
  font-variant-numeric:tabular-nums}
.pd .kg sub{font-family:var(--ui);font-size:.5625rem;letter-spacing:.2em;vertical-align:middle;
  color:var(--tx3);margin-left:6px;bottom:0}
.pd .nm{font-size:.9375rem;line-height:1.45;color:var(--tx1);margin-top:auto}
.pd .cc{font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tx3)}
.resnote{margin-top:26px;font-size:.75rem;letter-spacing:.08em;color:var(--tx3)}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:34px}
.stat b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,4.8vw,3.2rem);
  color:var(--hi);line-height:1;font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:12px;font-size:.6875rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tx2);line-height:1.65}

.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:44px}
.lbl{font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-ink);
  padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.who{display:flex;justify-content:space-between;gap:16px;padding:13px 0;
  border-bottom:1px solid var(--hair);font-size:.9375rem}
.who i{font-style:normal;font-size:.625rem;letter-spacing:.14em;color:var(--tx3);align-self:center}
.who em{font-style:normal;color:var(--tx1)}
.who em small{display:block;font-size:.6875rem;letter-spacing:.06em;color:var(--tx3);margin-top:3px}

.fed{display:grid;grid-template-columns:repeat(auto-fit,minmax(206px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line)}
.fed div{background:var(--void);padding:24px 22px;position:relative}
.fed div.pend{background:var(--surf)}
.fed b{display:block;font-family:var(--display);font-weight:400;font-size:1.12rem;margin-bottom:8px}
.fed span{font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.fed .dot{position:absolute;top:24px;right:22px;width:6px;height:6px;border-radius:50%;background:var(--gold-ink)}
.fed .pend .dot{background:none;border:1px solid var(--tx3)}
.legend{display:flex;gap:26px;margin-top:22px;font-size:.625rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tx3);flex-wrap:wrap}
.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold-ink);
  margin-right:8px;vertical-align:middle}
.legend i.o{background:none;border:1px solid var(--tx3)}

.ref{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:16px}
.rf{border:1px solid var(--line);padding:26px 22px 28px;transition:.28s}
.rf:hover{border-color:var(--gold);background:rgba(201,162,39,.05)}
.rf b{display:block;font-family:var(--display);font-weight:400;font-size:1.28rem;margin-bottom:10px}
.rf span{font-size:.8125rem;line-height:1.65;color:var(--tx2);display:block}
.rf u{display:block;margin-top:16px;text-decoration:none;font-size:.5625rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-ink)}

.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:10px}
.gal a{background:var(--shade) center/cover no-repeat;position:relative;overflow:hidden;
  transition:.4s;filter:saturate(.92)}
.gal a:hover{filter:saturate(1.1) brightness(1.06)}
.gal a::after{content:"";position:absolute;inset:0;border:1px solid rgba(201,162,39,0);transition:.3s}
.gal a:hover::after{border-color:rgba(201,162,39,.55)}
.g-a{grid-column:span 2;grid-row:span 2}
.g-b{grid-column:span 1;grid-row:span 2}
.g-c{grid-column:span 2;grid-row:span 1}
.refph{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:34px}
.refph div{aspect-ratio:3/2;background:var(--shade) center/cover no-repeat;filter:saturate(.9)}
.tv{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:20px}
.vd{border:1px solid var(--line);overflow:hidden;transition:.3s;background:var(--surf)}
.vd:hover{border-color:rgba(201,162,39,.5);transform:translateY(-3px)}
.vd .th{aspect-ratio:16/9;background:var(--shade) center/cover no-repeat;position:relative}
.vd .th::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;
  font-size:1.5rem;color:rgba(255,255,255,.9);text-shadow:0 2px 20px rgba(0,0,0,.7)}
.vd .bd{padding:20px 22px 24px}
.vd b{display:block;font-family:var(--display);font-weight:400;font-size:1.15rem;margin-bottom:8px}
.vd span{font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3)}
.live{display:grid;place-items:center;text-align:center;padding:44px 22px;
  border:1px dashed var(--hair)}
.live b{display:block;font-family:var(--display);font-size:1.3rem;margin-bottom:10px}
.live span{font-size:.75rem;color:var(--tx2);line-height:1.7}

.ugrid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:start}
.ustage{position:relative;aspect-ratio:4/5;border:1px solid var(--line);overflow:hidden;
  background:radial-gradient(120% 90% at 50% 18%,var(--ustage-a) 0%,var(--ustage-b) 70%)}
#ustage{position:absolute;inset:0;cursor:grab}
#ustage:active{cursor:grabbing}
.umode{position:absolute;top:14px;left:14px;z-index:3;display:flex;gap:6px}
.umode button{font-family:inherit;font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;
  padding:9px 14px;background:rgba(5,11,22,.62);border:1px solid var(--line);
  color:rgba(232,228,218,.6);cursor:pointer;border-radius:2px;transition:.22s;
  backdrop-filter:blur(6px)}
.umode button.on{background:var(--gold);border-color:var(--gold);color:#08111F;font-weight:500}
.ucolor{position:absolute;top:14px;right:14px;z-index:3;display:flex;gap:6px}
.ucolor button{font-family:inherit;font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;
  padding:9px 13px;background:rgba(5,11,22,.62);border:1px solid var(--line);
  color:rgba(232,228,218,.6);cursor:pointer;border-radius:2px;transition:.22s;backdrop-filter:blur(6px)}
.ucolor button[data-c="red"].on{background:#C2202A;border-color:#C2202A;color:#fff}
.ucolor button[data-c="blue"].on{background:#1B3FA8;border-color:#1B3FA8;color:#fff}
.uwear{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;
  display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.uwear button{font-family:inherit;font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;
  padding:9px 11px;background:rgba(5,11,22,.62);border:1px solid var(--line);
  color:rgba(232,228,218,.55);cursor:pointer;border-radius:2px;transition:.2s;
  backdrop-filter:blur(6px);position:relative;padding-left:24px}
.uwear button::before{content:"";position:absolute;left:9px;top:50%;margin-top:-4px;
  width:8px;height:8px;border:1px solid rgba(232,228,218,.4);border-radius:1px}
.uwear button.on{color:#F2D98A;border-color:rgba(201,162,39,.6)}
.uwear button.on::before{background:var(--gold);border-color:var(--gold)}
.uctl{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:7px}
.uctl button{font-family:inherit;font-size:.625rem;letter-spacing:.13em;text-transform:uppercase;
  padding:10px 13px;background:var(--uctl-bg);border:1px solid var(--line);color:var(--tx2);
  cursor:pointer;transition:.22s;border-radius:2px;backdrop-filter:blur(6px)}
.uctl button:hover{color:var(--tx1);border-color:rgba(201,162,39,.5)}
.uctl button.on{background:var(--gold);border-color:var(--gold);color:#08111F;font-weight:500}
.uhint{position:absolute;top:52px;right:16px;font-size:.5625rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--tx3)}
.uparts{display:flex;flex-direction:column;gap:1px;background:var(--line);
  border:1px solid var(--line)}
.upart{font-family:inherit;text-align:left;background:var(--panel);border:0;cursor:pointer;
  padding:17px 20px 19px;transition:.24s;display:block;width:100%;border-left:3px solid transparent}
.upart:hover{background:var(--surf2)}
.upart.on{border-left-color:var(--gold);background:var(--surf2)}
.upart b{display:block;font-family:var(--display);font-weight:400;font-size:1.12rem;
  color:var(--tx1);margin-bottom:6px}
.upart b em{font-style:normal;font-family:var(--ui);font-size:.5625rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-ink);margin-left:10px;vertical-align:middle}
.upart span{display:block;font-size:.8125rem;line-height:1.62;color:var(--tx2)}
@media (max-width:900px){ .ugrid{grid-template-columns:1fr} .ustage{aspect-ratio:1/1;max-height:70svh} }

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);margin-bottom:44px}
.step{background:var(--panel);padding:26px 22px 30px}
.step i{font-style:normal;font-family:var(--display);font-size:1.6rem;color:var(--gold-ink);
  display:block;margin-bottom:14px;font-variant-numeric:tabular-nums}
.step b{display:block;font-family:var(--display);font-weight:400;font-size:1.14rem;margin-bottom:9px}
.step span{font-size:.8125rem;line-height:1.66;color:var(--tx2)}
.check{list-style:none}
.check li{position:relative;padding:11px 0 11px 26px;font-size:.9375rem;line-height:1.55;
  border-bottom:1px solid var(--hair);color:var(--tx2)}
.check li::before{content:"";position:absolute;left:0;top:18px;width:9px;height:9px;
  border:1px solid var(--gold-ink)}
.check li b{color:var(--tx1);font-weight:500}
.feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.post{border:1px solid var(--line);background:var(--surf);overflow:hidden;transition:.3s}
.post:hover{border-color:rgba(201,162,39,.5);transform:translateY(-3px)}
.post .pi{aspect-ratio:1/1;background:var(--shade) center/cover no-repeat}
.post .pt{padding:18px 20px 22px;font-size:.875rem;line-height:1.65;color:var(--tx2)}
.instagram-media{margin:0!important;min-width:0!important}
.follow{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(226px,1fr));gap:16px}
.doc{border:1px solid var(--line);padding:26px 22px 28px;transition:.28s}
.doc:hover{border-color:var(--gold);background:rgba(201,162,39,.055)}
.doc b{display:block;font-family:var(--display);font-weight:400;font-size:1.18rem;margin-bottom:10px}
.doc span{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2)}
.doc u{display:block;margin-top:18px;text-decoration:none;font-size:.5625rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-ink)}

.cta{text-align:center}
.cta h2{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.3vw,3rem);
  line-height:1.1;margin:18px 0 20px}
.cta p{font-size:1rem;line-height:1.78;color:var(--tx2);max-width:56ch;margin:0 auto 34px}
.cta .eyebrow{justify-content:center}

footer{background:var(--foot-bg);padding:64px 0 40px;border-top:1px solid var(--line);font-size:.875rem}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px}
.fgrid p{color:var(--tx2);line-height:1.85}
.fgrid a{color:var(--tx2)}
.fgrid a:hover{color:var(--gold-lt)}
.fnav{display:flex;flex-direction:column;gap:11px;font-size:.8125rem}
.fbot{margin-top:52px;padding-top:24px;border-top:1px solid var(--hair);
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:.625rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}

.reveal{opacity:0;transform:translateY(22px);
  transition:opacity .8s cubic-bezier(.16,.84,.28,1),transform .8s cubic-bezier(.16,.84,.28,1)}
.reveal.in{opacity:1;transform:none}

@media (max-width:1080px){ .mainnav{gap:16px} .mainnav a{font-size:.6875rem} }
@media (max-width:980px){
  .mainnav{display:none} .burger{display:block}
  .hero .wrap{grid-template-columns:1fr;gap:8px;min-height:0;padding-top:24px}
  .stagewrap{order:-1;max-width:400px;max-height:42svh}
  .ev{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  .ev .tag{justify-self:start}
  .fgrid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:760px){
  .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:118px}
  .g-a{grid-column:span 2;grid-row:span 2}
  .g-b{grid-column:span 1;grid-row:span 2}
  .g-c{grid-column:span 2;grid-row:span 1}
  .refph{grid-template-columns:1fr}
}
@media (max-width:560px){
  :root{--nav-h:60px}
  .util .wrap{height:34px}
  .wrap{padding:0 18px}
  .util nav a:nth-child(n+2){display:none}
  .lang button{padding:4px 5px;font-size:.625rem}
  .theme{margin-right:6px;padding-right:5px}
  .acts{width:100%} .btn{flex:1;text-align:center;padding:14px 12px}
  .podium{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .pd{min-height:132px;padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}


/* ---------- hujjat kartochkasi: fayl yuklanmagan holat ---------- */
.doc--pending { opacity: .55; cursor: default; }
.doc--pending u { text-decoration: none; }
.doc--pending:hover { transform: none; }
#results { background: var(--panel); }
#results .lede { max-width: 60ch; color: var(--tx2); font-size: .95rem; line-height: 1.7; }

/* ---------- alohida maqola sahifasi ---------- */
.article-page .util .lang { display: flex; gap: 10px; }
.article-page .util .lang a {
  text-decoration: none; color: var(--tx3); font-size: .7rem;
  letter-spacing: .1em; padding: 2px 4px;
}
.article-page .util .lang a.on { color: var(--gold-ink); border: 1px solid var(--line); }
.article-page .util .lang a:hover { color: var(--tx1); }
.article-page main { position: relative; z-index: 1; }
.article-page .top .wrap { min-height: 74px; display: flex; align-items: center; }
.article-page footer .fbot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

/* ============================================================
   Formalar — mavjud rang tokenlaridan foydalanadi
   ============================================================ */
#join, #submit-news { background: var(--panel); }
.itfform { margin-top: 32px; max-width: 860px; }
.itfform .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.fgrid2 {
  display: grid; gap: 18px 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 720px) { .fgrid2 { grid-template-columns: 1fr; } }

.itfform .f { margin: 0; position: relative; }
.itfform .f:has(textarea) { grid-column: 1 / -1; }

.itfform label {
  display: block; margin-bottom: 7px;
  font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--tx2); font-weight: 500;
}
.itfform abbr {
  position: absolute; top: 0; left: -10px;
  color: var(--gold-ink); text-decoration: none; border: 0; font-size: .8rem;
}
.itfform input, .itfform textarea {
  width: 100%; box-sizing: border-box;
  font-family: var(--ui); font-size: .95rem; color: var(--tx1);
  background: var(--surf); border: 1px solid var(--hair);
  padding: 11px 13px; border-radius: 0; -webkit-appearance: none;
  transition: border-color .18s ease, background .18s ease;
}
.itfform textarea { resize: vertical; min-height: 96px; line-height: 1.6; }
.itfform input::placeholder, .itfform textarea::placeholder { color: var(--tx3); }
.itfform input:focus, .itfform textarea:focus {
  outline: none; border-color: var(--gold); background: var(--surf2);
}
.itfform input:invalid:not(:placeholder-shown) { border-color: var(--red); }

.factions {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  margin: 26px 0 0;
}
.itfform button[type=submit] { cursor: pointer; font-family: var(--ui); }
.itfform button[disabled] { opacity: .55; cursor: default; }

.fstatus { font-size: .85rem; color: var(--tx2); }
.fstatus.ok  { color: var(--gold-ink); font-weight: 500; }
.fstatus.err { color: var(--red); }

.fnote {
  margin: 16px 0 0; max-width: 62ch;
  font-size: .82rem; line-height: 1.7; color: var(--tx3);
}
.itfform.sent .fgrid2, .itfform.sent .factions button { display: none; }
.cf-turnstile { margin-top: 22px; }
.cf-turnstile:empty { margin: 0; }

/* ---------- huquqiy sahifa ---------- */
.post.legal .wrap { padding-bottom: 40px; }
.post.legal h2 {
  font-family: var(--display); font-weight: 500;
  font-size: 1.15rem; margin: 38px 0 10px; color: var(--tx1);
}
.post.legal h2:first-of-type { margin-top: 32px; }
.post.legal p { color: var(--tx2); line-height: 1.85; }