/* WESCO — v2.css : design layer (loaded after site.css) */
:root{
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --glow:rgba(240,210,138,.16);
}
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto!important}
.lenis.lenis-stopped,html.no-scroll{overflow:hidden}
html.no-scroll body{overflow:hidden}

/* ---------- arrow icon ---------- */
.arr{display:inline-block;flex:none;width:1.1em;height:1.1em;margin-inline-start:.55em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .35s var(--ease-out)}
[dir="rtl"] .arr{transform:scaleX(-1)}

/* ---------- buttons ---------- */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;padding:.95em 1.8em;font-weight:700;letter-spacing:.01em;
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .35s var(--ease-out),scale .16s var(--ease-out);
  will-change:translate}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .8s var(--ease-out)}
.btn:active{scale:.97}
.btn-gold{background:linear-gradient(135deg,#E9C877,#C9A24A);color:#14100A;box-shadow:0 8px 28px -8px rgba(217,180,95,.55)}
.btn-gold:hover{color:#14100A}
.btn-ghost{background:rgba(255,255,255,.04);backdrop-filter:blur(6px);border-color:rgba(238,235,226,.5)}
.btn.big{padding:1.15em 2.3em;font-size:1.05rem}
@media (hover:hover) and (pointer:fine){
  .btn:hover::before{transform:translateX(130%)}
  .btn-gold:hover{box-shadow:0 14px 38px -8px rgba(240,210,138,.7)}
  .btn:hover .arr,.more:hover .arr,.news-list a:hover .arr,.index a:hover .arr{transform:translateX(5px)}
  [dir="rtl"] .btn:hover .arr{transform:scaleX(-1) translateX(5px)}
}

/* ---------- header ---------- */
.site-header{background:linear-gradient(180deg,rgba(4,10,28,.88),rgba(4,10,28,.55));border-bottom:0}
.site-header::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,210,138,.35),transparent)}
.main-nav a{position:relative;border-bottom:0;padding:10px 2px}
.main-nav a::after{content:"";position:absolute;inset:auto 0 4px 0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.main-nav a:hover::after,.main-nav a[aria-current]::after{transform:scaleX(1)}
.tool-btn,.menu-btn{border-radius:999px;padding:9px 15px;background:rgba(255,255,255,.04);transition:background-color .2s,border-color .2s,scale .16s var(--ease-out)}
.tool-btn:active,.menu-btn:active{scale:.96}
.tool-btn[aria-expanded="true"]{border-color:var(--gold);background:rgba(217,180,95,.14);color:#fff}
.progress{position:absolute;inset:auto 0 0 0;height:2px;z-index:1;pointer-events:none}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform:scaleX(var(--p,0));transform-origin:0 50%}

/* ---------- split headings ---------- */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.split .wi{display:inline-block;will-change:transform}

/* ---------- hero ---------- */
.hero{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:clamp(28px,5vh,56px);padding-bottom:clamp(28px,5vh,56px)}
.hero-video{width:112%;height:112%;transform-origin:0 0;object-position:left top}
.hero-arcs{position:absolute;z-index:1;right:-8%;top:50%;width:min(86vh,760px);translate:0 -52%;fill:none;stroke:var(--gold);stroke-width:1;opacity:.5;pointer-events:none}
.hero-arcs circle{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.hero-copy{flex:none}
.hero h1{max-width:16ch;text-wrap:balance}
.hero-motto{display:inline-flex;align-items:center;gap:.8em}
.hero-motto::before{content:"";width:38px;height:1px;background:var(--gold)}
.hero-facts{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;padding:0}
.hero-facts dl{margin:0 var(--pad);display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(240,210,138,.22);border-radius:28px 6px 28px 6px;
  background:linear-gradient(135deg,rgba(17,28,66,.55),rgba(4,10,28,.5));backdrop-filter:blur(14px) saturate(1.2);overflow:hidden}
.hero-facts .fact{padding:20px 22px;border-inline-start:1px solid rgba(240,210,138,.14)}
.hero-facts .fact:first-child{border-inline-start:0}
.hero-facts dt{font-size:clamp(1.15rem,2.2vw,1.8rem)}
.hero-facts dd{font-size:.82rem;line-height:1.35}
.video-toggle{bottom:auto;top:92px;right:var(--pad)}

/* ---------- pillars ---------- */
.pillars{padding:clamp(72px,10vw,140px) 0 clamp(48px,6vw,90px);background:radial-gradient(900px 500px at 85% 0,rgba(217,180,95,.09),transparent 70%),var(--navy)}
.pillars h2,.programs h2,.explore h2,.cta-orb h2{max-width:20ch;text-wrap:balance}
.pillar-row{display:flex;gap:14px;height:min(68vh,560px);min-height:420px;max-width:var(--wrap);margin:clamp(28px,4vw,52px) auto 0;padding:0 var(--pad)}
.pillar{position:relative;flex:1 1 0;min-width:0;overflow:hidden;cursor:pointer;border-radius:999px;border:1px solid rgba(240,210,138,.2);
  transition:flex-grow .7s var(--ease-out),border-radius .7s var(--ease-out),border-color .3s;outline-offset:4px}
.pillar.on{flex-grow:5;border-radius:34px 6px 34px 6px;border-color:rgba(240,210,138,.5)}
.pillar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;transform:scale(1.14);transform-origin:0 0;transition:filter .5s,opacity .5s}
.pillar::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,28,.2) 20%,rgba(4,10,28,.92) 100%);transition:opacity .5s}
.pillar:not(.on) img{filter:grayscale(.6) brightness(.6)}
.pillar-in{position:absolute;inset:auto 0 0 0;z-index:2;padding:clamp(18px,2.6vw,34px);display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.pillar h3{font-size:clamp(1.05rem,1.9vw,1.6rem);margin:0 0 .5em;color:#fff;transition:transform .5s var(--ease-out)}
.pillar p{margin:0;max-width:44ch;color:#E3E6EF;font-size:1rem;transition:opacity .4s ease .12s,transform .6s var(--ease-out) .08s}
.pillar:not(.on) p{opacity:0;transform:translateY(14px);pointer-events:none}
@media (min-width:821px){
  .pillar:not(.on) .pillar-in{align-items:center;justify-content:flex-end;padding-inline:8px}
  .pillar:not(.on) h3{writing-mode:vertical-rl;transform:rotate(180deg);margin:0 0 18px;white-space:nowrap;font-size:.95rem}
}
@media (max-width:820px){
  .pillar-row{flex-direction:column;height:auto;min-height:0}
  .pillar{flex:none;height:92px;transition:height .6s var(--ease-out),border-radius .6s var(--ease-out)}
  .pillar.on{height:380px}
  .pillar:not(.on) .pillar-in{justify-content:center}
  .pillar:not(.on) p{display:none}
}

/* ---------- marquees ---------- */
.mottos{padding:clamp(56px,8vw,110px) 0;background:radial-gradient(900px 400px at 15% 50%,rgba(217,180,95,.08),transparent 70%),var(--navy-2)}
.marquee{overflow:hidden}
.marquee .track{display:flex;width:max-content;animation:mq 46s linear infinite}
.marquee.rev .track{animation-direction:reverse;animation-duration:58s}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee.big span{flex:none;padding-inline-end:.9em;font-family:var(--display);font-size:clamp(2.2rem,7.2vw,6.4rem);line-height:1.15;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.55)}
.marquee.big b{font-weight:400;color:var(--gold-2);-webkit-text-stroke:0}
.marquee.big + .marquee.big{margin-top:.2em}
.mottos-text{margin:clamp(28px,4vw,52px) auto 0;text-align:center;max-width:62ch}
.partners-band{padding:clamp(26px,4vw,44px) 0;border-block:1px solid var(--line);background:var(--navy)}
.marquee.small .track{gap:14px;animation-duration:38s}
.marquee.small li{flex:none;white-space:nowrap;padding:.7em 1.5em;border:1px solid var(--line);border-radius:999px;font-family:var(--display);font-size:.9rem;color:var(--muted)}
.marquee:hover .track,.marquee:focus-within .track{animation-play-state:paused}

/* ---------- cards with spotlight ---------- */
.card.spot{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px 6px 30px 6px;padding:clamp(22px,2.4vw,32px);
  background:linear-gradient(160deg,rgba(17,28,66,.78),rgba(10,19,48,.9));
  transition:border-color .3s ease,translate .5s var(--ease-out),border-radius .6s var(--ease-out)}
.card.spot::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),var(--glow),transparent 62%)}
.card.spot>*{position:relative;z-index:1}
.card.spot h3{color:#fff;font-size:1.1rem;margin-bottom:.6em}
.card.spot p{color:var(--muted);font-size:.97rem}
.more{display:inline-flex;align-items:center;margin-top:.6rem;padding:.5em 1.1em;border:1px solid rgba(240,210,138,.45);border-radius:999px;color:var(--gold-2);text-decoration:none;font-size:.88rem;font-weight:700;transition:background-color .25s,color .25s}
.more:hover{background:var(--gold);color:#14100A}
@media (hover:hover) and (pointer:fine){
  .card.spot:hover{border-color:rgba(240,210,138,.55);border-radius:6px 30px 6px 30px;translate:0 -4px}
  .card.spot:hover::before{opacity:1}
}

/* programs rail */
.programs{padding:clamp(72px,10vw,130px) 0 clamp(56px,8vw,100px);background:var(--navy-2)}
.rail-pin{margin-top:clamp(28px,4vw,48px);overflow:hidden}
.rail{display:flex;gap:18px;padding:6px max(var(--pad),calc((100vw - var(--wrap))/2 + var(--pad))) 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.rail .card{flex:0 0 min(80vw,370px);scroll-snap-align:start;min-height:290px;display:flex;flex-direction:column}
.rail .card .more{margin-top:auto;align-self:flex-start}
.rail-x .rail{overflow:visible;scroll-snap-type:none;padding-bottom:6px;width:max-content}
.rail-x .rail-pin{margin-top:clamp(20px,3vh,36px)}

/* ---------- explore index ---------- */
.explore{padding:clamp(72px,10vw,130px) 0;background:var(--navy)}
.index{margin-top:clamp(24px,3vw,44px);border-top:1px solid var(--line)}
.index li{border-bottom:1px solid var(--line);position:relative}
.index li::after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.index a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;align-items:center;gap:24px;padding:clamp(18px,2.6vw,30px) 4px;color:var(--ink);text-decoration:none;transition:padding .45s var(--ease-out),color .25s}
.index .i-name{font-family:var(--display);font-size:clamp(1.15rem,2.8vw,2.2rem);line-height:1.15}
.index .i-text{color:var(--muted);font-size:.96rem}
.index .arr{width:1.6em;height:1.6em;color:var(--gold)}
.index-peek{position:fixed;left:0;top:0;z-index:60;width:300px;aspect-ratio:4/3;border-radius:28px 6px 28px 6px;overflow:hidden;pointer-events:none;opacity:0;scale:.86;
  border:1px solid rgba(240,210,138,.5);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transition:opacity .25s ease,scale .4s var(--ease-out)}
.index-peek.on{opacity:1;scale:1}
.index-peek img{width:100%;height:100%;object-fit:cover;object-position:left top;transform:scale(1.14);transform-origin:0 0}
@media (hover:hover) and (pointer:fine){
  .index li:hover::after{transform:scaleX(1)}
  .index a:hover{padding-inline-start:20px;color:#fff}
  .index a:hover .i-name{color:var(--gold-2)}
}
@media (hover:none),(max-width:860px){.index-peek{display:none}}
@media (max-width:760px){.index a{grid-template-columns:1fr auto}.index .i-text{grid-column:1;grid-row:2}.index .arr{grid-row:1/3;grid-column:2}}

/* ---------- CTA ---------- */
.cta-orb{padding:clamp(90px,13vw,180px) 0;text-align:center;overflow:hidden;background:radial-gradient(700px 420px at 50% 50%,rgba(217,180,95,.16),transparent 70%),var(--navy-2)}
.cta-orb::before,.cta-orb::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(240,210,138,.22);border-radius:50%;translate:-50% -50%;pointer-events:none}
.cta-orb::before{width:min(92vw,900px);aspect-ratio:1;animation:spin 90s linear infinite;border-style:dashed}
.cta-orb::after{width:min(60vw,560px);aspect-ratio:1}
@keyframes spin{to{rotate:360deg}}
.cta-orb .wrap{position:relative;z-index:1}
.cta-orb h2,.cta-orb .lede{margin-inline:auto}

/* ---------- inner pages ---------- */
.inner .page-hero{position:relative;overflow:hidden;isolation:isolate;padding:170px 0 clamp(56px,8vw,110px);background:var(--navy)}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg, none) 0 0/cover no-repeat;transform:scale(1.14);transform-origin:0 0;opacity:.5}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,10,28,.45),rgba(4,10,28,.96)),radial-gradient(900px 380px at 80% 0,rgba(217,180,95,.14),transparent 70%)}
.page-hero h1{text-wrap:balance}
.blk{padding:clamp(56px,8vw,100px) 0}
.family{gap:18px}
.family li,.what-list li{border:1px solid var(--line);border-radius:26px 6px 26px 6px;padding:clamp(20px,2.4vw,30px);background:linear-gradient(160deg,rgba(17,28,66,.7),rgba(10,19,48,.88));border-top:1px solid var(--line)}
.what-list{gap:18px;border:0}
.what-list li{border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}
.lead-grid li,.vps li{padding:18px;border:1px solid var(--line);border-radius:26px 6px 26px 6px;background:rgba(10,19,48,.6)}
.lead-grid img,.vps img{border-radius:20px 4px 20px 4px}
.news-list a{display:flex;align-items:center;justify-content:space-between;padding:22px 6px;font-family:var(--display);font-size:1.05rem;transition:padding .4s var(--ease-out),color .25s}
.news-list .arr{color:var(--gold)}
@media (hover:hover) and (pointer:fine){.news-list a:hover{padding-inline-start:20px}}
.contact-grid>*{padding:clamp(20px,2.4vw,30px);border:1px solid var(--line);border-radius:26px 6px 26px 6px;background:rgba(10,19,48,.6)}
.region-btn{transition:background-color .2s,border-color .2s,color .2s,scale .16s var(--ease-out)}
.region-btn:active{scale:.96}
.map .reg circle{transition:fill .5s ease}

/* directory */
.dir{border:0;gap:12px;margin-top:1.4rem}
.dir li.card{padding:16px 20px;border-radius:22px 5px 22px 5px;display:grid;gap:3px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}
.dir li strong{color:#fff}
.dir li em{justify-self:start;margin-top:6px;font-style:normal;font-size:.72rem;letter-spacing:.04em;padding:2px 10px;border:1px solid rgba(240,210,138,.4);border-radius:999px;color:var(--gold-2)}
#dir-q{border-radius:999px;padding:12px 20px}

/* ---------- a11y orb ---------- */
.a11y-orb{position:fixed;inset:0;z-index:150;pointer-events:none;clip-path:circle(0px at var(--ox,90%) var(--oy,40px));
  transition:clip-path .5s var(--ease-out);border:0;background:none}
.a11y-orb[hidden]{display:none}
.a11y-orb.open{clip-path:circle(150vmax at var(--ox,90%) var(--oy,40px))}
.orb-grid{position:absolute;top:70px;right:max(12px,var(--pad));width:min(336px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;pointer-events:auto;
  border-radius:34px 8px 34px 8px;border:1px solid rgba(240,210,138,.4);background:linear-gradient(150deg,rgba(17,28,66,.94),rgba(4,10,28,.96));
  box-shadow:0 30px 70px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.orb-grid li{display:block}
.orb-btn{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);cursor:pointer;padding:0;
  opacity:0;scale:.5;transition:opacity .3s ease,scale .45s var(--ease-out),background-color .2s,border-color .2s,color .2s;transition-delay:calc(var(--i)*28ms + 60ms),calc(var(--i)*28ms + 60ms),0s,0s,0s}
.a11y-orb.open .orb-btn{opacity:1;scale:1}
.orb-btn:active{scale:.92!important;transition-delay:0s}
.orb-btn[aria-pressed="true"]{background:var(--gold);color:#14100A;border-color:var(--gold)}
.orb-btn[data-act="reset"]{border-style:dashed}
.orb-btn[data-act="close"]{background:rgba(217,180,95,.12);border-color:rgba(240,210,138,.5);color:var(--gold-2)}
.orb-btn .ol{position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 6px;white-space:nowrap;background:var(--gold);color:#14100A;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;opacity:0;pointer-events:none;transition:opacity .15s,translate .25s var(--ease-out);z-index:3}
.orb-btn:focus-visible .ol{opacity:1;translate:-50% 0}
@media (hover:hover) and (pointer:fine){.orb-btn:hover{border-color:var(--gold);background:rgba(217,180,95,.16)}.orb-btn:hover .ol{opacity:1;translate:-50% 0}.orb-btn[aria-pressed="true"]:hover{background:var(--gold-2)}}
.orb-btn .dots{position:absolute;inset:auto 0 9px 0;display:flex;justify-content:center;gap:3px}
.orb-btn .dots i{width:4px;height:4px;border-radius:50%;background:rgba(238,235,226,.3)}
.orb-btn .dots i.on{background:var(--gold-2)}

/* ---------- language portal ---------- */
.lang-portal{position:fixed;inset:0;z-index:160;display:grid;place-items:center;overflow:auto;background:radial-gradient(800px 500px at 50% 40%,rgba(217,180,95,.12),transparent 70%),rgba(4,10,28,.97);
  clip-path:circle(0px at var(--ox,90%) var(--oy,40px));transition:clip-path .65s var(--ease-in-out)}
.lang-portal[hidden]{display:none}
.lang-portal.open{clip-path:circle(150vmax at var(--ox,90%) var(--oy,40px))}
.portal-x{position:absolute;top:18px;right:max(18px,var(--pad));width:48px;height:48px;border-radius:50%;border:1px solid rgba(240,210,138,.5);background:rgba(255,255,255,.04);color:var(--gold-2);display:grid;place-items:center;cursor:pointer;transition:rotate .5s var(--ease-out),background-color .2s}
.portal-x:hover{background:rgba(217,180,95,.18);rotate:90deg}
.portal-list{display:grid;gap:clamp(2px,1vh,10px);padding:80px var(--pad) 40px;width:min(100%,760px)}
.portal-list li{opacity:0;translate:0 36px;transition:opacity .4s ease,translate .7s var(--ease-out);transition-delay:calc(var(--i)*55ms + 200ms)}
.lang-portal.open .portal-list li{opacity:1;translate:0 0}
.portal-list .lang-opt{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:100%;padding:.18em 4px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;text-align:start;transition:color .25s,padding .45s var(--ease-out)}
.portal-list .big{font-family:var(--display);font-size:clamp(1.8rem,6.4vw,3.8rem);line-height:1.25}
.portal-list .small{font-size:.85rem;letter-spacing:.14em;color:var(--muted)}
.portal-list .lang-opt[aria-current]{color:var(--gold-2)}
.portal-list .lang-opt[aria-current] .small::before{content:"●";margin-inline-end:.6em;font-size:.7em}
@media (hover:hover) and (pointer:fine){.portal-list .lang-opt:hover{color:var(--gold-2);padding-inline-start:22px}}

/* ---------- page curtain ---------- */
.curtain{position:fixed;inset:0;z-index:300;display:grid;place-items:center;pointer-events:none;visibility:hidden;transform:translateY(101%);
  background:radial-gradient(600px 400px at 50% 50%,rgba(217,180,95,.2),transparent 70%),var(--navy-2);border-top:2px solid var(--gold)}
.curtain img{width:min(180px,34vw);height:auto;opacity:.9}
.curtain.in{visibility:visible;pointer-events:auto;transform:translateY(0);transition:transform .42s var(--ease-in-out)}
.curtain.cover{visibility:visible;transform:translateY(0)}
.curtain.lift{visibility:visible;transform:translateY(-101%);transition:transform .6s var(--ease-in-out)}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--navy),#02060f)}
.foot-nav ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin:1.4rem 0}
.foot-nav a{color:var(--ink);text-decoration:none;position:relative}
.foot-nav a::after{content:"";position:absolute;inset:auto 0 -3px 0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.foot-nav a:hover::after{transform:scaleX(1)}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .hero-facts dl{grid-template-columns:repeat(3,1fr)}
  .hero-facts .fact:nth-child(4){border-inline-start:0}
  .hero-facts .fact{border-block-end:1px solid rgba(240,210,138,.14)}
  .hero-arcs{opacity:.25}
}
@media (max-width:640px){
  .hero{padding-top:100px}
  .hero-facts dl{grid-template-columns:repeat(2,1fr)}
  .hero-facts .fact:nth-child(odd){border-inline-start:0}
  .hero-facts .fact:nth-child(4){border-inline-start:1px solid rgba(240,210,138,.14)}
  .video-toggle{top:auto;bottom:auto;display:none}
  .tool-btn span{display:none}
  .orb-grid{top:62px}
}

/* ---------- reduced motion + a11y-motion : final states, static ---------- */
@media (prefers-reduced-motion:reduce){
  .marquee .track{animation:none;flex-wrap:wrap;width:auto}
  .marquee.big span:nth-child(2),.marquee.small li[aria-hidden]{display:none}
  .cta-orb::before{animation:none}
  .curtain{display:none}
}
html.a11y-motion .marquee .track{animation:none;flex-wrap:wrap;width:auto}
html.a11y-motion .marquee.big span:nth-child(2),html.a11y-motion .marquee.small li[aria-hidden]{display:none}
html.a11y-motion .curtain{display:none}
html.a11y-motion .orb-btn,html.a11y-motion .portal-list li{opacity:1;scale:1;translate:0 0}
@media (prefers-reduced-motion:reduce){.orb-btn{opacity:1;scale:1}.portal-list li{opacity:1;translate:0 0}.a11y-orb,.lang-portal{transition:none}}
html.a11y-contrast .btn-gold{background:var(--gold);color:#000}
html.a11y-contrast .card.spot,html.a11y-contrast .pillar,html.a11y-contrast .hero-facts dl{background:#000;border-color:#fff}
html.a11y-contrast .marquee.big span{-webkit-text-stroke-color:#fff}
html.a11y-contrast .page-hero::before{opacity:.15}
@media (forced-colors:active){.btn,.more,.orb-btn,.lang-opt{border:1px solid ButtonText}.arr{background:ButtonText}}

/* governance */
.gov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(24px,3vw,40px)}
.gov-grid .role{color:var(--gold-2);font-size:.82rem;font-weight:700;margin-bottom:.8em}
.gov-grid .who{color:#fff;font-weight:700;margin-bottom:.4em}
@media (max-width:1000px){.gov-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.gov-grid{grid-template-columns:1fr}}
.hero h1{font-size:clamp(1.7rem,4vw,3.3rem);max-width:24ch}

/* leadership: compact regional VPs */
.sub-h{margin-top:clamp(48px,6vw,80px)}
.lead-grid{gap:18px}
.lead-grid li{grid-template-columns:minmax(110px,170px) 1fr}
.vps-all{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(20px,3vw,36px)}
.vps-all li.card{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;padding:16px 18px}
.vps-all img{width:84px;height:84px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid rgba(240,210,138,.5);filter:saturate(.9)}
.vps-all h3{font-size:.98rem;margin:0 0 .3em}
.vps-all .role{color:var(--gold-2);font-size:.82rem;margin:0 0 .2em;line-height:1.35}
.vps-all .aff{font-size:.85rem;margin:0}
@media (max-width:1000px){.vps-all{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.vps-all{grid-template-columns:1fr}}

/* services grid (replaces the horizontal rail) */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--wrap);margin:clamp(28px,4vw,48px) auto 0;padding:0 var(--pad)}
.svc .card{display:flex;flex-direction:column;min-height:230px}
.svc .card .more{margin-top:auto;align-self:flex-start}
.svc .card.feat{grid-column:span 1;border-color:rgba(240,210,138,.38);background:linear-gradient(160deg,rgba(26,40,88,.85),rgba(10,19,48,.92))}
.svc .card:nth-child(1),.svc .card:nth-child(6){grid-column:span 2}
@media (max-width:1000px){.svc{grid-template-columns:repeat(2,1fr)}.svc .card:nth-child(1),.svc .card:nth-child(6){grid-column:auto}}
@media (max-width:620px){.svc{grid-template-columns:1fr}}

/* facts: open constellation, no boxes */
.hero-facts dl{border:0;border-radius:0;background:none;backdrop-filter:none;overflow:visible;position:relative;margin:0 var(--pad);padding-top:26px}
.hero-facts dl::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,210,138,.7) 20%,rgba(240,210,138,.7) 80%,transparent)}
.hero-facts .fact{position:relative;padding:20px 18px 0 0;border:0!important}
.hero-facts .fact::before{content:"";position:absolute;left:0;top:-30px;width:9px;height:9px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 5px rgba(240,210,138,.16),0 0 22px 4px rgba(240,210,138,.55);transition:box-shadow .4s var(--ease-out),scale .4s var(--ease-out)}
.hero-facts dt{font-size:clamp(1.5rem,3.4vw,2.9rem);text-shadow:0 4px 30px rgba(0,0,0,.6)}
.hero-facts dd{max-width:22ch;color:#D5D9E6}
@media (hover:hover) and (pointer:fine){.hero-facts .fact:hover::before{scale:1.5;box-shadow:0 0 0 8px rgba(240,210,138,.2),0 0 34px 8px rgba(240,210,138,.8)}}
@media (max-width:1000px){.hero-facts .fact{border:0!important;padding-bottom:14px}}

/* footer */
.site-footer{position:relative;overflow:hidden;padding-top:clamp(56px,8vw,110px);background:linear-gradient(180deg,var(--navy-2),#02060f 70%)}
.foot-glow{position:absolute;left:50%;top:-30%;width:min(1100px,120vw);aspect-ratio:2/1;translate:-50% 0;background:radial-gradient(closest-side,rgba(217,180,95,.18),transparent);pointer-events:none}
.foot-grid{position:relative;display:grid;grid-template-columns:1.3fr .8fr 1.2fr .9fr;gap:clamp(28px,4vw,64px);padding-bottom:clamp(40px,6vw,80px)}
.fb h2{font-family:var(--body);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin:0 0 1.4em;display:flex;align-items:center;gap:.8em}
.fb h2::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(240,210,138,.5),transparent)}
.fb ul{display:grid;gap:.7em}
.fb a{color:var(--ink);text-decoration:none;position:relative;display:inline-block;transition:color .25s,translate .35s var(--ease-out)}
.fb a:hover{color:var(--gold-2);translate:4px 0}
.fb-brand img{width:min(260px,100%);height:auto}
.foot-tag{font-family:var(--display);color:var(--gold-2);margin:1.4em 0 1.6em;font-size:.95rem;max-width:22ch;line-height:1.5}
.social-orbs{display:flex!important;gap:12px}
.social-orbs a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(240,210,138,.4);background:rgba(255,255,255,.03);transition:background-color .3s,color .3s,rotate .6s var(--ease-out),box-shadow .4s}
.social-orbs a:hover{translate:0 -4px;rotate:360deg;background:var(--gold);color:#14100A;box-shadow:0 12px 30px -8px rgba(240,210,138,.6)}
.foot-dl{display:grid;gap:1.2em;margin:0}
.foot-dl dt{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.2em}
.foot-dl dd{margin:0;font-size:1.02rem}
.foot-giant{position:relative;text-align:center;font-family:var(--display);font-size:clamp(4rem,23vw,22rem);line-height:.85;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.3);background:linear-gradient(180deg,rgba(240,210,138,.22),transparent 75%);-webkit-background-clip:text;background-clip:text;user-select:none;white-space:nowrap;overflow:hidden;margin-bottom:-.06em;pointer-events:none}
.foot-base{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-block:22px;border-top:1px solid var(--line);background:#02060f}
.foot-base .copy{margin:0;color:var(--muted);font-size:.9rem}
.to-top{display:inline-flex;align-items:center;padding:.6em 1.2em;border:1px solid rgba(240,210,138,.45);border-radius:999px;color:var(--gold-2);text-decoration:none;font-weight:700;font-size:.88rem;transition:background-color .25s,color .25s}
.to-top .arr{rotate:-90deg}
.to-top:hover{background:var(--gold);color:#14100A}
@media (hover:hover) and (pointer:fine){.to-top:hover .arr{translate:0 -4px}}
@media (max-width:1000px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.foot-grid{grid-template-columns:1fr}}
.foot-giant{font-size:clamp(3rem,17.5vw,18rem)}
.hero-facts .fact{padding-right:28px}

/* world: globe + list */
.world-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.globe-col{position:sticky;top:96px}
.globe-wrap{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:640px;margin:0 auto}
.globe-wrap::before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(217,180,95,.16),transparent 72%);pointer-events:none}
#globe{position:relative;cursor:grab;touch-action:pan-y;max-width:100%;height:auto}
#globe.grab{cursor:grabbing}
.globe-hint{position:absolute;inset:auto 0 -2%;text-align:center;font-size:.82rem;color:var(--muted);margin:0}
.flat-map svg{width:100%}
.region-col .region-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.4rem}
.region-h{font-size:1.3rem;color:var(--gold-2);margin-bottom:1rem}
.region-col .vps{grid-template-columns:1fr;gap:12px}
.region-col .vps li{padding:14px 16px;grid-template-columns:76px 1fr;align-items:center}
.region-col .vps img{width:76px;height:76px;border-radius:50%;border:1px solid rgba(240,210,138,.5)}
.region-col .vps h4{margin:0 0 .25em;font-size:1rem}
.region-col .vps .role{color:var(--gold-2);font-size:.84rem;margin:0 0 .2em}
.region-panel:not([hidden]){animation:rp .6s var(--ease-out) both}
@keyframes rp{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media (max-width:900px){.world-split{grid-template-columns:1fr}.globe-col{position:static}}
html.a11y-motion .region-panel:not([hidden]){animation:none}

/* governance mind map */
.mm-wrap{margin-top:clamp(20px,3vw,40px);border:1px solid var(--line);border-radius:36px 8px 36px 8px;background:radial-gradient(700px 420px at 50% 50%,rgba(217,180,95,.1),transparent 70%),rgba(6,12,32,.7);padding:clamp(8px,2vw,24px);overflow:hidden}
.mm{width:100%;height:auto;display:block;font-family:var(--body)}
.mm text{fill:var(--ink);font-size:13px;font-weight:700}
.mm .mm-sub{font-size:10.5px;font-weight:400;fill:var(--muted)}
.mm .mm-sub2{font-size:11px;font-weight:400;fill:#14100A;opacity:.85}
.mm-l{fill:none;stroke:rgba(240,210,138,.35);stroke-width:1.2;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.6s var(--ease-out),stroke .3s,opacity .3s}
.mm.in .mm-l{stroke-dashoffset:0}
.mm-leaf circle{fill:var(--gold-2);transition:r .3s var(--ease-out)}
.mm-leaf{opacity:0;transition:opacity .6s ease var(--d)}
.mm.in .mm-leaf{opacity:1}
.mm-hub circle{fill:rgba(17,28,66,.95);stroke:var(--gold);stroke-width:1.4;transition:fill .3s}
.mm-hub text{font-size:11.5px;fill:var(--gold-2)}
.mm-br{transition:opacity .35s}
.mm-core circle{fill:var(--gold)}
.mm-core .mm-ring{fill:none;stroke:rgba(240,210,138,.5);stroke-dasharray:3 6;transform-origin:500px 380px;animation:spin 40s linear infinite}
.mm-core-t{fill:#14100A!important;font-family:var(--display);font-size:14px!important}
.mm[data-hot] .mm-br:not(:hover){opacity:.25}
.mm[data-hot] .mm-brl{opacity:.25}
.mm-br:hover .mm-hub circle{fill:var(--gold)}.mm-br:hover .mm-hub text{fill:#14100A}
.mm-br:hover .mm-leaf circle{r:7.5}
@media (max-width:700px){.mm text{font-size:17px}.mm .mm-sub{display:none}.mm-wrap{padding:4px}}
@media (prefers-reduced-motion:reduce){.mm-l{stroke-dashoffset:0;transition:none}.mm-leaf{opacity:1;transition:none}.mm-core .mm-ring{animation:none}}
html.a11y-motion .mm-l{stroke-dashoffset:0;transition:none}html.a11y-motion .mm-leaf{opacity:1;transition:none}html.a11y-motion .mm-core .mm-ring{animation:none}

/* governance structure */
.tiers{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:14px;counter-reset:t}
.tier{position:relative;display:grid;grid-template-columns:56px minmax(180px,1fr) 2fr;align-items:center;gap:18px;padding:20px 24px}
.tier h3{margin:0;font-size:1.05rem;color:var(--gold-2)}
.tier-n{font-family:var(--display);font-size:1.5rem;color:var(--gold)}
.tier ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tier ul li,.chips li{border:1px solid rgba(240,210,138,.35);border-radius:999px;padding:6px 14px;font-size:.88rem;background:rgba(6,12,32,.6)}
.fgroups{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.chips{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fgroups h3{color:var(--gold-2)}
@media (max-width:760px){.tier{grid-template-columns:1fr;gap:8px}}

.pfig{margin:0 auto;max-width:560px;border-radius:36px 8px 36px 8px;overflow:hidden;border:1px solid var(--line);background:#0A1330}
.pfig img{display:block;width:100%;height:auto}
.pfig figcaption{padding:14px 20px;font-size:.9rem;color:var(--muted)}

/* home stage: sticky globe + chapters */
.stage{padding:clamp(60px,9vw,140px) 0 0;position:relative}
.stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,72px);align-items:start}
.stage-copy>.lede{max-width:46ch}
.stage-globe{position:sticky;top:0;height:100vh;display:grid;place-items:center}
.stage-globe::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(217,180,95,.2),transparent 72%);pointer-events:none}
#stage-globe{position:relative}
.chap{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:4vh 0 4vh 28px;border-left:1px solid var(--line);opacity:.32;transition:opacity .5s var(--ease-out),border-color .5s;outline-offset:6px}
.chap.on{opacity:1;border-left-color:var(--gold)}
.chap h3{font-size:clamp(1.5rem,3.2vw,2.6rem);margin:0 0 .6em;line-height:1.1}
.chap p{max-width:44ch;font-size:1.05rem;color:var(--ink)}
.chap:last-child{margin-bottom:12vh}
@media (max-width:860px){
  .stage-grid{grid-template-columns:1fr}
  .stage-globe{order:-1;top:60px;height:46vh;z-index:0}
  .stage-copy{position:relative;z-index:1}
  .chap{min-height:62vh;background:linear-gradient(90deg,rgba(4,10,28,.86),rgba(4,10,28,.55));backdrop-filter:blur(6px)}
}
@media (prefers-reduced-motion:reduce){.chap{transition:none}}
html.a11y-motion .chap{transition:none}
.also{margin-top:2rem;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted)}
.also b{font-weight:500;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.88rem;color:var(--ink)}
#index-prog .i-name{font-size:clamp(1.05rem,2.3vw,1.8rem)}

/* home showcase: full-bleed image stage, scroll-driven */
.showcase{position:relative;height:calc(100vh + var(--n)*42vh)}
.sc-pin{position:sticky;top:0;height:100vh;overflow:hidden;background:#040A1C}
.sc-bgs,.sc-bg{position:absolute;inset:0}
.sc-bg{opacity:0;transition:opacity .9s var(--ease-out),clip-path 1.1s var(--ease-in-out);clip-path:circle(0% at 78% 55%)}
.sc-bg.on{opacity:1;clip-path:circle(150% at 78% 55%)}
.sc-bg img{width:100%;height:100%;object-fit:cover;object-position:var(--p);transform:scale(1.14);transform-origin:0 0;transition:transform 8s linear}
.sc-bg.on img{transform:scale(1.22)}
.sc-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,28,.92) 0%,rgba(4,10,28,.55) 45%,rgba(4,10,28,.15) 100%),linear-gradient(0deg,rgba(4,10,28,.85),transparent 45%)}
.sc-ui{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:clamp(20px,4vw,72px);padding-top:70px}
.sc-kicker{grid-column:1/-1;margin:0 0 1rem;color:var(--gold-2);font-family:var(--display);font-size:.95rem}
.sc-names{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.sc-names button{all:unset;cursor:pointer;display:block;font-family:var(--display);font-size:clamp(1rem,2.2vw,1.9rem);line-height:1.25;padding:.22em 0;color:rgba(238,235,226,.38);transition:color .35s,transform .45s var(--ease-out);outline-offset:4px}
.sc-names button:hover,.sc-names button:focus-visible{color:var(--ink)}
.sc-names button.on{color:var(--gold-2);transform:translateX(16px)}
.sc-card{align-self:end;position:relative;min-height:260px}
.sc-item{position:absolute;inset:0 0 auto 0;opacity:0;translate:0 22px;pointer-events:none;transition:opacity .5s var(--ease-out),translate .6s var(--ease-out)}
.sc-item.on{opacity:1;translate:0 0;pointer-events:auto}
.sc-item h3{font-size:clamp(1.4rem,2.6vw,2.2rem);margin:0 0 .5em;line-height:1.15}
.sc-item p{max-width:46ch;margin:0 0 1.2rem;font-size:1.02rem}
.sc-card .also{position:absolute;left:0;right:0;top:calc(100% + 1.2rem);margin:0}
@media (max-width:860px){
  .sc-ui{grid-template-columns:1fr;align-content:end;padding-bottom:7vh}
  .sc-names{display:none}
  .sc-card{min-height:300px}
  .sc-card .also{display:none}
  .sc-veil{background:linear-gradient(0deg,rgba(4,10,28,.95) 30%,rgba(4,10,28,.2))}
}
@media (prefers-reduced-motion:reduce){.sc-bg,.sc-bg img,.sc-item,.sc-names button{transition:none}}
html.a11y-motion .sc-bg,html.a11y-motion .sc-bg img,html.a11y-motion .sc-item{transition:none}
.sc-names button{font-size:clamp(.82rem,1.35vw,1.2rem);padding:.3em 0}
.sc-ui{padding-top:84px;padding-bottom:6vh}
.sc-card{margin-bottom:4vh}
.sc-card .also{display:none}

/* showcase: names read as buttons */
.showcase{height:calc(100vh + var(--n)*34vh)}
.sc-kicker{margin-bottom:.4rem}
.sc-hint{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0 0 1.2rem;color:var(--ink);font-size:.95rem}
.sc-hint i{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(240,210,138,.7);animation:scping 1.8s ease-out infinite}
@keyframes scping{to{box-shadow:0 0 0 14px rgba(240,210,138,0)}}
.sc-names{flex-direction:row;flex-wrap:wrap;gap:10px;align-content:flex-start}
.sc-names button{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-size:clamp(.88rem,1.15vw,1.05rem);font-weight:600;line-height:1.2;padding:.7em 1.05em;border:1px solid rgba(240,210,138,.4);border-radius:999px;background:rgba(6,12,32,.55);backdrop-filter:blur(6px);color:var(--ink);transition:background .3s,color .3s,border-color .3s,transform .35s var(--ease-out)}
.sc-names button .arr{width:1.1em;height:1.1em;color:var(--gold);transition:transform .3s var(--ease-out),color .3s}
@media (hover:hover) and (pointer:fine){.sc-names button:hover{border-color:var(--gold);transform:translateY(-2px)}.sc-names button:hover .arr{transform:translateX(3px)}}
.sc-names button.on{transform:none;background:var(--gold);color:#14100A;border-color:var(--gold)}
.sc-names button.on .arr{color:#14100A}
@media (max-width:860px){.sc-hint{display:none}}
@media (prefers-reduced-motion:reduce){.sc-hint i{animation:none}}
html.a11y-motion .sc-hint i{animation:none}

/* showcase v3: no scroll binding, no pills; hover chooses */
.showcase{height:auto}
.sc-pin{position:relative;height:auto;min-height:100vh}
.sc-ui{min-height:100vh;padding-top:110px;padding-bottom:8vh}
.sc-hint i{animation:none}
.sc-names{flex-direction:column;flex-wrap:nowrap;gap:0}
.sc-names a{display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:clamp(.95rem,1.7vw,1.5rem);line-height:1.25;padding:.34em 0;color:rgba(238,235,226,.5);text-decoration:none;border:0;border-radius:0;background:none;backdrop-filter:none;transition:color .3s,transform .45s var(--ease-out);outline-offset:4px}
.sc-names a .arr{width:1em;height:1em;color:var(--gold);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .4s var(--ease-out)}
.sc-names a:hover,.sc-names a:focus-visible,.sc-names a.on{color:var(--ink)}
.sc-names a.on{color:var(--gold-2);transform:translateX(14px)}
.sc-names a.on .arr,.sc-names a:hover .arr{opacity:1;transform:none}
.sc-open{display:inline-flex;align-items:center;gap:10px;color:var(--gold-2);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:3px}
.sc-open .arr{width:1.1em;height:1.1em}
.sc-names button{all:unset}
@media (max-width:860px){.sc-names{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 14px;margin-bottom:1.2rem}.sc-names a{font-family:var(--body);font-size:.9rem;font-weight:600}.sc-names a.on{transform:none}.sc-names a .arr{display:none}.sc-hint{display:flex}.sc-ui{padding-top:96px;align-content:start}.sc-card{min-height:280px}}
@media (min-width:861px){.sc-ui{padding-top:96px;padding-bottom:5vh;align-content:center}.sc-kicker{margin:0}.sc-hint{margin:.5rem 0 1rem}.sc-names a{font-size:clamp(.85rem,1.3vw,1.15rem);padding:.28em 0}.sc-names a.on{transform:translateX(10px)}}

/* v4: home stage + showcase — no scroll binding, one clean grid */
.stage{padding:clamp(60px,8vw,120px) 0}
.stage-grid{align-items:center}
.stage-globe{position:relative;top:auto;height:auto;aspect-ratio:1/1;max-height:640px;width:100%}
.chap{min-height:0;padding:1.1rem 0 1.1rem 26px;opacity:.45;cursor:pointer;margin:0}
.chap:hover,.chap:focus-visible{opacity:.85}
.chap.on{opacity:1}
.chap:last-child{margin-bottom:0}
.chap p{margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease-out),opacity .4s var(--ease-out)}
.chap.on p{max-height:12em;opacity:1}
.chap h3{margin:0}
.chap.on h3{margin-bottom:.5em}
@media (max-width:860px){.stage-globe{order:-1;max-width:420px;margin:0 auto}.chap{background:none;backdrop-filter:none;min-height:0}}
@media (prefers-reduced-motion:reduce){.chap p{transition:none}}

.sc-ui{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(32px,6vw,110px);row-gap:0;align-content:center;min-height:100vh;padding-top:110px;padding-bottom:8vh}
.sc-kicker{grid-column:1/-1;margin:0 0 .4rem}
.sc-hint{grid-column:1/-1;margin:0 0 clamp(1.4rem,3vh,2.4rem)}
.sc-names{grid-column:1;align-self:start;gap:0}
.sc-names a{font-size:clamp(.95rem,1.35vw,1.2rem);padding:.42em 0 .42em 18px;border-left:2px solid rgba(240,210,138,.18);transform:none}
.sc-names a.on{transform:none;border-left-color:var(--gold)}
.sc-card{grid-column:2;grid-row:3;align-self:start;margin:0;min-height:300px;padding-top:.3em}
.sc-item{inset:0 0 auto 0;translate:0 12px}
.sc-item h3{margin:0 0 .6em}
.sc-item p{margin:0 0 1.4rem}
@media (max-width:860px){.sc-ui{grid-template-columns:1fr;padding-top:96px}.sc-names,.sc-card{grid-column:1;grid-row:auto}.sc-names a{padding:.2em 0;border-left:0}.sc-card{min-height:280px}}

/* v5: names select only; the "Open" link is the way into the page */
.sc-names li>button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;font-family:var(--display);font-size:clamp(.95rem,1.35vw,1.2rem);line-height:1.25;padding:.42em 0 .42em 18px;border-left:2px solid rgba(240,210,138,.18);color:rgba(238,235,226,.5);transition:color .3s,border-color .3s,padding-left .4s var(--ease-out)}
.sc-names li>button:hover,.sc-names li>button:focus-visible{color:var(--ink)}
.sc-names li>button.on{color:var(--gold-2);border-left-color:var(--gold);padding-left:26px}
.sc-names li>button:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.sc-bg img{translate:var(--mx,0) var(--my,0);transition:transform 8s linear,translate .6s var(--ease-out)}
.sc-open{font-size:1.02rem;padding-bottom:4px}
@media (max-width:860px){.sc-names li>button{width:auto;padding:.2em 0;border-left:0;font-family:var(--body);font-weight:600;font-size:.9rem}.sc-names li>button.on{padding-left:0}}
@media (prefers-reduced-motion:reduce){.sc-names li>button{transition:none}}
.showcase .sc-names li>button,.showcase .sc-names li>button.on,.showcase .sc-names li>button:hover{background:none;border-radius:0;backdrop-filter:none;box-shadow:none;transform:none;border-top:0;border-right:0;border-bottom:0}
.showcase .sc-names li>button.on{color:var(--gold-2);border-left:2px solid var(--gold);padding-left:26px}
@media (max-width:860px){.showcase .sc-names li>button.on{padding-left:0;border-left:0}}

/* v6: showcase title + clearly separate rows */
.showcase .sc-kicker{font-family:var(--display);font-size:clamp(2.2rem,5.4vw,4.6rem);line-height:1.04;letter-spacing:.01em;color:var(--ink);margin:0 0 .35em;text-shadow:0 0 40px rgba(217,180,95,.25)}
.showcase .sc-kicker i{font-style:normal;color:var(--gold-2);opacity:.85;text-shadow:0 0 12px rgba(240,210,138,.8)}
.showcase .sc-hint{margin:0 0 clamp(2.4rem,6vh,4.4rem);font-size:1rem;color:rgba(238,235,226,.85)}
.showcase .sc-ui{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.showcase .sc-names li{border-bottom:1px solid rgba(240,210,138,.14)}
.showcase .sc-names li:first-child{border-top:1px solid rgba(240,210,138,.14)}
.showcase .sc-names li>button{font-size:clamp(.8rem,1.02vw,.98rem);padding:.78em 0 .78em 18px;white-space:nowrap;border-left:3px solid transparent;letter-spacing:.01em}
.showcase .sc-names li>button.on{border-left:3px solid var(--gold);padding-left:28px;background:linear-gradient(90deg,rgba(240,210,138,.1),transparent 70%)}
.showcase .sc-card{min-height:340px}
@media (max-width:1180px){.showcase .sc-names li>button{white-space:normal}}
@media (max-width:860px){.showcase .sc-names li{border:0}.showcase .sc-names li>button{padding:.2em 0;border-left:0;background:none!important}.showcase .sc-kicker{font-size:clamp(2rem,9vw,3rem)}}
.showcase .sc-kicker{font-size:clamp(2rem,4.3vw,3.9rem);white-space:nowrap}
.showcase .sc-ui{padding-top:92px;padding-bottom:5vh}
@media (max-width:860px){.showcase .sc-kicker{white-space:normal}}

/* WHAT WE DO — own page, own idea: five domain strips that widen; nothing from the Home */
.what .wh{padding:clamp(110px,14vh,150px) 0 clamp(28px,5vh,56px);position:relative;overflow:hidden}
.what .wh::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 0%,rgba(217,180,95,.16),transparent 70%)}
.wh-t{font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,13vw,11rem);line-height:.92;margin:.1em 0 .18em;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1.4px var(--gold-2);display:flex;flex-wrap:wrap}
.wh-t b{font-weight:400;display:inline-block;animation:wdrop .9s var(--ease-out) both;animation-delay:calc(var(--i)*55ms)}
@keyframes wdrop{from{opacity:0;transform:translateY(.5em);-webkit-text-stroke-color:transparent}to{opacity:1;transform:none}}
.wh .lede{max-width:62ch}
.wh-hint{margin:1.4rem 0 0;color:var(--gold-2);font-size:.95rem}
.wstrips{display:flex;height:min(78vh,760px);min-height:560px;border-block:1px solid var(--line)}
.wstrip{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-left:1px solid var(--line);background:#040A1C var(--bg) center/cover;transition:flex-grow .7s var(--ease-in-out)}
.wstrip:first-child{border-left:0}
.wstrip::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,28,.72),rgba(4,10,28,.9));transition:background .6s}
.wstrip.on{flex-grow:5}
.wstrip.on::before{background:linear-gradient(90deg,rgba(4,10,28,.94) 0%,rgba(4,10,28,.7) 55%,rgba(4,10,28,.35))}
.ws-head{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 0;color:var(--ink)}
.ws-head:focus-visible{outline:2px solid var(--gold-2);outline-offset:-6px}
.ws-name{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--display);font-size:clamp(1.1rem,1.9vw,1.7rem);letter-spacing:.04em;white-space:nowrap;transition:color .4s,opacity .4s}
.ws-count{font-family:var(--display);color:var(--gold-2);font-size:.95rem;border:1px solid var(--gold);border-radius:50%;width:2.4em;height:2.4em;display:grid;place-items:center;transition:opacity .3s}
.wstrip:hover .ws-name,.wstrip.on .ws-name{color:var(--gold-2)}
.wstrip.on .ws-head{pointer-events:none}
.wstrip.on .ws-name,.wstrip.on .ws-count{opacity:0}
.ws-body{position:absolute;inset:0;z-index:1;padding:clamp(26px,3.4vw,52px);display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out),visibility 0s .35s;overflow:auto;min-width:min(620px,86vw)}
.wstrip.on .ws-body{opacity:1;visibility:visible;transition:opacity .6s .25s var(--ease-out),visibility 0s}
.ws-body h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:0;line-height:1.1;color:var(--gold-2)}
.ws-text{max-width:54ch;margin:0;color:var(--ink)}
.ws-list{list-style:none;margin:.4rem 0 0;padding:0;max-width:760px}
.ws-list li{border-top:1px solid rgba(240,210,138,.2)}
.ws-list li:last-child{border-bottom:1px solid rgba(240,210,138,.2)}
.ws-list a,.ws-list div{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr) auto;gap:6px 22px;align-items:baseline;padding:.85em 0;color:var(--ink);text-decoration:none}
.ws-list strong{font-family:var(--display);font-weight:400;font-size:1rem;line-height:1.25}
.ws-list span{font-size:.9rem;color:rgba(238,235,226,.78);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ws-list .arr{width:1.1em;height:1.1em;color:var(--gold);transition:transform .3s var(--ease-out)}
.ws-list a:hover strong,.ws-list a:focus-visible strong{color:var(--gold-2)}
.ws-list a:hover .arr{transform:translateX(5px)}
@media (max-width:860px){
 .wstrips{flex-direction:column;height:auto;min-height:0}
 .wstrip{flex:none;border-left:0;border-top:1px solid var(--line);transition:none}
 .wstrip:first-child{border-top:0}
 .ws-head{position:relative;inset:auto;flex-direction:row;padding:20px 22px}
 .ws-name{writing-mode:horizontal-tb;transform:none}
 .wstrip.on .ws-name{opacity:1}.wstrip.on .ws-count{opacity:1}.wstrip.on .ws-head{pointer-events:auto}
 .ws-body{position:relative;inset:auto;display:none;min-width:0;opacity:1;visibility:visible;padding:0 22px 26px}
 .wstrip.on .ws-body{display:flex}
 .ws-body h2{display:none}
 .ws-list a,.ws-list div{grid-template-columns:1fr auto}.ws-list span{grid-column:1;-webkit-line-clamp:3}.ws-list .arr{grid-row:1;grid-column:2}
}
@media (prefers-reduced-motion:reduce){.wh-t b{animation:none}.wstrip,.ws-body{transition:none}}
html.a11y-motion .wh-t b{animation:none}
.what .wh-t{font-size:clamp(2.6rem,9.4vw,8.6rem);flex-wrap:nowrap;white-space:nowrap}

/* footer: dot-globe + glyph rain behind the wordmark; shorter closing CTA */
.foot-stage{position:relative;overflow:hidden;margin-top:clamp(10px,2vw,30px)}
.foot-stage #foot-fx{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.foot-stage .foot-giant{position:relative;z-index:1}
.cta-orb{padding:clamp(52px,6.5vw,92px) 0}
.cta-orb h2{margin-bottom:.35em;font-size:clamp(1.7rem,3.6vw,3rem)}
.cta-orb .lede{margin-bottom:1.2rem}
.foot-stage{padding-top:clamp(60px,11vw,170px)}

/* LEADERSHIP: seats globe, why-block, regions over glyph rain */
.lv-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:2rem}
.lv-globe{display:grid;place-items:center}
#lv-globe{touch-action:none;cursor:grab;max-width:100%}
.lv-panel{border-left:2px solid var(--gold);padding:.4rem 0 .4rem clamp(18px,2.4vw,34px);min-height:320px}
.lv-sub{margin:0 0 1.2rem;color:var(--gold-2);font-family:var(--display);font-size:1rem}
.lv-who{display:flex;gap:18px;align-items:center;margin-bottom:1rem}
.lv-who img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:1px solid var(--gold);background:#0A1330}
.lv-who img.sym{object-fit:contain;padding:18px;opacity:.7}
.lv-who h3{margin:0 0 .15em;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.1}
#lv-text{max-width:46ch}
.lv-nav{display:flex;align-items:center;gap:12px;margin-top:1.6rem}
.lv-nav button{all:unset;cursor:pointer;padding:.55em 1.1em;border:1px solid rgba(240,210,138,.45);border-radius:999px;color:var(--gold-2);font-weight:600;font-size:.9rem;transition:background .3s,color .3s}
.lv-nav button:hover{background:var(--gold);color:#14100A}
.lv-nav button:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.lv-nav span{margin-left:auto;color:rgba(238,235,226,.6);font-size:.9rem}
.lvw-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);align-items:start}
.lvw-list{list-style:none;margin:0;padding:0}
.lvw-list li{padding:1.3rem 0;border-top:1px solid rgba(240,210,138,.22)}
.lvw-list li:last-child{border-bottom:1px solid rgba(240,210,138,.22)}
.lvw-list h3{margin:0 0 .4em;font-size:1.25rem;color:var(--gold-2)}
.lvw-list p{margin:0;max-width:56ch}
.lv-regions{position:relative;overflow:hidden}
#lv-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.lv-regions .wrap{position:relative}
.lc{padding:clamp(26px,4vw,54px) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(20px,4vw,60px);align-items:start}
.lc-name{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.6vw,4rem);line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--gold-2)}
.lc-seats{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lc-seats li{display:grid;grid-template-columns:minmax(0,11em) 64px minmax(0,1fr);gap:6px 18px;align-items:center;padding:.9rem 0;border-top:1px solid rgba(240,210,138,.14)}
.lc-seats li:first-child{border-top:0}
.lc-sub{font-family:var(--display);font-size:.9rem;color:var(--gold-2);line-height:1.3}
.lc-seats img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(240,210,138,.55)}
.lc-seats img.sym{object-fit:contain;border:1px dashed rgba(240,210,138,.4);padding:10px;opacity:.55}
.lc-seats strong{display:block;font-size:1.05rem}
.lc-seats .role,.lc-seats .aff{display:block;font-size:.9rem;color:rgba(238,235,226,.78)}
.lc-seats li.open strong{color:rgba(238,235,226,.7);font-weight:500}
@media (max-width:860px){.lv-grid,.lvw-grid,.lc{grid-template-columns:1fr}.lc-seats li{grid-template-columns:64px minmax(0,1fr)}.lc-sub{grid-column:1/-1}}

/* GOVERNANCE: orbit explorer (same layout, different theme per section) */
.og{--ogc:var(--gold)}
.og-layers{--ogc:#F0D28A}.og-matrix{--ogc:#8FB4FF}.og-council{--ogc:#E8C27A}.og-committees{--ogc:#7FD6C8}
.og-kind{margin:0 0 .5rem;color:var(--ogc);font-family:var(--display);font-size:.95rem}
.og-ticker{overflow:hidden;margin:1.6rem 0 .4rem;border-block:1px solid rgba(240,210,138,.16);padding:.7rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.og-track{display:flex;gap:2.4rem;width:max-content;animation:ogs 60s linear infinite}
.og-track span{white-space:nowrap;font-family:var(--display);font-size:.9rem;color:rgba(238,235,226,.42)}
.og-track span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ogc);margin-right:.9rem;vertical-align:middle;opacity:.8}
@keyframes ogs{to{transform:translateX(-50%)}}
.og-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:1.2rem}
.og-orbit{position:relative;aspect-ratio:1.12/1;width:100%;max-width:720px}
.og-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.og-ring{fill:none;stroke:var(--ogc);stroke-opacity:.2;stroke-width:1;stroke-dasharray:3 6}
.og-ring.r1{stroke-dasharray:none;stroke-opacity:.12}
.og-line{stroke:var(--ogc);stroke-opacity:.18;stroke-width:1;transition:stroke-opacity .4s}
.og-line.on{stroke-opacity:.9;stroke-width:1.6}
.og-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:24%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid var(--ogc);background:radial-gradient(closest-side,rgba(10,19,48,.95),rgba(4,10,28,.9));box-shadow:0 0 0 8px rgba(240,210,138,.05),0 0 60px rgba(240,210,138,.12);padding:6px}
.og-center strong{font-family:var(--display);font-weight:400;font-size:clamp(.8rem,1.5vw,1.25rem);line-height:1.15;color:var(--ink)}
.og-center span{font-size:.72rem;color:rgba(238,235,226,.65);margin-top:.3em}
.og-node{all:unset;box-sizing:border-box;position:absolute;translate:-50% -50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.55em;width:9.4em;text-align:center}
.og-node i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ogc);background:#040A1C;transition:background .3s,transform .4s var(--ease-out),box-shadow .3s}
.og-node span{font-size:.86rem;line-height:1.25;color:rgba(238,235,226,.72);transition:color .3s;text-wrap:balance}
.og-node:hover span,.og-node.on span{color:var(--ink)}
.og-node.on i{background:var(--ogc);transform:scale(1.35);box-shadow:0 0 0 6px rgba(240,210,138,.16),0 0 24px var(--ogc)}
.og-node:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
.og-panes{position:relative;border-left:2px solid var(--ogc);padding-left:clamp(18px,2.4vw,34px);min-height:320px}
.og-pane{display:none}
.og-pane.on{display:block;animation:ogin .5s var(--ease-out)}
@keyframes ogin{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.og-pane h3{margin:0 0 .2em;font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.12;color:var(--ink)}
.og-s{margin:0 0 1rem;color:var(--ogc);font-family:var(--display);font-size:.95rem}
.og-pane p{max-width:46ch}
.og-dots{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.15rem}
.og-dots li{position:relative;padding:.38em 0 .38em 1.5em;border-bottom:1px solid rgba(240,210,138,.1);font-size:.98rem}
.og-dots li::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--ogc);box-shadow:0 0 0 0 var(--ogc);animation:ogp 2.4s ease-out infinite;animation-delay:calc(var(--k,0)*.2s)}
@keyframes ogp{0%{box-shadow:0 0 0 0 rgba(240,210,138,.55)}70%,100%{box-shadow:0 0 0 7px rgba(240,210,138,0)}}
@media (max-width:860px){
 .og-grid{grid-template-columns:1fr}
 .og-orbit{aspect-ratio:auto;display:flex;flex-wrap:wrap;gap:8px}
 .og-svg,.og-center{display:none}
 .og-node{position:static;translate:none;flex-direction:row;width:auto;gap:.6em;padding:.55em .9em;border:1px solid rgba(240,210,138,.3);border-radius:999px}
 .og-node.on{border-color:var(--ogc)}
 .og-node i{width:10px;height:10px;transform:none!important;box-shadow:none!important}
 .og-panes{min-height:0}
}
@media (prefers-reduced-motion:reduce){.og-track,.og-dots li::before{animation:none}.og-pane.on{animation:none}}
html.a11y-motion .og-track,html.a11y-motion .og-dots li::before{animation:none}
.og-node{gap:.9em}.og-node span{padding-top:.1em}

/* LEADERSHIP v2: one globe + one directory; less blue, more colour */
.lv{position:relative;overflow:hidden;background:radial-gradient(60% 50% at 10% 0%,rgba(217,180,95,.10),transparent 70%),radial-gradient(50% 50% at 100% 60%,rgba(95,211,194,.07),transparent 70%),#03060F}
.lv-pick{background:radial-gradient(55% 70% at 90% 10%,rgba(217,180,95,.12),transparent 70%),#050813}
.lv-why{background:radial-gradient(50% 70% at 0% 50%,rgba(143,180,255,.08),transparent 70%),#04070F}
.lv #lv-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:1}
.lv .wrap{position:relative}
.lv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.lv-globe{position:sticky;top:96px;display:flex;flex-direction:column;align-items:center;gap:1rem}
.lv-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lv-legend button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:.4em .9em;border:1px solid rgba(238,235,226,.22);border-radius:999px;font-size:.86rem;color:var(--ink);background:rgba(4,10,28,.7);transition:border-color .3s}
.lv-legend button:hover{border-color:var(--gold-2)}
.lv-legend button:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.lv-legend i{width:10px;height:10px;border-radius:50%}
.lvd{background:linear-gradient(90deg,rgba(3,6,15,.82),rgba(3,6,15,.9));border:1px solid rgba(240,210,138,.14);border-radius:6px 28px 6px 28px;padding:clamp(14px,2vw,26px)}
.lvd-c{--c:var(--gold);padding:.4rem 0 1rem}
.c-americas{--c:#F0B65A}.c-africa{--c:#E8806A}.c-europe{--c:#8FB4FF}.c-middleeast{--c:#E9D7A8}.c-asia{--c:#5FD3C2}.c-oceania{--c:#B79CF0}
.lvd-name{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 .4rem;padding-bottom:.5rem;border-bottom:2px solid var(--c);font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2vw,1.7rem);color:var(--c)}
.lvd-name small{font-family:var(--body);font-size:.82rem;color:rgba(238,235,226,.65)}
.lvd-c ul{list-style:none;margin:0;padding:0}
.lvd-seat{border-bottom:1px solid rgba(238,235,226,.09)}
.lvd-row{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr) auto;gap:12px;align-items:center;padding:.7em .2em .7em .9em;border-left:3px solid transparent;transition:background .3s,border-color .3s}
.lvd-row::after{content:"+";color:var(--c);font-size:1.2rem;line-height:1}
.lvd-sub{font-size:.86rem;color:rgba(238,235,226,.7)}
.lvd-who{font-family:var(--display);font-size:.98rem;color:var(--ink)}
.lvd-seat.open .lvd-who{color:rgba(238,235,226,.55);font-family:var(--body);font-weight:500}
.lvd-row:hover{background:rgba(238,235,226,.04)}
.lvd-row:focus-visible{outline:2px solid var(--gold-2);outline-offset:-2px}
.lvd-seat.on .lvd-row{border-left-color:var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 14%,transparent),transparent 80%)}
.lvd-seat.on .lvd-row::after{content:"–"}
.lvd-detail{display:none;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start;padding:.4rem .4rem 1.1rem .9rem}
.lvd-seat.on .lvd-detail{display:grid;animation:ogin .45s var(--ease-out)}
.lvd-detail img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid var(--c)}
.lvd-detail img.sym{object-fit:contain;padding:16px;border:1px dashed var(--c);opacity:.7}
.lvd-detail .role{margin:0 0 .3em;color:var(--c);font-weight:600}
.lvd-detail p{margin:0;max-width:44ch;font-size:.96rem}
.lv-creds{margin:2rem 0 0}
.og-vps{--ogc:#5FD3C2}
.og-layers{background:radial-gradient(50% 60% at 100% 0%,rgba(240,210,138,.09),transparent 70%),#040813}
.og-matrix{background:radial-gradient(50% 60% at 0% 0%,rgba(143,180,255,.10),transparent 70%),#050914}
.og-council{background:radial-gradient(50% 60% at 100% 0%,rgba(232,194,122,.10),transparent 70%),#04070F}
.og-committees{background:radial-gradient(50% 60% at 0% 0%,rgba(127,214,200,.10),transparent 70%),#050914}
.og-vps{background:radial-gradient(50% 60% at 100% 100%,rgba(95,211,194,.10),transparent 70%),#04070F}
.og.alt{background-color:initial}
@media (max-width:860px){.lv-grid{grid-template-columns:1fr}.lv-globe{position:relative;top:auto}.lvd-row{grid-template-columns:minmax(0,1fr) auto}.lvd-sub{grid-column:1}.lvd-who{grid-column:1}}

/* SHARED: decoded section titles, footer globe pulled up behind the contact block */
h2.dec i{font-style:normal;color:var(--gold-2);opacity:.8}
.site-footer .foot-grid{position:relative;z-index:2}
.foot-stage{margin-top:calc(-1 * clamp(220px,26vw,380px));padding-top:clamp(240px,28vw,400px)}
.foot-stage #foot-fx{-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 82%,transparent)}

/* OUR STORY */
.sy-stats{padding:clamp(56px,7vw,100px) 0;background:linear-gradient(180deg,#040A1C,#0A1330)}
.sy-stats h2{margin-bottom:1.4rem;font-size:clamp(1.6rem,3.2vw,2.6rem)}
.sy-stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(240,210,138,.3)}
.sy-stats li{padding:1.4rem 1rem 0 0;border-right:1px solid rgba(240,210,138,.14);margin-right:1rem}
.sy-stats li:last-child{border-right:0}
.sy-stats b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3.6vw,3.2rem);color:var(--gold-2);line-height:1.05;margin-bottom:.5rem}
.sy-stats span{color:var(--muted,#B9C3DD);font-size:.92rem;line-height:1.45}
.sy-time{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;background:#030816}
.sy-rail{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,4vw,70px);isolation:isolate}
.sy-bgs i{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:0;transform:scale(1.12);transition:opacity .9s var(--ease-out),transform 6s var(--ease-out)}
.sy-bgs i.on{opacity:.55;transform:scale(1)}
.sy-rail::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,8,22,.5),rgba(3,8,22,.95)),radial-gradient(500px 400px at 30% 60%,rgba(217,180,95,.18),transparent 70%)}
.sy-year{font-family:var(--display);font-size:clamp(4rem,11vw,10rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--gold-2);text-shadow:0 0 60px rgba(217,180,95,.3);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.sy-dots{list-style:none;margin:2.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.sy-dots button{all:unset;font-family:var(--display);font-size:.7rem;color:rgba(255,255,255,.4);padding:.3em 0;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.sy-dots button.on{color:var(--gold-2);border-color:var(--gold-2)}
.sy-list{padding:clamp(80px,12vh,140px) clamp(24px,4vw,70px) 20vh 0}
.sy-list h2{margin-bottom:8vh;font-size:clamp(1.6rem,3.2vw,2.6rem)}
.sy-e{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transform:translateX(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);border-left:2px solid rgba(240,210,138,.15);padding-left:clamp(18px,2.4vw,40px)}
.sy-e.on{opacity:1;transform:none;border-color:var(--gold-2)}
.sy-y{display:none;font-family:var(--display);color:var(--gold-2);font-size:1.4rem;margin:0 0 .6rem}
.sy-t{font-size:clamp(1.15rem,1.9vw,1.6rem);line-height:1.5;margin:0 0 1.1rem;color:#fff}
.sy-l{margin:0;padding:.9rem 1.1rem;border-radius:0 12px 12px 0;border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(217,180,95,.14),transparent);color:#E9EEFA;font-size:1rem;line-height:1.55;max-width:56ch}
.sy-fam{padding:clamp(60px,8vw,120px) 0;background:linear-gradient(180deg,#030816,#0A1330)}
.sy-fam h2{margin-bottom:1.6rem;font-size:clamp(1.6rem,3.2vw,2.6rem)}
.sy-fl{list-style:none;margin:0;padding:0;display:flex;gap:12px;height:clamp(380px,52vh,520px)}
.sy-fl li{flex:1;min-width:0;transition:flex .6s var(--ease-out);display:flex}
.sy-fl li:has(.on){flex:3.2}
.sy-f{all:unset;box-sizing:border-box;cursor:pointer;flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,2vw,30px);border-radius:18px;border:1px solid rgba(240,210,138,.22);background:radial-gradient(420px 300px at 80% 0,rgba(217,180,95,.2),transparent 70%),#0C1534;transition:border-color .4s}
.sy-f:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.sy-f.on{border-color:var(--gold-2)}
.sy-f .n{font-family:var(--display);font-size:clamp(1.5rem,3.6vw,3.4rem);color:var(--gold-2);line-height:1}
.sy-f .s{margin:.4rem 0 0;color:#B9C3DD;font-size:.9rem}
.sy-f .d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease-out),opacity .5s;opacity:0}
.sy-f.on .d{grid-template-rows:1fr;opacity:1;margin-top:1rem}
.sy-f .d>span{overflow:hidden;min-height:0;display:block;line-height:1.55}
.sy-f .d em{display:block;font-style:normal;color:var(--gold-2);margin-top:.8rem;line-height:1.5}
.sy-f .d>*{grid-row:1}
.sy-ppl{padding:clamp(60px,8vw,110px) 0;background:#0A1330;overflow:hidden}
.sy-ppl h2{font-size:clamp(1.6rem,3.2vw,2.6rem);margin-bottom:.4em}
.sy-pl{list-style:none;margin:2rem 0;padding:0 clamp(20px,4vw,60px);display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.sy-pl li{flex:0 0 clamp(170px,17vw,240px);scroll-snap-align:start}
.sy-pl a{display:block;position:relative;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;aspect-ratio:4/5}
.sy-pl img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s,transform .8s var(--ease-out)}
.sy-pl a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,8,22,.95))}
.sy-pl a:hover img,.sy-pl a:focus-visible img{filter:none;transform:scale(1.06)}
.sy-pl .nm,.sy-pl .rl{position:absolute;left:14px;right:14px;z-index:1}
.sy-pl .nm{bottom:34px;font-family:var(--display);font-size:.85rem}
.sy-pl .rl{bottom:12px;font-size:.78rem;color:var(--gold-2)}
@media (max-width:860px){
 .sy-stats ul{grid-template-columns:1fr 1fr}.sy-stats li{border-right:0}
 .sy-time{grid-template-columns:1fr}.sy-rail{position:sticky;top:60px;height:34vh;z-index:3;background:#030816}.sy-year{font-size:3.4rem}.sy-dots{display:none}
 .sy-list{padding:30px 22px 10vh}.sy-e{min-height:44vh}
 .sy-fl{flex-direction:column;height:auto}.sy-fl li,.sy-fl li:has(.on){flex:none}.sy-f{min-height:110px}.sy-f.on{min-height:300px}
}
@media (prefers-reduced-motion:reduce){.sy-e{opacity:1;transform:none}.sy-bgs i{transition:none}}
.lead-top{outline:1px solid var(--gold-2);outline-offset:-1px;box-shadow:0 0 60px rgba(217,180,95,.22)}
.lvd-seat.lead .lvd-row{background:linear-gradient(90deg,rgba(217,180,95,.22),transparent);border-left:3px solid var(--gold-2)}
.lvd-seat.lead .lvd-who{color:var(--gold-2)}
.sy-year{font-size:clamp(3.4rem,8vw,7.4rem)}
.sy-bgs i.on{opacity:.28}
.sy-f:not(.on) .n{font-size:clamp(1.1rem,1.8vw,1.7rem)}
.sy-f .n{transition:font-size .5s var(--ease-out)}
.sy-f .d{display:block;grid-template-rows:none;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s var(--ease-out),opacity .5s}
.sy-f.on .d{max-height:320px;opacity:1}
.sy-f .d>*{grid-row:auto}
.sy-f .dd{display:block;line-height:1.55}
@media (max-width:860px){.sy-f.on .d{max-height:420px}}
.sy-f .n{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sy-f:not(.on) .n{font-size:clamp(.9rem,1.25vw,1.2rem)}

/* PROJECTS: horizontal pinned track */
.pj-h{padding:150px 0 40px;background:linear-gradient(180deg,#040A1C,#030816)}
.pj-h h1{font-size:clamp(1.9rem,4.6vw,3.6rem);max-width:18ch;margin:.3em 0 .5em;text-wrap:balance}
.pj{position:relative;height:100vh;overflow:hidden;background:#030816}
.pj-bar{position:absolute;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px);top:26px;z-index:3;height:2px;background:rgba(255,255,255,.14)}
.pj-bar i{position:absolute;inset:0;background:var(--gold-2);transform-origin:0 0;transform:scaleX(0)}
.pj-bar span{position:absolute;right:0;top:12px;font-family:var(--display);font-size:.78rem;color:var(--gold-2)}
.pj-track{list-style:none;margin:0;padding:0;display:flex;height:100%;width:max-content;will-change:transform}
.pj-p{position:relative;flex:0 0 min(62vw,860px);height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,4vw,70px);border-right:1px solid rgba(240,210,138,.16);isolation:isolate;overflow:hidden}
.pj-p::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover;opacity:.22;transform:scale(1.1);transition:opacity .8s var(--ease-out),transform 5s var(--ease-out)}
.pj-p.on::before{opacity:.42;transform:scale(1)}
.pj-p::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 420px at 80% 20%,hsla(var(--h),70%,60%,.14),transparent 70%),linear-gradient(90deg,rgba(3,8,22,.7),rgba(3,8,22,.92))}
.pj-i{position:absolute;right:clamp(10px,3vw,50px);bottom:-.12em;font-family:var(--display);font-size:clamp(9rem,22vw,20rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.28)}
.pj-p h2{font-size:clamp(1.8rem,4vw,3.4rem);max-width:14ch;margin:0 0 .5em;text-wrap:balance}
.pj-d{max-width:46ch;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.6;margin:0 0 1.6rem}
.pj-p .btn{align-self:flex-start;position:relative;z-index:1}
.pj.flat{height:auto;overflow:visible}.pj.flat .pj-bar{display:none}
.pj.flat .pj-track{width:auto;flex-direction:column;height:auto}
.pj.flat .pj-p{flex:none;min-height:60vh;padding-block:60px}

/* LEADERSHIP: duties as a sticky stacked deck (different from the Governance orbit) */
.vd{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,70px);padding:clamp(60px,8vw,120px) clamp(24px,5vw,90px);background:radial-gradient(700px 500px at 0 30%,rgba(217,180,95,.1),transparent 70%),#030816}
.vd-side>div{position:sticky;top:120px}
.vd-side h2{font-size:clamp(1.7rem,3.4vw,2.8rem);margin-bottom:.5em;text-wrap:balance}
.vd-n{margin-top:2rem;font-family:var(--display);color:rgba(255,255,255,.45)}
.vd-n b{font-weight:400;font-size:clamp(2.6rem,5vw,4.4rem);color:var(--gold-2)}
.vd-deck{list-style:none;margin:0;padding:0 0 12vh}
.vd-c{position:sticky;top:calc(110px + var(--k)*22px);margin-bottom:34vh}
.vd-card{position:relative;overflow:hidden;min-height:260px;padding:clamp(22px,3vw,44px);border-radius:22px;border:1px solid rgba(240,210,138,.3);background:linear-gradient(135deg,hsl(calc(215 + var(--k)*9),55%,calc(15% + var(--k)*1.2%)),#091129);box-shadow:0 30px 70px rgba(0,0,0,.5);transform:translateY(30px) rotate(calc((var(--k) - 2.5)*.4deg));opacity:.6;transition:transform .8s var(--ease-out),opacity .6s}
.vd-c.in .vd-card{transform:none;opacity:1}
.vd-s{margin:0 0 .6rem;color:var(--gold-2);font-size:.9rem;letter-spacing:.04em}
.vd-card h3{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.1;margin:0 0 .7em}
.vd-x{margin:0;max-width:48ch;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.6}
.vd-line{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold-2),transparent);transform:scaleX(0);transform-origin:0 0;transition:transform 1.2s var(--ease-out) .2s}
.vd-c.in .vd-line{transform:none}
@media (max-width:860px){.vd{grid-template-columns:1fr}.vd-side>div{position:static}.vd-c{top:calc(80px + var(--k)*14px);margin-bottom:22vh}}
@media (prefers-reduced-motion:reduce){.vd-card{transform:none;opacity:1;transition:none}.vd-c{position:static;margin-bottom:16px}}

/* GOVERNANCE: presidency with distorted portraits + "what each one does" lists */
.gp{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(480px,64vh,640px);display:flex;align-items:center;background:#030816}
.gp-ph{position:absolute;inset:0 0 0 42%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.gp-ph img{position:absolute;top:0;height:100%;width:62%;object-fit:cover;filter:url(#gp-warp) grayscale(1) contrast(1.15) brightness(.85);mix-blend-mode:screen;opacity:.7;will-change:transform}
.gp-a{left:0}.gp-b{right:0;opacity:.55}
.gp-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,22,.5),transparent 30%,transparent 70%,rgba(3,8,22,.7)),radial-gradient(60% 70% at 60% 50%,rgba(217,180,95,.28),transparent 70%);mix-blend-mode:multiply}
.gp-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(240,210,138,.07) 0 1px,transparent 1px 5px);animation:gpscan 9s linear infinite}
@keyframes gpscan{to{background-position:0 100px}}
.gp-t{position:relative;padding-block:clamp(60px,8vw,110px)}
.gp-t>*{max-width:34rem}
.gp-t h2{font-size:clamp(1.8rem,3.6vw,3rem);margin-bottom:.5em}
.og-ex{margin-top:clamp(28px,4vw,56px)}
.og-exh{font-family:var(--display);font-weight:400;font-size:1rem;color:var(--gold-2);margin:0 0 1rem}
.og-ex dl{margin:0;border-top:1px solid rgba(240,210,138,.3)}
.og-ex dl>div{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(16px,3vw,48px);padding:1.1rem .6rem;border-bottom:1px solid rgba(240,210,138,.14);transition:background .4s,padding-left .4s var(--ease-out)}
.og-ex dt{font-family:var(--display);font-size:clamp(.95rem,1.4vw,1.2rem);color:#fff}
.og-ex dd{margin:0;line-height:1.65;color:#DCE4F7;max-width:70ch}
@media (hover:hover) and (pointer:fine){.og-ex dl>div:hover{background:linear-gradient(90deg,rgba(217,180,95,.12),transparent);padding-left:1.2rem}}
@media (max-width:860px){.gp-ph{inset:0;opacity:.5}.og-ex dl>div{grid-template-columns:1fr;gap:.4rem}}
.gp-t{width:100%}
.sy-pl{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;scroll-snap-type:none}
.sy-pl::-webkit-scrollbar{display:none}
.sy-pl.drag{cursor:grabbing;scroll-behavior:auto}
.sy-pl.drag a{pointer-events:none}
.sy-pl img{-webkit-user-drag:none;user-select:none}
.sy-ctl{display:flex;align-items:center;gap:20px;margin:0 auto 1.6rem}
.sy-pb{flex:1;height:2px;background:rgba(255,255,255,.14);border-radius:2px;overflow:hidden}
.sy-pb i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform-origin:0 0;transform:scaleX(.1);transition:transform .25s var(--ease-out)}
.sy-btns{display:flex;gap:8px}
.sy-btns button{all:unset;box-sizing:border-box;width:44px;height:44px;border-radius:50%;border:1px solid rgba(240,210,138,.4);display:grid;place-items:center;cursor:pointer;color:var(--gold-2);transition:background .3s,transform .3s var(--ease-out)}
.sy-btns button:hover{background:rgba(217,180,95,.18)}
.sy-btns button:active{transform:scale(.94)}
.sy-btns button:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.sy-btns .rev{transform:scaleX(-1)}
.sy-pl a{display:flex;flex-direction:column;justify-content:flex-end;padding:14px;gap:.25rem}
.sy-pl img{position:absolute;inset:0}
.sy-pl .nm,.sy-pl .rl{position:static;z-index:1}

/* PROJECTS v2: a light follows the cursor (page scrolls normally) */
.pjl{background:#030816;padding:clamp(20px,3vw,40px) 0 clamp(60px,8vw,120px)}
.pjl-wrap{position:relative;--x:-400px;--y:-400px;--r:0px;overflow:hidden}
.pjl ul{list-style:none;margin:0;padding:0}
.pjl-r{position:relative;height:clamp(110px,17vh,170px);border-top:1px solid rgba(240,210,138,.18);display:flex;align-items:center;padding:0 clamp(24px,5vw,90px)}
.pjl-r:last-child{border-bottom:1px solid rgba(240,210,138,.18)}
.pjl-r a{position:absolute;inset:0;display:flex;align-items:center;padding:0 clamp(24px,5vw,90px);color:inherit;text-decoration:none}
.pjl-r .t{font-family:var(--display);font-size:clamp(1.7rem,4.8vw,4.6rem);line-height:1;max-width:60%;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.55);letter-spacing:.01em}
.pjl-r .d{position:absolute;right:clamp(24px,5vw,90px);top:50%;translate:0 -50%;width:min(34%,420px);font-size:clamp(.88rem,1.05vw,1rem);line-height:1.55;opacity:0}
.pjl-r .arr{position:absolute;right:clamp(24px,5vw,90px);bottom:14px;opacity:.0}
.pjl-lens{position:absolute;inset:0;pointer-events:none;clip-path:circle(var(--r) at var(--x) var(--y));-webkit-clip-path:circle(var(--r) at var(--x) var(--y))}
.pjl-lens .pjl-r{border-color:transparent;background:linear-gradient(90deg,rgba(3,8,22,.78),rgba(3,8,22,.5)),var(--bg) center/cover;box-shadow:inset 0 0 120px hsla(var(--h),70%,55%,.25)}
.pjl-lens .t{color:var(--gold-2);-webkit-text-stroke:0;text-shadow:0 0 40px rgba(217,180,95,.5)}
.pjl-lens .d{opacity:1;color:#fff}
.pjl-ring{position:absolute;left:var(--x);top:var(--y);width:calc(var(--r)*2);height:calc(var(--r)*2);translate:-50% -50%;border-radius:50%;border:1px solid rgba(240,210,138,.5);box-shadow:0 0 60px rgba(217,180,95,.25);pointer-events:none}
.pjl-r a:focus-visible{outline:2px solid var(--gold-2);outline-offset:-4px}
/* touch / reduced motion: every project open, no lens */
.pjl-wrap.flat .pjl-lens,.pjl-wrap.flat .pjl-ring{display:none}
.pjl-wrap.flat .pjl-r .t{color:var(--gold-2);-webkit-text-stroke:0}
.pjl-wrap.flat .pjl-r .d{opacity:1;color:#E9EEFA}
.pjl-wrap.flat .pjl-r .arr{opacity:1}
@media (max-width:860px){.pjl-wrap .pjl-r{height:auto;min-height:150px;padding:28px 22px}.pjl-wrap .pjl-r a{position:static;display:block;padding:0}.pjl-wrap .pjl-r .t{max-width:none;display:block;margin-bottom:.6rem}.pjl-wrap .pjl-r .d{position:static;translate:none;width:auto;display:block}.pjl-wrap .pjl-r .arr{position:static;display:inline-block;margin-top:.6rem}}
.pjl-r .t{font-size:clamp(1.3rem,3vw,2.8rem);max-width:56%}
.pjl-r{height:clamp(84px,12vh,120px)}
.pjl-q{background:linear-gradient(180deg,#030816,#050C20);padding:0 0 22px}
.pjl-q .wrap{display:flex;gap:14px 22px;align-items:baseline;flex-wrap:wrap}
.pjl-qh{font-family:var(--display);font-size:.78rem;color:var(--gold-2)}
.pjl-q ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.pjl-q a{position:relative;display:inline-block;padding:.45em 0;color:#DCE4F7;text-decoration:none;font-size:.95rem;transition:color .3s}
.pjl-q a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold-2);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease-out)}
.pjl-q a:hover,.pjl-q a:focus-visible{color:var(--gold-2)}
.pjl-q a:hover::after,.pjl-q a:focus-visible::after{transform:none}
.pj-h .wh-hint{margin-top:1rem}
.pjl-r .t{font-size:clamp(1.2rem,2.4vw,2.2rem);max-width:42%}
.pjl-r .d{left:52%;right:auto;width:min(40%,460px)}
@media (max-width:860px){.pjl-wrap .pjl-r .d{left:auto}}

/* OUR STORY: Born from WESCO as giant words (no boxes) */
.sy-fam{background:#030816}
.sy-fl{display:block;height:auto;gap:0;border-top:1px solid rgba(240,210,138,.22)}
.sy-fl li,.sy-fl li:has(.on){display:block;flex:none;border-bottom:1px solid rgba(240,210,138,.22)}
.sy-f{display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;padding:clamp(14px,2vw,26px) 0;border:0;border-radius:0;background:none;overflow:visible;gap:0 24px}
.sy-f .n,.sy-f:not(.on) .n{grid-column:1;font-size:clamp(3rem,13vw,12rem);line-height:.95;max-width:none;overflow:visible;text-overflow:clip;color:rgba(255,255,255,.14);transition:color .5s,letter-spacing .7s var(--ease-out)}
.sy-f .s{grid-column:2;grid-row:1;align-self:end;margin:0 0 1.2rem;font-family:var(--display);font-size:.8rem;color:rgba(255,255,255,.45);transition:color .4s}
.sy-f.on .n{background:var(--bg) center/cover;-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.03em;animation:fillmove 14s ease-in-out infinite alternate;filter:drop-shadow(0 0 30px rgba(217,180,95,.35))}
.sy-f.on .s{color:var(--gold-2)}
@keyframes fillmove{from{background-position:0 20%}to{background-position:100% 80%}}
.sy-f .d,.sy-f.on .d{grid-column:1/-1;display:block;max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .7s var(--ease-out),opacity .5s,margin .5s}
.sy-f.on .d{max-height:260px;opacity:1;margin-top:.6rem}
.sy-f .dd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(16px,4vw,60px);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65;color:#E9EEFA;padding-bottom:.6rem}
.sy-f .d em{margin:0;font-style:normal;color:var(--gold-2);border-left:2px solid var(--gold-2);padding-left:1rem}
@media (hover:hover) and (pointer:fine){.sy-f:not(.on):hover .n{color:rgba(240,210,138,.5)}}
@media (max-width:860px){.sy-f .dd{grid-template-columns:1fr}.sy-f .n,.sy-f:not(.on) .n{font-size:clamp(2.6rem,16vw,5rem)}.sy-f.on .d{max-height:420px}}
@media (prefers-reduced-motion:reduce){.sy-f.on .n{animation:none}}
.sy-f{text-align:left}
.sy-f .n,.sy-f:not(.on) .n{font-size:clamp(2.6rem,9.4vw,8.6rem);text-align:left}
.sy-f.on .n{filter:brightness(1.9) contrast(1.1) drop-shadow(0 0 30px rgba(217,180,95,.4))}

/* PROJECTS: why block, lens title, access mosaic */
.pjw{padding:clamp(40px,6vw,90px) 0;background:#030816}
.pjw h2{font-size:clamp(1.7rem,3.6vw,3rem);max-width:22ch;margin-bottom:1.4rem;text-wrap:balance}
.pjw-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,64px);border-top:1px solid rgba(240,210,138,.3);padding-top:1.4rem}
.pjw-cols h3{font-family:var(--display);font-weight:400;font-size:1.05rem;color:var(--gold-2);margin:0 0 .7rem}
.pjw-cols p{margin:0;line-height:1.7;color:#E1E8F8}
.pjl-h{background:#030816;padding:clamp(30px,4vw,60px) 0 0}
.pjl-h h2{font-size:clamp(1.5rem,3vw,2.4rem);margin-bottom:.3em}
.pjl-r{height:clamp(104px,15vh,150px)}
.pjl-r .d{font-size:clamp(.92rem,1.15vw,1.06rem);line-height:1.6}
.pja{padding:clamp(50px,7vw,100px) 0 clamp(50px,7vw,100px);background:#030816}
.pja h2{font-size:clamp(1.6rem,3.2vw,2.6rem);margin-bottom:.3em}
.pja-g{list-style:none;margin:2rem 0 0;padding:0 clamp(16px,3vw,48px);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,19vw,250px);gap:10px}
.pja-t{grid-column:span 4;position:relative;overflow:hidden}
.pja-t.t0{grid-column:span 6}.pja-t.t1{grid-column:span 3}.pja-t.t2{grid-column:span 3}.pja-t.t3{grid-column:span 4}.pja-t.t4{grid-column:span 4}
.pja-t a{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:clamp(14px,1.6vw,24px);color:#fff;text-decoration:none;background:linear-gradient(180deg,transparent 35%,rgba(3,8,22,.92)),var(--bg) center/cover;filter:hue-rotate(calc(var(--h)*1deg)) saturate(1.1);transition:filter .6s}
.pja-t a::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;z-index:-1;transform:scale(1);transition:transform 1.2s var(--ease-out)}
.pja-t a:hover::before,.pja-t a:focus-visible::before{transform:scale(1.12)}
.pja-t a:hover,.pja-t a:focus-visible{filter:hue-rotate(calc(var(--h)*1deg)) saturate(1.5) brightness(1.15)}
.pja-t .n{font-family:var(--display);font-size:clamp(.95rem,1.5vw,1.35rem);line-height:1.2;max-width:16ch}
.pja-t a:focus-visible{outline:2px solid var(--gold-2);outline-offset:-4px}
@media (max-width:860px){.pjw-cols{grid-template-columns:1fr}.pja-g{grid-template-columns:1fr 1fr}.pja-t,.pja-t.t0,.pja-t.t1,.pja-t.t2,.pja-t.t3,.pja-t.t4{grid-column:span 1}}
/* mosaic: 11 tiles, every row sums to 12 */
@media (min-width:861px){
.pja-g .pja-t:nth-child(1){grid-column:span 6}.pja-g .pja-t:nth-child(2),.pja-g .pja-t:nth-child(3){grid-column:span 3}
.pja-g .pja-t:nth-child(4),.pja-g .pja-t:nth-child(5),.pja-g .pja-t:nth-child(6){grid-column:span 4}
.pja-g .pja-t:nth-child(7),.pja-g .pja-t:nth-child(8){grid-column:span 3}.pja-g .pja-t:nth-child(9){grid-column:span 6}
.pja-g .pja-t:nth-child(10),.pja-g .pja-t:nth-child(11){grid-column:span 6}}
.pja-t a{background:linear-gradient(180deg,rgba(3,8,22,0) 15%,rgba(3,8,22,.96)),var(--bg) center/cover}
.pja-t .n{text-shadow:0 2px 14px rgba(3,8,22,.95)}
/* timeline: bullet list */
ul.sy-t{list-style:none;padding:0;margin:0 0 1.1rem;font-size:clamp(.98rem,1.3vw,1.14rem);line-height:1.5}
ul.sy-t li{position:relative;padding:.38rem 0 .38rem 1.4rem;color:#fff}
ul.sy-t li::before{content:"";position:absolute;left:0;top:.95em;width:.6rem;height:2px;background:var(--gold-2)}

/* LEADERSHIP duties v2: free-scrolling rows, nothing pinned */
.vd{display:block;padding:clamp(60px,8vw,120px) 0;background:#030816}
.vd-h h2{font-size:clamp(1.7rem,3.4vw,2.8rem);margin-bottom:.4em;text-wrap:balance}
.vd-h .lede{max-width:60ch}
.vd-rows{list-style:none;margin:clamp(30px,5vw,60px) 0 0;padding:0}
.vd-r{position:relative;display:grid;grid-template-columns:clamp(90px,14vw,220px) minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(16px,3vw,56px);padding:clamp(26px,4vw,54px) clamp(24px,5vw,90px);border-top:1px solid rgba(240,210,138,.25);overflow:hidden;outline:none;isolation:isolate;opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.vd-r:last-child{border-bottom:1px solid rgba(240,210,138,.25)}
.vd-r.in{opacity:1;transform:none}
.vd-r::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,8,22,.55),rgba(3,8,22,.92)),var(--bg) center/cover;clip-path:circle(0 at var(--mx,20%) 50%);transition:clip-path .9s var(--ease-out);filter:hue-rotate(calc(var(--k)*37deg))}
.vd-r:hover::before,.vd-r:focus-visible::before{clip-path:circle(140% at var(--mx,20%) 50%)}
.vd-no{font-family:var(--display);font-size:clamp(3rem,8vw,7rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.55);transition:color .5s,-webkit-text-stroke-color .5s}
.vd-r:hover .vd-no,.vd-r:focus-visible .vd-no{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2)}
.vd-s{margin:0 0 .5rem;color:var(--gold-2);font-size:.9rem}
.vd-t h3{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.3rem);line-height:1.12;margin:0}
.vd-x{margin:0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65;color:#E1E8F8;max-width:52ch}
.vd-line{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--gold-2),transparent);transform:scaleX(0);transform-origin:0 0;transition:transform 1.2s var(--ease-out)}
.vd-r.in .vd-line{transform:scaleX(.3)}.vd-r:hover .vd-line{transform:none}
@media (max-width:860px){.vd-r{grid-template-columns:1fr;gap:10px}.vd-no{font-size:3rem}}
@media (prefers-reduced-motion:reduce){.vd-r{opacity:1;transform:none;transition:none}.vd-r::before{transition:none}}

/* WHAT WE DO v2: why, flow, numbers, regions */
.wy{padding:clamp(60px,9vw,130px) 0;background:#030816}
.wy h2,.wf h2,.wn h2,.wr h2,.wc-h h2{font-size:clamp(1.6rem,3.2vw,2.6rem);margin-bottom:.6em;text-wrap:balance}
.wy-s{display:grid;gap:clamp(18px,3vw,40px);margin-top:clamp(20px,3vw,40px)}
.wy-line{margin:0;font-family:var(--display);font-size:clamp(1.5rem,3.6vw,3.2rem);line-height:1.22;max-width:30ch}
.wy-line:nth-child(2){margin-left:clamp(0px,12vw,200px)}.wy-line:nth-child(3){margin-left:clamp(0px,24vw,400px)}
.wy-w{display:inline-block;color:rgba(255,255,255,.14);transform:translateY(.25em);transition:color .8s var(--ease-out),transform .8s var(--ease-out)}
.wy-w.on{color:#fff;transform:none}
.wf{position:relative;padding:clamp(50px,7vw,100px) 0;background:linear-gradient(180deg,#030816,#0A1330)}
.wf-steps{list-style:none;margin:clamp(30px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;z-index:2}
.wf-st{position:relative;padding:0 14px 0 0;cursor:pointer;outline:none;opacity:.5;transition:opacity .5s}
.wf-st.on,.wf-st:hover{opacity:1}
.wf-no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold-2);color:var(--gold-2);font-family:var(--display);margin-bottom:1rem;transition:background .5s,color .5s}
.wf-st.on .wf-no{background:var(--gold-2);color:#030816}
.wf-st b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.5vw,1.3rem);margin-bottom:.5rem}
.wf-x{display:block;font-size:.95rem;line-height:1.55;color:#E1E8F8;max-width:24ch}
.wf-p{display:flex;flex-direction:column;gap:.3rem;margin-top:.8rem;max-height:0;overflow:hidden;transition:max-height .6s var(--ease-out)}
.wf-st.on .wf-p{max-height:200px}
.wf-p a{color:var(--gold-2);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.wf-line{position:absolute;left:0;right:0;top:calc(clamp(50px,7vw,100px) + 8.5rem);width:100%;height:40px;pointer-events:none;opacity:.5}
.wf-line path{fill:none;stroke:var(--gold-2);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.4s var(--ease-out)}
.wf.in .wf-line path{stroke-dashoffset:0}
.wn{padding:clamp(50px,7vw,100px) 0;background:#030816}
.wn-g{list-style:none;margin:clamp(24px,4vw,50px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,70px) clamp(20px,4vw,60px)}
.wn-g li{border-top:1px solid rgba(240,210,138,.3);padding-top:1rem}
.wn-g b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,6vw,5rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold-2);transition:color .9s}
.wn-g li.in b{color:var(--gold-2)}
.wn-g span{display:block;margin-top:.6rem;color:#E1E8F8;max-width:26ch;line-height:1.5}
.wr{position:relative;isolation:isolate;padding:clamp(60px,8vw,120px) 0;overflow:hidden}
.wr-bgs i{position:absolute;inset:0;z-index:-1;background:center/cover;opacity:0;transition:opacity 1s;filter:saturate(.8)}
.wr-bgs i.on{opacity:1}
.wr::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,8,22,.94) 30%,rgba(3,8,22,.55))}
.wr-cols{display:grid;grid-template-columns:minmax(260px,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);margin-top:clamp(24px,4vw,48px);align-items:start}
.wr-tabs{list-style:none;margin:0;padding:0}
.wr-tabs button{all:unset;cursor:pointer;display:block;font-family:var(--display);font-size:clamp(1.8rem,3.8vw,3.3rem);line-height:1.15;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.6);transition:color .4s,padding-left .5s var(--ease-out)}
.wr-tabs button.on,.wr-tabs button:hover{color:var(--gold-2);padding-left:.4em}
.wr-tabs button:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
.wr-lead{font-family:var(--display);font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.3;margin:0 0 1.2rem;max-width:30ch}
.wr-p ul{list-style:none;margin:0;padding:0}
.wr-p li{padding:.55rem 0 .55rem 1.4rem;position:relative;line-height:1.55;max-width:60ch}
.wr-p li::before{content:"";position:absolute;left:0;top:1.2em;width:.6rem;height:2px;background:var(--gold-2)}
.wr-p.on li{animation:wrin .6s var(--ease-out) both}
.wr-p.on li:nth-child(2){animation-delay:.07s}.wr-p.on li:nth-child(3){animation-delay:.14s}.wr-p.on li:nth-child(4){animation-delay:.21s}.wr-p.on li:nth-child(5){animation-delay:.28s}
@keyframes wrin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.wc-h{padding:clamp(40px,6vw,80px) 0 clamp(20px,3vw,40px);background:#030816}
@media (max-width:860px){.wf-steps{grid-template-columns:1fr;gap:22px}.wf-line{display:none}.wf-x{max-width:none}.wf-p{max-height:none}.wn-g{grid-template-columns:1fr 1fr}.wr-cols{grid-template-columns:1fr}.wy-line{margin-left:0!important}}
@media (prefers-reduced-motion:reduce){.wy-w{color:#fff;transform:none;transition:none}.wf-line path{stroke-dashoffset:0;transition:none}.wr-p.on li{animation:none}}

/* WHAT: market data bars */
.wd{padding:clamp(50px,7vw,100px) 0;background:linear-gradient(180deg,#030816,#0A1330)}
.wd h2{font-size:clamp(1.5rem,3vw,2.4rem);margin-bottom:.4em;text-wrap:balance}
.wd-tabs{display:flex;flex-wrap:wrap;gap:8px 26px;margin:1.6rem 0 .8rem}
.wd-tabs button{all:unset;cursor:pointer;font-family:var(--display);font-size:clamp(1rem,1.5vw,1.3rem);color:rgba(255,255,255,.5);padding:.3rem 0;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}
.wd-tabs button[aria-selected=true]{color:var(--gold-2);border-color:var(--gold-2)}
.wd-tabs button:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
.wd-unit{margin:0 0 1rem;color:#C9D4EE;font-size:.95rem}
.wd-bars{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.wd-bars li{display:grid;grid-template-columns:minmax(120px,210px) 1fr minmax(70px,100px);gap:16px;align-items:center}
.wd-n{font-size:clamp(.95rem,1.2vw,1.1rem)}
.wd-b{display:block;height:clamp(18px,2.4vw,30px);background:rgba(255,255,255,.07)}
.wd-b i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8A6A1F,var(--gold-2));transition:width 1.1s var(--ease-out)}
.wd-v{font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.6vw,1.4rem);color:var(--gold-2);text-align:right}
.wd-read{margin:2rem 0 0;font-family:var(--display);font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.35;max-width:46ch}
.wd-note,.wd-src{margin:.9rem 0 0;font-size:.85rem;line-height:1.55;color:#B8C5E4;max-width:80ch}
.wd-src a{color:var(--gold-2);text-underline-offset:3px}
@media (max-width:640px){.wd-bars li{grid-template-columns:1fr 80px}.wd-b{grid-column:1/-1;order:3}}
@media (prefers-reduced-motion:reduce){.wd-b i{transition:none}}

/* PROJECTS lens: roomier rows, text never overlaps */
.pjl-wrap .pjl-r{height:auto;min-height:0;padding:0;display:block}
.pjl-wrap .pjl-r>a,.pjl-wrap .pjl-lens .pjl-r{position:static;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(28px,5vw,90px);align-items:center;padding:clamp(28px,4.2vh,48px) clamp(24px,5vw,90px);min-height:clamp(140px,19vh,200px)}
.pjl-wrap .pjl-r .t{position:static;max-width:none;font-size:clamp(1.15rem,2.2vw,2rem);line-height:1.15}
.pjl-wrap .pjl-r .d{position:static;translate:none;left:auto;right:auto;width:auto;max-width:56ch;font-size:clamp(.85rem,1vw,.98rem);line-height:1.65}
.pjl-wrap .pjl-r .arr{display:none}
@media (max-width:860px){.pjl-wrap .pjl-r>a,.pjl-wrap .pjl-lens .pjl-r{grid-template-columns:1fr;row-gap:10px;min-height:0}}

/* WHAT: image panels for the "why" (replaces the giant text) */
.wy{padding:clamp(50px,7vw,100px) 0 0}
.wy-list{margin-top:clamp(24px,4vw,48px)}
.wy-a{position:relative;overflow:hidden;min-height:clamp(380px,72vh,640px);display:flex;align-items:flex-end;isolation:isolate}
.wy-img{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,22,0) 25%,rgba(3,8,22,.9)),var(--bg) center/cover;filter:hue-rotate(var(--h)) saturate(1.25);transform:scale(1.18);clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease-out),transform 2.4s var(--ease-out)}
.wy-a.in .wy-img{clip-path:inset(0);transform:scale(1)}
.wy-a::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 400px at 85% 15%,rgba(228,166,75,.28),transparent 70%);mix-blend-mode:screen}
.wy-c{padding:clamp(24px,5vw,90px);max-width:min(760px,100%)}
.wy-c h3{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.2vw,2.8rem);line-height:1.12;margin:0 0 .6em;color:#fff}
.wy-c p{margin:0;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.6;color:#F1EEE4;max-width:46ch;text-shadow:0 2px 16px rgba(3,8,22,.8)}
.wy-c{opacity:0;transform:translateY(24px);transition:opacity .9s .5s var(--ease-out),transform .9s .5s var(--ease-out)}
.wy-a.in .wy-c{opacity:1;transform:none}
.wf,.wn{position:relative;isolation:isolate}
.wf::before,.wn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,22,.9),rgba(3,8,22,.7)),url(../img/scene/scene-5.webp) center/cover;filter:sepia(.55) hue-rotate(-12deg) saturate(1.5)}
.wn::before{background:linear-gradient(90deg,rgba(3,8,22,.92),rgba(3,8,22,.55)),url(../img/scene/scene-2.webp) center/cover}
@media (max-width:860px){.wy-a{min-height:clamp(340px,64vh,520px)}.wy-c{padding:24px 20px 32px}}
@media (prefers-reduced-motion:reduce){.wy-img{clip-path:inset(0);transform:none;transition:none}.wy-c{opacity:1;transform:none;transition:none}}
@media (max-width:860px){.wn-g{grid-template-columns:repeat(2,minmax(0,1fr))}.wn-g b{font-size:clamp(1.6rem,8vw,2.4rem);overflow-wrap:anywhere}}

/* WHAT v3 fixes */
.wf-p{gap:.5rem;margin-top:1rem}
.wf-p em{font-style:normal;font-size:.78rem;letter-spacing:.04em;color:#C9D4EE}
.wf-p a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.55rem .8rem;border:1px solid rgba(240,210,138,.45);border-radius:999px;text-decoration:none;color:#fff;font-size:.88rem;transition:background .3s,color .3s,transform .3s var(--ease-out),border-color .3s}
.wf-p a::after{content:"→";color:var(--gold-2);transition:transform .3s var(--ease-out),color .3s}
.wf-p a:hover,.wf-p a:focus-visible{background:var(--gold-2);color:#030816;border-color:var(--gold-2);transform:translateX(4px)}
.wf-p a:hover::after,.wf-p a:focus-visible::after{color:#030816;transform:translateX(4px)}
.wf-st.on .wf-p{max-height:360px}
.wf-st{padding-right:18px}
.wn-g b{font-size:clamp(1.8rem,3.6vw,3rem)}
.wn::before{background:linear-gradient(90deg,rgba(3,8,22,.78),rgba(3,8,22,.35)),url(../img/scene/scene-2.webp) center/cover;filter:sepia(.5) hue-rotate(-10deg) saturate(1.5)}
.wn-g li{border-top-color:rgba(240,210,138,.45)}
.wr-st{list-style:none;display:flex;flex-wrap:wrap;gap:12px clamp(20px,3vw,44px);margin:0 0 1.2rem;padding:0}
.wr-st b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);color:var(--gold-2);line-height:1.1}
.wr-st span{display:block;font-size:.85rem;color:#E1E8F8;margin-top:.2rem}
.wr-lead{font-size:clamp(1.05rem,1.6vw,1.4rem)}
.wr-tabs button{font-size:clamp(1.5rem,3vw,2.6rem);padding:.15em 0}
.wd-hint{display:flex;align-items:center;gap:10px;margin:1.6rem 0 .4rem;color:var(--gold-2);font-size:1rem}
.wd-hint i{width:28px;height:2px;background:var(--gold-2);position:relative;animation:wdh 1.4s var(--ease-out) infinite}
.wd-hint i::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid var(--gold-2);border-right:2px solid var(--gold-2);rotate:45deg}
@keyframes wdh{0%,100%{translate:0}50%{translate:8px}}
.wd-tabs{gap:10px;margin:.4rem 0 1rem}
.wd-tabs button{padding:.6rem 1.1rem;border:1px solid rgba(240,210,138,.5);border-radius:999px;font-size:clamp(.9rem,1.2vw,1.05rem);color:#fff}
.wd-tabs button:hover{background:rgba(240,210,138,.18)}
.wd-tabs button[aria-selected=true]{background:var(--gold-2);color:#030816;border-color:var(--gold-2)}
.wd-read{margin-top:3rem}
@media (prefers-reduced-motion:reduce){.wd-hint i{animation:none}}

/* ===== Members: open directory (rows, no cards) ===== */
.md-t{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .5rem}
.md-lede{max-width:60ch;color:var(--muted);margin:0 0 2rem}
.md-tools{display:grid;gap:22px;margin-bottom:1.4rem}
.md .md-tools input[type=search]{padding-inline:2px;width:100%;max-width:520px;background:transparent;border:0;border-bottom:1px solid var(--line);box-shadow:none;color:#fff;font:inherit;font-size:1.15rem;padding:12px 2px;border-radius:0;transition:border-color .2s}
.md .md-tools input[type=search]:focus{outline:none;border-bottom-color:var(--gold)}
.md-tools input[type=search]:focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}
.md-f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 26px}
.md-fl{flex:0 0 100%;font-size:.8rem;color:var(--muted);letter-spacing:.04em}
.md-b{position:relative;background:none;border:0;color:var(--ink);font:inherit;font-size:.98rem;cursor:pointer;padding:8px 0 12px;min-height:44px;display:flex;align-items:baseline;gap:8px;transition:color .2s,scale .16s var(--ease-out)}
.md-b b{font-weight:400;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .2s}
.md-b i{position:absolute;left:0;right:0;bottom:4px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}
.md-b i::after{content:"";position:absolute;inset:0;background:var(--gold-2);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .45s var(--ease-out)}
.md-b:active{scale:.97}
.md-b[aria-pressed="true"]{color:#fff}
.md-b[aria-pressed="true"] b{color:var(--gold-2)}
.md-b[aria-pressed="false"] i::after{opacity:.45}
@media (hover:hover) and (pointer:fine){.md-b:hover{color:#fff}.md-b:hover i::after{opacity:1}}
.md-b:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.md-l{list-style:none;margin:1.2rem 0 0;padding:0;border-top:1px solid var(--line)}
.md-l li{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);gap:6px 24px;align-items:baseline;padding:20px 8px;border-bottom:1px solid var(--line)}
.md-l li[hidden]{display:none}
.md-l li::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--gold-2);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.md-l strong{font-family:var(--display);font-weight:400;font-size:1.02rem;color:#fff;transition:translate .3s var(--ease-out),color .2s}
.md-l span{color:var(--muted)}
.md-l em{font-style:normal;font-size:.88rem;color:var(--ink);display:flex;align-items:center;gap:10px}
.md-l em::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-2)}
.md-l em[data-k="company"]::before{background:#6FA8FF}
.md-l em[data-k="continental"]::before{background:#fff}
@media (hover:hover) and (pointer:fine){.md-l li:hover::before{transform:scaleX(1)}.md-l li:hover strong{translate:8px 0;color:var(--gold-2)}}
@media (max-width:700px){.md-l li{grid-template-columns:1fr auto;padding:16px 4px}.md-l span{grid-column:1}.md-l em{grid-column:2;grid-row:1/3;align-self:center}}
@media (prefers-reduced-motion:reduce){.md-b i::after{transition:none}}

/* WHAT: flow project pills — centered, bold, smaller, blue and gold, never wider than the column */
.wf-st{min-width:0}
.wf-p{align-items:stretch;min-width:0}
.wf-p a{box-sizing:border-box;max-width:100%;justify-content:center;text-align:center;gap:0;padding:.5rem .9rem;font-size:.76rem;font-weight:700;letter-spacing:.02em;line-height:1.25;overflow-wrap:anywhere;color:#fff;
  background:rgba(70,120,255,.2);border:1px solid rgba(110,160,255,.65);transform:none;transition:background .3s,color .3s,border-color .3s,box-shadow .35s var(--ease-out),scale .16s var(--ease-out)}
.wf-p a::after{content:none}
.wf-p a:nth-of-type(even){background:rgba(240,210,138,.14);border-color:rgba(240,210,138,.7)}
.wf-p a:hover,.wf-p a:focus-visible{transform:none;background:#4678FF;border-color:#4678FF;color:#fff;box-shadow:0 0 0 4px rgba(70,120,255,.22),0 8px 24px -8px rgba(70,120,255,.7)}
.wf-p a:nth-of-type(even):hover,.wf-p a:nth-of-type(even):focus-visible{background:var(--gold-2);border-color:var(--gold-2);color:#030816;box-shadow:0 0 0 4px rgba(240,210,138,.2),0 8px 24px -8px rgba(240,210,138,.65)}
.wf-p a:active{scale:.97}

/* ===== WHAT: market section, one graphic per measure ===== */
.wd-tabs{margin:.6rem 0 2.2rem;gap:12px}
.wd-tabs button{font-family:var(--body,'Manrope',system-ui,sans-serif);font-weight:700;font-size:clamp(.92rem,1.1vw,1.02rem);letter-spacing:.01em;padding:.7rem 1.3rem}
.wd-unit{margin:0 0 1.8rem}
.wd-bars[hidden],.wd-viz[hidden]{display:none}
.wd-viz{min-height:300px}
/* share: ring */
.dn{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.dn svg{width:100%;height:auto;display:block;overflow:visible}
.dn-s{transition:stroke-dasharray 1.1s var(--ease-out),opacity .25s}
.dn-s.dim{opacity:.25}
.dn-n{font-family:var(--display);font-size:30px;fill:#fff}.dn-l{font-size:11px;fill:#C9D4EE}
.dn-l2{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dn-l2 li{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:opacity .25s}
.dn-l2 li.dim{opacity:.35}
.dn-l2 i{width:12px;height:12px;border-radius:50%}
.dn-l2 b{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.8vw,1.5rem);color:var(--gold-2)}
/* growth: rising columns */
.cl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,3vw,40px);align-items:end;height:340px}
.cl li{display:grid;grid-template-rows:auto 1fr auto;gap:10px;height:100%;text-align:center}
.cl b{font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.8vw,1.5rem);color:var(--c);opacity:0;transition:opacity .5s .5s}
.cl li.go b{opacity:1}
.cl-b{display:flex;align-items:flex-end}
.cl-b i{display:block;width:100%;height:0;background:linear-gradient(180deg,var(--c),rgba(255,255,255,.04));border-radius:3px 3px 0 0;transition:height 1.1s var(--ease-out)}
.cl li.go .cl-b i{height:var(--h)}
.cl em{font-style:normal;font-size:.85rem;color:#C9D4EE;min-height:2.6em}
/* players: bubbles */
.bb{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px clamp(18px,4vw,56px)}
.bb li{display:grid;justify-items:center;gap:12px}
.bb-o{display:grid;place-items:center;width:var(--d);height:var(--d);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 55%,#fff 10%),color-mix(in srgb,var(--c) 28%,#030816));box-shadow:0 0 60px -10px var(--c);scale:.2;opacity:0;transition:scale .9s var(--ease-out),opacity .6s}
.bb li.go .bb-o{scale:1;opacity:1}
.bb b{font-family:var(--display);font-weight:400;font-size:clamp(.85rem,1.5vw,1.3rem);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.bb em{font-style:normal;font-size:.85rem;color:#C9D4EE;text-align:center;max-width:14ch}
/* revenue per player: gauges */
.gg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,2vw,28px)}
.gg li{display:grid;justify-items:center;gap:6px}
.gg svg{width:100%;height:auto}
.gg-f{transition:stroke-dashoffset 1.2s var(--ease-out)}
.gg text{font-family:var(--display);font-size:25px;fill:#fff}
.gg em{font-style:normal;font-size:.85rem;color:#C9D4EE;text-align:center}
/* closing line with image */
.wd-end{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,80px);align-items:center;margin-top:clamp(64px,9vw,120px)}
.wd-read{margin:0;display:grid;gap:clamp(22px,3vw,40px);max-width:none}
.wd-read p{margin:0;font-family:var(--display);font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.35}
.wd-img{aspect-ratio:4/5;max-height:560px;width:100%;background:var(--img) center/cover no-repeat;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);scale:1.12}
@media (max-width:760px){.dn{grid-template-columns:1fr}.cl{height:280px;gap:8px}.cl em{font-size:.7rem}.gg{grid-template-columns:repeat(2,1fr)}.wd-end{grid-template-columns:1fr}.wd-img{max-height:380px;order:-1}}
@media (prefers-reduced-motion:reduce){.dn-s,.cl-b i,.gg-f{transition:none}.bb-o{scale:1;opacity:1;transition:none}.cl b{opacity:1;transition:none}}
html.a11y-motion .bb-o{scale:1;opacity:1;transition:none}html.a11y-motion .cl b{opacity:1}

.pc{font-family:var(--body,'Manrope',system-ui,sans-serif);font-weight:700;font-size:.8em;margin-left:.08em}
.wd-bars li{grid-template-columns:minmax(120px,210px) 1fr minmax(84px,130px)}

/* ===== CTA: flush with the footer, own look (filament image, no gold glow) ===== */
main.what{padding-bottom:0}
.cta-orb{margin:0;background:
  radial-gradient(ellipse 60% 90% at 50% 50%,rgba(3,8,22,.78),rgba(3,8,22,.35) 70%,rgba(3,8,22,.7)),
  linear-gradient(180deg,rgba(3,8,22,.55),rgba(3,8,22,.2) 40%,rgba(3,8,22,.55)),
  url(../img/scene/mercado-organico.webp) 55% 46%/cover no-repeat,#030816;
  border-top:1px solid rgba(143,180,255,.18)}
.cta-orb::before,.cta-orb::after{display:none}
.cta-orb h2{text-shadow:0 2px 30px rgba(3,8,22,.8)}
.cta-orb .lede{color:#D6DEF2}
.cta-orb .btn{box-shadow:0 10px 40px -10px rgba(240,210,138,.55)}
/* the footer starts where the CTA ends: no glow bleeding upward, a thin line instead */
.site-footer{margin-top:0;border-top:1px solid rgba(240,210,138,.28)}
.foot-glow{display:none}

.wd-tabs{margin-top:2.2rem}
.wd-hint{margin-bottom:1.6rem}

/* floating back-to-top */
.fab-top{position:fixed;right:clamp(14px,2.2vw,30px);bottom:clamp(14px,2.2vw,30px);z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#14100A;background:linear-gradient(135deg,#F0D28A,#C9A24E);box-shadow:0 10px 30px -8px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12);opacity:0;translate:0 14px;transition:opacity .3s,translate .4s var(--ease-out),scale .16s var(--ease-out)}
.fab-top[hidden]{display:none}
.fab-top.on{opacity:1;translate:0 0}
.fab-top .arr{rotate:-90deg}
.fab-top:active{scale:.94}
.fab-top:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (hover:hover) and (pointer:fine){.fab-top:hover .arr{translate:0 -3px}}
@media (prefers-reduced-motion:reduce){.fab-top{transition:opacity .2s;translate:0 0}}
/* WHAT: flat dotted map behind the closing lines and the image */
.wd-end{position:relative}
.wd-end::before{content:"";position:absolute;inset:-14% -6%;background:url(../img/scene/mapa-plano.webp) center/100% auto no-repeat;opacity:.28;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 65% 70% at 50% 50%,#000 40%,transparent 100%)}
.wd-end>*{position:relative;z-index:1}

/* ===== PROJECT PAGES: open layout, no boxes, no flat blue ===== */
.px{position:relative;padding:clamp(64px,9vw,124px) 0;overflow:hidden}
.px{--mh:linear-gradient(90deg,transparent,#000 45%,transparent)}
.px-v1{--mh:linear-gradient(270deg,#000,transparent 70%)}
.px-v2{--mh:linear-gradient(90deg,#000,transparent 65%)}
.px::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;opacity:.2;pointer-events:none;-webkit-mask-image:var(--mh),linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);-webkit-mask-composite:source-in;mask-image:var(--mh),linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-composite:intersect}
.px .wrap{position:relative;z-index:1}
.px h2{font-size:clamp(1.5rem,3vw,2.4rem);margin-bottom:.4em;text-wrap:balance}
.px-l,.px-g{list-style:none;margin:2.4rem 0 0;padding:0}
.px-l h3{font-family:var(--display);font-weight:400;font-size:clamp(1rem,1.5vw,1.25rem);color:#fff;margin:0 0 .6em;transition:color .3s,translate .35s var(--ease-out)}
.px-l p{margin:0;color:#C9D4EE;font-size:1rem;line-height:1.65;max-width:52ch}
.px-l li,.px-g li{position:relative}
.px-ready .px-l li,.px-ready .px-g li{opacity:0;translate:0 26px;transition:opacity .7s var(--ease-out) var(--d,0ms),translate .8s var(--ease-out) var(--d,0ms)}
.px-ready.in .px-l li,.px-ready.in .px-g li{opacity:1;translate:0 0}
/* variant 0: open columns under a drawing line */
.px-v0 .px-l{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(28px,4vw,64px)}
.px-v0 .px-l li{padding-top:24px}
.px-v0 .px-l li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--gold-2),rgba(240,210,138,.1));transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-out) var(--d,0ms)}
.px-ready.in.px-v0 .px-l li::before,.px:not(.px-ready).px-v0 .px-l li::before{transform:scaleX(1)}
/* variant 1: rows */
.px-v1 .px-l{border-top:1px solid rgba(255,255,255,.14)}
.px-v1 .px-l li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:8px clamp(24px,5vw,80px);align-items:baseline;padding:clamp(22px,2.6vw,34px) 4px;border-bottom:1px solid rgba(255,255,255,.14)}
.px-v1 .px-l li::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--gold-2);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.px-v1 .px-l h3{margin:0}
/* variant 2: staggered columns with a side line */
.px-v2 .px-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(32px,6vw,96px)}
.px-v2 .px-l li{padding-left:clamp(18px,2vw,28px);border-left:2px solid rgba(240,210,138,.55)}
.px-v2 .px-l li:nth-child(even){margin-top:clamp(24px,4vw,56px)}
@media (hover:hover) and (pointer:fine){
 .px-v1 .px-l li:hover::after{transform:scaleX(1)}
 .px-v1 .px-l li:hover h3,.px-v0 .px-l li:hover h3,.px-v2 .px-l li:hover h3{color:var(--gold-2)}
 .px-v1 .px-l li:hover h3{translate:8px 0}
 .px-v2 .px-l li{transition:border-color .3s}.px-v2 .px-l li:hover{border-left-color:var(--gold-2)}
}
/* lists of reasons */
.px-g{display:grid;gap:0;max-width:none}
.px-g li{padding:clamp(14px,1.8vw,22px) 0 clamp(14px,1.8vw,22px) 34px;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(1.02rem,1.5vw,1.3rem);line-height:1.5;color:#fff;max-width:70ch}
.px-g li::before{content:"";position:absolute;left:4px;top:calc(clamp(14px,1.8vw,22px) + .62em);width:9px;height:9px;rotate:45deg;background:var(--gold-2)}
/* figure: feathered, caption beside it */
.px-fig{padding:clamp(40px,6vw,84px) 0}
.px-f{margin:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:center}
.px-f img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);scale:1.14}
.px-f figcaption{font-family:var(--display);font-size:clamp(1.1rem,2vw,1.7rem);line-height:1.4;color:#fff;padding-left:clamp(18px,2vw,28px);border-left:2px solid var(--gold-2)}
.px-ready .px-f img{opacity:0;transition:opacity 1s var(--ease-out),scale 1.4s var(--ease-out)}
.px-ready.in .px-f img{opacity:1}
@media (max-width:860px){.px-v0 .px-l{grid-template-columns:repeat(2,minmax(0,1fr))}.px-v1 .px-l li{grid-template-columns:1fr}.px-f{grid-template-columns:1fr}}
@media (max-width:560px){.px-v0 .px-l,.px-v2 .px-l{grid-template-columns:1fr}.px-v2 .px-l li:nth-child(even){margin-top:0}}
@media (prefers-reduced-motion:reduce){.px-ready .px-l li,.px-ready .px-g li{opacity:1;translate:0 0;transition:none}.px-v0 .px-l li::before{transform:scaleX(1);transition:none}}
.px-fig{overflow:hidden}

/* leadership: both global leaders (Daniel and Kenneth) always show their photo */
.lvd-seat.lead .lvd-detail{display:grid;animation:none}

/* leadership: continental Leaders under the globe */
.lv-leaders{width:100%;max-width:560px;margin-top:clamp(18px,3vw,36px);text-align:left}
.lv-leaders h3{font-family:var(--display);font-size:clamp(.95rem,1.4vw,1.15rem);margin:0 0 .5rem;color:var(--gold-2)}
.lvl-note{margin:0 0 1rem;font-size:.92rem;line-height:1.55;color:rgba(238,235,226,.78);padding-left:14px;border-left:2px solid var(--gold-2)}
.lv-leaders ul{display:grid;gap:0}
.lv-leaders li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid rgba(238,235,226,.1)}
.lv-leaders li img{width:72px;height:72px;border-radius:50%;object-fit:contain;padding:14px;border:2px solid var(--c);background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%)}
.lv-leaders li div{display:grid;gap:2px}
.lv-leaders .lvl-c{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.lv-leaders strong{font-family:var(--display);font-size:1.02rem;font-weight:400;color:#fff}
.lv-leaders em{font-style:normal;color:var(--c);font-weight:600;font-size:.92rem}
.lv-leaders li span:last-child{font-size:.9rem;color:rgba(238,235,226,.75)}
.lv-leaders li.open strong{color:rgba(238,235,226,.55);font-family:var(--body)}
.lv-leaders li.open img{border-style:dashed;opacity:.7}
@media (max-width:860px){.lv-leaders{max-width:none}}

/* back-to-top: navy disc, gold ring that fills with page progress */
.fab-top{width:64px;height:64px;color:var(--gold-2);background:radial-gradient(circle at 50% 30%,#14234F,#050B1E 72%);box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 0 28px -6px rgba(240,210,138,.35),inset 0 0 0 1px rgba(240,210,138,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;--p:0deg}
.fab-top::before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:3px;background:conic-gradient(var(--gold-2) var(--p),rgba(240,210,138,.16) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.fab-top .arr{margin:0;width:1.25em;height:1.25em;rotate:-90deg}
.fab-top b{font-family:var(--display);font-weight:400;font-size:.52rem;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;line-height:1}
@media (hover:hover) and (pointer:fine){.fab-top{transition:opacity .3s,translate .4s var(--ease-out),scale .15s,box-shadow .3s,color .3s}.fab-top:hover{color:#fff;box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 0 38px -2px rgba(240,210,138,.6),inset 0 0 0 1px rgba(240,210,138,.5)}}
.fab-top,.fab-top b{text-decoration:none}

.lv-leaders li img:not(.sym){padding:0;object-fit:cover;background:none}

/* What we do: network that reaches every level */
.wnet{padding:clamp(56px,8vw,120px) 0;position:relative;overflow:hidden}
.wnet-stage{position:relative;height:clamp(440px,48vw,600px);margin-top:1.5rem}
.wnet-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.wnet-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#16275A,#040A1E 75%);box-shadow:0 0 0 1px rgba(240,210,138,.35),0 0 60px -6px rgba(240,210,138,.45)}
.wnet-core img{width:64px;height:auto}
.wnet-n{all:unset;box-sizing:border-box;position:absolute;left:calc(var(--x)*100%);top:calc(var(--y)*100%);translate:-50% -50%;cursor:pointer;display:flex;align-items:center;gap:10px;padding:.55em 1em .55em .7em;border-radius:999px;background:rgba(4,10,28,.82);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:#EEEBE2;font-size:.92rem;font-weight:600;white-space:nowrap;transition:border-color .3s,background .3s,box-shadow .3s}
.wnet-n i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);flex:none}
.wnet-n.on{background:color-mix(in srgb,var(--c) 22%,#040A1E);border-color:var(--c);box-shadow:0 0 28px -6px var(--c)}
.wnet-n:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.wnet-n:hover{border-color:var(--c)}}
.wnet-hint{text-align:center;margin:.4rem 0 1.6rem;color:var(--gold-2);font-size:.9rem}
.wnet-chain{counter-reset:s;display:flex;gap:0;max-width:none;position:relative}
.wnet-chain li{flex:1 1 0;min-width:0;position:relative;padding:0 14px 0 0;opacity:0;translate:0 10px}
.wnet-chain.in li{opacity:1;translate:0 0;transition:opacity .5s var(--ease-out) calc(var(--k)*90ms),translate .5s var(--ease-out) calc(var(--k)*90ms)}
.wnet-chain li::before{content:"";position:absolute;left:34px;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 25%,transparent))}
.wnet-chain li:last-child::before{display:none}
.wnet-chain b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c);color:#05091B;font-weight:700;font-size:.9rem;position:relative;z-index:1;margin-bottom:.8rem}
.wnet-chain span{display:block;font-size:.95rem;line-height:1.5;color:rgba(238,235,226,.9)}
@media (max-width:860px){.wnet-chain{flex-direction:column;gap:1.1rem}.wnet-chain li{padding:0 0 0 48px}.wnet-chain li::before{left:15px;top:34px;bottom:-1.1rem;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--c),transparent)}.wnet-chain b{position:absolute;left:0;top:0;margin:0}.wnet-stage{height:520px}.wnet-n{font-size:.78rem;padding:.45em .8em .45em .6em;white-space:normal;max-width:150px}.wnet-core{width:84px;height:84px}.wnet-core img{width:52px}}
@media (prefers-reduced-motion:reduce){.wnet-chain li{opacity:1;translate:0 0;transition:none}}
.wnet{background:radial-gradient(ellipse 70% 50% at 50% 55%,rgba(22,39,90,.55),transparent 70%),linear-gradient(180deg,#030816,#050C22 50%,#030816)}
.wnet .wrap{overflow:visible}
.wnet-stage{overflow:hidden}
@media (max-width:860px){.wnet-n{max-width:130px}}
.wy{overflow-x:clip}
/* flat map sits behind the text only, so the vortex no longer covers Asia */
.wd-end::before{inset:-6% auto -6% -5%;width:60%;background-size:100% auto;background-position:left center;opacity:.3;-webkit-mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 55%,transparent 100%)}
.wd-img{scale:.92;translate:6% 0}
@media (max-width:760px){.wd-end::before{inset:0;width:100%;opacity:.2}.wd-img{scale:1;translate:0 0}}

/* network v2: tighter, everything exposed, clear click cue */
.wnet-stage{height:clamp(470px,40vw,520px);overflow:visible}
.wnet-core{top:52%}
.wnet-n{gap:9px;padding:.5em .7em .5em .65em;font-size:.9rem;z-index:2}
.wnet-n u{text-decoration:none;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-radius:999px;padding:.2em .6em;margin-left:2px}
.wnet-n.on u{background:var(--c);color:#05091B}
.wnet-n:not(.on) i{animation:wnetp 1.8s ease-out infinite}
@keyframes wnetp{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 70%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.wnet-s{all:unset;box-sizing:border-box;position:absolute;translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;padding:.38em .85em .38em .65em;border-radius:999px;background:rgba(7,14,36,.92);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);font-size:.8rem;color:rgba(238,235,226,.88);white-space:nowrap;cursor:pointer;z-index:1;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}
.wnet-s i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.wnet-s.on{background:color-mix(in srgb,var(--c) 20%,#050B20);border-color:var(--c);color:#fff;box-shadow:0 0 18px -6px var(--c)}
.wnet-how{display:flex;justify-content:center;align-items:center;gap:12px;margin:1rem 0 .6rem}
.wnet-how .wnet-hint{margin:0;font-family:var(--display);font-size:clamp(.95rem,1.5vw,1.2rem);color:var(--gold-2)}
.wnet-cur{width:22px;height:22px;border-radius:50%;border:2px solid var(--gold-2);position:relative;animation:wnetp2 1.6s ease-out infinite;--c:var(--gold-2)}
.wnet-cur::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--gold-2)}
@keyframes wnetp2{0%{box-shadow:0 0 0 0 rgba(240,210,138,.6)}100%{box-shadow:0 0 0 14px transparent}}
.wnet-pt{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.8vw,1.5rem);margin:0 0 1.1rem;color:var(--c);text-align:left}
.wnet-reach{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:1.4rem 0 0}
.wnet-reach b{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c);margin-right:6px}
.wnet-reach span{border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:999px;padding:.25em .8em;font-size:.82rem}
@media (min-width:1061px){.wnet-reach{display:none}}
@media (max-width:1060px){.wnet-stage{height:560px}.wnet-s{display:none!important}.wnet-n u{display:none}.wnet-n{max-width:150px;font-size:.78rem}}
@media (prefers-reduced-motion:reduce){.wnet-n:not(.on) i,.wnet-cur{animation:none}}

/* governance: two parts, one command */
.two{padding:clamp(56px,8vw,110px) 0;background:radial-gradient(ellipse 60% 55% at 30% 50%,rgba(217,180,95,.12),transparent 70%),radial-gradient(ellipse 60% 55% at 70% 50%,rgba(95,211,194,.1),transparent 70%),linear-gradient(180deg,#030816,#050C22,#030816)}
.two-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr) minmax(0,1fr);gap:clamp(12px,3vw,40px);align-items:center;margin-top:clamp(24px,4vw,48px)}
.two-c h3{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.4vw,2rem);margin:.2em 0 .8em}
.two-tag{margin:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.two-p .two-tag,.two-p h3{color:var(--gold-2)}.two-i .two-tag,.two-i h3{color:#5FD3C2}
.two-i{text-align:left}
.two-c ul{display:grid;gap:.7rem;max-width:none}
.two-c li{padding-left:22px;position:relative;font-size:1.02rem;line-height:1.5}
.two-c li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;rotate:45deg}
.two-p li::before{background:var(--gold-2)}.two-i li::before{background:#5FD3C2}
.two-v{position:relative;aspect-ratio:1.5/1;min-height:200px}
.two-o{position:absolute;top:50%;translate:0 -50%;width:62%;aspect-ratio:1;border-radius:50%;mix-blend-mode:screen;transition:scale .6s var(--ease-out)}
.two-o1{left:0;background:radial-gradient(circle,rgba(240,210,138,.55),rgba(217,180,95,.12) 70%,transparent);box-shadow:inset 0 0 0 1.5px rgba(240,210,138,.7)}
.two-o2{right:0;background:radial-gradient(circle,rgba(95,211,194,.5),rgba(40,140,150,.12) 70%,transparent);box-shadow:inset 0 0 0 1.5px rgba(95,211,194,.7)}
.two-m{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;justify-items:center;gap:6px;text-align:center}
.two-m img{width:clamp(44px,6vw,64px);height:auto}
.two-m em{font-style:normal;font-family:var(--display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#fff}
@media (hover:hover) and (pointer:fine){.two-g:hover .two-o1{scale:1.04;translate:-2% -50%}.two-g:hover .two-o2{scale:1.04;translate:2% -50%}}
.two-st{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,1.8vw,1.5rem);margin:clamp(36px,5vw,64px) 0 1rem;color:#fff}
.two-s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);max-width:none}
.two-s li{padding:.9rem 0 .9rem 30px;border-top:1px solid rgba(238,235,226,.12);position:relative;font-size:1.02rem;line-height:1.5}
.two-s li::before{content:"";position:absolute;left:4px;top:1.35em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#F0D28A,#5FD3C2)}
@media (max-width:860px){.two-g{grid-template-columns:1fr}.two-v{order:-1;max-width:360px;margin:0 auto}.two-s{grid-template-columns:1fr}}

/* governance map: world map and signal rings behind, reading stays clear */
.mm-wrap{position:relative;border:0;background:none}
.mm-wrap::before{content:"";position:absolute;inset:0;background:url(../img/scene/mapa-plano.webp) center/92% auto no-repeat;opacity:.13;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 35%,transparent 100%);pointer-events:none}
.mm-wrap::after{content:"";position:absolute;left:50%;top:50%;width:min(130%,1400px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 78px,rgba(240,210,138,.07) 78px 79px);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 62%);mask-image:radial-gradient(circle,#000 20%,transparent 62%);animation:mmr 40s linear infinite;pointer-events:none}
@keyframes mmr{to{rotate:360deg}}
.mm-wrap>svg{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.mm-wrap::after{animation:none}}

.two-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.two-c{padding:0 clamp(16px,4vw,64px)}
.two-p{padding-left:0;border-right:1px solid rgba(238,235,226,.16)}
@media (max-width:860px){.two-g{grid-template-columns:1fr;gap:2rem}.two-c{padding:0}.two-p{border-right:0;border-bottom:1px solid rgba(238,235,226,.16);padding-bottom:2rem}}
.two-g{align-items:start}

/* members: live map and grouped directory */
.mmap{padding:clamp(48px,7vw,100px) 0 clamp(24px,4vw,48px);background:radial-gradient(ellipse 60% 60% at 50% 55%,rgba(22,39,90,.5),transparent 72%),linear-gradient(180deg,#030816,#050C22 60%,#030816)}
.mmap-st{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,60px);max-width:none;margin:1.6rem 0 1rem}
.mmap-st li{display:grid;gap:2px}
.mmap-st b{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.4vw,3.4rem);color:var(--gold-2);line-height:1;font-variant-numeric:tabular-nums}
.mmap-st span{font-size:.82rem;letter-spacing:.08em;color:rgba(238,235,226,.75)}
.mmap-stage{position:relative;width:100%}
.mmap-stage canvas{display:block}
.mmap-tip{position:absolute;pointer-events:none;padding:.35em .8em;background:rgba(4,10,28,.95);border:1px solid var(--gold-2);border-radius:999px;font-size:.82rem;white-space:nowrap;z-index:2}
.mmap-hint{display:flex;align-items:center;justify-content:center;gap:12px;margin:.8rem 0 0;font-family:var(--display);font-size:clamp(.9rem,1.4vw,1.1rem);color:var(--gold-2)}
.mmap-cur{width:18px;height:18px;border-radius:50%;border:2px solid var(--gold-2);position:relative;animation:wnetp2 1.6s ease-out infinite}
.mmap-cur::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--gold-2)}
@media (prefers-reduced-motion:reduce){.mmap-cur{animation:none}}
.md{background:linear-gradient(180deg,#030816,#050C22 30%,#030816)}
.md-gs{display:grid;gap:clamp(28px,4vw,56px);margin-top:1.4rem}
.md-g[hidden]{display:none}
.md-g h3{display:flex;align-items:baseline;gap:14px;margin:0;padding-bottom:.6rem;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3vw,2.4rem);color:var(--c);border-bottom:2px solid var(--c)}
.md-g h3 b{font-family:var(--body);font-size:.95rem;font-weight:600;color:rgba(238,235,226,.7)}
.md-g[data-g=americas]{--c:#F0B65A}.md-g[data-g=asia]{--c:#5FD3C2}.md-g[data-g=africa]{--c:#E8806A}.md-g[data-g=europe]{--c:#8FB4FF}
.md-g .md-l{margin-top:0;border-top:0}
.md-ge{display:none;margin:1rem 0 0;color:rgba(238,235,226,.7);padding-left:34px;position:relative}
.md-g.empty .md-ge{display:block}
.md-g.empty .md-ge::before{content:"";position:absolute;left:0;top:-4px;width:26px;height:16px;background:url(../img/logo/wesco-symbol.webp) center/contain no-repeat;opacity:.7}

/* one line only for labels and short items */
.md-l strong,.md-l span,.md-l em,.lvd-detail .role,.lc-seats .role,.lc-seats .aff,.lv-leaders strong,.lv-leaders em,.lv-leaders .lvl-c,.wnet-n,.wnet-s,.mm-leaf,.vps-all .role,.region-col .vps .role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:860px){.wnet-n{white-space:nowrap!important;max-width:none!important;font-size:.72rem!important}}
.two-c h3{font-size:clamp(1.05rem,1.9vw,1.6rem);white-space:nowrap}
.two-c li,.two-s li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.98rem}
@media (max-width:860px){.two-c li,.two-s li{white-space:normal}}
.wnet-how{margin:clamp(56px,7vw,104px) 0 clamp(40px,5vw,72px)}

/* header logo: symbol + wordmark, subtitle as large as the block allows */
.brand{display:flex;align-items:center;gap:clamp(8px,1vw,14px)}
.brand .b-sym{height:52px;width:auto}
.brand .b-tx{display:grid;gap:5px;justify-items:stretch}
.brand .b-word{height:auto;width:clamp(150px,15vw,222px)}
.brand .b-tx b{font-family:var(--display);font-weight:400;font-size:clamp(.5rem,.78vw,.68rem);letter-spacing:.14em;line-height:1;white-space:nowrap;color:#C9D3E8;text-align:justify;text-align-last:justify;text-shadow:0 0 10px rgba(143,180,255,.35)}
@media (max-width:1100px){.brand .b-sym{height:44px}.brand .b-word{width:150px}.brand .b-tx b{font-size:.5rem}}
@media (max-width:560px){.brand .b-sym{height:36px}.brand .b-word{width:118px}.brand .b-tx b{font-size:.4rem;letter-spacing:.1em}.brand .b-tx{gap:3px}}
.brand,.brand:hover{text-decoration:none}
.brand .b-tx b{text-decoration:none}
.main-nav a{white-space:nowrap}
.brand .b-word{width:clamp(130px,12vw,172px)}
.brand .b-sym{height:clamp(40px,3.8vw,50px)}
.brand .b-tx b{font-size:clamp(.44rem,.62vw,.58rem);letter-spacing:.12em}
@media (max-width:1180px){.tool-btn span{display:none}.brand .b-word{width:128px}.brand .b-tx b{font-size:.44rem}}
@media (max-width:560px){.brand .b-sym{height:32px}.brand .b-word{width:96px}.brand .b-tx b{font-size:.34rem;letter-spacing:.08em}}
.tools{flex:none}.tool-btn svg{flex:none}
@media (max-width:1120px){
  .menu-btn{display:inline-flex}
  .main-nav{position:fixed;inset:68px 0 auto 0;background:var(--navy-2);border-bottom:1px solid var(--line);padding:12px var(--pad) 20px;display:none}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .main-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:1rem}
}
@media (max-width:560px){.brand .b-sym{height:30px}.brand .b-word{width:84px}.brand .b-tx b{font-size:.3rem;letter-spacing:.06em}.tools{gap:5px}.tool-btn,.menu-btn{padding:8px 11px}.bar{gap:10px}}
.mmap-stage{width:min(1560px,96vw);margin-left:calc(50% - min(780px,48vw))}
.mmap-msg{min-height:1.6em;margin:.4rem 0 0;text-align:center;color:var(--gold-2);font-size:1rem}
.mmap-st{gap:clamp(14px,3vw,44px)}.mmap-st b{font-size:clamp(1.7rem,3.3vw,2.7rem)}
.sy-fnote{margin:clamp(24px,3vw,40px) 0 0;max-width:70ch;padding-left:18px;border-left:3px solid var(--gold-2);color:rgba(238,235,226,.85);font-size:1.02rem;line-height:1.55}

/* legal pages */
.lg-date{margin:1.2rem 0 0;font-size:.9rem;color:rgba(238,235,226,.65)}
.lg{padding:clamp(40px,6vw,90px) 0;background:linear-gradient(180deg,#030816,#050C22 50%,#030816)}
.lg-g{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.lg-nav{position:sticky;top:96px}
.lg-nav ol{display:grid;gap:.15rem;counter-reset:n;max-width:none}
.lg-nav a{display:block;padding:.45em 0 .45em 14px;border-left:2px solid rgba(238,235,226,.14);color:rgba(238,235,226,.75);font-size:.92rem;text-decoration:none;transition:color .2s,border-color .2s}
.lg-nav a:hover,.lg-nav a:focus-visible{color:#fff;border-color:var(--gold-2)}
.lg-other{display:grid;gap:.3rem;margin:1.6rem 0 0;padding-top:1rem;border-top:1px solid rgba(238,235,226,.12)}
.lg-other a{color:var(--gold-2);font-size:.92rem}
.lg-body{max-width:74ch}
.lg-body section{padding:0 0 clamp(26px,3.4vw,44px);scroll-margin-top:96px}
.lg-body h2{font-size:clamp(1.15rem,2vw,1.55rem);margin:0 0 .6rem}
.lg-body p,.lg-body li{font-size:1.04rem;line-height:1.68;color:rgba(238,235,226,.88)}
.lg-body p{margin:0 0 .8rem}
.lg-body ul{display:grid;gap:.45rem;margin:.4rem 0 0;max-width:none}
.lg-body li{position:relative;padding-left:22px}
.lg-body li::before{content:"";position:absolute;left:2px;top:.7em;width:7px;height:7px;rotate:45deg;background:var(--gold-2)}
@media (max-width:860px){.lg-g{grid-template-columns:1fr}.lg-nav{position:static}.lg-nav ol{grid-template-columns:1fr 1fr;gap:0 18px}}
@media (min-width:1121px) and (max-width:1500px){
  .tool-btn span{display:none}
  .tool-btn{padding:9px 12px}
  .brand .b-word{width:clamp(120px,10.5vw,150px)}
  .brand .b-sym{height:clamp(38px,3.4vw,46px)}
  .brand .b-tx b{font-size:clamp(.4rem,.52vw,.5rem);letter-spacing:.1em}
  .main-nav ul{gap:clamp(8px,1.25vw,20px)}
  .main-nav a{font-size:.86rem}
  .bar{gap:12px}
}

/* smart header: hides on scroll down, returns compact on scroll up */
.site-header{transition:transform .38s var(--ease-out),background-color .3s,box-shadow .3s;will-change:transform}
.site-header.hide{transform:translateY(-105%)}
.site-header.compact{background:linear-gradient(180deg,rgba(4,10,28,.94),rgba(4,10,28,.84));box-shadow:0 10px 40px -18px rgba(0,0,0,.7)}
.site-header .bar{transition:padding .3s var(--ease-out)}
.site-header.compact .bar{padding-block:5px}
.brand .b-sym,.brand .b-word{transition:height .3s var(--ease-out),width .3s var(--ease-out)}
.brand .b-tx b{transition:opacity .25s,max-height .3s;max-height:1.4em}
.site-header.compact .b-sym{height:34px}
.site-header.compact .b-word{width:112px}
.site-header.compact .b-tx b{opacity:0;max-height:0;margin-top:-5px}
.main-nav a{border-radius:999px;padding-inline:12px}
.main-nav a::before{content:"";position:absolute;inset:3px 0;border-radius:999px;background:rgba(240,210,138,.11);box-shadow:inset 0 0 0 1px rgba(240,210,138,.28);opacity:0;scale:.86;transition:opacity .25s,scale .3s var(--ease-out);z-index:-1}
.main-nav a{isolation:isolate}
@media (hover:hover) and (pointer:fine){.main-nav a:hover::before{opacity:1;scale:1}}
.main-nav a[aria-current]::before{opacity:1;scale:1;background:rgba(240,210,138,.07)}
.main-nav a::after{inset:auto 14px 5px 14px}
@media (prefers-reduced-motion:reduce){.site-header,.site-header .bar,.brand .b-sym,.brand .b-word{transition:none}}
@media (min-width:1121px) and (max-width:1500px){.main-nav a{padding-inline:9px}}
/* subtitle spans exactly the width of the WESCO word */
.brand .b-tx{display:block;width:auto}
.brand .b-sub{display:block;width:100%;height:auto;margin-top:5px;overflow:visible;transition:opacity .25s,margin .3s,max-height .3s;max-height:40px}
.brand .b-sub text{font-family:var(--display);font-size:16.5px;fill:#C9D3E8;font-weight:400}
.site-header.compact .b-sub{opacity:0;max-height:0;margin-top:0}
.brand .b-tx b{display:none}
.brand .b-tx{display:grid;grid-template-columns:min-content;justify-items:stretch;gap:0}
.brand .b-sub{min-width:0;contain:inline-size}
.brand .b-word,.brand .b-sym{max-width:none}
.brand .b-sub{contain:none}

/* members: logos */
.md-l li{grid-template-columns:56px minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);align-items:center}
.md-lg{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18);transition:transform .35s var(--ease-out),box-shadow .35s}
.md-lg img{width:78%;height:78%;object-fit:contain}
.md-lg b{font:400 1rem var(--display);color:#0A1330}
@media (hover:hover) and (pointer:fine){.md-l li:hover .md-lg{transform:scale(1.12);box-shadow:0 0 0 2px var(--gold-2)}}
@media (max-width:700px){.md-l li{grid-template-columns:48px minmax(0,1fr) auto}.md-lg{width:40px;height:40px;grid-row:1/3}.md-l strong,.md-l span{grid-column:2}.md-l em{grid-column:3}}
.foot-base .copy a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-2)}.foot-base .copy a:hover{color:var(--gold-2)}
@media (max-width:700px){.md-l li{grid-template-columns:48px minmax(0,1fr);gap:2px 14px;padding:14px 4px}.md-lg{grid-row:1/4}.md-l strong{grid-column:2;grid-row:1}.md-l span{grid-column:2;grid-row:2;font-size:.9rem}.md-l em{grid-column:2;grid-row:3;font-size:.8rem}}

/* fab-top: faster in/out */
.fab-top{transition:opacity .16s,translate .22s var(--ease-out),scale .15s,box-shadow .3s,color .3s}

/* ================= HEADER: fixed always ================= */
.site-header.hide{transform:none!important}
.menu-btn{display:none!important}
.foot-2c{columns:2;column-gap:1.6em}
.foot-2c li{break-inside:avoid}

/* ================= NEW PAGES v2 (cinematic) ================= */
html.js .rv{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform 1s var(--ease-out);transition-delay:calc(var(--d,0) * 70ms)}
html.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none;transition:none}}
html.a11y-motion.js .rv{opacity:1;transform:none;transition:none}
/* hero */
.xh{position:relative;isolation:isolate;overflow:hidden;padding:clamp(120px,17vh,190px) 0 0;background:#030816}
.xh-bg{position:absolute;inset:-8% 0;z-index:-2;background:var(--bg) center/cover no-repeat;opacity:.5;transform:translateY(var(--py,0px)) scale(1.08);will-change:transform}
.xh::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,22,.35),rgba(3,8,22,.97)),radial-gradient(900px 420px at 82% 8%,rgba(217,180,95,.18),transparent 70%)}
.xh .wrap{position:relative}
.xh-t{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,8.2vw,7.4rem);line-height:.96;margin:.25em 0 .35em;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1.3px var(--gold-2);display:flex;flex-wrap:wrap;column-gap:.32em;max-width:22ch}
.xh-t .xw{display:inline-flex;white-space:nowrap}
.xh-t b{font-weight:400;display:inline-block;animation:wdrop .9s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}
html.a11y-motion .xh-t b{animation:none}
.xh .lede{font-size:clamp(1.02rem,1.5vw,1.25rem);max-width:60ch;color:#D6DEF2}
.xh-hint{margin-top:1.1rem;color:var(--gold-2);font-size:.95rem}
.xmq{margin-top:clamp(34px,6vw,76px);border-block:1px solid rgba(240,210,138,.18);overflow:hidden;background:rgba(3,8,22,.55)}
.xmq-in{display:flex;width:max-content;animation:xmq 46s linear infinite}
.xmq:hover .xmq-in{animation-play-state:paused}
.xmq span{flex:none;padding:.35em 0;font-family:var(--display);font-size:clamp(1.3rem,3.2vw,2.6rem);color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.5);white-space:nowrap}
.xmq span::after{content:"";display:inline-block;width:.32em;height:.32em;rotate:45deg;background:var(--gold);margin:0 1.1em;vertical-align:middle;-webkit-text-stroke:0}
@keyframes xmq{to{transform:translateX(-50%)}}
.xmq.rev .xmq-in{animation-direction:reverse}
@media (prefers-reduced-motion:reduce){.xmq-in{animation:none}.xmq{overflow-x:auto}}
html.a11y-motion .xmq-in{animation:none}
/* generic section */
.xs{position:relative;padding-block:clamp(52px,8vw,120px)}
.xs-h{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,4.2vw,3.4rem);line-height:1.05;margin:0 0 .4em;color:transparent;-webkit-text-stroke:1px var(--gold-2);transition:color .8s ease}
.xs-h.in,.xs-h:hover{color:#F4E3B5}
.xs-p{color:var(--muted);max-width:62ch;margin:0 0 clamp(22px,3.4vw,46px)}
.xs-k{display:flex;align-items:center;gap:14px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin:0 0 14px}
.xs-k::after{content:"";height:1px;width:clamp(40px,8vw,120px);background:linear-gradient(90deg,rgba(240,210,138,.6),transparent)}
.xs-bgimg{position:absolute;inset:0;z-index:-1;background:var(--bg) center/cover no-repeat;opacity:.22;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.xs-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(240,210,138,.09),transparent 60%)}
.xgo{display:inline-flex;align-items:center;font-weight:700;font-size:.92rem;color:var(--gold-2);text-decoration:none}
.xgo:hover .arr{transform:translateX(5px)}
/* hover sweep rows */
.xrow{position:relative;display:grid;align-items:center;border-top:1px solid rgba(240,210,138,.18);text-decoration:none;color:var(--ink);isolation:isolate;overflow:hidden}
.xrow:last-child{border-bottom:1px solid rgba(240,210,138,.18)}
.xrow::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(240,210,138,.22),rgba(240,210,138,.02) 70%);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.xrow:hover::before,.xrow:focus-visible::before{transform:scaleX(1)}
/* PARTNERS: global rows */
.xp-g{display:block}
.xp-g .xrow{grid-template-columns:clamp(70px,12vw,170px) minmax(0,1fr) auto;column-gap:clamp(14px,3vw,48px);padding:clamp(18px,2.6vw,34px) 6px}
.xp-mono{font-family:var(--display);font-size:clamp(2.4rem,7vw,6rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.7);transition:color .5s,-webkit-text-stroke-color .5s}
.xp-mono img{display:block;max-width:100%;max-height:clamp(46px,7vw,86px);object-fit:contain}
.xrow:hover .xp-mono{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2)}
.xp-n{font-family:var(--display);font-size:clamp(1.05rem,2.4vw,2rem);line-height:1.15;margin:0}
.xp-s{display:block;color:var(--muted);margin-top:6px;font-size:.95rem}
.xp-go{font-weight:700;color:var(--gold-2);display:inline-flex;align-items:center;font-size:.9rem;white-space:nowrap}
.xp-go .arr{transition:transform .35s var(--ease-out)}
.xrow:hover .xp-go .arr{transform:translateX(6px)}
/* countries cloud */
.xcl{position:relative;overflow:hidden}
.xcl-map{position:absolute;inset:0;z-index:-1;background:url(../img/scene/mapa-plano.webp) center/contain no-repeat;opacity:.35}
.xcl-in{display:flex;flex-wrap:wrap;gap:.2em clamp(18px,3.2vw,52px);align-items:baseline;justify-content:center;text-align:center;padding-block:clamp(10px,3vw,40px)}
.xcl-in span{font-family:var(--display);line-height:1.12;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.6);transition:color .4s,-webkit-text-stroke-color .4s,transform .5s var(--ease-out);cursor:default;animation:xfloat 7s ease-in-out infinite;animation-delay:calc(var(--i) * -.9s)}
.xcl-in span:nth-child(3n+1){font-size:clamp(2rem,7.2vw,6rem)}
.xcl-in span:nth-child(3n+2){font-size:clamp(1.5rem,4.6vw,3.8rem);-webkit-text-stroke-color:rgba(240,210,138,.8)}
.xcl-in span:nth-child(3n){font-size:clamp(1.2rem,3vw,2.4rem)}
.xcl-in span:hover{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2);transform:scale(1.08);animation-play-state:paused}
@keyframes xfloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
html.a11y-motion .xcl-in span,.xcl-in span{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.xcl-in span{animation:none}}
html.a11y-motion .xcl-in span{animation:none}
/* all-time marquees */
.xat .xmq{margin:0 0 14px;border:0;background:none}
.xat .xmq span{font-size:clamp(1.6rem,4.6vw,3.8rem)}
.xat .xmq a{color:inherit;text-decoration:none}
.xat .xmq a:hover{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2)}
.xat .xmq.rev span{-webkit-text-stroke-color:rgba(240,210,138,.6)}
/* institutional halves */
.xin{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(380px,56vh,560px)}
.xin-i{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,4vw,64px);text-decoration:none;color:var(--ink);transition:flex-grow .6s var(--ease-out)}
.xin-i::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover no-repeat;transform:scale(1.04);transition:transform 1.2s var(--ease-out),opacity .6s;opacity:.55}
.xin-i::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,8,22,.95),rgba(3,8,22,.35) 60%,rgba(3,8,22,.55))}
.xin-i:hover::before{transform:scale(1.12);opacity:.8}
.xin-i+.xin-i{border-inline-start:1px solid rgba(240,210,138,.3)}
.xin-r{font-family:var(--display);font-size:clamp(2.2rem,7vw,6.4rem);line-height:.95;color:transparent;-webkit-text-stroke:1.2px var(--gold-2);margin:0 0 .15em;transition:color .5s}
.xin-i:hover .xin-r{color:var(--gold-2)}
.xin-n{font-family:var(--display);font-size:clamp(1.1rem,2vw,1.6rem);margin:0 0 6px}
.xin-i p{margin:0 0 12px;color:#D6DEF2;max-width:36ch}
@media (max-width:820px){.xin{grid-template-columns:1fr}.xin-i+.xin-i{border-inline-start:0;border-top:1px solid rgba(240,210,138,.3)}.xin-i{min-height:280px}}
/* associative wall */
.xw3{display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(18px,3vw,48px)}
.xw3 .xrow{grid-template-columns:auto 1fr auto;column-gap:14px;padding:16px 4px}
.xw3 em{font-style:normal;font-family:var(--display);font-size:.72rem;color:var(--gold-2);opacity:.8}
.xw3 strong{font-weight:700;line-height:1.3}
.xw3 .arr{color:var(--gold-2);opacity:.65}
@media (max-width:980px){.xw3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.xw3{grid-template-columns:1fr}}
.xend{text-align:center;position:relative;overflow:hidden}
.xend-t{font-family:var(--display);font-size:clamp(2rem,6.4vw,5.4rem);line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--gold-2);margin:0 0 .3em}
.xend p{color:#D6DEF2;max-width:54ch;margin:0 auto 1.4rem}
/* ARTICLES */
.xa-l{counter-reset:a}
.xa-r{position:relative;display:grid;grid-template-columns:clamp(70px,13vw,190px) minmax(0,1fr) auto;column-gap:clamp(14px,3vw,52px);align-items:center;padding:clamp(22px,3.4vw,46px) 6px;border-top:1px solid rgba(240,210,138,.18);isolation:isolate;overflow:hidden;color:var(--ink);text-decoration:none}
.xa-r:last-child{border-bottom:1px solid rgba(240,210,138,.18)}
.xa-r::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover no-repeat;opacity:0;transform:scale(1.08);transition:opacity .7s,transform 1.4s var(--ease-out)}
.xa-r::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,8,22,.96) 25%,rgba(3,8,22,.55))}
.xa-r:hover::before,.xa-r:focus-visible::before{opacity:.55;transform:scale(1)}
.xa-num{font-family:var(--display);font-size:clamp(3rem,9vw,8rem);line-height:.9;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.55);transition:color .5s,-webkit-text-stroke-color .5s}
.xa-r:hover .xa-num{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2)}
.xa-t{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2.4vw,2rem);line-height:1.2;margin:0 0 .5em;text-wrap:balance}
.xa-x{color:#C9D1E6;max-width:68ch;margin:0 0 .6em}
.xa-m{font-size:.84rem;color:var(--gold-2);letter-spacing:.04em}
.xa-arr{width:clamp(34px,4vw,56px);height:clamp(34px,4vw,56px);border-radius:50%;border:1px solid rgba(240,210,138,.5);display:grid;place-items:center;color:var(--gold-2);transition:background-color .35s,color .35s,transform .45s var(--ease-out)}
.xa-arr .arr{margin:0}
.xa-r:hover .xa-arr{background:var(--gold-2);color:#14100A;transform:rotate(-45deg)}
.xa-note{color:var(--muted);margin:0 0 clamp(20px,3vw,40px);max-width:70ch}
@media (max-width:700px){.xa-r{grid-template-columns:56px 1fr}.xa-arr{display:none}.xa-num{font-size:2.6rem}}
/* PODCAST */
.xpod-h{position:relative;overflow:hidden;padding-block:clamp(40px,7vw,100px) clamp(20px,4vw,50px)}
.xpod-wave{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.6vw,8px);height:clamp(150px,26vw,300px)}
.xpod-wave i{flex:1;max-width:14px;border-radius:99px;background:linear-gradient(180deg,var(--gold-2),rgba(240,210,138,.12));height:20%;animation:xwave 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.11s)}
@keyframes xwave{0%,100%{height:14%}50%{height:var(--h,80%)}}
@media (prefers-reduced-motion:reduce){.xpod-wave i{animation:none;height:var(--h,50%)}}
html.a11y-motion .xpod-wave i{animation:none;height:var(--h,50%)}
.xpod-soon{text-align:center;font-family:var(--display);font-size:clamp(3rem,14vw,12rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--gold-2);text-shadow:0 0 70px rgba(217,180,95,.35);margin:.1em 0 .1em}
.xpod-sub{text-align:center;color:var(--muted);letter-spacing:.3em;text-transform:uppercase;font-size:.82rem}
.xnx{display:grid}
.xnx .xrow{grid-template-columns:auto 1fr auto;column-gap:clamp(14px,3vw,40px);padding:clamp(16px,2.4vw,30px) 6px}
.xnx em{font-style:normal;font-family:var(--display);font-size:.8rem;color:var(--gold-2)}
.xnx strong{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,3.4vw,2.8rem);line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.8);transition:color .4s,-webkit-text-stroke-color .4s}
.xnx .xrow:hover strong{color:#fff;-webkit-text-stroke-color:transparent}
.xnx .arr{color:var(--gold-2);width:1.6em;height:1.6em}
/* PRESS */
.xpf{position:relative;isolation:isolate;overflow:hidden}
.xpf-g{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,2.4vw,40px);margin:clamp(24px,4vw,50px) 0 18px}
.xpf-g li{position:relative;padding-top:18px;border-top:1px solid var(--gold-2)}
.xpf-g li::before{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;rotate:45deg;background:var(--gold-2)}
.xpf-v{display:block;font-family:var(--display);font-size:clamp(2.2rem,5.6vw,5rem);line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--gold-2);font-variant-numeric:tabular-nums}
.xpf-v small{font-size:.5em}
.xpf-l{display:block;margin-top:10px;color:#C9D1E6;font-size:.9rem;line-height:1.4}
@media (max-width:980px){.xpf-g{grid-template-columns:repeat(2,1fr)}.xpf-g li:last-child{grid-column:1/-1}}
.xan{display:grid}
.xan-i{position:relative;display:grid;grid-template-columns:clamp(80px,14vw,200px) minmax(0,1fr);column-gap:clamp(16px,3vw,50px);padding:clamp(22px,3.2vw,44px) 0;border-top:1px solid rgba(240,210,138,.18);overflow:hidden}
.xan-i:nth-child(even){grid-template-columns:minmax(0,1fr) clamp(80px,14vw,200px)}
.xan-i:nth-child(even) .xan-n{order:2;text-align:right}
.xan-n{font-family:var(--display);font-size:clamp(3.6rem,10vw,9rem);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.5)}
.xan-i h3{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2.4vw,2rem);margin:0 0 .5em}
.xan-i p{max-width:64ch;color:#C9D1E6;margin:0 0 .5em}
.xan-w{font-size:.84rem;color:var(--gold-2)}
.xan-i:nth-child(even) .xan-b{text-align:right}.xan-i:nth-child(even) .xan-b p{margin-inline-start:auto}
@media (max-width:700px){.xan-i,.xan-i:nth-child(even){grid-template-columns:60px 1fr}.xan-i:nth-child(even) .xan-n{order:0;text-align:left}.xan-i:nth-child(even) .xan-b{text-align:left}.xan-n{font-size:2.8rem}}
.xvo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,70px)}
.xvo a.xv{display:block;padding:clamp(18px,2.6vw,34px) 0;border-top:1px solid rgba(240,210,138,.18);text-decoration:none;color:var(--ink)}
.xv strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,3.6vw,3rem);line-height:1.05;color:transparent;-webkit-text-stroke:1px var(--gold-2);transition:color .4s}
.xv:hover strong{color:var(--gold-2)}
.xv em{display:block;font-style:normal;color:var(--muted);margin:.5em 0 .3em}
.xv span{color:var(--gold-2);font-weight:700;border-bottom:1px solid rgba(240,210,138,.5)}
@media (max-width:760px){.xvo{grid-template-columns:1fr}}
.xsr{margin-top:clamp(20px,3vw,40px);color:var(--muted);max-width:70ch;border-inline-start:2px solid var(--gold);padding-inline-start:18px}
.xsr strong{color:var(--ink)}
.xci{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,90px)}
.xci ol{counter-reset:c}
.xci li{counter-increment:c;display:grid;grid-template-columns:2.4em 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(240,210,138,.18);color:#C9D1E6}
.xci li::before{content:counter(c,decimal-leading-zero);font-family:var(--display);color:var(--gold-2);font-size:.9rem}
@media (max-width:820px){.xci{grid-template-columns:1fr}}
/* GUIDE */
.xgn .xrow{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(14px,3vw,40px);padding:clamp(14px,2vw,24px) 6px}
.xgn em{font-style:normal;font-family:var(--display);font-size:.74rem;color:var(--gold-2)}
.xgn strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,2.8vw,2.3rem);line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.8);transition:color .4s,-webkit-text-stroke-color .4s}
.xgn .xrow:hover strong{color:#fff;-webkit-text-stroke-color:transparent}
.xgn span{display:block;color:var(--muted);font-size:.9rem;margin-top:3px}
.xgn .arr{color:var(--gold-2);width:1.5em;height:1.5em}
.xgm{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3.6vw,56px) clamp(18px,3vw,48px)}
.xgm h3{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.6vw,2.2rem);color:transparent;-webkit-text-stroke:1px var(--gold-2);margin:0 0 .4em;display:flex;align-items:baseline;gap:.6em}
.xgm h3 sup{font-size:.4em;-webkit-text-stroke:0;color:var(--gold-2);letter-spacing:.1em}
.xgm li{border-top:1px solid rgba(34,48,88,.9)}
.xgm a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:9px 2px;text-decoration:none;transition:padding .35s var(--ease-out)}
.xgm a:hover{padding-inline-start:12px}
.xgm a b{font-weight:700;color:var(--ink)}.xgm a:hover b{color:var(--gold-2)}
.xgm a span{color:var(--muted);font-size:.8rem;text-align:right}
@media (max-width:980px){.xgm{grid-template-columns:1fr 1fr}}@media (max-width:620px){.xgm{grid-template-columns:1fr}}
.xch .xrow{grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:clamp(16px,2.2vw,28px) 6px}
.xch span{font-size:clamp(1rem,1.6vw,1.3rem)}
.xch b{font-family:var(--display);font-weight:400;font-size:clamp(.9rem,1.6vw,1.3rem);color:var(--gold-2)}
.xgl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,5vw,80px)}
.xgl div{display:grid;grid-template-columns:clamp(70px,9vw,130px) 1fr;gap:14px;padding:16px 0;border-top:1px solid rgba(240,210,138,.16)}
.xgl dt{font-family:var(--display);font-size:clamp(.9rem,1.5vw,1.2rem);color:transparent;-webkit-text-stroke:.8px var(--gold-2);line-height:1.2}
.xgl dd{margin:0;color:#C9D1E6}
@media (max-width:820px){.xgl{grid-template-columns:1fr}}
/* LINKS */
.xlk{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(20px,5vw,90px);align-items:start;padding-block:clamp(30px,5vw,70px);border-top:1px solid rgba(240,210,138,.16)}
.xlk-h{position:sticky;top:110px}
.xlk-c{font-family:var(--display);font-size:clamp(3rem,9vw,8rem);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.5)}
.xlk-t{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.6vw,2.1rem);margin:.4em 0 0;line-height:1.15}
.xlk-l .xrow{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;padding:16px 6px}
.xlk-l strong{display:block;font-weight:700;font-size:1.05rem}
.xlk-l span.xd{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}
.xlk-l .arr{color:var(--gold-2)}
@media (max-width:820px){.xlk{grid-template-columns:1fr}.xlk-h{position:static}}
/* FAQ */
.xfq-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:22px}
.xfq-tools input[type=search]{flex:1 1 320px;max-width:640px;background:transparent;border:0;border-bottom:1px solid rgba(240,210,138,.5);color:#fff;font:inherit;font-family:var(--display);font-size:clamp(1rem,2vw,1.6rem);padding:12px 2px}
.xfq-tools input[type=search]::placeholder{color:rgba(238,235,226,.4)}
.xfq-tools input[type=search]:focus{outline:none;border-bottom-color:var(--gold-2);box-shadow:0 12px 24px -18px rgba(240,210,138,.8)}
.xfq-count{color:var(--muted);font-size:.9rem;min-width:3em}
.faq-open-all{background:none;border:0;color:var(--gold-2);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:6px 0}
.xfq-jump{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:clamp(26px,4vw,50px)}
.xfq-jump a{font-size:.9rem;text-decoration:none;color:var(--ink);border:1px solid rgba(240,210,138,.4);border-radius:999px;padding:7px 16px;transition:background-color .3s,color .3s}
.xfq-jump a:hover{background:var(--gold-2);color:#14100A}
.faq-g{position:relative;margin-bottom:clamp(34px,5vw,70px)}
.faq-gh{display:flex;align-items:center;gap:18px;margin:0 0 .6em}
.faq-gh h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,3.4vw,2.8rem);color:transparent;-webkit-text-stroke:1px var(--gold-2);line-height:1.1}
.faq-gh i{font-style:normal;font-family:var(--display);font-size:.8rem;color:var(--gold-2);border:1px solid rgba(240,210,138,.5);border-radius:999px;padding:3px 12px}
.faq-g.hard::before{content:"?";position:absolute;right:0;top:-.2em;font-family:var(--display);font-size:clamp(8rem,24vw,22rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.18);pointer-events:none;z-index:-1}
.faq-i{position:relative;border-top:1px solid rgba(240,210,138,.18);counter-increment:q}
.faq-i:last-of-type{border-bottom:1px solid rgba(240,210,138,.18)}
.faq-i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold-2);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease-out)}
.faq-i[open]::before{transform:scaleY(1)}
.faq-i summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:3em 1fr auto;gap:12px;align-items:center;padding:clamp(16px,2vw,24px) 14px;font-weight:700;font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.35}
.faq-i summary::before{content:counter(q,decimal-leading-zero);font-family:var(--display);font-size:.78rem;color:var(--gold-2);opacity:.8}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary:hover,.faq-i[open] summary{color:var(--gold-2)}
.chev{display:inline-block;width:.6em;height:.6em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .3s var(--ease-out)}
.faq-i[open] .chev{rotate:225deg;translate:0 2px}
.faq-a{padding:0 14px 24px calc(3em + 26px);max-width:80ch;color:#D6DEF2;font-size:1.04rem;animation:xdrop .5s var(--ease-out)}
@keyframes xdrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.faq-a p{margin:0}
.faq-i[hidden],.faq-g[hidden]{display:none}
.xfq-none{padding:20px 0;color:var(--gold-2)}
.xfq-mail{margin-top:30px}
@media (max-width:620px){.faq-i summary{grid-template-columns:2.2em 1fr auto}.faq-a{padding-inline-start:14px}}
/* FORM PAGES */
.xfm{position:relative;isolation:isolate;overflow:hidden}
.xfm-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,100px);align-items:start}
@media (max-width:900px){.xfm-g{grid-template-columns:1fr}}
.xfm-side{position:sticky;top:110px}
@media (max-width:900px){.xfm-side{position:static}}
.xfm-side .xd{counter-reset:s}
.xfm-side .xd li{counter-increment:s;display:grid;grid-template-columns:2.4em 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(240,210,138,.18);color:#C9D1E6}
.xfm-side .xd li::before{content:counter(s,decimal-leading-zero);font-family:var(--display);color:var(--gold-2);font-size:.9rem}
.xfm-side .xgo{margin-top:16px}
/* forms */
.xfm-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
@media (max-width:900px){.xfm-g{grid-template-columns:1fr}}
.xfm-side h2{font-size:clamp(1.2rem,2.2vw,1.7rem)}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:6px clamp(16px,3vw,36px)}
@media (max-width:620px){.fm{grid-template-columns:1fr}}
.fm-f{display:grid;gap:5px;padding:10px 0}
.fm-f.wide,.fm-act,.fm-ns{grid-column:1/-1}
.fm label{font-size:.86rem;letter-spacing:.04em;color:var(--muted)}
.fm-req{color:var(--gold-2)}.fm-opt{opacity:.7}
.fm input:not([type=checkbox]),.fm select,.fm textarea{width:100%;background:rgba(255,255,255,.03);border:0;border-bottom:1px solid var(--line);border-radius:0;color:#fff;font:inherit;font-size:1rem;padding:11px 4px;transition:border-color .25s,background-color .25s}
.fm select option{color:#111}
.fm textarea{resize:vertical;min-height:140px}
.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-bottom-color:var(--gold);background:rgba(240,210,138,.05)}
.fm input:focus-visible,.fm select:focus-visible,.fm textarea:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.fm input:user-invalid,.fm select:user-invalid,.fm textarea:user-invalid{border-bottom-color:#E58B8B}
.fm small{color:var(--muted);font-size:.8rem}
.fm-ck label{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;letter-spacing:0}
.fm-ck input{width:20px;height:20px;accent-color:var(--gold);flex:none;margin-top:3px}
.fm-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding-top:12px}
.fm-status{margin:0;font-weight:700}
.fm-status.ok{color:#9FE0B4}.fm-status.err{color:#F2A2A2}
.fm-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.fm [aria-busy=true]{opacity:.6;pointer-events:none}
html.a11y-contrast .xa-i,html.a11y-contrast .xp-i,html.a11y-contrast .faq-i{border-color:#fff}

/* ================= PORTAL MENU (full-screen) ================= */
.portal-btn{border-color:rgba(240,210,138,.5);background:linear-gradient(135deg,rgba(240,210,138,.2),rgba(240,210,138,.04));color:#fff;gap:10px}
.portal-btn:hover{border-color:var(--gold-2);box-shadow:0 0 26px -6px rgba(240,210,138,.55)}
.pb-lines{display:grid;gap:4px;width:20px}
.pb-lines i{display:block;height:2px;border-radius:2px;background:var(--gold-2);transition:transform .4s var(--ease-out),opacity .25s,width .3s var(--ease-out);transform-origin:center}
.pb-lines i:nth-child(2){width:70%;margin-inline-start:auto}
.portal-btn:hover .pb-lines i:nth-child(2){width:100%}
.portal-btn[aria-expanded=true] .pb-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.portal-btn[aria-expanded=true] .pb-lines i:nth-child(2){opacity:0}
.portal-btn[aria-expanded=true] .pb-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.portal-btn .pb-tx{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}
@media (max-width:560px){.portal-btn .pb-tx{display:none}.portal-btn{padding:8px 11px}}
@media (min-width:561px){.portal-btn .pb-tx{display:inline!important}}
.portal{position:fixed;inset:0;z-index:99;overflow:auto;overscroll-behavior:contain;background:#030816;padding-top:clamp(78px,9vh,104px);opacity:0;transition:opacity .35s ease}
.portal.open{opacity:1}
.portal[hidden]{display:none}
.portal::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,22,.96) 0%,rgba(3,8,22,.82) 48%,rgba(3,8,22,.5) 100%),linear-gradient(180deg,rgba(3,8,22,.55),rgba(3,8,22,.92))}
.portal-bg{position:fixed;inset:0;z-index:0}
.portal-bg i{position:absolute;inset:-3%;background:center/cover no-repeat;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.4s var(--ease-out)}
.portal-bg i.on{opacity:.75;transform:scale(1)}
.portal-glow{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(560px circle at var(--mx,72%) var(--my,28%),rgba(240,210,138,.13),transparent 62%)}
.portal-in{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:start;padding-block:clamp(14px,3vh,40px) clamp(30px,5vh,60px);min-height:calc(100% - 10px)}
.portal-k{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);margin:0 0 clamp(10px,2vh,22px);display:flex;align-items:center;gap:14px}
.portal-k::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(240,210,138,.5),transparent)}
.portal-main ol{display:grid}
.portal-main li{border-top:1px solid rgba(240,210,138,.16)}
.portal-main li:last-child{border-bottom:1px solid rgba(240,210,138,.16)}
.portal-main a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n t arr" "n d arr";column-gap:clamp(12px,2vw,28px);align-items:center;padding:clamp(10px,2vh,20px) 4px;text-decoration:none;color:var(--ink);transition:opacity .3s,padding .4s var(--ease-out)}
.portal-main em{grid-area:n;font-style:normal;font-family:var(--display);font-size:.78rem;color:var(--gold-2);opacity:.75}
.portal-main strong{grid-area:t;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,4.4vw,3.5rem);line-height:1.08;letter-spacing:.01em;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.85);transition:color .35s,-webkit-text-stroke-color .35s}
.portal-main a span{grid-area:d;color:var(--muted);font-size:.9rem;opacity:.9;margin-top:2px}
.portal-main .arr{grid-area:arr;width:1.6em;height:1.6em;color:var(--gold-2);opacity:0;transform:translateX(-14px);transition:opacity .3s,transform .45s var(--ease-out)}
.portal-main a:hover strong,.portal-main a:focus-visible strong,.portal-main a[aria-current] strong{color:#fff;-webkit-text-stroke-color:transparent;background:linear-gradient(100deg,#fff,var(--gold-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.portal-main a:hover,.portal-main a:focus-visible{padding-inline-start:clamp(10px,1.6vw,24px)}
.portal-main a:hover .arr,.portal-main a:focus-visible .arr{opacity:1;transform:none}
.portal-main ol:has(a:hover) a:not(:hover){opacity:.4}
.portal-side{display:grid;gap:clamp(18px,3.2vh,34px);padding-top:calc(.78rem * 1.65 + clamp(10px,2vh,22px))}
.portal-side h2{font-family:var(--display);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin:0 0 8px;display:flex;gap:12px;align-items:center}
.portal-side h2::before{content:"";width:7px;height:7px;rotate:45deg;background:var(--gold)}
.portal-side li{border-top:1px solid rgba(34,48,88,.9)}
.portal-side a{display:flex;align-items:baseline;justify-content:space-between;gap:6px 18px;flex-wrap:wrap;padding:9px 2px;text-decoration:none;transition:padding .35s var(--ease-out)}
.portal-side a b{font-weight:700;color:var(--ink)}
.portal-side a span{color:var(--muted);font-size:.82rem}
.portal-side a:hover,.portal-side a:focus-visible{padding-inline-start:12px}
.portal-side a:hover b,.portal-side a[aria-current] b{color:var(--gold-2)}
.portal-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 28px;align-items:center;margin:0;padding-top:clamp(10px,2vh,22px);border-top:1px solid rgba(240,210,138,.16);color:var(--muted);font-size:.9rem}
.portal-foot span{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--gold-2)}
/* entrance */
.portal .portal-main li,.portal .portal-side section,.portal .portal-foot{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .7s var(--ease-out)}
.portal.open .portal-main li{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 60ms + 120ms)}
.portal.open .portal-side section{opacity:1;transform:none;transition-delay:calc(var(--g,0) * 110ms + 380ms)}
.portal.open .portal-foot{opacity:1;transform:none;transition-delay:.7s}
@media (max-width:980px){
  .portal-in{grid-template-columns:1fr}
  .portal-side{padding-top:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px 32px}
  .portal-main a span{display:none}
  .portal-main strong{font-size:clamp(1.35rem,7vw,2.1rem)}
}
@media (prefers-reduced-motion:reduce){.portal,.portal .portal-main li,.portal .portal-side section,.portal .portal-foot,.portal-bg i{transition:none!important;transform:none!important}}
html.a11y-motion .portal,html.a11y-motion .portal .portal-main li,html.a11y-motion .portal .portal-side section,html.a11y-motion .portal .portal-foot,html.a11y-motion .portal-bg i{transition:none!important;transform:none!important}
html.a11y-contrast .portal-main strong{-webkit-text-stroke-color:#fff}
html.a11y-contrast .portal-bg i.on{opacity:.2}

/* ---- portal: compact so everything fits; clear cue that it is clickable ---- */
.portal-wrap{position:relative;display:inline-flex}
.portal-btn{position:relative}
.portal-btn::after{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(240,210,138,.55);animation:pbring 2.4s ease-out infinite;pointer-events:none}
.portal-btn[aria-expanded=true]::after{display:none}
@keyframes pbring{0%{opacity:.9;transform:scale(.94)}100%{opacity:0;transform:scale(1.22)}}
.portal-tip{position:absolute;top:calc(100% + 14px);right:0;z-index:5;width:max-content;max-width:min(250px,72vw);padding:10px 14px 11px;border-radius:14px;background:linear-gradient(135deg,#F0D28A,#C9A24E);color:#14100A;font-size:.82rem;line-height:1.35;font-weight:500;box-shadow:0 14px 34px -10px rgba(0,0,0,.75);animation:pbtip 1.6s ease-in-out infinite}
.portal-tip[hidden]{display:none}
.portal-tip b{display:block;font-family:var(--display);font-weight:400;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.portal-tip::before{content:"";position:absolute;right:22px;top:-7px;width:14px;height:14px;rotate:45deg;background:#F0D28A;border-radius:2px}
@keyframes pbtip{0%,100%{translate:0 0}50%{translate:0 5px}}
@media (prefers-reduced-motion:reduce){.portal-btn::after,.portal-tip{animation:none}}
html.a11y-motion .portal-btn::after,html.a11y-motion .portal-tip{animation:none}
.portal{padding-top:clamp(64px,8vh,92px)}
.portal-in{padding-block:clamp(6px,1.6vh,22px) clamp(14px,2.4vh,30px);gap:clamp(20px,4vw,72px);min-height:0}
.portal-k{margin-bottom:clamp(6px,1.2vh,14px);font-size:.74rem}
.portal-main a{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"n t d arr";padding:clamp(5px,1.15vh,13px) 4px;align-items:center}
.portal-main strong{font-size:clamp(1.15rem,min(3.3vw,5.2vh),2.7rem);line-height:1.05}
.portal-main a span{grid-area:d;margin:0;font-size:.8rem;text-align:right;max-width:20ch;line-height:1.3}
.portal-main .arr{opacity:.6;transform:none;width:1.3em;height:1.3em}
.portal-main a:hover .arr,.portal-main a:focus-visible .arr{opacity:1;transform:translateX(4px)}
.portal-side{gap:clamp(8px,1.8vh,20px);padding-top:calc(.74rem * 1.65 + clamp(6px,1.2vh,14px))}
.portal-side h2{font-size:.72rem;margin-bottom:4px}
.portal-side a{padding:clamp(3px,.8vh,8px) 2px}
.portal-side a b{font-size:.92rem}
.portal-side a span{font-size:.76rem}
.portal-foot{padding-top:clamp(6px,1.2vh,14px);font-size:.84rem}
@media (max-width:980px){
  .portal{padding-top:62px}
  .portal-in{gap:12px}
  .portal-main a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n t arr"}
  .portal-main a span{display:none}
  .portal-main strong{font-size:clamp(1.1rem,5.6vw,1.6rem)}
  .portal-main em{font-size:.68rem}
  .portal-side{padding-top:0;grid-template-columns:1fr 1fr;gap:10px 18px}
  .portal-side section:last-child{grid-column:1/-1}
  .portal-side section:last-child ul{columns:2;column-gap:18px}
  .portal-side a span{display:none}
  .portal-side a b{font-size:.86rem}
  .portal-foot{gap:4px 18px;font-size:.8rem}
}
@media (max-width:560px){.portal-tip{right:-6px;max-width:210px}}
/* MEMBERS: criteria, how to join, benefits, folded directory */
.mj-t{font-size:clamp(2.4rem,8vw,7rem);line-height:.98}
.mj-h{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--gold-2);margin:clamp(22px,4vw,50px) 0 8px}
.mj-c{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(20px,3.4vw,56px)}
.mj-c li{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;padding:clamp(18px,2.6vw,32px) 0;border-top:1px solid rgba(240,210,138,.2)}
.mj-n{font-family:var(--display);font-size:clamp(2.4rem,5vw,4.4rem);line-height:.9;color:transparent;-webkit-text-stroke:1px var(--gold-2)}
.mj-c h4,.mj-g h4,.mj-s h4{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.6vw,1.35rem);margin:.2em 0 .4em}
.mj-c p,.mj-g p,.mj-s p{margin:0 0 .6em;color:#C9D1E6}
@media (max-width:980px){.mj-c{grid-template-columns:1fr 1fr}}@media (max-width:620px){.mj-c{grid-template-columns:1fr}}
.mj-s{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,44px);margin:0 0 clamp(22px,3vw,40px);position:relative}
.mj-s::before{content:"";position:absolute;left:0;right:0;top:34px;height:1px;background:linear-gradient(90deg,var(--gold-2),rgba(240,210,138,.1))}
.mj-s li{position:relative}
.mj-s li>span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#030816;border:1px solid var(--gold-2);font-family:var(--display);font-size:1.6rem;color:var(--gold-2);margin-bottom:14px;position:relative;transition:background-color .4s,color .4s}
.mj-s li:hover>span{background:var(--gold-2);color:#14100A}
@media (max-width:820px){.mj-s{grid-template-columns:1fr 1fr}.mj-s::before{display:none}}@media (max-width:520px){.mj-s{grid-template-columns:1fr}}
.mj-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3.6vw,56px) clamp(18px,3vw,48px);margin-bottom:clamp(22px,3vw,40px)}
.mj-g li{border-top:1px solid var(--gold-2);padding-top:16px}
.mj-g b{font-family:var(--display);font-weight:400;font-size:clamp(2rem,4vw,3.4rem);color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.7);display:block;line-height:1}
@media (max-width:900px){.mj-g{grid-template-columns:1fr 1fr}}@media (max-width:560px){.mj-g{grid-template-columns:1fr}}
.md-fold{position:relative;max-height:620px;overflow:hidden;transition:max-height .8s var(--ease-out)}
.md-fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(0deg,#030816 12%,rgba(3,8,22,0));pointer-events:none;transition:opacity .4s}
.md-fold.open{max-height:none}.md-fold.open::after{opacity:0;display:none}
.md-more{display:flex;margin:1.4rem auto 0}
/* portal quotes: rotate the two WESCO mottos in the foot row, desktop only, no extra height */
.portal-foot .portal-q{margin-inline-start:auto;position:relative;display:block;min-width:min(380px,40vw);height:1.5em;text-transform:none;letter-spacing:0;font-size:clamp(.95rem,1.5vw,1.3rem);color:transparent}
.portal-q i{position:absolute;right:0;top:0;white-space:nowrap;font-style:normal;font-family:var(--display);color:transparent;-webkit-text-stroke:.8px rgba(238,235,226,.7);opacity:0;animation:pq 12s ease-in-out infinite}
.portal-q i:nth-child(2){animation-delay:6s}
.portal-q b{font-weight:400;-webkit-text-stroke:.8px var(--gold-2)}
@keyframes pq{0%{opacity:0;transform:translateY(8px)}8%,42%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-8px)}}
@media (max-width:760px),(max-height:700px){.portal-foot .portal-q{display:none}}
@media (prefers-reduced-motion:reduce){.portal-q i{animation:none}.portal-q i:first-child{opacity:1}}
html.a11y-motion .portal-q i{animation:none}html.a11y-motion .portal-q i:first-child{opacity:1}
/* footer animation rises much higher behind the links, leaving a small clean band at the top */
.foot-stage{margin-top:calc(-1 * clamp(400px,42vw,600px));padding-top:clamp(420px,44vw,640px)}
.foot-stage #foot-fx{-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 84%,transparent)}
/* ARTICLES v3: themes + share */
.xar-f{position:sticky;top:76px;z-index:6;display:flex;flex-wrap:wrap;gap:10px 22px;padding:14px 0;margin-bottom:clamp(14px,3vw,34px);background:linear-gradient(180deg,#030816 70%,rgba(3,8,22,0));}
.xar-b{display:inline-flex;align-items:baseline;gap:.5em;background:none;border:0;border-bottom:2px solid transparent;padding:.1em 0 .25em;cursor:pointer;font-family:var(--display);font-size:clamp(1.1rem,2.6vw,2.2rem);line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.6);transition:color .35s,-webkit-text-stroke-color .35s,border-color .35s}
.xar-b i{font-style:normal;font-size:.38em;-webkit-text-stroke:0;color:var(--gold-2);letter-spacing:.08em}
.xar-b:hover,.xar-b:focus-visible{-webkit-text-stroke-color:var(--gold-2)}
.xar-b[aria-pressed=true]{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2);border-bottom-color:var(--gold-2)}
.xa-r[hidden]{display:none}
.xa-r{align-items:start}
.xa-bd{min-width:0}
.xa-tag{display:inline-block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(240,210,138,.45);border-radius:999px;padding:4px 12px;margin-bottom:.9em}
.xa-link{color:inherit;text-decoration:none}
.xa-link::after{content:"";position:absolute;inset:0;z-index:1}
.xa-link:hover,.xa-link:focus-visible{color:var(--gold-2)}
.xa-ft{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:.9em}
.xa-sh{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.xa-shl{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px;min-width:4.4em}
.xa-sh a,.xa-sh button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(240,210,138,.45);background:rgba(3,8,22,.6);color:var(--gold-2);text-decoration:none;cursor:pointer;font:inherit;transition:background-color .3s,color .3s,transform .35s var(--ease-out)}
.xa-sh b{font-family:var(--display);font-weight:400;font-size:.68rem;letter-spacing:.02em}
.xa-sh a:hover,.xa-sh button:hover,.xa-sh a:focus-visible,.xa-sh button:focus-visible{background:var(--gold-2);color:#14100A;transform:translateY(-3px)}
.xa-sh [hidden]{display:none}
@media (max-width:700px){.xar-f{top:64px;gap:6px 16px}.xa-r{grid-template-columns:48px 1fr}.xa-sh a,.xa-sh button{width:40px;height:40px}}
/* header a little taller at the top of the page, so the symbol no longer hangs below the bar; compact keeps its thin bar */
.site-header:not(.compact) .bar{padding-block:18px 20px}
.site-header:not(.compact) .b-sub{margin-top:7px}
@media (max-width:560px){.site-header:not(.compact) .bar{padding-block:12px 14px}}
/* articles numerals fit their column */
.xa-r{grid-template-columns:clamp(84px,14vw,210px) minmax(0,1fr) auto}
.xa-num{font-size:clamp(2.8rem,7vw,6.2rem)}
@media (max-width:700px){.xa-r{grid-template-columns:48px 1fr}.xa-num{font-size:2.2rem}}
/* menu cue: bigger, with an arrow that points at the button */
.portal-tip{max-width:min(270px,76vw);padding:11px 16px 12px 16px}
.portal-tip b{font-size:.8rem;letter-spacing:.1em}
.portal-tip::after{content:"→";position:absolute;right:-26px;top:-30px;font-size:1.6rem;color:var(--gold-2);rotate:-90deg;animation:pbarr 1s ease-in-out infinite}
@keyframes pbarr{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.portal-tip::after{animation:none}}
/* PRESS spokespeople: arch portraits, gold duotone that turns to colour on hover, sweep line, offset frame */
.xpo{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(14px,3vw,34px)}
.xpo-i{display:block;text-decoration:none;color:var(--ink)}
.xpo-ph{position:relative;display:block;aspect-ratio:4/5;margin-bottom:22px}
.xpo-ph::before{content:"";position:absolute;inset:0;border:1px solid var(--gold-2);border-radius:999px 999px 0 0;translate:14px 14px;transition:translate .6s var(--ease-out)}
.xpo-i:hover .xpo-ph::before,.xpo-i:focus-visible .xpo-ph::before{translate:0 0}
.xpo-ph img,.xpo-ph b{position:absolute;inset:0;width:100%;height:100%;border-radius:999px 999px 0 0;object-fit:cover;object-position:50% 20%}
.xpo-ph img{filter:grayscale(1) contrast(1.12) brightness(.95);transition:filter .7s}
.xpo-i:hover .xpo-ph img,.xpo-i:focus-visible .xpo-ph img{filter:none}
.xpo-ph b{display:grid;place-items:center;font-family:var(--display);font-weight:400;font-size:clamp(3rem,8vw,6rem);color:transparent;-webkit-text-stroke:1px var(--gold-2);background:linear-gradient(180deg,rgba(240,210,138,.14),rgba(3,8,22,.2))}
.xpo-ph i{position:absolute;inset:0;border-radius:999px 999px 0 0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(217,180,95,.35),rgba(3,8,22,.55));mix-blend-mode:color;transition:opacity .7s}
.xpo-i:hover .xpo-ph i{opacity:0}
.xpo-ph i::after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(240,210,138,.55),transparent);animation:xsweep 4.5s linear infinite}
@keyframes xsweep{to{top:110%}}
@media (prefers-reduced-motion:reduce){.xpo-ph i::after{animation:none;display:none}}
html.a11y-motion .xpo-ph i::after{animation:none;display:none}
.xpo-i strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.1;color:transparent;-webkit-text-stroke:1px var(--gold-2);transition:color .4s}
.xpo-i:hover strong{color:var(--gold-2)}
.xpo-i em{display:block;font-style:normal;color:var(--muted);margin:.5em 0 .3em}
.xpo-e{color:var(--gold-2);font-weight:700;border-bottom:1px solid rgba(240,210,138,.5)}
@media (max-width:820px){.xpo{grid-template-columns:1fr 1fr}}@media (max-width:520px){.xpo{grid-template-columns:1fr}.xpo-ph{max-width:260px}}
/* menu cue: the WESCO symbol replaces the diamond and the loose arrow, and bobs toward the Menu button */
.portal-tip::after{display:none}
.portal-tip::before{rotate:0deg;border-radius:0;width:42px;height:26px;right:27px;top:-19px;background:url(../img/logo/wesco-hdr-symbol.webp) center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(240,210,138,.7));animation:pbsym 1.1s ease-in-out infinite}
@keyframes pbsym{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media (prefers-reduced-motion:reduce){.portal-tip::before{animation:none}}
/* portal quotes now live in the empty space under the five main lines, visible at any desktop height */
.portal-foot .portal-q{display:none}
.portal-main .portal-q{position:relative;display:block;height:clamp(3.6rem,9vw,6.4rem);margin:clamp(18px,4vh,44px) 0 0;font-size:clamp(1.2rem,2.6vw,2.3rem);line-height:1.15}
.portal-main .portal-q i{position:absolute;left:0;top:0;right:auto;white-space:normal;max-width:18ch;font-style:normal;font-family:var(--display);color:transparent;-webkit-text-stroke:.9px rgba(238,235,226,.75);opacity:0;animation:pq 12s ease-in-out infinite}
.portal-main .portal-q i:nth-child(2){animation-delay:6s}
.portal-main .portal-q b{font-weight:400;-webkit-text-stroke:.9px var(--gold-2)}
@media (max-width:900px){.portal-main .portal-q{display:none}}
@media (prefers-reduced-motion:reduce){.portal-main .portal-q i{animation:none}.portal-main .portal-q i:first-child{opacity:1}}
html.a11y-motion .portal-main .portal-q i{animation:none}html.a11y-motion .portal-main .portal-q i:first-child{opacity:1}
/* spokesperson cut-outs (transparent background) sit on a warm spotlight inside the arch */
.xpo-ph{background:radial-gradient(120% 80% at 50% 100%,rgba(240,210,138,.38),rgba(3,8,22,.0) 70%),linear-gradient(180deg,#0b1634,#050c1f);border-radius:999px 999px 0 0}
.xpo-ph img{object-fit:cover;object-position:50% 100%}
/* ARTICLES v4: clear subject picker, search, local article pages */
.xar-box{margin-bottom:clamp(18px,3vw,40px)}
.xar-h{color:var(--muted);margin:.2em 0 1.1em;max-width:60ch}
.xar-f{position:static;background:none;padding:0;margin:0 0 1em;gap:12px}
.xar-b{display:inline-flex;align-items:center;gap:.6em;border:1px solid rgba(240,210,138,.45);border-bottom:1px solid rgba(240,210,138,.45);border-radius:999px;padding:.7em 1.25em;font-family:var(--body,inherit);font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.2;color:var(--ink);-webkit-text-stroke:0;background:rgba(3,8,22,.5);transition:background-color .3s,color .3s,border-color .3s,transform .35s var(--ease-out)}
.xar-b i{font-size:.8em;letter-spacing:0;color:var(--gold-2);border-inline-start:1px solid rgba(240,210,138,.35);padding-inline-start:.6em}
.xar-b:hover,.xar-b:focus-visible{border-color:var(--gold-2);transform:translateY(-2px)}
.xar-b[aria-pressed=true]{background:var(--gold-2);color:#14100A;border-color:var(--gold-2)}
.xar-b[aria-pressed=true] i{color:#14100A;border-color:rgba(20,16,10,.35)}
.xar-d{font-family:var(--display);font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.35;color:var(--gold-2);max-width:54ch;min-height:2.7em;margin:.2em 0 1em}
.xar-s{display:block;max-width:460px}
.xar-s span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.xar-s input{width:100%;font:inherit;color:var(--ink);background:rgba(3,8,22,.6);border:1px solid rgba(238,235,226,.35);border-radius:999px;padding:.8em 1.2em}
.xar-s input:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px;border-color:var(--gold-2)}
.xar-none{color:var(--gold-2);font-size:1.1rem;padding:2rem 0}
.xa-en{margin:-.2em 0 .7em;color:var(--muted);font-style:italic}
.xa-lg{display:inline-block;font-size:.7rem;letter-spacing:.14em;font-weight:700;border:1px solid rgba(238,235,226,.45);border-radius:6px;padding:2px 8px;color:var(--ink);text-decoration:none;position:relative;z-index:2}
.xa-lgl{border-color:var(--gold-2);color:var(--gold-2)}
.xa-lgl:hover,.xa-lgl:focus-visible{background:var(--gold-2);color:#14100A}
.xa-lg.is-on{background:rgba(240,210,138,.18);border-color:var(--gold-2);color:var(--gold-2)}
/* article page */
.ar-h{position:relative;overflow:hidden;padding:clamp(120px,16vw,200px) 0 clamp(36px,6vw,70px);isolation:isolate}
.ar-h .xh-bg{position:absolute;inset:-10% 0;background:var(--bg) center/cover;opacity:.32;z-index:-1;transform:translateY(var(--py,0))}
.ar-h::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,8,22,.55),#030816)}
.ar-t{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,5.2vw,4.4rem);line-height:1.08;max-width:22ch;margin:.5em 0 .5em;color:var(--ink);overflow-wrap:break-word;hyphens:auto}
.ar-by{color:var(--gold-2);letter-spacing:.08em;margin:0 0 1.2em}
.ar-lg{display:flex;flex-wrap:wrap;gap:10px}
.ar-w{display:grid;grid-template-columns:minmax(0,200px) minmax(0,72ch);gap:clamp(24px,5vw,80px);justify-content:center;padding-block:clamp(30px,5vw,70px)}
.ar-side{position:sticky;top:96px;align-self:start}
.ar-side .xa-sh{flex-direction:column;align-items:flex-start}
.ar-side .xa-shl{margin-bottom:6px}
.ar-sum{font-family:var(--display);font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.5;color:var(--gold-2);border-inline-start:3px solid var(--gold-2);padding-inline-start:1.1em;margin:0 0 2.2em}
.ar-b{font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.8;color:var(--ink)}
.ar-b p{margin:0 0 1.15em}
.ar-b h2,.ar-b h3,.ar-b h4{font-family:var(--display);font-weight:400;line-height:1.2;color:var(--gold-2);margin:2.2em 0 .7em;overflow-wrap:break-word}
.ar-b h2{font-size:clamp(1.3rem,2.4vw,1.9rem)}.ar-b h3{font-size:clamp(1.15rem,1.9vw,1.45rem)}.ar-b h4{font-size:1.05rem}
.ar-b a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ar-b ul,.ar-b ol{padding-inline-start:1.4em;margin:0 0 1.2em}.ar-b li{margin-bottom:.45em}
.ar-b blockquote{margin:1.6em 0;padding-inline-start:1.2em;border-inline-start:2px solid rgba(240,210,138,.6);color:var(--muted)}
.ar-b table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.6em 0;font-size:.92em;line-height:1.5}
.ar-b td,.ar-b th{border:1px solid rgba(238,235,226,.25);padding:.6em .8em;vertical-align:top;min-width:9ch}
.ar-b th{background:rgba(240,210,138,.12);text-align:start}
.ar-b hr{border:0;border-top:1px solid rgba(238,235,226,.2);margin:2.4em 0}
.ar-end{margin-top:3em;padding-top:1.6em;border-top:1px solid rgba(240,210,138,.4);display:grid;gap:1.4em}
.ar-ab{margin:0;color:var(--muted)}.ar-ab b{color:var(--ink)}
.ar-orig{margin:0;font-size:.9rem}
.ar-pn{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);padding-block:clamp(20px,4vw,50px);border-top:1px solid rgba(238,235,226,.15)}
.ar-p{display:block;text-decoration:none;color:var(--ink);padding:1.2em 0}
.ar-p small{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin-bottom:.6em}
.ar-p span{font-family:var(--display);font-size:clamp(1rem,1.8vw,1.5rem);line-height:1.25;transition:color .3s}
.ar-p:hover span,.ar-p:focus-visible span{color:var(--gold-2)}
.ar-n{text-align:end;grid-column:2}
.ar-back{padding-bottom:clamp(30px,5vw,70px)}.ar-back a{color:var(--gold-2)}
@media (max-width:900px){.ar-w{grid-template-columns:minmax(0,1fr)}.ar-side{position:static;order:2}.ar-side .xa-sh{flex-direction:row}.ar-b{order:1}.ar-pn{grid-template-columns:1fr}.ar-n{grid-column:auto;text-align:start}}
/* CONTACT */
.ct-hint{color:var(--muted);margin:.2em 0 1.4em}
.ct-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(238,235,226,.18)}
.ct-d{position:relative;text-align:start;background:none;border:0;border-bottom:1px solid rgba(238,235,226,.18);border-inline-end:1px solid rgba(238,235,226,.18);color:var(--ink);padding:1.4em 1.2em 1.6em;cursor:pointer;font:inherit;overflow:hidden;transition:background-color .4s,color .4s}
.ct-d:nth-child(4n){border-inline-end:0}
.ct-d::before{content:"";position:absolute;inset:auto 0 0 0;height:0;background:linear-gradient(0deg,rgba(240,210,138,.22),transparent);transition:height .5s var(--ease-out)}
.ct-d:hover::before,.ct-d:focus-visible::before,.ct-d[aria-pressed=true]::before{height:100%}
.ct-n{display:block;font-size:.72rem;letter-spacing:.2em;color:var(--gold-2);margin-bottom:.9em}
.ct-d b{position:relative;display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.15;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.8);margin-bottom:.6em;transition:color .35s}
.ct-d small{position:relative;display:block;font-size:.88rem;line-height:1.45;color:var(--muted)}
.ct-d:hover b,.ct-d:focus-visible b,.ct-d[aria-pressed=true] b{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2)}
.ct-d[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--gold-2)}
.ct-go{margin:1.2em 0 0}.ct-go a{color:var(--gold-2)}
.ct-dl{margin:0}.ct-dl div{margin-bottom:1.3em}.ct-dl dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.3em}.ct-dl dd{margin:0}
.ct-dl a{color:var(--ink);text-decoration-color:var(--gold-2);text-underline-offset:4px}
.ct-mail{font-size:clamp(.9rem,1.3vw,1.1rem);overflow-wrap:anywhere}
.ct-so{display:flex;flex-wrap:wrap;gap:6px 18px}
.ct-rp{color:var(--muted);font-size:.92rem;max-width:34ch}
@media (max-width:1100px){.ct-l{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-d:nth-child(4n){border-inline-end:1px solid rgba(238,235,226,.18)}.ct-d:nth-child(2n){border-inline-end:0}}
@media (max-width:520px){.ct-l{grid-template-columns:1fr}.ct-d{border-inline-end:0!important}}
@media (min-width:901px){.xar-f{flex-wrap:nowrap;gap:8px}.xar-b{padding:.5em .85em;font-size:clamp(.8rem,.95vw,.95rem);white-space:nowrap;gap:.45em}.xar-b i{padding-inline-start:.45em}}
/* PRESS v2: one minute, now, timeline, tags, kit; smaller spokespeople with a halo behind */
.xom-l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2.2vw,32px);margin:clamp(14px,3vw,34px) 0 0}
.xom-l div{border-top:2px solid var(--gold-2);padding-top:1em}
.xom-l dt{font-family:var(--display);font-size:clamp(1.1rem,1.7vw,1.5rem);color:transparent;-webkit-text-stroke:1px var(--gold-2);margin-bottom:.5em}
.xom-l dd{margin:0;color:var(--muted);line-height:1.55;font-size:.95rem}
.xnw-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,48px);margin:clamp(14px,3vw,34px) 0}
.xnw-i{position:relative;padding-top:1.2em;border-top:1px solid rgba(240,210,138,.5)}
.xnw-y{display:block;font-size:.72rem;letter-spacing:.2em;color:var(--gold-2);margin-bottom:.8em}
.xnw-i h3{font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,1.9vw,1.6rem);line-height:1.15;margin:0 0 .6em;color:var(--ink)}
.xnw-i p{margin:0;color:var(--muted);line-height:1.6}
.xtl-l{list-style:none;margin:clamp(14px,3vw,34px) 0 1.2em;padding:0;position:relative}
.xtl-l::before{content:"";position:absolute;left:clamp(110px,16vw,190px);top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,transparent,var(--gold-2) 8%,var(--gold-2) 92%,transparent)}
.xtl-l li{display:grid;grid-template-columns:clamp(110px,16vw,190px) minmax(0,1fr);column-gap:clamp(22px,3vw,44px);padding:.9em 0;position:relative}
.xtl-l li::after{content:"";position:absolute;left:calc(clamp(110px,16vw,190px) - 4px);top:1.45em;width:9px;height:9px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 0 4px rgba(240,210,138,.18)}
.xtl-l b{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2vw,1.7rem);color:transparent;-webkit-text-stroke:1px var(--gold-2);text-align:end;padding-inline-end:1.4em}
.xtl-l span{line-height:1.6;color:var(--ink)}
.xtg-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,100px)}
.xtg-t{display:flex;flex-wrap:wrap;gap:12px;margin:1em 0}
.xtg-t b{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2.2vw,1.9rem);color:var(--gold-2);border:1px solid var(--gold-2);border-radius:999px;padding:.35em .9em}
.xkit{list-style:none;margin:1em 0 0;padding:0;columns:2;column-gap:2em}
.xkit li{break-inside:avoid;padding:.55em 0 .55em 1.4em;border-bottom:1px solid rgba(238,235,226,.15);position:relative}
.xkit li::before{content:"";position:absolute;left:0;top:1.05em;width:7px;height:7px;background:var(--gold-2);rotate:45deg}
.xpo{max-width:860px;gap:clamp(18px,3vw,44px)}
.xpo-ph{max-width:200px;margin-inline:auto 0;margin-inline-start:0}
.xpo-ph::after{content:"";position:absolute;inset:-14px;border-radius:999px 999px 0 0;border:1px dashed rgba(240,210,138,.35);animation:xhalo 14s linear infinite;pointer-events:none}
@keyframes xhalo{0%{box-shadow:0 0 0 0 rgba(240,210,138,.25)}70%{box-shadow:0 0 0 22px rgba(240,210,138,0)}100%{box-shadow:0 0 0 0 rgba(240,210,138,0)}}
.xpo-i strong{font-size:clamp(1.1rem,1.8vw,1.5rem)}
@media (prefers-reduced-motion:reduce){.xpo-ph::after{animation:none}}
html.a11y-motion .xpo-ph::after{animation:none}
@media (max-width:1100px){.xom-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.xnw-g,.xtg-g{grid-template-columns:1fr}.xkit{columns:1}.xtl-l::before{left:6px}.xtl-l li{grid-template-columns:1fr;padding-inline-start:28px}.xtl-l li::after{left:2px}.xtl-l b{text-align:start;padding:0;margin-bottom:.2em}}
@media (max-width:520px){.xom-l{grid-template-columns:1fr}}
.xtl-l b{white-space:nowrap;font-size:clamp(.95rem,1.4vw,1.25rem)}
.xan-n{font-size:clamp(2.4rem,6vw,5rem)}
/* MEMBERS: classes of member, expanding panels with orbit rings */
.mcl-l{list-style:none;margin:clamp(18px,3vw,40px) 0 .6em;padding:0;display:flex;height:clamp(360px,44vw,520px);gap:0;border-top:1px solid rgba(240,210,138,.4);border-bottom:1px solid rgba(240,210,138,.4)}
.mcl-i{position:relative;flex:1 1 0;min-width:0;overflow:hidden;padding:1.4em 1.2em;border-inline-end:1px solid rgba(238,235,226,.14);cursor:pointer;transition:flex-grow .7s var(--ease-out),background-color .5s;outline-offset:-3px}
.mcl-i:last-child{border-inline-end:0}
.mcl-i.on{flex-grow:4.2;background:linear-gradient(180deg,rgba(240,210,138,.1),rgba(3,8,22,0) 75%)}
.mcl-n{display:block;font-size:.72rem;letter-spacing:.2em;color:var(--gold-2)}
.mcl-i h3{position:absolute;left:1.2em;bottom:1.2em;margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,1.8vw,1.7rem);line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.8);writing-mode:vertical-rl;rotate:180deg;transition:color .4s,-webkit-text-stroke-color .4s;white-space:nowrap}
.mcl-i.on h3{writing-mode:horizontal-tb;rotate:0deg;white-space:normal;color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2);font-size:clamp(1.4rem,2.6vw,2.4rem);max-width:15ch;bottom:auto;top:3.2em}
.mcl-i p{position:absolute;left:1.2em;right:1.2em;bottom:1.2em;margin:0;max-width:40ch;line-height:1.55;color:var(--ink);opacity:0;translate:0 14px;transition:opacity .5s .15s,translate .6s .15s var(--ease-out);pointer-events:none}
.mcl-i.on p{opacity:1;translate:0 0}
.mcl-o{position:absolute;right:-40px;top:-40px;width:clamp(150px,18vw,260px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(240,210,138,.55);opacity:0;transition:opacity .6s}
.mcl-o::before,.mcl-o::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(240,210,138,.45)}
.mcl-o::after{inset:30%;border-style:solid;border-color:rgba(240,210,138,.3)}
.mcl-i.on .mcl-o{opacity:1;animation:mclrot 22s linear infinite}
@keyframes mclrot{to{rotate:360deg}}
.mcl-h{color:var(--muted);font-size:.85rem;margin:0}
.mmap-jump{margin:1.4em 0 0;text-align:center}
.mj-bc{list-style:none;margin:1em 0 2em;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,44px)}
.mj-bc li{border-top:2px solid var(--gold-2);padding-top:1em}
.mj-bc h4{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.6vw,1.4rem);margin:0 0 .5em;color:var(--gold-2)}
.mj-bc p{margin:0;color:var(--muted);line-height:1.6}
@media (max-width:820px){.mcl-l{flex-direction:column;height:auto}.mcl-i{flex:none;min-height:64px;border-inline-end:0;border-bottom:1px solid rgba(238,235,226,.14);padding:1em 1.1em;transition:min-height .6s var(--ease-out)}.mcl-i.on{min-height:190px}.mcl-i h3,.mcl-i.on h3{position:static;writing-mode:horizontal-tb;rotate:0deg;font-size:1.2rem;max-width:none;margin-top:.3em}.mcl-i p{position:static;opacity:0;max-height:0;translate:0 0;overflow:hidden;margin-top:.5em}.mcl-i.on p{opacity:1;max-height:200px}.mj-bc{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mcl-i,.mcl-i p{transition:none}.mcl-i.on .mcl-o{animation:none}}
html.a11y-motion .mcl-i.on .mcl-o{animation:none}
.ar-nt{font-size:.9rem;color:var(--muted);border:1px solid rgba(240,210,138,.35);border-radius:10px;padding:.8em 1em;margin:-1em 0 2em}
.ar-t{hyphens:manual}
/* PARTNERS v2: flag colours on hover with a discreet flag, logos in marquees, full continental names */
.xcl-in span.fl{--fg:linear-gradient(90deg,#fff,#fff);position:relative}
.xcl-in span.fl::before{content:"";display:inline-block;width:.42em;height:.28em;margin-inline-end:.28em;vertical-align:.08em;background:var(--fg);opacity:.32;border-radius:2px;transition:opacity .4s}
.xcl-in span.fl:hover{background:var(--fg);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke-color:rgba(255,255,255,.55)}
.xcl-in span.fl:hover::before{opacity:.95}
.fl-brazil{--fg:linear-gradient(90deg,#009b3a 0 33%,#ffdf00 33% 66%,#002776 66%)}
.fl-china{--fg:linear-gradient(90deg,#de2910 0 60%,#ffde00 60%)}
.fl-russia{--fg:linear-gradient(180deg,#fff 0 33%,#0039a6 33% 66%,#d52b1e 66%)}
.fl-colombia{--fg:linear-gradient(180deg,#fcd116 0 50%,#003893 50% 75%,#ce1126 75%)}
.fl-venezuela{--fg:linear-gradient(180deg,#ffcc00 0 33%,#00247d 33% 66%,#cf142b 66%)}
.fl-morocco{--fg:linear-gradient(90deg,#c1272d 0 70%,#006233 70%)}
.fl-mexico{--fg:linear-gradient(90deg,#006847 0 33%,#fff 33% 66%,#ce1126 66%)}
.fl-nigeria{--fg:linear-gradient(90deg,#008751 0 33%,#fff 33% 66%,#008751 66%)}
.xmq-lg{display:inline-block;height:1.1em;width:auto;max-width:2.6em;object-fit:contain;vertical-align:middle;margin-inline-end:.45em;filter:grayscale(1) brightness(1.6);opacity:.85}
.xmq span:hover .xmq-lg{filter:none;opacity:1}
.xin-r{font-size:clamp(1.8rem,5.6vw,5.2rem);overflow-wrap:anywhere}
.xin-lg{display:block;height:clamp(34px,4vw,56px);width:auto;max-width:160px;object-fit:contain;margin:.4em 0 .6em}
/* GUIDE: golden glyph rain behind two sections; glossary columns that no longer collide */
.xmx{position:relative;overflow:hidden;isolation:isolate}
.xmx-c{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.3;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.xgl div{grid-template-columns:minmax(120px,32%) minmax(0,1fr)}
.xgl dt{overflow-wrap:anywhere;font-size:clamp(.85rem,1.25vw,1.05rem)}
/* menu quotes: lower, faster, with a pixel android beside them */
.portal-main .portal-q{margin-top:clamp(40px,9vh,110px);height:clamp(4.4rem,9vw,7rem)}
.portal-main .portal-q i{animation-duration:7s;left:clamp(58px,6vw,92px);max-width:16ch}
.portal-main .portal-q i:nth-child(3){animation-delay:3.5s}
.portal-main .portal-q i:nth-child(2){animation-delay:0s}
.pq-ic{display:none}
.portal-main .portal-q .pq-ic{display:block;position:absolute;left:0;top:.1em;width:clamp(44px,4.6vw,70px);height:auto;color:var(--gold-2);filter:drop-shadow(0 0 8px rgba(240,210,138,.55));animation:pqic 3.2s steps(2,end) infinite}
@keyframes pqic{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media (prefers-reduced-motion:reduce){.portal-main .portal-q .pq-ic{animation:none}}
html.a11y-motion .portal-main .portal-q .pq-ic{animation:none}
@media (prefers-reduced-motion:reduce){.portal-main .portal-q i:first-of-type{opacity:1}}
html.a11y-motion .portal-main .portal-q i:first-of-type{opacity:1}

/* BRAZIL FOCUS tag */
.xa-br{background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.55);color:#e8c766}
.ar-br{margin:0 0 1.4rem;padding:.55rem .9rem;border-left:3px solid #d4af37;font-size:.92rem;line-height:1.5;color:#c9ced8}
/* MENU CUE v3: glass panel, the hero video shows through; clean type, title on one line, gold hairline */
.portal-tip{width:max-content;max-width:min(300px,78vw);padding:14px 18px 15px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(6,14,34,.42),rgba(6,14,34,.26));-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);color:var(--ink);border:1px solid rgba(240,210,138,.55);box-shadow:0 18px 40px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12),inset 3px 0 0 var(--gold-2);font-size:.86rem;line-height:1.45;font-weight:500;animation:pbtip 2.4s ease-in-out infinite}
.portal-tip b{display:block;font-family:var(--body,inherit);font-weight:700;font-size:.78rem;letter-spacing:.14em;white-space:nowrap;color:var(--gold-2);margin:0 0 5px}
.portal-tip b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-2);margin-inline-end:.7em;vertical-align:.08em;box-shadow:0 0 0 0 rgba(240,210,138,.7);animation:pbdot 1.8s ease-out infinite}
@keyframes pbdot{to{box-shadow:0 0 0 9px rgba(240,210,138,0)}}
@media (prefers-reduced-motion:reduce){.portal-tip,.portal-tip b::before{animation:none}}
html.a11y-motion .portal-tip,html.a11y-motion .portal-tip b::before{animation:none}
@media (max-width:560px){.portal-tip{max-width:230px;padding:12px 14px 13px 16px}.portal-tip b{font-size:.72rem;letter-spacing:.1em}}

/* TWO PARTS: a themed, animated backdrop behind each side (market growth for the Company, network ripples for the Institute) */
.two-c{position:relative;isolation:isolate}
.two-fx{position:absolute;inset:-18px 0 -18px;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.two-fx svg{width:100%;height:100%;display:block}
.two-fxp{color:#F0D28A}.two-fxi{color:#5FD3C2}
.two-fx path,.two-fx rect,.two-fx circle{fill:none;stroke:currentColor}
.two-fxp .tg path{stroke-width:.6;opacity:.14}
.two-fxp .tb rect{fill:currentColor;stroke:none;opacity:.1;transform-box:fill-box;transform-origin:50% 100%;animation:twbar 6s ease-in-out infinite}
.two-fxp .tb rect:nth-child(2){animation-delay:.4s}.two-fxp .tb rect:nth-child(3){animation-delay:.8s}.two-fxp .tb rect:nth-child(4){animation-delay:1.2s}.two-fxp .tb rect:nth-child(5){animation-delay:1.6s}.two-fxp .tb rect:nth-child(6){animation-delay:2s}
@keyframes twbar{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.two-fxp .tl{stroke-width:1.6;opacity:.55;stroke-dasharray:520;stroke-dashoffset:520;animation:twline 7s ease-in-out infinite}
@keyframes twline{0%{stroke-dashoffset:520}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-520}}
.two-fxp .td{fill:currentColor;stroke:none;opacity:.9;animation:twdot 7s ease-in-out infinite}
@keyframes twdot{0%,45%{opacity:0}60%,85%{opacity:1}100%{opacity:0}}
.two-fxi .tr circle{stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:50% 50%;animation:twrip 6s ease-out infinite}
.two-fxi .tr circle:nth-child(2){animation-delay:2s}.two-fxi .tr circle:nth-child(3){animation-delay:4s}
@keyframes twrip{0%{transform:scale(.4);opacity:.6}100%{transform:scale(6);opacity:0}}
.two-fxi .tn path{stroke-width:.8;opacity:.28}
.two-fxi .tp circle{fill:currentColor;stroke:none;opacity:.55;transform-box:fill-box;transform-origin:50% 50%;animation:twpulse 3.2s ease-in-out infinite}
.two-fxi .tp circle:nth-child(2n){animation-delay:.8s}.two-fxi .tp circle:nth-child(3n){animation-delay:1.6s}
@keyframes twpulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.6);opacity:.9}}
@media (prefers-reduced-motion:reduce){.two-fx *{animation:none!important}.two-fxp .tl{stroke-dashoffset:0}.two-fxp .td{opacity:.9}}
html.a11y-motion .two-fx *{animation:none!important}html.a11y-motion .two-fxp .tl{stroke-dashoffset:0}
@media (max-width:860px){.two-fx{inset:-10px -8px}}
.two-c li{white-space:normal;overflow:visible;text-overflow:clip}
.two-s li{white-space:normal;overflow:visible;text-overflow:clip}
.two-fxp .tl{opacity:.32}.two-fxp .tb rect{opacity:.07}.two-fxi .tn path{opacity:.16}.two-fxi .tp circle{opacity:.35}
@keyframes twrip{0%{transform:scale(.4);opacity:.35}100%{transform:scale(6);opacity:0}}

/* PROJECTS why-block: eleven projects as nodes in an orbit system, slow rotation, a light sweep and numbered columns */
.pjw{position:relative;isolation:isolate;overflow:hidden}
.pjw .wrap{position:relative;z-index:1}
.pjw-fx{position:absolute;inset:0;z-index:0;pointer-events:none}
.pjw-fx svg{position:absolute;right:-6%;top:50%;translate:0 -50%;width:min(88vw,760px);height:auto;color:#F0D28A;opacity:.4;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent);mask-image:radial-gradient(closest-side,#000 55%,transparent)}
.pjw-fx circle,.pjw-fx line,.pjw-fx polygon{fill:none;stroke:currentColor;stroke-width:.9}
.pjw-fx line{opacity:.22}.pjw-fx polygon{opacity:.3}
.pjw-fx .o1>circle{opacity:.28;stroke-dasharray:2 7}
.pjw-fx .o1,.pjw-fx .o2{transform-origin:300px 300px;transform-box:view-box}
.pjw-fx .o1{animation:pjrot 90s linear infinite}
.pjw-fx .o2{animation:pjrot 40s linear infinite reverse;color:#5FD3C2}
.pjw-fx .o2 circle{opacity:.4}
.pjw-fx .nd circle{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50% 50%;animation:pjpulse 3.3s ease-in-out infinite}
.pjw-fx .sat{fill:#5FD3C2;stroke:none;opacity:1}
.pjw-fx .core{fill:currentColor;stroke:none;opacity:.8}
@keyframes pjrot{to{transform:rotate(360deg)}}
@keyframes pjpulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.8);opacity:1}}
.pjw-sw{position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(240,210,138,.07) 50%,transparent 60%);background-size:250% 100%;animation:pjsw 9s linear infinite}
@keyframes pjsw{from{background-position:120% 0}to{background-position:-120% 0}}
.pjw-c{position:relative;padding-top:.4rem}
.pjw-n{display:block;font-family:var(--display);font-size:2.4rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.7);margin-bottom:.5rem}
.pjw-cols p{max-width:38ch}
@media (max-width:860px){.pjw-fx svg{right:-30%;opacity:.35}}
@media (prefers-reduced-motion:reduce){.pjw-fx *,.pjw-sw{animation:none!important}}
html.a11y-motion .pjw-fx *,html.a11y-motion .pjw-sw{animation:none!important}

/* STORY note: emphasis block with a glowing bar, a pulsing marker in front of it, the key phrase highlighted and a light sweep */
.sy-fnote{position:relative;overflow:hidden;display:block;max-width:62ch;margin-top:clamp(24px,4vw,48px);padding:1.3rem 1.6rem 1.3rem 4.4rem;border-inline-start:0;background:linear-gradient(90deg,rgba(240,210,138,.12),rgba(240,210,138,.02) 70%,transparent);border-radius:4px}
.sy-fnote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#F0D28A,#C9A24E);box-shadow:0 0 18px rgba(240,210,138,.8);animation:syglow 2.6s ease-in-out infinite}
@keyframes syglow{0%,100%{box-shadow:0 0 8px rgba(240,210,138,.4)}50%{box-shadow:0 0 22px rgba(240,210,138,.95)}}
.sy-fn-ic{position:absolute;left:1.15rem;top:50%;translate:0 -50%;width:2rem;height:2rem;border:1.5px solid #F0D28A;rotate:45deg;display:grid;place-items:center}
.sy-fn-ic::before{content:"";width:.7rem;height:.7rem;background:#F0D28A;animation:sypulse 1.8s ease-in-out infinite}
.sy-fn-ic::after{content:"";position:absolute;inset:-9px;border:1px solid rgba(240,210,138,.5);animation:syring 2.4s ease-out infinite}
@keyframes sypulse{0%,100%{scale:.7;opacity:.7}50%{scale:1.15;opacity:1}}
@keyframes syring{0%{scale:.7;opacity:.9}100%{scale:1.5;opacity:0}}
.sy-fn-tx{position:relative;display:block;font-family:var(--body,inherit);font-weight:500;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.55;color:var(--ink)}
.sy-fn-tx mark{background:linear-gradient(transparent 82%,rgba(240,210,138,.85) 82%) no-repeat;background-size:0 100%;color:#F0D28A;animation:symk 1.6s .4s ease-out forwards}
@keyframes symk{to{background-size:100% 100%}}
.sy-fn-sw{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,236,190,.16) 50%,transparent 60%);background-size:250% 100%;animation:pjsw 7s linear infinite}
@media (max-width:560px){.sy-fnote{padding:1.1rem 1rem 1.1rem 3.6rem}.sy-fn-ic{left:.9rem;width:1.5rem;height:1.5rem}}
@media (prefers-reduced-motion:reduce){.sy-fnote::before,.sy-fn-ic::before,.sy-fn-ic::after,.sy-fn-sw{animation:none}.sy-fn-tx mark{animation:none;background-size:100% 100%}}
html.a11y-motion .sy-fnote::before,html.a11y-motion .sy-fn-ic::before,html.a11y-motion .sy-fn-ic::after,html.a11y-motion .sy-fn-sw{animation:none}

/* PARTNERS v3: all-time partners (names above, logos below, warm dark instead of blue), associative backdrop, ZEUS lightning on country hover */
.xat{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#0a0907,#15110a 50%,#0a0907)}
.xat-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 20% 30%,rgba(240,210,138,.12),transparent 70%),radial-gradient(50% 45% at 85% 75%,rgba(201,162,78,.1),transparent 70%),repeating-linear-gradient(100deg,transparent 0 46px,rgba(240,210,138,.035) 46px 47px);animation:xatd 28s linear infinite;background-size:100% 100%,100% 100%,94px 100%}
@keyframes xatd{to{background-position:0 0,0 0,94px 0}}
.xat .xmq{background:none}
.xat .xmq span.xmq-i{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,20px);padding:clamp(10px,2vw,22px) 0}
.xat .xmq-i b{font-weight:400;font-size:clamp(1.3rem,3.6vw,2.9rem);line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(238,235,226,.62);transition:color .4s,-webkit-text-stroke-color .4s}
.xat .xmq.rev .xmq-i b{-webkit-text-stroke-color:rgba(240,210,138,.7)}
.xat .xmq-i:hover b{color:var(--gold-2);-webkit-text-stroke-color:var(--gold-2)}
.xat .xmq-lg{display:block;height:clamp(40px,5.4vw,70px);width:auto;max-width:clamp(120px,16vw,230px);margin:0;filter:none;opacity:.9;object-fit:contain;transition:transform .4s,opacity .4s}
.xat .xmq-i:hover .xmq-lg{opacity:1;transform:scale(1.08)}
.xas{position:relative;isolation:isolate;overflow:hidden}
.xas-fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.xas-fx i{position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(240,210,138,.55) 1.2px,transparent 1.6px);background-size:46px 46px;opacity:.22;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent);animation:xasd 40s linear infinite}
.xas-fx i:nth-child(2){background-size:78px 78px;opacity:.18;animation-duration:64s;animation-direction:reverse}
.xas-fx i:nth-child(3){inset:0;background:linear-gradient(105deg,transparent 42%,rgba(240,210,138,.09) 50%,transparent 58%);background-size:260% 100%;-webkit-mask-image:none;mask-image:none;opacity:1;animation:xasb 10s linear infinite}
@keyframes xasd{to{transform:translate(46px,46px)}}
@keyframes xasb{from{background-position:130% 0}to{background-position:-130% 0}}
@media (prefers-reduced-motion:reduce){.xat-fx,.xas-fx i{animation:none}}
html.a11y-motion .xat-fx,html.a11y-motion .xas-fx i{animation:none}
.xcl-in span.fl{--b1:#fff;--b2:#9fd0ff;position:relative}
.fl-brazil{--b1:#ffdf00;--b2:#009b3a}.fl-china{--b1:#ffde00;--b2:#de2910}.fl-russia{--b1:#fff;--b2:#d52b1e}.fl-colombia{--b1:#fcd116;--b2:#ce1126}.fl-venezuela{--b1:#ffcc00;--b2:#cf142b}.fl-morocco{--b1:#fff;--b2:#c1272d}.fl-mexico{--b1:#fff;--b2:#ce1126}.fl-nigeria{--b1:#fff;--b2:#008751}
.xcl-in span.fl::after{content:"";position:absolute;left:50%;top:-30%;width:.5em;height:170%;translate:-50% 0;pointer-events:none;opacity:0;background:linear-gradient(180deg,var(--b1),var(--b2));clip-path:polygon(58% 0,22% 46%,48% 46%,10% 100%,86% 40%,56% 40%,92% 0);filter:drop-shadow(0 0 6px var(--b1)) drop-shadow(0 0 14px var(--b2))}
.xcl-in span.fl:hover::after{animation:zbolt .9s steps(1,end) infinite}
.xcl-in span.fl:hover{animation:zflash .9s steps(1,end) infinite;text-shadow:0 0 .12em var(--b1),0 0 .4em var(--b2)}
@keyframes zbolt{0%{opacity:1;left:22%;scale:1 1}12%{opacity:0}20%{opacity:1;left:48%;scale:-1 1}30%{opacity:.2}38%{opacity:1;left:74%;scale:1 1}52%{opacity:0}60%{opacity:1;left:35%;scale:-1 1}70%{opacity:0}85%{opacity:1;left:60%;scale:1 1}100%{opacity:0}}
@keyframes zflash{0%,20%,38%,60%,85%{filter:brightness(1.9) drop-shadow(0 0 10px var(--b2))}10%,30%,50%,70%,95%{filter:none}}
@media (prefers-reduced-motion:reduce){.xcl-in span.fl:hover::after,.xcl-in span.fl:hover{animation:none}.xcl-in span.fl:hover::after{opacity:.9}}
html.a11y-motion .xcl-in span.fl:hover::after,html.a11y-motion .xcl-in span.fl:hover{animation:none}
/* fixes: marquee item layout + softer Zeus flash */
.xat .xmq span.xmq-i{position:relative;flex:none;padding-inline:clamp(1.6rem,3.4vw,3.4rem);width:auto;min-width:max-content}
.xat .xmq span.xmq-i::after{display:none}
.xat .xmq span.xmq-i::before{content:"";position:absolute;right:0;top:50%;width:.55rem;height:.55rem;translate:50% -50%;rotate:45deg;background:var(--gold)}
.xat .xmq-i b{display:block;white-space:nowrap}
@keyframes zflash{0%,20%,38%,60%,85%{filter:brightness(1.25) drop-shadow(0 0 8px var(--b2))}10%,30%,50%,70%,95%{filter:none}}
.xcl-in span.fl:hover{text-shadow:0 0 .08em var(--b1),0 0 .3em var(--b2),0 0 .6em var(--b2)}
/* fixes 2 */
.xat .xmq-in{align-items:flex-start}
.xcl-in span.fl:hover{text-shadow:none!important}
@keyframes zflash{0%,20%,38%,60%,85%{filter:brightness(1.3) saturate(1.3) drop-shadow(0 0 6px var(--b1)) drop-shadow(0 0 16px var(--b2))}10%,30%,50%,70%,95%{filter:drop-shadow(0 0 4px var(--b2))}}
.xas-fx i{opacity:.4}.xas-fx i:nth-child(2){opacity:.3}
.xas-fx i:nth-child(3){background:linear-gradient(105deg,transparent 40%,rgba(240,210,138,.16) 50%,transparent 60%)}

/* specificity fix: per-country colours */
.xcl-in span.fl.fl-brazil{--fg:linear-gradient(90deg,#009b3a 0 33%,#ffdf00 33% 66%,#002776 66%);--b1:#ffdf00;--b2:#009b3a}
.xcl-in span.fl.fl-china{--fg:linear-gradient(90deg,#de2910 0 60%,#ffde00 60%);--b1:#ffde00;--b2:#de2910}
.xcl-in span.fl.fl-russia{--fg:linear-gradient(180deg,#fff 0 33%,#0039a6 33% 66%,#d52b1e 66%);--b1:#fff;--b2:#d52b1e}
.xcl-in span.fl.fl-colombia{--fg:linear-gradient(180deg,#fcd116 0 50%,#003893 50% 75%,#ce1126 75%);--b1:#fcd116;--b2:#ce1126}
.xcl-in span.fl.fl-venezuela{--fg:linear-gradient(180deg,#ffcc00 0 33%,#00247d 33% 66%,#cf142b 66%);--b1:#ffcc00;--b2:#cf142b}
.xcl-in span.fl.fl-morocco{--fg:linear-gradient(90deg,#c1272d 0 70%,#006233 70%);--b1:#fff;--b2:#c1272d}
.xcl-in span.fl.fl-mexico{--fg:linear-gradient(90deg,#006847 0 33%,#fff 33% 66%,#ce1126 66%);--b1:#fff;--b2:#ce1126}
.xcl-in span.fl.fl-nigeria{--fg:linear-gradient(90deg,#008751 0 33%,#fff 33% 66%,#008751 66%);--b1:#fff;--b2:#008751}

/* BEYOND the game band */
.two-bey{position:relative;isolation:isolate;overflow:hidden;margin:clamp(28px,4vw,52px) 0 clamp(20px,3vw,40px);padding:clamp(24px,3.4vw,44px);border:1px solid rgba(240,210,138,.38);border-radius:6px;background:linear-gradient(120deg,rgba(201,162,78,.16),rgba(8,14,32,.7) 55%,rgba(60,190,170,.1))}
.two-bey-fx{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 40%,rgba(240,210,138,.16) 50%,transparent 60%);background-size:250% 100%;animation:beysw 9s linear infinite}
@keyframes beysw{from{background-position:130% 0}to{background-position:-130% 0}}
.two-bey-k{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);margin:0 0 .5rem}
.two-bey h3{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.15;margin:0 0 .6rem;color:var(--gold-2)}
.two-bey-x{margin:0 0 1.4rem;max-width:62ch;opacity:.85}
.two-bey ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.6vw,22px)}
.two-bey li{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.1rem .6rem;text-align:center;border:1px solid rgba(240,210,138,.22);border-radius:4px;background:rgba(3,8,22,.5);font-size:.95rem;line-height:1.3;transition:transform .35s,border-color .35s}
.two-bey li:hover{transform:translateY(-4px);border-color:var(--gold-2)}
.two-bey li i{width:clamp(44px,5vw,60px);height:clamp(44px,5vw,60px);display:block}
.two-bey li svg{width:100%;height:100%;fill:none;stroke:var(--gold-2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.two-bey ul{grid-template-columns:repeat(2,1fr)}.two-bey li:last-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.two-bey-fx{animation:none}}
html.a11y-motion .two-bey-fx{animation:none}

/* press angles: line behind the numbers with two travelling dots */
.xan{position:relative}
.xan-ln{position:absolute;left:0;top:0;z-index:0;pointer-events:none;overflow:visible}
.xan-i{z-index:1}
.xan-ln .xl-p{fill:none;stroke:rgba(240,210,138,.45);stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round}
.xan-ln .xl-n{fill:rgba(240,210,138,.8)}
.xan-ln .xl-d1{fill:var(--gold-2);filter:drop-shadow(0 0 8px rgba(240,210,138,.9))}
.xan-ln .xl-d2{fill:#7fe0d0;filter:drop-shadow(0 0 6px rgba(127,224,208,.9))}
@media (max-width:700px){.xan-ln{display:none}}
.xan-n{justify-self:start;align-self:center}
.xan-i:nth-child(even) .xan-n{justify-self:end}

/* ===== AMBASSADORS: champions' stage (warm black, gold, ember; no blue) ===== */
.amb{background:#0b0806}
.amb .xs{background:transparent}
.am-h{position:relative;isolation:isolate;overflow:hidden;padding:clamp(120px,16vw,200px) 0 0;background:radial-gradient(70% 60% at 50% 0%,#2a1a0b,#0b0806 70%)}
.am-beams{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.am-beams i{position:absolute;top:-20%;width:34vw;height:140%;transform-origin:50% 0;background:linear-gradient(180deg,rgba(255,176,80,.34),rgba(255,176,80,0) 75%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);mix-blend-mode:screen;animation:amsw 11s ease-in-out infinite alternate}
.am-beams i:nth-child(1){left:6%;rotate:-18deg}
.am-beams i:nth-child(2){left:34%;rotate:4deg;animation-duration:14s;animation-delay:-4s;background:linear-gradient(180deg,rgba(240,210,138,.32),rgba(240,210,138,0) 75%)}
.am-beams i:nth-child(3){left:60%;rotate:20deg;animation-duration:9s;animation-delay:-2s;background:linear-gradient(180deg,rgba(255,110,70,.28),rgba(255,110,70,0) 75%)}
@keyframes amsw{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
.am-grain{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(rgba(240,210,138,.5) 1px,transparent 1.4px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.am-t{font-size:clamp(2.4rem,7.4vw,6.4rem)!important;line-height:.98}
.am-h .lede{max-width:60ch}
.am-roll{margin-top:clamp(40px,6vw,80px);border-block:1px solid rgba(240,210,138,.25);overflow:hidden;background:rgba(0,0,0,.35)}
.am-roll-in{display:flex;width:max-content;align-items:center;animation:xmq 60s linear infinite}
.am-roll span{font-family:var(--display);font-size:clamp(1.2rem,2.6vw,2.2rem);padding:.7em 0 .7em 1.4em;color:var(--gold-2);white-space:nowrap}
.am-roll em{font-style:normal;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#ff9a50;padding:0 1.4em;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.am-beams i,.am-roll-in{animation:none}}
html.a11y-motion .am-beams i,html.a11y-motion .am-roll-in{animation:none}
/* why */
.am-why-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.am-why-l{position:sticky;top:110px;overflow:hidden}
.am-q{position:absolute;right:-.05em;bottom:-.25em;font-family:var(--display);font-size:clamp(12rem,26vw,24rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,154,80,.35);z-index:-1;animation:amq 6s ease-in-out infinite alternate}
@keyframes amq{from{rotate:-6deg;translate:0 0}to{rotate:5deg;translate:0 -12px}}
.am-why-r{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:w}
.am-why-r li{position:relative;padding:clamp(18px,2.4vw,30px) clamp(18px,2.6vw,34px) clamp(18px,2.4vw,30px) clamp(70px,8vw,110px);border:1px solid rgba(240,210,138,.22);border-radius:6px;background:linear-gradient(120deg,rgba(255,154,80,.10),rgba(20,12,6,.8));transition:transform .4s,border-color .4s}
.am-why-r li:nth-child(odd){transform:translateX(-10px)}.am-why-r li:nth-child(even){transform:translateX(10px)}
.am-why-r li:hover{transform:translateX(0) scale(1.02);border-color:#ff9a50}
.am-why-r b{position:absolute;left:clamp(14px,2vw,28px);top:50%;translate:0 -50%;font-family:var(--display);font-weight:400;font-size:clamp(2rem,4.4vw,3.6rem);color:transparent;-webkit-text-stroke:1px #ff9a50}
.am-why-r h3{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.9vw,1.5rem);margin:0 0 .35em;color:var(--gold-2)}
.am-why-r p{margin:0;color:#E4D9C8}
@media (max-width:860px){.am-why-g{grid-template-columns:1fr}.am-why-l{position:static}.am-why-r li:nth-child(n){transform:none}}
/* stage */
.am-stage{position:relative;isolation:isolate;overflow:hidden}
.am-spot{position:absolute;inset:0;z-index:-1;pointer-events:none;--sx:50%;--sy:30%;background:radial-gradient(520px circle at var(--sx) var(--sy),rgba(255,176,80,.20),transparent 70%)}
.am-cards{list-style:none;margin:clamp(30px,5vw,60px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,36px);perspective:1200px}
.am-card:nth-child(3n+2){margin-top:clamp(24px,4vw,64px)}.am-card:nth-child(3n){margin-top:clamp(0px,2vw,32px)}
.am-in{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:10px;border:1px solid color-mix(in srgb,var(--c) 70%,#f0d28a);background:radial-gradient(90% 70% at 50% 25%,color-mix(in srgb,var(--c) 55%,#0b0806),#0b0806 75%);transition:transform .25s ease-out,box-shadow .4s;transform-style:preserve-3d;box-shadow:0 24px 50px -24px color-mix(in srgb,var(--c) 70%,#000)}
.am-card:hover .am-in{box-shadow:0 30px 70px -20px color-mix(in srgb,var(--c) 90%,#000)}
.am-word{position:absolute;left:50%;top:50%;translate:-50% -50%;rotate:-90deg;font-family:var(--display);font-size:clamp(3.4rem,8.6vw,7.4rem);line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.4px color-mix(in srgb,var(--c) 80%,#fff);opacity:.55;transition:letter-spacing .6s,opacity .4s}
.am-card:hover .am-word{letter-spacing:.06em;opacity:.9}
.am-mono{position:absolute;left:50%;top:38%;translate:-50% -50%;font-family:var(--display);font-size:clamp(4rem,9vw,8rem);color:#f0d28a;text-shadow:0 0 30px color-mix(in srgb,var(--c) 80%,transparent)}
.am-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.am-glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.22),transparent 60%);mix-blend-mode:soft-light;opacity:0;transition:opacity .3s}
.am-card:hover .am-glare{opacity:1}
.am-pl{position:absolute;left:0;right:0;bottom:0;padding:clamp(40px,6vw,70px) clamp(14px,2vw,22px) clamp(14px,2vw,22px);background:linear-gradient(0deg,rgba(11,8,6,.96) 25%,rgba(11,8,6,0))}
.am-pl em{font-style:normal;font-family:var(--display);font-size:.8rem;letter-spacing:.2em;color:#ff9a50}
.am-pl h3{font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,2vw,1.6rem);margin:.15em 0 .1em;color:#fff}
.am-pl p{margin:0;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#f0d28a}
@media (max-width:860px){.am-cards{grid-template-columns:repeat(2,1fr)}.am-card:nth-child(n){margin-top:0}.am-card:nth-child(even){margin-top:28px}}
@media (max-width:520px){.am-cards{grid-template-columns:1fr}.am-card:nth-child(n){margin-top:0}}
/* duties */
.am-duty-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);margin-top:clamp(26px,4vw,50px)}
.am-d{position:relative;overflow:hidden;padding:clamp(22px,3vw,38px);border-radius:6px;background:linear-gradient(160deg,rgba(255,154,80,.14),rgba(20,12,6,.85) 60%);border:1px solid rgba(240,210,138,.2);transition:transform .4s,border-color .4s}
.am-d:nth-child(3n+2){transform:translateY(clamp(0px,2vw,26px))}
.am-d:hover{transform:translateY(-6px) rotate(-.6deg);border-color:#ff9a50}
.am-d-n{position:absolute;right:.1em;top:-.12em;font-family:var(--display);font-size:clamp(5rem,10vw,8.5rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,154,80,.45);transition:transform .6s}
.am-d:hover .am-d-n{transform:scale(1.15) rotate(6deg)}
.am-d h3{position:relative;font-family:var(--display);font-weight:400;font-size:clamp(1.1rem,1.9vw,1.5rem);margin:2.2em 0 .4em;color:var(--gold-2)}
.am-d p{position:relative;margin:0;color:#E4D9C8}
@media (max-width:860px){.am-duty-g{grid-template-columns:1fr 1fr}.am-d:nth-child(n){transform:none}}
@media (max-width:520px){.am-duty-g{grid-template-columns:1fr}}
/* picks: ticking checklist */
.am-pk{list-style:none;margin:clamp(26px,4vw,50px) 0 0;padding:0;display:grid;gap:0;position:relative}
.am-pk::before{content:"";position:absolute;left:23px;top:20px;bottom:20px;width:2px;background:repeating-linear-gradient(180deg,rgba(240,210,138,.5) 0 6px,transparent 6px 14px)}
.am-pk-i{position:relative;display:flex;gap:clamp(16px,2.4vw,32px);align-items:flex-start;padding:clamp(14px,2vw,22px) 0}
.am-tick{flex:none;position:relative;z-index:1;width:48px;height:48px;border-radius:50%;border:2px solid rgba(240,210,138,.5);background:#0b0806;display:grid;place-items:center;transition:background .4s,border-color .4s,box-shadow .4s}
.am-tick svg{width:26px;height:26px;fill:none;stroke:#0b0806;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .5s .15s}
.am-pk-i.on .am-tick{background:#ff9a50;border-color:#ffd9a8;box-shadow:0 0 0 8px rgba(255,154,80,.15),0 0 30px rgba(255,154,80,.6)}
.am-pk-i.on .am-tick svg{stroke-dashoffset:0}
.am-pk-i h3{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.4vw,1.9rem);margin:.2em 0 .2em;color:var(--gold-2)}
.am-pk-i p{margin:0;color:#E4D9C8;max-width:60ch}
/* what they do / for partners */
.am-do-g,.am-for{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:clamp(20px,3vw,36px) 0 clamp(36px,6vw,80px)}
.am-for{grid-template-columns:repeat(3,1fr);margin-bottom:0}
.am-do-i,.am-for-i{display:flex;flex-direction:column;gap:.5rem;padding:clamp(16px,2vw,26px);border-left:3px solid #ff9a50;background:linear-gradient(90deg,rgba(255,154,80,.12),transparent);transition:transform .35s,background .35s}
.am-do-i:hover,.am-for-i:hover{transform:translateX(8px);background:linear-gradient(90deg,rgba(255,154,80,.25),transparent)}
.am-do-i b,.am-for-i b{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.8vw,1.4rem);color:var(--gold-2)}
.am-do-i span,.am-for-i span{color:#E4D9C8}
@media (max-width:860px){.am-do-g{grid-template-columns:1fr 1fr}.am-for{grid-template-columns:1fr}}
.am-end{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(60% 80% at 50% 100%,#3a210d,#0b0806 70%)}
.am-end .xs-bgimg{display:none}

/* ===== CPCW — Changing the People, Changing the World ===== */
.cp{--mint:#5ee3b0;--coral:#ff7a59;--sun:#ffd04a;--ink:#1d1118;--cream:#fff6e8;background:var(--cream);color:var(--ink)}
.cp .xs-h,.cp h3{color:var(--ink)}
.cp .xs-k{color:#c4472a}.cp .xs-p,.cp p{color:#3b2a2f}
.cp-h{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:140px 0 70px}
.cp-h .crumbs,.cp-h .crumbs a{color:#ffd9c9}.cp-h .lede{color:#ffe9dc;max-width:46ch}
.cp-tag{display:inline-block;margin:10px 0 18px;padding:6px 14px;border-radius:99px;background:var(--sun);color:var(--ink)!important;font-weight:700;font-size:.78rem;letter-spacing:.04em}
.cp-t{color:#fff}
.cp-fx i{position:absolute;border-radius:50%;opacity:.9;animation:cpf 9s ease-in-out infinite;mix-blend-mode:screen}
.cp-fx i:nth-child(odd){background:var(--coral)}.cp-fx i:nth-child(even){background:var(--mint)}.cp-fx i:nth-child(3n){background:var(--sun)}
.cp-fx i:nth-child(1){width:90px;height:90px;left:6%;top:22%}.cp-fx i:nth-child(2){width:46px;height:46px;left:78%;top:18%;animation-delay:-2s}
.cp-fx i:nth-child(3){width:130px;height:130px;left:88%;top:58%;animation-delay:-4s}.cp-fx i:nth-child(4){width:28px;height:28px;left:48%;top:12%;animation-delay:-6s}
.cp-fx i:nth-child(5){width:64px;height:64px;left:62%;top:78%;animation-delay:-1s}.cp-fx i:nth-child(6){width:20px;height:20px;left:30%;top:70%;animation-delay:-3s}
.cp-fx i:nth-child(7){width:38px;height:38px;left:14%;top:84%;animation-delay:-5s}.cp-fx i:nth-child(8){width:22px;height:22px;left:92%;top:10%;animation-delay:-7s}
@keyframes cpf{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.2)}66%{transform:translate(-26px,24px) scale(.85)}}
.cp-nums{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:36px}
.cp-n{min-width:150px}.cp-n b{display:block;font-family:Michroma,sans-serif;font-size:clamp(2.4rem,6vw,4rem);line-height:1;color:var(--sun)}
.cp-n span{display:block;margin-top:6px;max-width:20ch;color:#ffe9dc;font-size:.88rem}
.cp .xs{background:transparent}
.cp-pil{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}
.cp-p{padding:0 0 0 18px;border-left:6px solid var(--c);transition:transform .35s}
.cp-p:hover{transform:translateY(-6px) rotate(-.8deg)}
.cp-p b{font-family:Michroma,sans-serif;font-size:2.2rem;color:var(--c);-webkit-text-stroke:0}.cp-p h3{margin:6px 0}
.cp-jobs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.cp-jobs li{padding:9px 18px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;animation:cpb 3.2s ease-in-out infinite;animation-delay:calc(var(--d)*.35s)}
@keyframes cpb{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1.2deg)}}
.cp-learn{background:#ffe7c7!important}
.cp-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px}
.cp-col{padding:6px 24px 10px;border-top:8px solid var(--c)}
.cp-col+.cp-col{border-left:2px dashed rgba(29,17,24,.25)}
.cp-col ul{margin:10px 0 0;padding-left:18px}.cp-col li{margin:6px 0}
.cp-sub{margin:44px 0 14px;font-family:Michroma,sans-serif;font-size:1.05rem}
.cp-sk{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.cp-sk li{padding:8px 16px;border-radius:12px 22px 12px 22px;background:var(--coral);color:#fff;font-weight:700;transition:transform .25s,background .25s}
.cp-sk li:nth-child(3n){background:var(--ink)}.cp-sk li:nth-child(3n+1){background:#1f9d78}
.cp-sk li:hover{transform:scale(1.12) rotate(-3deg)}
.cp-ax{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 40px;margin:24px 0 0;padding:0;list-style:none;counter-reset:a}
.cp-ax li{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:2px solid rgba(29,17,24,.15)}
.cp-ax b{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sun);font-family:Michroma,sans-serif;transition:transform .4s}
.cp-ax li:hover b{transform:rotate(360deg) scale(1.15)}
.cp-fr{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.cp-fr div{padding-top:14px;border-top:4px solid var(--ink)}.cp-fr div:nth-child(2){border-color:var(--coral)}.cp-fr div:nth-child(3){border-color:var(--mint)}.cp-fr div:nth-child(4){border-color:var(--sun)}
.cp-room{background:var(--ink)!important;color:#fff}
.cp-room .xs-h,.cp-room h3{color:#fff}.cp-room p,.cp-room .xs-p{color:#ffe9dc}.cp-room .xs-k{color:var(--sun)}
.cp-rm{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}
.cp-r-i{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--mint);color:var(--ink);font-family:Michroma,sans-serif;font-size:1.2rem;margin-bottom:10px;animation:cpb 4s ease-in-out infinite;animation-delay:calc(var(--d)*.5s)}
.cp-r:nth-child(2) .cp-r-i{background:var(--coral)}.cp-r:nth-child(3) .cp-r-i{background:var(--sun)}.cp-r:nth-child(4) .cp-r-i{background:#fff}
.cp-meta{margin-top:30px;font-style:italic}
.cp-st{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:26px 0 44px}
.cp-st em{font-style:normal;font-family:Michroma,sans-serif;font-size:3.2rem;color:var(--coral);line-height:1}
.cp-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:34px 18px;margin:20px 0 0;padding:0;list-style:none}
.cp-lv{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;opacity:.28;transform:translateY(16px) scale(.9);transition:all .55s cubic-bezier(.3,1.6,.5,1)}
.cp-lv.on{opacity:1;transform:none}
.cp-lv-n{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-family:Michroma,sans-serif;font-size:1.3rem;background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--ink)}
.cp-lv:nth-child(3n+2) .cp-lv-n{background:var(--mint)}.cp-lv:nth-child(3n) .cp-lv-n{background:var(--coral);color:#fff}
.cp-lv.on .cp-lv-n{animation:cpp .7s}
.cp-lv:not(:nth-child(4n))::after{content:"";position:absolute;top:31px;left:calc(50% + 40px);width:calc(100% - 44px + 18px);border-top:4px dotted rgba(29,17,24,.35)}
@keyframes cpp{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.cp-lv-t{font-weight:700;font-size:.95rem;max-width:16ch}
.cp-res{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.cp-res li{padding-left:34px;position:relative;font-weight:600}.cp-res li::before{content:"★";position:absolute;left:0;color:var(--coral);font-size:1.2rem;animation:cps 2.6s ease-in-out infinite}
@keyframes cps{50%{transform:rotate(30deg) scale(1.3)}}
.cp-cti{background:#ffe7c7!important}
.cp-th{margin:26px 0;padding:22px 26px;border-radius:30px 6px 30px 6px;background:var(--ink)}
.cp-th h3,.cp-th p{color:#fff}.cp-th h3{color:var(--sun)}
.cp-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cp-b{position:relative;min-height:230px;perspective:900px;cursor:pointer;outline-offset:4px}
.cp-b-f,.cp-b-a{position:absolute;inset:0;padding:18px;border-radius:20px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.cp-b-f{background:#fff;border:3px solid var(--ink)}.cp-b-a{background:var(--mint);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center}
.cp-b-a p{font-weight:800;font-size:1.1rem}
.cp-b small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#c4472a}
.cp-b:hover .cp-b-f,.cp-b:focus-visible .cp-b-f,.cp-b.flip .cp-b-f{transform:rotateY(-180deg)}
.cp-b:hover .cp-b-a,.cp-b:focus-visible .cp-b-a,.cp-b.flip .cp-b-a{transform:none}
.cp-law{margin:26px 0;font-size:1.15rem;font-weight:700;max-width:60ch}
.cp-path{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:20px 0 0;padding:0;list-style:none}
.cp-path li{padding:18px 24px 18px 24px;background:var(--c1,#fff);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%,26px 50%)}
.cp-path li:first-child{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%)}
.cp-path li:nth-child(1){--c1:var(--sun)}.cp-path li:nth-child(2){--c1:var(--mint)}.cp-path li:nth-child(3){--c1:var(--coral)}
.cp-path li *{color:var(--ink)!important}.cp-path b{font-family:Michroma,sans-serif;font-size:1.4rem}
.cp-who{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:46px;align-items:start}
.cp-who ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.cp-who li{display:flex;flex-direction:column;padding:10px 0 10px 16px;border-left:6px solid var(--coral)}.cp-who li:nth-child(2){border-color:var(--mint)}.cp-who li:nth-child(3){border-color:var(--sun)}.cp-who li:nth-child(4){border-color:var(--ink)}
.cp-two{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.cp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.cp-tags li{padding:7px 14px;border:2px solid var(--ink);border-radius:99px;font-weight:600}
.cp-tags-w li{background:var(--sun);border-color:var(--sun)}
.cp-an{display:flex;flex-wrap:wrap;gap:12px 30px;margin:22px 0;padding:0;list-style:none;font-family:Michroma,sans-serif;font-size:clamp(1.6rem,4.5vw,3rem)}
.cp-an li:nth-child(2){color:#c4472a}.cp-an li:nth-child(3){color:#1f9d78}
.cp-ln{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);border-bottom:3px solid var(--coral);padding-bottom:2px;text-decoration:none}
.cp-ln:hover{border-color:var(--ink)}
.cp-ms{margin-top:46px;padding-top:22px;border-top:2px dashed rgba(29,17,24,.3);max-width:62ch}
.cp-src{margin-top:30px;font-size:.85rem;opacity:.8}
.cp-end{position:relative;overflow:hidden;background:var(--coral)!important}
.cp-end .xend-t,.cp-end p{color:var(--ink)!important}
@media(max-width:900px){.cp-pil,.cp-cols,.cp-st,.cp-who,.cp-two,.cp-path{grid-template-columns:1fr}.cp-rm,.cp-bar,.cp-fr{grid-template-columns:1fr 1fr}.cp-ax{grid-template-columns:1fr}.cp-map{grid-template-columns:repeat(2,1fr)}.cp-lv:not(:nth-child(4n))::after{display:none}.cp-col+.cp-col{border-left:0}.cp-path li,.cp-path li:first-child{clip-path:none}}
@media(max-width:520px){.cp-rm,.cp-bar,.cp-fr{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cp *{animation:none!important}.cp-lv{opacity:1;transform:none}}
html.a11y-motion .cp *{animation:none!important}
html.a11y-motion .cp-lv{opacity:1;transform:none}
.cp-path li+li{padding-left:44px}

/* ===== MASTER ===== */
.ms{--vi:#1d3a8a;--li:#d9b45f;--pk:#b88a2e;--ink:#14101f;background:#070d1f;color:var(--ink)}
.ms .xs-h,.ms h3,.ms h4{color:var(--ink)}.ms .xs-p,.ms p{color:#2f2a45}.ms .xs-k{color:var(--vi)}
.ms-h{position:relative;overflow:hidden;background:var(--vi);color:#fff;padding:140px 0 70px}
.ms-h .crumbs,.ms-h .crumbs a,.ms-h .lede{color:#efe8ff}.ms-t{color:#fff}
.ms-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:48px 48px;animation:msg 14s linear infinite;mask-image:linear-gradient(#000,transparent)}
@keyframes msg{to{background-position:48px 48px}}
.ms-nums{display:flex;flex-wrap:wrap;gap:16px 38px;margin-top:34px}
.ms-nums b{display:block;font-family:Michroma,sans-serif;font-size:clamp(2.2rem,5.5vw,3.6rem);color:var(--li);line-height:1}.ms-nums span{display:block;max-width:20ch;margin-top:6px;color:#efe8ff;font-size:.88rem}
.ms-w{display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:40px;align-items:center;margin-top:20px}
.ms-orb{position:relative;width:min(100%,500px);aspect-ratio:1;margin:auto;border-radius:50%;border:3px dashed rgba(40,80,190,.45);animation:mso 60s linear infinite}
.ms-orb.pause,.ms-orb:hover{animation-play-state:paused}
@keyframes mso{to{transform:rotate(360deg)}}
.ms-c{position:absolute;inset:30%;display:grid;place-items:center;text-align:center;border-radius:50%;background:var(--ink);color:#fff;font-family:Michroma,sans-serif;font-size:.85rem;animation:mso 60s linear infinite reverse}
.ms-n{position:absolute;left:50%;top:50%;width:116px;height:116px;margin:-58px;border:0;border-radius:50%;background:var(--c);color:var(--ink);font-weight:800;font-size:.8rem;cursor:pointer;transform:rotate(var(--a)) translateY(-215px) rotate(calc(-1*var(--a)));transition:scale .3s,box-shadow .3s}
.ms-n span{display:block;animation:mso 60s linear infinite reverse;padding:0 8px}
.ms-n:hover,.ms-n.on{scale:1.18;box-shadow:0 0 0 6px #fff,0 0 0 9px var(--c)}
.ms-d{display:none;border-left:10px solid var(--c);padding:6px 0 6px 24px}.ms-d.on{display:block;animation:msi .5s}
@keyframes msi{from{opacity:0;transform:translateX(24px)}}
.ms-d em{font-style:normal;font-family:Michroma,sans-serif;font-size:3rem;color:var(--c);-webkit-text-stroke:1px var(--ink)}
.ms-d h3{font-size:1.6rem;margin:4px 0 8px}
.ms-wg{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:24px}
.ms-wg b{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--li);font-family:Michroma,sans-serif;transform:rotate(-6deg)}
.ms-wg div:nth-child(2) b{background:var(--pk)}.ms-wg div:nth-child(3) b{background:#ffb02e}
.ms-sub{margin:44px 0 14px;font-family:Michroma,sans-serif;font-size:1.05rem}
.ms-rl{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ms-rl li{padding:9px 18px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;transition:transform .25s,background .25s}
.ms-rl li:hover{background:var(--vi);transform:translateY(-4px) rotate(-2deg)}
.ms-two{background:var(--ink)!important;color:#fff}.ms-two .xs-h,.ms-two h3{color:#fff}.ms-two p,.ms-two .xs-p{color:#e6defa}.ms-two .xs-k{color:var(--li)}
.ms-two-g{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}
.ms-prof{padding:26px;border:3px solid var(--li);border-radius:34px 6px 34px 6px;transform:rotate(1.2deg)}
.ms-ch{margin-top:12px;font-weight:800;color:var(--li)!important}
.ms-hw{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0 0;padding:0;list-style:none}
.ms-hw li{padding:6px 22px;border-left:4px solid var(--vi)}.ms-hw li:nth-child(2){border-color:var(--pk)}.ms-hw li:nth-child(3){border-color:#ffb02e}.ms-hw li:nth-child(4){border-color:#19d3c5}
.ms-hw small{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:var(--vi)}
.ms-ct{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ms-ct div{padding:16px 20px;background:var(--li);border-radius:6px 26px 6px 26px;display:flex;flex-direction:column}.ms-ct div:nth-child(2){background:var(--pk)}
.ms-doors{background:#0c1631!important}
.ms-dg{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}
.ms-door{position:relative;padding:28px;background:#fff;border:3px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 var(--vi);transition:transform .3s,box-shadow .3s}
.ms-door:nth-child(2){box-shadow:10px 10px 0 var(--pk)}
.ms-door:hover{transform:translate(-4px,-4px);box-shadow:16px 16px 0 var(--ink)}
.ms-door small{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:var(--vi)}
.ms-door ul{margin:12px 0 0;padding-left:18px}.ms-door li{margin:5px 0;font-weight:600}
.ms-lic{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none}
.ms-lic li{display:flex;flex-direction:column;gap:8px}.ms-lic b{font-family:Michroma,sans-serif;font-size:2.6rem;color:var(--vi);line-height:1}
.ms-lx{margin-top:26px;max-width:66ch;font-weight:600}
.ms-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px;margin:24px 0 0}
.ms-sg dt{font-family:Michroma,sans-serif;font-size:.8rem;color:var(--vi);padding-bottom:6px;border-bottom:3px solid var(--li);margin-bottom:8px}.ms-sg dd{margin:0}
.ms-note{margin-top:34px;font-size:.88rem;max-width:70ch;opacity:.85}
.ms-ln{display:inline-flex;gap:10px;align-items:center;margin-top:10px;font-weight:800;color:var(--ink);border-bottom:3px solid var(--vi);text-decoration:none}
.ms-end{background:var(--li)!important}.ms-end .xend-t,.ms-end p{color:var(--ink)!important}
@media(max-width:900px){.ms-w,.ms-two-g,.ms-dg,.ms-ct{grid-template-columns:1fr}.ms-wg,.ms-hw,.ms-lic,.ms-sg{grid-template-columns:1fr 1fr}.ms-n{width:92px;height:92px;margin:-46px;font-size:.7rem;transform:rotate(var(--a)) translateY(-165px) rotate(calc(-1*var(--a)))}.ms-orb{width:min(100%,380px)}}
@media(max-width:520px){.ms-wg,.ms-hw,.ms-lic,.ms-sg{grid-template-columns:1fr}.ms-n{width:78px;height:78px;margin:-39px;font-size:.62rem;transform:rotate(var(--a)) translateY(-140px) rotate(calc(-1*var(--a)))}.ms-orb{width:320px}}
@media(prefers-reduced-motion:reduce){.ms *{animation:none!important}}
html.a11y-motion .ms *{animation:none!important}
@media(max-width:520px){.ms-orb{width:280px}.ms-n{width:70px;height:70px;margin:-35px;font-size:.58rem;transform:rotate(var(--a)) translateY(-122px) rotate(calc(-1*var(--a)))}.ms-w{overflow:hidden}.ms-c{font-size:.7rem}}

/* ===== PEGT (photo-led) ===== */
.pg{background:#07070c;color:#f4efe6}
.pg .xs-h,.pg h3{color:#fff}.pg p{color:#d9d3c7}
.pg-h{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:140px 0 0}
.pg-h-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);animation:pgz 16s ease-out forwards}
@keyframes pgz{to{transform:scale(1)}}
.pg-h-v{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,12,.55),rgba(7,7,12,.1) 35%,rgba(7,7,12,.92))}
.pg-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;pointer-events:none}
.pg-h .wrap{position:relative;z-index:2;padding-bottom:40px}
.pg-h .crumbs,.pg-h .crumbs a{color:#eee}
.pg-kick{display:inline-block;margin:0 0 6px;padding:6px 14px;background:#d6a84c;color:#111!important;font-weight:800;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.pg-t{font-family:Michroma,sans-serif;font-size:clamp(5rem,20vw,16rem);line-height:.9;margin:6px 0;color:#fff;letter-spacing:-.02em;display:flex}
.pg-t b{display:inline-block;font-weight:400;animation:pgl .9s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i)*.12s + .2s)}
@keyframes pgl{from{opacity:0;transform:translateY(80px) rotate(8deg) scale(.7);filter:blur(10px)}}
.pg-sub{font-family:Michroma,sans-serif;font-size:clamp(1rem,2.4vw,1.6rem);color:#d6a84c!important;margin:0 0 10px}
.pg-h .lede{max-width:48ch;color:#f1ece2}
.pg-mq{position:relative;z-index:2;overflow:hidden;background:#d6a84c;color:#111;padding:12px 0;transform:rotate(-1.2deg) scale(1.03);margin-top:10px}
.pg-mq div{display:flex;gap:26px;width:max-content;animation:pgm 28s linear infinite;align-items:center}
.pg-mq span{font-family:Michroma,sans-serif;font-size:1.1rem;white-space:nowrap}.pg-mq i{width:12px;height:12px;background:#111;transform:rotate(45deg)}
@keyframes pgm{to{transform:translateX(-50%)}}
.pg-big{padding:90px 0;background:#0d0d14}
.pg-big .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.pg-big b{display:block;font-family:Michroma,sans-serif;font-size:clamp(2.6rem,6vw,5rem);line-height:1;background:linear-gradient(180deg,#f3d58f,#b8862f);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-big span{display:block;margin-top:10px;max-width:22ch;font-size:.92rem;color:#cfc8ba}
.pg-idea-g{display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;align-items:start}
.pg-idea-g .xs-h{grid-column:1/-1}
.pg-idea-l p{font-size:1.1rem;border-left:3px solid #d6a84c;padding-left:16px;margin:0 0 18px}
.pg-fig{margin:0;transform:rotate(1.5deg)}.pg-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;box-shadow:0 30px 60px rgba(0,0,0,.6),-14px 14px 0 #d6a84c}
.pg-rows{list-style:none;margin:28px 0 0;padding:0}
.pg-row{display:grid;grid-template-columns:50px minmax(180px,1.4fr) 120px 1.2fr 1fr;gap:16px;align-items:center;padding:22px 8px;border-top:1px solid rgba(255,255,255,.18);cursor:crosshair;transition:background .3s,padding .3s}
.pg-row:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.pg-row:hover{background:linear-gradient(90deg,rgba(214,168,76,.22),transparent);padding-left:22px}
.pg-row-i{font-family:Michroma,sans-serif;color:#d6a84c;font-size:.8rem}
.pg-row-c{font-family:Michroma,sans-serif;font-size:clamp(1.1rem,2.6vw,2rem);color:#fff;transition:transform .3s}
.pg-row:hover .pg-row-c{transform:translateX(8px);color:#f3d58f}
.pg-row-d{color:#bdb5a5;font-size:.9rem}.pg-row-m{color:#bdb5a5;font-size:.85rem}
.pg-row-b{position:relative;display:flex;align-items:center;gap:10px}
.pg-row-b i{display:block;height:12px;width:0;background:linear-gradient(90deg,#b8862f,#f3d58f);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.pg-row.on .pg-row-b i{width:calc(var(--n)/119*100%)}
.pg-row-b em{font-style:normal;font-weight:800;color:#fff}
.pg-note{margin-top:18px;font-size:.85rem;opacity:.8}
.pg-hov{position:fixed;left:0;top:0;width:320px;aspect-ratio:3/2;pointer-events:none;z-index:40;opacity:0;transform:translate(24px,-50%) scale(.85) rotate(-3deg);transition:opacity .25s,transform .25s;box-shadow:0 20px 50px rgba(0,0,0,.7)}
.pg-hov.on{opacity:1;transform:translate(24px,-50%) scale(1) rotate(-3deg)}
.pg-hov img{width:100%;height:100%;object-fit:cover;display:block}
.pg-wall{position:relative;height:130vh;overflow:hidden;background:#07070c}
.pg-wall-in{position:relative;height:100%}
.pg-w{position:absolute;object-fit:cover;box-shadow:0 30px 70px rgba(0,0,0,.7);will-change:transform}
.pg-w1{width:38%;aspect-ratio:3/2;left:4%;top:8%}.pg-w2{width:30%;aspect-ratio:3/2;right:6%;top:4%}.pg-w3{width:34%;aspect-ratio:3/2;left:30%;top:38%}.pg-w4{width:28%;aspect-ratio:3/2;left:3%;top:62%}.pg-w5{width:32%;aspect-ratio:3/2;right:4%;top:58%}
.pg-wall-t{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-family:Michroma,sans-serif;font-size:clamp(1.6rem,5vw,4rem);text-align:center;color:#fff;text-shadow:0 4px 40px #000,0 0 6px #000;margin:0;mix-blend-mode:normal}
.pg-st{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:0}
.pg-st li{padding:22px 18px 0;border-top:6px solid #d6a84c;background:linear-gradient(180deg,rgba(214,168,76,.12),transparent);opacity:.25;transition:opacity .7s,transform .7s;transform:translateY(40px)}
.pg-st li.on{opacity:1;transform:none}
.pg-st li:nth-child(1){padding-top:30px}.pg-st li:nth-child(2){padding-top:70px}.pg-st li:nth-child(3){padding-top:110px}.pg-st li:nth-child(4){padding-top:150px;border-color:#fff}
.pg-st b{font-family:Michroma,sans-serif;font-size:3rem;color:#d6a84c;line-height:1}
.pg-sd{margin:38px 0 0;padding-left:20px}.pg-sd li{margin:8px 0}
.pg-sub2{font-family:Michroma,sans-serif;margin:44px 0 12px}
.pg-sites{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;margin:0;padding:0;font-family:Michroma,sans-serif;font-size:clamp(1rem,2.2vw,1.5rem)}
.pg-sites li{color:#f3d58f;transition:transform .25s,color .25s}.pg-sites li:hover{transform:translateY(-6px) rotate(-2deg);color:#fff}
.pg-aud{background:#d6a84c}.pg-aud .xs-h,.pg-aud p{color:#111}
.pg-au{display:flex;flex-wrap:wrap;gap:20px 70px;margin-top:20px}.pg-au b{display:block;font-family:Michroma,sans-serif;font-size:clamp(3rem,9vw,7rem);color:#111;line-height:1}.pg-au span{display:block;max-width:22ch;color:#111;font-weight:600}
.pg-role-g{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.pg-role ul{margin:0;padding:0;list-style:none}.pg-role li{padding:14px 0 14px 26px;border-bottom:1px solid rgba(255,255,255,.18);position:relative;font-size:1.05rem}.pg-role li::before{content:"";position:absolute;left:0;top:24px;width:10px;height:10px;background:#d6a84c;transform:rotate(45deg)}
.pg-end{background:#111}
@media(max-width:900px){.pg-big .wrap,.pg-st{grid-template-columns:1fr 1fr}.pg-idea-g,.pg-role-g{grid-template-columns:1fr}.pg-row{grid-template-columns:36px 1fr;gap:6px 12px}.pg-row-d,.pg-row-b,.pg-row-m{grid-column:2}.pg-hov{display:none}.pg-wall{height:90vh}.pg-w{width:46%!important}.pg-w3{left:27%!important}.pg-st li{padding-top:22px!important}}
@media(max-width:520px){.pg-big .wrap,.pg-st{grid-template-columns:1fr}.pg-t{font-size:26vw}}
@media(prefers-reduced-motion:reduce){.pg *{animation:none!important}.pg-row-b i{transition:none;width:calc(var(--n)/119*100%)}.pg-st li{opacity:1;transform:none}}
html.a11y-motion .pg *{animation:none!important}html.a11y-motion .pg-st li{opacity:1;transform:none}html.a11y-motion .pg-row-b i{width:calc(var(--n)/119*100%)}
.pg-t{font-size:clamp(4rem,13vw,10.5rem)}
.pg-h-i{object-position:50% 30%}
.pg-h .crumbs{text-shadow:0 1px 8px #000}
.pg-h .wrap{padding-top:60px}
.pg-h-v{background:linear-gradient(180deg,rgba(7,7,12,.7),rgba(7,7,12,.05) 30%,rgba(7,7,12,.55) 60%,rgba(7,7,12,.95))}
.pg-h .wrap{width:100%;max-width:1280px;margin:0 auto}
.pg-wall{height:auto;padding:90px 0 110px}
.pg-wall-in{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:0 4vw;height:auto}
.pg-wall-t{position:static;transform:none;grid-column:1/-1;grid-row:1;text-align:left;text-shadow:none;margin:0 0 20px}
.pg-w{position:static;width:100%!important;aspect-ratio:3/2;height:auto;left:auto!important;top:auto!important;right:auto!important}
.pg-w1{grid-column:1/4}.pg-w2{grid-column:4/7;margin-top:60px}.pg-w3{grid-column:1/3}.pg-w4{grid-column:3/5;margin-top:40px}.pg-w5{grid-column:5/7}
@media(max-width:900px){.pg-w1,.pg-w2,.pg-w3,.pg-w4,.pg-w5{grid-column:1/-1!important;margin-top:0!important}}
.pg-wall-in{gap:44px 24px}.pg-wall-t{margin:0 0 30px;position:relative;z-index:3}.pg-w{position:relative;z-index:1}.pg-w2{margin-top:90px}.pg-w4{margin-top:70px}
/* AMBASSADORS v2 (ab-) */
.ab{background:#050a16;color:#e8ecf5}
.ab .rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s var(--ease-out)}
.ab .rv.in,.ab .rv.on{opacity:1;transform:none}
.ab-k{display:flex;align-items:center;gap:14px;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);margin:0 0 16px}
.ab-k::after{content:"";height:1px;width:clamp(40px,8vw,120px);background:linear-gradient(90deg,rgba(240,210,138,.6),transparent)}
.ab-h2{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.4vw,2.7rem);line-height:1.12;margin:0 0 clamp(24px,4vw,56px);color:#f4e3b5;max-width:30ch}
.ab-h{position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,13vw,160px) 0 clamp(40px,5vw,70px);background:radial-gradient(80% 60% at 50% 0%,#0f2347,#050a16 72%)}
.ab-h-top{position:relative}
.ab-t{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,6.6vw,5.6rem);line-height:1;margin:.2em 0 .3em;color:#fff;max-width:18ch;letter-spacing:-.01em}
.ab-lede{max-width:56ch;color:#aab6cf;margin:0 0 clamp(24px,3vw,40px);font-size:clamp(1rem,1.4vw,1.15rem)}
.ab-reel{list-style:none;margin:0 auto;padding:0 4vw;display:flex;gap:10px;height:min(74vh,680px);max-width:1500px}
.ab-p{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:6px;cursor:pointer;transition:flex .7s cubic-bezier(.2,.8,.2,1);outline:none;background:#08122a}
.ab-p.on{flex:5.2 1 0}
.ab-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:saturate(.7) brightness(.62);transition:filter .7s,transform 1.2s var(--ease-out);transform:scale(1.04)}
.ab-p.on img{filter:none;transform:scale(1)}
.ab-glow{position:absolute;inset:auto -20% -30% -20%;height:70%;background:radial-gradient(closest-side,var(--c),transparent);opacity:0;mix-blend-mode:screen;transition:opacity .7s;z-index:1}
.ab-p.on .ab-glow{opacity:.75}
.ab-p:focus-visible{box-shadow:0 0 0 3px var(--gold-2)}
.ab-p::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 45%,rgba(3,7,18,.92));pointer-events:none}
.ab-vn{position:absolute;z-index:3;left:50%;bottom:20px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-family:var(--display);font-size:1.05rem;letter-spacing:.08em;color:#fff;white-space:nowrap;transition:opacity .35s}
.ab-p.on .ab-vn{opacity:0}
.ab-cap{position:absolute;z-index:3;left:clamp(16px,2vw,30px);bottom:clamp(16px,2vw,28px);right:16px;opacity:0;transform:translateY(16px);transition:opacity .5s .2s,transform .6s .2s}
.ab-p.on .ab-cap{opacity:1;transform:none}
.ab-cap em{font-style:normal;color:var(--gold-2);font-size:.78rem;letter-spacing:.2em}
.ab-cap h2{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.4rem);margin:.15em 0;color:#fff;line-height:1.05}
.ab-cap p{margin:0;color:#c6d2ea;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
.ab-hint{text-align:center;color:#74839f;font-size:.82rem;margin:18px 0 0;padding:0 4vw}
.ab-do{padding:clamp(60px,9vw,130px) 0 clamp(30px,5vw,70px)}
.ab-do-l{list-style:none;margin:0;padding:0}
.ab-do-l li{display:grid;grid-template-columns:1.4fr 1fr;gap:4vw;align-items:baseline;padding:clamp(14px,2vw,26px) 0;border-top:1px solid rgba(240,210,138,.18)}
.ab-do-l li:last-child{border-bottom:1px solid rgba(240,210,138,.18)}
.ab-do-l b{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,5.6vw,4.6rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.7);transition:color .4s,-webkit-text-stroke-color .4s}
.ab-do-l li:hover b{color:#f4e3b5}
.ab-do-l span{color:#aab6cf;max-width:34ch}
.ab-why{padding:clamp(50px,8vw,120px) 0}
.ab-why-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,80px);align-items:start}
.ab-why-ph{position:sticky;top:90px;aspect-ratio:4/5;max-height:80vh;border-radius:6px;overflow:hidden;background:#08122a}
.ab-why-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.4s var(--ease-out)}
.ab-why-ph img.on{opacity:1;transform:scale(1)}
.ab-why-ph::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(3,7,18,.85));pointer-events:none}
.ab-why-n{position:absolute;z-index:2;left:20px;bottom:16px;font-family:var(--display);color:#cfd8ea;font-size:1rem;letter-spacing:.1em}
.ab-why-n b{font-weight:400;color:#fff;font-size:2.4rem}
.ab-why-l{list-style:none;margin:0;padding:0}
.ab-w{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2vw,30px);align-items:start;min-height:46vh;padding:6vh 0;opacity:.32;transition:opacity .5s}
.ab-w.on{opacity:1}
.ab-w-n{font-family:var(--display);font-size:clamp(2.6rem,6vw,5rem);line-height:.9;color:transparent;-webkit-text-stroke:1px var(--gold-2);transition:color .5s}
.ab-w.on .ab-w-n{color:var(--gold-2)}
.ab-w h3{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.15;margin:0 0 .5em;color:#fff}
.ab-w p{margin:0;color:#aab6cf;max-width:46ch}
.ab-duty{position:relative;padding:clamp(60px,9vw,130px) 0;background:linear-gradient(180deg,#050a16,#0a1530 50%,#050a16)}
.ab-duty-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,6vw,100px)}
.ab-duty-l{position:sticky;top:110px;align-self:start}
.ab-rail{display:block;width:2px;height:min(40vh,320px);background:rgba(240,210,138,.18);margin-top:26px}
.ab-rail i{display:block;width:100%;height:100%;background:var(--gold-2);transform:scaleY(0);transform-origin:top}
.ab-duty-r{list-style:none;margin:0;padding:0}
.ab-d{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,44px);padding:clamp(22px,3.5vw,46px) 0;border-top:1px solid rgba(240,210,138,.16);opacity:.3;transform:translateX(18px);transition:opacity .6s,transform .7s var(--ease-out)}
.ab-d.on{opacity:1;transform:none}
.ab-d-n{font-family:var(--display);font-size:clamp(3rem,7vw,6rem);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(240,210,138,.6);transition:color .6s}
.ab-d.on .ab-d-n{color:var(--gold-2)}
.ab-d h3{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.8vw,2.3rem);margin:0 0 .35em;color:#fff}
.ab-d p{margin:0;color:#aab6cf;max-width:44ch}
.ab-pick{padding:clamp(60px,9vw,130px) 0}
.ab-pick-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.ab-cnt{font-family:var(--display);color:var(--gold-2);font-size:clamp(3rem,9vw,8rem);line-height:.9;white-space:nowrap}
.ab-cnt span{color:rgba(240,210,138,.35)}
.ab-pk{list-style:none;margin:0;padding:0}
.ab-q{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,3vw,40px);align-items:center;padding:clamp(18px,3vw,38px) 0;border-top:1px solid rgba(240,210,138,.16)}
.ab-tick{width:clamp(38px,5vw,60px);height:clamp(38px,5vw,60px);border-radius:50%;border:1px solid rgba(240,210,138,.45);display:grid;place-items:center}
.ab-tick svg{width:55%;fill:none;stroke:var(--gold-2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .6s .1s}
.ab-q.on .ab-tick{background:rgba(240,210,138,.12);border-color:var(--gold-2)}
.ab-q.on .ab-tick svg{stroke-dashoffset:0}
.ab-q h3{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,3.4vw,2.8rem);line-height:1.1;margin:0 0 .25em;color:#fff;opacity:.4;transition:opacity .5s}
.ab-q.on h3{opacity:1}
.ab-q p{margin:0;color:#aab6cf}
.ab-for{padding:clamp(40px,7vw,100px) 0 0}
.ab-trio{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.ab-trio li{position:relative;aspect-ratio:3/4;overflow:hidden;background:#08122a}
.ab-trio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 10%;transition:transform 1.4s var(--ease-out),filter .6s;filter:brightness(.7)}
.ab-trio li:hover img{transform:scale(1.06);filter:brightness(.9)}
.ab-trio .ab-glow{opacity:.55}
.ab-trio li::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(3,7,18,.94));pointer-events:none}
.ab-trio div{position:absolute;z-index:3;left:clamp(18px,2.4vw,40px);right:clamp(18px,2.4vw,40px);bottom:clamp(20px,3vw,44px)}
.ab-trio em{font-style:normal;color:var(--gold-2);font-size:.78rem;letter-spacing:.2em}
.ab-trio h3{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,3vw,2.6rem);margin:.2em 0;color:#fff}
.ab-trio p{margin:0;color:#d0daee;max-width:30ch}
.ab-end{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:clamp(80px,12vw,170px) 0;background:radial-gradient(70% 90% at 50% 100%,#12306a,#050a16 70%)}
.ab-end-t{font-family:var(--display);font-weight:400;font-size:clamp(2rem,5.6vw,4.6rem);line-height:1.04;margin:0 auto .4em;max-width:18ch;color:#fff}
.ab-end p{color:#aab6cf;margin:0 0 28px}
@media(max-width:820px){
 .ab-reel{overflow-x:auto;scroll-snap-type:x mandatory;height:62vh;gap:8px;padding:0 5vw;-webkit-overflow-scrolling:touch}
 .ab-p,.ab-p.on{flex:0 0 74vw;scroll-snap-align:center}
 .ab-p img{filter:none}.ab-p .ab-cap{opacity:1;transform:none}.ab-vn{display:none}.ab-glow{opacity:.6}
 .ab-do-l li{grid-template-columns:1fr;gap:6px}
 .ab-why-g,.ab-duty-g{grid-template-columns:1fr}
 .ab-why-ph{position:relative;top:0;max-height:none;aspect-ratio:4/5;max-width:420px}
 .ab-w{min-height:0;padding:4vh 0;opacity:1}
 .ab-duty-l{position:relative;top:0}.ab-rail{display:none}
 .ab-pick-h{flex-direction:column;align-items:flex-start}
 .ab-trio{grid-template-columns:1fr}.ab-trio li{aspect-ratio:4/5}
}
@media(prefers-reduced-motion:reduce){.ab-p,.ab-p img,.ab-cap,.ab-why-ph img,.ab-d{transition:none}}
.ab-cap small{display:block;margin-top:10px;max-width:34ch;color:#d3ddf0;font-size:.9rem;line-height:1.45}
.ab-w{min-height:34vh;padding:5vh 0}
@media(max-width:820px){.ab-cap small{font-size:.82rem}}
.pg-sign{position:absolute;z-index:4;right:clamp(16px,5vw,90px);bottom:clamp(70px,9vw,130px);margin:0;width:clamp(200px,24vw,340px);transform:rotate(2.5deg);transition:transform .6s var(--ease-out)}
.pg-sign:hover{transform:rotate(0) scale(1.03)}
.pg-sign img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:6px solid #fff;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.pg-sign figcaption{margin-top:12px;color:#e9eefb;font-size:.8rem;line-height:1.4;max-width:30ch;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.pg-with{display:grid;grid-template-columns:1fr 1fr;gap:0}
.pg-with figure{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden}
.pg-with img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1.4s var(--ease-out)}
.pg-with figure:hover img{transform:scale(1.05)}
.pg-with figcaption{position:absolute;left:clamp(16px,3vw,44px);bottom:clamp(16px,3vw,40px);right:16px;font-family:var(--display);font-size:clamp(1.1rem,2.2vw,1.9rem);color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.8)}
.pg-with figure::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(3,7,18,.7));pointer-events:none}
@media(max-width:820px){.pg-sign{position:relative;right:auto;bottom:auto;margin:26px auto 0;width:min(70vw,300px)}.pg-with{grid-template-columns:1fr}}
.pg-sign{width:clamp(220px,27vw,390px);bottom:clamp(60px,8vw,110px)}
.pg-sign-i{display:block;aspect-ratio:4/5;overflow:hidden;border:6px solid #fff;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.pg-sign img{border:0;box-shadow:none;aspect-ratio:auto;height:100%;transform:scale(1.55);transform-origin:50% 62%;object-position:50% 50%}
.ms-rl{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%}
.ms-rl li{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;padding:8px 6px;font-size:.78rem;font-weight:600;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.ms-rl{flex-wrap:wrap;justify-content:flex-start}.ms-rl li{flex:0 0 auto;padding:8px 14px}}
/* MASTER v2: dark, serious, graphic */
.ms{--li:#d9b45f;background:#070d1f;color:#e9e4fb}
.ms .xs-h,.ms h3,.ms h4{color:#fff}.ms .xs-p,.ms p{color:#c3bce0}.ms .xs-k{color:var(--li)}
.ms .xs{background:transparent}
.ms-h{background:radial-gradient(75% 95% at 85% 0%,#1b3f9a,#070d1f 68%)!important;padding-bottom:90px}
.ms-grid{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)}
.ms-spot{position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--sx,70%) var(--sy,30%),rgba(217,180,95,.14),transparent 60%)}
.ms-orbits{position:absolute;right:-6%;top:50%;width:min(78vw,760px);translate:0 -50%;fill:none;stroke:rgba(217,180,95,.28);stroke-width:1;pointer-events:none;animation:msorb 90s linear infinite}
.ms-orbits .ms-pl{fill:var(--li);stroke:none;transform-origin:400px 400px;animation:msorb 14s linear infinite}
.ms-orbits .p2{animation-duration:22s;animation-direction:reverse;fill:#b88a2e}.ms-orbits .p3{animation-duration:30s;fill:#fff}
@keyframes msorb{to{transform:rotate(360deg)}}
.ms-nums{gap:26px 44px;margin-top:44px}
.ms-g{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:140px}
.ms-g svg{width:86px;height:86px;margin-bottom:6px;overflow:visible}
.ms-g1 circle{fill:none;stroke:var(--li);stroke-width:7;transform-origin:50px 50px;animation:msorb 40s linear infinite}
.ms-g2 line{stroke:rgba(255,255,255,.22);stroke-width:5;stroke-linecap:round}.ms-g2 line.on{stroke:var(--li)}.ms-g2 line.half{stroke:var(--li);opacity:.5}
.ms-g3 rect{fill:var(--li);transform-origin:50% 100%;transform-box:fill-box;animation:msbar 3.2s ease-in-out infinite;animation-delay:calc(var(--d)*.25s)}
@keyframes msbar{50%{transform:scaleY(.55)}}
.ms-g4 circle{fill:none;stroke:rgba(255,255,255,.25);stroke-dasharray:2 5;stroke-width:1.5}
.ms-g4 g{transform-origin:50px 50px;animation:msorb 30s linear infinite}.ms-g4 text{font:700 11px Michroma,sans-serif;fill:var(--li);text-anchor:middle;dominant-baseline:middle}
.ms-nums b{font-size:clamp(2rem,4.4vw,3.1rem)}
.ms-route{position:relative;padding:clamp(60px,9vw,120px) 0;background:radial-gradient(rgba(217,180,95,.16) 1px,transparent 1.5px) 0 0/28px 28px}
.ms-trk{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:48px 0 34px;padding-top:34px}
.ms-trk-l{position:absolute;left:3%;right:3%;top:49px;height:3px;background:rgba(255,255,255,.14)}
.ms-trk-l i{display:block;height:100%;background:linear-gradient(90deg,#1d3a8a,var(--li));transform:scaleX(var(--p,0));transform-origin:left;box-shadow:0 0 18px var(--li)}
.ms-tn{position:relative;text-align:center;opacity:.35;transition:opacity .5s}.ms-tn.on{opacity:1}
.ms-tn b{display:grid;place-items:center;width:34px;height:34px;margin:-17px auto 12px;border-radius:50%;background:#070d1f;border:2px solid var(--c);color:var(--c);font-family:Michroma,sans-serif;font-size:.8rem;transition:background .5s,color .5s,box-shadow .5s}
.ms-tn.on b{background:var(--c);color:#070d1f;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 0 22px var(--c)}
.ms-tn span{display:block;font-size:.8rem;line-height:1.25;color:#e9e4fb;padding:0 4px}
.ms-hrs{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0}
.ms-hrs b{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(3rem,9vw,7rem);line-height:1;color:var(--li)}
.ms-hrs em{font-style:normal;color:#9d94c9;font-size:1.1rem}
.ms-hrs span{flex:1 1 280px;max-width:44ch;color:#c3bce0;font-size:.9rem}
.ms-wh{background:radial-gradient(45% 55% at 25% 50%,rgba(40,80,190,.34),transparent 70%)}
.ms-orb{border-color:rgba(217,180,95,.4)}
.ms-c{background:#0e1a3a;border:1px solid rgba(217,180,95,.5);box-shadow:0 0 50px rgba(40,80,190,.5)}
.ms-n:hover,.ms-n.on{box-shadow:0 0 0 5px #070d1f,0 0 0 8px var(--c),0 0 40px var(--c)}
.ms-d{border-left-width:3px}.ms-d em{-webkit-text-stroke:0}
.ms-who,.ms-how,.ms-doors{position:relative;overflow:hidden}
.ms-wm{position:absolute;left:50%;top:50%;margin:-.5em 0 0 -1.6em;font-family:Michroma,sans-serif;font-size:clamp(9rem,26vw,24rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;white-space:nowrap;will-change:transform}
.ms-who .wrap,.ms-how .wrap,.ms-doors .wrap{position:relative;z-index:1}
.ms-wg b{color:#070d1f}
.ms-rl li{background:rgba(255,255,255,.07);border:1px solid rgba(217,180,95,.35);color:#fff;font-weight:600}
.ms-rl li:hover{background:var(--li);color:#070d1f;transform:translateY(-3px)}
.ms-two{background:linear-gradient(120deg,#0e1a3a,#12307a 55%,#0e1a3a)!important;background-size:200% 100%;animation:msg2 16s ease-in-out infinite alternate}
@keyframes msg2{to{background-position:100% 0}}
.ms-prof{border:1px solid rgba(217,180,95,.5);box-shadow:0 0 60px rgba(40,80,190,.45),inset 0 0 40px rgba(40,80,190,.18);background:rgba(10,7,22,.5)}
.ms-how{background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px)}
.ms-hw small{color:var(--li)}
.ms-ct div{background:transparent!important;border-radius:0;border-left:3px solid var(--li);padding:6px 0 6px 18px}.ms-ct div:nth-child(2){border-left-color:var(--pk)}
.ms-ct b{color:#fff}.ms-ct span{color:#c3bce0}
.ms-doors{background:radial-gradient(60% 70% at 80% 100%,rgba(40,80,190,.38),#070d1f 70%)!important}
.ms-door{background:transparent;border:0;border-left:1px solid rgba(255,255,255,.2);border-radius:0;box-shadow:none;padding:4px 0 4px 30px}
.ms-door:nth-child(2){box-shadow:none}.ms-door:hover{transform:none;box-shadow:none;border-left-color:var(--li)}
.ms-door small{color:var(--li)}
.ms-lic b{color:var(--li)}
.ms-sh{background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/100% 40px}
.ms-sg dt{color:var(--li);border-bottom-color:rgba(217,180,95,.5)}
.ms-ln{color:#fff;border-bottom-color:var(--li)}
.ms-end{background:radial-gradient(70% 110% at 50% 100%,#1b3f9a,#070d1f 72%)!important}.ms-end .xend-t,.ms-end p{color:#fff!important}
@media(max-width:900px){.ms-trk{grid-template-columns:1fr 1fr;gap:20px 8px}.ms-trk-l{display:none}.ms-tn{opacity:1}.ms-tn b{margin:0 auto 8px}.ms-orbits{opacity:.5}}
/* AMBASSADORS v3: new sections */
.ab2-k{display:flex;align-items:center;gap:14px;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px;color:var(--gold-2)}
.ab2-k::after{content:"";height:1px;width:clamp(40px,8vw,120px);background:currentColor;opacity:.5}
/* do: light beige */
.ab2-do{position:relative;background:linear-gradient(180deg,#f3ead4,#e5d3a3);color:#14100a;padding:0 0 clamp(60px,9vw,130px);overflow:hidden}
.ab2-mq{background:#14100a;color:var(--gold-2);overflow:hidden;white-space:nowrap;transform:rotate(-1.4deg) scale(1.03);margin:0 0 clamp(50px,8vw,100px);padding:14px 0;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.ab2-mq div{display:inline-flex;align-items:center;animation:ab2m 38s linear infinite}
.ab2-mq span{font-family:var(--display);font-size:clamp(1.1rem,2.6vw,2rem);padding:0 .9em;letter-spacing:.04em}
.ab2-mq i{width:9px;height:9px;background:var(--gold-2);transform:rotate(45deg)}
@keyframes ab2m{to{transform:translateX(-33.333%)}}
.ab2-do .ab2-k{color:#7a5a12}
.ab2-do-l{list-style:none;margin:0;padding:0}
.ab2-do-l li{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:4vw;align-items:center;padding:clamp(18px,2.6vw,34px) 0;border-top:1px solid rgba(20,16,10,.25);cursor:default;outline:none;transition:padding .5s var(--ease-out)}
.ab2-do-l li:last-child{border-bottom:1px solid rgba(20,16,10,.25)}
.ab2-do-l b{font-family:var(--display);font-weight:400;font-size:clamp(2rem,6vw,5.2rem);line-height:1;color:transparent;-webkit-text-stroke:1.2px #14100a;transition:color .4s,transform .6s var(--ease-out)}
.ab2-do-l li:hover b,.ab2-do-l li:focus b{color:#14100a;transform:translateX(16px)}
.ab2-do-l span{color:#3a2f18;max-width:34ch}
.ab2-do-l img{position:absolute;right:0;top:50%;width:clamp(90px,12vw,150px);aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 15%;translate:40px -50%;opacity:0;box-shadow:0 0 0 4px #f3ead4,0 0 0 7px var(--c),0 0 40px var(--c);transition:opacity .5s,translate .6s var(--ease-out);pointer-events:none}
.ab2-do-l li:hover img,.ab2-do-l li:focus img{opacity:1;translate:0 -50%}
/* why: black + orbit */
.ab2-why{position:relative;overflow:hidden;background:#000;color:#fff;padding:clamp(70px,10vw,140px) 0}
.ab2-spot{position:absolute;inset:0;background:radial-gradient(50% 60% at 78% 50%,rgba(201,162,78,.25),transparent 70%),radial-gradient(40% 50% at 10% 100%,rgba(179,38,46,.22),transparent 70%);pointer-events:none}
.ab2-why .wrap{position:relative}
.ab2-why-g{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,80px);align-items:center}
.ab2-why-t{position:relative;min-height:340px}
.ab2-w{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .7s var(--ease-out);pointer-events:none}
.ab2-w.on{opacity:1;transform:none;pointer-events:auto}
.ab2-w em{font-style:normal;font-family:var(--display);font-size:clamp(3rem,8vw,6.5rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold-2)}
.ab2-w h2{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3.6vw,3rem);line-height:1.08;margin:.15em 0 .45em;color:#fff}
.ab2-w p{color:#c9c2b2;max-width:44ch;margin:0}
.ab2-lead{position:absolute;left:0;bottom:-40px;margin:0;color:#8f887a;font-size:.88rem;max-width:48ch}
.ab2-ring{position:relative;width:min(100%,460px);aspect-ratio:1;margin:0 auto;border-radius:50%;border:1px dashed rgba(201,162,78,.5)}
.ab2-ring::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(255,255,255,.1)}
.ab2-ring-c{position:absolute;inset:34%;display:grid;place-items:center;font-family:var(--display);font-size:clamp(3rem,9vw,6rem);color:var(--gold-2);border-radius:50%;background:radial-gradient(circle,rgba(201,162,78,.18),transparent 70%)}
.ab2-b{position:absolute;left:50%;top:50%;width:21%;aspect-ratio:1;margin:-10.5%;padding:0;border:0;border-radius:50%;overflow:hidden;cursor:pointer;background:#111;transform:rotate(var(--a)) translateY(-215%) rotate(calc(-1*var(--a)));filter:grayscale(.75) brightness(.7);box-shadow:0 0 0 2px rgba(255,255,255,.25);transition:filter .5s,box-shadow .5s,scale .5s}
.ab2-b img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.ab2-b:hover,.ab2-b.on{filter:none;scale:1.22;box-shadow:0 0 0 3px #000,0 0 0 6px var(--c),0 0 46px var(--c);z-index:2}
/* duty: dawn */
.ab2-duty{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a1a3c 0%,#3a2b3a 55%,#c9a24e 130%);color:#fff;padding:clamp(70px,10vw,140px) 0}
.ab2-rays{position:absolute;left:50%;top:100%;width:160vmax;height:160vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,rgba(255,214,140,.10) 0 4deg,transparent 4deg 14deg);animation:ab2r 120s linear infinite;mask-image:radial-gradient(circle,#000 0,transparent 55%)}
@keyframes ab2r{to{transform:rotate(360deg)}}
.ab2-duty .wrap{position:relative}
.ab2-duty .ab2-k{color:#ffe3a6}
.ab2-mf{font-family:var(--display);font-size:clamp(1.5rem,4vw,3.3rem);line-height:1.3;margin:0 0 clamp(24px,4vw,50px);color:#f4efe2;max-width:24em}
.ab2-m{font:inherit;color:#ffe3a6;background:none;border:0;padding:0 .08em;cursor:pointer;border-bottom:3px solid rgba(255,227,166,.35);transition:background .3s,color .3s,border-color .3s}
.ab2-m:hover,.ab2-m.on{background:#ffe3a6;color:#0a1a3c;border-color:#ffe3a6}
.ab2-md{position:relative;min-height:140px}
.ab2-mp{position:absolute;inset:0 0 auto 0;display:flex;gap:clamp(16px,3vw,36px);align-items:flex-start;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .55s var(--ease-out);pointer-events:none}
.ab2-mp.on{opacity:1;transform:none;pointer-events:auto}
.ab2-mp b{font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,8vw,6.4rem);line-height:.85;color:transparent;-webkit-text-stroke:1px #ffe3a6}
.ab2-mp h3{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.6vw,2.1rem);margin:0 0 .3em;color:#fff}
.ab2-mp p{margin:0;color:#e9dfc8;max-width:46ch}
.ab2-hint{margin:clamp(40px,6vw,70px) 0 0;color:#cdbd97;font-size:.85rem}
/* pick: off-white + funnel */
.ab2-pick{background:#f6f2ea;color:#14100a;padding:clamp(70px,10vw,140px) 0}
.ab2-pick-g{display:grid;grid-template-columns:minmax(220px,.6fr) 1.4fr;gap:clamp(24px,6vw,90px);align-items:start}
.ab2-pick .ab2-k{color:#7a5a12}
.ab2-h{font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.1;margin:0 0 clamp(20px,3vw,40px);color:#14100a;max-width:22ch}
.ab2-fn{position:relative;max-width:300px}
.ab2-fn svg{width:100%;overflow:visible}
.ab2-fs{fill:rgba(20,16,10,.07);stroke:rgba(20,16,10,.3);stroke-width:1;transition:fill .6s,stroke .6s}
.ab2-fs.on{fill:#c9a24e;stroke:#7a5a12}
#abdot{fill:#14100a;transition:transform .8s cubic-bezier(.3,1.4,.5,1)}
.ab2-cnt{font-family:var(--display);font-size:clamp(3rem,7vw,5.5rem);line-height:1;color:#14100a;margin-top:10px}
.ab2-cnt span{color:rgba(20,16,10,.35)}
.ab2-pk{list-style:none;margin:0;padding:0}
.ab2-q{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,3vw,34px);align-items:center;padding:clamp(16px,2.4vw,28px) 0;border-top:1px solid rgba(20,16,10,.18)}
.ab2-tick{width:clamp(36px,4.4vw,52px);height:clamp(36px,4.4vw,52px);border-radius:50%;border:1px solid rgba(20,16,10,.4);display:grid;place-items:center;transition:background .5s,border-color .5s}
.ab2-tick svg{width:55%;fill:none;stroke:#f6f2ea;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .6s .15s}
.ab2-q.on .ab2-tick{background:#14100a;border-color:#14100a}.ab2-q.on .ab2-tick svg{stroke-dashoffset:0}
.ab2-q h3{font-family:var(--display);font-weight:400;font-size:clamp(1.25rem,2.6vw,2.1rem);line-height:1.1;margin:0 0 .2em;color:#14100a;opacity:.35;transition:opacity .5s}
.ab2-q.on h3{opacity:1}.ab2-q p{margin:0;color:#4a3f2a}
@media(max-width:820px){.ab2-do-l li{grid-template-columns:1fr;gap:8px}.ab2-do-l img{display:none}.ab2-why-g,.ab2-pick-g{grid-template-columns:1fr}.ab2-why-t{min-height:300px;margin-bottom:60px}.ab2-lead{bottom:-60px}.ab2-fn{max-width:200px}.ab2-mp{position:relative;display:none}.ab2-mp.on{display:flex}.ab2-md{min-height:0}}
@media(prefers-reduced-motion:reduce){.ab2-mq div,.ab2-rays{animation:none}}
.ab2-why-t{min-height:0}.ab2-ws{position:relative;min-height:330px}
.ab2-lead{position:static;margin:0 0 34px;color:#a39b8a;font-size:.92rem;max-width:46ch;border-left:2px solid var(--gold-2);padding-left:14px}
.ab2-do-l li{grid-template-columns:1.7fr 1fr}.ab2-do-l b{font-size:clamp(1.9rem,4.6vw,4.2rem)}
@media(max-width:820px){.ab2-ws{min-height:280px}.ab2-why-t{margin-bottom:0}}
/* MASTER v3: executive / academic */
.ms-kick{display:inline-block;margin:0 0 18px;padding:7px 14px;border:1px solid rgba(217,180,95,.6);color:#d9b45f;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.ms-t{font-size:clamp(2.2rem,6.2vw,5.4rem)}
.ms-syl{padding:clamp(60px,9vw,120px) 0;background:linear-gradient(180deg,transparent,rgba(217,180,95,.06),transparent)}
.ms-sy{list-style:none;margin:30px 0 0;padding:0;counter-reset:s}
.ms-sy li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,4vw,56px);align-items:baseline;padding:clamp(16px,2.2vw,26px) 0;border-top:1px solid rgba(217,180,95,.28);transition:padding .4s var(--ease-out)}
.ms-sy li:last-child{border-bottom:1px solid rgba(217,180,95,.28)}
.ms-sy b{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(1.4rem,3vw,2.4rem);color:transparent;-webkit-text-stroke:1px #d9b45f}
.ms-sy span{font-size:clamp(1.05rem,2.1vw,1.7rem);color:#f0ead8;line-height:1.25}
.ms-sy i{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#d9b45f;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out)}
.ms-sy li:hover{padding-left:14px}.ms-sy li:hover i{transform:scaleX(1)}.ms-sy li:hover b{color:#d9b45f}
.ms-c{color:#f0ead8}

/* AMBASSADORS: faster title reveals */
html.js .ab .rv,.ab .rv{transition:opacity .35s ease,transform .45s var(--ease-out);transition-delay:calc(var(--d,0) * 25ms)}
.ab2-w{transition:opacity .25s,transform .35s var(--ease-out)}
.ab2-mp{transition:opacity .22s,transform .3s var(--ease-out)}

/* PEGT: background effects for idea + role sections */
.pg-idea,.pg-role{position:relative;overflow:hidden;isolation:isolate}
.pg-idea>.wrap,.pg-role>.wrap{position:relative;z-index:2}
.pg-fx{position:absolute;inset:0;z-index:0;pointer-events:none}
.pg-fx::before{content:"";position:absolute;inset:0;background:
 radial-gradient(ellipse 45% 55% at 82% 45%,rgba(214,168,76,.20),transparent 70%),
 radial-gradient(ellipse 35% 45% at 12% 90%,rgba(40,110,255,.18),transparent 70%),
 linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,
 linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%)}
.pg-fx i{position:absolute;right:-8vmin;top:50%;width:70vmin;aspect-ratio:1;translate:0 -50%;border-radius:50%;border:1px solid rgba(214,168,76,.38);animation:pgfx 40s linear infinite}
.pg-fx i::before,.pg-fx i::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(214,168,76,.28)}
.pg-fx i::before{inset:11%}.pg-fx i::after{inset:25%;border-style:solid;border-color:rgba(120,170,255,.28)}
.pg-fx b{position:absolute;right:6vw;top:50%;translate:0 -50%;font-family:var(--display);font-weight:400;font-size:clamp(7rem,22vw,20rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(214,168,76,.28);letter-spacing:.04em;opacity:.8;animation:pgfb 9s ease-in-out infinite alternate}
.pg-fx em{position:absolute;width:7px;height:7px;background:#d6a84c;transform:rotate(45deg);opacity:.0;animation:pgfd 7s ease-in-out infinite}
.pg-fx em:nth-of-type(1){left:58%;top:18%}.pg-fx em:nth-of-type(2){left:72%;top:72%;animation-delay:2s}.pg-fx em:nth-of-type(3){left:90%;top:30%;animation-delay:4s}.pg-fx em:nth-of-type(4){left:47%;top:80%;animation-delay:1s}
@keyframes pgfx{to{rotate:360deg}}
@keyframes pgfb{to{translate:-2vw -50%}}
@keyframes pgfd{0%,100%{opacity:0;translate:0 0}50%{opacity:.9;translate:0 -26px}}
@media(max-width:900px){.pg-fx b{display:none}.pg-fx i{width:90vmin;right:-40vmin}}
@media(prefers-reduced-motion:reduce){.pg-fx i,.pg-fx b,.pg-fx em{animation:none}.pg-fx em{opacity:.5}}
html.a11y-motion .pg-fx i,html.a11y-motion .pg-fx b,html.a11y-motion .pg-fx em{animation:none}
.pg-fx b{opacity:.45}

/* D50 page */
.dx{background:#07090f;color:#eef1f7}
.dx-h{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}
.dx-h-i{position:absolute;inset:-4% 0 0;width:100%;height:108%;object-fit:cover;z-index:-3;transform:scale(1.08)}
.dx-h-v{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,9,15,.55),rgba(7,9,15,.35) 40%,#07090f 98%),radial-gradient(ellipse 60% 60% at 20% 70%,rgba(7,9,15,.75),transparent)}
.dx-gl{position:absolute;right:-2vw;top:10vh;z-index:-1;font-family:var(--display);font-weight:400;font-size:clamp(9rem,34vw,30rem);line-height:.9;color:transparent;-webkit-text-stroke:2px rgba(240,210,138,.55);letter-spacing:.02em}
.dx-h-c{padding-top:22vh;padding-bottom:clamp(40px,7vw,90px)}
.dx-sub{font-size:clamp(.78rem,1.1vw,.95rem);letter-spacing:.24em;text-transform:uppercase;color:#f0d28a;margin:1.2rem 0 .6rem}
.dx-t{font-family:var(--display);font-weight:400;font-size:clamp(4.5rem,15vw,13rem);line-height:.9;margin:0;color:#fff}
.dx-lede{max-width:56ch;font-size:clamp(1.05rem,1.5vw,1.3rem);color:#d5dbe8;margin:1.2rem 0 0}
.dx-cn{border-block:1px solid rgba(240,210,138,.35);background:rgba(7,9,15,.7);overflow:hidden;padding:.9rem 0}
.dx-cn div{display:inline-flex;align-items:center;gap:2rem;white-space:nowrap;animation:dxm 50s linear infinite;font-family:var(--display);font-size:1.05rem;color:#f0d28a;padding-left:2rem}
.dx-cn i{width:8px;height:8px;background:#f0d28a;transform:rotate(45deg)}
@keyframes dxm{to{transform:translateX(-50%)}}
.dx-n .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-block:clamp(40px,6vw,80px)}
.dx-n b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(3rem,8vw,6.5rem);line-height:1;color:#f0d28a}
.dx-n span{display:block;margin-top:.4rem;color:#b9c2d6;max-width:26ch}
.dx-h2{font-family:var(--display);font-weight:400;font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 .5em;color:#fff}
.dx-p{max-width:60ch;color:#c4ccdc;font-size:1.08rem;margin:0}
.dx-film{padding:clamp(30px,5vw,70px) 0}
.dx-strip{display:flex;gap:clamp(14px,2vw,28px);overflow-x:auto;scroll-snap-type:x proximity;padding:36px max(24px,calc((100vw - 1200px)/2)) 20px;cursor:grab;scrollbar-width:thin;scrollbar-color:#f0d28a #111}
.dx-strip.drag{cursor:grabbing;scroll-snap-type:none}
.dx-strip:focus-visible{outline:2px solid #f0d28a;outline-offset:-4px}
.dx-strip figure{flex:0 0 auto;width:clamp(260px,40vw,560px);margin:0;scroll-snap-align:center;translate:0 calc(var(--k) * 26px)}
.dx-strip img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none;filter:saturate(1.08)}
.dx-strip figcaption{padding-top:.8rem;font-size:.95rem;color:#c4ccdc;max-width:42ch}
.dx-strip em{display:block;font-style:normal;font-family:var(--display);color:#f0d28a;font-size:1.3rem}
.dx-hint{color:#7f8aa3;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;margin-top:6px}
.dx-cafu{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(60px,9vw,130px) max(24px,calc((100vw - 1200px)/2));background:radial-gradient(ellipse 50% 70% at 30% 50%,rgba(240,210,138,.14),transparent 70%)}
.dx-cafu-ph{position:relative;aspect-ratio:1.15}
.dx-cafu-ph img{position:absolute;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dx-c1{left:0;top:0;width:68%;aspect-ratio:4/3;rotate:-2.5deg}
.dx-c2{right:0;top:22%;width:52%;aspect-ratio:4/3;rotate:3deg;z-index:2;border:6px solid #07090f}
.dx-c3{left:12%;bottom:0;width:50%;aspect-ratio:4/3;rotate:-1deg;z-index:3;border:6px solid #07090f}
.dx-pur{padding:clamp(50px,8vw,110px) 0;border-top:1px solid rgba(255,255,255,.1)}
.dx-pur ol{list-style:none;margin:2rem 0 0;padding:0}
.dx-pur li{display:grid;grid-template-columns:auto 1fr 1.2fr;gap:clamp(16px,3vw,48px);align-items:baseline;padding:clamp(18px,3vw,36px) 0;border-top:1px solid rgba(240,210,138,.3);transition:background .4s,padding .4s}
.dx-pur li:hover{background:linear-gradient(90deg,rgba(240,210,138,.1),transparent);padding-left:14px}
.dx-pur b{font-family:var(--display);font-weight:400;color:transparent;-webkit-text-stroke:1px #f0d28a;font-size:clamp(2rem,5vw,4rem)}
.dx-pur h3{font-family:var(--display);font-weight:400;margin:0;font-size:clamp(1.5rem,3.4vw,2.8rem);color:#fff}
.dx-pur p{margin:0;color:#c4ccdc}
.dx-visit{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden}
.dx-visit>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.dx-visit::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#07090f 8%,rgba(7,9,15,.2) 70%)}
.dx-visit .wrap{position:relative;z-index:2;padding-bottom:clamp(30px,5vw,70px);width:100%}
.dx-visit-s{position:absolute;z-index:2;right:max(24px,calc((100vw - 1200px)/2));top:10%;width:min(32vw,380px);aspect-ratio:4/3;object-fit:cover;rotate:2.5deg;border:6px solid #07090f}
.dx-who{padding:clamp(50px,8vw,110px) 0}
.dx-who-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px)}
.dx-w{border-left:3px solid #f0d28a;padding:.2rem 0 .2rem 1.2rem;margin-bottom:1.6rem}
.dx-w h3{margin:0 0 .3rem;font-family:var(--display);font-weight:400;font-size:1.5rem;color:#fff}.dx-w p{margin:0;color:#c4ccdc}
.dx-do{list-style:none;margin:0;padding:0;counter-reset:q}
.dx-do li{counter-increment:q;position:relative;padding:1.1rem 0 1.1rem 3.2rem;border-bottom:1px solid rgba(255,255,255,.14);color:#e6eaf3}
.dx-do li::before{content:counter(q);position:absolute;left:0;top:.9rem;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid #f0d28a;color:#f0d28a;display:grid;place-items:center;font-family:var(--display)}
.dx .rv{opacity:0;transform:translateY(24px);transition:opacity .45s,transform .55s var(--ease-out);transition-delay:calc(var(--d,0) * 60ms)}.dx .rv.in{opacity:1;transform:none}
@media(max-width:860px){.dx-n .wrap,.dx-cafu,.dx-who-g,.dx-pur li{grid-template-columns:1fr}.dx-visit-s{display:none}.dx-gl{opacity:.6}.dx-strip figure{translate:0 0}}
@media(prefers-reduced-motion:reduce){.dx-cn div{animation:none}.dx .rv{opacity:1;transform:none;transition:none}}
html.a11y-motion .dx-cn div{animation:none}html.a11y-motion .dx .rv{opacity:1;transform:none;transition:none}

/* Global Digital Sports Events */
.gx{background:#0b0a0c;color:#f1eee8}
.gx-h{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.gx-h-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:gxz 24s ease-out both}
.gx-h::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b0a0c 4%,rgba(11,10,12,.25) 60%,rgba(11,10,12,.55)),linear-gradient(100deg,rgba(11,10,12,.85),transparent 60%)}
@keyframes gxz{from{transform:scale(1.18)}to{transform:scale(1)}}
.gx-h-c{padding:22vh 0 clamp(36px,6vw,80px)}
.gx-t{font-family:var(--display);font-weight:400;font-size:clamp(2.8rem,9vw,8rem);line-height:.95;margin:.4em 0 0;color:#fff;max-width:14ch}
.gx-t span{display:inline-block;animation:gxw .7s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms)}
@keyframes gxw{from{opacity:0;transform:translateY(40px) rotate(3deg)}to{opacity:1;transform:none}}
.gx-sub{font-size:clamp(1.1rem,1.8vw,1.5rem);color:#e8c27a;margin:1rem 0 .5rem;max-width:40ch}
.gx-lede{max-width:58ch;color:#d9d4ca;font-size:1.1rem}
.gx-h2{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.6vw,3.6rem);line-height:1.05;margin:0 0 .5em;color:#fff}
.gx-p{max-width:58ch;color:#cfc9be;font-size:1.08rem;margin:0}
.gx-st{padding:clamp(50px,8vw,110px) 0 clamp(30px,5vw,60px)}
.gx-rail{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:clamp(8px,1.2vw,16px);margin-top:clamp(24px,4vw,50px);padding:0 clamp(8px,1.5vw,20px)}
.gx-rail figure{position:relative;margin:0;overflow:hidden;min-height:240px}
.gx-rail figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.gx-rail figure:hover img{transform:scale(1.07)}
.gx-s1{grid-row:1/3}
.gx-rail figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1rem .9rem;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent);font-size:.9rem;color:#f1eee8}
.gx-cf{padding:clamp(60px,9vw,130px) 0;background:linear-gradient(115deg,#8a1c24 0,#3b0d12 45%,#0b0a0c 80%)}
.gx-cf-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,80px);align-items:center}
.gx-cf-p{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gx-cf-p img{width:100%;object-fit:cover;aspect-ratio:4/3;display:block}
.gx-cp1{grid-column:1/3;aspect-ratio:16/9!important}
.gx-ed{padding:clamp(50px,8vw,110px) 0}
.gx-tl{list-style:none;margin:2rem 0 0;padding:0 0 0 clamp(150px,20vw,270px);position:relative}
.gx-tl::before{content:"";position:absolute;left:clamp(124px,17vw,230px);top:0;bottom:0;width:2px;background:linear-gradient(#e8c27a,rgba(232,194,122,.1))}
.gx-tl li{position:relative;padding:0 0 clamp(26px,4vw,50px)}
.gx-tl li::before{content:"";position:absolute;left:calc(-1 * clamp(20px,3vw,40px) - 6px);top:.7rem;width:14px;height:14px;background:#e8c27a;transform:rotate(45deg)}
.gx-tl b{position:absolute;right:100%;margin-right:clamp(34px,5vw,64px);top:0;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3.4vw,2.8rem);color:#e8c27a;white-space:nowrap;text-align:right}
.gx-tl h3{margin:0 0 .25rem;font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);color:#fff}.gx-tl p{margin:0;color:#cfc9be}
.gx-wh{padding:clamp(40px,7vw,100px) 0;background:#120f12}
.gx-wh-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.gx-wl{list-style:none;margin:0;padding:0}
.gx-wl li{padding:1.1rem 0 1.1rem 1.2rem;border-left:3px solid rgba(232,194,122,.25);cursor:pointer;outline:none;transition:border-color .3s,padding .3s}
.gx-wl li.on,.gx-wl li:focus-visible{border-color:#e8c27a;padding-left:1.8rem}
.gx-wl h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.4vw,2rem);color:#fff;opacity:.6;transition:opacity .3s}.gx-wl li.on h3{opacity:1}
.gx-wl p{margin:.3rem 0 0;color:#cfc9be;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .4s}.gx-wl li.on p{max-height:140px;opacity:1}
.gx-wi{position:relative;aspect-ratio:4/3}
.gx-wi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .5s,transform .8s var(--ease-out);clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
.gx-wi img.on{opacity:1;transform:none}
.gx-am{padding:clamp(50px,8vw,110px) 0}
.gx-am-g{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,100px)}
.gx-al{list-style:none;margin:0;padding:0;counter-reset:a}
.gx-al li{counter-increment:a;padding:1rem 0 1rem 3.4rem;position:relative;font-family:var(--display);font-size:clamp(1.1rem,1.9vw,1.5rem);border-bottom:1px solid rgba(255,255,255,.14)}
.gx-al li::before{content:"0" counter(a);position:absolute;left:0;color:#e8c27a}
.gx-pl{list-style:none;margin:0;padding:0}.gx-pl li{padding:.9rem 0;border-bottom:1px dashed rgba(255,255,255,.2);color:#d9d4ca}
.gx-rel{margin-top:1.6rem;color:#b8b1a4}.gx-rel a{color:#e8c27a}
.gx .rv{opacity:0;transform:translateY(24px);transition:opacity .4s,transform .5s var(--ease-out);transition-delay:calc(var(--d,0) * 60ms)}.gx .rv.in{opacity:1;transform:none}
@media(max-width:860px){.gx-rail,.gx-cf-g,.gx-wh-g,.gx-am-g{grid-template-columns:1fr}.gx-s1{grid-row:auto}.gx-tl{padding-left:0}.gx-tl::before{left:6px}.gx-tl li{padding-left:30px}.gx-tl li::before{left:0}.gx-tl b{position:static;display:block;margin:0 0 .2rem;text-align:left}}
@media(prefers-reduced-motion:reduce){.gx-h-i,.gx-t span{animation:none}.gx .rv{opacity:1;transform:none;transition:none}}
html.a11y-motion .gx-h-i,html.a11y-motion .gx-t span{animation:none}html.a11y-motion .gx .rv{opacity:1;transform:none;transition:none}

/* MASTER: Euncet logo + photo band */
.ms-by{display:flex;align-items:center;gap:1rem;margin:.8rem 0 1rem}
.ms-by img{height:clamp(44px,6vw,64px);width:auto;display:block}
.ms-by span{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#d9b45f}
.ms-ph{padding:clamp(50px,8vw,110px) 0 clamp(30px,5vw,60px);background:#060b1a}
.ms-ph-g{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:260px 260px;gap:clamp(8px,1.2vw,16px);padding:clamp(24px,4vw,50px) clamp(8px,1.5vw,20px) 0}
.ms-ph-g figure{position:relative;margin:0;overflow:hidden}
.ms-ph-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform 1.2s var(--ease-out)}
.ms-ph-g figure:hover img{transform:scale(1.06)}
.ms-ph1{grid-row:1/3}.ms-ph4{grid-column:2/4}
.ms-ph-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1rem .8rem;background:linear-gradient(0deg,rgba(6,11,26,.92),transparent);font-size:.88rem;color:#f2ead3;border-bottom:2px solid #d9b45f}
@media(max-width:860px){.ms-ph-g{grid-template-columns:1fr;grid-template-rows:none}.ms-ph1{grid-row:auto}.ms-ph4{grid-column:auto}.ms-ph-g figure{aspect-ratio:4/3}}

/* MASTER v4: live wheel, academic band, doors, term sheet */
.ms-sw{position:absolute;inset:-6%;border-radius:50%;background:conic-gradient(from 0deg,rgba(217,180,95,.32),transparent 22%);-webkit-mask-image:radial-gradient(circle,transparent 38%,#000 39%,#000 71%,transparent 72%);mask-image:radial-gradient(circle,transparent 38%,#000 39%,#000 71%,transparent 72%);animation:mssw 7s linear infinite;pointer-events:none}
@keyframes mssw{to{transform:rotate(360deg)}}
.ms-sp{position:absolute;left:50%;top:50%;width:1px;height:215px;margin-top:-215px;transform-origin:50% 100%;transform:rotate(var(--a));background:linear-gradient(0deg,transparent,var(--c));opacity:.5;pointer-events:none}
.ms-sp b{position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);animation:mssp 3.2s ease-in-out infinite;animation-delay:calc(var(--t) * -.55s)}
@keyframes mssp{0%{top:100%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:0;opacity:0}}
.ms-n{z-index:2}.ms-n.on{animation:msbeat 1.6s ease-in-out infinite}
@keyframes msbeat{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--c) 22%,transparent)}}
.ms-d.on h3{animation:msin .5s var(--ease-out)}@keyframes msin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media(max-width:520px){.ms-sp{height:122px;margin-top:-122px}}
@media(prefers-reduced-motion:reduce){.ms-sw,.ms-sp b,.ms-n.on{animation:none}}
html.a11y-motion .ms-sw,html.a11y-motion .ms-sp b,html.a11y-motion .ms-n.on{animation:none}

.ms-tw{background:#f3ecdb;color:#1a1710;padding:clamp(60px,9vw,130px) 0;position:relative;overflow:hidden}
.ms-tw::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(26,23,16,.035) 0 2px,transparent 2px 18px);pointer-events:none}
.ms-tw .wrap{position:relative}
.ms-tw .xs-k{color:#8a6a1f}
.ms-tw-h{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,6vw,5rem);line-height:1;margin:0 0 .6em;color:#141109;max-width:14ch}
.ms-tw-g{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(14px,3vw,48px);padding:clamp(24px,4vw,50px) 0;border-block:2px solid #141109}
.ms-tw-a,.ms-tw-b{display:flex;flex-direction:column;gap:.4rem}
.ms-tw-a b{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1;color:#141109}
.ms-tw-a span{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#5c5340}
.ms-tw-b{align-items:flex-end;text-align:right}.ms-tw-b img{width:min(100%,300px);height:auto;display:block}
.ms-tw em{font-style:normal;font-family:var(--display);color:#8a6a1f;font-size:1.05rem}
.ms-tw-s{display:flex;align-items:center;gap:10px}
.ms-tw-s u{text-decoration:none;display:grid;place-items:center;width:clamp(56px,8vw,96px);aspect-ratio:1;border-radius:50%;border:2px solid #8a6a1f;color:#8a6a1f;font-family:var(--display);font-size:clamp(1.6rem,3vw,2.6rem);animation:mspulse 3s ease-in-out infinite}
.ms-tw-s i{width:clamp(14px,3vw,50px);height:2px;background:#8a6a1f}
@keyframes mspulse{50%{box-shadow:0 0 0 14px rgba(138,106,31,.14)}}
.ms-tw-p{max-width:66ch;font-size:clamp(1.05rem,1.5vw,1.25rem);color:#2c2619;margin:2rem 0}
.ms-tw-f{display:grid;grid-template-columns:auto 1fr;gap:.4rem clamp(20px,4vw,60px);align-items:baseline;padding-top:1.4rem;border-top:1px solid rgba(20,17,9,.35)}
.ms-tw-f h3{font-family:var(--display);font-weight:400;font-size:1.5rem;margin:0;max-width:16ch;color:#141109}
.ms-tw-f p{margin:0;color:#2c2619}.ms-tw-c{grid-column:2;font-weight:700;color:#8a6a1f!important;font-family:var(--display)}
@media(max-width:760px){.ms-tw-g{grid-template-columns:1fr}.ms-tw-b{align-items:flex-start;text-align:left}.ms-tw-s{justify-content:flex-start}.ms-tw-f{grid-template-columns:1fr}.ms-tw-c{grid-column:1}}
@media(prefers-reduced-motion:reduce){.ms-tw-s u{animation:none}}

.ms-dg{gap:0!important;margin-inline:calc(-1*clamp(8px,2vw,24px))}
.ms-door{position:relative;isolation:isolate;border:0!important;border-radius:0!important;background:none!important;padding:clamp(34px,5vw,64px) clamp(22px,3vw,44px)!important;overflow:hidden;min-height:360px;box-shadow:none!important}
.ms-door::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--ph) center/cover;transition:transform 1.4s var(--ease-out),filter .6s;filter:grayscale(.5) brightness(.55)}
.ms-door::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,11,26,.35),rgba(6,11,26,.92))}
.ms-door:hover::before{transform:scale(1.07);filter:grayscale(0) brightness(.7)}
.ms-door:first-child{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.ms-door:last-child{clip-path:polygon(6% 0,100% 0,100% 100%,0 100%);margin-left:-3%}
.ms-lic{position:relative}
@media(max-width:760px){.ms-door:first-child,.ms-door:last-child{clip-path:none;margin-left:0}}

.ms-sh{position:relative;isolation:isolate;overflow:hidden}
.ms-sh::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--ph) center 30%/cover;filter:grayscale(.6) brightness(.35)}
.ms-sh::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060b1a 25%,rgba(6,11,26,.6))}
.ms-sg{display:block!important;max-width:760px}
.ms-sg>div{display:grid!important;grid-template-columns:minmax(120px,200px) 1fr;gap:1rem;align-items:baseline;padding:.95rem 0!important;border:0!important;border-bottom:1px solid rgba(217,180,95,.28)!important;background:none!important}
.ms-sg dt{font-family:var(--display);color:#d9b45f!important;font-size:1.05rem!important;border:0!important;margin:0!important;padding:0!important}
.ms-sg dd{margin:0!important;color:#eef0f6}
.ms-tw .ms-tw-p{color:#2c2619!important;opacity:1!important}

/* PEGT: competition mosaic */
.pg-fl{padding:clamp(50px,8vw,110px) 0 0;background:linear-gradient(180deg,#07070f,#120a26)}
.pg-fl-g{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(120px,15vw,200px);gap:clamp(6px,.9vw,12px);padding:clamp(24px,4vw,50px) clamp(6px,1vw,14px) clamp(6px,1vw,14px)}
.pg-fl-g figure{position:relative;margin:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 90%,94% 100%,0 100%)}
.pg-fl-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out),filter .5s;filter:saturate(1.05)}
.pg-fl-g figure:hover img{transform:scale(1.09)}
.pg-fl-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.8rem .8rem .6rem;font-size:.8rem;color:#fff;background:linear-gradient(0deg,rgba(7,7,15,.9),transparent);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.pg-fl-g figure:hover figcaption,.pg-fl-g figure:focus-within figcaption{opacity:1;transform:none}
.pg-fl1{grid-column:span 3;grid-row:span 2}.pg-fl2{grid-column:span 2}.pg-fl3{grid-column:span 1}.pg-fl4{grid-column:span 1}.pg-fl5{grid-column:span 2}.pg-fl6{grid-column:span 2;grid-row:span 1}.pg-fl7{grid-column:span 2}.pg-fl8{grid-column:span 2}.pg-fl9{grid-column:span 2}.pg-fl10{grid-column:span 2}.pg-fl11{grid-column:span 2}
@media(max-width:760px){.pg-fl-g{grid-template-columns:repeat(2,1fr);grid-auto-rows:34vw}.pg-fl-g figure{grid-column:span 1!important;grid-row:span 1!important}.pg-fl1{grid-column:span 2!important;grid-row:span 2!important}.pg-fl-g figcaption{opacity:1;transform:none}}
img[src$="d50-6.webp"]{object-position:50% 58%}
.dx-n .wrap{gap:0!important;padding-block:clamp(48px,7vw,96px)!important}
.dx-n .wrap>div{padding:0 clamp(18px,3.5vw,56px);border-left:1px solid rgba(240,210,138,.35)}
.dx-n .wrap>div:first-child{padding-left:0;border-left:0}
.dx-n b{font-size:clamp(2.8rem,6.4vw,5.4rem)!important;white-space:nowrap}
.dx-n span{max-width:24ch}
@media(max-width:860px){.dx-n .wrap>div{border-left:0;border-top:1px solid rgba(240,210,138,.3);padding:1.2rem 0}.dx-n .wrap>div:first-child{border-top:0}}

/* PEGT hero title v2 + years */
.pg-t{font-size:clamp(2.4rem,6.4vw,5.6rem)!important;letter-spacing:.01em;white-space:nowrap;max-width:100%}
.pg-t b{white-space:pre;text-shadow:0 0 28px rgba(212,168,67,.35)}
.pg-t b:nth-child(n+6){color:#d4a843;background:linear-gradient(180deg,#f6dc8a,#c7902a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(min-width:821px){.pg-h .wrap>.pg-sub,.pg-h .wrap>.lede,.pg-h .wrap>.pg-kick{max-width:min(56%,640px)}}
@media(max-width:520px){.pg-t{font-size:clamp(1.9rem,10.5vw,3rem)!important}}
.pg-yr{padding:clamp(50px,8vw,110px) 0;background:#0b1020}
.pg-yr ol{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.pg-yr li{padding:22px 22px 26px;border-left:1px solid rgba(255,255,255,.14);position:relative}
.pg-yr li b{display:block;font:400 clamp(2.2rem,4.4vw,3.8rem)/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #d4a843}
.pg-yr li.now b{color:#d4a843;-webkit-text-stroke:0}
.pg-yr li.now:after{content:"LIVE";position:absolute;top:24px;right:18px;font:700 .65rem/1 sans-serif;letter-spacing:.2em;color:#0b1020;background:#d4a843;padding:5px 8px;border-radius:99px}
.pg-yr h3{margin:14px 0 6px;color:#fff;font-size:1.1rem}.pg-yr p{margin:0;color:#c9cfdd;font-size:.95rem;line-height:1.55}
@media(max-width:820px){.pg-yr ol{grid-template-columns:1fr 1fr}}@media(max-width:520px){.pg-yr ol{grid-template-columns:1fr}}
.pg-idea .xs-h{white-space:nowrap;font-size:clamp(1.5rem,3.6vw,2.8rem)}
@media(max-width:520px){.pg-idea .xs-h{white-space:normal}}
/* photo band (CPCW/CEIES) */
.ph-band{padding:clamp(50px,7vw,100px) 0 0;background:#080c18}
.ph-g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,18vw,260px);gap:4px;margin-top:30px}
.ph-g figure{margin:0;position:relative;overflow:hidden}
.ph-g img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out,ease)}
.ph-g figure:hover img{transform:scale(1.07)}
.ph-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;font-size:.82rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));transform:translateY(40%);opacity:0;transition:.4s}
.ph-g figure:hover figcaption,.ph-g figure:focus-within figcaption{transform:none;opacity:1}
.ph-1,.ph-6{grid-column:span 2;grid-row:span 2}.ph-9{grid-column:span 2}
.ph-g8 .ph-1,.ph-g8 .ph-6{grid-column:span 2;grid-row:span 2}.ph-g8 .ph-9{grid-column:auto}
@media(max-width:700px){.ph-g{grid-template-columns:1fr 1fr}.ph-1,.ph-6,.ph-9{grid-column:auto;grid-row:auto}.ph-g figcaption{transform:none;opacity:1}}
/* CEIES */
.ce-h{position:relative;min-height:70vh;display:flex;align-items:flex-end;padding:140px 0 70px;overflow:hidden;background:#080c18}
.ce-h-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:cez 18s ease-out both}
@keyframes cez{from{transform:scale(1.12)}to{transform:scale(1)}}
.ce-h-v{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,24,.92) 25%,rgba(8,12,24,.2))}
.ce-h .wrap{position:relative;max-width:var(--wrap,1200px)}
.ce-t{font:400 clamp(3rem,10vw,8rem)/.95 Michroma,sans-serif;color:#d4a843;margin:8px 0}
.ce-sub{color:#fff;font-size:clamp(1rem,2vw,1.4rem);margin:0 0 14px;max-width:34ch}
.ce-part{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,70px);padding:clamp(50px,8vw,110px) clamp(20px,6vw,90px);background:#f4efe3;color:#1d1a14}
.ce-part figure{margin:0;transform:rotate(-2deg)}.ce-part img{width:100%;display:block;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.ce-part .xs-h{color:#1d1a14}.ce-part p{color:#2c2619;line-height:1.65}
.ce-ctr{background:#0b1020;padding:clamp(50px,7vw,100px) 0}
.ce-ctr .xs-h{margin-bottom:30px}
.ce-c{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(20px,4vw,60px);padding:18px clamp(20px,6vw,90px)}
.ce-c:nth-of-type(even){grid-template-columns:1fr 1.1fr}.ce-c:nth-of-type(even) img{order:2}
.ce-c img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ce-c b{font:400 3rem/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #d4a843}
.ce-c h3{color:#fff;font-size:1.5rem;margin:10px 0}.ce-c p{color:#c9cfdd;line-height:1.6;max-width:46ch}
.ce-cert{background:#10172b}.ce-cg{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0}
.ce-cg>div{padding:10px 26px;border-left:2px solid #d4a843}.ce-cg h3{color:#fff;margin:0 0 6px}.ce-cg p{color:#c9cfdd;margin:0}
.ce-get{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.ce-get li{color:#e6e9f2;padding-left:22px;position:relative}.ce-get li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:#d4a843}
@media(max-width:820px){.ce-part,.ce-c,.ce-c:nth-of-type(even),.ce-cg,.ce-get{grid-template-columns:1fr}.ce-c:nth-of-type(even) img{order:0}}

/* faster titles + calmer hero */
.gx-t span{animation-duration:.4s!important;animation-delay:calc(var(--i)*30ms)!important}
.gx-h-i{animation:none!important}
.xh-t b{animation-duration:.5s!important;animation-delay:calc(var(--i)*18ms)!important}
.ms .rv,.gx .rv{transition-duration:.45s!important;transition-delay:calc(var(--d,0)*60ms)!important}
.ph-g{grid-auto-flow:dense}.ph-12{grid-column:span 2}.ph-g8 .ph-12{grid-column:auto}
@media(max-width:700px){.ph-12{grid-column:auto}}
.ph-g8 .ph-7,.ph-g8 .ph-8{grid-column:span 2}
@media(max-width:700px){.ph-g8 .ph-7,.ph-g8 .ph-8,.ph-g8 .ph-1{grid-column:auto;grid-row:auto}}
.ph-g .ph-12{grid-column:auto}
.dx-logo{display:block;height:clamp(38px,5vw,56px);width:auto;background:#fff;padding:8px 14px;border-radius:6px;margin:0 0 16px}
.ph-d .ph-g{grid-auto-flow:dense}.ph-d .ph-10,.ph-d .ph-11{grid-column:span 2}.ph-d .ph-9{grid-column:auto}
@media(max-width:700px){.ph-d .ph-10,.ph-d .ph-11{grid-column:auto}}
.ph-d .ph-6{grid-column:auto;grid-row:auto}.ph-d .ph-5,.ph-d .ph-9,.ph-d .ph-10{grid-column:span 2}
@media(max-width:700px){.ph-d .ph-5,.ph-d .ph-9,.ph-d .ph-10{grid-column:auto}}

/* MASTER v5: organic photos, syllabus on image */
.ms-sc{position:relative;display:grid;grid-template-columns:7fr 4fr;align-items:end;gap:0;padding:clamp(30px,5vw,70px) clamp(16px,5vw,80px);background:#080c18}
.ms-sc figure{margin:0;position:relative;overflow:hidden}
.ms-sc-a{clip-path:polygon(0 0,100% 0,94% 100%,0 100%);aspect-ratio:16/8}
.ms-sc-a img,.ms-sc-b img{width:100%;height:100%;object-fit:cover;display:block}
.ms-sc-b{aspect-ratio:4/4.2;margin:0 0 -40px -9%;transform:rotate(2.2deg);border:6px solid #f4efe3;box-shadow:0 30px 60px -20px #000;z-index:2}
.ms-sc-b figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:.85rem}
.ms-hd2{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,4vw,60px);align-items:center;margin-bottom:10px}
.ms-fl{margin:0;overflow:hidden}.ms-fl img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.ms-fl1{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);transform:rotate(-1.5deg)}
.ms-fl2{border-radius:50% 0 50% 0;transform:rotate(1.5deg)}
.ms-syl{position:relative;isolation:isolate;overflow:hidden}
.ms-syl:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--ph) center/cover;filter:saturate(.8)}
.ms-syl:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,12,24,.96) 35%,rgba(8,12,24,.55))}
.ms-sy{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 56px;counter-reset:s}
.ms-sy li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;padding:16px 0;border:0;border-bottom:1px solid rgba(217,180,95,.28)}
.ms-sy li:nth-child(even){transform:translateY(26px)}
.ms-sy li b{font:400 clamp(2rem,4vw,3.2rem)/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #d4a843}
.ms-sy li span{color:#fff;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.35}
.ms-syl .wrap{padding-bottom:30px}
@media(max-width:820px){.ms-sc,.ms-hd2,.ms-sy{grid-template-columns:1fr}.ms-sc-b{margin:-30px 0 0 auto;width:70%}.ms-sy li:nth-child(even){transform:none}.ms-syl:after{background:rgba(8,12,24,.85)}.ms-fl{max-width:420px}}

/* D50 v3: tracks, effects, static titles */
.dx .dx-t,.dx .dx-h2,.dx .xend-t{animation:none!important;opacity:1!important;transform:none!important}
.dx .dx-t b,.dx .dx-h2 b,.dx .dx-t span{animation:none!important;transform:none!important}
.d2-two{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:30px;max-width:760px}
.d2-s,.d2-e{padding:14px 18px;border-top:3px solid #d4a843;background:linear-gradient(180deg,rgba(212,168,67,.14),transparent)}
.d2-e{border-top-color:#4aa8ff;background:linear-gradient(180deg,rgba(74,168,255,.16),transparent)}
.d2-two b{display:block;font:400 clamp(1.1rem,2.2vw,1.6rem)/1.1 Michroma,sans-serif;color:#fff}.d2-two span{display:block;margin-top:6px;color:#d7dcea;font-size:.9rem}
.d2-live{font:700 .7rem/1.3 sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-align:center;max-width:130px}
.d2-live i{display:block;width:12px;height:12px;border-radius:50%;background:#ff4d4d;margin:0 auto 6px;animation:d2p 1.4s infinite}
@keyframes d2p{0%{box-shadow:0 0 0 0 rgba(255,77,77,.7)}100%{box-shadow:0 0 0 16px rgba(255,77,77,0)}}
.d2-tr{padding:clamp(50px,8vw,110px) 0;background:#070b16}
.d2-lanes{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px 60px;margin-top:40px}
.d2-spine{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(#d4a843,#4aa8ff);transform:translateX(-50%);opacity:.7}
.d2-hd{font:400 1rem/1 Michroma,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0;padding-bottom:10px;border-bottom:2px solid}
.d2-hs{color:#d4a843;border-color:#d4a843}.d2-he{color:#4aa8ff;border-color:#4aa8ff}
.d2-r{display:grid;gap:12px;align-content:start}
.d2-rs{grid-column:1}.d2-re{grid-column:2}
.d2-r figure{margin:0;overflow:hidden;aspect-ratio:16/10;position:relative}
.d2-r img{width:100%;height:100%;object-fit:cover;display:block;will-change:transform;transition:filter .5s}
.d2-r:hover img{filter:brightness(1.12) saturate(1.15)}
.d2-rs figure{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.d2-re figure{clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}
.d2-r em{font:400 1.8rem/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px currentColor}
.d2-rs em{color:#d4a843}.d2-re em{color:#4aa8ff}
.d2-r h3{margin:6px 0;color:#fff;font-size:1.2rem}.d2-r p{margin:0;color:#c9cfdd;line-height:1.55}
.d2-rs{grid-row:auto}.d2-re{margin-top:60px}
.d2-full{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;background:#000}
.d2-full img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;filter:brightness(.55)}
.d2-q{position:relative;font:400 clamp(1.5rem,4vw,3rem)/1.2 Michroma,sans-serif;color:#fff;max-width:20ch;margin:0}
.d2-ex{padding:clamp(50px,8vw,110px) 0 0;background:#0a1020}
.d2-exg{display:grid;grid-template-columns:1.4fr 1fr 1.1fr;grid-template-rows:260px 260px;gap:4px;margin-top:30px}
.d2-exg figure{margin:0;position:relative;overflow:hidden}.d2-exg img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.d2-exg figure:hover img{transform:scale(1.08)}
.d2-x1{grid-row:span 2}.d2-x4{grid-column:2/4}
.d2-exg figcaption{position:absolute;left:0;bottom:0;padding:12px 16px;background:rgba(0,0,0,.6);color:#fff;font-size:.85rem}
.dx-who{position:relative}.d2-arm{display:block;width:100%;height:340px;object-fit:cover;margin-bottom:30px}
.dx-who{overflow:hidden}
@media(max-width:820px){.d2-two{grid-template-columns:1fr}.d2-lanes{grid-template-columns:1fr}.d2-spine,.d2-hd{display:none}.d2-rs,.d2-re{grid-column:1;margin-top:0}.d2-exg{grid-template-columns:1fr 1fr;grid-template-rows:auto}.d2-x1{grid-row:auto;grid-column:1/3}.d2-x4{grid-column:1/3}.d2-exg figure{height:200px}}
@media(prefers-reduced-motion:reduce){.d2-live i{animation:none}}
.d2-r figure{aspect-ratio:16/10;height:auto;min-height:0}.d2-r figure img{position:absolute;inset:0}
.d2-full img{inset:0;height:100%}
.ce-h-i{animation-duration:30s}
.ce .xs-h,.ce .xend-t{animation:none!important;opacity:1!important;transform:none!important}
.ce-rm{background:#0b1020;padding:clamp(50px,8vw,110px) 0}
.ce-rm-g{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto;gap:24px 40px;align-items:start}
.ce-rm-t{grid-column:1;grid-row:1}
.ce-p1{grid-column:2;grid-row:1/3;margin:0;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);overflow:hidden}
.ce-p2{grid-column:1;grid-row:2;margin:0;width:78%;justify-self:start;transform:rotate(-1.5deg);border:6px solid #f4efe3;overflow:hidden}
.ce-rm img,.ce-two img{width:100%;display:block;transition:transform .8s}.ce-rm figure:hover img,.ce-two figure:hover img{transform:scale(1.05)}
.ce-rm figcaption,.ce-two figcaption{padding:8px 12px;color:#e6e9f2;font-size:.85rem}
.ce-band{position:relative;min-height:55vh;display:flex;align-items:center;overflow:hidden;background:#000}
.ce-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
.ce-bq{position:relative;font:400 clamp(1.4rem,3.6vw,2.6rem)/1.25 Michroma,sans-serif;color:#fff;max-width:22ch;margin:0}
.ce-two{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:4px;background:#0b1020;padding:0 0 clamp(30px,5vw,60px)}
.ce-two figure{margin:0;overflow:hidden;background:#10172b}.ce-two img{aspect-ratio:4/3;object-fit:cover}
.ce-two figure:nth-child(2){margin-top:34px}.ce-two figure:nth-child(3){margin-top:68px}
@media(max-width:820px){.ce-rm-g,.ce-two{grid-template-columns:1fr}.ce-p1,.ce-p2{grid-column:1;grid-row:auto;width:100%}.ce-two figure:nth-child(n){margin-top:0}}
.d2-r figure{height:clamp(190px,24vw,320px);aspect-ratio:auto}
.d2-r figure,.ce-p1{clip-path:none!important}.d2-rs img{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.d2-re img{clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}.ce-p1 img{clip-path:polygon(0 0,100% 0,100% 100%,8% 100%)}
.d2-full{min-height:60vh}.d2-full img{position:absolute;top:0;left:0;width:100%;height:100%}
@media(max-width:820px){.d2-r figure{height:210px}}
.d2-r figure img.px{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover}

/* D50 v4 */
.d3 .d3-h2{font:400 clamp(1.7rem,4vw,3.2rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 14px;animation:none;transform:none;opacity:1}
.d3-p{color:#d7dcea;line-height:1.65;max-width:62ch;margin:0 0 10px}
.d3-ov,.d3-ov2{position:absolute;inset:0;pointer-events:none}
.d3-h{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#0a1530;padding:120px 0 90px}
.d3-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.d3-ov{background:linear-gradient(180deg,rgba(7,14,34,.55),rgba(7,14,34,.78))}
.d3-hc{position:relative;display:flex;flex-direction:column;align-items:center}
.d3-hc .crumbs{align-self:center}
.d3-logo{height:clamp(46px,6vw,74px);width:auto;margin:6px auto 16px;filter:brightness(0) invert(1) drop-shadow(0 2px 14px rgba(0,0,0,.5))}
.d3-sub{margin:0;color:#e8c27a;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
.d3-t{font:400 clamp(5rem,17vw,12rem)/.95 Michroma,sans-serif;color:#fff;margin:6px 0 10px;text-shadow:0 8px 50px rgba(0,0,0,.45)}
.d3-lede{max-width:70ch;color:#eef1f8;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}
.d3-two{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:26px;width:min(820px,100%);text-align:left}
.d3-s,.d3-e{padding:16px 20px;background:rgba(6,12,30,.62);border-top:3px solid #d4a843;backdrop-filter:blur(4px)}.d3-e{border-top-color:#4aa8ff}
.d3-two b{display:block;font:400 clamp(1.1rem,2.2vw,1.6rem)/1.1 Michroma,sans-serif;color:#fff}.d3-two span{display:block;margin-top:6px;color:#d7dcea;font-size:.9rem}
.d3-live{font:700 .7rem/1.3 sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-align:center;max-width:120px}
.d3-live i{display:block;width:12px;height:12px;border-radius:50%;background:#ff4d4d;margin:0 auto 6px;animation:d2p 1.4s infinite}
.d3-what{background:linear-gradient(135deg,#0b1a3a,#10264f 60%,#0d2a52);padding:clamp(50px,8vw,110px) 0}
.d3-what-g{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center}
.d3-what p{color:#dfe5f3;line-height:1.7}.d3-what p:first-of-type{font-size:1.25rem;color:#fff}
.d3-tilt{margin:0;transform:rotate(2deg);box-shadow:0 30px 70px -20px #000;border:6px solid #f4efe3;overflow:hidden}.d3-tilt img{width:100%;display:block;transition:transform .8s}.d3-tilt:hover img{transform:scale(1.05)}
.d3-big{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px}
.d3-big div{padding:6px 24px;border-left:2px solid #d4a843}.d3-big b{display:block;font:400 clamp(2.6rem,6vw,5rem)/1 Michroma,sans-serif;color:#d4a843}.d3-big span{color:#dfe5f3;font-size:.95rem}
.d3-split{background:#0a1228;padding:clamp(50px,8vw,100px) 0 0}
.d3-sp{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;position:relative}
.d3-sp article{position:relative;isolation:isolate;padding:clamp(34px,5vw,70px) clamp(20px,4vw,60px) clamp(40px,6vw,80px);min-height:520px;overflow:hidden}
.d3-sp article:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover;transition:transform 1.2s}
.d3-sp article:hover:before{transform:scale(1.06)}
.d3-sp article:after{content:"";position:absolute;inset:0;z-index:-1}
.d3-sp-s:after{background:linear-gradient(160deg,rgba(60,40,6,.88),rgba(10,16,40,.8))}.d3-sp-e:after{background:linear-gradient(200deg,rgba(6,40,90,.88),rgba(10,16,40,.78))}
.d3-sp small{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;display:block;margin-bottom:8px}.d3-sp-s small{color:#e8c27a}.d3-sp-e small{color:#8ec9ff}
.d3-sp h3{font:400 clamp(1.8rem,3.6vw,3rem)/1.05 Michroma,sans-serif;color:#fff;margin:0 0 18px}
.d3-sp ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.d3-sp li{color:#eef1f8;line-height:1.5;padding-left:22px;position:relative}
.d3-sp li:before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px}.d3-sp-s li:before{background:#d4a843}.d3-sp-e li:before{background:#4aa8ff}
.d3-sp-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;background:#fff;color:#0a1228;font:700 .7rem/1 sans-serif;letter-spacing:.2em;padding:12px 16px;border-radius:99px;display:flex;align-items:center;gap:8px}
.d3-sp-mid i{width:9px;height:9px;border-radius:50%;background:#ff4d4d;animation:d2p 1.4s infinite}
.d3-why{display:grid;grid-template-columns:1fr 1.1fr;background:linear-gradient(120deg,#101c3d,#0a1228)}
.d3-why-p{margin:0;position:relative;overflow:hidden;min-height:560px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.d3-why-p img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.d3-why-t{padding:clamp(40px,6vw,90px) clamp(20px,5vw,70px)}
.d3-why ol{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px}
.d3-why li{display:grid;grid-template-columns:auto 1fr;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(212,168,67,.3)}
.d3-why li b{font:400 1.7rem/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #d4a843}.d3-why h3{margin:0 0 4px;color:#fff;font-size:1.1rem}.d3-why li p{margin:0;color:#c9cfdd;line-height:1.5}
.d3-topics{overflow:hidden;background:linear-gradient(90deg,#d4a843,#f0d27a);padding:16px 0;transform:rotate(-1deg);margin:-10px -2% 0;position:relative;z-index:2}
.d3-topics div{display:flex;gap:26px;width:max-content;animation:dxm 40s linear infinite;align-items:center}
.d3-topics span{font:400 1.05rem/1 Michroma,sans-serif;color:#0a1228;white-space:nowrap}.d3-topics i{width:10px;height:10px;background:#0a1228;transform:rotate(45deg)}
.d3-who{position:relative;overflow:hidden;padding:clamp(70px,10vw,130px) 0;isolation:isolate}
.d3-who-bg,.d3-host-bg,.d3-end-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.d3-ov2{z-index:-1;background:linear-gradient(90deg,rgba(7,14,34,.92),rgba(7,14,34,.55))}
.d3-who ul{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px}
.d3-who li{color:#fff;font-size:1.1rem;line-height:1.4;padding-top:14px;border-top:2px solid #d4a843}
.d3-sh{background:linear-gradient(180deg,#0a1228,#0c2347);padding:clamp(50px,8vw,100px) 0 clamp(40px,6vw,80px)}
.d3-shg{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px;align-items:start;padding:34px clamp(16px,5vw,80px) 0}
.d3-shg figure{margin:0;position:relative;overflow:hidden}.d3-shg img{width:100%;display:block;transition:transform .9s;object-fit:cover}
.d3-shg figure:hover img{transform:scale(1.07)}
.d3-a{border-radius:0 80px 0 80px}.d3-a img{aspect-ratio:4/3}
.d3-b{margin-top:70px;border-radius:50% 50% 0 0}.d3-b img{aspect-ratio:3/4}
.d3-c{margin-top:30px;transform:rotate(1.8deg);border:6px solid #f4efe3}.d3-c img{aspect-ratio:1/1}
.d3-shg figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:.85rem}
.d3-y19{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,5vw,70px);align-items:center;background:#f4efe3;color:#1d1a14;padding:clamp(50px,8vw,110px) clamp(16px,5vw,80px)}
.d3-y19 .d3-h2{color:#1d1a14}.d3-y19 .d3-p{color:#2c2619}
.d3-y19-ph{position:relative;min-height:560px}
.d3-y19-ph figure{margin:0;position:absolute;overflow:hidden;box-shadow:0 24px 50px -18px rgba(0,0,0,.5)}
.d3-y19-ph img{width:100%;height:100%;object-fit:cover;display:block}
.d3-y1{left:0;top:0;width:78%;height:62%}.d3-y2{right:0;top:38%;width:46%;height:34%;border:5px solid #f4efe3;transform:rotate(2deg)}.d3-y3{left:6%;bottom:0;width:30%;height:48%;border:5px solid #f4efe3;transform:rotate(-2deg)}
.d3-y3 figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 6px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:.72rem}
.d3-y19 ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:16px}.d3-y19 li{display:grid;grid-template-columns:90px 1fr;gap:14px;padding-top:12px;border-top:1px solid #b9a36a}
.d3-y19 li b{font:400 1.1rem/1.2 Michroma,sans-serif;color:#9a6f10}.d3-y19 h3{margin:0 0 4px;font-size:1.05rem}.d3-y19 li p{margin:0;color:#2c2619}
.d3-host{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,10vw,120px) 0}
.d3-hg{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:30px}.d3-hg div{border-left:2px solid #d4a843;padding-left:14px}.d3-hg h3{color:#fff;margin:0 0 6px;font-size:1.05rem}.d3-hg p{margin:0;color:#dfe5f3;line-height:1.5;font-size:.95rem}
.d3-vis{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:0;background:linear-gradient(120deg,#0d2a52,#10264f)}
.d3-vis figure{margin:0;overflow:hidden;height:100%;min-height:380px}.d3-vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s}.d3-vis figure:hover img{transform:scale(1.06)}
.d3-v1{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.d3-v2{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.d3-vt{padding:30px clamp(16px,3vw,44px)}
.d3-org{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#0a1228;overflow:hidden}
.d3-org .wrap{padding:clamp(50px,8vw,100px) clamp(16px,4vw,60px)}
.d3-og{display:grid;gap:24px;margin-top:24px}.d3-og article{border-left:3px solid #d4a843;padding-left:18px}.d3-og h3{margin:0 0 6px;color:#fff;font-size:1.3rem}.d3-og p{margin:0;color:#d7dcea;line-height:1.6}
.d3-org-p{width:100%;height:100%;object-fit:cover;min-height:420px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.d3-end{position:relative;isolation:isolate;overflow:hidden}
@media(max-width:900px){.d3-what-g,.d3-why,.d3-y19,.d3-org,.d3-sp{grid-template-columns:1fr}.d3-two{grid-template-columns:1fr}.d3-big{grid-template-columns:1fr;gap:16px}.d3-why-p{min-height:300px;clip-path:none}.d3-who ul,.d3-hg{grid-template-columns:1fr 1fr}.d3-shg{grid-template-columns:1fr}.d3-b,.d3-c{margin-top:0}.d3-vis{grid-template-columns:1fr}.d3-v1,.d3-v2{clip-path:none;min-height:260px}.d3-y19-ph{min-height:420px}.d3-sp-mid{display:none}.d3-org-p{clip-path:none;min-height:260px}}
@media(max-width:520px){.d3-who ul,.d3-hg{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.d3-topics div{animation:none}}
.d3-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 26px rgba(255,255,255,.7))!important}
main.d3{overflow-x:clip}.d3-topics{margin:-10px 0 0}
.d3-h{flex-direction:column}.d3-hc{width:100%;max-width:1000px;margin:0 auto;align-items:center;text-align:center}.d3-h .dx-cn{position:static!important;width:100%;margin-top:34px}

/* PEGT years v2 + audience */
.pg-yr ol{grid-template-columns:1fr 1.5fr 1.1fr}
.pg-yr li.big{background:linear-gradient(160deg,rgba(212,168,67,.22),transparent);border-left:3px solid #d4a843}
.pg-yr li.big b{font-size:clamp(3rem,6.4vw,5.6rem);color:#d4a843;-webkit-text-stroke:0}
.pg-yr li.now b{animation:pgb 1.6s ease-in-out infinite}
@keyframes pgb{50%{opacity:.55}}
.pg-rome{position:relative;margin-top:34px;padding:clamp(26px,4vw,50px);overflow:hidden;background:linear-gradient(110deg,#d4a843,#f3d77d 40%,#d4a843);color:#0b1020}
.pg-rome:before{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:pgs 3.2s ease-in-out infinite}
@keyframes pgs{to{left:130%}}
.pg-rome-k{display:block;font:700 .75rem/1 sans-serif;letter-spacing:.24em;text-transform:uppercase}
.pg-rome strong{display:block;font:400 clamp(2.6rem,9vw,7.5rem)/1 Michroma,sans-serif;margin:8px 0}
.pg-rome p{margin:0;max-width:44ch;color:#0b1020!important;font-weight:600}
.pg-rome em{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,36px);font:700 .8rem/1 sans-serif;letter-spacing:.18em;text-transform:uppercase;background:#0b1020;color:#f3d77d;padding:9px 14px;border-radius:99px;animation:pgb 1.2s ease-in-out infinite;font-style:normal}
.pg-aud{padding:clamp(34px,5vw,64px) 0!important}
.pg-aud-g{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}
.pg-au{gap:14px 44px!important}.pg-au b{font-size:clamp(2.2rem,5vw,3.8rem)!important}
.pg-ring{position:relative;width:min(280px,70vw);aspect-ratio:1;justify-self:center;display:grid;place-content:center;text-align:center}
.pg-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.pg-ring .bg{fill:none;stroke:rgba(17,17,17,.18);stroke-width:12}
.pg-ring .arc{fill:none;stroke:#111;stroke-width:12;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 2s var(--ease-out,ease)}
.pg-ring.in .arc{stroke-dashoffset:52.7}
.pg-ring .orb{transform-origin:100px 100px;animation:pgo 9s linear infinite;fill:#111}
@keyframes pgo{to{transform:rotate(360deg)}}
.pg-ring b{font:400 clamp(2rem,4vw,3rem)/1 Michroma,sans-serif;color:#111}.pg-ring small{color:#111;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}
.pg-ring i{position:absolute;border-radius:50%;background:#111;opacity:.18;animation:pgf 5s ease-in-out infinite}
.pg-ring i:nth-of-type(1){width:22px;height:22px;top:6%;right:4%}.pg-ring i:nth-of-type(2){width:14px;height:14px;bottom:10%;left:2%;animation-delay:1.2s}.pg-ring i:nth-of-type(3){width:34px;height:34px;bottom:2%;right:12%;animation-delay:2.4s}
@keyframes pgf{50%{transform:translateY(-14px)}}
@media(max-width:820px){.pg-yr ol,.pg-aud-g{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pg-ring .orb,.pg-ring i,.pg-rome:before,.pg-rome em,.pg-yr li.now b{animation:none}.pg-ring .arc{transition:none}}

/* PEGT ring fix */
.pg-ring b{font-size:clamp(1.3rem,2.4vw,1.9rem)!important;letter-spacing:0}
/* CPCW v3: photos spread in different shapes */
.c3-poster{position:absolute;right:clamp(16px,5vw,90px);top:clamp(110px,14vw,170px);width:clamp(180px,22vw,320px);margin:0;transform:rotate(3deg);box-shadow:0 30px 60px -20px #000;border:6px solid #f4efe3;z-index:3}
.c3-poster img{width:100%;display:block}
.cp-h{position:relative}
.c3-a{display:grid;grid-template-columns:1.2fr .9fr;grid-template-rows:auto auto;gap:24px clamp(20px,4vw,60px);padding:clamp(50px,8vw,100px) clamp(16px,6vw,90px);background:linear-gradient(135deg,#0b1a3a,#10264f);align-items:center}
.c3-a1{grid-row:1/3;margin:0;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);overflow:hidden}
.c3-a1 img{width:100%;display:block;transition:transform .9s}.c3-a1:hover img{transform:scale(1.05)}
.c3-a2{margin:0;justify-self:end;width:75%;border:6px solid #f4efe3;transform:rotate(-2deg);overflow:hidden;box-shadow:0 24px 50px -16px #000}
.c3-a2 img{width:100%;display:block}.c3-a2 figcaption{padding:8px 12px;font-size:.85rem;color:#0b1020;background:#f4efe3}
.c3-band,.c3-wide{position:relative;display:flex;align-items:center;overflow:hidden;background:#000;min-height:52vh}
.c3-band .c3p,.c3-wide .c3p{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}
.c3-q,.c3-cap{position:relative;font:400 clamp(1.4rem,3.8vw,2.8rem)/1.25 Michroma,sans-serif;color:#fff;max-width:20ch;margin:0}
.c3-wide{min-height:44vh;justify-content:flex-end;padding:0 clamp(20px,8vw,120px)}.c3-cap{text-align:right}
.c3-b{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;background:#f4efe3;color:#1d1a14}
.c3-b1,.c3-b2{overflow:hidden;height:100%;min-height:340px}.c3-b1 img,.c3-b2 img{width:100%;height:100%;object-fit:cover;display:block}
.c3-b1{clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.c3-b2{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.c3-bt{padding:30px clamp(16px,3vw,44px)}.c3-bt h3{font:400 clamp(1.3rem,2.4vw,2rem)/1.15 Michroma,sans-serif;margin:0 0 10px;color:#1d1a14}.c3-bt p{margin:0;color:#2c2619;line-height:1.6}
.c3-c{position:relative;height:clamp(420px,52vw,640px);background:linear-gradient(120deg,#0d2a52,#0a1228)}
.c3-c figure{position:absolute;margin:0;overflow:hidden;box-shadow:0 24px 50px -16px #000}.c3-c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s}.c3-c figure:hover img{transform:scale(1.07)}
.c3-c1{left:5%;top:12%;width:34%;height:70%;border-radius:50% 50% 0 0}
.c3-c2{left:42%;top:4%;width:24%;height:46%;border:6px solid #f4efe3;transform:rotate(2deg)}
.c3-c3{right:4%;top:26%;width:30%;height:64%;border-radius:0 90px 0 90px}
.cp-end{position:relative;isolation:isolate}.cp-end:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--ph) center/cover}.cp-end:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(8,12,24,.78)}
.cp .xs-h{animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:820px){.c3-poster{position:relative;right:auto;top:auto;margin:20px auto;width:min(70vw,280px)}.c3-a,.c3-b{grid-template-columns:1fr}.c3-a1{grid-row:auto;clip-path:none}.c3-a2{justify-self:center}.c3-b1,.c3-b2{clip-path:none;min-height:240px}.c3-c{height:auto;display:grid;gap:14px;padding:20px 16px}.c3-c figure{position:static;width:100%!important;height:240px!important;transform:none}}
.c3-c{height:auto!important;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,70px);padding:clamp(40px,6vw,80px) clamp(16px,6vw,90px)}
.c3-c .c3-c1{position:relative;left:auto;top:auto;width:100%;height:clamp(300px,36vw,460px);border-radius:50% 50% 0 0}
.c3-ct h3{font:400 clamp(1.5rem,3vw,2.4rem)/1.15 Michroma,sans-serif;color:#fff;margin:0 0 12px}.c3-ct p{color:#d7dcea;line-height:1.65;max-width:46ch;margin:0}
.c3-bg{position:relative;isolation:isolate}.c3-bg:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ph) center/cover;opacity:.16;pointer-events:none}
@media(max-width:820px){.c3-c{grid-template-columns:1fr}.c3-c .c3-c1{height:260px!important}}

/* D50 v5: the expo floor, one row at a time, every photo its own shape */
.d3-r1{display:grid;grid-template-columns:1.5fr 1fr;gap:0;align-items:center;padding:40px clamp(16px,5vw,80px) 0}
.d3-r1 figure,.d3-r3 figure,.d3-r4 figure,.d3-lane{margin:0;position:relative;overflow:hidden}
.d3-sh img{width:100%;height:100%;object-fit:cover;display:block}
.d3-f1{clip-path:polygon(0 0,100% 0,92% 100%,0 100%);aspect-ratio:16/9}
.d3-f2{width:78%;margin:40px 0 0 -14%;aspect-ratio:1/1;border-radius:50%;border:6px solid #0a1228;box-shadow:0 30px 60px -20px #000;z-index:2}
.d3-lane{height:clamp(220px,34vw,460px);margin:50px 0 10px}
.d3-lane img{height:130%;object-position:center 40%}
.d3-r3{display:grid;grid-template-columns:3fr 4fr 5fr;gap:clamp(14px,3vw,40px);align-items:end;padding:30px clamp(16px,5vw,80px) 0}
.d3-f3{aspect-ratio:3/4;border-radius:999px 999px 0 0}
.d3-f4{aspect-ratio:4/3;transform:rotate(-2.5deg) translateY(-30px);clip-path:polygon(0 8%,100% 0,100% 100%,0 92%)}
.d3-f5{aspect-ratio:5/3;border-radius:0 90px 0 90px}
.d3-r4{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(14px,3vw,40px);align-items:center;padding:50px clamp(16px,5vw,80px) 0}
.d3-f6{aspect-ratio:3/2;transform:rotate(2deg);border:6px solid #f4efe3;box-shadow:0 24px 50px -18px #000}
.d3-f7{aspect-ratio:10/3;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.d3-sh figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:.85rem}
.d3-f2 figcaption{display:none}
@media(max-width:900px){.d3-r1,.d3-r3,.d3-r4{grid-template-columns:1fr}.d3-f2{width:60%;margin:-30px 0 0 auto}.d3-f4{transform:none}.d3-f3{aspect-ratio:4/3;border-radius:999px 999px 0 0}.d3-f7{aspect-ratio:16/7}}
/* titles no longer build themselves */
.xh-t b,.wh-t b,.gx-t span{animation:none!important;opacity:1!important;transform:none!important}
.d3-lane{height:clamp(200px,27vw,380px)}.d3-lane img{height:112%}
.d3-f4 figcaption{padding:26px 16px 22px 30px}.d3-f5 figcaption{padding:26px 16px 22px 70px}

/* CITIES v1: Hainan renderings and plans */
.ct{background:#070b16;color:#e9eef7;overflow-x:clip}
.ct figure{margin:0;overflow:hidden;position:relative}.ct img{display:block;max-width:none}
.ct .ct-h-i,.ct .ct-hn-bg,.ct .ct-bn-bg,.ct .ct-end-bg{max-width:none}
.ct-h{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;padding:130px 0 70px}
.ct-h-i{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;z-index:0}
.ct-h-v{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,22,.55),rgba(7,11,22,.1) 40%,#070b16 98%);z-index:1}
.ct-h .wrap{position:relative;z-index:2}
.ct-sub{color:#f0d28a;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;margin:20px 0 10px}
.ct-t{font:400 clamp(2.4rem,7vw,5.6rem)/1.02 Michroma,sans-serif;color:#fff;margin:0 0 18px;max-width:14ch;text-shadow:0 8px 50px rgba(0,0,0,.5)}
.ct-lede{max-width:56ch;font-size:clamp(1.02rem,1.5vw,1.25rem);line-height:1.6;color:#e4eaf5}
.ct-h2{font:400 clamp(1.7rem,4vw,3.2rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 14px;animation:none;transform:none;opacity:1}
.ct-p{max-width:60ch;color:#c9d3e6;line-height:1.65}
/* types: three bands, three shapes */
.ct-ty{padding:clamp(60px,9vw,120px) 0 20px}
.ct-ty article{display:grid;align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(20px,4vw,50px) clamp(16px,5vw,80px)}
.ct-ty1{grid-template-columns:1.5fr 1fr}.ct-ty1 .ct-ty-f{clip-path:polygon(0 0,100% 0,90% 100%,0 100%);aspect-ratio:16/8.5}
.ct-ty2{grid-template-columns:1fr 1.3fr}.ct-ty2 .ct-ty-f{order:2;border-radius:0 0 0 160px;aspect-ratio:16/10}.ct-ty2 .ct-ty-t{order:1}
.ct-ty3{grid-template-columns:1.2fr 1fr}.ct-ty3 .ct-ty-f{border-radius:999px 999px 0 0;aspect-ratio:4/4.3;max-width:560px}
.ct-ty-f img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.ct-ty-f:hover img{transform:scale(1.06)}
.ct-ty-t b{font:400 3.4rem/1 Michroma,sans-serif;color:#d9b45a;display:block;opacity:.9}
.ct-ty-t h3{font:400 clamp(1.3rem,2.4vw,2rem)/1.15 Michroma,sans-serif;color:#fff;margin:8px 0 10px}
.ct-ty-t p{color:#c9d3e6;line-height:1.6;max-width:42ch}
/* Hainan */
.ct-hn{position:relative;padding:clamp(70px,10vw,140px) 0 0;overflow:hidden;margin-top:30px}
.ct-hn-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:0}
.ct-hn-v{position:absolute;inset:0;background:linear-gradient(180deg,#070b16,rgba(7,11,22,.55) 25%,rgba(7,11,22,.6) 70%,#070b16);z-index:1}
.ct-hn-g,.ct-hn-ph{position:relative;z-index:2}
.ct-hn-t small{color:#f0d28a;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;display:block;margin-bottom:10px}
.ct-hn-t p{max-width:56ch;color:#dbe3f2;line-height:1.65}
.ct-hn-ph{display:grid;grid-template-columns:5fr 4fr 4fr;gap:clamp(14px,3vw,40px);align-items:end;padding:clamp(40px,6vw,80px) clamp(16px,5vw,80px) clamp(60px,8vw,110px)}
.ct-p1{aspect-ratio:4/5;border-radius:50% 50% 0 0 / 38% 38% 0 0}
.ct-p2{aspect-ratio:16/12;transform:translateY(-40px) rotate(-1.8deg);border:6px solid #f4efe3;box-shadow:0 30px 60px -20px #000}
.ct-p3{aspect-ratio:1/1;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%,0 14%)}
.ct-hn-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.ct-hn-ph figure:hover img{transform:scale(1.07)}
/* blueprints */
.ct-bp{background:#0b1426;padding:clamp(60px,8vw,110px) 0 clamp(50px,7vw,90px)}
.ct-bp-v{max-width:1100px;margin:34px auto 0;padding:0 clamp(16px,4vw,40px)}
.ct-bp-s{position:relative;aspect-ratio:1686/604;background:#e9ebee;border-radius:6px;overflow:hidden;box-shadow:0 40px 80px -30px #000}
.ct-bp-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.ct-bp-s img.on{opacity:1}
.ct-scan{position:absolute;top:0;bottom:0;width:90px;left:-90px;background:linear-gradient(90deg,transparent,rgba(240,210,138,.55),transparent);animation:ctscan 6s linear infinite;mix-blend-mode:multiply;pointer-events:none}
@keyframes ctscan{to{left:100%}}
.ct-bp-b{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}
.ct-bp-b button{font:600 .85rem Michroma,sans-serif;background:transparent;color:#cdd7ea;border:1px solid #3a4a6b;border-radius:99px;padding:9px 16px;cursor:pointer;transition:.25s}
.ct-bp-b button:hover,.ct-bp-b button:focus-visible{border-color:#f0d28a;color:#fff}.ct-bp-b button.on{background:#f0d28a;color:#10141f;border-color:#f0d28a}
.ct-bp-b span{margin-left:auto;color:#8ea0c4;font-size:.85rem}
.ct-bp-d{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2.5vw,34px);align-items:center;padding:clamp(40px,6vw,80px) clamp(16px,5vw,80px) 0}
.ct-bp-d img{width:100%;height:100%;object-fit:cover}
.ct-d1{grid-column:1/8;aspect-ratio:2000/1233;background:#000;border-radius:0 70px 0 0}
.ct-d2{grid-column:8/13;aspect-ratio:1800/755;transform:rotate(1.6deg);background:#fff;border:6px solid #f4efe3}
.ct-d3{grid-column:2/6;aspect-ratio:1800/1149;background:#fff;clip-path:polygon(0 0,100% 6%,100% 100%,0 94%)}
.ct-d4{grid-column:7/12;aspect-ratio:1800/1014;border-radius:50% 0 50% 0 / 40% 0 40% 0}
/* benefits */
.ct-bn{position:relative;padding:clamp(70px,10vw,140px) 0 clamp(160px,18vw,260px);overflow:hidden}
.ct-bn-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:0}
.ct-bn-v{position:absolute;inset:0;background:linear-gradient(180deg,#0b1426,rgba(7,11,22,.78) 18%,rgba(7,11,22,.8) 80%,#070b16);z-index:1}
.ct-bn .wrap{position:relative;z-index:2}
.ct-bl{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,5vw,80px);max-width:1040px}
.ct-bl li{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:24px 0;border-top:1px solid rgba(240,210,138,.55)}
.ct-bl b{font:400 1.6rem/1 Michroma,sans-serif;color:#d9b45a}
.ct-bl h3{font:400 1.1rem/1.2 Michroma,sans-serif;color:#fff;margin:0 0 6px}.ct-bl p{margin:0;color:#d3dcee;line-height:1.55;font-size:.97rem}
.ct-b1,.ct-b2{position:absolute;z-index:2}
.ct-b1{right:clamp(16px,4vw,70px);bottom:-30px;width:clamp(150px,20vw,290px);aspect-ratio:3/4;border-radius:999px 999px 0 0}
.ct-b2{left:clamp(16px,6vw,110px);bottom:-60px;width:clamp(140px,16vw,230px);aspect-ratio:1/1;border-radius:50%;border:5px solid #070b16}
.ct-b1 img,.ct-b2 img{width:100%;height:100%;object-fit:cover}
/* scale */
.ct-sc{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,3vw,40px);align-items:center;padding:clamp(70px,9vw,120px) clamp(16px,5vw,80px)}
.ct-s1{grid-column:1/8;aspect-ratio:16/9;clip-path:polygon(0 0,100% 0,100% 82%,88% 100%,0 100%)}
.ct-s1 img{width:100%;height:118%;object-fit:cover}
.ct-sc-t{grid-column:8/13}.ct-sc-t ul{list-style:none;padding:0;margin:22px 0 0}
.ct-sc-t li{padding:11px 0;border-top:1px solid rgba(240,210,138,.4);color:#e6ecf8}
.ct-s2{grid-column:2/6;aspect-ratio:4/3;border-radius:0 0 120px 0;margin-top:-30px}
.ct-s3{grid-column:7/12;aspect-ratio:16/10;transform:rotate(-1.4deg);border:6px solid #f4efe3}
.ct-sc img{width:100%;height:100%;object-fit:cover}
.ct-end{position:relative;overflow:hidden;text-align:center}.ct-end-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:0}
.ct-end-v{position:absolute;inset:0;background:rgba(7,11,22,.7);z-index:1}.ct-end .wrap{position:relative;z-index:2}
@media(max-width:900px){.ct-ty article,.ct-ty1,.ct-ty2,.ct-ty3{grid-template-columns:1fr}.ct-ty2 .ct-ty-f,.ct-ty2 .ct-ty-t{order:0}
.ct-hn-ph{grid-template-columns:1fr}.ct-p2{transform:none}.ct-p1{aspect-ratio:4/3;border-radius:200px 200px 0 0}
.ct-bp-d{grid-template-columns:1fr}.ct-d1,.ct-d2,.ct-d3,.ct-d4{grid-column:auto}.ct-d2{transform:none}
.ct-bl{grid-template-columns:1fr}.ct-b1,.ct-b2{display:none}.ct-bn{padding-bottom:80px}
.ct-sc{grid-template-columns:1fr}.ct-s1,.ct-sc-t,.ct-s2,.ct-s3{grid-column:auto}.ct-s3{transform:none}.ct-s2{margin-top:0}.ct-bp-b span{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.ct-scan{animation:none;display:none}}
.ct .ct-b1,.ct .ct-b2{position:absolute}
.ct-sub{position:relative;z-index:3;margin-bottom:18px}.ct-t{margin-top:0}

/* CEIES v2 */
.ce2{background:#070b16;color:#e9eef7;overflow-x:clip}
.ce2 figure{margin:0;position:relative;overflow:hidden}.ce2 img{display:block;max-width:none}
.c2-h2{font:400 clamp(1.7rem,4vw,3.2rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 14px;animation:none;transform:none;opacity:1}
.c2-p{max-width:58ch;color:#cdd7ea;line-height:1.65}
.c2-h{position:relative;min-height:94vh;display:flex;align-items:flex-end;overflow:hidden;padding:130px 0 80px}
.ce2 .c2-h-i{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.c2-h-v{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,22,.88) 5%,rgba(7,11,22,.35) 60%,rgba(7,11,22,.1)),linear-gradient(180deg,transparent 60%,#070b16)}
.c2-h-w{position:relative;z-index:2}
.c2-t{font:400 clamp(4rem,15vw,12rem)/.9 Michroma,sans-serif;color:#f0d28a;margin:8px 0 6px;text-shadow:0 10px 60px rgba(0,0,0,.55)}
.c2-sub{font-size:clamp(.95rem,1.6vw,1.3rem);color:#fff;letter-spacing:.05em;max-width:34ch;margin:0 0 14px}
.c2-lede{max-width:52ch;line-height:1.6;color:#dbe3f2}
.ce2 .c2-h-b{position:absolute;right:clamp(16px,6vw,110px);bottom:clamp(40px,8vw,100px);width:clamp(180px,24vw,360px);aspect-ratio:1;border-radius:62% 38% 55% 45% / 48% 58% 42% 52%;border:5px solid rgba(244,239,227,.9);z-index:2;animation:c2morph 14s ease-in-out infinite alternate;box-shadow:0 30px 70px -20px #000}
.c2-h-b img{width:100%;height:100%;object-fit:cover}
@keyframes c2morph{50%{border-radius:40% 60% 38% 62% / 60% 42% 58% 40%}100%{border-radius:55% 45% 62% 38% / 42% 55% 45% 58%}}
.c2-pt{position:relative;padding:clamp(80px,11vw,150px) 0;overflow:hidden}
.ce2 .c2-pt-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:0}
.c2-pt-v{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,11,22,.94),rgba(7,11,22,.72) 55%,rgba(7,11,22,.55));z-index:1}
.c2-pt-g{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.c2-pt-t p{color:#dbe3f2;line-height:1.7;max-width:54ch}
.c2-chain{display:flex;flex-direction:column;align-items:flex-start}
.c2-n{font:400 clamp(1rem,1.8vw,1.35rem)/1.2 Michroma,sans-serif;color:#fff;padding:20px 34px;border-radius:999px;border:1px solid rgba(240,210,138,.7);background:rgba(10,18,40,.55);backdrop-filter:blur(3px)}
.c2-n2{background:#f0d28a;color:#10141f;font-size:clamp(1.4rem,3vw,2.2rem);padding:26px 50px;margin-left:clamp(20px,6vw,90px);box-shadow:0 0 0 0 rgba(240,210,138,.6);animation:c2pulse 3.2s infinite}
.c2-n3{margin-left:clamp(40px,12vw,180px)}
.c2-ln{display:block;width:2px;height:48px;margin-left:clamp(60px,9vw,140px);background:repeating-linear-gradient(180deg,#f0d28a 0 6px,transparent 6px 12px);animation:c2dash 1s linear infinite}
@keyframes c2dash{to{background-position:0 12px}}@keyframes c2pulse{70%{box-shadow:0 0 0 22px rgba(240,210,138,0)}}
.c2-ct{padding:clamp(70px,9vw,120px) 0 0;position:relative}
.c2-c{position:relative;display:grid;align-items:center;min-height:clamp(380px,48vw,620px);padding:0 clamp(16px,5vw,80px)}
.c2-big{position:absolute;font:400 clamp(12rem,30vw,26rem)/.8 Michroma,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(240,210,138,.35);z-index:0;pointer-events:none}
.c2-cf img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}.c2-cf:hover img{transform:scale(1.07)}
.c2-ct-t{position:relative;z-index:2;max-width:46ch}.c2-ct-t h3{font:400 clamp(1.4rem,2.6vw,2.2rem)/1.15 Michroma,sans-serif;color:#fff;margin:0 0 12px}.c2-ct-t p{color:#cdd7ea;line-height:1.65}
.c2-c1{grid-template-columns:1.1fr 1fr;gap:clamp(20px,5vw,80px)}.c2-c1 .c2-big{right:4%;top:0}
.c2-c1 .c2-cf{aspect-ratio:1;border-radius:50%;margin-left:-8%;box-shadow:0 0 0 14px rgba(240,210,138,.12),0 0 0 15px rgba(240,210,138,.5);max-width:620px;z-index:1}
.c2-c2{grid-template-columns:1fr 1.2fr;gap:clamp(20px,5vw,80px);background:linear-gradient(180deg,#070b16,#0b1630 50%,#070b16)}.c2-c2 .c2-big{left:3%;bottom:0}
.c2-c2 .c2-cf{order:2;aspect-ratio:4/5;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);max-width:560px;margin-left:auto;z-index:1}.c2-c2 .c2-ct-t{order:1}
.c2-c3{grid-template-columns:1.2fr 1fr;gap:clamp(20px,5vw,80px)}.c2-c3 .c2-big{right:6%;bottom:2%}
.c2-c3 .c2-cf{aspect-ratio:5/4;border-radius:62% 38% 55% 45% / 48% 58% 42% 52%;animation:c2morph 14s ease-in-out infinite alternate;z-index:1;max-width:680px}
/* the room */
.c2-rm{position:relative;padding:clamp(80px,10vw,140px) 0;overflow:hidden;margin-top:40px}
.ce2 .c2-rm-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:0}
.c2-rm-v{position:absolute;inset:0;background:rgba(7,11,22,.84);z-index:1}
.c2-rm .wrap,.c2-rm-g{position:relative;z-index:2}
.c2-rm-g{display:grid;grid-template-columns:minmax(230px,.7fr) 1.6fr;gap:clamp(20px,4vw,60px);padding:36px clamp(16px,5vw,80px) 0;align-items:center}
.c2-rm-l{list-style:none;margin:0;padding:0}
.c2-rm-l button{width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(240,210,138,.3);color:#b9c6df;font:400 clamp(1rem,1.7vw,1.3rem) Michroma,sans-serif;padding:16px 8px;cursor:pointer;display:flex;gap:16px;align-items:baseline;transition:.3s}
.c2-rm-l b{font-size:.8rem;color:#d9b45a}.c2-rm-l button:hover,.c2-rm-l button:focus-visible{color:#fff;padding-left:18px}.c2-rm-l button.on{color:#fff;padding-left:26px;border-top-color:#f0d28a;background:linear-gradient(90deg,rgba(240,210,138,.16),transparent)}
.c2-rm-s{position:relative;aspect-ratio:16/10}
.c2-rm-s figure{position:absolute;inset:0;opacity:0;transform:scale(.96) rotate(-1deg);transition:opacity .7s,transform .9s,border-radius .9s;border-radius:40% 0 40% 0 / 30% 0 30% 0;box-shadow:0 40px 80px -30px #000}
.c2-rm-s figure.on{opacity:1;transform:none;border-radius:0 120px 0 120px}
.c2-rm-s img{width:100%;height:100%;object-fit:cover}
.c2-rm-s figcaption{position:absolute;left:0;bottom:0;padding:50px 24px 18px;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));font:400 1.1rem Michroma,sans-serif;color:#fff}
/* certification */
.c2-ce{position:relative;padding:clamp(70px,9vw,120px) 0;background:#0b1426}
.c2-ce-p{position:absolute;left:0;top:0;bottom:0;width:30%;clip-path:polygon(0 0,100% 0,70% 100%,0 100%);opacity:.9}
.ce2 .c2-ce-p img{width:130%;height:100%;object-fit:cover}
.c2-ce-g{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);padding-left:calc(30% + 30px)}
.c2-cg>div{padding:20px 0;border-top:1px solid rgba(240,210,138,.5)}.c2-cg h3{font:400 1.1rem Michroma,sans-serif;color:#fff;margin:0 0 6px}.c2-cg p{margin:0;color:#cdd7ea;line-height:1.6}
.c2-gt{font:400 1.2rem Michroma,sans-serif;color:#f0d28a;margin:0 0 14px}
.c2-get{list-style:none;margin:0;padding:0}.c2-get li{display:flex;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14);line-height:1.5;color:#e6ecf8}.c2-get b{color:#d9b45a;font:400 .9rem Michroma,sans-serif}
.c2-end{position:relative;overflow:hidden;text-align:center}.ce2 .c2-end-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.c2-end-v{position:absolute;inset:0;background:rgba(7,11,22,.72);z-index:1}.c2-end .wrap{position:relative;z-index:2}
@media(max-width:900px){.c2-pt-g,.c2-c1,.c2-c2,.c2-c3,.c2-rm-g,.c2-ce-g{grid-template-columns:1fr}.c2-ce-g{padding-left:clamp(16px,5vw,80px)}.c2-ce-p{position:relative;width:100%;height:220px;clip-path:none;margin-bottom:30px}.ce2 .c2-ce-p img{width:100%}
.c2-c{padding-top:30px;padding-bottom:30px}.c2-c2 .c2-cf,.c2-c2 .c2-ct-t{order:0}.c2-c1 .c2-cf{margin-left:0;max-width:320px;margin-inline:auto}.c2-c2 .c2-cf{margin:0 auto;max-width:340px}.c2-c3 .c2-cf{max-width:360px;margin:0 auto}.ce2 .c2-h-b{display:none}.c2-big{font-size:9rem;top:0!important;bottom:auto!important}}
@media(prefers-reduced-motion:reduce){.c2-h-b,.c2-c3 .c2-cf,.c2-ln,.c2-n2{animation:none}}

/* CPCW v4: calm dark palette, readable, no moving boxes */
.cp .xs-h,.cp .c3-q,.cp .c3-cap{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
.cp .xs-h{color:#fff;-webkit-text-stroke:0}
.cp-t{font-family:Michroma,sans-serif}
.c3-a{background:#0a1228}.c3-a .xs-h{color:#fff;-webkit-text-stroke:0}.c3-at p,.c3-a .xs-p{color:#e6ecf8!important;font-size:1.08rem;line-height:1.7}
.c3-at{align-self:center}
.c3-band .c3p{filter:brightness(.85)}
.c3-band:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,9,20,.92),rgba(5,9,20,.55) 55%,rgba(5,9,20,.05))}
.c3-band .wrap{position:relative;z-index:2}.c3-q{max-width:18ch;text-shadow:0 4px 30px rgba(0,0,0,.8);color:#fff!important}
/* the room inside the school */
.cp-room{position:relative;background:#070b16!important;isolation:isolate;overflow:hidden}
.cp-room:before{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/photos/cp-gamer.webp) center/cover;opacity:.35}
.cp-room:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#070b16,rgba(7,11,22,.7) 30%,rgba(7,11,22,.82) 80%,#070b16)}
.cp-room p,.cp-room .xs-p{color:#e6ecf8}
.cp-r{padding:22px 0 0;border-top:1px solid rgba(240,210,138,.6);transition:transform .4s,border-color .4s}.cp-r:hover{transform:translateY(-6px);border-top-color:#fff}
.cp-r-i{border-radius:50%!important;background:#f0d28a!important;color:#10141f!important;animation:c2pulse 3.4s infinite}
.cp-r:nth-child(2) .cp-r-i,.cp-r:nth-child(3) .cp-r-i,.cp-r:nth-child(4) .cp-r-i{background:#f0d28a!important}
.cp-meta{color:#cdd7ea!important}
/* diagnosis to running centre */
.cp-road{background:linear-gradient(180deg,#0a1228,#0c2347)!important;color:#fff!important}
.cp-road p,.cp-road .xs-p,.cp-road li,.cp-road span{color:#e6ecf8}.cp-road h3,.cp-road .cp-sub{color:#fff}
.cp-st em{color:#f0d28a!important}
.cp-st>div{border-top:1px solid rgba(240,210,138,.55);padding-top:16px}
.cp-lv-n{background:#f0d28a!important;color:#10141f!important;box-shadow:none!important}.cp-lv-t{color:#fff!important}
.cp-res li{color:#e6ecf8!important}
/* training and inclusion centres */
.cp-cti{background:#070b16!important;color:#fff}
.cp-cti.c3-bg:before{opacity:.3!important}
.cp-cti p,.cp-cti li,.cp-cti span,.cp-cti .xs-p{color:#e6ecf8!important}.cp-cti h3,.cp-cti .cp-sub{color:#fff!important}
.cp-cti *,.cp-cti *:hover{animation:none!important}
.cp-bar>*{background:rgba(10,18,40,.6)!important;border:0!important;border-top:1px solid rgba(240,210,138,.6)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.cp-cti [class*="cp-pth"],.cp-cti .cp-path>*{background:rgba(240,210,138,.14)!important;color:#fff!important}
.cp-cti .cp-who li{border-left-color:#f0d28a!important}
.cp-cti li[class*="cp-"]{background:transparent;border-color:rgba(240,210,138,.6)!important;color:#fff!important}
/* build it / subjects come alive */
.c3-b{background:#0a1228!important;color:#fff!important}.c3-bt h3{color:#fff!important}.c3-bt p{color:#dbe3f2!important}
.c3-c{background:#070b16!important}
/* master box after removing ambassadors */
.cp-amb{background:#0a1228!important;color:#fff}.cp-amb h3{color:#fff}.cp-amb p{color:#dbe3f2}
.cp-h{background:#070b16!important}.cp-fx i{opacity:.25!important;filter:saturate(.4)}
.cp-t{font-size:clamp(1.8rem,4.6vw,3.8rem)!important;max-width:min(16ch,62%);line-height:1.08!important;color:#fff!important;margin:10px 0 14px}
.cp-h .lede{max-width:46ch}
.cp-b{background:rgba(10,18,40,.7)!important;border:0!important;border-top:1px solid rgba(240,210,138,.7)!important;border-radius:0!important;box-shadow:none!important;padding:18px 16px!important}
.cp-b,.cp-b *{color:#e6ecf8!important}.cp-b h3,.cp-b-a,.cp-b-f{color:#f0d28a!important}.cp-b h3{color:#fff!important}
.cp-law{background:rgba(10,18,40,.75)!important;border-left:3px solid #f0d28a!important}.cp-law,.cp-law *{color:#e6ecf8!important}
.cp-path>*{background:linear-gradient(135deg,rgba(240,210,138,.22),rgba(240,210,138,.06))!important;border-top:2px solid #f0d28a;clip-path:none!important;border-radius:0 40px 0 0!important;color:#fff!important}
.cp-path>*,.cp-path>* *{color:#fff!important}.cp-path>*:after,.cp-path>*:before{display:none!important}
.cp-tags li,.cp-tags span,.cp-tags a{background:transparent!important;border:1px solid rgba(240,210,138,.7)!important;color:#fff!important}
.cp-th,.cp-th *{color:#fff!important}
main.cp .cp-cti .cp-bar .cp-b{background:rgba(10,18,40,.72)!important;border:0!important;border-top:1px solid rgba(240,210,138,.7)!important;border-radius:0!important;box-shadow:none!important}
main.cp .cp-cti .cp-bar .cp-b,main.cp .cp-cti .cp-bar .cp-b *{color:#e6ecf8!important}main.cp .cp-cti .cp-bar .cp-b h3{color:#fff!important}main.cp .cp-cti .cp-bar .cp-b small,main.cp .cp-cti .cp-bar .cp-b-a{color:#f0d28a!important}
main.cp .cp-cti .cp-path>*{background:linear-gradient(135deg,rgba(240,210,138,.24),rgba(240,210,138,.07))!important;clip-path:none!important;border-top:2px solid #f0d28a!important;border-radius:0 40px 0 0!important}
main.cp .cp-cti .cp-path>*,main.cp .cp-cti .cp-path>* *{color:#fff!important}main.cp .cp-cti .cp-path h3,main.cp .cp-cti .cp-path b{color:#f0d28a!important}
.pg-yr ol{grid-template-columns:1fr 1.5fr 1.1fr .9fr}
.pg-yr li.nx{border-left:1px dashed rgba(212,168,67,.7)}.pg-yr li.nx b{font-size:clamp(1.8rem,3.4vw,2.8rem);-webkit-text-stroke:1px #d4a843;color:transparent}
.pg-yr li.nx:after{content:"NEXT";position:absolute;top:24px;right:14px;font:700 .62rem/1 sans-serif;letter-spacing:.2em;color:#d4a843;border:1px solid #d4a843;border-radius:99px;padding:4px 8px;animation:pgb 2s ease-in-out infinite}
@media(max-width:900px){.pg-yr ol{grid-template-columns:1fr}}
.pg-yr li.nx:after,.pg-yr li.now:after{top:auto;bottom:16px;right:14px}.pg-yr li.nx,.pg-yr li.now{padding-bottom:52px}
/* D50 v6: one standard card, two moving rows */
.d3-sh{background:linear-gradient(180deg,#0a1228,#0c2347);overflow:hidden}
.d3-xg{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}
.d3-xn{border-left:3px solid #d4a843;padding-left:22px}.d3-xn b{display:block;font:400 clamp(2.4rem,5.6vw,4.6rem)/1 Michroma,sans-serif;color:#d4a843}.d3-xn b i{font-style:normal;font-size:.4em;color:#fff;margin:0 .35em}
.d3-xn span{color:#e6ecf8;line-height:1.5;display:block;margin-top:8px}
.d3-xl{list-style:none;margin:30px 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px)}
.d3-xl li{border-top:1px solid rgba(240,210,138,.6);padding-top:14px;color:#dbe3f2;line-height:1.55}
.d3-mq{overflow:hidden;margin:0 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.d3-mt{display:flex;gap:18px;width:max-content;animation:d3mq 60s linear infinite}.d3-m2 .d3-mt{animation-direction:reverse;animation-duration:70s}
.d3-mq:hover .d3-mt{animation-play-state:paused}@keyframes d3mq{to{transform:translateX(-50%)}}
.d3-k{margin:0;width:clamp(240px,26vw,380px);flex:none}.d3-k img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:14px;border:1px solid rgba(240,210,138,.55)}
.d3-k figcaption{padding:8px 4px 0;font-size:.85rem;color:#cdd7ea}
@media(prefers-reduced-motion:reduce){.d3-mt{animation:none}.d3-mq{overflow-x:auto}}
@media(max-width:900px){.d3-xg,.d3-xl{grid-template-columns:1fr}}

/* PLATFORM v1 */
.pf{background:#070b16;color:#e9eef7;overflow-x:clip}.pf figure{margin:0;position:relative;overflow:hidden}.pf img{display:block;max-width:none}
.pf-h2{font:400 clamp(1.7rem,4vw,3.2rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 12px;animation:none;opacity:1;transform:none}.pf-p{max-width:58ch;color:#cdd7ea;line-height:1.65}
.pf-h{position:relative;padding:130px 0 90px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#0d2a5c,#070b16 70%)}
.pf-hw{position:relative;z-index:3}.pf-t{font:400 clamp(2.2rem,6vw,4.8rem)/1.05 Michroma,sans-serif;color:#fff;margin:14px 0 14px;max-width:18ch}.pf-lede{max-width:56ch;line-height:1.65;color:#dbe3f2}
.pf-poster{width:min(1180px,92%);margin:40px auto 0;aspect-ratio:884/371;box-shadow:0 0 120px -10px rgba(60,120,255,.55),0 40px 80px -30px #000;border:1px solid rgba(240,210,138,.5);z-index:2}
.pf .pf-poster img{width:100%;height:120%;object-fit:cover}
.pf-o{position:absolute;z-index:3;border-radius:50%;overflow:hidden;border:4px solid #070b16;box-shadow:0 20px 50px -10px #000;animation:pfb 7s ease-in-out infinite}.pf-o img{width:100%;height:100%;object-fit:cover}
.pf-o1{width:clamp(90px,13vw,190px);aspect-ratio:1;right:6%;top:120px}.pf-o2{width:clamp(70px,9vw,130px);aspect-ratio:1;right:22%;top:60px;animation-delay:-2s}.pf-o3{width:clamp(80px,11vw,160px);aspect-ratio:1;left:4%;bottom:40px;animation-delay:-4s}
@keyframes pfb{50%{transform:translateY(-16px)}}
.pf-how{padding:clamp(70px,9vw,120px) 0;background:#0a1228}
.pf-st{list-style:none;margin:40px 0 0;padding:0 clamp(16px,5vw,80px);display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.pf-st:before{content:"";position:absolute;left:clamp(16px,5vw,80px);right:clamp(16px,5vw,80px);top:26px;height:2px;background:repeating-linear-gradient(90deg,#f0d28a 0 8px,transparent 8px 16px);animation:pfd 1.2s linear infinite}
@keyframes pfd{to{background-position:16px 0}}
.pf-st li{position:relative;padding:0 22px 0 0}.pf-st b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f0d28a;color:#10141f;font:400 1rem Michroma,sans-serif;position:relative;z-index:1}
.pf-st h3{font:400 1.05rem/1.25 Michroma,sans-serif;color:#fff;margin:18px 0 8px}.pf-st p{color:#cdd7ea;line-height:1.6;margin:0;font-size:.97rem}
.pf-end{font:400 clamp(1.4rem,3vw,2.4rem)/1.2 Michroma,sans-serif;color:#f0d28a;text-align:center;margin:60px 0 0;padding:0 16px}
.pf-s{position:relative;padding:clamp(70px,9vw,120px) 0 clamp(40px,6vw,80px)}.pf-k2,.pf-k4,.pf-k6{background:#0a1228}.pf-k3{background:linear-gradient(180deg,#070b16,#0b1a3a)}.pf-k5{background:linear-gradient(180deg,#0a1228,#10202e)}
.pf-sh{display:flex;gap:clamp(16px,3vw,40px);align-items:flex-start;margin-bottom:34px}
.pf-kk{font:400 clamp(5rem,12vw,10rem)/.8 Michroma,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(240,210,138,.45)}
.pf-g{padding:0 clamp(16px,5vw,80px)}
.pf-f img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.pf-f:hover img{transform:scale(1.08)}
.pf-f figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}.pf-f figcaption b{display:block;font:400 1rem Michroma,sans-serif}.pf-f figcaption span{display:block;font-size:.88rem;color:#dbe3f2;margin-top:4px;line-height:1.4}
/* stagger: 3 columns, each column offset */
.pf-stagger .pf-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.6vw,36px);align-items:start}
.pf-stagger .pf-f{aspect-ratio:4/5}.pf-stagger .pf-f:nth-child(3n+2){margin-top:60px;aspect-ratio:1}.pf-stagger .pf-f:nth-child(3n){margin-top:20px;aspect-ratio:3/4}
.pf-stagger .pf-f1{border-radius:999px 999px 0 0}.pf-stagger .pf-f2{border-radius:50%}.pf-stagger .pf-f3{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 12%)}
.pf-stagger .pf-f4{border-radius:0 90px 0 90px}.pf-stagger .pf-f5{transform:rotate(-2deg);border:6px solid #f4efe3}.pf-stagger .pf-f6{clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%)}
/* duo: big plus small */
.pf-duo .pf-g{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2.6vw,36px);align-items:center}
.pf-duo .pf-f{grid-column:span 2;aspect-ratio:1}.pf-duo .pf-f1{grid-column:span 3;aspect-ratio:16/10;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.pf-duo .pf-f2{grid-column:span 3;aspect-ratio:16/10;border-radius:0 0 0 120px}
.pf-duo .pf-f3{border-radius:50%}.pf-duo .pf-f4{transform:rotate(2deg);border:6px solid #f4efe3}.pf-duo .pf-f5{border-radius:999px 999px 0 0;aspect-ratio:3/4}
/* wide: stacked, alternating */
.pf-wide .pf-g{display:grid;gap:clamp(20px,3vw,40px)}.pf-wide .pf-f{aspect-ratio:21/8;width:78%}.pf-wide .pf-f:nth-child(2){justify-self:end;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.pf-wide .pf-f1{clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.pf-wide .pf-f3{aspect-ratio:21/8}
.pf-end2{position:relative;overflow:hidden;text-align:center}.pf .pf-end-bg{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}.pf-end-v{position:absolute;inset:0;background:rgba(7,11,22,.78);z-index:1}.pf-end2 .wrap{position:relative;z-index:2}
@media(max-width:900px){.pf-st{grid-template-columns:1fr;gap:26px}.pf-st:before{display:none}.pf-stagger .pf-g,.pf-duo .pf-g{grid-template-columns:1fr 1fr}.pf-duo .pf-f,.pf-duo .pf-f1,.pf-duo .pf-f2{grid-column:span 1}.pf-stagger .pf-f:nth-child(3n+2),.pf-stagger .pf-f:nth-child(3n){margin-top:0}.pf-wide .pf-f{width:100%}.pf-o{display:none}.pf-sh{flex-direction:column}.pf-kk{font-size:4rem}}
@media(max-width:520px){.pf-stagger .pf-g,.pf-duo .pf-g{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pf-o,.pf-st:before{animation:none}}

/* CPCW v5: dark, dynamic, interactive */
main.cp .k1,main.cp .k2,main.cp .k3,main.cp .k5{position:relative;overflow:hidden;background:#070b16!important;color:#e9eef7;padding:clamp(70px,9vw,130px) 0}
main.cp .k2{background:#0a1228!important}main.cp .k5{background:linear-gradient(180deg,#0a1228,#0c2347)!important}
main.cp .k-bg{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;max-width:none;opacity:.55}
main.cp .k-v{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,22,.88),rgba(7,11,22,.72) 50%,rgba(7,11,22,.92))}
main.cp .k-w{position:relative;z-index:2}
main.cp .k-k{font:400 .8rem Michroma,sans-serif;letter-spacing:.3em;color:#f0d28a;margin:0 0 10px;animation:none;opacity:1;transform:none}
main.cp .k-h{font:400 clamp(1.8rem,4.4vw,3.4rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 14px;max-width:20ch;animation:none;opacity:1;transform:none}
main.cp .k-p{max-width:60ch;color:#d3dcee;line-height:1.7;font-size:1.05rem}
main.cp .k-sub{font:400 1.2rem Michroma,sans-serif;color:#f0d28a;margin:56px 0 18px}
/* 01 */
.k1-pil{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px}
.k1-p{position:relative;padding:8px 28px 8px 26px;border-left:3px solid var(--c);transition:transform .5s,background .5s}
.k1-p:hover{transform:translateY(-8px);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 16%,transparent),transparent)}
.k1-p b{display:block;font:400 clamp(2.6rem,5vw,4rem)/1 Michroma,sans-serif;color:var(--c);text-shadow:0 0 30px var(--c)}
.k1-p h3{font:400 1.15rem/1.3 Michroma,sans-serif;color:#fff;margin:12px 0 10px}.k1-p p{color:#d3dcee;line-height:1.65;margin:0}
.k1-mq{position:relative;z-index:2;margin-top:60px;overflow:hidden;border-block:1px solid rgba(240,210,138,.35);padding:16px 0;background:rgba(7,11,22,.6)}
.k1-mt{display:flex;gap:46px;width:max-content;animation:k1m 28s linear infinite}
.k1-mt span{font:400 clamp(1.4rem,3vw,2.4rem) Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #f0d28a;white-space:nowrap}.k1-mt span:nth-child(3n){color:#f0d28a;-webkit-text-stroke:0}
@keyframes k1m{to{transform:translateX(-50%)}}
/* 02 */
.k2-tabs{display:grid;grid-template-columns:minmax(240px,.8fr) 1.4fr;gap:clamp(20px,4vw,60px);margin-top:44px;align-items:start}
.k2-btns{display:grid;gap:12px}
.k2-btns button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 22px;border-left:4px solid var(--c);background:rgba(255,255,255,.05);color:#e9eef7;font:400 1.02rem/1.3 Michroma,sans-serif;transition:all .4s}
.k2-btns button i{font-style:normal;color:var(--c);font-size:1.5rem}
.k2-btns button:hover{background:rgba(255,255,255,.1);transform:translateX(6px)}
.k2-btns button[aria-selected=true]{background:var(--c);color:#10141f;transform:translateX(14px);box-shadow:0 0 50px -8px var(--c)}.k2-btns button[aria-selected=true] i{color:#10141f}
.k2-btns button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.k2-pans ul{list-style:none;margin:0;padding:6px 0 0 26px;border-left:2px solid var(--c)}
.k2-pans li{position:relative;padding:12px 0 12px 24px;font-size:1.12rem;line-height:1.45;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);opacity:0;transform:translateX(30px);animation:k2in .6s forwards;animation-delay:calc(var(--d)*.09s)}
.k2-pans li:before{content:"";position:absolute;left:0;top:1.2em;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
@keyframes k2in{to{opacity:1;transform:none}}
.k2-sk{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.k2-sk li{padding:11px 20px;border-radius:999px;border:1px solid rgba(240,210,138,.55);color:#f6e7bd;font-weight:600;transition:all .35s;animation:k2f 5s ease-in-out infinite;animation-delay:calc(var(--d)*-.5s)}
.k2-sk li:nth-child(3n+1){background:rgba(94,227,176,.14);border-color:#5ee3b0;color:#d9fff0}.k2-sk li:nth-child(3n+2){background:rgba(255,122,89,.14);border-color:#ff7a59;color:#ffe2d9}
.k2-sk li:hover{background:#f0d28a;color:#10141f;transform:scale(1.08)}
@keyframes k2f{50%{transform:translateY(-6px)}}
/* 03 */
.k3-ax{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,5vw,80px)}
.k3-ax li{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2);transition:padding .4s,background .4s}
.k3-ax b{font:400 clamp(2rem,4vw,3rem)/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1.5px #f0d28a;min-width:1.3em;transition:all .4s}
.k3-ax span{font-size:1.08rem;line-height:1.4;color:#fff;font-weight:500}
.k3-ax li:hover{padding-left:16px;background:linear-gradient(90deg,rgba(240,210,138,.14),transparent)}.k3-ax li:hover b{color:#f0d28a;-webkit-text-stroke:0}
.k3-fr{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,36px);margin-top:56px}
.k3-fr>div{padding-top:16px;border-top:4px solid #5ee3b0}.k3-fr>div:nth-child(2){border-color:#ff7a59}.k3-fr>div:nth-child(3){border-color:#ffd04a}.k3-fr>div:nth-child(4){border-color:#8fb4ff}
.k3-fr h3{font:400 1.05rem/1.3 Michroma,sans-serif;color:#fff;margin:0 0 8px}.k3-fr p{color:#d3dcee;line-height:1.6;margin:0}
/* 05 */
main.cp .k5 .cp-st em{color:#ff7a59;text-shadow:0 0 24px rgba(255,122,89,.6)}main.cp .k5 .cp-st h3{color:#fff}main.cp .k5 .cp-st p{color:#d3dcee}
main.cp .k5 .cp-lv-t{color:#fff}main.cp .k5 .cp-lv:not(:nth-child(4n))::after{border-top:3px dotted rgba(240,210,138,.6)}
main.cp .k5 .cp-res li{color:#fff}
@media(max-width:900px){.k1-pil,.k3-fr{grid-template-columns:1fr 1fr;gap:28px}.k2-tabs{grid-template-columns:1fr}.k3-ax{grid-template-columns:1fr}.k2-btns button[aria-selected=true]{transform:none}}
@media(max-width:560px){.k1-pil,.k3-fr{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.k1-mt,.k2-sk li{animation:none}.k2-pans li{animation:none;opacity:1;transform:none}}
.pf-stagger .pf-f2 figcaption,.pf-duo .pf-f3 figcaption,.pf-stagger .pf-f4 figcaption{text-align:center;padding:60px 18% 18px}
.ce2 .c2-h-i{filter:blur(3px) saturate(.8) brightness(.7)}
.c2-h-v{background:linear-gradient(90deg,rgba(7,11,22,.92) 8%,rgba(7,11,22,.6) 65%,rgba(7,11,22,.45)),linear-gradient(180deg,transparent 55%,#070b16)!important}

/* CEIES v3: standardised centres + certification layout */
.ce2 .c2-c{min-height:0;padding-block:clamp(26px,4vw,54px);grid-template-columns:minmax(260px,400px) 1fr!important;gap:clamp(24px,5vw,72px);justify-content:center;max-width:1100px;margin-inline:auto;background:none!important}
.ce2 .c2-c .c2-cf{order:0!important;margin:0!important;max-width:none!important;width:100%;aspect-ratio:4/3!important;border-radius:0 90px 0 90px!important;clip-path:none!important;animation:none!important;box-shadow:0 0 0 1px rgba(240,210,138,.45),0 30px 60px -30px #000!important;overflow:hidden}
.ce2 .c2-c2{grid-template-columns:1fr minmax(260px,400px)!important}.ce2 .c2-c2 .c2-cf{order:2!important;border-radius:90px 0 90px 0!important}.ce2 .c2-c2 .c2-ct-t{order:1!important}
.ce2 .c2-c .c2-big{font-size:clamp(5rem,12vw,9rem);opacity:.35}
.ce2 .c2-ce{display:grid;grid-template-columns:minmax(240px,34%) 1fr;gap:clamp(20px,4vw,60px);align-items:center;padding-left:0}
.ce2 .c2-ce .c2-ce-p{position:relative!important;width:100%;left:auto;top:auto;bottom:auto;aspect-ratio:4/5;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);opacity:1}
.ce2 .c2-ce .c2-ce-p img{width:100%;height:100%;object-fit:cover}
.ce2 .c2-ce .c2-ce-g{padding-left:0!important;margin:0;max-width:none;width:auto;padding-right:clamp(16px,5vw,80px)}
@media(max-width:900px){.ce2 .c2-c,.ce2 .c2-c2{grid-template-columns:1fr!important}.ce2 .c2-c .c2-cf{max-width:420px!important;margin-inline:auto!important}.ce2 .c2-c2 .c2-cf{order:0!important}.ce2 .c2-ce{grid-template-columns:1fr}.ce2 .c2-ce .c2-ce-p{aspect-ratio:16/10;clip-path:none;max-width:480px;margin-inline:auto}.ce2 .c2-ce .c2-ce-g{padding-inline:16px;grid-template-columns:1fr}}

/* EVENTS v2: clean and organised */
.ev{background:#070b16;color:#e9eef7;overflow-x:clip}.ev figure{margin:0}.ev img{display:block;max-width:100%}
.ev-h{padding:128px 0 56px;background:radial-gradient(ellipse at 80% 20%,#10285a 0,#070b16 62%)}
.ev-hg{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.ev-t{font:400 clamp(2rem,4.6vw,3.8rem)/1.08 Michroma,sans-serif;color:#fff;margin:16px 0 18px;animation:none;opacity:1;transform:none}
.ev-sub{font-size:1.2rem;line-height:1.5;color:#f0d28a;margin:0 0 14px}.ev-lede{color:#d3dcee;line-height:1.7;max-width:56ch;margin:0}
.ev-hf{position:relative;border-radius:0 80px 0 80px;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.5),0 40px 80px -30px #000}.ev-hf img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ev-hf figcaption,.ev-rail figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:.88rem;color:#fff}
.ev-ix{list-style:none;display:flex;gap:clamp(12px,3vw,40px);flex-wrap:wrap;margin:48px auto 0;padding:18px 0 0;border-top:1px solid rgba(240,210,138,.4)}
.ev-ix a{display:flex;gap:10px;align-items:baseline;color:#e9eef7;text-decoration:none;font-weight:600;transition:color .3s}.ev-ix a:hover{color:#f0d28a}.ev-ix b{font:400 .8rem Michroma,sans-serif;color:#f0d28a}
.ev-s{padding:clamp(56px,8vw,100px) 0}.ev-s2{background:#0a1228}
.ev-k{font:400 .8rem Michroma,sans-serif;letter-spacing:.3em;color:#f0d28a;margin:0 0 8px}
.ev-h2{font:400 clamp(1.6rem,3.4vw,2.6rem)/1.15 Michroma,sans-serif;color:#fff;margin:0 0 28px;animation:none;opacity:1;transform:none}.ev-h2s{font-size:clamp(1.2rem,2.2vw,1.7rem)}
.ev-p{max-width:68ch;color:#d3dcee;line-height:1.7;margin:-12px 0 28px}
.ev-wg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px) clamp(24px,5vw,72px)}
.ev-w{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:20px;align-items:center}
.ev-w figure{border-radius:0 44px 0 44px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 0 0 1px rgba(240,210,138,.4)}.ev-w img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.ev-w:hover img{transform:scale(1.08)}
.ev-w h3{font:400 1.1rem/1.25 Michroma,sans-serif;color:#fff;margin:0 0 8px}.ev-w p{margin:0;color:#d3dcee;line-height:1.6}
.ev-tl{list-style:none;margin:0;padding:0;border-left:2px solid rgba(240,210,138,.55)}
.ev-tl li{position:relative;display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:20px;padding:20px 0 20px 28px}
.ev-tl li:before{content:"";position:absolute;left:-7px;top:30px;width:12px;height:12px;border-radius:50%;background:#f0d28a;box-shadow:0 0 16px #f0d28a}
.ev-tl b{font:400 1.5rem Michroma,sans-serif;color:#f0d28a}.ev-tl h3{font:400 1.15rem Michroma,sans-serif;color:#fff;margin:0 0 6px}.ev-tl p{margin:0;color:#d3dcee;line-height:1.6}
.ev-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,24px);align-items:start}
.ev-rail figure{position:relative;overflow:hidden;border-radius:0 40px 0 40px;aspect-ratio:3/4}.ev-rail figure:nth-child(even){margin-top:36px}.ev-rail img{width:100%;height:100%;object-fit:cover}
.ev-ag{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,6vw,90px)}
.ev-al,.ev-pl{list-style:none;margin:0;padding:0}.ev-al li{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;line-height:1.45}
.ev-al b{font:400 1.6rem Michroma,sans-serif;color:transparent;-webkit-text-stroke:1.2px #f0d28a;min-width:1.2em}
.ev-pl li{position:relative;padding:14px 0 14px 22px;border-bottom:1px solid rgba(255,255,255,.18);color:#d3dcee;line-height:1.5}.ev-pl li:before{content:"";position:absolute;left:0;top:1.35em;width:8px;height:8px;border-radius:50%;background:#5ee3b0}
.ev-end{background:linear-gradient(180deg,#0a1228,#0c2347);text-align:center}.ev-rel{margin-top:26px;color:#d3dcee}.ev-rel a{color:#f0d28a}
@media(max-width:900px){.ev-hg,.ev-ag{grid-template-columns:1fr}.ev-wg{grid-template-columns:1fr}.ev-rail{grid-template-columns:1fr 1fr}.ev-tl li{grid-template-columns:1fr;gap:6px}}
@media(max-width:520px){.ev-w{grid-template-columns:1fr}.ev-rail{grid-template-columns:1fr}.ev-rail figure:nth-child(even){margin-top:0}}
.ev-end .xend-t{color:#fff!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:#fff!important}
/* EVENTS v3: matrix editions, aims with photo, tighter end */
.ev-mx{position:relative;overflow:hidden}.ev-cv{position:absolute;inset:0;width:100%;height:100%;opacity:.28;pointer-events:none}.ev-edw{position:relative;z-index:2}
.ev-tl b,.ev-tl h3{font-variant-numeric:tabular-nums}.ev-tl h3{min-height:1.4em}
.ev-am{position:relative;overflow:hidden;background:#070b16}.ev-am-bg{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;max-width:none;opacity:.5}
.ev-am-v{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,22,.92),rgba(7,11,22,.7) 55%,rgba(7,11,22,.88))}.ev-am .ev-ag{position:relative;z-index:2;align-items:start}
.ev-al li{position:relative;overflow:hidden}.ev-al li span{flex:1}.ev-al li i{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,#f0d28a,transparent);transition:width 1.2s .3s}.ev-al li.in i{width:100%}
.ev-ses{padding:26px 0 6px 28px;border-left:3px solid #f0d28a;background:linear-gradient(90deg,rgba(240,210,138,.08),transparent)}
.ev-ses h3{font:400 clamp(1.1rem,2vw,1.5rem)/1.2 Michroma,sans-serif;color:#fff;margin:0 0 14px}
.ev-pl li{display:flex;gap:16px;align-items:baseline;padding-left:0}.ev-pl li:before{display:none}.ev-pl em{font:400 1.1rem Michroma,sans-serif;font-style:normal;color:#5ee3b0}
.ev-end{padding-block:clamp(48px,6vw,80px)!important}.ev-end .xend-t{margin-top:0}
@media(prefers-reduced-motion:reduce){.ev-cv{display:none}}
/* D50 hero: original effects restored (giant outlined glyph, slow zoom, light sweep, letters drop) */
.d3-gl{position:absolute;right:-3vw;top:50%;translate:0 -50%;z-index:1;font:400 clamp(9rem,34vw,30rem)/.9 Michroma,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(240,210,138,.5);pointer-events:none;animation:d3gl 9s ease-in-out infinite alternate}
@keyframes d3gl{from{translate:0 -50%;opacity:.55}to{translate:-2vw -50%;opacity:1}}
.d3-bg{animation:d3zm 22s ease-in-out infinite alternate}@keyframes d3zm{from{scale:1.02}to{scale:1.14}}
.d3-sw{position:absolute;top:0;bottom:0;width:30%;left:-40%;z-index:1;background:linear-gradient(100deg,transparent,rgba(240,210,138,.16),transparent);animation:d3sw 7s ease-in-out infinite;pointer-events:none}
@keyframes d3sw{to{left:130%}}
.d3-hc{z-index:2}
.d3-t b{display:inline-block;font-weight:400;white-space:pre;animation:wdrop .9s var(--ease-out,cubic-bezier(.2,.8,.2,1)) both;animation-delay:calc(var(--i)*55ms)}
@media(prefers-reduced-motion:reduce){.d3-gl,.d3-bg,.d3-sw,.d3-t b{animation:none!important}}
html.a11y-motion .d3-gl,html.a11y-motion .d3-bg,html.a11y-motion .d3-sw,html.a11y-motion .d3-t b{animation:none!important}
/* CPCW roadmap: living background */
main.cp .k5 .k-bg{opacity:.35;animation:k5z 24s ease-in-out infinite alternate}@keyframes k5z{from{scale:1.02}to{scale:1.12}}
main.cp .k5 .k-v{background:linear-gradient(180deg,rgba(10,18,40,.92),rgba(12,35,71,.78) 50%,rgba(10,18,40,.94))}
.k5-gr{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(240,210,138,.07) 1px,transparent 1px) 0 0/54px 54px,linear-gradient(90deg,rgba(240,210,138,.07) 1px,transparent 1px) 0 0/54px 54px;animation:k5g 14s linear infinite;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 80%)}
@keyframes k5g{to{background-position:54px 54px,54px 54px}}
.k5-o{position:absolute;z-index:1;width:46vw;height:46vw;border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none}
.k5-o1{background:#5ee3b0;left:-12vw;top:8%;animation:k5a 16s ease-in-out infinite alternate}.k5-o2{background:#ff7a59;right:-14vw;bottom:4%;animation:k5a 19s ease-in-out infinite alternate-reverse}
@keyframes k5a{to{translate:10vw 6vh}}
.k5-cv{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){main.cp .k5 .k-bg,.k5-gr,.k5-o{animation:none}.k5-cv{display:none}}
html.a11y-motion main.cp .k5 .k-bg,html.a11y-motion .k5-gr,html.a11y-motion .k5-o{animation:none}
/* VR band: legible caption + immersive layers */
main.cp .c3-wide.vr{min-height:56vh;isolation:isolate}
main.cp .vr .c3p{top:-10%;height:120%;filter:brightness(.62) saturate(1.1)}
.vr-sh{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(5,10,28,.9) 5%,rgba(5,10,28,.55) 45%,rgba(5,10,28,.1))}
.vr-gr{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(94,227,255,.16) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(94,227,255,.16) 1px,transparent 1px) 0 0/48px 48px;transform:perspective(500px) rotateX(58deg) scale(2.2) translateY(30%);transform-origin:50% 100%;mask-image:linear-gradient(transparent 10%,#000 80%);animation:vrg 5s linear infinite;opacity:.7}
@keyframes vrg{to{background-position:0 48px,48px 0}}
.vr-sc{position:absolute;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,transparent,#5ee3ff,transparent);box-shadow:0 0 24px 6px rgba(94,227,255,.55);animation:vrs 5.5s ease-in-out infinite}
@keyframes vrs{0%{top:-3%}100%{top:103%}}
.vr-br{position:absolute;z-index:2;width:46px;height:46px;border:3px solid #5ee3ff;opacity:.85;animation:vrp 3s ease-in-out infinite}
.vr-b1{left:clamp(16px,4vw,60px);top:clamp(16px,4vw,50px);border-right:0;border-bottom:0}.vr-b2{right:clamp(16px,4vw,60px);bottom:clamp(16px,4vw,50px);border-left:0;border-top:0}
@keyframes vrp{50%{opacity:.3;scale:.9}}
main.cp .vr .c3-cap{position:relative;z-index:3;color:#fff!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 22px rgba(94,227,255,.75),0 4px 30px rgba(0,0,0,.9);max-width:14ch;font-size:clamp(1.8rem,5vw,3.8rem)}
@media(prefers-reduced-motion:reduce){.vr-gr,.vr-sc,.vr-br{animation:none}}
html.a11y-motion .vr-gr,html.a11y-motion .vr-sc,html.a11y-motion .vr-br{animation:none}
/* CPCW 06 v2: clean, dark, intelligent */
main.cp .k6{position:relative;overflow:hidden;background:#070b16!important;color:#e9eef7;padding:clamp(70px,9vw,130px) 0}
main.cp .k6 .k-bg{opacity:.35}.k6 .k6-sub{margin-top:0}
.k6-th{margin:56px 0 28px;max-width:78ch;border-left:3px solid #f0d28a;padding-left:26px}.k6-th h3{font:400 clamp(1.5rem,3.2vw,2.4rem)/1.15 Michroma,sans-serif;color:#fff;margin:0 0 14px}.k6-th p{color:#d3dcee;line-height:1.75;margin:0}
.k6-gate{display:grid;grid-template-columns:minmax(220px,.7fr) 1.6fr;gap:clamp(20px,4vw,64px);align-items:start}
.k6-nav{position:relative;display:grid;gap:0}
.k6-nav button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 8px 18px 22px;color:#9fb0d0;font:400 1.05rem Michroma,sans-serif;border-bottom:1px solid rgba(255,255,255,.14);transition:color .4s,padding .4s}
.k6-nav button i{font-style:normal;font-size:.8rem;color:#f0d28a}
.k6-nav button:hover{color:#fff}.k6-nav button[aria-selected=true]{color:#fff;padding-left:34px}
.k6-nav button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.k6-ln{position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.12)}.k6-ln u{position:absolute;left:0;top:0;width:100%;height:100%;background:#f0d28a;transform-origin:top;animation:k6f 6.5s linear forwards}
@keyframes k6f{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.k6-pan{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:8px;min-height:250px;animation:k6in .7s both}
@keyframes k6in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.k6-pan small{display:block;font:700 .72rem sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.k6-bar small{color:#ff7a59}.k6-ans small{color:#5ee3b0}
.k6-bar p{font-size:1.2rem;line-height:1.5;color:#fff;margin:0}.k6-ans p{font:400 1.15rem/1.4 Michroma,sans-serif;color:#5ee3b0;margin:0}
.k6-ar{height:2px;background:linear-gradient(90deg,#ff7a59,#5ee3b0);position:relative}.k6-ar:after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-left:10px solid #5ee3b0;border-right:0}
.k6-q{margin:70px 0;max-width:30ch;font:400 clamp(1.3rem,2.8vw,2.1rem)/1.35 Michroma,sans-serif;color:#fff;border:0;padding:0;position:relative}.k6-q:before{content:"";display:block;width:70px;height:3px;background:#f0d28a;margin-bottom:22px}
.k6-path{list-style:none;margin:0 0 70px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);position:relative}
.k6-path:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:repeating-linear-gradient(90deg,#f0d28a 0 8px,transparent 8px 16px);animation:pfd 1.2s linear infinite}
.k6-path li{position:relative;padding-top:34px}.k6-path li:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#070b16;border:3px solid #f0d28a;box-shadow:0 0 18px rgba(240,210,138,.7)}
.k6-path b{font:700 .78rem sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f0d28a}.k6-path h3{font:400 1.25rem Michroma,sans-serif;color:#fff;margin:8px 0 8px}.k6-path p{color:#d3dcee;line-height:1.65;margin:0}
.k6-who{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);margin-bottom:70px;align-items:start}
.k6-wl{list-style:none;margin:0;padding:0}.k6-wl li{display:flex;flex-direction:column;gap:2px;padding:16px 0 16px 22px;border-left:2px solid rgba(240,210,138,.5);margin-bottom:6px;transition:border-color .4s,padding .4s}.k6-wl li:hover{border-color:#5ee3b0;padding-left:32px}.k6-wl b{font:400 1.05rem Michroma,sans-serif;color:#fff}.k6-wl span{color:#d3dcee}
.k6-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
.k6-us{list-style:none;margin:0;padding:0}.k6-us li{display:flex;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#fff}.k6-us i{font:400 .85rem Michroma,sans-serif;font-style:normal;color:#f0d28a}
.k6-mq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.k6-mt{display:flex;gap:14px;width:max-content;animation:k1m 26s linear infinite}
.k6-mt span{padding:12px 22px;border-radius:999px;border:1px solid rgba(94,227,176,.6);color:#d9fff0;background:rgba(94,227,176,.1);white-space:nowrap;font-weight:600}.k6-mt span:nth-child(3n){border-color:#f0d28a;color:#f6e7bd;background:rgba(240,210,138,.1)}
@media(max-width:900px){.k6-gate,.k6-who,.k6-two{grid-template-columns:1fr}.k6-pan{grid-template-columns:1fr;min-height:0;gap:14px}.k6-ar{width:2px;height:40px;background:linear-gradient(#ff7a59,#5ee3b0)}.k6-ar:after{display:none}.k6-path{grid-template-columns:1fr}.k6-path:before{display:none}}
@media(prefers-reduced-motion:reduce){.k6-mt,.k6-path:before,.k6-ln u{animation:none}.k6-pan{animation:none}.k6-ln u{transform:none}}
html.a11y-motion .k6-mt,html.a11y-motion .k6-pan{animation:none}
/* k6 v3 */
.k6-pan[hidden]{display:none!important}
main.cp .k6{background:#070b16!important}
.k6-au{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 50% at 20% 20%,rgba(94,227,176,.16),transparent 70%),radial-gradient(55% 50% at 85% 75%,rgba(240,210,138,.14),transparent 70%),radial-gradient(50% 50% at 60% 40%,rgba(74,120,255,.16),transparent 70%);background-size:140% 140%;animation:k6au 18s ease-in-out infinite alternate}
@keyframes k6au{to{background-position:100% 100%}}
.k6 .k5-gr,.k6 .k5-o{z-index:0}
.k6-two>div,.k6-who>div{min-width:0}
.k6-pf{margin:0 0 18px;aspect-ratio:3/2;overflow:hidden;border-radius:0 56px 0 56px;box-shadow:0 0 0 1px rgba(240,210,138,.45)}.k6-pf img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.k6-path li:hover .k6-pf img{transform:scale(1.08)}
.k6-path{margin-top:10px}.k6-path:before{display:none}.k6-path li{padding-top:0}.k6-path li:before{display:none}.k6-path b{display:block}
.k6-path li:not(:last-child) .k6-pf:after{content:""}
.k6-wf,.k6-gf{margin:26px 0 0;overflow:hidden;aspect-ratio:16/10;border-radius:90px 0 90px 0;box-shadow:0 0 0 1px rgba(240,210,138,.45)}.k6-wf img,.k6-gf img{width:100%;height:100%;object-fit:cover}
.k6-gf{margin:0 0 22px;aspect-ratio:21/9;border-radius:0 60px 0 60px}
@media(prefers-reduced-motion:reduce){.k6-au{animation:none}}
html.a11y-motion .k6-au{animation:none}
.ev-end .wrap>p{line-height:1.75;margin:0 auto 30px;max-width:60ch}
.ev-end .btn{margin-bottom:10px}
.ev-end .ev-rel{margin-top:34px;line-height:2.2;font-size:1rem}.ev-end .ev-rel a{display:inline-block;margin:0 4px;padding:2px 0}
/* PEGT launch viewer */
.pg-lc{background:linear-gradient(180deg,#07070c,#0a1228 60%,#07070c);padding:clamp(56px,7vw,96px) 0}
.pg-lc-k{font:400 .8rem Michroma,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#f0d28a;margin:0 0 10px}
.pg-lc-t{font:400 clamp(1.8rem,4.2vw,3.2rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 30px;text-align:left;position:static;transform:none;text-shadow:none;animation:none;opacity:1}
.pg-lc-v{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:stretch}
.pg-lc-main{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:0 80px 0 80px;box-shadow:0 0 0 1px rgba(240,210,138,.5),0 40px 80px -30px #000;background:#000}
.pg-lc-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.08;transition:opacity 1s,scale 6s linear}.pg-lc-main img.on{opacity:1;scale:1}
.pg-lc-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);z-index:2}.pg-lc-bar u{display:block;height:100%;background:#f0d28a;transform-origin:left;animation:pglc 5s linear forwards}
@keyframes pglc{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pg-lc-n{position:absolute;right:26px;bottom:18px;z-index:2;font:400 .85rem Michroma,sans-serif;color:#fff;text-shadow:0 2px 10px #000}
.pg-lc-th{display:grid;grid-template-rows:repeat(5,1fr);gap:10px}
.pg-lc-th button{all:unset;cursor:pointer;overflow:hidden;border-radius:0 18px 0 18px;opacity:.5;outline:1px solid transparent;transition:opacity .4s,outline-color .4s,transform .4s;min-height:0}
.pg-lc-th button img{width:100%;height:100%;object-fit:cover;display:block}
.pg-lc-th button:hover{opacity:.85}.pg-lc-th button[aria-selected=true]{opacity:1;outline-color:#f0d28a;transform:translateX(-6px)}.pg-lc-th button:focus-visible{outline:3px solid #fff}
@media(max-width:760px){.pg-lc-v{grid-template-columns:1fr}.pg-lc-th{grid-template-rows:none;grid-template-columns:repeat(5,1fr);height:64px}.pg-lc-main{border-radius:0 40px 0 40px}}
@media(prefers-reduced-motion:reduce){.pg-lc-main img{transition:opacity .3s;scale:1}.pg-lc-bar u{animation:none;transform:none}}
/* D50 hero v4: no boxes, clear break from next section */
.d3-two{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(18px,3vw,44px);align-items:stretch;margin-top:34px;width:min(920px,100%);text-align:left}
.d3-s,.d3-e{padding:4px 0 4px 22px;background:none;backdrop-filter:none;border-top:0;border-left:3px solid #d4a843;position:relative;transition:transform .5s,border-color .5s}
.d3-e{border-left-color:#4aa8ff;padding:4px 22px 4px 0;border-left:0;border-right:3px solid #4aa8ff;text-align:right}
.d3-s:hover{transform:translateX(6px)}.d3-e:hover{transform:translateX(-6px)}
.d3-two b{font-size:clamp(1.3rem,2.8vw,2.1rem);text-shadow:0 4px 24px rgba(0,0,0,.7)}
.d3-two span{color:#e6eaf4;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.d3-live{align-self:center;max-width:110px;opacity:.95}
.d3-h:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,#d4a843 20%,#f0d28a 50%,#d4a843 80%,transparent)}
.d3-ov{background:linear-gradient(180deg,rgba(5,9,22,.6),rgba(5,9,22,.82) 70%,#05070f)}
.d3-what{background:radial-gradient(ellipse at 85% 10%,rgba(212,168,67,.14),transparent 55%),linear-gradient(180deg,#05070f,#0a0d18)}
@media(max-width:900px){.d3-e{text-align:left;border-right:0;border-left:3px solid #4aa8ff;padding:4px 0 4px 22px}.d3-live{max-width:none}}
.d3-t{margin-bottom:26px}.d3-lede{text-shadow:0 2px 18px rgba(0,0,0,.85)}
/* CEIES v4 */
.ce2 .c2-h-b{width:clamp(130px,15vw,220px)!important;right:clamp(16px,4vw,70px)!important;bottom:clamp(20px,3.5vw,48px)!important}
.ce2 .c2-ct{position:relative;overflow:hidden;isolation:isolate;padding:clamp(48px,6vw,80px) 0 clamp(40px,5vw,70px);background:#05070d}
.ce2 .c2-ct .wrap{position:relative;z-index:2}
.ce2 .c2-ct .c2-h2{margin-bottom:clamp(14px,2vw,26px)}
.c2-o{position:absolute;z-index:0;border-radius:50%;filter:blur(90px);pointer-events:none}
.c2-o1{width:46vw;height:46vw;left:-12vw;top:-8vw;background:radial-gradient(circle,rgba(240,210,138,.22),transparent 65%);animation:c2o1 16s ease-in-out infinite alternate}
.c2-o2{width:40vw;height:40vw;right:-10vw;bottom:-6vw;background:radial-gradient(circle,rgba(60,200,170,.16),transparent 65%);animation:c2o2 19s ease-in-out infinite alternate}
.c2-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(240,210,138,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(240,210,138,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);animation:c2gr 24s linear infinite}
@keyframes c2o1{to{transform:translate(14vw,8vw) scale(1.2)}}@keyframes c2o2{to{transform:translate(-12vw,-6vw) scale(1.15)}}@keyframes c2gr{to{background-position:64px 64px}}
.ce2 .c2-c,.ce2 .c2-c2{position:relative;z-index:1;background:none!important;padding-block:clamp(16px,2.4vw,30px)!important;gap:clamp(22px,4vw,56px)!important}
.ce2 .c2-c .c2-cf{position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.55),0 30px 60px -28px #000!important;transition:transform .6s,box-shadow .6s}
.ce2 .c2-c .c2-cf:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 0 0 1px #f0d28a,0 0 40px rgba(240,210,138,.35)!important}
.ce2 .c2-c .c2-cf:after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);transition:left .9s}
.ce2 .c2-c .c2-cf:hover:after{left:130%}
.c2-nb{display:block;font:400 clamp(3rem,7vw,5.2rem)/.9 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1.5px #f0d28a;margin-bottom:10px;background:linear-gradient(100deg,transparent 35%,rgba(240,210,138,.9) 50%,transparent 65%) 200% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:c2nb 5s ease-in-out infinite}
.ce2 .c2-c2 .c2-ct-t{text-align:right}
@keyframes c2nb{to{background-position:-100% 0}}
.ce2 .c2-ct-t h3{margin-bottom:8px}
@media(max-width:900px){.ce2 .c2-c2 .c2-ct-t{text-align:left}}
@media(prefers-reduced-motion:reduce){.c2-o,.c2-grid,.c2-nb{animation:none}}
/* CEIES certification v5 */
.ce2 .c2-ce{position:relative;overflow:hidden;isolation:isolate;grid-template-columns:minmax(260px,42%) 1fr!important;background:#070b16}
.ce2 .c2-ce>.c2-ce-p,.ce2 .c2-ce>.c2-ce-g{position:relative;z-index:2}.ce2 .c2-ce>.c2-ce-bg,.ce2 .c2-ce>.c2-ce-v,.ce2 .c2-ce>.c2-o3,.ce2 .c2-ce>.c2-scan{position:absolute!important;grid-area:auto}
.ce2 .c2-ce .c2-ce-bg{position:absolute;inset:-4% 0;width:100%;height:108%;object-fit:cover;z-index:0;opacity:.22;filter:blur(2px) saturate(.8);animation:c2kb 26s ease-in-out infinite alternate}
.ce2 .c2-ce .c2-ce-v{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,11,22,.35),rgba(7,11,22,.88) 55%,#070b16)}
.c2-o3{width:34vw;height:34vw;right:-8vw;top:-10vw;z-index:1!important;background:radial-gradient(circle,rgba(240,210,138,.2),transparent 65%);animation:c2o2 18s ease-in-out infinite alternate}
.c2-scan{position:absolute!important;left:0;right:0;height:140px;top:-140px;z-index:1!important;background:linear-gradient(180deg,transparent,rgba(240,210,138,.07),transparent);animation:c2sc 9s linear infinite;pointer-events:none}
@keyframes c2kb{to{transform:scale(1.1) translateX(-2%)}}@keyframes c2sc{to{top:100%}}
.ce2 .c2-ce .c2-ce-p{aspect-ratio:auto!important;height:clamp(420px,46vw,600px);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);box-shadow:none;filter:drop-shadow(0 0 30px rgba(240,210,138,.25))}
.ce2 .c2-ce .c2-ce-p img{transform-origin:center;animation:c2kb 20s ease-in-out infinite alternate}
.ce2 .c2-ce .c2-h2,.ce2 .c2-ce .c2-h2 *{animation:none!important;transition:none!important;filter:none!important;text-shadow:none!important;transform:none!important;opacity:1!important;background:none!important;-webkit-text-fill-color:#fff}
@media(max-width:900px){.ce2 .c2-ce{grid-template-columns:1fr!important}.ce2 .c2-ce .c2-ce-p{height:260px}}
@media(prefers-reduced-motion:reduce){.c2-ce-bg,.c2-scan,.c2-o3,.ce2 .c2-ce .c2-ce-p img{animation:none!important}}
.ce2 .c2-ce{grid-template-columns:minmax(240px,36%) 1fr!important}
.ce2 .c2-ce .c2-ce-g{grid-template-columns:1.15fr 1fr!important;gap:clamp(24px,4vw,56px)!important}
.ce2 .c2-ce .c2-ce-bg{opacity:.13}
.ce2 .c2-ce .c2-ce-p{height:clamp(380px,40vw,540px)}
/* CPCW organic photos v6: no white frames */
@keyframes og1{0%{border-radius:58% 42% 55% 45%/48% 56% 44% 52%}50%{border-radius:42% 58% 46% 54%/56% 44% 56% 44%}100%{border-radius:54% 46% 40% 60%/44% 58% 42% 56%}}
@keyframes og2{0%{border-radius:46% 54% 42% 58%/58% 42% 58% 42%}100%{border-radius:60% 40% 56% 44%/42% 58% 46% 54%}}
@keyframes ogo1{to{transform:translate(8vw,5vw) scale(1.2)}}@keyframes ogo2{to{transform:translate(-7vw,-4vw) scale(1.15)}}
main.cp .c3-poster{border:0!important;transform:none!important;aspect-ratio:1;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.6),0 0 40px rgba(240,210,138,.25),0 30px 60px -20px #000;animation:og1 12s ease-in-out infinite alternate}
main.cp .c3-poster img{width:100%;height:100%;object-fit:cover}
main.cp .c3-a,main.cp .c3-b,main.cp .c3-c{position:relative;isolation:isolate;overflow:hidden;background:#06090f!important;color:#fff}
main.cp .c3-a:before,main.cp .c3-b:before,main.cp .c3-c:before{content:"";position:absolute;z-index:-1;width:48vw;height:48vw;left:-12vw;top:-10vw;border-radius:50%;background:radial-gradient(circle,rgba(240,210,138,.17),transparent 65%);filter:blur(60px);animation:ogo1 17s ease-in-out infinite alternate}
main.cp .c3-a:after,main.cp .c3-b:after,main.cp .c3-c:after{content:"";position:absolute;z-index:-1;width:42vw;height:42vw;right:-10vw;bottom:-10vw;border-radius:50%;background:radial-gradient(circle,rgba(70,190,175,.13),transparent 65%);filter:blur(60px);animation:ogo2 20s ease-in-out infinite alternate}
/* A: Inside the classroom */
main.cp .c3-a{grid-template-columns:1.15fr 1fr;gap:clamp(20px,4vw,64px);padding:clamp(48px,6vw,90px) clamp(16px,6vw,90px)}
main.cp .c3-a1{grid-row:1/3;clip-path:none!important;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;animation:og1 14s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(240,210,138,.55),0 40px 80px -30px #000;aspect-ratio:5/4}
main.cp .c3-a1 img{width:100%;height:100%;object-fit:cover}
main.cp .c3-a2{position:relative;border:0!important;background:none!important;transform:none!important;width:62%;justify-self:start;margin-left:clamp(0px,4vw,60px);aspect-ratio:1;border-radius:46% 54% 42% 58%/58% 42% 58% 42%;animation:og2 11s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(240,210,138,.55),0 0 36px rgba(160,110,255,.25);overflow:hidden}
main.cp .c3-a2 img{width:100%;height:100%;object-fit:cover}
main.cp .c3-a2 figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 20px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;text-align:center;font:400 .85rem Michroma,sans-serif}
/* B: Build it, code it, play it */
main.cp .c3-b{grid-template-columns:1fr 1fr 1fr;gap:clamp(18px,3vw,50px);padding:clamp(48px,6vw,90px) clamp(16px,5vw,80px)}
main.cp .c3-b1,main.cp .c3-b2{clip-path:none!important;min-height:0;height:auto;aspect-ratio:4/5;box-shadow:0 0 0 1px rgba(240,210,138,.5),0 30px 60px -28px #000}
main.cp .c3-b1{border-radius:50% 50% 8% 50%/42% 42% 8% 58%;animation:og2 13s ease-in-out infinite alternate}
main.cp .c3-b2{border-radius:50% 8% 50% 50%/58% 8% 42% 42%;animation:og1 15s ease-in-out infinite alternate;margin-top:clamp(20px,5vw,70px)}
main.cp .c3-b1 img,main.cp .c3-b2 img{transition:transform 1.2s}main.cp .c3-b1:hover img,main.cp .c3-b2:hover img{transform:scale(1.07)}
main.cp .c3-bt{text-align:center}
/* C: Subjects come alive */
main.cp .c3-c{padding:clamp(48px,6vw,90px) clamp(16px,6vw,90px)}
main.cp .c3-c .c3-c1{border-radius:58% 42% 55% 45%/48% 56% 44% 52%!important;animation:og1 13s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(240,210,138,.55),0 40px 80px -30px #000}
@media(max-width:900px){main.cp .c3-a{grid-template-columns:1fr}main.cp .c3-a1{grid-row:auto}main.cp .c3-a2{width:70%;margin-inline:auto;justify-self:center}main.cp .c3-b{grid-template-columns:1fr}main.cp .c3-b1,main.cp .c3-b2{max-width:340px;margin:0 auto}main.cp .c3-c{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){main.cp .c3-poster,main.cp .c3-a1,main.cp .c3-a2,main.cp .c3-b1,main.cp .c3-b2,main.cp .c3-c .c3-c1,main.cp .c3-a:before,main.cp .c3-a:after,main.cp .c3-b:before,main.cp .c3-b:after,main.cp .c3-c:before,main.cp .c3-c:after{animation:none!important}}
main.cp .c3-a2 figcaption{display:none}main.cp .c3-a2{width:56%}
/* PEGT hero v4: clean, no strip, organic photo */
.pg-h .pg-h-i{filter:blur(2px) saturate(.75) brightness(.55);animation:pgz 22s ease-out forwards}
.pg-h .pg-scan{display:none}
.pg-h .pg-h-v{background:linear-gradient(90deg,rgba(5,7,14,.94) 0%,rgba(5,7,14,.78) 50%,rgba(5,7,14,.35) 100%),linear-gradient(180deg,rgba(5,7,14,.5),transparent 25%,rgba(5,7,14,.9))}
.pg-h:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,#d4a843 20%,#f0d28a 50%,#d4a843 80%,transparent)}
.pg-h .pg-kick{background:none!important;color:#f0d28a!important;padding:0!important;margin:0 0 12px;max-width:60ch!important;font-size:.78rem;letter-spacing:.2em;line-height:1.6;border-left:3px solid #d4a843;padding-left:14px!important}
.pg-h .pg-t{margin:10px 0 6px}
.pg-h .pg-sub{margin:0 0 10px;text-shadow:0 2px 16px #000}
.pg-h .wrap{padding-bottom:clamp(40px,6vw,80px)}
.pg-h .pg-sign{transform:none;bottom:clamp(40px,6vw,90px);width:clamp(210px,24vw,340px)}
.pg-h .pg-sign:hover{transform:translateY(-6px)}
.pg-h .pg-sign-i{border:0;aspect-ratio:1;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;animation:og1 12s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(240,210,138,.65),0 0 44px rgba(240,210,138,.28),0 30px 60px -20px #000}
.pg-h .pg-sign figcaption{display:none}
@media(prefers-reduced-motion:reduce){.pg-h .pg-sign-i{animation:none}}
@media(max-width:820px){.pg-h .pg-sign{width:min(60vw,260px)}}
/* WESCO SUMMIT */
.sm{background:#05070d;color:#fff}.sm .sm-h2{font:400 clamp(1.7rem,4vw,3.2rem)/1.1 Michroma,sans-serif;color:#fff;margin:0 0 14px;animation:none;transform:none;opacity:1}
.sm-p{color:#d7dcea;line-height:1.65;max-width:62ch}
.sm-h{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:130px 0 80px}
.sm-h-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:brightness(.62) saturate(1.05);animation:smz 24s ease-out forwards}
@keyframes smz{from{transform:scale(1.14)}to{transform:scale(1)}}
.sm-h-v{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,13,.92),rgba(5,7,13,.6) 55%,rgba(5,7,13,.25)),linear-gradient(180deg,rgba(5,7,13,.5),transparent 30%,#05070d)}
.sm-bm{position:absolute;top:-10%;width:18vw;height:130%;z-index:-1;background:linear-gradient(180deg,rgba(240,210,138,.22),transparent 75%);transform-origin:top;filter:blur(18px);mix-blend-mode:screen;pointer-events:none}
.sm-b1{left:55%;rotate:14deg;animation:smb 9s ease-in-out infinite alternate}.sm-b2{left:68%;rotate:-6deg;opacity:.7;animation:smb 12s ease-in-out infinite alternate-reverse}.sm-b3{left:82%;rotate:-18deg;opacity:.55;animation:smb 15s ease-in-out infinite alternate}
@keyframes smb{from{rotate:calc(var(--r,0deg) - 5deg)}to{rotate:calc(var(--r,0deg) + 8deg)}}
.sm-b1{--r:14deg}.sm-b2{--r:-6deg}.sm-b3{--r:-18deg}
.sm-hc{position:relative}
.sm-kick{margin:0 0 12px;color:#f0d28a;letter-spacing:.24em;text-transform:uppercase;font-size:.8rem;border-left:3px solid #d4a843;padding-left:14px}
.sm-t{font:400 clamp(3rem,10vw,8.4rem)/.95 Michroma,sans-serif;margin:6px 0 8px;color:#fff;letter-spacing:-.01em;text-shadow:0 8px 50px rgba(0,0,0,.6);background:linear-gradient(100deg,#fff 45%,#f0d28a 70%,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:smsh 8s ease-in-out infinite alternate}
@keyframes smsh{to{background-position:-100% 0}}
.sm-sub{font:400 clamp(1.1rem,2.4vw,1.8rem)/1.2 Michroma,sans-serif;color:#f0d28a;margin:0 0 14px}
.sm-w{display:grid;height:1.5em;margin:0 0 14px;font:400 clamp(1rem,1.6vw,1.2rem) Michroma,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.sm-w span{grid-area:1/1;opacity:0;translate:0 .6em;animation:smw 12.5s infinite;animation-delay:calc(var(--i)*2.5s)}
@keyframes smw{0%{opacity:0;translate:0 .6em}4%,16%{opacity:1;translate:0 0}20%,100%{opacity:0;translate:0 -.6em}}
.sm-lede{max-width:56ch;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;color:#eef1f8;text-shadow:0 2px 16px #000}
.sm-n{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,60px);margin-top:30px}
.sm-n div{border-left:2px solid #d4a843;padding-left:16px}.sm-n b{display:block;font:400 clamp(2.2rem,5vw,3.8rem)/1 Michroma,sans-serif;color:#d4a843}.sm-n span{display:block;margin-top:4px;color:#dbe3f2;font-size:.9rem}
.sm-h:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#d4a843 20%,#f0d28a 50%,#d4a843 80%,transparent)}
.sm-tr{padding:clamp(56px,8vw,110px) 0 0;background:radial-gradient(ellipse at 80% 0,rgba(212,168,67,.12),transparent 55%),#05070d}
.sm-ac{display:flex;height:clamp(460px,60vh,620px);margin-top:30px;gap:0}
.sm-pn{position:relative;flex:1;overflow:hidden;isolation:isolate;cursor:pointer;transition:flex 1s cubic-bezier(.2,.8,.2,1);outline:0;border-left:1px solid rgba(240,210,138,.3)}
.sm-pn.on{flex:4.4}
.sm-pn:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover;transition:transform 1.4s,filter .8s;filter:brightness(.45) saturate(.8)}
.sm-pn.on:before{transform:scale(1.06);filter:brightness(.8)}
.sm-pn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,13,.1),rgba(5,7,13,.88))}
.sm-pn-n{position:absolute;top:18px;left:20px;font:400 1rem Michroma,sans-serif;color:#f0d28a}
.sm-pn-t{position:absolute;left:0;right:0;bottom:0;padding:24px clamp(16px,2.4vw,34px)}
.sm-pn small{display:block;letter-spacing:.2em;text-transform:uppercase;color:#f0d28a;font-size:.8rem;white-space:nowrap}
.sm-pn h3{font:400 clamp(1.1rem,2.4vw,2rem)/1.15 Michroma,sans-serif;margin:8px 0 0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:clip}
.sm-pn p{margin:10px 0 0;max-width:46ch;color:#e6ecf8;line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height .8s,opacity .8s .2s}
.sm-pn.on p{max-height:200px;opacity:1}.sm-pn.on h3{white-space:normal}
.sm-dy{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,10vw,140px) 0}
.sm-dy-i{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sm-dy-v{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,13,.94),rgba(5,7,13,.7) 60%,rgba(5,7,13,.4))}
.sm-dl{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);max-width:980px}
.sm-dl li{border-top:2px solid #d4a843;padding-top:16px}.sm-dl small{color:#f0d28a;letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.sm-dl h3{font:400 clamp(1.2rem,2.2vw,1.7rem)/1.15 Michroma,sans-serif;margin:8px 0;color:#fff}.sm-dl p{margin:0;color:#e0e6f2;line-height:1.6}
.sm-th{display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(120deg,#08101f,#05070d)}
.sm-th-f{margin:0;position:relative;overflow:hidden;min-height:560px;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.sm-th-f img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.sm-th-t{padding:clamp(40px,6vw,90px) clamp(20px,5vw,70px)}
.sm-th ol{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.sm-th li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(240,210,138,.22);color:#eef1f8;font-size:1.05rem;transition:padding-left .4s,color .4s}
.sm-th li:hover{padding-left:12px;color:#f0d28a}
.sm-th li b{font:400 1.2rem/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #d4a843}
.sm-ho{position:relative;overflow:hidden;isolation:isolate;padding:clamp(60px,9vw,120px) 0;background:#05070d}
.sm-o{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none}
.sm-o1{width:44vw;height:44vw;left:-10vw;top:-8vw;background:radial-gradient(circle,rgba(240,210,138,.18),transparent 65%);animation:c2o1 17s ease-in-out infinite alternate}
.sm-o2{width:40vw;height:40vw;right:-10vw;bottom:-8vw;background:radial-gradient(circle,rgba(70,190,175,.14),transparent 65%);animation:c2o2 20s ease-in-out infinite alternate}
.sm-hog{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px)}
.sm-pp{border-left:3px solid #d4a843;padding-left:18px;margin-top:20px}.sm-pp h3{margin:0 0 6px;font:400 1.15rem Michroma,sans-serif;color:#fff}.sm-pp p{margin:0;color:#dbe3f2;line-height:1.6}
.sm-hl{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}.sm-hl li{padding:0 0 14px 22px;border-bottom:1px solid rgba(255,255,255,.14);position:relative;color:#eef1f8;line-height:1.5}.sm-hl li:before{content:"";position:absolute;left:0;top:.6em;width:10px;height:2px;background:#d4a843}
.sm-end{position:relative;isolation:isolate;overflow:hidden;text-align:center}.sm-end-i{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.sm-end-v{position:absolute;inset:0;z-index:-1;background:rgba(5,7,13,.8)}
@media(max-width:900px){.sm-ac{flex-direction:column;height:auto}.sm-pn{flex:none;height:110px;border-left:0;border-top:1px solid rgba(240,210,138,.3)}.sm-pn.on{height:340px}.sm-dl,.sm-th,.sm-hog{grid-template-columns:1fr}.sm-th-f{min-height:260px;clip-path:none}.sm-bm{display:none}}
@media(prefers-reduced-motion:reduce){.sm-h-i,.sm-bm,.sm-t,.sm-o{animation:none!important}.sm-w span{animation:none;opacity:0}.sm-w span:first-child{opacity:1}.sm-t{-webkit-text-fill-color:#fff;background:none}}
.sm-dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.sm-spot{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%),rgba(240,210,138,.16),transparent 70%);mix-blend-mode:screen}
.sm-pn:not(.on) .sm-pn-t{padding:0}.sm-pn:not(.on) h3{display:none}
.sm-pn:not(.on) small{position:absolute;left:50%;bottom:24px;writing-mode:vertical-rl;rotate:180deg;translate:50% 0;font-size:.9rem;letter-spacing:.3em;color:#fff}
.sm-pn:hover:not(.on):before{filter:brightness(.7)}
.sm-pn.on:after{background:linear-gradient(180deg,transparent 30%,rgba(5,7,13,.92))}
.sm-pn.on{box-shadow:inset 0 0 0 1px rgba(240,210,138,.55)}
@media(max-width:900px){.sm-pn:not(.on) small{writing-mode:horizontal-tb;rotate:0deg;translate:0;position:static;padding:0 20px;line-height:110px}}
.sm-pn:not(.on) small{font-size:.74rem;letter-spacing:.2em;bottom:60px}
/* Summit hero v2 */
.sm-t{font-size:clamp(2.6rem,7.2vw,6.2rem)!important;line-height:1.02;margin:10px 0 20px!important;white-space:nowrap;background:linear-gradient(100deg,#fff 0%,#fff 42%,#f6dc8a 50%,#fff 58%,#fff 100%)!important;background-size:250% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent;animation:smsh2 7s ease-in-out infinite!important}
@keyframes smsh2{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.sm-sub{margin:0 0 26px!important;font-size:clamp(1rem,2vw,1.5rem)!important}
.sm-w{margin:0 0 22px!important;height:1.8em;align-items:center;display:grid}
.sm-w:before{content:"";grid-area:1/1;width:44px;height:1px;background:#d4a843;align-self:center;margin-right:16px}
.sm-w{grid-template-columns:auto 1fr;column-gap:16px}.sm-w:before{grid-area:1/1}.sm-w span{grid-area:1/2;color:#fff;font-size:clamp(.95rem,1.4vw,1.15rem)}
.sm-lede{margin-top:0!important}
.sm-kick{margin-bottom:18px!important}
@media(max-width:520px){.sm-t{font-size:2.3rem!important}}
@keyframes smw{0%{opacity:0;translate:0 .6em}3%,17%{opacity:1;translate:0 0}20%,100%{opacity:0;translate:0 -.6em}}
.sm-w span{animation-duration:12.5s!important;animation-timing-function:ease!important}
/* Executive office: Leadership + Contact */
.lx-ex{position:relative;overflow:hidden;isolation:isolate;padding:clamp(34px,5vw,64px) 0}
.lx-ex-o{position:absolute;z-index:-1;width:40vw;height:40vw;left:30%;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(240,210,138,.12),transparent 65%);filter:blur(60px)}
.lx-ex-g{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center;border-top:1px solid rgba(240,210,138,.35);padding-top:clamp(22px,3vw,40px)}
.lx-ex-k{margin:0 0 8px;color:#f0d28a;letter-spacing:.24em;text-transform:uppercase;font-size:.78rem}
.lx-ex-t h2{font:400 clamp(1.3rem,2.6vw,2rem)/1.2 Michroma,sans-serif;margin:0 0 10px;color:#fff}.lx-ex-t p:last-child{margin:0;color:#d7dcea;line-height:1.6;max-width:52ch}
.lx-ex-p{display:flex;gap:clamp(20px,4vw,52px);flex-wrap:wrap}
.lx-ex-i{display:grid;justify-items:start;gap:2px;text-decoration:none;color:#fff;transition:transform .5s}
.lx-ex-i:hover{transform:translateY(-4px)}
.lx-ex-f{display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;margin-bottom:10px;box-shadow:0 0 0 1px rgba(240,210,138,.65),0 0 28px rgba(240,210,138,.22)}
.lx-ex-f img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}.lx-ex-i:hover img{transform:scale(1.08)}
.lx-ex-i strong{font:400 1rem Michroma,sans-serif}.lx-ex-i em{font-style:normal;color:#f0d28a;font-size:.85rem}.lx-ex-e{color:#dbe3f2;font-size:.85rem;border-bottom:1px solid rgba(240,210,138,.5)}
.ct-tm{margin-top:clamp(18px,3vw,30px);padding-top:18px;border-top:1px solid rgba(240,210,138,.35)}.ct-tm h3{margin:0 0 6px;font:400 1.05rem Michroma,sans-serif;color:#fff}.ct-tm p{margin:0 0 14px;color:#d7dcea;line-height:1.55;font-size:.95rem}
.ct-tm-l{display:grid;gap:14px}.ct-tm-l a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;text-decoration:none;color:#fff}
.ct-tm-f{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.65)}.ct-tm-f img{width:100%;height:100%;object-fit:cover;display:block}
.ct-tm-l strong{display:block;font-size:1rem}.ct-tm-l em{display:block;font-style:normal;color:#f0d28a;font-size:.82rem}.ct-tm-l small{display:block;color:#dbe3f2;font-size:.84rem}
@media(max-width:820px){.lx-ex-g{grid-template-columns:1fr}}
/* SUMMIT additions */
.sm-k{margin:0 0 10px;color:#f0d28a;letter-spacing:.24em;text-transform:uppercase;font-size:.8rem}
.sm-pt{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}.sm-pt li{position:relative;padding-left:26px;color:#eef1f8;line-height:1.5}.sm-pt li:before{content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;background:#d4a843}
.sm-st{position:relative;overflow:hidden;isolation:isolate;padding:clamp(60px,9vw,130px) 0;background:#06070b}
.sm-st-b{position:absolute;z-index:-1;top:-30%;left:5%;width:28vw;height:160%;background:linear-gradient(180deg,rgba(240,210,138,.2),transparent 70%);filter:blur(26px);rotate:12deg;transform-origin:top;mix-blend-mode:screen;animation:smb 11s ease-in-out infinite alternate;--r:12deg}
.sm-st-g{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.sm-st-f{position:relative;margin:0;aspect-ratio:5/4;border-radius:0 120px 0 120px;overflow:visible;box-shadow:0 40px 90px -30px #000}
.sm-st-i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0 120px 0 120px;box-shadow:0 0 0 1px rgba(240,210,138,.55);animation:smkb 22s ease-in-out infinite alternate}
@keyframes smkb{from{transform:scale(1)}to{transform:scale(1.06)}}
.sm-st-sw{position:absolute;inset:0;border-radius:0 120px 0 120px;overflow:hidden;pointer-events:none}
.sm-st-sw:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-50%;background:linear-gradient(100deg,transparent,rgba(240,210,138,.22),transparent);transform:skewX(-16deg);animation:smsw 7s ease-in-out infinite}
@keyframes smsw{0%,20%{left:-50%}70%,100%{left:130%}}
.sm-st-c{position:absolute;right:-8%;bottom:-12%;width:44%;aspect-ratio:1;margin:0;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.7),0 0 50px rgba(240,210,138,.3),0 30px 60px -20px #000;animation:og1 12s ease-in-out infinite alternate,smfl 8s ease-in-out infinite alternate;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
@keyframes smfl{to{translate:0 -14px}}
.sm-st-c img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.sm-rm{position:relative;overflow:hidden;isolation:isolate;padding:clamp(90px,13vw,200px) 0;text-align:center}
.sm-rm-i{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:brightness(.55) saturate(.9)}
.sm-rm-v{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at center,rgba(5,7,13,.35),rgba(5,7,13,.9) 80%),linear-gradient(180deg,#06070b,transparent 25%,transparent 75%,#06070b)}
.sm-rm-l{position:absolute;left:0;right:0;height:120px;top:-120px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(240,210,138,.08),transparent);animation:c2sc 10s linear infinite}
.sm-rm .sm-p{margin-inline:auto;color:#eef1f8;font-size:1.1rem}.sm-rm-h{max-width:20ch;margin-inline:auto!important;text-shadow:0 6px 40px #000}
.sm-bz{position:relative;overflow:hidden;isolation:isolate;padding:clamp(60px,9vw,130px) 0;background:#05070d}
.sm-bz-g{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.sm-bz-p{position:relative;min-height:clamp(420px,46vw,600px)}
.sm-bz-p figure{position:absolute;margin:0;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.55),0 40px 80px -30px #000;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s,box-shadow .5s}
.sm-bz-p figure:hover{box-shadow:0 0 0 1px #f0d28a,0 0 50px rgba(240,210,138,.3),0 40px 80px -30px #000}
.sm-bz-p img{width:100%;height:100%;object-fit:cover;display:block}
.sm-bz-p figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.82));font:400 .8rem Michroma,sans-serif;color:#fff}
.sm-bz-a{left:0;top:0;width:62%;aspect-ratio:4/5;border-radius:50% 50% 8% 50%/42% 42% 8% 58%;animation:og2 13s ease-in-out infinite alternate}
.sm-bz-b{right:0;bottom:0;width:58%;aspect-ratio:1;border-radius:50% 8% 50% 50%/58% 8% 42% 42%;animation:og1 15s ease-in-out infinite alternate}
.sm-bz-ln{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.sm-bz-ln path{fill:none;stroke:#f0d28a;stroke-width:1.5;stroke-dasharray:.04 .03;vector-effect:non-scaling-stroke;opacity:.8;animation:smdash 3s linear infinite}
@keyframes smdash{to{stroke-dashoffset:-.07}}
.sm-ad{position:relative;overflow:hidden;isolation:isolate;padding:clamp(70px,10vw,140px) 0}
.sm-ad-i{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.5) saturate(.85)}
.sm-ad-v{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,13,.96),rgba(5,7,13,.8) 55%,rgba(5,7,13,.6))}
.sm-ad-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:start}
.sm-ad-h{position:sticky;top:110px}
.sm-ad-l{list-style:none;margin:0;padding:0;display:grid;gap:0}
.sm-ad-l li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:22px 0;border-top:1px solid rgba(240,210,138,.3);position:relative;transition:padding-left .5s}
.sm-ad-l li:before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:#f0d28a;transition:width .8s}
.sm-ad-l li:hover{padding-left:14px}.sm-ad-l li:hover:before{width:100%}
.sm-ad-l b{font:400 1.6rem/1 Michroma,sans-serif;color:transparent;-webkit-text-stroke:1px #d4a843}
.sm-ad-l small{color:#f0d28a;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.sm-ad-l h3{font:400 clamp(1.1rem,1.9vw,1.45rem)/1.2 Michroma,sans-serif;margin:6px 0;color:#fff}.sm-ad-l p{margin:0;color:#dbe3f2;line-height:1.6}
@media(max-width:900px){.sm-st-g,.sm-bz-g,.sm-ad-g{grid-template-columns:1fr}.sm-st-c{right:0;bottom:-8%}.sm-ad-h{position:static}.sm-bz-p{min-height:420px}}
@media(prefers-reduced-motion:reduce){.sm-st-b,.sm-st-i,.sm-st-sw:after,.sm-st-c,.sm-rm-l,.sm-bz-a,.sm-bz-b,.sm-bz-ln path{animation:none!important}}
.sm-bz-p figcaption{display:none}
/* Why take part: visual that follows the list */
.sm-vw{position:relative;margin-top:clamp(22px,3vw,40px);width:min(100%,440px);aspect-ratio:1/.9}
.sm-vw figure{position:absolute;margin:0;overflow:hidden}
.sm-vw-a{left:0;top:0;width:80%;height:82%;border-radius:0 90px 0 90px;box-shadow:0 0 0 1px rgba(240,210,138,.6),0 40px 80px -30px #000}
.sm-vw-b{right:0;bottom:0;width:42%;aspect-ratio:1;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;box-shadow:0 0 0 1px rgba(240,210,138,.7),0 0 36px rgba(240,210,138,.28);animation:og1 11s ease-in-out infinite alternate,smfl 7s ease-in-out infinite alternate;z-index:2}
.sm-vw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.14;transition:opacity 1s,scale 7s linear}
.sm-vw img.on{opacity:1;scale:1}
.sm-vw-sw{position:absolute;top:0;bottom:0;width:30%;left:-50%;background:linear-gradient(100deg,transparent,rgba(240,210,138,.2),transparent);transform:skewX(-16deg);animation:smsw 6s ease-in-out infinite;z-index:2}
.sm-vw-n{position:absolute;left:0;bottom:0;margin:0;font:400 .85rem Michroma,sans-serif;color:#dbe3f2;display:flex;align-items:center;gap:10px}
.sm-vw-n b{font-size:1.5rem;color:#f0d28a}
.sm-vw-n i{display:block;width:70px;height:2px;background:rgba(240,210,138,.25);position:relative}.sm-vw-n i:after{content:"";position:absolute;inset:0;background:#f0d28a;transform-origin:left;transform:scaleX(var(--p,.16));transition:transform .8s}
.sm-vw-c{position:absolute;left:0;bottom:30px;margin:0}.sm-vw-c span{display:inline-block;padding:0;color:#f0d28a;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem}
@media(max-width:900px){.sm-vw{display:none}}
@media(prefers-reduced-motion:reduce){.sm-vw img{transition:opacity .3s;scale:1}.sm-vw-b,.sm-vw-sw{animation:none}}

/* Leadership: living visual under the "Chosen" lede */
.lvw-l{position:sticky;top:96px}
.lvw-orb{position:relative;width:min(100%,240px);aspect-ratio:1;margin:clamp(22px,3vw,40px) 0 0 0;--a:0deg}
.lvw-r{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(240,210,138,.28)}
.lvw-r.r1{inset:4%;animation:lvwsp 60s linear infinite;border-style:dashed}
.lvw-r.r2{inset:22%;border-color:rgba(240,210,138,.4);animation:lvwsp 40s linear infinite reverse}
.lvw-r.r3{inset:38%;border-color:rgba(120,170,255,.35);box-shadow:0 0 40px rgba(240,210,138,.12) inset}
.lvw-ln{position:absolute;left:50%;top:50%;width:46%;height:1px;transform-origin:0 50%;transform:rotate(var(--a));background:linear-gradient(90deg,rgba(240,210,138,.8),transparent);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.lvw-sy{position:absolute;left:50%;top:50%;width:21%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(240,210,138,.4));animation:lvwbr 5s ease-in-out infinite}
.lvw-p{position:absolute;margin:0;width:23%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(240,210,138,.55),0 0 24px rgba(0,0,0,.5);filter:grayscale(.7) brightness(.7);transition:filter .8s,transform .8s,box-shadow .8s;animation:lvwfl 7s ease-in-out infinite}
.lvw-p img{width:100%;height:100%;object-fit:cover;display:block}
.lvw-p.on{filter:none;transform:scale(1.18);box-shadow:0 0 0 2px #f0d28a,0 0 38px rgba(240,210,138,.55);z-index:2}
.lvw-p.p1{left:38%;top:0}.lvw-p.p2{right:0;top:40%;animation-delay:-2s}.lvw-p.p3{left:38%;bottom:0;animation-delay:-4s}.lvw-p.p4{left:0;top:40%;animation-delay:-1s}
.lvw-c{position:absolute;left:0;bottom:-6px;margin:0;font:400 .85rem Michroma,sans-serif;color:#c9d2e6}.lvw-c b{color:#f0d28a;font-size:1.5rem;font-weight:400}
.lvw-c span{display:block;margin-top:6px;width:90px;height:2px;background:rgba(255,255,255,.15);position:relative}.lvw-c span:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--p,20%);background:#f0d28a;transition:width .8s}
@keyframes lvwsp{to{transform:rotate(360deg)}}@keyframes lvwbr{50%{transform:translate(-50%,-50%) scale(1.07)}}@keyframes lvwfl{50%{translate:0 -8px}}
@media(max-width:860px){.lvw-l{position:static}.lvw-orb{width:min(70%,220px)}}
@media(prefers-reduced-motion:reduce){.lvw-r,.lvw-sy,.lvw-p{animation:none}}

/* Orb discreto: 5 nós com ícones, um por critério da lista */
.lvw-n{position:absolute;width:20%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0a1020;color:rgba(240,210,138,.5);box-shadow:0 0 0 1px rgba(240,210,138,.28);transition:color .6s,box-shadow .6s,transform .6s,background .6s}
.lvw-n svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lvw-n.on{color:#f0d28a;background:#0d1630;box-shadow:0 0 0 1.5px #f0d28a,0 0 18px rgba(240,210,138,.4);transform:scale(1.12);z-index:2}
.lvw-n.n1{left:40%;top:0}
.lvw-n.n2{left:78%;top:27.6%}
.lvw-n.n3{left:63.5%;top:72.4%}
.lvw-n.n4{left:16.5%;top:72.4%}
.lvw-n.n5{left:2%;top:27.6%}

/* Remove a cortina (logo) de transição entre páginas */
.curtain{display:none!important}