:root{
  --green-950:#04211A; --green-900:#0B3D2E; --green-800:#11533F; --green-700:#186A50;
  --gold:#C9A227; --gold-deep:#A8851B; --gold-light:#E8CE7A;
  --cream:#FBFAF5; --paper:#FFFFFF; --ink:#1C2521; --ink-soft:#3d4a45; --muted:#5C6B64;
  --line:#E4E2D6; --danger:#B3372B;
  --shadow:0 10px 30px rgba(4,33,26,.10);
  --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Public Sans',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:16px}
h1,h2,h3,.display{font-family:'Cormorant Garamond',Georgia,serif}
img{max-width:100%;display:block}
a{color:var(--green-800)}
button{font-family:inherit;cursor:pointer}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--green-950);padding:.6rem 1rem;z-index:999;font-weight:700}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}

/* ── Top bar ─────────────────────────── */
.topbar{background:var(--green-950);color:#CFE0D8;font-size:.82rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.45rem;padding-bottom:.45rem;flex-wrap:wrap}
.topbar a{color:var(--gold-light);text-decoration:none}
.topbar span{display:inline-flex;align-items:center;gap:.4rem}

/* ── Header / Nav ─────────────────────── */
header.site{background:linear-gradient(180deg,var(--green-900),var(--green-800));color:#fff;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:60;box-shadow:0 4px 18px rgba(4,33,26,.35)}
.brandrow{display:flex;align-items:center;gap:14px;padding:.7rem 0}
.brandrow img{width:58px;height:58px;border-radius:50%;background:#fff;padding:2px;box-shadow:0 0 0 2px var(--gold)}
.brand h1{font-size:1.32rem;line-height:1.15;font-weight:700;letter-spacing:.2px}
.brand small{display:block;font-family:'Public Sans';font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);font-weight:600;margin-top:2px}
nav.main{display:flex;flex-wrap:nowrap;gap:2px;padding-bottom:.55rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:calc(100vw - 44px);max-width:1560px;margin-left:calc(50% - min(50vw - 22px,780px))}nav.main::-webkit-scrollbar{display:none}
nav.main a{color:#E7F0EB;text-decoration:none;font-size:clamp(.78rem,1vw,.9rem);font-weight:600;padding:.5rem clamp(.45rem,.8vw,.85rem);border-radius:8px;transition:background .18s,color .18s;white-space:nowrap;flex:0 0 auto}
nav.main a:hover{background:rgba(255,255,255,.12)}
nav.main a.active{background:var(--gold);color:var(--green-950)}
.navdd{position:relative;flex:0 0 auto}
.navddbtn{background:none;border:0;color:#E7F0EB;font:inherit;font-size:clamp(.78rem,1vw,.9rem);font-weight:600;padding:.5rem clamp(.45rem,.8vw,.85rem);border-radius:8px;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}
.navddbtn:hover,.navddbtn.open{background:rgba(201,162,39,.22);color:var(--gold-light)}
.navddmenu{display:none;position:fixed;top:0;left:0;min-width:230px;max-width:min(92vw,340px);max-height:70vh;overflow-y:auto;background:var(--green-950,#062019);border:1px solid rgba(201,162,39,.45);border-radius:10px;padding:.4rem;box-shadow:0 14px 34px rgba(0,0,0,.4);z-index:2000}
.navddmenu.wide{min-width:290px}
.navddmenu.open{display:block}
.navddmenu a{display:block;white-space:normal;font-size:.82rem;padding:.45rem .6rem;line-height:1.35}
.navddmenu a:hover{background:rgba(201,162,39,.18);color:var(--gold-light)}
.qlcat{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;background:none;border:0;color:#E7F0EB;font:inherit;font-size:.83rem;font-weight:700;padding:.5rem .6rem;border-radius:8px;cursor:pointer;text-align:left}
.qlcat:hover,.qlcat.open{background:rgba(201,162,39,.2);color:var(--gold-light)}
.qlcat .qlarrow{transition:transform .18s}
.qlcat.open .qlarrow{transform:rotate(90deg)}
.qlpanel{display:none;padding:.1rem 0 .35rem .5rem;border-left:2px solid rgba(201,162,39,.5);margin:0 0 .3rem .55rem}
.qlpanel.open{display:block}
.qlpanel a{font-size:.79rem;color:#CFE0D8;padding:.38rem .5rem}
.gallerygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}
.gcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(11,61,46,.07);display:flex;flex-direction:column}
.gcard .gmedia{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0B3D2E;display:block;border:0}
.gcard .gcap{padding:.7rem .85rem}
.gcard .gcap h4{color:var(--green-900);font-size:.92rem;line-height:1.3}
.gcard .gcap p{color:var(--muted);font-size:.78rem;margin-top:.25rem}
nav.main a.cta{background:transparent;border:1.5px solid var(--gold);color:var(--gold-light);margin-left:auto}
nav.main a.cta:hover{background:var(--gold);color:var(--green-950)}
.navtoggle{display:none;background:none;border:1.5px solid var(--gold);color:var(--gold-light);border-radius:8px;padding:.4rem .7rem;font-weight:700}

/* ── Hero ─────────────────────────────── */
.hero{position:relative;background:radial-gradient(1200px 600px at 75% -10%,#17604A 0%,var(--green-900) 45%,var(--green-950) 100%);color:#fff;overflow:hidden}
.hero::after{content:"";position:absolute;right:4%;top:50%;transform:translateY(-50%);width:min(44vw,470px);aspect-ratio:600/584;background:url('../images/hero-scales.png') center/contain no-repeat;opacity:.5;filter:drop-shadow(0 0 34px rgba(201,162,39,.35));animation:heroFloat 9s ease-in-out infinite;pointer-events:none}
@keyframes heroFloat{0%,100%{transform:translateY(-52%)}50%{transform:translateY(-47%)}}
@media(max-width:900px){.hero::after{opacity:.26;right:-8%;width:66vw}}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}}
.hero .wrap{position:relative;z-index:2;padding:4.6rem 22px 3.6rem;max-width:1180px}
.eyebrow{font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-light);font-weight:700;display:inline-flex;align-items:center;gap:.6rem}
.eyebrow::before,.eyebrow::after{content:"";width:34px;height:1px;background:var(--gold)}
.hero h2{font-size:clamp(2.3rem,5vw,3.7rem);font-weight:700;line-height:1.08;margin:.8rem 0 1rem;max-width:15ch}
.hero p.lead{max-width:56ch;color:#D7E5DE;font-size:1.04rem}
.hero .actions{display:flex;gap:.8rem;margin-top:1.7rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.35rem;border-radius:10px;font-weight:700;font-size:.92rem;text-decoration:none;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn.gold{background:var(--gold);color:var(--green-950)}
.btn.gold:hover{background:var(--gold-light)}
.btn.ghost{border-color:var(--gold);color:var(--gold-light)}
.btn.ghost:hover{background:rgba(201,162,39,.15)}
.btn.green{background:var(--green-800);color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(201,162,39,.4);border:1px solid rgba(201,162,39,.4);border-radius:var(--radius);overflow:hidden;margin-top:2.6rem;max-width:720px}
.stat{background:rgba(4,33,26,.75);backdrop-filter:blur(4px);padding:1.1rem 1.3rem}
.stat b{font-family:'Cormorant Garamond';font-size:2rem;color:var(--gold-light);display:block;line-height:1}
.stat span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#BCD2C8}

/* ── Sections & cards ─────────────────── */
main{min-height:60vh}
.page{display:none;animation:fadeIn .35s ease}
.page.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
section.block{padding:3.4rem 0}
.sechead{text-align:center;max-width:760px;margin:0 auto 2.4rem}
.sechead h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--green-900);font-weight:700}
.sechead .rule{width:120px;height:10px;margin:.7rem auto .8rem;background:
  linear-gradient(var(--gold),var(--gold)) center top/100% 2px no-repeat,
  linear-gradient(var(--gold),var(--gold)) center bottom/56px 2px no-repeat}
.sechead p{color:var(--muted)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* quick links on home */
.qlink{padding:1.5rem;text-decoration:none;color:var(--ink);display:block;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.qlink:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(4,33,26,.16)}
.qlink .ic{width:46px;height:46px;border-radius:12px;background:var(--green-900);color:var(--gold-light);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}
.qlink .ic svg{width:24px;height:24px}
.qlink h3{color:var(--green-900);font-size:1.3rem;margin-bottom:.3rem}
.qlink p{font-size:.88rem;color:var(--muted)}
.qlink::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gold);transition:width .25s}
.qlink:hover::after{width:100%}

/* ── Bench page ───────────────────────── */
.benchphoto{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}
.benchphoto img{width:100%}
.benchphoto figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(4,33,26,.92));color:#fff;padding:2rem 1.4rem .9rem;font-size:.86rem;text-align:center}
.member{overflow:hidden;text-align:center;transition:transform .2s,box-shadow .2s}
.member:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(4,33,26,.18)}
.member .ph{position:relative;overflow:hidden}
.member .ph img{width:100%;aspect-ratio:19/24;object-fit:cover;transition:transform .5s}
.member:hover .ph img{transform:scale(1.04)}
.member .tag{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--green-950);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}
.member .body{padding:1.2rem 1rem 1.4rem;border-top:3px solid var(--gold)}
.member h3{color:var(--green-900);font-size:1.42rem;line-height:1.15}
.member .role{color:var(--gold-deep);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:.25rem 0 .5rem}
.member a{font-size:.85rem;word-break:break-all}
.benchgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:start}
.msggrid{display:grid;grid-template-columns:280px 1fr;gap:1.4rem;align-items:start}
.member .pad{padding:1.2rem 1rem 1.4rem}
.member .pad h3{color:var(--green-900);font-size:1.42rem;line-height:1.15}

/* ── Filters & tables ─────────────────── */
.filters{padding:1.3rem;margin-bottom:1.5rem}
.filters .frow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:.9rem;align-items:end}
.filters label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-800);display:block;margin-bottom:.3rem}
.filters select,.filters input{width:100%;padding:.62rem .7rem;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:.9rem;background:#fff;color:var(--ink)}
.filters select:focus,.filters input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(201,162,39,.2)}
.chip{display:inline-block;background:#F0EEDC;color:var(--green-900);border:1px solid var(--gold);font-size:.72rem;font-weight:700;padding:.15rem .6rem;border-radius:999px}
.count{font-size:.88rem;color:var(--muted);margin:.4rem 0 .9rem}
.count b{color:var(--green-900)}
.tablecard{overflow:auto}
table.data{width:100%;border-collapse:collapse;font-size:.9rem;min-width:720px}
table.data thead th{background:var(--green-900);color:#fff;text-align:left;padding:.75rem .9rem;font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0}
table.data thead th:first-child{border-top-left-radius:var(--radius)}
table.data thead th:last-child{border-top-right-radius:var(--radius)}
table.data td{padding:.72rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
table.data tbody tr:nth-child(even){background:#F7F6EE}
table.data tbody tr:hover{background:#EFF4EE}
.act{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;text-decoration:none;padding:.34rem .7rem;border-radius:7px;white-space:nowrap}
.act.view{background:var(--green-800);color:#fff}
.act.dl{background:#fff;border:1.5px solid var(--gold);color:var(--gold-deep);margin-left:.35rem}
.act:hover{filter:brightness(1.1)}
.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}
.empty svg{width:52px;height:52px;margin:0 auto 1rem;color:var(--gold)}
.datechip{white-space:nowrap;font-weight:600;color:var(--green-800)}
.pager{display:flex;gap:.4rem;justify-content:center;margin-top:1.2rem;flex-wrap:wrap}
.pager button{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:.42rem .8rem;font-weight:600;font-size:.85rem}
.pager button.on{background:var(--green-900);color:#fff;border-color:var(--green-900)}
.pager button:disabled{opacity:.4;cursor:default}

/* ── e-Hearing ────────────────────────── */
.ehero{background:linear-gradient(135deg,var(--green-900),var(--green-800));color:#fff;border-radius:var(--radius);padding:2.4rem;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;border:1px solid var(--gold);position:relative;overflow:hidden}
.ehero::before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,162,39,.45);border-radius:10px;pointer-events:none}
.ehero h3{font-size:2rem;color:var(--gold-light)}
.ehero p{color:#D7E5DE;font-size:.95rem;margin:.6rem 0 1.2rem}
.livebox{background:rgba(4,33,26,.6);border:1px solid rgba(201,162,39,.5);border-radius:12px;padding:1.3rem;text-align:center}
.livebox .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#3FBF7F;margin-right:.4rem;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(63,191,127,.6)}70%{box-shadow:0 0 0 10px rgba(63,191,127,0)}100%{box-shadow:0 0 0 0 rgba(63,191,127,0)}}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2rem}
.step{padding:1.4rem;position:relative}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:'Public Sans',sans-serif;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;color:var(--gold);display:block;line-height:1;margin-bottom:.5rem}
.step h4{color:var(--green-900);margin-bottom:.35rem}
.step p{font-size:.88rem;color:var(--muted)}
.rules{padding:1.6rem}
.rules li{margin:.5rem 0 .5rem 1.2rem;font-size:.92rem}

/* ── Forms / login ────────────────────── */
.formcard{max-width:520px;margin:0 auto;padding:2rem}
.formcard label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-800);display:block;margin:.9rem 0 .3rem}
.formcard input,.formcard select,.formcard textarea{width:100%;padding:.68rem .75rem;border:1.5px solid var(--line);border-radius:9px;font:inherit}
#atab-files{padding:1.4rem 1.6rem}
#atab-files .grid2{gap:1.2rem 2rem}
#atab-files h3{font-size:.95rem!important;margin-top:.9rem!important}
#atab-files label{font-size:.68rem;margin:.45rem 0 .2rem;letter-spacing:.06em}
#atab-files input,#atab-files textarea{padding:.48rem .6rem;font-size:.85rem;border-radius:8px}
#atab-files .note{font-size:.72rem!important;margin:.3rem 0 .4rem!important;line-height:1.45}
#atab-files .srow,#atab-files .frow2{margin-top:.35rem!important}
#fcYears{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .5rem}
#fcYears .srow{margin-top:0!important}
#atab-files .srow input,#atab-files .frow2 input{padding:.4rem .55rem!important;font-size:.82rem!important}
#atab-files .btn{font-size:.76rem!important;padding:.4rem .8rem!important}
#atab-files .btn.gold{font-size:.9rem!important;padding:.6rem 1.4rem!important}
.formcard input:focus,.formcard select:focus,.formcard textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(201,162,39,.2)}
.note{background:#F6F1DC;border:1px solid var(--gold);border-radius:10px;padding: .85rem 1rem;font-size:.85rem;margin-top:1rem}
.alert{background:#FDECEA;border:1px solid var(--danger);color:var(--danger);border-radius:10px;padding:.7rem 1rem;font-size:.86rem;margin-top:.8rem;display:none}
.ok{background:#EAF6EE;border:1px solid #2F8F5B;color:#1E6B42}
/* admin */
.adminbar{background:var(--green-950);color:#fff;border-radius:var(--radius);padding:1rem 1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
.adminbar b{color:var(--gold-light)}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.2rem}
.tabs button{border:1.5px solid var(--line);background:#fff;padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.85rem}
.tabs button.on{background:var(--green-900);color:#fff;border-color:var(--green-900)}
.judgesel{font-size:.8rem;padding:.3rem;border:1px solid var(--line);border-radius:6px;max-width:170px}

/* ── Footer ───────────────────────────── */
footer.site{background:var(--green-950);color:#B9CEC5;margin-top:3rem;border-top:3px solid var(--gold)}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem;padding:2.8rem 0 2rem}
footer h4{color:var(--gold-light);font-family:'Public Sans';font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.9rem}
footer a{color:#DCE9E2;text-decoration:none;font-size:.9rem}
footer a:hover{color:var(--gold-light)}
footer ul{list-style:none}
footer li{margin:.42rem 0}
.fbrand{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}
.fbrand img{width:52px;height:52px;border-radius:50%;background:#fff;padding:2px}
.fbrand b{color:#fff;font-family:'Cormorant Garamond';font-size:1.2rem;line-height:1.2;display:block}
.copyright{border-top:1px solid rgba(201,162,39,.3);padding:1rem 0;font-size:.8rem;text-align:center}
.ticker{background:var(--gold);color:var(--green-950);font-size:.83rem;font-weight:600;overflow:hidden;white-space:nowrap}
.ticker div{display:inline-block;padding:.42rem 0;animation:tick 30s linear infinite}
@keyframes tick{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}#preloader .word span{opacity:1}#preloader .bar{display:none}.reveal{opacity:1;transform:none}}
@media(max-width:820px){.msggrid{grid-template-columns:1fr!important}}
@media(max-width:960px){
  .grid3,.steps{grid-template-columns:1fr 1fr}
  .filters .frow{grid-template-columns:1fr 1fr}
  .ehero{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .grid3,.grid2,.steps,.stats,footer .cols{grid-template-columns:1fr}
  .filters .frow{grid-template-columns:1fr}
  nav.main{display:none;flex-direction:column}
  nav.main.open{display:flex}
  .navdd{width:100%}
  .navddbtn{width:100%;text-align:left}
  .navddmenu{position:static!important;min-width:0;max-width:none;max-height:none;width:100%;box-shadow:none;margin:.2rem 0 .4rem}
  nav.main a.cta{margin-left:0}
  .navtoggle{display:block;position:absolute;right:22px;top:20px}
  .brand h1{font-size:1.02rem;max-width:70%}
}
@media print{header.site,.topbar,footer.site,.filters,.pager,nav.main{display:none}}

/* ── Stat digits (clear, unambiguous numerals) ── */
.stat b{font-family:'Public Sans',sans-serif;font-weight:700;font-variant-numeric:tabular-nums;font-size:2.6rem;color:var(--gold-light);white-space:nowrap;letter-spacing:.01em}
.stat b span{font-size:inherit;color:inherit;font-weight:inherit}

/* ── Bench ordering: Chairperson first in DOM (mobile), centre on desktop ── */
@media(min-width:641px){
  .benchgrid .pos-m1{order:1}
  .benchgrid .pos-cp{order:2;transform:translateY(-14px)}
  .benchgrid .pos-cp:hover{transform:translateY(-19px)}
  .benchgrid .pos-m2{order:3}
}

/* ── Preloader ── */
#preloader{position:fixed;inset:0;z-index:9999;background:radial-gradient(900px 500px at 50% 30%,var(--green-800),var(--green-950));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;transition:opacity .6s ease,visibility .6s}
#preloader.gone{opacity:0;visibility:hidden}
#preloader svg{width:88px;height:88px;color:var(--gold-light)}
#preloader .beam{transform-origin:32px 14px;animation:rock 2.2s ease-in-out infinite}
@keyframes rock{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
#preloader .word{display:flex;gap:.14em;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:2.6rem;letter-spacing:.18em;color:#fff}
#preloader .word span{opacity:0;animation:lup .5s forwards}
#preloader .word span:nth-child(1){animation-delay:.10s}
#preloader .word span:nth-child(2){animation-delay:.22s}
#preloader .word span:nth-child(3){animation-delay:.34s}
#preloader .word span:nth-child(4){animation-delay:.46s}
#preloader .word span:nth-child(5){animation-delay:.58s}
#preloader .word span:nth-child(6){animation-delay:.70s}
#preloader .word span:nth-child(even){color:var(--gold-light)}
@keyframes lup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#preloader .bar{width:180px;height:3px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden}
#preloader .bar i{display:block;height:100%;width:40%;background:var(--gold);border-radius:99px;animation:slide 1.1s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(450%)}}
#preloader small{color:#BCD2C8;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}

/* ── Floating scales-of-justice background ── */
.bgscales{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bgscales svg{position:absolute;color:var(--green-800);opacity:.07;animation:floaty var(--dur,16s) ease-in-out infinite}
.bgscales svg .beam{transform-origin:32px 14px;animation:rock var(--rock,5s) ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-28px) rotate(2deg)}}
main,.hero .wrap,footer.site,.topbar,.ticker{position:relative;z-index:1}

/* ── Animated colour-changing cursor ── */
@media (hover:hover) and (pointer:fine){
  .cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;border-radius:50%;will-change:transform}
  .cur-dot{width:8px;height:8px;background:var(--gold);transform:translate(-50%,-50%);animation:hue 6s linear infinite}
  .cur-ring{width:34px;height:34px;border:2px solid var(--gold);opacity:.65;transform:translate(-50%,-50%);transition:width .18s,height .18s,opacity .18s,border-color .18s;animation:hue 6s linear infinite}
  .cur-ring.hover{width:54px;height:54px;opacity:.95;border-color:var(--green-700);background:rgba(201,162,39,.12)}
  @keyframes hue{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(-45deg)}100%{filter:hue-rotate(0deg)}}
}
@media (hover:none),(pointer:coarse){.cur-dot,.cur-ring{display:none}}

/* ── Touch ripple (phones & tablets) ── */
.tapfx{position:fixed;pointer-events:none;z-index:10000;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--gold);background:radial-gradient(circle,rgba(232,206,122,.35),rgba(201,162,39,0) 70%);transform:translate(-50%,-50%) scale(.4);opacity:.9;animation:tapring .55s ease-out forwards}
@keyframes tapring{to{transform:translate(-50%,-50%) scale(5);opacity:0}}