/* ============================================================
CAMIC 2027 · site.css
Brand: parchment ground, charcoal + gold ribbons, faint sepia motifs
(Great Wall left / Africa + elephant right). Light is the brand
default; dark tokens keep the same materials on a charcoal ground.
============================================================ */
:root{
--bg:#FAF0E8; --bg2:#F1E5D3; --panel:#FFFDF9; --ink:#1C1B1A; --ink2:#4A443C; --mute:#8A8072; --line:#DCCFB9;
--gold:#C9A04A; --gold-deep:#9A7328; --gold-light:#F3D98B; --gold-soft:rgba(201,160,74,.16);
--char:#191A1B; --char2:#24231F; --char-line:rgba(243,217,139,.18); --on-char:#F3EBDD; --on-char-mute:#B7AE9C;
--metal:linear-gradient(135deg,#8C6420 0%,#F3D98B 42%,#C9A04A 58%,#7A561A 100%);
--shadow:0 18px 40px -24px rgba(50,35,10,.35);
--display:"Source Serif 4","Noto Serif SC",Georgia,serif;
--label:"Source Sans 3","Noto Sans SC",system-ui,-apple-system,sans-serif;
--body:"Source Sans 3","Noto Sans SC",system-ui,-apple-system,sans-serif;
--wrap:1280px; --gutter:28px; --radius:3px; --nav-h:76px;
--motif-op:.55;
}
:root{color-scheme:only light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
html[data-lang="zh"] body{font-family:"Noto Sans SC",var(--body)}
html[data-lang="zh"] h1,html[data-lang="zh"] h2,html[data-lang="zh"] h3,html[data-lang="zh"] .display{font-family:"Noto Serif SC",var(--display);letter-spacing:0}
html[data-lang="zh"] .eyebrow,html[data-lang="zh"] .label{font-family:"Noto Sans SC",var(--body);letter-spacing:.18em;font-weight:600}
html[data-lang="zh"] .hero h1 .accent,html[data-lang="zh"] em,html[data-lang="zh"] i{font-style:normal}
html[data-lang="zh"] .facts b{font-size:26px}
html[data-lang="zh"] :is(.kicker,.kv dt,.tier .price,.benefits th,.post .meta,.logos div,.flow b,.agenda .type,.journey .step b,.outcomes b,.stat span,.steps li,.person em,.hero .sub small,.crumbs){font-family:"Noto Sans SC",var(--body);font-size:12.5px;letter-spacing:.12em;font-weight:600}
html[data-lang="zh"] .eyebrow{text-transform:none}
html[data-lang="zh"] .tbc{font-family:var(--label);font-weight:600}
html[data-lang="zh"] :is(.card p,.banner .lede,.card h3,.numlist span){text-wrap:balance}
html[data-lang="zh"] .banner h1{max-width:14em}
html[data-lang="zh"] .hero h1{max-width:14em;font-size:clamp(34px,4.4vw,58px)}
html[data-lang="zh"] .hero h1 .accent{display:block;font-size:.9em}
html[data-lang="zh"] .sec-head h2{max-width:22em}
html[data-lang="zh"] .sec-head.center h2{margin-inline:auto}
html[data-lang="zh"] .sec-head .lede{max-width:42em}
html[data-lang="zh"] .hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.25}
html[data-lang="zh"] h2{line-height:1.3}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.005em}
/* every display numeral uses lining figures */
h1,h2,h3,.display,.num,.stat b,.facts b,.tier .qty b,.numlist>li::before,.steps li::before,.journey .step i,.agenda .time,.done .badge,.ring .core b,.tier .name,.country b,.person b,.pull,.empty b,.prose blockquote,.step-panel legend,.card h3,.teaser .card h3,footer .brand-col p{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
h1{font-size:clamp(40px,5.2vw,68px)}
h2{font-size:clamp(34px,3.9vw,54px)}
h3{font-size:24px}
h4{font-size:19px;font-family:var(--body);font-weight:600}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.narrow{max-width:760px}
.eyebrow,.label{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--gold)}
.lede{font-size:20px;color:var(--ink2);max-width:60ch;text-wrap:pretty;line-height:1.6}
.display{font-family:var(--display)}
.gold{color:var(--gold-deep)}
.num{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}
.rule{width:72px;height:2px;background:var(--metal);margin:20px 0 0}
.tbc{display:inline-block;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.14em;padding:2px 8px;border:1px dashed var(--gold-deep);color:var(--gold-deep);border-radius:2px;vertical-align:middle;text-transform:uppercase}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ---------- ribbons (charcoal band with gold hairline) ---------- */
.ribbon{display:block;width:100%;height:auto;pointer-events:none}
.ribbon path.band{fill:var(--char)}
.ribbon path.hair{fill:none;stroke:url(#rg);stroke-width:2.2}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:var(--radius);font-weight:600;font-size:15px;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s;white-space:nowrap}
.btn--primary{background:var(--metal);color:#1C1408;box-shadow:0 8px 20px -12px rgba(154,115,40,.8)}
.btn--primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-110%);transition:transform .6s}
.btn--primary:hover::after{transform:translateX(110%)}
.btn--ghost{border-color:var(--gold);color:var(--gold-deep);background:transparent}
.btn--ghost:hover{background:var(--gold-soft)}
.btn--light{border-color:rgba(243,235,221,.55);color:var(--on-char);background:rgba(25,26,27,.25);backdrop-filter:blur(6px)}
.btn--light:hover{border-color:var(--gold-light);color:var(--gold-light)}
.btn--dark{background:var(--char);color:var(--on-char)}
.btn:hover{transform:translateY(-1px)}
.btn--sm{padding:9px 16px;font-size:13.5px}
.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:32px}
.sec-head.center~.cta-row,.sec-head.center .cta-row{justify-content:center}
.acc+.cta-row{margin-top:28px}
.cta-row+.eyebrow,.cta-row+.sec-head,.cta-row+h3,.cta-row+.grid{margin-top:48px}
.page{min-height:40vh}
.link{color:var(--gold-deep);font-weight:600;display:inline}
.link::after{content:"→";display:inline-block;margin-left:6px;transition:transform .18s}
.link:hover::after{transform:translateX(4px)}
/* ---------- portal bar (very top, every page) ---------- */
.portalbar{background:var(--metal);color:#1C1408;position:relative;overflow:hidden;z-index:61}
.portalbar::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-120%);animation:sheen 7s ease-in-out infinite;pointer-events:none}
.portalbar .wrap{display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding-block:6px;flex-wrap:wrap}
.portalbar .label{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.portalbar .label small{display:block;font-family:var(--body);font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:#3E2C0C}
.portalbar a{display:inline-flex;align-items:center;gap:8px;background:#1C1408;color:var(--gold-light);padding:7px 16px;border-radius:2px;font-size:13.5px;font-weight:600;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(0,0,0,.7);transition:transform .18s}
.portalbar a:hover{transform:translateY(-1px);background:#000}
.btn--portal{border-color:var(--gold-light);color:var(--gold-light);background:rgba(25,26,27,.5);backdrop-filter:blur(6px)}
.btn--portal:hover{background:var(--gold-light);color:#1C1408}
@media (max-width:600px){.portalbar .label{font-size:10.5px;letter-spacing:.12em;flex:1;min-width:0;line-height:1.35}.portalbar .label small{display:none}.portalbar .wrap{gap:10px;justify-content:space-between;flex-wrap:nowrap}.portalbar a{padding:7px 12px;font-size:12.5px}.hero .cta-row .btn{flex:1 1 calc(50% - 7px)}.hero .cta-row .btn--portal{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.portalbar::before{animation:none}}
/* ---------- portal feature (home) ---------- */
.portal-visual{display:grid;place-items:center;gap:16px;background:var(--char);color:var(--on-char);padding:56px 40px;border-radius:3px;position:relative;box-shadow:var(--shadow);text-align:center;transition:transform .2s}
.portal-visual::before{content:"";position:absolute;inset:10px;border:1px solid var(--char-line);border-radius:2px;pointer-events:none}
.portal-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 40%,rgba(243,217,139,.18),transparent 70%);pointer-events:none}
.portal-visual img{width:min(300px,70%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));position:relative;z-index:1}
.portal-visual .label{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);position:relative;z-index:1}
.portal-visual__btn{display:inline-block;background:var(--metal);color:#1C1408;padding:10px 22px;border-radius:2px;font-weight:600;font-size:14px;position:relative;z-index:1}
.portal-visual:hover{transform:translateY(-3px)}
.topbar .btn--ghost{border-color:var(--gold-deep);color:var(--gold-deep)}
body[data-page="home"] .topbar:not(.is-scrolled) .btn--ghost{border-color:var(--gold-light);color:var(--gold-light)}
/* ---------- top bar ---------- */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.topbar.is-scrolled{border-bottom-color:var(--line)}
body[data-page="home"] .topbar:not(.is-scrolled){background:linear-gradient(180deg,rgba(25,26,27,.55),rgba(25,26,27,0));color:var(--on-char);text-shadow:0 1px 10px rgba(0,0,0,.45)}
body[data-page="home"] .topbar:not(.is-scrolled) .btn{text-shadow:none}
body[data-page="home"] .topbar:not(.is-scrolled) .menu>li>a{color:var(--on-char)}
body[data-page="home"] .topbar:not(.is-scrolled) .btn--ghost{border-color:rgba(243,217,139,.7);color:var(--gold-light)}
body[data-page="home"] .topbar:not(.is-scrolled) .lang button{color:var(--on-char-mute)}
body[data-page="home"] .topbar:not(.is-scrolled) .lang button[aria-pressed="true"]{color:var(--gold-light)}
body[data-page="home"] .topbar:not(.is-scrolled) .burger span{background:var(--on-char)}
.topbar>.wrap{display:flex;align-items:center;gap:18px;height:var(--nav-h);flex-wrap:nowrap}
.topbar nav{flex-shrink:1;min-width:0}
.brand{display:flex;align-items:center;margin-right:auto;min-width:0}
.lang,.nav-cta,.burger{flex-shrink:0}
.brand img{height:44px;width:auto}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.menu>li{position:relative}
.menu>li>a{display:block;padding:10px 12px;font-weight:600;font-size:14.5px;border-radius:2px;color:var(--ink);white-space:nowrap}
.menu>li>a.is-active{color:var(--gold-deep)}
.menu>li>a::after{content:"";display:block;height:1.5px;background:var(--gold);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.menu>li:hover>a::after,.menu>li>a.is-active::after{transform:scaleX(1)}
.menu>li>a.is-flag{font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;padding-left:18px;position:relative}
.menu>li>a.is-flag::before{content:"";position:absolute;left:4px;top:50%;width:7px;height:7px;background:var(--metal);transform:translateY(-50%) rotate(45deg)}
.menu>li>a.is-flag::after{transform:scaleX(1);height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.9}
.menu>li:hover>a.is-flag{filter:brightness(1.15)}
body[data-page="home"] .topbar:not(.is-scrolled) .menu>li>a.is-flag{background:linear-gradient(135deg,#F3D98B,#FFF4CC 50%,#C9A04A);-webkit-background-clip:text;background-clip:text;color:transparent}
.menu>li:hover .drop,.menu>li:focus-within .drop{opacity:1;visibility:visible;transform:none}
.lang{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.lang button{padding:6px 10px;font-size:12.5px;font-weight:600;background:transparent;border:0;cursor:pointer;color:var(--mute);letter-spacing:.06em;white-space:nowrap}
.lang button[aria-pressed="true"]{color:var(--gold-deep);background:var(--gold-soft)}
.nav-cta{display:flex;gap:10px}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{width:22px;height:2px;background:var(--ink);display:block;transition:.2s}
.drawer{position:fixed;inset:0;z-index:70;background:var(--char);color:var(--on-char);padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));overflow:auto;transform:translateX(100%);transition:transform .28s}
.drawer.is-open{transform:none}
.drawer .close{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:18px;width:44px;height:44px;border:1px solid var(--char-line);background:transparent;color:var(--on-char);border-radius:50%;font-size:20px;cursor:pointer}
.drawer .eyebrow{color:var(--gold-light)}
.drawer details{border-top:1px solid var(--char-line)}
.drawer summary{list-style:none;cursor:pointer;padding:16px 0;font-family:var(--display);font-size:26px;display:flex;justify-content:space-between}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";color:var(--gold-light)}
.drawer details[open] summary::after{content:"–"}
.drawer details a{display:block;padding:8px 0 8px 14px;color:var(--on-char-mute);border-left:1px solid var(--char-line)}
.drawer .drawer-cta{display:grid;gap:10px;margin-top:26px;position:sticky;bottom:0;padding-top:14px;background:var(--char)}
/* ---------- hero (home): video when configured, slow slideshow otherwise ---------- */
.hero{position:relative;min-height:min(96vh,980px);display:flex;align-items:flex-end;color:var(--on-char);background:var(--char);overflow:hidden;margin-top:calc(-1 * var(--nav-h))}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-media .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;transform:scale(1.02);filter:sepia(.18) saturate(.9)}
.hero-media .slide.is-active{opacity:1;animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(.85)}
.hero.has-video .slide{animation:none;transform:none}
.hero.has-video .slide:not(.is-active){display:none}
.hero.has-video .hero-shade{background:linear-gradient(180deg,rgba(25,26,27,.72) 0%,rgba(25,26,27,.42) 35%,rgba(25,26,27,.55) 60%,rgba(25,26,27,.96) 100%)}
.hero.has-video .hero-shade::after{background:linear-gradient(90deg,rgba(25,26,27,.78) 0%,rgba(25,26,27,.5) 40%,rgba(25,26,27,.12) 75%)}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(25,26,27,.62) 0%,rgba(25,26,27,.28) 35%,rgba(25,26,27,.45) 60%,rgba(25,26,27,.94) 100%)}
.hero-shade::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,26,27,.72) 0%,rgba(25,26,27,.45) 38%,rgba(25,26,27,0) 70%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-block:calc(var(--nav-h) + 40px) 96px}
.hero .eyebrow{color:var(--gold-light)}
.hero .eyebrow::before{background:var(--gold-light)}
.hero h1{max-width:30ch;font-size:clamp(38px,4.4vw,60px);color:#FBF6EC;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 .accent{display:block;font-size:.62em;line-height:1.2;margin-top:.18em;font-style:italic;font-weight:500;color:var(--gold-light);text-shadow:0 2px 24px rgba(0,0,0,.45)}
.hero .sub{margin-top:22px;font-size:clamp(17px,1.6vw,21px);color:var(--on-char);max-width:46ch;text-wrap:pretty}
.hero .sub small{display:block;font-size:14px;color:var(--on-char-mute);margin-top:6px;font-family:var(--label);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.hero-dots{position:absolute;right:var(--gutter);bottom:110px;z-index:3;display:flex;flex-direction:column;gap:10px}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:1px solid rgba(243,235,221,.7);background:transparent;padding:0;cursor:pointer}
.hero-dots button[aria-current="true"]{background:var(--gold-light);border-color:var(--gold-light)}
.hero-toggle{position:absolute;right:var(--gutter);bottom:110px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(243,235,221,.6);background:rgba(25,26,27,.4);color:var(--on-char);cursor:pointer;font-size:12px}
.hero-toggle::before{content:"❚❚"}
.hero-toggle[data-state="paused"]::before{content:"▶"}
.countdown{display:inline-flex;gap:18px;align-items:baseline;margin-top:24px;padding:12px 18px;border:1px solid var(--char-line);border-radius:2px;backdrop-filter:blur(6px)}
.countdown span{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-char-mute)}
.countdown b{font-family:var(--display);font-size:28px;color:var(--gold-light);font-variant-numeric:tabular-nums}
.hero-ribbon{position:absolute;left:0;right:0;bottom:-2px;z-index:2}
.hero-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;width:1px;height:44px;background:linear-gradient(180deg,var(--gold-light),transparent);opacity:.8}
body[data-page="home"] .topbar{margin-bottom:0}
@media (max-width:900px){.hero{min-height:min(88vh,760px)}.hero-media .slide{object-position:85% 50%}.hero .wrap{padding-bottom:110px}.hero-dots{flex-direction:row;bottom:80px;right:auto;left:var(--gutter)}.hero-toggle{bottom:36px;width:34px;height:34px;font-size:10px}}
/* ---------- page + sections ---------- */
.page{min-height:60vh}
.sec{padding-block:108px;position:relative}
.sec--tight{padding-block:64px}
.sec--alt{background:var(--bg2)}
.sec--dark{background:radial-gradient(90% 70% at 80% 0%,rgba(243,217,139,.09),transparent 60%),var(--char);color:var(--on-char)}
.sec--dark .eyebrow,.sec--dark .label{color:var(--gold-light)}
.sec--dark .eyebrow::before{background:var(--gold-light)}
.sec--dark .lede,.sec--dark .muted{color:var(--on-char-mute)}
.sec--dark .card{background:var(--char2);border-color:var(--char-line);color:var(--on-char)}
.sec--dark .card p,.sec--dark .card li{color:var(--on-char-mute)}
.sec--dark .card h3,.sec--dark .card h4{color:var(--on-char)}
.sec--dark .btn--ghost{border-color:var(--gold-light);color:var(--gold-light)}
.sec--dark .tbc{border-color:var(--gold-light);color:var(--gold-light)}
.sec--dark .link,.card--dark .link,.banner--dark .link,.tier--lead .link{color:var(--gold-light)}
.sec--dark .tag{border-color:var(--char-line);color:var(--on-char-mute);background:var(--char2)}
.sec--dark .tag--gold{border-color:var(--gold-light);color:var(--gold-light);background:rgba(243,217,139,.10)}
.sec--motif::before,.sec--motif::after{content:"";position:absolute;top:0;bottom:0;width:min(34vw,520px);background-size:contain;background-repeat:no-repeat;opacity:var(--motif-op);pointer-events:none;mix-blend-mode:multiply}
.sec--motif::before{left:0;background-image:url(motif-wall.jpg);background-position:left bottom}
.sec--motif::after{right:0;background-image:url(motif-africa.jpg);background-position:right top}
.sec--motif>.wrap{position:relative;z-index:1}
.banner::before,.sec--motif::before{-webkit-mask-image:radial-gradient(ellipse 95% 95% at 0% 100%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 95% 95% at 0% 100%,#000 40%,transparent 100%)}
.banner::after,.sec--motif::after{-webkit-mask-image:radial-gradient(ellipse 95% 95% at 100% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 95% 95% at 100% 0%,#000 40%,transparent 100%)}
#about-leadership .split{grid-template-columns:1fr 2fr;align-items:start}
#about-leadership .stat{position:sticky;top:110px}
.sec-head{max-width:none;margin-bottom:52px}
.sec-head h2{max-width:24ch}
.sec-head .lede{max-width:60ch}
.sec-head.center h2{margin-inline:auto}
.sec-head.center .lede{margin-inline:auto}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head.center .rule{margin-inline:auto}
.sec-head .lede{margin-top:14px}
.grid+.sec-head,.split+.sec-head,.bridge+.sec-head,.numlist+.sec-head,.ring+.sec-head,.tblwrap+.sec-head{margin-top:64px}
.sec-head.center:last-child{margin-bottom:0}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.split.reverse>:first-child{order:2}
.grid+.split{margin-top:56px}
.split h3{margin-bottom:16px}
.split .country-list{grid-template-columns:repeat(2,1fr)}
.split--top{align-items:start}
.split--top>div:first-child{align-self:stretch}
.split>.card{align-self:stretch}
.split--top .pull{position:sticky;top:110px}
.muted{color:var(--ink2)}
.small{font-size:14px}
/* ---------- inner page banner ---------- */
.banner{position:relative;padding:88px 0 72px;background:var(--bg2);overflow:hidden;border-bottom:1px solid var(--line)}
.banner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:min(30vw,440px);background:url(motif-wall.jpg) left bottom/contain no-repeat;opacity:var(--motif-op);mix-blend-mode:multiply;pointer-events:none}
.banner::after{content:"";position:absolute;right:0;top:0;bottom:0;width:min(30vw,440px);background:url(motif-africa.jpg) right top/contain no-repeat;opacity:var(--motif-op);mix-blend-mode:multiply;pointer-events:none}
.banner .wrap{position:relative;z-index:1}
.banner h1{font-size:clamp(40px,5vw,66px);max-width:20ch}
.banner .lede{margin-top:14px}
.banner .lede+.small{margin-top:12px;letter-spacing:.04em}
.crumbs{font-size:13px;color:var(--mute);margin-bottom:22px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--gold-deep)}
.banner--dark{background:var(--char);color:var(--on-char);border-bottom:0}
.banner--dark .lede,.banner--dark .crumbs{color:var(--on-char-mute)}
.banner--dark .eyebrow{color:var(--gold-light)}
.banner--dark::before,.banner--dark::after{mix-blend-mode:screen;opacity:.16}
.banner--photo{background-size:cover;background-position:center}
.banner--photo::before,.banner--photo::after{display:none}
.banner--photo .wrap::before{content:"";position:absolute;inset:-64px -100vw -56px;background:linear-gradient(90deg,rgba(25,26,27,.92),rgba(25,26,27,.55) 60%,rgba(25,26,27,.25));z-index:-1}
/* ---------- grids / cards ---------- */
.grid{display:grid;gap:20px}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.cols-5 .card--link .link{white-space:normal}
p.note{font-size:12.5px;color:var(--mute);margin-top:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px 30px 28px;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:10px}
.card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.card h3{font-size:22px}
.card h4{margin-top:2px}
.card p{color:var(--ink2);font-size:15px}
.card ul{margin:0;padding-left:0;list-style:none;display:grid;gap:6px;color:var(--ink2);font-size:15px}
.card ul li{padding-left:16px;position:relative}
.card ul li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.card .num{align-self:flex-start;margin-bottom:4px}
.card .ic{width:64px;height:64px;object-fit:contain;object-position:left center;margin-bottom:6px}
.card--center .ic{object-position:center}
#about-opportunity .split .ic,.card .ic--art{width:100%;height:260px;object-fit:contain;object-position:center;margin-bottom:12px}
.card .ic[src*="ic-vp-"]{width:auto;height:96px;object-position:left bottom}
.card--dark{background:var(--char);color:var(--on-char);border-color:var(--char)}
.card--dark p,.card--dark ul{color:var(--on-char-mute)}
.card--gold{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.card--link{cursor:pointer}
.card--link .link{margin-top:auto;padding-top:8px}
.card--center{text-align:center;align-items:center}
.card--center .ic{margin-inline:auto}
.card--center ul li{padding-left:0}
.card--center ul li::before{display:none}
.card--center .num{align-self:center}
.card .empty{padding:22px 18px;gap:12px}
.card .empty b{font-size:20px}
.kicker,.card .kicker{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
.card--dark .kicker{color:var(--gold-light)}
/* ---------- home teasers ---------- */
.teaser{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.teaser .card{padding:34px 32px;min-height:220px}
.teaser .card h3{font-size:30px}
.teaser .card .link{margin-top:auto;padding-top:14px}
.teaser .card--link .link{white-space:normal}
.teaser .card--dark .link{color:var(--gold-light)}
@media (max-width:700px){.teaser{grid-template-columns:1fr}}
/* ---------- portal strip (owner's platform, must stand out) ---------- */
.portal{background:var(--metal);color:#1C1408;padding-block:34px;position:relative;overflow:hidden}
.portal::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);transform:translateX(-120%);animation:sheen 6s ease-in-out infinite}
@keyframes sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.portal__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative}
.portal .eyebrow{color:#5A3E10;margin-bottom:8px}
.portal .eyebrow::before{background:#5A3E10}
.portal h3{font-size:clamp(22px,2.4vw,32px);max-width:30ch;color:#1C1408}
.portal .btn--dark{box-shadow:0 12px 28px -12px rgba(0,0,0,.7);padding:16px 30px;font-size:16px}
.portal .btn--dark:hover{background:#000}
@media (prefers-reduced-motion:reduce){.portal::before{animation:none}}
.tier .qty{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.tier .qty b{font-family:var(--display);font-size:46px;line-height:1;font-weight:700;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.tier--lead .qty b{background:none;color:var(--gold-light)}
.tier .qty span{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
.tier--lead .qty span{color:var(--gold-light)}
/* ---------- facts strip ---------- */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--char-line)}
.facts>div{padding:26px 28px;border-left:1px solid var(--char-line)}
.facts>div:first-child{border-left:0}
.facts b{display:block;font-family:var(--display);font-size:34px;font-weight:600;color:var(--gold-light);line-height:1.1}
.facts>div>span{display:block;font-size:13.5px;color:var(--on-char-mute);margin-top:6px}
.facts .tbc{display:inline-block;margin-left:4px}
/* ---------- big stat ---------- */
.stat{display:flex;flex-direction:column;gap:6px}
.stat b{font-family:var(--display);font-size:clamp(72px,9vw,120px);line-height:.95;font-weight:700;background:linear-gradient(135deg,#B8862B 0%,#F3D98B 42%,#D9B35A 60%,#9A7328 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.stat span{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.stat p{color:var(--ink2);max-width:28ch}
/* ---------- lists ---------- */
.numlist{list-style:none;margin:0;padding:0;counter-reset:n}
.numlist>li{display:grid;grid-template-columns:64px 1fr;gap:4px 18px;padding:22px 0;border-top:1px solid var(--line);counter-increment:n}
.numlist>li>*{grid-column:2}
.numlist>li:last-child{border-bottom:1px solid var(--line)}
.numlist>li::before{grid-column:1;grid-row:1/span 3;content:"0" counter(n);font-family:var(--display);font-size:34px;font-weight:700;line-height:1;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.numlist b{display:block;font-size:18px;font-weight:600}
.numlist span{color:var(--ink2);font-size:15.5px}
.sec--dark .numlist>li{border-color:var(--char-line)}
.sec--dark .numlist span{color:var(--on-char-mute)}
.checklist,.card ul.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checklist li,.card ul.checklist li{padding-left:30px;position:relative}
.checklist li::before,.card ul.checklist li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border:1.5px solid var(--gold);border-radius:50%;background:none;transform:none}
.checklist li::after,.card ul.checklist li::after{content:"";position:absolute;left:5px;top:8px;width:5px;height:8px;border:solid var(--gold-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:0}
.kv dt{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);padding-top:4px}
.kv dd{margin:0;font-weight:600}
.kv dd small{display:block;font-weight:400;color:var(--ink2);font-size:14px}
.step-panel .kv{margin-bottom:24px}
.pull{border-left:3px solid var(--gold);padding:8px 0 8px 24px;font-family:var(--display);font-size:clamp(24px,2.6vw,34px);line-height:1.25;font-weight:500;color:var(--ink);text-wrap:balance}
.pull small{display:block;font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin-top:14px}
.sec--dark .pull{color:var(--on-char)}
.sec--dark .pull small{color:var(--gold-light)}
.sec-head.center .pull{border-left:0;padding-left:0}
/* ---------- compare table ---------- */
.tblwrap{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:16px;color:var(--on-char)}
.cmp th{text-align:left;padding:14px 18px;font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--char-line)}
.cmp th:first-child{color:var(--on-char-mute)}
.cmp th:last-child{color:var(--gold-light)}
.cmp td{padding:15px 18px;border-bottom:1px solid var(--char-line);vertical-align:top}
.cmp td:first-child{color:var(--on-char-mute);width:44%}
.cmp td:last-child{font-weight:600;padding-left:44px;position:relative;color:var(--on-char)}
.cmp td:last-child::before{content:"";position:absolute;left:18px;top:22px;width:7px;height:12px;border:solid var(--gold-light);border-width:0 2px 2px 0;transform:rotate(45deg)}
.cmp tr:hover td{background:rgba(243,217,139,.05)}
/* ---------- journey ---------- */
.journey{display:grid;grid-template-columns:repeat(7,1fr);position:relative;margin-top:30px}
.journey::before{content:"";position:absolute;left:7%;right:7%;top:24px;height:2px;background:var(--metal)}
.journey .step{position:relative;padding:60px 10px 0;text-align:center}
.journey .step i{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);font-style:normal;font-family:var(--display);font-weight:700;font-size:16px;line-height:30px;color:var(--gold-deep)}
.journey .step.is-camic i{background:var(--metal);color:#1C1408;border-color:transparent}
.journey .step b{display:block;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;line-height:1.35}
.journey .step span{font-size:13.5px;color:var(--ink2);display:block}
.journey--trad{grid-template-columns:repeat(4,1fr);margin-top:0;margin-bottom:8px;max-width:57%}
.journey--trad::before{background:var(--line);left:12%;right:12%}
.journey--trad .step i{border-color:var(--mute);color:var(--mute)}
.journey--trad .step b{color:var(--mute)}
.journey-end{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px;margin-left:57%;margin-top:-26px;margin-bottom:26px}
.journey-end::before{content:"";width:40px;height:1px;background:var(--mute)}
.outcomes{display:grid;grid-template-columns:2fr 3fr 2fr;gap:8px;margin-top:34px}
.outcomes div{text-align:center;padding:14px 8px;border-top:2px solid var(--gold)}
.outcomes b{display:block;font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.outcomes span{font-size:13.5px;color:var(--ink2)}
/* ---------- bridge (three columns joined by an arrow line) ---------- */
.bridge{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch}
.bridge .arrow{align-self:center;font-size:28px;color:var(--gold);font-family:var(--display)}
.bridge-ends{display:flex;justify-content:space-between;margin-top:18px;font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
.bridge-ends span{display:block;font-family:var(--body);font-size:13px;letter-spacing:0;text-transform:none;color:var(--mute)}
/* ---------- tabs ---------- */
.tabs{margin-top:8px}
.tablist{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:34px;overflow-x:auto;scrollbar-width:none}
.tablist::-webkit-scrollbar{display:none}
.tab{padding:12px 18px;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap;font-size:15px}
.tab small{display:block;font-weight:400;font-size:12px;color:var(--mute)}
.tab.is-active{color:var(--gold-deep);border-bottom-color:var(--gold)}
.tabpanel{display:none}
.tabpanel.is-active{display:block}
.sec--dark .tablist{border-color:var(--char-line)}
.sec--dark .tab{color:var(--on-char-mute)}
.sec--dark .tab.is-active{color:var(--gold-light);border-bottom-color:var(--gold-light)}
/* ---------- agenda timeline ---------- */
.agenda{list-style:none;margin:0;padding:0;display:grid}
.agenda li{display:grid;grid-template-columns:110px 130px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line);align-items:start}
.agenda li:last-child{border-bottom:1px solid var(--line)}
.agenda .time{font-family:var(--display);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.agenda .type{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);padding-top:6px}
.agenda b{display:block;font-size:17px}
.agenda span{color:var(--ink2);font-size:14.5px}
.agenda .time small{display:block;margin-top:4px;font-family:var(--body);font-size:13px;font-weight:500;color:var(--mute);letter-spacing:.02em}
.sec--dark .agenda .time small{color:var(--on-char-mute)}
/* ---------- accordion ---------- */
.acc{border-top:1px solid var(--line)}
.acc:last-of-type{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:18px 44px 18px 0;font-weight:600;font-size:17px;position:relative}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";position:absolute;right:4px;top:14px;font-family:var(--display);font-size:26px;color:var(--gold-deep);line-height:1}
.acc[open] summary::after{content:"–"}
.acc>div{padding:0 0 20px;color:var(--ink2);font-size:15.5px;max-width:70ch}
.acc>div ul{margin:8px 0 0;padding-left:18px}
/* ---------- forms + stepper ---------- */
.field{display:grid;gap:6px;margin-bottom:18px}
.field label,.field>span.lbl{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink2)}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font:inherit;font-size:15.5px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}
.field textarea{min-height:120px;resize:vertical}
.req{color:var(--red,#A6452E);margin-left:3px}
.opt{font-weight:400;color:var(--mute);margin-left:6px;font-size:12px}
.inc{display:block;font-size:12.5px;color:var(--gold-deep);margin-top:6px}
.kv dd .is-empty{color:var(--mute)}
.kv dd .link{font-size:13px;margin-left:10px}
.choice>div{gap:8px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink2);margin-bottom:10px}
.check input{margin-top:5px;accent-color:var(--gold-deep)}
.check a{color:var(--gold-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}
.choice>div{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--panel);height:100%;display:flex;flex-direction:column;gap:6px;transition:.18s}
.choice>div b{font-size:16px}
.choice>div span{font-size:13.5px;color:var(--ink2)}
.choice>div .price{font-family:var(--display);font-size:24px;color:var(--gold-deep);margin-top:auto}
.choice input:checked+div{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--gold-soft)}
.choice input:focus-visible+div{outline:2px solid var(--gold);outline-offset:2px}
.upload{border:1px dashed var(--gold);padding:22px;text-align:center;color:var(--ink2);border-radius:var(--radius);font-size:14.5px;background:var(--gold-soft)}
.lede+.stepper,p+.stepper{margin-top:30px}
.stepper{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:34px 36px;box-shadow:var(--shadow)}
.steps{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;counter-reset:s}
.steps li{counter-increment:s;font-size:12.5px;color:var(--mute);padding-top:12px;border-top:2px solid var(--line);position:relative;font-weight:600;letter-spacing:.02em}
.steps li::before{content:counter(s);position:absolute;top:-13px;left:0;width:24px;height:24px;border-radius:50%;background:var(--bg);border:2px solid var(--line);font-family:var(--display);font-size:13px;line-height:20px;text-align:center;color:var(--mute)}
.steps li span{display:block;padding-left:0;margin-top:2px}
.steps li.is-active{color:var(--gold-deep);border-top-color:var(--gold)}
.steps li.is-active::before{background:var(--metal);border-color:transparent;color:#1C1408}
.steps li.is-done{color:var(--ink2);border-top-color:var(--gold-deep)}
.steps li.is-done::before{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff;content:"✓"}
.step-panel{display:none;border:0;padding:0;margin:0;min-inline-size:0}
.step-panel.is-active{display:block}
.step-panel legend{font-family:var(--display);font-size:26px;font-weight:600;margin-bottom:6px;padding:0}
.step-panel .hint{color:var(--mute);font-size:14px;margin-bottom:22px}
.step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.done{text-align:center;padding:30px 0 10px}
.done .badge{width:76px;height:76px;border-radius:50%;background:var(--metal);margin:0 auto 20px;display:grid;place-items:center;color:#1C1408;font-size:34px;font-family:var(--display);font-weight:700}
.done h4{margin-top:22px}
.done .checklist{display:inline-grid;text-align:left;margin-top:12px}
.done .cta-row{justify-content:center}
.done .ref{font-family:var(--label);font-weight:600;letter-spacing:.14em;color:var(--gold-deep);font-size:13px;margin-top:10px}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;text-align:left}
.flow>div{padding:18px 20px;border-top:2px solid var(--gold);position:relative}
.flow b{display:block;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:6px}
.flow span{font-size:14px;color:var(--ink2)}
.flow--4{grid-template-columns:repeat(4,1fr)}
.done .quote{display:inline-grid;text-align:left;margin:24px auto 38px;padding:18px 24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);min-width:min(100%,420px)}
.done .quote dd{font-variant-numeric:tabular-nums}
/* ---------- people ---------- */
.person{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start}
.person--lg{grid-template-columns:200px 1fr;gap:30px}
.person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--gold);filter:sepia(.12) saturate(.92)}
.person b{display:block;font-family:var(--display);font-size:24px;font-weight:600;line-height:1.15}
.person em{display:block;font-style:normal;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin:6px 0 10px}
.person p{color:var(--ink2);font-size:15px}
.tags,.person .tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.tag{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid var(--line);border-radius:2px;color:var(--ink2);background:var(--panel)}
.tag--gold{border-color:var(--gold);color:var(--gold-deep);background:var(--gold-soft)}
.card--dark .tag{border-color:rgba(201,160,74,.45);color:#F3D98B;background:rgba(201,160,74,.12)}
.card--dark dt{color:rgba(243,217,139,.75)}
.person .ph{width:100%;aspect-ratio:1;border-radius:50%;border:1px dashed var(--gold);display:grid;place-items:center;color:var(--gold-deep);font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.14em}
/* ---------- ring (platform) ---------- */
.ring{display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:auto auto auto;gap:18px;align-items:center}
.ring .core{grid-column:2;grid-row:1/4;background:var(--char);color:var(--on-char);padding:44px 34px;text-align:center;border-radius:var(--radius);position:relative;box-shadow:var(--shadow)}
.ring .core::before{content:"";position:absolute;inset:8px;border:1px solid var(--char-line);border-radius:2px;pointer-events:none}
.ring .core b{display:block;font-family:var(--display);font-size:32px;font-weight:600;color:var(--gold-light)}
.ring .core span{color:var(--on-char-mute);font-size:15px;display:block;margin-top:8px}
.ring .core img{width:110px;margin:0 auto 14px}
.ring .node{background:var(--panel);border:1px solid var(--line);padding:18px 20px;border-radius:var(--radius);display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;transition:.2s}
.ring .node:hover{border-color:var(--gold);transform:translateY(-2px)}
.ring .node img{width:48px;height:48px;object-fit:contain}
.ring .node b{display:block;font-size:16px}
.ring .node span{font-size:13.5px;color:var(--ink2)}
.ring .node:nth-child(2),.ring .node:nth-child(3),.ring .node:nth-child(4){grid-column:1}
.ring .node:nth-child(5),.ring .node:nth-child(6){grid-column:3}
.ring .node:nth-child(5){grid-row:1}
.ring .node:nth-child(6){grid-row:3}
/* ---------- countries ---------- */
.country-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.country{background:var(--panel);border:1px solid var(--line);padding:26px 24px;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;transition:.2s}
.country:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.country .flag{font-size:30px;line-height:1}
.country b{font-family:var(--display);font-size:26px;font-weight:600}
.country span{font-size:14px;color:var(--ink2)}
.country .link{margin-top:10px}
.map-art{position:relative}
.map-art img{width:100%;max-width:520px;margin:0 auto;opacity:.9}
.route-arc{position:absolute;inset:0;pointer-events:none}
.commodities{display:flex;flex-wrap:wrap;gap:8px}
/* ---------- logos / empty ---------- */
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.logos div{height:78px;border:1px dashed var(--line);border-radius:var(--radius);display:grid;place-items:center;font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.16em;color:var(--mute);background:var(--panel)}
.empty{border:1px dashed var(--gold);padding:38px 24px;text-align:center;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--gold-soft)}
.empty b{font-family:var(--display);font-size:26px;font-weight:600}
.empty+.logos,.split+.empty,.grid+.empty,.cta-row+.empty,.tags+.empty{margin-top:36px}
.ring+.pull{margin-top:48px}
.page[data-route="404"] .sec--motif{min-height:60vh;display:flex;align-items:center}
.page[data-route="404"] .sec--motif>.wrap{width:100%}
/* ---------- articles ---------- */
.post{display:grid;gap:12px}
.post .cover{aspect-ratio:16/10;background:var(--bg2) center/cover;border-radius:var(--radius);border:1px solid var(--line);filter:sepia(.25) saturate(.85)}
.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
#insights-news .sec-head+p{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.post .meta{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);display:flex;gap:12px}
.post h3{font-size:22px}
.post p{color:var(--ink2);font-size:15px}
.prose{max-width:70ch;font-size:18px;line-height:1.75}
.prose h2{font-size:32px;margin:44px 0 14px}
.prose .eyebrow+h2{margin-top:0}
.prose h3{font-size:24px;margin:34px 0 10px}
.prose p{margin-bottom:20px}
.prose blockquote{margin:30px 0;border-left:3px solid var(--gold);padding-left:22px;font-family:var(--display);font-size:26px;line-height:1.3;color:var(--ink)}
.prose ul{padding-left:20px;margin-bottom:20px}
.byline{display:flex;gap:16px;align-items:center;color:var(--mute);font-size:14px;margin:18px 0 34px}
/* ---------- sponsor tiers ---------- */
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.tier{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:14px}
.tier--lead{background:var(--char);color:var(--on-char);border-color:var(--char)}
.tier .name{font-family:var(--display);font-size:28px;font-weight:600}
.tier .price{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.16em;color:var(--gold-deep)}
.tier--lead .price{color:var(--gold-light)}
.tier ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:var(--ink2)}
.tier--lead ul{color:var(--on-char-mute)}
.tier ul li{padding-left:22px;position:relative}
.tier ul li::before{content:"";position:absolute;left:2px;top:6px;width:5px;height:9px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg)}
.tier .btn{margin-top:auto}
.tier>.cta-row{margin-top:auto;padding-top:6px}
.tier>.cta-row .btn{margin-top:0;white-space:normal;text-align:center}
.tiers+.tblwrap,.tiers~.tblwrap{margin-top:40px}
.tiers+p,.tiers+.lede,.tiers+.tags{margin-top:28px;margin-bottom:8px}
.benefits{width:100%;border-collapse:collapse;font-size:15px}
.benefits th,.benefits td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}
.benefits th:first-child,.benefits td:first-child{text-align:left}
.benefits th{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.benefits td .yes{display:inline-block;width:7px;height:12px;border:solid var(--gold-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
.benefits td .no{color:var(--line)}
/* ---------- footer ---------- */
footer{background:var(--char);color:var(--on-char-mute);position:relative}
footer .foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:30px;padding:64px 0 40px}
footer .foot b{display:block;color:var(--on-char);font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px}
footer ul a:hover{color:var(--gold-light)}
footer .brand-col img{height:56px;width:auto;margin-bottom:16px}
footer .brand-col p{font-family:var(--display);font-size:22px;color:var(--on-char);max-width:22ch}
footer .subscribe{display:flex;gap:10px;margin-top:22px;max-width:420px}
footer .subscribe input{flex:1;padding:12px 14px;background:var(--char2);border:1px solid var(--char-line);color:var(--on-char);border-radius:var(--radius);font:inherit}
@media (max-width:379px){html:not([data-lang="zh"]) footer .subscribe .btn{white-space:normal;text-align:center}}
footer .social{display:flex;gap:10px;margin-top:20px}
footer .social a{width:38px;height:38px;border:1px solid var(--char-line);display:grid;place-items:center;border-radius:50%;font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.06em}
footer .social a:hover{border-color:var(--gold-light);color:var(--gold-light)}
footer .legal{border-top:1px solid var(--char-line);padding:20px 0 calc(24px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px}
footer .legal a:hover{color:var(--gold-light)}
/* ---------- cookie ---------- */
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;max-width:560px;margin-inline:auto;background:var(--panel);border:1px solid var(--gold);padding:16px 18px;border-radius:var(--radius);display:flex;gap:14px;align-items:center;justify-content:space-between;box-shadow:var(--shadow);font-size:14px}
.cookie .btn{padding:8px 14px;font-size:13px}
/* ---------- reveal ---------- */
.reveal{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s}
.reveal.pre{transform:translateY(24px);opacity:.001}
@media (prefers-reduced-motion:reduce){.reveal,.reveal.pre{transform:none;opacity:1;transition:none}.btn--primary::after{display:none}}
/* ---------- responsive ---------- */
@media (max-width:1100px){
.menu>li>a{padding:10px 8px;font-size:13.5px}
.cols-5{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(2,1fr)}
.tiers{grid-template-columns:repeat(2,1fr)}
.logos{grid-template-columns:repeat(3,1fr)}
.journey{grid-template-columns:repeat(4,1fr);row-gap:40px}
.journey::before{display:none}
.journey--trad{max-width:100%}
.journey-end{margin-left:0;margin-top:0}
}
@media (max-width:900px){
.menu,.nav-cta .btn--ghost{display:none}
.burger{display:flex}
.split,.split.reverse,#about-leadership .split{grid-template-columns:1fr}
.split.reverse>:first-child{order:0}
.cols-3{grid-template-columns:1fr 1fr}
.facts{grid-template-columns:1fr 1fr}
.facts>div:nth-child(3){border-left:0}
.facts>div:nth-child(n+3){border-top:1px solid var(--char-line)}
.bridge{grid-template-columns:1fr}
.bridge .arrow{transform:rotate(90deg);justify-self:center}
.ring{grid-template-columns:1fr}
.ring .core{grid-column:1;grid-row:auto}
.ring .node:nth-child(n){grid-column:1;grid-row:auto}
.country-list{grid-template-columns:1fr 1fr}
footer .foot{grid-template-columns:1fr 1fr}
.person--lg{grid-template-columns:120px 1fr}
.outcomes{grid-template-columns:1fr}
.agenda li{grid-template-columns:90px 1fr}
.agenda .type{grid-column:2}
}
@media (max-width:600px){
body{font-size:16px}
:root{--gutter:18px}
.sec{padding-block:60px}
.cols-2,.cols-3,.cols-4,.cols-5,.country-list,.tiers,.field-row,.flow{grid-template-columns:1fr}
.choice-grid{grid-template-columns:1fr}
.logos{grid-template-columns:1fr 1fr}
.journey{grid-template-columns:1fr;row-gap:28px}
.journey::before{display:block;left:16px;right:auto;top:17px;bottom:17px;width:2px;height:auto;background:linear-gradient(180deg,var(--gold),var(--gold-light) 50%,var(--gold))}
.journey .step{padding:9px 0 0 52px;text-align:left;min-height:34px}
.journey .step i{top:0;left:0;transform:none;text-align:center}
.numlist>li{grid-template-columns:48px 1fr}
.person{grid-template-columns:88px 1fr}
.stepper{padding:22px 18px}
.steps li span{display:none}
.brand img{height:36px}
.topbar>.wrap{gap:10px}
.topbar .btn--sm{padding:8px 12px}
.lang button{padding:6px 8px}
.cta-row .btn{flex:1}
footer .foot{grid-template-columns:1fr}
.kv{grid-template-columns:1fr}
.cookie{flex-direction:column;align-items:stretch}
}
/* ============================================================
v7 polish — applied from the systematic audit (later rules win)
============================================================ */
:root{--gold-deep:#7A561A;--mute:#6F6659;--motif-op:.34;--nav-h:80px}
/* rhythm + type */
.sec{padding-block:clamp(96px,11vw,152px)}
.sec--tight{padding-block:72px}
.sec--alt{box-shadow:inset 0 1px 0 var(--line),inset 0 -1px 0 var(--line)}
.sec-head{margin-bottom:64px}
.grid{gap:28px}
.split{gap:80px}
h1,h2{font-weight:500;letter-spacing:-.012em;line-height:1.06}
h2{font-size:clamp(38px,4.4vw,62px)}
.sec-head h2{max-width:24ch;hyphens:manual}
.sec-head h3{font-size:clamp(26px,2.3vw,32px);line-height:1.2;max-width:30ch;font-weight:500}
.sec-head .lede{text-wrap:balance}
.lede{font-size:21px;line-height:1.55}
.rule{width:56px;height:1px;background:var(--gold);margin-top:22px}
@media (min-width:901px){
.wrap>.sec-head:not(.center){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:64px;align-items:end}
.wrap>.sec-head:not(.center)>*{grid-column:1}
.wrap>.sec-head:not(.center)>.lede{grid-column:2;grid-row:1/span 6;align-self:end;margin-top:0;max-width:34ch;font-size:19px}
.split .sec-head h2{max-width:none}
}
.page{min-height:0}
body[data-page="home"] footer>.ribbon{display:none}
/* cards, numerals, icons */
.card{background:color-mix(in srgb,var(--panel) 62%,var(--bg));border-color:color-mix(in srgb,var(--line) 70%,transparent);padding:34px 32px 30px;gap:12px;transition:border-color .25s,background .25s,box-shadow .25s}
.card:hover{transform:none;box-shadow:0 14px 34px -24px rgba(50,35,10,.4);border-color:var(--gold)}
.card ul{gap:8px;font-size:15.5px}
.card p{font-size:15.5px}
.card h3{font-size:24px;font-weight:500}
.card--gold{border-color:var(--gold);box-shadow:none;background:color-mix(in srgb,var(--gold-soft) 40%,var(--panel))}
.card--dark,.sec--dark .card{background:var(--char2);border-color:var(--char-line)}
.card--dark:hover,.sec--dark .card:hover{border-color:var(--gold-light)}
.card--center{justify-content:center}
.card--link .link{white-space:nowrap}
.card .ic{width:48px;height:48px;margin-bottom:10px;filter:sepia(.5) saturate(.7) contrast(.95);mix-blend-mode:multiply;opacity:.9}
.card--dark .ic,.sec--dark .card .ic{mix-blend-mode:normal;filter:none;opacity:1}
.card .ic[src*="ic-vp-"]{height:72px}
.ring .node img{width:40px;height:40px;filter:sepia(1) saturate(.65) contrast(.9)}
.num,.numlist>li::before{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gold-deep);-webkit-text-fill-color:var(--gold-deep);font-weight:500;font-size:32px;letter-spacing:.04em;opacity:.9}
.card--dark .num,.sec--dark .num,.sec--dark .numlist>li::before{color:var(--gold-light);-webkit-text-fill-color:var(--gold-light)}
.numlist>li{padding:16px 0}
.numlist b{font-size:19px;font-family:var(--display);font-weight:600;line-height:1.3}
.tbc{border:0;padding:0;font-family:var(--body);font-size:12px;letter-spacing:.08em;color:var(--mute);text-transform:uppercase;font-weight:600;border-radius:0}
.facts .tbc,.sec--dark .tbc,.card--dark .tbc{color:var(--on-char-mute);border:0}
.link::after{content:"\00a0→";display:inline;margin-left:0}
/* buttons: flat dark gold on light grounds, metal only on charcoal */
.btn{padding:15px 30px;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;border-radius:2px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;overflow:visible}
.btn:hover{transform:none}
.btn--primary{background:var(--gold-deep);color:#FFF8E8;box-shadow:none}
.btn--primary::after{display:none}
.btn--primary:hover{background:#5E4212}
.hero .btn--primary,.sec--dark .btn--primary,.drawer .btn--primary,footer .btn--primary,.card--dark .btn--primary,.portal .btn--dark{background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408}
.hero .btn--primary:hover,.sec--dark .btn--primary:hover,footer .btn--primary:hover,.drawer .btn--primary:hover{background:var(--gold-light)}
.btn--sm{padding:10px 16px;font-size:12px}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;pointer-events:none;box-shadow:none}
.portal-visual__btn{background:var(--gold-light);color:#1C1408;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
html[data-lang="zh"] .btn{text-transform:none;letter-spacing:.04em;font-size:14.5px}
html[data-lang="zh"] .btn--sm{font-size:13px}
/* hero */
.hero{min-height:min(100vh,1040px)}
.hero .wrap{padding-block:calc(var(--nav-h) + 80px) 128px}
.hero .eyebrow{margin-bottom:26px;font-size:12.5px;letter-spacing:.26em}
.hero h1{font-size:clamp(44px,5.6vw,78px);font-weight:500;line-height:1.02;max-width:30ch}
.hero h1 .accent{font-size:.56em;margin-top:.28em;line-height:1.2}
.hero .sub{margin-top:28px;font-size:clamp(18px,1.7vw,22px)}
.hero .cta-row{margin-top:40px}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.06)}}
.hero-media .slide.is-active{animation:kb 16s ease-out forwards}
.hero-toggle{background:transparent;border-color:rgba(243,235,221,.35);bottom:40px}
.facts{border:0;border-top:1px solid var(--char-line);border-bottom:1px solid var(--char-line)}
.facts>div{padding:34px 32px 30px}
.facts b{font-size:34px;font-weight:500}
.facts>div>span{font-size:14px;margin-top:8px}
/* motifs quieter and unified */
.sec--motif::before,.sec--motif::after,.banner::before,.banner::after{filter:sepia(1) saturate(.55) contrast(.85)}
/* portal strip: charcoal, gold hairlines, no sheen */
.portal{background:var(--char);color:var(--on-char);padding-block:56px;border-top:1px solid var(--char-line);border-bottom:1px solid var(--char-line)}
.portal::before{display:none}
.portal .eyebrow{color:var(--gold-light)}
.portal .eyebrow::before{background:var(--gold-light)}
.portal h3{color:var(--on-char)}
/* navigation */
.topbar>.wrap{gap:26px}
.menu{gap:6px}
.menu>li>a{font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:10px 8px}
.menu>li>a::after{margin-top:4px;height:1px;background:var(--gold-deep)}
.menu>li>a.is-flag{font-size:13.5px;letter-spacing:.18em;padding:9px 16px 9px 30px;border:1px solid rgba(201,160,74,.5);border-radius:2px;background:linear-gradient(135deg,#8C6420 0%,#C9A04A 45%,#9A7328 60%,#6B4A14 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}
.menu>li>a.is-flag::before{left:12px;width:8px;height:8px}
.menu>li>a.is-flag::after{display:none}
.menu>li:hover>a.is-flag{box-shadow:0 0 0 1px rgba(201,160,74,.55),0 8px 16px -12px rgba(154,115,40,.7);filter:none}
body[data-page="home"] .topbar:not(.is-scrolled) .menu>li>a.is-flag{background:linear-gradient(135deg,#F3D98B,#FFF4CC 50%,#C9A04A);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:rgba(243,217,139,.5);filter:none}
html[data-lang="zh"] .menu>li>a{text-transform:none;letter-spacing:.04em;font-size:14.5px}
html[data-lang="zh"] .menu>li>a.is-flag{font-family:"Noto Serif SC",var(--display);font-size:15px;letter-spacing:.08em;font-weight:700}
.lang{border:0;gap:2px}
.lang button{min-height:36px;padding:6px 12px;color:var(--ink2);border:1px solid transparent;border-radius:2px}
.lang button[aria-pressed="true"]{border-color:var(--line)}
@media (max-width:1180px){.nav-cta .btn--ghost{display:none}.menu>li>a{padding:10px 6px;letter-spacing:.03em}}
@media (max-width:1024px){.menu,.nav-cta .btn--ghost{display:none}.burger{display:flex}}
/* banners */
.banner{padding:120px 0 96px}
.banner h1{font-size:clamp(44px,5.4vw,72px);font-weight:500;letter-spacing:-.01em}
.banner .lede{margin-top:18px;font-size:21px}
.crumbs{margin-bottom:28px}
.banner--photo{min-height:min(62vh,640px);display:flex;align-items:flex-end;padding-block:140px 88px}
.banner--photo .wrap{width:100%}
/* forms */
.field input,.field select,.field textarea{padding:14px 16px;font-size:16px;min-height:52px}
.field textarea{min-height:140px}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.choice>div{position:relative;padding:20px 22px}
.choice:hover>div{border-color:var(--gold)}
.choice>div .inc{font-size:12.5px;color:var(--gold-deep)}
.choice input:checked+div::after{content:"";position:absolute;top:14px;right:14px;width:9px;height:9px;background:var(--gold-deep);transform:rotate(45deg)}
.steps li::before{background:var(--panel);width:28px;height:28px;line-height:24px;font-size:14px;top:-15px}
.steps li.is-active::before{background:var(--gold-deep);color:#FFF8E8}
.steps li.is-done::before{background:var(--gold-deep)}
.page[data-route="register"] .narrow,.page[data-route="submit-project"] .narrow{max-width:880px}
.stepper{padding:44px 48px}
.step-panel legend{font-size:30px}
#sponsor-enquiry form[data-mock],#contact-form form[data-mock]{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:34px 36px;box-shadow:var(--shadow)}
.upload--ph{aspect-ratio:16/10;display:grid;place-items:center;border-style:solid;border-color:var(--line);background:var(--bg2);color:var(--mute);font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
/* sponsor, insights, contact, about, countries */
.tiers{gap:24px}
.tier{padding:34px 28px}
.tier--lead{position:relative;box-shadow:var(--shadow)}
.tier--lead::before{content:"";position:absolute;inset:8px;border:1px solid var(--char-line);pointer-events:none}
.tier .qty b{font-family:var(--label);font-weight:600;font-size:40px}
.benefits th:first-child,.benefits td:first-child{white-space:nowrap;min-width:200px;position:sticky;left:0;background:var(--bg2);z-index:1;text-align:left}
.tblwrap{-webkit-overflow-scrolling:touch}
.split+.grid,.split+.tiers,.split+.tblwrap{margin-top:56px}
.acc+.sec-head{margin-top:56px}
#insights-faq .sec-head h3{font-size:26px}
.card .cta-row{margin-top:8px}
.split--top>:last-child{position:sticky;top:calc(var(--nav-h) + 24px);align-self:start}
.split--top .pull{position:static}
#about-leadership .grid{gap:0}
#about-leadership .person--lg{padding-block:30px;border-top:1px solid var(--line)}
#about-leadership .person--lg:first-child{border-top:0;padding-top:0}
#about-philosophy .card--gold{justify-content:center}
.sec-head.center p>.tag--gold{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 16px;margin:18px 4px 0}
.country{gap:8px;padding:30px 28px}
.country .flag{font-size:20px;opacity:.85;filter:saturate(.7) sepia(.15)}
.country b{font-size:28px;font-weight:500}
.country .link{margin-top:auto;padding-top:10px}
.tabpanel .post .cover{aspect-ratio:4/3;filter:sepia(.12) saturate(.95) contrast(1.05);box-shadow:var(--shadow)}
@media (max-width:1280px){.cols-5{grid-template-columns:repeat(3,1fr)}}
.bridge .arrow{font-size:0;width:56px;height:1px;background:var(--gold);position:relative;align-self:center}
.bridge .arrow::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border:solid var(--gold);border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
@media (max-width:900px){.bridge .arrow{width:1px;height:40px;justify-self:center;transform:none}.bridge .arrow::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}}
/* footer */
footer{position:relative}
body[data-page="home"] footer,body:has(.page:not([hidden])>.sec--dark:last-child) footer{border-top:1px solid var(--char-line)}
body:has(.page:not([hidden])>:is(.sec--alt,.seal):last-child) footer>.ribbon--onlight{background:var(--bg2)}
.page>.sec--alt:last-child{box-shadow:inset 0 1px 0 var(--line)}
footer .foot{padding:96px 0 56px;gap:40px}
footer .brand-col p{font-size:26px;max-width:26ch;text-wrap:balance}
footer .social{gap:8px}
footer .social a{width:auto;height:auto;padding:8px 14px;border-radius:2px;font-family:var(--body);font-size:12px;letter-spacing:.06em;font-weight:600}
.foot-label{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--on-char);margin-top:26px}
footer .brand-col p.foot-label{font-family:var(--label);font-size:11px;line-height:1.5;letter-spacing:.2em;max-width:none;color:var(--gold-light)}
html[data-lang="zh"] footer .brand-col p.foot-label{font-size:13px;letter-spacing:.12em}
footer .brand-col p:not(.foot-note):not(.foot-label){line-height:1.3}
.foot-org{display:block;margin-top:8px;color:var(--on-char)}
.foot-org b,footer .foot .foot-org b{display:block;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.01em;text-transform:none;margin-bottom:2px}
.foot-org span{display:block;font-size:13px;color:var(--on-char-mute)}
html[data-lang="zh"] footer .foot .foot-org b{font-family:var(--display);font-size:22px;letter-spacing:.01em}
.invite-photo{border-radius:3px;border:1px solid var(--char-line);filter:sepia(.2) saturate(.9);max-height:560px;object-fit:cover;width:100%}
.sec--dark .pull{border-color:var(--gold-light);margin-top:26px}
.ribbon--onlight{display:block;background:var(--bg)}
.ribbon--onalt{display:block;background:var(--bg2)}
.cookie .cta-row{margin-top:0;gap:8px;flex-wrap:nowrap}
/* Chinese refinements */
html[data-lang="zh"] :is(.pull small,.cmp th,footer .foot b,.done .ref,.foot-label){font-family:"Noto Sans SC",var(--body);letter-spacing:.12em;font-weight:600}
html[data-lang="zh"] footer .foot b{font-size:13px}
html[data-lang="zh"] .tbc{font-family:"Noto Sans SC",var(--body);letter-spacing:.1em;font-size:11px}
html[data-lang="zh"] :is(.choice>div span,.step-panel .hint,.check span){text-wrap:balance}
html[data-lang="zh"] footer .brand-col p{max-width:none}
/* phones */
@media (max-width:600px){
.sec{padding-block:72px}
.facts{grid-template-columns:1fr}.facts>div{border-left:0;border-top:1px solid var(--char-line);padding:18px 22px}.facts>div:first-child{border-top:0}.facts b{font-size:28px}
html[data-lang="zh"] .sec-head h2 br,html[data-lang="zh"] .banner h1 br{display:none}
html[data-lang="zh"] h2{font-size:clamp(28px,7.2vw,54px)}
.split .country-list{grid-template-columns:1fr}
.cta-row .btn{flex:1 1 100%;white-space:normal;text-align:center;line-height:1.25}
.cta-row .btn--sm{flex:0 1 auto}
.hero .cta-row .btn{flex:1 1 100%}
.agenda li{grid-template-columns:90px 1fr;gap:8px 16px}.agenda .time{grid-column:1}.agenda .type{grid-column:2;padding-top:8px}.agenda li>div{grid-column:1/-1}
.tab{padding:10px 12px;font-size:14px}.tab small{display:none}.tablist{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.lang button{min-height:40px;padding:8px 12px}.topbar .btn--sm{min-height:40px}.burger{width:44px;height:44px}
.cookie{flex-direction:row;flex-wrap:wrap;padding:12px 14px;font-size:13px}.cookie .btn{padding:10px 14px;font-size:13px}.cookie .cta-row .btn{flex:1}
.steps li span{display:none}.steps li.is-active span{display:block;position:absolute;left:0;top:18px;white-space:nowrap;font-size:13px}.steps li.is-active span::before{content:counter(s) " / 5 · ";color:var(--gold-deep)}.steps{margin-bottom:50px}
form[data-mock] .btn--primary{width:100%}
.card{padding:24px 22px 22px}
.banner{padding:72px 0 56px}
.banner--photo{min-height:0;padding-block:96px 64px}
.stepper{padding:24px 18px}
.benefits{min-width:640px}
.sec--motif::before,.banner::before{display:none}
.sec--motif::after,.banner::after{width:60vw;opacity:calc(var(--motif-op)*.6)}
.hero .wrap{padding-block:calc(var(--nav-h) + 40px) 110px}
.hero h1{font-size:clamp(36px,10vw,44px)}
}
.banner--photo .wrap::before{inset:-300px -100vw -300px;background:linear-gradient(90deg,rgba(25,26,27,.9),rgba(25,26,27,.55) 55%,rgba(25,26,27,.2))}
.banner--photo::after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,26,27,.35),transparent 30%,transparent 70%,rgba(25,26,27,.5));mix-blend-mode:normal;opacity:1;width:auto;filter:none;-webkit-mask-image:none;mask-image:none}
.banner--photo .wrap{z-index:1}
/* ============================================================
v8 navigation — full-width mega menu, shrink + hide on scroll
============================================================ */
:root{--nav-h:84px}
.topbar{transition:transform .35s ease,background .3s,border-color .3s,box-shadow .3s}
.topbar.is-hidden{transform:translateY(-100%)}
.topbar.is-scrolled{--nav-h:68px;background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:0 10px 30px -24px rgba(50,35,10,.35)}
.topbar>.wrap{height:var(--nav-h);transition:height .3s;position:static}
.brand img{height:46px;transition:height .3s}
.topbar.is-scrolled .brand img{height:38px}
.mainnav{flex:1;min-width:0;display:flex;justify-content:center}
.menu>li{position:static}
.menu>li>a{padding:12px 10px}
.menu>li.is-open>a::after{transform:scaleX(1)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--panel);border-top:1px solid var(--gold);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(30,20,5,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;z-index:4;color:var(--ink);text-transform:none;letter-spacing:0}
.menu>li.is-open>.mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mega__in{display:grid;grid-template-columns:1.05fr 1.35fr .9fr;gap:48px;padding-block:40px 44px;position:relative}
.mega__feature{position:relative;padding:28px 30px;border-radius:3px;background:var(--bg2);display:flex;flex-direction:column;gap:12px;min-height:250px;overflow:hidden}
.mega__feature .eyebrow{margin-bottom:2px}
.mega__feature .mega__h{font-size:28px;font-weight:500;line-height:1.15;max-width:none}
.mega__feature p{font-size:14.5px;color:var(--ink2)}
.mega__feature .link{margin-top:auto;font-size:14px}
.mega__feature--photo{background-size:cover;background-position:center;color:var(--on-char)}
.mega__feature--photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,26,27,.3),rgba(25,26,27,.88))}
.mega__feature--photo>*{position:relative}
.mega__feature--photo .eyebrow{color:var(--gold-light)}
.mega__feature--photo .eyebrow::before{background:var(--gold-light)}
.mega__feature--photo .mega__h{color:#FBF6EC}
.mega__feature--photo p{color:var(--on-char-mute)}
.mega__feature--photo .link{color:var(--gold-light)}
.mega__col{display:flex;flex-direction:column;gap:2px}
.mega__title{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:10px;padding-left:12px;font-weight:600}
.mega__col a{display:block;padding:11px 12px;border-radius:2px;border-left:2px solid transparent;transition:background .15s,border-color .15s;font-weight:400}
.mega__col a span{display:block;font-weight:600;font-size:15.5px;color:var(--ink)}
.mega__col a small{display:block;font-size:12.5px;color:var(--mute);margin-top:2px;line-height:1.4}
.mega__col a:hover,.mega__col a:focus-visible{background:var(--gold-soft);border-left-color:var(--gold)}
.mega__col--grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;align-content:start}
.mega__col--grid .mega__title{grid-column:1/-1}
.mega__aside{border-left:1px solid var(--line);padding-left:40px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.mega__aside img{width:150px;margin-bottom:6px;opacity:.9}
.mega__aside b{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.2}
.mega__aside span{font-size:13.5px;color:var(--ink2)}
.mega__aside .btn{align-self:flex-start;margin-top:8px}
.mega__aside .link{font-size:14px}
.mega__aside--dark{background:var(--char);color:var(--on-char);border:0;padding:28px 30px;border-radius:3px}
.mega__aside--dark b{color:#FBF6EC}
.mega__aside--dark span{color:var(--on-char-mute)}
.mega__aside--dark .link{color:var(--gold-light)}
.mega__aside--dark .btn--primary{background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408}
.mega__aside--photo{background-size:cover;background-position:center 30%;border:0;padding:28px 30px;border-radius:3px;position:relative;color:var(--on-char);overflow:hidden;justify-content:flex-end}
.mega__aside--photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,26,27,.15),rgba(25,26,27,.88))}
.mega__aside--photo>*{position:relative}
.mega__aside--photo b{color:#FBF6EC;font-size:21px}
.mega__aside--photo .btn--primary{background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408}
.nav-backdrop{position:fixed;inset:0;background:rgba(25,26,27,.38);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s linear .28s;z-index:-1;pointer-events:none}
body.mega-open .nav-backdrop{opacity:1;visibility:visible;transition-delay:0s}
body[data-page="home"] .topbar:not(.is-scrolled).has-open{background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--ink)}
body[data-page="home"] .topbar:not(.is-scrolled).has-open .menu>li>a{color:var(--ink)}
body[data-page="home"] .topbar:not(.is-scrolled).has-open .lang button{color:var(--ink2)}
body[data-page="home"] .topbar:not(.is-scrolled).has-open .btn--ghost{border-color:var(--gold-deep);color:var(--gold-deep)}
body[data-page="home"] .topbar:not(.is-scrolled).has-open .menu>li>a.is-flag{background:linear-gradient(135deg,#8C6420 0%,#C9A04A 45%,#9A7328 60%,#6B4A14 100%);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:rgba(201,160,74,.5)}
html[data-lang="zh"] .mega__feature .mega__h{font-size:26px}
@media (max-width:1024px){.mega,.nav-backdrop{display:none}}
/* drawer polish */
.drawer{background:var(--char);padding-top:calc(18px + env(safe-area-inset-top,0px))}
.drawer .eyebrow{font-size:10.5px;margin:34px 0 14px;max-width:80%}
.drawer summary{font-size:28px;padding:18px 0}
.drawer details a{padding:11px 0 11px 16px;font-size:16px}
.drawer details a.is-current{color:var(--gold-light)}
.drawer .lang--drawer{margin-top:22px;width:max-content;border:1px solid var(--char-line)}
.drawer .lang--drawer button{color:var(--on-char-mute)}
.drawer .lang--drawer button[aria-pressed="true"]{color:var(--gold-light);border-color:var(--char-line)}
.drawer .drawer-cta .btn--light{border-color:var(--char-line)}
.topbar .mega .wrap{display:grid;height:auto;position:relative}
.menu>li>a.is-flag{filter:none}
.menu>li:hover>a.is-flag{filter:none}
.nav-backdrop{top:var(--nav-h)}
/* ============================================================
v8.1 navigation — accessibility + design review applied
============================================================ */
html{scroll-padding-top:calc(var(--nav-h) + 16px)}
.skip{position:absolute;left:16px;top:-100px;z-index:80;padding:10px 14px;background:var(--panel);color:var(--ink);border:1px solid var(--gold);border-radius:2px;font-weight:600}
.skip:focus{top:calc(16px + env(safe-area-inset-top,0px))}
main:focus{outline:none}
h1:focus{outline:none}
/* backdrop now lives outside the header */
.nav-backdrop{position:fixed;inset:0;z-index:59;background:rgba(25,26,27,.22);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility 0s linear .32s}
@media (prefers-reduced-motion:no-preference){.nav-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}
body.mega-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
/* hover area spans the full bar height, no gap before the panel */
.menu>li{position:static;display:flex;align-items:center;height:var(--nav-h)}
/* one indicator at a time; siblings fade while a panel is open */
.menu>li>a::after{transform-origin:center;height:1px;margin-top:5px}
.topbar.has-open .menu>li:not(.is-open)>a{opacity:.55;transition:opacity .2s}
.topbar.has-open .menu>li:not(.is-open)>a::after{transform:scaleX(0)}
.topbar.has-open .menu>li.is-open>a{opacity:1}
.menu>li.is-open>a::after{transform:scaleX(1);background:var(--gold-deep)}
/* flag lockup: darker gradient for contrast, metallic diamond only */
.menu>li>a.is-flag{background:linear-gradient(135deg,#6B4A14 0%,#9A7328 40%,#B8903E 55%,#7A561A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none;border:1px solid rgba(154,115,40,.55)}
.menu>li>a.is-flag::before{background:var(--metal)}
.menu>li.is-open>a.is-flag,.menu>li>a.is-flag.is-active{border-color:var(--gold-deep);box-shadow:inset 0 -2px 0 var(--gold-deep)}
body[data-page="home"] .topbar:not(.is-scrolled):not(.has-open) .menu>li>a.is-flag{background:linear-gradient(135deg,#F3D98B,#FFF4CC 50%,#C9A04A);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:rgba(243,217,139,.5)}
/* quieter utilities: language and portal as text, one filled action */
.lang{border:0;gap:12px;margin-right:6px}
.lang button{padding:6px 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:none;border:0;border-radius:0;min-height:0}
.lang button[aria-pressed="true"]{background:none;color:var(--ink);box-shadow:inset 0 -1px 0 var(--gold);border:0}
body[data-page="home"] .topbar:not(.is-scrolled):not(.has-open) .lang button[aria-pressed="true"]{color:var(--on-char);box-shadow:inset 0 -1px 0 var(--gold-light)}
.nav-cta{gap:14px;align-items:center}
.nav-cta .btn--ghost{border-color:transparent;padding-inline:8px;color:var(--ink2);font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:none}
.nav-cta .btn--ghost:hover{background:none;color:var(--gold-deep)}
body[data-page="home"] .topbar:not(.is-scrolled):not(.has-open) .nav-cta .btn--ghost{color:var(--on-char);border-color:transparent}
/* panel proportions and type scale */
.mega__in{display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.4fr) minmax(280px,.95fr);gap:56px;padding-block:36px 40px;align-items:stretch}
.mega__feature{min-height:0;padding:26px 28px 24px}
.mega__feature:not(.mega__feature--photo){background:transparent;border-radius:0;border-left:1px solid var(--line);padding:26px 0 24px 28px}
.mega__feature:not(.mega__feature--photo) .mega__h{font-size:24px;max-width:14ch}
.mega__feature--photo{padding:26px 28px 24px;min-height:232px}
.mega__feature .mega__h{font-family:var(--display);font-size:26px;line-height:1.15;letter-spacing:-.005em;font-weight:500;margin:0}
.mega__feature--photo .mega__h{color:#FBF6EC;max-width:none}
.mega__feature p,.mega__aside span{font-size:14px;line-height:1.5}
.mega__feature .link{margin-top:auto;padding-top:18px}
.mega__col{padding-top:26px}
.mega__col a{padding:9px 12px}
.mega__col a span{font-size:15px}
.mega__col a small{font-size:13px;color:color-mix(in srgb,var(--mute) 55%,var(--ink));margin-top:1px}
.mega__title{font-size:11px;margin-bottom:8px}
.mega__aside{justify-content:flex-start;padding-top:26px}
.mega__aside b,.mega__aside--photo b{font-size:22px}
.mega__aside .btn{margin-top:auto}
.mega__aside .link+.link{margin-top:2px}
.mega__aside--dark,.mega__aside--photo{padding:26px 28px 24px}
/* shrunk header stays quiet */
.topbar.is-scrolled{--nav-h:64px;box-shadow:0 1px 0 var(--line),0 12px 24px -20px rgba(50,35,10,.28)}
.topbar.is-scrolled .brand img{height:34px}
.topbar.is-scrolled .menu>li>a{padding:8px 8px}
.topbar.is-scrolled .menu>li>a.is-flag{padding:7px 14px 7px 28px}
.topbar.is-scrolled .nav-cta .btn--primary{padding:8px 14px;font-size:12.5px}
/* Chinese inside panels */
html[data-lang="zh"] .mega__title{font-family:"Noto Sans SC",var(--body);font-size:12.5px;letter-spacing:.16em;font-weight:500}
html[data-lang="zh"] .mega__col a span{font-size:15.5px;font-weight:500}
html[data-lang="zh"] .mega__col a small,html[data-lang="zh"] .mega__aside span,html[data-lang="zh"] .mega__feature p{font-size:13.5px;line-height:1.6}
html[data-lang="zh"] .mega__feature p,html[data-lang="zh"] .mega__aside span{text-wrap:balance;line-break:strict}
html[data-lang="zh"] .mega__feature .mega__h,html[data-lang="zh"] .mega__aside b{font-weight:600;letter-spacing:.02em;line-height:1.3}
html[data-lang="zh"] .mega__feature .eyebrow{letter-spacing:.14em}
@media (max-width:1200px){
.mega__in{grid-template-columns:minmax(260px,1fr) 1.5fr;gap:40px;padding-block:30px 34px}
.mega__aside{display:none}
.mega__feature .mega__h{font-size:22px}
.mega__col--grid{grid-template-columns:1fr 1fr}
}
/* drawer: hidden state leaves the focus order; current section marked; utility layer */
.drawer{visibility:hidden;transform:translateX(100%);transition:transform .28s,visibility 0s linear .28s;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.drawer.is-open{visibility:visible;transform:none;transition-delay:0s}
.drawer .eyebrow{font-size:10px;margin:8px 0 18px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:60px}
.drawer summary{font-size:22px;padding:14px 0;gap:12px}
.drawer summary::after{font-size:22px;line-height:1}
.drawer summary.is-current{color:var(--gold-light)}
.drawer details a{padding:9px 0 9px 16px;font-size:15px}
.drawer details a.is-current{color:var(--gold-light);border-left-color:var(--gold-light)}
.drawer details:nth-of-type(2) summary{font-family:var(--label);font-weight:600;font-size:14px;letter-spacing:.18em;text-transform:uppercase;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.drawer details:nth-of-type(2) summary::after{background:none;-webkit-text-fill-color:var(--gold-light)}
.drawer-util{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-top:26px;padding-top:18px;border-top:1px solid var(--char-line)}
.drawer-util a{font-size:14px;color:var(--on-char-mute);padding:6px 0}
.drawer-util a:first-child{color:var(--gold-light);grid-column:1/-1;font-weight:600}
.drawer-office{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-char-mute);margin:14px 0 0}
.drawer .lang--drawer{margin-top:18px}
@media (prefers-reduced-motion:reduce){.topbar,.topbar>.wrap,.brand img,.mega,.nav-backdrop,.drawer{transition:none}}
.drawer .lang--drawer{border:0;margin-top:22px}
.drawer .lang--drawer button{color:var(--on-char-mute)}
.drawer .lang--drawer button[aria-pressed="true"]{color:var(--gold-light);box-shadow:inset 0 -1px 0 var(--gold-light)}
/* ============================================================
v9 — charter: title sponsorship showcase, pricing, membership, governance
============================================================ */
.price{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price-val{font-family:var(--display);font-weight:600;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
.price-req{display:none;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
html[data-prices="off"] .price-val{display:none}
html[data-prices="off"] .price-req{display:inline}
.price-note{display:block;font-size:12px;color:var(--mute);letter-spacing:.04em;margin-top:4px}
/* title sponsorship — the one ceremonial surface */
.title-sponsor{position:relative;display:grid;grid-template-columns:150px 1.2fr 1fr;gap:44px;align-items:center;padding:56px 60px;background:radial-gradient(70% 90% at 15% 20%,rgba(243,217,139,.16),transparent 60%),radial-gradient(60% 80% at 90% 100%,rgba(201,160,74,.12),transparent 60%),var(--char);color:var(--on-char);border-radius:3px;box-shadow:0 40px 80px -40px rgba(30,20,5,.6);overflow:hidden}
.title-sponsor::before{content:"";position:absolute;inset:14px;border:1px solid rgba(243,217,139,.35);border-radius:2px;pointer-events:none}
.title-sponsor::after{content:"";position:absolute;inset:20px;border:1px solid rgba(243,217,139,.14);border-radius:2px;pointer-events:none}
.title-sponsor .corner{position:absolute;width:26px;height:26px;border:1.5px solid var(--gold-light);pointer-events:none}
.title-sponsor .corner--tl{top:14px;left:14px;border-right:0;border-bottom:0}
.title-sponsor .corner--tr{top:14px;right:14px;border-left:0;border-bottom:0}
.title-sponsor .corner--bl{bottom:14px;left:14px;border-right:0;border-top:0}
.title-sponsor .corner--br{bottom:14px;right:14px;border-left:0;border-top:0}
.title-sponsor__seal{position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--metal);color:#1C1408;box-shadow:0 20px 40px -20px rgba(0,0,0,.8),inset 0 0 0 4px rgba(255,255,255,.35),inset 0 0 0 6px rgba(120,80,20,.35)}
.title-sponsor__seal::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(60,40,10,.45);border-radius:50%}
.title-sponsor__seal>div{display:grid;gap:2px}
.title-sponsor__seal b{font-family:var(--display);font-size:56px;line-height:1;font-weight:700}
.title-sponsor__seal span{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase}
.title-sponsor__body .eyebrow{color:var(--gold-light);letter-spacing:.24em}
.title-sponsor__body .eyebrow::before{background:var(--gold-light)}
.title-sponsor__body h3{font-family:var(--display);font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.1;color:#FBF6EC;max-width:16ch}
.title-sponsor__body .lede{color:var(--on-char-mute);font-size:16.5px;margin-top:14px;max-width:44ch}
.title-sponsor__body .price{margin-top:22px}
.title-sponsor__body .price-val{font-size:40px;color:var(--gold-light)}
.title-sponsor__body .price-note{color:var(--on-char-mute)}
.title-sponsor__benefits{border-left:1px solid rgba(243,217,139,.25);padding-left:40px;display:flex;flex-direction:column;gap:14px}
.title-sponsor__benefits .mega__title{color:var(--gold-light);padding-left:0}
.title-sponsor__benefits .checklist{color:var(--on-char);gap:8px}
.title-sponsor__benefits .checklist li{font-size:15px}
.title-sponsor__benefits .checklist li::before{border-color:var(--gold-light)}
.title-sponsor__benefits .checklist li::after{border-color:var(--gold-light)}
.title-sponsor__benefits .btn{align-self:flex-start;margin-top:8px;background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408}
.title-sponsor .note{font-size:12.5px;color:var(--on-char-mute);margin-top:10px}
/* tiers: quotas, muted variants, dark stand-out */
.tier .qty span{letter-spacing:.14em}
.tier--muted{background:transparent;border-style:dashed}
.tier--muted .name{font-size:24px}
.tier .who{font-size:13px;color:var(--mute);margin-top:-6px}
.tiers--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.tiers--3{grid-template-columns:repeat(2,1fr)}}
.tiers--5{grid-template-columns:repeat(5,1fr)}
.tier .price-val{font-size:26px;color:var(--gold-deep)}
.tier--lead .price-val{color:var(--gold-light)}
.tier--lead .price-note{color:var(--on-char-mute)}
/* pricing tables */
.pricing{width:100%;border-collapse:collapse;font-size:15px}
.pricing th,.pricing td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.pricing th{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.pricing td.price-val{font-size:18px;white-space:nowrap}
.pricing td:last-child{color:var(--ink2);font-size:14px}
.pricing tr:hover td{background:color-mix(in srgb,var(--gold-soft) 60%,transparent)}
.pricing .tag{margin-left:6px}
/* governance structure */
.org{display:grid;gap:0;border-top:1px solid var(--line)}
.org__tier{display:grid;grid-template-columns:260px 1fr 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}
.org__tier>b{font-family:var(--display);font-size:24px;font-weight:600;line-height:1.2}
.org__tier>b small{display:block;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:6px;font-weight:600}
.org__who,.org__what{font-size:15px;color:var(--ink2)}
.org__who::before,.org__what::before{display:block;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.org__who::before{content:attr(data-label)}
.org__what::before{content:attr(data-label)}
html[data-lang="zh"] .org__who::before{content:"组成"}
html[data-lang="zh"] .org__what::before{content:"职责"}
.sec--dark .org{border-color:var(--char-line)}.sec--dark .org__tier{border-color:var(--char-line)}.sec--dark .org__who,.sec--dark .org__what{color:var(--on-char-mute)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 28px;list-style:none;margin:0;padding:0}
.principles li{padding:14px 0 14px 18px;border-left:1px solid var(--gold);font-size:15px}
@media (max-width:1100px){.title-sponsor{grid-template-columns:120px 1fr;gap:32px}.title-sponsor__benefits{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid rgba(243,217,139,.25);padding-top:24px}.title-sponsor__seal{width:120px;height:120px}.title-sponsor__seal b{font-size:44px}.tiers--5{grid-template-columns:repeat(3,1fr)}.org__tier{grid-template-columns:1fr 1fr}.org__tier>b{grid-column:1/-1}}
@media (max-width:600px){.title-sponsor{grid-template-columns:1fr;padding:36px 24px;gap:24px}.title-sponsor__seal{margin:0 auto}.tiers--3,.tiers--5{grid-template-columns:1fr}.org__tier{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.pricing{min-width:640px}}
body,.title-sponsor__seal b{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.tiers--5 .tier{padding:26px 20px}
.tiers--5 .tier .name{font-size:21px}
.tiers--5 .tier ul{font-size:13.5px;gap:6px}
.tiers--5 .tier .price-val{font-size:23px}
.tiers--5 .tier .qty b{font-size:34px}
html[data-lang="zh"] .title-sponsor__body h3{max-width:11em;text-wrap:balance;line-height:1.25}
html[data-lang="zh"] .title-sponsor__seal span{letter-spacing:.3em;font-size:11px}
/* ============================================================
v10 — hero leads with the summit name; nav without text-shadow
============================================================ */
body[data-page="home"] .topbar:not(.is-scrolled){text-shadow:none}
.hero h1{display:flex;flex-direction:column;gap:14px;max-width:none}
.hero .h1-name{font-family:var(--display);font-weight:600;font-size:clamp(64px,8.6vw,124px);line-height:.95;letter-spacing:-.01em;color:#FBF6EC}
.hero .h1-full{font-family:var(--label);font-weight:600;font-size:clamp(13px,1.25vw,17px);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light);font-weight:600;line-height:1.5}
.hero .theme{margin-top:28px;font-family:var(--display);font-size:clamp(22px,2.3vw,32px);line-height:1.25;color:#FBF6EC;max-width:30ch}
.hero .theme em{font-style:italic;font-weight:500;color:var(--gold-light)}
.hero .sub{margin-top:18px;font-size:clamp(16px,1.35vw,19px);max-width:52ch;color:var(--on-char-mute)}
html[data-lang="zh"] .hero .h1-full{font-family:"Noto Serif SC",var(--display);font-size:clamp(20px,2.2vw,30px);letter-spacing:.12em;text-transform:none;font-weight:600}
html[data-lang="zh"] .hero .theme{font-size:clamp(22px,2.3vw,32px)}
html[data-lang="zh"] .hero .theme em{font-style:normal}
@media (max-width:600px){.hero .h1-name{font-size:56px}.hero .theme{font-size:21px}.hero .h1-full{font-size:12px;letter-spacing:.18em}}
.apply-note{font-size:14px;color:var(--mute)}
html[data-lang="zh"] .hero .theme{max-width:none}
html[data-lang="zh"] .hero .theme em{white-space:nowrap}
/* footer style switcher */
/* ---- forms → backend (backend/CONTRACT.md): honeypot, sending state, error slot, selected-files list ---- */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.form-error{color:var(--red,#A6452E);font-size:14px;font-weight:600;margin:0 0 14px}
.form-error+.btn{margin-top:4px}
.btn.is-busy{opacity:.7;pointer-events:none;cursor:default}
.btn.is-busy::after{display:none}
form[aria-busy="true"] .step-nav{opacity:.6;pointer-events:none}
.done h2:focus{outline:none}
.file-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;text-align:left;font-size:14px}
.file-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.file-list .file-name{color:var(--ink);overflow-wrap:anywhere}
.file-list .file-size{color:var(--mute);white-space:nowrap}
.upload .form-error{margin:12px 0 0}
footer .form-error{color:#E08A6E}
/* ---- 我的 CAMIC / My CAMIC (#/account, account.js · docs/accounts/SPEC.md): sign-in card, profile step, home, status pills ---- */
.account{display:grid;gap:28px}
.wrap.account{max-width:var(--wrap)}
.account>*{max-width:880px;width:100%}
.account>.account-home{max-width:none}
.account-page .sec--tight{padding-block:56px 110px}
.account-loading{font-size:14px;color:var(--mute);padding:18px 0}
.form-error.is-note{color:var(--gold-deep)}
/* sign-in card: email → code (§1.3) */
.account-signin{max-width:560px;padding:42px 46px 38px;box-shadow:0 1px 2px rgba(28,20,8,.04),0 30px 60px -40px rgba(28,20,8,.28)}
.account-signin:hover,.account-profile:hover{transform:none;border-color:var(--line);box-shadow:0 1px 2px rgba(28,20,8,.04),0 30px 60px -40px rgba(28,20,8,.28)}
.account-signin::after,.account-profile::after{content:"";position:absolute;inset:-1px;padding-top:2px;background:var(--metal);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.account-signin h3{font-size:30px;margin-bottom:26px}
.account-signin .field{margin-bottom:22px}
.account-signin .cta-row{margin-top:8px;gap:12px}
.account-signin .cta-row .btn--primary{min-width:180px}
.account-code{font-family:var(--display)!important;font-size:28px!important;letter-spacing:.42em;font-variant-numeric:lining-nums tabular-nums;padding-inline:20px!important}
.account-code::placeholder{letter-spacing:.42em}
.account-sentto{font-size:14.5px;color:var(--ink2);margin:-14px 0 22px}
.account-sentto b{color:var(--ink);font-weight:600;overflow-wrap:anywhere;margin-right:8px}
.account-sentto>span{white-space:nowrap}
.account-change{background:none;border:0;padding:0;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
/* profile step = profile editor (§1.4): one form, moved between the card and #account-profile */
.account-profile{max-width:880px;padding:44px 48px 38px;box-shadow:0 1px 2px rgba(28,20,8,.04),0 30px 60px -40px rgba(28,20,8,.28)}
.account-profile h3{font-size:30px;margin-bottom:24px}
.account-profile .kv.account-email{display:flex;gap:18px;align-items:baseline;padding:14px 18px;margin:0 0 26px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}
.account-profile .kv.account-email dd{overflow-wrap:anywhere;min-width:0}
.account-type{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:26px}
.account-type .choice>div{flex-direction:row;align-items:center;gap:16px;padding:22px 24px;min-height:0}
.account-type .choice>div b{font-family:var(--display);font-size:21px;padding-right:30px}
html[data-lang="zh"] .account-type .choice>div b{font-family:"Noto Serif SC",var(--display)}
.account-type__ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:var(--gold-soft)}
.account-type__ic::before{content:"";width:22px;height:22px;background:var(--gold-deep);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.account-type__ic--person{--ic:url("data:image/svg+xml;utf8,")}
.account-type__ic--company{--ic:url("data:image/svg+xml;utf8,")}
.account-type .choice input:checked+div .account-type__ic{background:var(--char);border-color:var(--char)}
.account-type .choice input:checked+div .account-type__ic::before{background:var(--gold-light)}
.account-more{margin:6px 0 8px;padding:24px 24px 6px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;min-inline-size:0}
.account-more>legend{float:left;width:100%;margin:0 0 16px;padding:0;font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
html[data-lang="zh"] .account-more>legend{font-size:12.5px;letter-spacing:.1em}
.account-more>legend+*{clear:both}
.account-profile .check{margin-top:6px}
.account-profile .cta-row{margin-top:26px}
.account-pform[data-compact] [data-pf]:not(.is-need){display:none}
.account-profile--inline{max-width:none}
.account-profile--inline>form>h3{display:none}
/* arriving from a form (`next`): that form's keepsake beside sign-in and the profile step */
.account.account--gate{grid-template-columns:minmax(0,1fr) 340px;column-gap:40px;align-items:start;max-width:1180px}
.account.account--gate:has(>.account-signin){grid-template-columns:minmax(0,560px) 340px;column-gap:64px}
.account--gate>.account-signin,.account--gate>.account-profile{max-width:none}
.account--gate>.account-gate-side{grid-column:2;grid-row:1;width:340px;max-width:none}
@media (max-width:1020px){
.account.account--gate,.account.account--gate:has(>.account-signin){grid-template-columns:1fr;row-gap:28px}
.account--gate>.account-gate-side{grid-column:1;grid-row:auto;width:100%;max-width:420px}
}
/* home (§1.5): the plaque, then one section per kind with its permanent actions on the right */
.account-home{display:grid;gap:0}
.account-bar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px 34px;margin:0;border:1px solid var(--plaque-line);border-radius:6px;background:var(--plaque);color:#F3EBDD;box-shadow:0 36px 64px -40px rgba(20,14,4,.62)}
.account-bar::before{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:3px;pointer-events:none}
.account-bar>*{position:relative}
.account-mono{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-family:"Noto Serif SC",var(--display);font-weight:600;font-size:29px;line-height:1;color:var(--gold-light);background:radial-gradient(90% 90% at 72% 12%,rgba(243,217,139,.2),transparent 62%),#0e0d0b;border:1px solid rgba(243,217,139,.62);box-shadow:0 0 0 5px rgba(243,217,139,.07)}
.account-bar__who{display:grid;gap:4px;min-width:0}
.account-bar__who b{font-family:var(--display);font-size:27px;font-weight:600;line-height:1.2;color:var(--ivory);overflow-wrap:anywhere}
html[data-lang="zh"] .account-bar__who b{font-family:"Noto Serif SC",var(--display)}
.account-bar__org{font-size:15.5px;color:var(--plaque-text);overflow-wrap:anywhere}
.account-bar__mail{font-size:13.5px;color:var(--on-char-mute);overflow-wrap:anywhere}
.account-bar .btn--ghost{border-color:rgba(243,217,139,.5);color:var(--gold-light)}
.account-bar .btn--ghost:hover{background:rgba(243,217,139,.08)}
.account-sec{padding-top:72px;scroll-margin-top:96px}
.account-sec__head{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.account-sec__head h2{display:flex;align-items:center;gap:14px;font-size:clamp(26px,2.4vw,34px);line-height:1.2}
.account-sec__head h2::before{content:"";flex:none;width:9px;height:9px;background:var(--metal);transform:rotate(45deg)}
html[data-lang="zh"] .account-sec__head h2{font-size:clamp(24px,2.2vw,31px)}
.account-sec__head:only-child{margin-bottom:0}
.sec-actions{display:flex;gap:10px;flex-wrap:wrap}
.account-ref{font-family:var(--label);font-weight:600;font-size:12.5px;letter-spacing:.14em;color:var(--gold-deep);font-variant-numeric:lining-nums}
/* tickets: the pay.js ticket laid flat as a pass; the same item replaces a form that already has one (§1.9) */
.account-cards{display:grid;gap:40px}
.account-item{display:grid;gap:16px;max-width:900px}
.account-item__foot{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:0 4px}
.account-item__foot .link,.account-item__foot .btn{margin-left:auto}
.account-item__foot .btn+.btn{margin-left:0}
/* the attendance deposit's choice (deposit-vat §4.4): the figure on its own line, the two buttons together under it; full width on phones */
.account-item__foot--deposit{display:grid;justify-items:start;gap:12px}
/* a deposit's state pill can be a sentence (Credit US$350 · valid until the end of the next CAMIC): it wraps instead of widening the card / the confirm page at 360 */
.account-item__foot>.pill:only-child,[data-pay-deposit] .pill,.pay-order__head>[data-confirm-status]{white-space:normal;max-width:100%}
.account-item__foot--deposit .cta-row{margin-top:0;gap:10px}
.account-item__foot--deposit .cta-row .btn{margin-left:0}
@media (max-width:600px){.account-item__foot--deposit{justify-items:stretch}.account-item__foot--deposit .cta-row .btn{flex:1 1 100%}}
.account-keep{display:block;color:inherit;border-radius:8px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
a.account-keep:hover{transform:translateY(-3px)}
.account-keep:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.account-keep .ticket{display:grid;grid-template-columns:minmax(0,1fr) 26px 252px}
.account-keep .ticket__main{border-radius:8px 0 0 8px;padding:30px 34px 30px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:34px;align-content:start}
.account-keep .ticket__head{grid-column:1/-1;margin-bottom:6px}
.account-keep .ticket__logo{width:132px}
.account-keep .ticket__main>.ticket__label,.account-keep .ticket__pass,.account-keep .ticket__row{grid-column:1}
.account-keep .ticket__holder{grid-column:2;grid-row:2 / span 3;align-self:start;align-content:start;border-top:0;padding:0 0 0 30px;border-left:1px solid rgba(243,217,139,.16);min-height:100%}
.account-keep .ticket__pass .form-summary__item>span{font-size:28px}
.account-keep .ticket__holder b{font-size:24px}
.account-keep .ticket__main::before{background:radial-gradient(70% 120% at 0% 0%,rgba(243,217,139,.13),transparent 62%)}
.account-keep .ticket.is-issued .ticket__main::before{background:radial-gradient(70% 120% at 0% 0%,rgba(243,217,139,.2),transparent 62%)}
.account-keep .ticket__stub{background:radial-gradient(120% 90% at 100% 0%,rgba(243,217,139,.12),transparent 60%),var(--tk);border-radius:0 8px 8px 0;padding:30px 30px;align-content:center}
.account-keep .ticket__tear{height:auto;background:radial-gradient(circle at 50% 0,transparent 12px,var(--tk) 12.5px) top/100% 51% no-repeat,radial-gradient(circle at 50% 100%,transparent 12px,var(--tk) 12.5px) bottom/100% 51% no-repeat}
.account-keep .ticket__tear::after{left:50%;right:auto;top:22px;bottom:22px;border-top:0;border-left:1.5px dashed rgba(243,217,139,.38)}
.account-keep .ticket__qrrow{flex-direction:column;align-items:flex-start;gap:14px}
.account-keep .ticket__qr{flex:none;width:138px;padding:8px}
.account-keep .ticket__code{font-size:17px}
.account-item--card{max-width:420px}
.account-item--card .account-keep{display:grid;gap:14px}
.account-live{max-width:900px;width:100%;justify-self:center}
.form-shell[data-live="on"]{grid-template-columns:minmax(0,1fr)}
.form-shell[data-live="on"]>form,.form-shell[data-live="on"]>aside{display:none}
/* holdings: keepsake left, what it gives on the right (§1.5, §7) */
.account-holds{display:grid;gap:28px}
.account-hold{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:start;padding:34px 38px 36px;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 2px rgba(28,20,8,.04),0 26px 50px -44px rgba(40,28,8,.45)}
.account-hold__keep{display:grid;gap:14px}
.account-hold__keep .member-card{overflow:visible;min-height:0}
.account-hold__body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'meta meta' 'title figs' 'list list' 'cta cta';column-gap:28px;row-gap:18px;min-width:0;padding-top:4px}
.account-hold__meta{grid-area:meta;display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.account-hold__body>h3{grid-area:title;align-self:end;padding-bottom:4px;font-size:32px;line-height:1.2}
html[data-lang="zh"] .account-hold__body>h3{font-size:29px}
.account-hold__body>.benefit-figs{grid-area:figs}
.account-hold__body>.benefit-list{grid-area:list;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.account-hold__body>.cta-row{grid-area:cta;margin-top:4px}
.benefit-figs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0;margin:0;padding:0 0 4px;align-self:end}
.benefit-figs>div{display:grid;gap:8px;justify-items:end;text-align:right;padding:0 0 0 30px;margin-left:30px;border-left:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.benefit-figs>div:first-child{border-left:0;margin-left:0;padding-left:0}
.benefit-figs dt{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
html[data-lang="zh"] .benefit-figs dt{font-size:12.5px;letter-spacing:.1em}
.benefit-figs dd{margin:0;font-family:var(--display);font-weight:600;font-size:38px;line-height:1;white-space:nowrap;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variant-numeric:lining-nums;padding-bottom:.06em}
.benefit-figs dd small{font-size:.55em}
.benefit-list{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.benefit-list li{break-inside:avoid;position:relative;padding:0 0 12px 26px;font-size:15px;line-height:1.5;color:var(--ink2)}
.benefit-list li::before{content:"";position:absolute;left:3px;top:.3em;width:6px;height:11px;border:solid var(--gold-deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* specialist working groups (§1.7): the site's tag row; an inline form or detail under it */
.account-wg{--person:url("data:image/svg+xml;utf8,")}
.account-wg+.account-wg{margin-top:40px}
.account-wg__h{display:flex;align-items:baseline;gap:8px 14px;flex-wrap:wrap;font-size:22px;margin:0 0 16px}
.account-wg__tags{gap:10px;margin:0}
.account-wg .tag{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink2);font:inherit;font-size:14.5px;font-weight:600;line-height:1.3;cursor:pointer;transition:border-color .16s,background .16s,color .16s}
.account-wg .tag:not(.tag--gold)::before{content:"+";color:var(--gold-deep);font-weight:600}
.account-wg .tag:hover{border-color:var(--gold-deep)}
.account-wg .tag:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.account-wg .tag--gold{color:var(--ink);background:linear-gradient(180deg,rgba(243,217,139,.24),rgba(243,217,139,.07));border-color:color-mix(in srgb,var(--gold) 62%,transparent)}
.account-wg .tag--gold::before{content:"";width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex:none}
.account-wg .tag b{font-weight:600;color:var(--gold-deep);padding-left:10px;border-left:1px solid color-mix(in srgb,var(--gold) 45%,transparent);overflow-wrap:anywhere}
.account-wg .tag .pill{padding:3px 9px;font-size:10px}
.account-wg .tag[aria-expanded="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.account-wg .tag[aria-expanded="true"]::before{color:var(--gold-light)}
.account-wg .tag[aria-expanded="true"] b{color:var(--gold-light)}
.account-wg .tag[aria-expanded="true"] .pill{background:transparent;border-color:color-mix(in srgb,var(--gold-light) 60%,transparent);color:var(--gold-light)}
.account-wg__form,.account-wg__detail{position:relative;margin-top:20px;padding:28px 30px 26px;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 26px 50px -44px rgba(40,28,8,.45)}
.account-wg__form .form-block{margin:0}
.account-wg__form legend,.account-wg__legend{float:left;width:100%;padding:0;margin:0 0 20px;font-family:var(--display);font-size:24px;font-weight:600;line-height:1.2}
html[data-lang="zh"] :is(.account-wg__form legend,.account-wg__legend){font-family:"Noto Serif SC",var(--display)}
.account-wg__form legend+*,.account-wg__legend+*{clear:both}
.account-wg__form .field-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}
.account-wg__detail .kv{margin:0 0 20px}
.account-wg__detail .kv dd{overflow-wrap:anywhere;min-width:0}
.account-wg__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.account-wg__actions>:first-child{margin-right:auto}
.account-wg__actions .chip span::before{content:"";display:inline-block;width:14px;height:14px;margin:0 8px -2px 0;background:var(--gold-deep);-webkit-mask:var(--person) center/contain no-repeat;mask:var(--person) center/contain no-repeat}
.account-wg__actions .chip input:checked+span::before{content:"";background:var(--gold-light)}
.account-wg .form-error{margin:14px 0 0}
/* rows (projects, other records) */
.account-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.account-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;display:grid;gap:8px}
.account-row__head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.account-row__title{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.2;font-variant-numeric:lining-nums;overflow-wrap:anywhere;min-width:0}
.account-row__meta{display:flex;gap:6px 18px;flex-wrap:wrap;font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.account-row__date,.account-row__country{color:var(--mute)}
.account-row .file-list{margin-top:4px}
/* account details: person on the left, company on the right */
.account-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;padding:10px 32px;background:var(--panel);border:1px solid var(--line);border-radius:4px}
.account-kv>.kv{grid-template-columns:max-content minmax(0,1fr);gap:0;align-content:start}
.account-kv>.kv>dt{padding-right:30px!important}
.account-kv>.kv>dt,.account-kv>.kv>dd{padding:16px 0 15px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.account-kv>.kv>dt:first-of-type,.account-kv>.kv>dd:first-of-type{border-top:0}
.account-kv>.kv>dt{padding-top:19px}
.account-kv>.kv>dd{font-weight:500;overflow-wrap:anywhere}
/* status pills */
.pill{display:inline-block;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:2px;border:1px solid var(--line);color:var(--ink2);background:var(--bg2);white-space:nowrap;line-height:1.4}
.pill--new{border-color:var(--gold);color:var(--gold-deep);background:var(--gold-soft)}
.pill--progress{border-color:var(--gold-deep);color:#1C1408;background:var(--gold-light)}
.pill--done{border-color:transparent;color:var(--on-char);background:var(--char)}
.pill--off{color:var(--mute);background:transparent}
html[data-lang="zh"] :is(.pill,.account-row__meta){font-family:"Noto Sans SC",var(--body);letter-spacing:.1em;font-weight:600}
/* forms after sign-in (§3): the applicant block, account-type locks, the switch link */
form[data-auth="out"] .applicant{display:none}
.review-box.applicant{margin-bottom:26px}
[data-acct-fields][data-acct-on]{display:none}
input[data-acct-lock][readonly]{cursor:default}
.applicant .kv dd{font-weight:600;min-width:0;overflow-wrap:anywhere}
.applicant .kv dd small{display:inline;margin-left:8px;font-size:14px;font-weight:400;color:var(--ink2)}
.review-box.applicant>.kv{padding:22px 96px 22px 24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}
@media (max-width:640px){.review-box.applicant>.kv{padding:20px 18px 18px}.applicant .review-edit{top:19px;right:18px}}
.choice.is-off{opacity:.5}
.choice.is-off>div{background:transparent;border-style:dashed}
.choice.is-off>div::before{display:none}
.choice.is-off:hover>div{transform:none;border-color:var(--line)}
.choice.is-off input{cursor:not-allowed}
.choice__lock{align-self:flex-start;margin-top:10px;font-style:normal;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);padding:3px 9px;border-radius:2px}
html[data-lang="zh"] .choice__lock{font-size:11.5px;letter-spacing:.06em}
.step-panel .check--row span a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px}
.step-panel .account-switch{display:inline-block;margin:4px 0 18px}
.form-card .account-switch{margin:0 0 30px}
/* the keepsake's holder label: its inner span must not take the holder's grey 14px (pay page too) */
.ticket__holder>.ticket__label>span{font-size:inherit;color:inherit}
/* header entry: a monogram, never a text label (§2.1) */
.nav-account{--person:url("data:image/svg+xml;utf8,");
display:inline-grid;place-items:center;flex:none;border-radius:50%;color:var(--ink2);transition:color .2s}
.nav-account__mono{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink2) 42%,transparent);font-family:"Noto Serif SC",var(--display);font-weight:600;font-size:15px;line-height:1;transition:border-color .2s,box-shadow .2s}
.nav-account__mono::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--person) center/contain no-repeat;mask:var(--person) center/contain no-repeat}
.nav-account:hover{color:var(--gold-deep)}
.nav-account:hover .nav-account__mono{border-color:var(--gold-deep)}
.nav-account:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
html[data-auth="in"] .nav-account__mono{color:var(--gold-light);border-color:color-mix(in srgb,var(--gold-light) 55%,transparent);background:radial-gradient(90% 90% at 72% 12%,rgba(243,217,139,.24),transparent 62%),var(--char);box-shadow:0 0 0 2px var(--bg),0 0 0 3px color-mix(in srgb,var(--gold) 60%,transparent)}
html[data-auth="in"] .nav-account__mono::before{display:none}
html[data-auth="in"] .nav-account:hover .nav-account__mono{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--gold-deep)}
body[data-page="home"] .topbar:not(.is-scrolled):not(.has-open) .nav-account{color:var(--on-char)}
body[data-page="home"] .topbar:not(.is-scrolled):not(.has-open) .nav-account__mono{border-color:rgba(243,235,221,.55)}
@media (max-width:600px){
.topbar .lang{display:none}
html:not([data-auth="in"]) .nav-cta .nav-account{display:none}
html[data-auth="in"] .nav-cta .btn--primary{display:none}
}
/* drawer row (§2.2) */
.drawer-account{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:16px 0 4px;border-top:1px solid var(--char-line);color:var(--gold-light);font-weight:600;font-size:15px;overflow-wrap:anywhere}
.drawer-account::after{content:"→";flex:none}
.drawer-account+.drawer-util{margin-top:14px}
@media (max-width:1024px){
.account-hold{grid-template-columns:300px minmax(0,1fr);gap:34px;padding:28px}
.benefit-list{columns:1}
}
@media (max-width:900px){
.account-hold{grid-template-columns:1fr}
.account-hold__keep{max-width:420px}
.account-keep .ticket{grid-template-columns:1fr;max-width:420px}
.account-keep .ticket__main{grid-template-columns:1fr;border-radius:8px 8px 0 0;padding:26px 26px 22px}
.account-keep .ticket__holder{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid rgba(243,217,139,.16);padding:14px 0 0;min-height:0}
.account-keep .ticket__tear{height:26px;background:radial-gradient(circle at 0 50%,transparent 12px,var(--tk) 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 12px,var(--tk) 12.5px) right/51% 100% no-repeat}
.account-keep .ticket__tear::after{left:20px;right:20px;top:50%;bottom:auto;border-left:0;border-top:1.5px dashed rgba(243,217,139,.38)}
.account-keep .ticket__stub{background:radial-gradient(120% 90% at 100% 100%,rgba(243,217,139,.12),transparent 60%),var(--tk);border-radius:0 0 8px 8px;padding:16px 26px 24px}
.account-keep .ticket__qrrow{flex-direction:row;align-items:center}
.account-keep .ticket__qr{width:112px}
.account-kv{grid-template-columns:1fr}
.account-kv>.kv+.kv>:is(dt,dd):first-of-type{border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.account-wg__form .field-row{grid-template-columns:1fr}
}
@media (max-width:640px){
.account-signin,.account-profile{padding:28px 20px 24px}
.account-signin h3,.account-profile h3{font-size:26px}
.account-type{grid-template-columns:1fr}
.account-bar{grid-template-columns:auto minmax(0,1fr);padding:22px 20px;gap:16px}
.account-bar .btn{grid-column:1/-1;justify-self:start}
.account-mono{width:54px;height:54px;font-size:24px}
.account-bar__who b{font-size:22px}
.account-sec{padding-top:52px}
.account-hold{padding:14px 14px 22px;gap:24px}
.account-hold__body{padding:0 6px}
.account-hold__body{grid-template-columns:minmax(0,1fr);grid-template-areas:'meta' 'title' 'figs' 'list' 'cta';row-gap:14px}
.account-hold__body>h3{font-size:25px;padding-bottom:0}
.benefit-figs{justify-content:flex-start}
.benefit-figs>div{justify-items:start;text-align:left}
.benefit-figs dd{font-size:32px}
.account-kv{padding:6px 20px}
.account-kv>.kv{grid-template-columns:1fr}
.account-kv>.kv>dt{padding:14px 0 2px}
.account-kv>.kv>dd,.account-kv>.kv+.kv>dd:first-of-type{padding:0 0 14px;border-top:0}
.account-wg .tag{padding:9px 14px;font-size:14px;flex-wrap:wrap}
.account-wg__form,.account-wg__detail{padding:22px 18px}
.account-item__foot .link,.account-item__foot .btn{margin-left:0;flex-basis:100%}
.account-item__foot .btn{flex-basis:auto}
.account-signin .cta-row .btn,.account-profile .cta-row .btn{flex:1 1 100%}
}
@media (max-width:600px){
.account-row{padding:16px}
.account-row__head{flex-direction:column;gap:8px}
.account-wg__actions>*{flex:1 1 auto}
.account-wg__actions>:first-child{flex-basis:100%;margin-right:0}
}
/* ---------- legal track: consent banner (three actions), China filing row, policy tables ---------- */
.cookie{flex-wrap:wrap}
.cookie>span:first-child{flex:1 1 200px}
.cookie .cta-row{flex-wrap:wrap;margin-left:auto}
.cookie .cta-row .btn{white-space:nowrap}
footer .legal .beian{display:flex;gap:14px;flex-wrap:wrap}
footer .legal .beian a{color:inherit}
footer .legal [data-cookie-settings]{cursor:pointer}
.ledger{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.ledger th,.ledger td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ledger th{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap}
.ledger td:first-child{font-weight:600;color:var(--ink);min-width:8em}
.ledger--keys td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;font-weight:500}
.ledger tr:hover td{background:color-mix(in srgb,var(--gold-soft) 60%,transparent)}
.prose .tblwrap{margin:0 0 28px}
.prose .kv{margin-bottom:30px}
.prose .kv dd{font-weight:500}
.prose .kv dd small{margin-top:2px}
.prose ol{padding-left:22px;margin-bottom:20px}
/* legal: section title in a sticky left rail, text column on the right */
@media (min-width:1101px){
.page[data-route="legal"] .sec>.wrap>.prose{max-width:none;display:grid;grid-template-columns:minmax(0,300px) minmax(0,72ch);column-gap:88px;align-items:start}
.page[data-route="legal"] .sec>.wrap>.prose>*{grid-column:2}
.page[data-route="legal"] .sec>.wrap>.prose>.eyebrow{grid-column:1;grid-row:1;align-self:start;margin:0}
.page[data-route="legal"] .sec>.wrap>.prose>h2{grid-column:1;grid-row:1/span 400;position:sticky;top:calc(var(--nav-h) + 32px);margin:38px 0 0;font-size:clamp(28px,2.4vw,36px);line-height:1.25}
.page[data-route="legal"] .sec>.wrap>.prose>h2::after{content:"";display:block;width:56px;height:1px;background:var(--gold);margin-top:22px}
.page[data-route="legal"] .sec>.wrap>.prose>:nth-child(3){margin-top:0}
}
@media (max-width:600px){.ledger{min-width:600px}}
/* media: width/height attributes give the aspect ratio for layout (no CLS); the CSS width decides the size, so the height hint must not fix the height */
img{height:auto}
/* ---- pay page (#/pay, #/confirm · pay.js) ---- */
.pay{display:grid;gap:22px}
.pay-body{display:grid;gap:22px}
.pay-order{gap:14px}
.pay-order__head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.pay-order .ref{font-family:var(--label);font-weight:600;letter-spacing:.14em;color:var(--gold-deep);font-size:13px}
.pay-order__who{margin:0;font-weight:600}
.pay-step h3{margin:0 0 14px}
/* the deposit record form on #/confirm sits under the summary card, spaced like the other steps (the confirm body is not a .pay-body grid) */
[data-confirm-deposit]{margin-top:32px}
/* the check / review buttons keep their distance from the status line under them (已出票 · …) */
[data-confirm-check],[data-confirm-review]{margin-bottom:24px}
[data-confirm-done]{margin-top:24px}
.pay-step h4{margin:22px 0 10px}
.pay-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.pay-opt{display:grid;gap:4px;text-align:left;padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.pay-opt:hover,.pay-opt:focus-visible{border-color:var(--gold);box-shadow:var(--shadow)}
.pay-opt b{font-family:var(--display);font-size:21px;font-weight:600}
.pay-opt span{font-size:14px;color:var(--ink2)}
.pay-opt[disabled]{opacity:.6;cursor:progress}
.pay-soon,.pay-pending{margin:0;padding:16px 20px;border:1px dashed var(--gold-deep);border-radius:var(--radius);color:var(--gold-deep);font-weight:600}
.pay-popdone{margin:0;padding:14px 18px;background:var(--gold-soft);border-radius:var(--radius)}
.pay-popdone b{margin-right:8px}
.pay-ticket{display:grid;grid-template-columns:160px 1fr;gap:18px 26px;align-items:center}
.pay-ticket .cta-row{grid-column:1/-1}
.pay-ticket__qr{background:#fff;padding:8px;border:1px solid var(--line);border-radius:var(--radius);line-height:0}
.pay-ticket__qr svg{width:100%;height:auto}
.pay-ticket__body{display:grid;gap:4px}
.pay-ticket__name{font-family:var(--display);font-size:24px}
.pay-ticket .ref{font-family:var(--label);font-weight:600;letter-spacing:.14em;color:var(--gold-deep)}
@media (max-width:600px){.pay-ticket{grid-template-columns:1fr}.pay-ticket__qr{max-width:220px}}
/* the Secretariat's check-in camera (docs/deposit-vat/SPEC.md §6.3): a square viewfinder with a gold frame */
.checkin-cam{position:relative;width:100%;max-width:420px;aspect-ratio:1/1;margin:0 0 18px;background:var(--char);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.checkin-cam video{display:block;width:100%;height:100%;object-fit:cover}
.checkin-cam::after{content:"";position:absolute;inset:16%;border:2px solid var(--gold-light);border-radius:var(--radius);pointer-events:none}
/* the check-in result's lines (organisation, pass + add-on) run the card's full width: no balanced wrapping (zh .card p) */
html[data-lang="zh"] .pay-order[data-checkin-result] p{text-wrap:wrap}
.pay-order [data-checkin-flag]{align-self:flex-start}
/* printable documents: always white paper, whatever the site theme */
.doc-wrap{display:grid;gap:18px}
.doc-toolbar{display:flex;gap:10px;flex-wrap:wrap}
.doc{background:#fff;color:#1C1B1A;border:1px solid #DCCFB9;border-radius:var(--radius);padding:44px 48px;font-size:14px;line-height:1.55;box-shadow:var(--shadow);overflow-wrap:anywhere}
.doc b{color:#1C1B1A}
.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.doc-logo{width:170px;height:auto}
.doc-title{margin:0;font-family:var(--display);font-size:24px;letter-spacing:.06em;text-align:right;color:#1C1B1A}
.doc-seller{font-size:13px;color:#4A443C;margin-bottom:22px}
.doc-meta{border-collapse:collapse;margin:0 0 20px}
.doc-meta th{text-align:left;font-weight:400;color:#6F6659;padding:3px 18px 3px 0;vertical-align:top;white-space:nowrap}
.doc-meta td{padding:3px 0;font-weight:600}
.doc-to{margin:0 0 20px}
.doc-label{display:block;font-size:12px;color:#6F6659;text-transform:uppercase;letter-spacing:.12em}
.doc-lines{width:100%;border-collapse:collapse;margin:0 0 22px}
.doc-lines th,.doc-lines td{padding:9px 0;border-bottom:1px solid #DCCFB9;text-align:left}
.doc-lines thead th{font-size:12px;color:#6F6659;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.doc-lines tfoot th{border-bottom:0;border-top:2px solid #1C1B1A;font-size:16px}
.doc-lines tfoot tr:not(:last-child) th{font-size:14px}
.doc-lines tfoot tr+tr th{border-top:1px solid #DCCFB9}
.doc-lines tfoot tr+tr:last-child th{border-top:2px solid #1C1B1A}
.doc-lines .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.doc-h{font-size:16px;margin:0 0 8px;color:#1C1B1A}
.doc-note{font-size:12.5px;color:#6F6659}
.doc-date{text-align:right;color:#4A443C}
.doc-sign{margin-top:30px}
.doc-ticket{text-align:center;display:grid;justify-items:center;gap:6px}
.doc-ticket .doc-title{text-align:center}
.doc-qr{width:240px;line-height:0;margin:8px 0}
.doc-qr svg{width:100%;height:auto}
.doc-tcode{font-family:var(--label);font-weight:600;letter-spacing:.2em;font-size:18px;font-weight:700;margin:0}
.doc-tname{font-size:17px}
@media (max-width:600px){.doc{padding:26px 20px}.doc-head{flex-direction:column}.doc-title{text-align:left}}
@media screen{#print-root{display:none}}
@media print{
html.is-printing body>*:not(#print-root){display:none!important}
html.is-printing #print-root{display:block}
html.is-printing .doc{border:0;box-shadow:none;padding:0;border-radius:0}
@page{size:A4;margin:16mm}
}
/* =====================================================================
Premium forms (2026-09-24): register · membership · project · sponsor
Checkout layout: step form on the left, a dark live summary on the right.
===================================================================== */
.banner--compact{padding:64px 0 52px}
.banner--compact h1{font-size:clamp(34px,3.8vw,50px);max-width:none}
.banner--compact .lede{margin-top:10px;font-size:17px}
.sec--form{padding-block:56px 110px}
.form-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;max-width:1180px}
.form-shell>.stepper{margin:0}
/* the form card */
.stepper{padding:44px 48px 36px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(28,20,8,.04),0 30px 60px -40px rgba(28,20,8,.28)}
/* progress: a quiet segmented bar with step names */
.steps{gap:6px;margin:0 0 42px}
.steps li{padding-top:14px;border-top:3px solid var(--line);font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.steps li::before{display:none}
.steps li span{margin:0}
.steps li.is-active{color:var(--ink);border-top-color:var(--gold-deep)}
.steps li.is-done{color:var(--gold-deep);border-top-color:var(--gold)}
html[data-lang="zh"] .steps li{font-size:12.5px;letter-spacing:.06em}
/* step title: "02 / 05" over the legend */
.step-panel legend{font-size:34px;font-weight:600;letter-spacing:-.01em;margin-bottom:28px;line-height:1.15}
.step-panel legend::before{display:block;font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.2em;color:var(--gold-deep);margin-bottom:12px;content:attr(data-no)}
/* selectable cards */
.choice-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:18px}
.choice>div{padding:22px 24px;gap:6px;border:1px solid var(--line);background:var(--panel);transition:border-color .16s,box-shadow .16s,transform .16s}
.choice>div b{font-size:16.5px;line-height:1.3;padding-right:30px}
.choice>div span{font-size:14px;line-height:1.45}
.choice:hover>div{border-color:var(--gold-deep);transform:translateY(-1px)}
.choice input:checked+div{background:var(--panel);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.choice input:checked+div::after{content:"✓";top:18px;right:18px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;line-height:22px;text-align:center;transform:none}
.choice>div::before{content:"";position:absolute;top:18px;right:18px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line)}
.choice input:checked+div::before{display:none}
/* price block inside a card */
.choice>div .choice-price{display:grid;gap:4px;margin-top:auto;padding-top:16px}
.choice>div .choice-price .price{margin:0;color:var(--ink)}
.choice>div .choice-price .price-val{font-size:30px;line-height:1;color:var(--ink)}
.choice>div .choice-price small{font-size:12.5px;color:var(--mute)}
.choice>div .choice-price .price-free{font-family:var(--display);font-size:26px;font-weight:600;line-height:1;color:var(--gold-deep)}
.choice-grid--pass{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.choice--addon{display:block;margin-top:4px}
.choice--addon>div{display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:center}
.choice--addon>div>b,.choice--addon>div>span:not(.choice-price){grid-column:1}
.choice--addon .choice-price{grid-column:2;grid-row:1 / span 2;margin:0;padding:0 34px 0 0;text-align:right}
/* fields */
.field{gap:8px;margin-bottom:20px}
.field label,.field>span.lbl{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
html[data-lang="zh"] .field label,html[data-lang="zh"] .field>span.lbl{font-size:13px;letter-spacing:.04em}
/* a field label with its terms link on the same line (the investment institution's way: 出席押金条款) */
.field--linked{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px}
.field--linked>.link{font-size:13px}
.field .opt,.field .req{font-family:var(--body);text-transform:none;letter-spacing:0}
/* a .field that only labels the choice cards below it (the cards sit outside it: .field label would restyle label.choice) */
.field+.choice-grid{margin-top:-12px}
.field input,.field select,.field textarea{min-height:54px;padding:15px 16px;background:var(--bg);border:1px solid var(--line);font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--gold-deep)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 3px var(--gold-soft);background:var(--panel)}
.field input::placeholder,.field textarea::placeholder{color:var(--mute);opacity:.75}
.field-row{gap:20px}
/* option rows (arrangements, consent) */
.check--row{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:10px;cursor:pointer;transition:border-color .16s}
.check--row:hover{border-color:var(--gold-deep)}
.check--row:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.check--row input{width:18px;height:18px;margin-top:2px}
.check--row span{color:var(--ink);font-weight:600}
/* confirm step */
.step-panel .kv{padding:22px 24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}
.step-panel h4{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:30px 0 12px}
/* navigation */
.step-nav{margin-top:36px;padding-top:26px}
.step-nav [data-prev]{background:none;border-color:transparent;color:var(--ink2);padding-inline:4px}
.step-nav [data-prev]:hover{background:none;color:var(--gold-deep)}
.step-nav [data-prev]::before{content:"←";margin-right:8px}
.step-nav [data-next]::after,.stepper .cta-row button[type="submit"]::after{content:"→";margin-left:10px}
.step-nav [data-next],.stepper .cta-row button[type="submit"]{min-width:180px}
/* live summary */
.form-summary{position:sticky;top:calc(var(--nav-h) + 28px);display:grid;gap:14px;padding:32px 30px 28px;background:var(--char);color:var(--on-char);border-radius:var(--radius);box-shadow:0 30px 60px -36px rgba(0,0,0,.55)}
.form-summary::before{content:"";position:absolute;inset:10px;border:1px solid var(--char-line);border-radius:2px;pointer-events:none}
.form-summary .kicker{color:var(--gold-light)}
.form-summary h3{font-size:30px;color:#FBF6EC}
.form-summary__meta{margin:-6px 0 0;color:var(--on-char-mute);font-size:14px}
.form-summary dl{display:grid;gap:16px;margin:6px 0 0;padding:20px 0;border-block:1px solid var(--char-line)}
.form-summary dt{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);margin-bottom:4px}
html[data-lang="zh"] .form-summary dt{font-size:12.5px;letter-spacing:.06em}
.form-summary dd{margin:0;display:grid;gap:8px}
.form-summary dd.is-empty{color:var(--on-char-mute)}
.form-summary__item{display:grid;gap:2px;font-size:15px;line-height:1.35;color:#FBF6EC}
.form-summary__item small{font-size:13px;color:var(--on-char-mute)}
.form-summary__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.form-summary__total span{font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light)}
.form-summary__total b{font-family:var(--display);font-size:36px;font-weight:600;color:#FBF6EC;line-height:1}
.form-summary__note{color:var(--on-char-mute);font-size:12.5px;margin-top:-6px}
.form-summary__pay{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.form-summary__pay li{padding:5px 11px;border:1px solid var(--char-line);border-radius:2px;font-size:12px;color:var(--on-char)}
@media (max-width:1020px){
.form-shell{grid-template-columns:1fr}
.form-summary{position:relative;top:auto;order:-1}
}
@media (max-width:900px){
.steps{margin-bottom:30px}
.steps li{padding-top:0;font-size:0}
.steps li span,.steps li.is-active span{display:none}
}
@media (max-width:640px){
.stepper{padding:26px 20px 22px}
.step-panel legend{font-size:27px}
.choice--addon>div{grid-template-columns:1fr}
.choice--addon .choice-price{grid-column:1;grid-row:auto;text-align:left;padding:10px 0 0}
.form-summary{padding:24px 22px}
.form-summary__meta,.form-summary__pay{display:none}
}
/* single-page form card (sponsorship enquiry) */
.form-block{border:0;padding:0;margin:0 0 30px;min-inline-size:0}
.form-block legend{font-family:var(--display);font-size:28px;font-weight:600;margin-bottom:22px;padding:0;line-height:1.2}
.form-card .choice-grid--pass{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.form-card .choice>div{min-height:128px}
.prospectus-row{max-width:1180px;margin-top:32px}
.prospectus-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px 40px;align-items:start}
.prospectus-card>.kicker,.prospectus-card>h3,.prospectus-card>.kv{grid-column:1}
.prospectus-card>form{grid-column:2;grid-row:1 / span 3}
@media (max-width:900px){.prospectus-card{grid-template-columns:1fr}.prospectus-card>form{grid-column:1;grid-row:auto}}
/* documents: the site-wide .num display style must not leak into invoice tables */
.doc .num{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0;opacity:1;background:none;color:inherit;-webkit-text-fill-color:currentColor}
.doc th.num{font-weight:700}
/* footer: only the tagline is display type; the subscribe consent line stays small print */
footer .brand-col p.foot-note{font-family:var(--body);font-size:12.5px;line-height:1.5;max-width:none;color:var(--on-char-mute);margin-top:10px}
footer .brand-col p.foot-note a{color:var(--on-char);text-decoration:underline;text-underline-offset:3px}
/* =====================================================================
Black-gold keepsakes beside the forms (2026-09-24): ticket · member card · partner card
===================================================================== */
.form-side{position:sticky;top:calc(var(--nav-h) + 28px);display:grid;gap:14px}
.ticket__label{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,217,139,.78)}
html[data-lang="zh"] .ticket__label{font-size:12px;letter-spacing:.08em}
.is-placeholder{opacity:.45}
/* ticket: notched stub, dashed tear line, gold total */
.ticket{--tk:#171614;position:relative;color:#F3EBDD;filter:drop-shadow(0 28px 36px rgba(28,20,8,.32))}
.ticket__main{position:relative;background:var(--tk);border-radius:8px 8px 0 0;padding:26px 26px 22px;display:grid;gap:12px;overflow:hidden}
.ticket__main::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 100% 0%,rgba(243,217,139,.16),transparent 60%);pointer-events:none}
.ticket__main>*{position:relative}
.ticket__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(243,217,139,.16)}
.ticket__logo{width:118px;height:auto}
.ticket__where{font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);text-align:right}
.ticket__pass{min-height:34px}
.ticket__pass.is-empty,.member-card__tier.is-empty,.partner-card__pkg.is-empty{color:rgba(243,235,221,.3)}
.ticket__pass .form-summary__item>span{font-family:var(--display);font-size:25px;font-weight:600;line-height:1.2;color:#FBF6EC}
.ticket__pass .form-summary__item small,.ticket__row .form-summary__item small{font-size:13px;color:#B7AE9C}
.ticket__row{display:grid;gap:4px}
.ticket__row .form-summary__item{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:#FBF6EC}
.ticket__holder{display:grid;gap:3px;padding-top:14px;border-top:1px solid rgba(243,217,139,.16)}
.ticket__holder b{font-family:var(--display);font-size:21px;font-weight:600;color:#FBF6EC;overflow-wrap:anywhere}
.ticket__holder span{font-size:14px;color:#B7AE9C;overflow-wrap:anywhere}
.ticket__tear{position:relative;height:26px;background:radial-gradient(circle at 0 50%,transparent 12px,var(--tk) 12.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 12px,var(--tk) 12.5px) right/51% 100% no-repeat}
.ticket__tear::after{content:"";position:absolute;left:20px;right:20px;top:50%;border-top:1.5px dashed rgba(243,217,139,.38)}
.ticket__stub{background:var(--tk);border-radius:0 0 8px 8px;padding:14px 26px 22px;display:grid;gap:4px}
.ticket__stub>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ticket__total{font-family:var(--display);font-size:38px;font-weight:600;line-height:1;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.ticket__note{font-size:12px;color:#8F8778}
/* member card: a black metal card with gold foil */
.member-card{position:relative;aspect-ratio:1.586/1;border-radius:16px;padding:22px 24px 20px;color:#F3EBDD;display:grid;grid-template-rows:auto auto 1fr auto auto;overflow:hidden;
background:radial-gradient(120% 90% at 100% 0%,rgba(243,217,139,.24),transparent 55%),linear-gradient(135deg,#27241d 0%,#0e0d0b 55%,#1c1a15 100%);
border:1px solid rgba(243,217,139,.38);box-shadow:0 34px 50px -26px rgba(28,20,8,.6),inset 0 1px 0 rgba(255,255,255,.07)}
.member-card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(243,217,139,.045) 0 1px,transparent 1px 8px);pointer-events:none}
.member-card>*{position:relative}
.member-card__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.member-card__brand{font-family:var(--display);font-size:23px;font-weight:700;letter-spacing:.26em;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.member-card__sub{font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,217,139,.8);text-align:right}
.member-card__emblem{width:44px;height:33px;margin-top:14px;border-radius:6px;background:linear-gradient(90deg,transparent 48%,rgba(28,20,8,.35) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 30%,rgba(28,20,8,.3) 30% 34%,transparent 34% 66%,rgba(28,20,8,.3) 66% 70%,transparent 70%),var(--metal)}
.member-card__tier{align-self:end;min-height:28px}
.member-card__tier .form-summary__item>span{font-family:var(--display);font-size:22px;font-weight:600;color:#FBF6EC;line-height:1.2}
.member-card__tier .form-summary__item small{display:none}
.member-card__tier.is-empty{font-family:var(--display);font-size:22px}
.member-card__holder{margin-top:6px;font-family:var(--label);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#D9CFBD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-card__foot{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,217,139,.78)}
/* partner card: a framed plaque */
.partner-card{position:relative;padding:30px 28px 26px;border-radius:8px;display:grid;justify-items:center;gap:14px;text-align:center;color:#F3EBDD;
background:radial-gradient(90% 70% at 50% 0%,rgba(243,217,139,.18),transparent 60%),linear-gradient(170deg,#211f1b,#111010);
border:1px solid rgba(243,217,139,.38);box-shadow:0 34px 50px -26px rgba(28,20,8,.6)}
.partner-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(243,217,139,.2);border-radius:4px;pointer-events:none}
.partner-card__head{display:grid;justify-items:center;gap:10px;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light)}
.partner-card__head .ticket__logo{width:132px}
.partner-card__pkg{min-height:34px}
.partner-card__pkg .form-summary__item>span{font-family:var(--display);font-size:27px;font-weight:600;line-height:1.2;color:#FBF6EC}
.partner-card__pkg .form-summary__item small{display:none}
.partner-card__pkg.is-empty{font-family:var(--display);font-size:27px}
.partner-card__holder{font-family:var(--label);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#D9CFBD;max-width:100%;overflow-wrap:anywhere}
.partner-card__foot{padding-top:12px;border-top:1px solid rgba(243,217,139,.2);font-family:var(--label);font-weight:600;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,217,139,.75)}
/* light panel under a card */
.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;display:grid;gap:6px}
.side-panel__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.side-panel__total .ticket__label{color:var(--gold-deep)}
.side-panel__total b{font-family:var(--display);font-size:30px;font-weight:600;color:var(--ink);line-height:1}
.side-panel__note{font-size:12.5px;color:var(--mute)}
/* chips, payment choice, review */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;inset:0;opacity:0;cursor:pointer}
.chip span{display:inline-block;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:14.5px;font-weight:600;color:var(--ink2);transition:background .15s,color .15s,border-color .15s}
.chip span::before{content:"+";margin-right:8px;color:var(--gold-deep)}
.chip:hover span{border-color:var(--gold-deep)}
.chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip input:checked+span::before{content:"✓";color:var(--gold-light)}
.chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.pay-choice{margin:26px 0 6px;display:grid;gap:10px}
.pay-choice>.lbl{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.pay-choice__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.choice--pay>div{padding:18px 20px;min-height:0}
.choice--pay>div b{font-size:17px}
.terms-line{font-size:13px;color:var(--mute);margin:18px 0 10px;line-height:1.55}
.btn--lg{padding:18px 32px;font-size:15.5px;min-width:240px}
.check.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:1020px){.form-side{position:relative;top:auto;max-width:520px}#mine-platform-consultation .form-side{order:-1}}
.ticket__holder>.ticket__label{font-size:10.5px;color:rgba(243,217,139,.78)}
html[data-lang="zh"] .ticket__holder>.ticket__label{font-size:12px}
/* pay page: the same keepsake on the right, payment steps on the left */
.pay--wide{max-width:1180px}
.pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.pay-main{display:grid;gap:22px;min-width:0}
.pay-layout .pay-ticket{grid-template-columns:1fr}
.pay-layout .pay-ticket__qr{display:none}
.ticket__qrrow{display:flex;gap:16px;align-items:center}
.ticket__qr{flex:0 0 96px;background:#fff;padding:6px;border-radius:4px;line-height:0}
.ticket__qr svg{width:100%;height:auto}
.ticket__code{display:block;margin-top:4px;font-family:var(--label);font-weight:700;font-size:16px;letter-spacing:.14em;color:#FBF6EC}
.ticket.is-issued .ticket__main::before{background:radial-gradient(90% 70% at 100% 0%,rgba(243,217,139,.26),transparent 60%)}
.member-card.is-active{border-color:rgba(243,217,139,.7)}
@media (max-width:1020px){.pay-layout{grid-template-columns:1fr}.pay-side{order:-1;max-width:520px}}
/* application timeline (membership / sponsorship before the offer) */
.pay-timeline{list-style:none;margin:0;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);counter-reset:tl}
.pay-timeline li{counter-increment:tl;padding-top:14px;border-top:3px solid var(--line);font-size:13.5px;color:var(--mute)}
.pay-timeline li b{font-weight:600}
.pay-timeline li::before{content:counter(tl,decimal-leading-zero);display:block;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.16em;color:var(--mute);margin-bottom:4px}
.pay-timeline li.is-done{border-top-color:var(--gold);color:var(--gold-deep)}
.pay-timeline li.is-active{border-top-color:var(--gold-deep);color:var(--ink)}
.pay-timeline li.is-active::before,.pay-timeline li.is-done::before{color:var(--gold-deep)}
@media (max-width:640px){.pay-timeline{grid-template-columns:repeat(2,1fr);row-gap:16px}}
.pay-timeline.pay-timeline--3{grid-template-columns:repeat(3,1fr)}
/* review box: one "Change" for the whole summary */
.review-box{position:relative;margin-bottom:24px}
.review-box>.kv{margin-bottom:0;padding-right:96px}
.review-edit{position:absolute;top:22px;right:24px;font-size:13.5px;font-weight:600;z-index:1}
/* pay page as steps 4–5 of the registration flow */
.pay-flow{padding-top:30px}
.pay-flow__ref{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
.pay-flow__ref .ref{font-family:var(--label);font-weight:600;letter-spacing:.14em;color:var(--gold-deep);font-size:12.5px}
.pay-flow .pay-step h3{font-size:22px}
.pay-flow .pay-options{margin-top:4px}
.pay-opt.is-soon{opacity:.55;cursor:not-allowed}
.pay-opt.is-soon:hover{border-color:var(--line);box-shadow:none}
.pay-opt__soon{justify-self:start;margin-top:6px;font-style:normal;font-family:var(--label);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);border:1px dashed var(--gold-deep);padding:3px 8px;border-radius:2px}
.reg-nav{justify-content:flex-start}
.reg-done{text-align:center;padding:10px 0 20px}
.reg-done .badge{width:68px;height:68px;border-radius:50%;background:var(--metal);margin:0 auto 18px;display:grid;place-items:center;color:#1C1408;font-size:30px;font-weight:700}
.reg-done h2{font-size:clamp(28px,3vw,38px)}
.reg-done__cta{justify-content:center;margin-top:18px}
.pay-flow [data-reg-slot="5"] .pay-ticket{margin-top:10px}
/* =====================================================================
Home hero (2026-09-24): a darker veil over the video, and a clear type hierarchy —
CAMIC 2027 largest, the theme second, everything else quiet
===================================================================== */
.hero .hero-shade,.hero.has-video .hero-shade{background:linear-gradient(180deg,rgba(16,15,14,.62) 0%,rgba(16,15,14,.5) 38%,rgba(16,15,14,.62) 66%,rgba(16,15,14,.96) 100%)}
.hero .hero-shade::after,.hero.has-video .hero-shade::after{background:linear-gradient(90deg,rgba(16,15,14,.86) 0%,rgba(16,15,14,.62) 42%,rgba(16,15,14,.22) 78%,rgba(16,15,14,.1) 100%)}
.hero .eyebrow{font-size:11.5px;letter-spacing:.24em;margin-bottom:22px}
.hero .h1-name{font-size:clamp(68px,9.4vw,136px);text-shadow:0 4px 40px rgba(0,0,0,.45)}
.hero .h1-full{font-size:clamp(11.5px,1vw,14px);letter-spacing:.26em;opacity:.92}
.hero .theme{margin-top:30px;font-size:clamp(28px,3.3vw,48px);line-height:1.18;font-weight:600;max-width:24ch;text-shadow:0 2px 28px rgba(0,0,0,.5)}
.hero .theme em{display:block;font-weight:500}
.hero .sub{margin-top:18px;font-size:clamp(14px,1.1vw,16px);max-width:56ch;color:rgba(243,235,221,.78)}
.hero .cta-row{margin-top:34px}
html[data-lang="zh"] .hero .theme{font-family:"Noto Serif SC",var(--display);font-size:clamp(28px,3.1vw,46px);max-width:16em;line-height:1.3;letter-spacing:.02em}
html[data-lang="zh"] .hero .h1-full{font-size:clamp(13px,1.1vw,16px);letter-spacing:.3em}
html[data-lang="zh"] .hero .sub{font-size:clamp(14px,1.1vw,16px)}
@media (max-width:640px){.hero .h1-name{font-size:clamp(54px,15vw,72px)}.hero .theme{font-size:clamp(24px,7vw,30px)}html[data-lang="zh"] .hero .theme{font-size:clamp(20px,6vw,28px)}}
/* first-visit language chooser */
.langgate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(16,15,14,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:lgIn .35s ease-out}
.langgate[hidden]{display:none}
@keyframes lgIn{from{opacity:0}to{opacity:1}}
html.has-langgate,html.has-langgate body{overflow:hidden}
.langgate__card{position:relative;width:min(520px,100%);padding:44px 40px 38px;border-radius:10px;text-align:center;color:#F3EBDD;background:radial-gradient(90% 70% at 50% 0%,rgba(243,217,139,.16),transparent 60%),linear-gradient(170deg,#211f1b,#111010);border:1px solid rgba(243,217,139,.38);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.langgate__card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(243,217,139,.18);border-radius:6px;pointer-events:none}
.langgate__logo{width:170px;height:auto;margin:0 auto 22px}
.langgate__title{display:grid;gap:6px;margin:0 0 28px}
.langgate__title span:first-child{font-family:"Noto Serif SC",var(--display);font-size:26px;font-weight:600;color:#FBF6EC}
.langgate__title span:last-child{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light)}
.langgate__opts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.langgate__opt{display:grid;gap:4px;padding:22px 16px;border-radius:6px;border:1px solid rgba(243,217,139,.35);background:rgba(255,255,255,.03);color:#FBF6EC;font:inherit;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.langgate__opt b{font-family:var(--display);font-size:24px;font-weight:600}
.langgate__opt small{font-size:12.5px;color:#B7AE9C}
.langgate__opt:hover,.langgate__opt:focus-visible{border-color:var(--gold-light);background:rgba(243,217,139,.08);transform:translateY(-1px);outline:none}
.langgate__opt.is-suggested{border-color:var(--gold);background:linear-gradient(135deg,rgba(184,144,62,.28),rgba(243,217,139,.12))}
@media (max-width:420px){.langgate__card{padding:34px 22px 28px}.langgate__opts{grid-template-columns:1fr}}
/* inner-page banners (2026-09-24): every page opens on a dark photographic banner; forms keep a shorter one */
.banner--photo{min-height:0;padding-block:clamp(120px,13vw,168px) clamp(56px,6vw,84px)}
.banner--photo h1{color:#FBF6EC;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.banner--photo .lede{color:rgba(243,235,221,.82)}
.banner--photo .crumbs,.banner--photo .crumbs a{color:rgba(243,235,221,.62)}
.banner--photo .crumbs a:hover{color:var(--gold-light)}
.banner--photo .eyebrow{color:var(--gold-light)}
.banner--photo .eyebrow::before{background:var(--gold-light)}
.banner--photo .wrap::before{inset:-400px -100vw -400px;background:linear-gradient(90deg,rgba(16,15,14,.92) 0%,rgba(16,15,14,.7) 45%,rgba(16,15,14,.34) 100%)}
.banner--photo.banner--compact{padding-block:clamp(96px,9vw,120px) clamp(40px,4vw,56px)}
@media (max-width:900px){.banner--photo{padding-block:96px 56px}.banner--photo.banner--compact{padding-block:84px 40px}}
/* ===================================================================== PREMIUM-SECTIONS-2026-09-24 START
Premium sections 2026-09-24 — one component language for the content pages
Scope: section.page.lux (home, about, summit, countries, participate, sponsor, platform,
insights, contact, roadshows, media, cases). Forms, pay and account pages are not .lux.
Materials, all taken from what already works on the site:
· black-gold plaque = .partner-card (gradient, gold border, inset hairline frame)
· metal serif numerals = .ticket__total
· gold hairlines, tracked caps labels, refined outline chips
Components: plaque cards · lifted panels · metal numerals · ruled grid (.ruled) ·
process line (.process) · index rows (.index) · feature grid (.feature3) ·
equation (.equation) · fact bar (.factbar, .facts) · journey (.bridge) · day line (.days) ·
photo cards (.card--media) · keepsake teasers (.teaser) · rate card (.pricing) ·
premium tabs, agenda timeline, numbered accordion, "coming soon" plate (.empty),
governance steps (.org), principles grid, portrait cards, photo CTA band (.sec--photo)
===================================================================== */
:root{
--plaque:radial-gradient(90% 70% at 100% 0%,rgba(243,217,139,.16),transparent 60%),linear-gradient(170deg,#221f1a 0%,#141312 60%,#101010 100%);
--plaque-line:rgba(243,217,139,.38);
--plaque-frame:rgba(243,217,139,.2);
--ivory:#FBF6EC;
--plaque-text:#CFC5B3;
--metal-ink:linear-gradient(135deg,#6B4A14 0%,#B8903E 42%,#8C6420 64%,#5A3E10 100%);
--metal-lite:linear-gradient(135deg,#C9A04A 0%,#F7E3A6 42%,#D9B35A 62%,#A07A2C 100%);
--hair:color-mix(in srgb,var(--gold) 45%,transparent);
--panel-grad:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#fff) 0%,color-mix(in srgb,var(--panel) 58%,var(--bg2)) 100%);
--lift:0 34px 60px -38px rgba(40,28,8,.5);
--ring:var(--bg);
--ornament:url("data:image/svg+xml;utf8,");
}
.lux .sec--alt,.lux .seal{--ring:var(--bg2)}
.lux .sec--dark{--ring:transparent}
/* ---------- section heads: no one-character widows, calmer Chinese scale ---------- */
@media (min-width:901px){
.wrap>.sec-head:not(.center):not(:has(>.lede))>*{grid-column:1/-1}
.wrap>.sec-head:not(.center):not(:has(>.lede)) h2{max-width:24em}
}
html[data-lang="zh"] .lux .sec-head h2{font-size:clamp(30px,3.4vw,48px);line-height:1.28}
.lux .sec-head h3{max-width:40ch}
@media (min-width:901px){
.lux .wrap>.sec-head:not(.center)>.lede{max-width:26em}
html[data-lang="zh"] .lux .wrap>.sec-head:not(.center)>.lede{max-width:none;text-wrap:pretty}
}
@media (min-width:1181px){html[data-lang="zh"] .lux :is(.sec-head h2,.sec-head .lede,.sec-head .apply-note){word-break:keep-all;overflow-wrap:anywhere}}
html[data-lang="zh"] .lux :is(.card p,.person--lg p,.process p,.tier li,.tier .sub,.tier .who){text-wrap:pretty}
.lux .prose blockquote{text-wrap:pretty}
@media (min-width:1181px){html[data-lang="zh"] .lux .prose blockquote{word-break:keep-all;overflow-wrap:anywhere}}
.lux .sec-head.center .pull{max-width:980px;margin-inline:auto}
html[data-lang="zh"] .lux .sec-head h3{font-size:clamp(24px,2.2vw,30px);max-width:none}
.lux .sec-head.center .pull{border:0;padding:0;display:flex;align-items:center;justify-content:center;gap:28px;font-size:clamp(24px,2.6vw,36px);line-height:1.3;max-width:none}
.lux .sec-head.center .pull::before,.lux .sec-head.center .pull::after{content:"";flex:0 0 56px;height:1px;background:var(--gold)}
.lux .sec-head.center>.pull:only-child{margin-block:8px}
.lux :is(.card,.org,.principles,.visit,.tiers,.kv,.logos,.empty,.tagrow,.prospectus-row,.split)+.sec-head{margin-top:96px}
.lux .principles+p{margin-top:36px}
.lux .principles+p+p{margin-top:6px}
/* ---------- surfaces: lifted light panels ---------- */
.lux .card{background:var(--panel-grad);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:4px;box-shadow:0 1px 2px rgba(28,20,8,.04),0 22px 44px -40px rgba(40,28,8,.4);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s,background .35s}
.lux .card::after{content:"";position:absolute;inset:-1px;padding-top:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lux .card:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:0 1px 2px rgba(28,20,8,.04),var(--lift);transform:none}
.lux .card:hover::after{transform:scaleX(1)}
.lux :is(a.card,.card--link):hover{transform:translateY(-4px)}
.lux .card h3{font-size:25px;line-height:1.22}
.lux .card h3.kicker{font-size:11px;line-height:1.5;letter-spacing:.18em;margin-bottom:10px}
html[data-lang="zh"] .lux .card h3.kicker{font-size:12.5px;letter-spacing:.12em}
.lux .card .ic{filter:drop-shadow(0 10px 14px rgba(40,28,8,.28));mix-blend-mode:normal;opacity:1;width:60px;height:60px;margin-bottom:12px}
.lux .card .ic[src*="ic-vp-"]{width:auto;height:76px}
.lux :is(.card,.ring) img[src*="ic-pf-"]:not([src*="ic-pf-wg"]):not([src*="ic-pf-summit"]){filter:grayscale(1) sepia(1) saturate(2.1) hue-rotate(-6deg) brightness(.9) contrast(1.12) drop-shadow(0 10px 14px rgba(40,28,8,.28))}
.lux .card ul li::before{width:5px;height:5px;top:calc(.8em - 3px);background:var(--gold)}
/* black-gold plaque (the partner-card material) */
.lux .card--dark{background:var(--plaque);border:1px solid var(--plaque-line);color:#F3EBDD;box-shadow:0 36px 64px -36px rgba(20,14,4,.62)}
.lux .card--dark::before{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
.lux .card--dark::after{display:none}
.lux .card--dark:hover{border-color:rgba(243,217,139,.66)}
.lux .card--dark :is(h3,h4){color:var(--ivory)}
.lux .card--dark :is(p,ul,li,dd small){color:var(--plaque-text)}
.lux .card--dark :is(.kicker,dt){color:var(--gold-light)}
.lux .card--dark ul li::before{background:var(--gold-light)}
.lux .card--dark .link{color:var(--gold-light)}
/* cards sitting on a dark band */
.lux .sec--dark :where(.card:not(.card--dark)){background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border-color:rgba(243,217,139,.18);box-shadow:none}
.lux .sec--dark :where(.card:not(.card--dark)):hover{border-color:rgba(243,217,139,.55);background:linear-gradient(180deg,rgba(243,217,139,.09),rgba(255,255,255,.015))}
.sec--dark .kicker{color:var(--gold-light)}
.lux .sec--dark .card h3{color:var(--ivory)}
/* ---------- metal serif numerals ---------- */
.lux .num{font-family:var(--display);font-weight:600;font-size:54px;line-height:.92;letter-spacing:-.01em;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;opacity:1;padding:0 .04em .06em 0;margin-bottom:6px}
.lux :is(.sec--dark,.card--dark,.factbar) .num{background:var(--metal-lite);-webkit-background-clip:text;background-clip:text}
.lux .numlist>li{grid-template-columns:84px 1fr;padding:24px 0}
.lux .numlist>li::before{background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:44px;font-weight:600;line-height:.95;opacity:1;padding-bottom:.06em}
.lux .sec--dark .numlist>li::before,.lux .card--dark .numlist>li::before{background:var(--metal-lite);-webkit-background-clip:text;background-clip:text}
.lux .numlist b{font-size:21px}
/* ---------- refined chips ---------- */
.lux .tag{font-size:12.5px;line-height:1.5;padding:5px 13px;border:1px solid color-mix(in srgb,var(--gold) 36%,transparent);border-radius:999px;background:transparent;color:var(--ink2);letter-spacing:.02em}
.lux .tag--gold{color:var(--gold-deep);background:linear-gradient(180deg,rgba(243,217,139,.2),rgba(243,217,139,.05));border-color:color-mix(in srgb,var(--gold) 58%,transparent)}
.lux .tag--gold::before{content:"";display:inline-block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);margin:0 8px 0 0;vertical-align:.12em}
.lux :is(.sec--dark,.card--dark) .tag{border-color:rgba(243,217,139,.3);color:var(--plaque-text);background:transparent}
.lux :is(.sec--dark,.card--dark) .tag--gold{border-color:rgba(243,217,139,.5);color:var(--gold-light);background:rgba(243,217,139,.07)}
.lux :is(.sec--dark,.card--dark) .tag--gold::before{background:var(--gold-light)}
/* ---------- key/value rows inside content cards ---------- */
.lux .card>.kv{gap:0;margin-top:4px}
.lux .card>.kv>dt,.lux .card>.kv>dd{padding:13px 0;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.lux .card>.kv>dt{padding:16px 28px 13px 0}
.lux .card>.kv>dd{font-size:15.5px}
.lux .card>.kv>dd>.tbc:first-child{font-size:13.5px;letter-spacing:.1em;color:var(--mute)}
.lux .card--dark>.kv>dd>.tbc:first-child,.lux .sec--dark .card>.kv>dd>.tbc:first-child{color:var(--on-char-mute)}
.lux .card--dark>.kv>:is(dt,dd),.lux .sec--dark .card>.kv>:is(dt,dd){border-top-color:rgba(243,217,139,.14)}
.lux .card--dark>.kv>dd{color:var(--ivory)}
.lux .card>.kv .price-val{font-size:21px}
/* ---------- ruled grid: open cells on hairlines, no boxes ---------- */
.lux .grid.ruled{gap:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--line);overflow:hidden}
.lux .ruled>.card{background:none;border:0;border-radius:0;box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line);padding:44px 34px 40px;text-align:left;align-items:flex-start;justify-content:flex-start}
.lux .ruled>.card::after{inset:0;border-radius:0}
.lux .ruled>.card:not(.card--dark,.card--gold):hover{background:linear-gradient(180deg,var(--gold-soft),transparent 75%);box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line);transform:none}
.lux .ruled>.card>.num{align-self:flex-start;margin-bottom:18px}
.lux .ruled>.card>.ic{position:absolute;top:40px;right:30px;width:54px;height:54px;margin:0}
.lux .ruled>.card>.ic[src*="ic-vp-"]{height:64px;width:auto}
.lux .ruled>.card h3{font-size:25px}
.lux .ruled>.card>p{max-width:34ch}
.lux .sec--dark .ruled,.lux .sec--dark .grid.ruled{border-bottom-color:var(--char-line)}
.lux .sec--dark .ruled>.card{box-shadow:-1px 0 0 var(--char-line),0 -1px 0 var(--char-line)}
.strip-label{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.strip-label::before{content:"";width:9px;height:9px;background:var(--metal);transform:rotate(45deg)}
/* ---------- process line: columns joined by one gold line with diamond nodes ---------- */
.lux .grid.process{gap:0;position:relative;padding-top:40px;align-items:start}
.lux .grid.process::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%)}
.lux .process>.card{background:none;border:0;border-radius:0;box-shadow:none;padding:4px 36px 6px 0;text-align:left;align-items:flex-start;justify-content:flex-start;overflow:visible;display:flex;flex-direction:column;align-self:stretch}
.lux .process>.card>.link{margin-top:auto;padding-top:18px}
.lux .process>.card:not(.card--dark,.card--gold):hover{background:none;box-shadow:none;transform:none}
.lux .process>.card::after{display:none}
.lux .process>.card::before{content:"";position:absolute;top:-46px;left:0;width:11px;height:11px;background:var(--metal);transform:rotate(45deg);box-shadow:0 0 0 6px var(--ring)}
.lux .process>.card>.num{font-size:64px;margin-bottom:14px;align-self:flex-start}
.lux .process>.card>.ic{position:absolute;top:8px;right:36px;margin:0;width:auto;height:52px}
.lux .process>.card>.ic[src*="ic-vp-"]{height:56px;width:56px;object-fit:contain}
.lux .process>.card h3{font-size:26px}
.lux .process>.card p,.lux .process>.card ul{max-width:34ch}
.lux .process>.card.card--dark{background:none;border:0;box-shadow:none;color:inherit}
.lux .sec--dark .process>.card :is(p,li){color:var(--on-char-mute)}
/* ---------- index rows: full-width audience list ---------- */
.lux .grid.index{grid-template-columns:1fr;gap:0;border-top:1px solid var(--gold)}
.lux .index>.card{display:grid;grid-template-columns:96px minmax(0,1.3fr) minmax(0,1fr) 270px;column-gap:40px;row-gap:6px;align-items:center;padding:34px 22px 34px 18px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;transition:background .35s,color .35s}
.lux .index>.card::after{display:none}
.lux .index>.card>:is(.num,.kicker:first-child){grid-column:1;grid-row:1/span 2;align-self:center;margin:0}
:root .lux .index>.card>.kicker:first-child{font-family:var(--display);font-size:54px;font-weight:600;letter-spacing:-.01em;line-height:.92;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lux .index>.card>h3{grid-column:2;grid-row:1;font-size:28px;align-self:end}
.lux .index>.card:not(:has(>.inc))>h3{grid-row:1/span 2;align-self:center}
.lux .index>.card>.inc{grid-column:2;grid-row:2;align-self:start;margin:0;font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.lux .index>.card>:is(ul,p){grid-column:3;grid-row:1/span 2;align-self:center;margin:0}
.lux .index>.card>ul{gap:6px}
.lux .index>.card>.link{grid-column:4;grid-row:1/span 2;justify-self:end;align-self:center;margin:0;padding:0;display:inline-flex;align-items:center;gap:16px;text-align:right;font-size:14.5px;white-space:normal}
.lux .index>.card>.link::after{content:"→";display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;margin:0;font-size:17px;transition:background .3s,color .3s,transform .3s}
.lux .index>.card:hover{background:var(--plaque);transform:none;box-shadow:none;border-bottom-color:transparent}
.lux .index>.card:hover>h3{color:var(--ivory)}
.lux .index>.card:hover>:is(ul,p){color:var(--plaque-text)}
.lux .index>.card:hover>:is(.inc,.link){color:var(--gold-light)}
.lux .index>.card:hover>.link::after{background:var(--gold-light);color:#1C1408;border-color:var(--gold-light);transform:translateX(4px)}
.lux .index>.card:hover>:is(.num,.kicker:first-child){background:var(--metal-lite);-webkit-background-clip:text;background-clip:text}
.lux .index>.card:hover ul li::before{background:var(--gold-light)}
/* ---------- feature grids ---------- */
/* three-up with one dark feature on the left */
.lux .grid.feature3{grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto;gap:24px}
.lux .feature3>.card:first-child{grid-row:span 2;padding:52px 48px 46px;justify-content:flex-end;min-height:420px}
.lux .feature3>.card:first-child h3{font-size:clamp(32px,3vw,42px)}
.lux .feature3>.card:first-child p{font-size:17px;max-width:30ch}
.lux .feature3>.card:first-child>.ic{position:static;width:80px;height:80px;margin:0 0 22px}
.lux .feature3>.card:not(:first-child){display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:26px;row-gap:8px;align-content:center;padding:36px 38px}
.lux .feature3>.card:not(:first-child)>.ic{grid-row:1/span 2;width:72px;height:72px;margin:0;align-self:center}
.lux .feature3>.card:not(:first-child)>:is(h3,p){grid-column:2}
.lux .feature3>.card--dark:first-child{background:linear-gradient(180deg,rgba(16,15,14,.25) 0%,rgba(16,15,14,.55) 45%,rgba(16,15,14,.94) 80%),url(handshake.jpg) 50% 74%/cover}
/* equation: three open columns joined by + and = into a dark result plaque */
.lux .grid.equation{grid-template-columns:1fr 1fr 1fr 1.15fr;gap:0;align-items:stretch;border-top:1px solid var(--gold);padding-top:0}
.lux .equation>.card{background:none;border:0;border-radius:0;box-shadow:none;padding:44px 40px 36px}
.lux .equation>.card::after{display:none}
.lux .equation>.card:not(.card--dark,.card--gold):hover{background:none;box-shadow:none}
.lux .equation>.card:first-child{padding-left:0}
.lux .equation>.card:nth-child(n+2):not(.card--gold){border-left:1px solid var(--line)}
.lux .equation>.card>.ic{position:absolute;top:40px;right:32px;width:auto;height:44px;margin:0}
.lux .equation>.card:nth-child(n+2)>.num::before,.lux .equation>.card--gold>.kicker::before{content:"+";position:absolute;left:-19px;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;background:var(--ring);border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--display);font-size:20px;line-height:1;color:var(--gold-deep);-webkit-text-fill-color:var(--gold-deep);z-index:2}
.lux .equation>.card--gold>.kicker::before{content:"=";left:-37px}
.lux .equation>.card--gold{background:var(--plaque);border:1px solid var(--plaque-line);border-radius:6px;margin:-18px 0 -18px 18px;padding:62px 40px 50px;color:#F3EBDD;box-shadow:0 40px 70px -40px rgba(20,14,4,.7);justify-content:center}
.lux .equation>.card--gold::before{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
.lux .equation>.card--gold h3{font-size:clamp(30px,2.8vw,40px);color:var(--ivory)}
.lux .equation>.card--gold .kicker{color:var(--gold-light)}
.lux .equation>.card--gold ul{color:var(--plaque-text);gap:0;margin-top:10px}
.lux .equation>.card--gold li{padding:12px 0 12px 18px;border-top:1px solid rgba(243,217,139,.16)}
.lux .equation>.card--gold li::before{background:var(--gold-light);top:calc(12px + .8em - 3px)}
/* ---------- facts: black-gold save-the-date plaque ---------- */
.lux .sec--facts{padding-block:0 56px;background:var(--char)}
.lux .sec--facts .facts{margin-top:-56px;position:relative;z-index:3}
.lux .facts{background:var(--plaque);border:1px solid var(--plaque-line);border-radius:6px;box-shadow:0 44px 80px -40px rgba(0,0,0,.8);position:relative;grid-template-columns:1fr 1fr .9fr 1.35fr}
.lux .facts::before{content:"";position:absolute;inset:10px;border:1px solid var(--plaque-frame);border-radius:3px;pointer-events:none}
.lux .facts>div{padding:44px 36px 40px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:14px;border:0;position:relative}
.lux .facts>div+div::before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:1px;background:linear-gradient(180deg,transparent,rgba(243,217,139,.22) 20%,rgba(243,217,139,.22) 80%,transparent)}
.lux .facts b,html[data-lang="zh"] .lux .facts b{font-family:var(--display);font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.05;background:var(--metal-lite);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lux .facts>div>span{min-height:3.4em;line-height:1.5;margin:0;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light)}
html[data-lang="zh"] .lux .facts>div>span{font-size:13px;letter-spacing:.14em}
.lux .facts>div>span .tbc{color:var(--on-char-mute);margin-left:6px}
.lux .facts>.facts__list{flex-direction:column}
.lux .facts>.facts__list>b,html[data-lang="zh"] .lux .facts>.facts__list>b{font-family:var(--label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;background:none;color:var(--gold-light);-webkit-text-fill-color:var(--gold-light);line-height:1.4}
html[data-lang="zh"] .lux .facts>.facts__list>b{font-size:13px;letter-spacing:.14em}
.lux :is(.facts,.factbar) .chips-line{display:flex;flex-wrap:wrap;gap:8px 8px;text-transform:none;letter-spacing:0}
.lux :is(.facts,.factbar) .chips-line>span{padding:6px 14px;border:1px solid rgba(243,217,139,.42);border-radius:999px;font-family:var(--display);font-size:16px;font-weight:600;color:var(--ivory);letter-spacing:.01em}
.lux :is(.facts,.factbar) .chips-line>span.more{border-style:dashed;border-color:rgba(243,217,139,.3);color:var(--on-char-mute);font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.06em}
/* summit overview: the same plaque, four cells */
.lux .grid.factbar{gap:0;background:var(--plaque);border:1px solid var(--plaque-line);border-radius:6px;position:relative;box-shadow:0 44px 80px -44px rgba(20,14,4,.7);grid-template-columns:1fr 1fr 1.25fr 1.5fr}
.lux .factbar::before{content:"";position:absolute;inset:10px;border:1px solid var(--plaque-frame);border-radius:3px;pointer-events:none;z-index:1}
.lux .factbar>.card{background:none;border:0;border-radius:0;box-shadow:none;padding:44px 36px 40px;align-items:flex-start;justify-content:flex-start;text-align:left;gap:14px;color:#F3EBDD}
.lux .factbar>.card+.card{border-left:1px solid rgba(243,217,139,.14)}
.lux .factbar>.card::after{display:none}
.lux .factbar>.card:not(.card--dark,.card--gold):hover{background:none;box-shadow:none;transform:none}
.lux .factbar .kicker{color:var(--gold-light)}
.lux .factbar h3{font-size:clamp(24px,2.3vw,32px);line-height:1.25;color:var(--ivory)}
.lux .factbar>.card:nth-child(3) h3{font-size:clamp(20px,1.7vw,24px);line-height:1.35}
.lux .factbar .chips-line{margin:0}
.lux .factbar .tbc{display:block;margin-top:8px;color:var(--gold-light);font-size:11px}
/* ---------- home: journey panel (challenge → bridge → outcome) ---------- */
.lux .bridge{grid-template-columns:1fr 0 1.08fr 0 1fr;gap:0;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:6px;background:var(--panel-grad);box-shadow:0 30px 60px -48px rgba(40,28,8,.45);counter-reset:br;align-items:stretch}
.lux .bridge>.card{counter-increment:br;background:none;border:0;border-radius:0;box-shadow:none;padding:48px 44px 44px;gap:16px}
.lux .bridge>.card::after{display:none}
.lux .bridge>.card:not(.card--dark,.card--gold):hover{background:none;box-shadow:none}
.lux .bridge>.card>.kicker::before{content:counter(br,decimal-leading-zero);display:block;margin-bottom:18px;font-family:var(--display);font-weight:600;font-size:56px;line-height:.92;letter-spacing:-.01em;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux .bridge>.card--dark{background:var(--plaque);border:1px solid var(--plaque-line);border-radius:6px;margin:-22px 0;padding:70px 48px 64px;box-shadow:0 40px 70px -36px rgba(20,14,4,.7);z-index:1}
.lux .bridge>.card--dark>.kicker::before{background:var(--metal-lite);-webkit-background-clip:text;background-clip:text}
.lux .bridge .card ul{gap:0;margin-top:6px}
.lux .bridge .card li{padding:15px 0;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent);font-family:var(--display);font-size:19px;font-weight:600;line-height:1.35;color:var(--ink)}
.lux .bridge .card--dark li{border-top-color:rgba(243,217,139,.16);color:var(--ivory)}
.lux .bridge .card li::before{display:none}
.lux .bridge .arrow{width:0;height:auto;background:none;align-self:stretch;position:relative;z-index:2;font-size:0}
.lux .bridge .arrow::after{content:"→";position:absolute;top:50%;left:0;width:46px;height:46px;margin:-23px 0 0 -23px;border:1px solid var(--gold);border-radius:50%;background:var(--panel);display:grid;place-items:center;font-family:var(--display);font-size:18px;line-height:1;color:var(--gold-deep);transform:none;box-shadow:0 8px 20px -10px rgba(40,28,8,.4)}
.lux .bridge+.cta-row{margin-top:48px}
/* motif seams: fade every edge of the side art */
.lux .sec--motif::before,.lux .sec--motif::after{width:min(34vw,520px);height:min(100%,640px);background-size:cover}
.lux .sec--motif::before{top:auto;bottom:0;-webkit-mask-image:radial-gradient(circle at 0% 100%,#000 0%,rgba(0,0,0,.85) 26%,transparent 68%);mask-image:radial-gradient(circle at 0% 100%,#000 0%,rgba(0,0,0,.85) 26%,transparent 68%)}
.lux .sec--motif::after{top:0;bottom:auto;-webkit-mask-image:radial-gradient(circle at 100% 0%,#000 0%,rgba(0,0,0,.85) 26%,transparent 68%);mask-image:radial-gradient(circle at 100% 0%,#000 0%,rgba(0,0,0,.85) 26%,transparent 68%)}
/* ---------- home: programme days as one timeline ---------- */
.lux .grid.days{gap:0;border-top:1px solid var(--gold);position:relative}
.lux .days>.card{background:none;border:0;border-radius:0;box-shadow:none;padding:46px 44px 12px 0;gap:14px}
.lux .days>.card+.card{padding-left:44px;border-left:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.lux .days>.card::after{display:none}
.lux .days>.card::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;background:var(--metal);transform:rotate(45deg);box-shadow:0 0 0 6px var(--ring)}
.lux .days>.card+.card::before{left:-6px}
.lux .days>.card:last-child::before{background:var(--ring);border:1px solid var(--gold)}
.lux .days>.card:not(.card--dark,.card--gold):hover{background:none;box-shadow:none}
:root .lux .days .kicker{font-family:var(--display);font-size:clamp(26px,2.4vw,34px);font-weight:600;letter-spacing:0;text-transform:none;line-height:1.1;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lux .days h3{font-size:25px}
.lux .days p{max-width:34ch}
html[data-lang="zh"] .lux .days p{max-width:none;text-wrap:pretty}
/* ---------- photo-led cards ---------- */
.lux .card--media{padding:0 0 32px;overflow:hidden;gap:12px}
.lux .card--media>:not(.card__media){margin-inline:32px}
.lux .card__media{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;margin:0 0 14px;overflow:hidden;filter:sepia(.14) saturate(.92);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lux .card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,14,0) 45%,rgba(16,15,14,.55) 100%)}
.lux .card--media:hover .card__media{transform:scale(1.045)}
.lux .card--media>.link{margin-top:auto;padding-top:14px}
.lux .card--media .card__media>.stop{position:absolute;left:24px;bottom:18px;z-index:1;font-family:var(--label);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light)}
.lux .sec--dark .card--media{border-color:rgba(243,217,139,.2)}
.lux .sec--dark .card--media .card__media::after{background:linear-gradient(180deg,rgba(32,33,34,0) 35%,rgb(32,33,34) 100%)}
.lux .sec--dark .card__media[style*="hero-beijing"]{filter:sepia(.1) saturate(.95) brightness(1.15) contrast(1.05)}
.lux .sec--dark .card__media[style*="hero-drill-road"]{filter:sepia(.22) saturate(.9) contrast(1.12) brightness(.72)}
.lux .sec--dark .card--media .card__media{margin-bottom:-26px;filter:sepia(.2) saturate(.9) brightness(.8)}
.lux .sec--dark .card--media>.kicker{position:relative;z-index:1}
.lux .card--media ul{gap:0}
.lux .card--media ul li{padding:10px 0 10px 16px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.lux .card--media ul li::before{top:calc(10px + .8em - 3px)}
.lux .sec--dark .card--media ul li{border-top-color:rgba(243,217,139,.13)}
/* ---------- countries: index list with flag medallions ---------- */
.lux .country-list,.lux .split .country-list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--gold);counter-reset:ct}
.lux .country{counter-increment:ct;flex-direction:row;align-items:center;gap:22px;padding:22px 10px 22px 6px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;transform:none;position:relative;transition:background .3s}
.lux .country::before{content:counter(ct,decimal-leading-zero);flex:0 0 26px;font-family:var(--display);font-size:15px;font-weight:600;color:var(--gold-deep)}
.lux .country:hover{background:linear-gradient(90deg,var(--gold-soft),transparent 80%);transform:none;box-shadow:none;border-color:var(--line)}
.lux .country .flag{flex:0 0 50px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:28px;line-height:1;overflow:hidden;opacity:1;filter:saturate(.85);background:var(--panel);border:1px solid var(--gold);box-shadow:inset 0 0 0 3px var(--panel),0 8px 18px -10px rgba(40,28,8,.45)}
.lux .country b{flex:1;font-size:clamp(26px,2.4vw,32px);font-weight:500;line-height:1.1}
.lux .country>.tbc{flex:0 0 auto}
.lux .country .link{margin:0;padding:0;display:inline-flex;align-items:center;gap:14px;font-size:13.5px}
.lux .country .link::after{content:"→";display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;font-size:16px;transition:background .3s,color .3s,transform .3s}
.lux .country:hover .link::after{background:var(--gold-deep);color:#FFF8E8;border-color:var(--gold-deep);transform:translateX(3px)}
.lux .map-art img{filter:drop-shadow(0 30px 40px rgba(40,28,8,.18))}
/* ---------- home: keepsake teasers (member card · partner plaque) ---------- */
.lux .teaser{gap:28px;align-items:stretch}
.lux .teaser .card{padding:44px 44px 40px;min-height:0;gap:16px;border-radius:14px;overflow:hidden}
.lux .teaser .card--member{background:radial-gradient(120% 90% at 100% 0%,rgba(243,217,139,.22),transparent 55%),linear-gradient(135deg,#27241d 0%,#0e0d0b 55%,#1c1a15 100%);border:1px solid rgba(243,217,139,.4);color:#F3EBDD;box-shadow:0 40px 70px -36px rgba(28,20,8,.6),inset 0 1px 0 rgba(255,255,255,.07)}
.lux .teaser .card--member::before{content:"";position:absolute;inset:0;border:0;border-radius:0;background:repeating-linear-gradient(115deg,rgba(243,217,139,.045) 0 1px,transparent 1px 8px);pointer-events:none}
.lux .teaser .card--partner{background:radial-gradient(90% 70% at 50% 0%,rgba(243,217,139,.2),transparent 60%),linear-gradient(170deg,#211f1b,#111010);border:1px solid rgba(243,217,139,.4);border-radius:8px;color:#F3EBDD;box-shadow:0 40px 70px -36px rgba(28,20,8,.6);text-align:center;align-items:center}
.lux .teaser .card--partner::before{content:"";position:absolute;inset:10px;border:1px solid rgba(243,217,139,.22);border-radius:4px;pointer-events:none}
.lux .teaser .card>*{position:relative}
.lux .teaser .card::after{display:none}
.lux .teaser .card:hover{transform:translateY(-5px);border-color:rgba(243,217,139,.7)}
.lux .teaser .card h3{font-size:clamp(28px,2.6vw,36px);color:var(--ivory)}
.lux .teaser .kicker{color:var(--gold-light)}
.lux .teaser__top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px}
.lux .teaser__logo{width:128px;height:auto}
.lux .teaser .card--partner .teaser__logo{width:150px;margin:0 auto 4px}
.lux .teaser__chip{width:46px;height:34px;border-radius:6px;background:linear-gradient(90deg,transparent 48%,rgba(28,20,8,.35) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 30%,rgba(28,20,8,.3) 30% 34%,transparent 34% 66%,rgba(28,20,8,.3) 66% 70%,transparent 70%),var(--metal)}
.lux .ladder{list-style:none;margin:6px 0 4px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lux .ladder li{display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid rgba(243,217,139,.3);border-radius:4px;font-family:var(--display);font-weight:600;font-size:15.5px;line-height:1.25;color:var(--ivory);text-align:center}
.lux .ladder li::before{display:none}
.lux .ladder li:first-child{background:var(--metal);color:#1C1408;border-color:transparent}
.lux .ladder li:nth-child(2){border-color:rgba(243,217,139,.7);color:var(--gold-light)}
.lux .ladder--tiers{grid-template-columns:2.4fr repeat(4,minmax(0,1fr));width:100%}
.lux .ladder--tiers li{border-radius:999px;padding:10px 6px;font-size:14.5px}
html:not([data-lang="zh"]) .lux .ladder--tiers{grid-template-columns:repeat(4,minmax(0,1fr))}
html:not([data-lang="zh"]) .lux .ladder--tiers li:first-child{grid-column:1/-1}
.lux .ladder--tiers li:nth-child(1){background:var(--metal);color:#1C1408}
.lux .ladder--tiers li:nth-child(2){background:linear-gradient(135deg,#E9EEF2,#FFFFFF 45%,#B9C3CC);color:#1C1B1A;border-color:transparent}
.lux .ladder--tiers li:nth-child(3){background:linear-gradient(135deg,#8E9398,#D9DDE0 45%,#7C8186);color:#111;border-color:transparent}
.lux .ladder--tiers li:nth-child(4){background:none;border-color:rgba(243,217,139,.75);color:var(--gold-light)}
.lux .ladder--tiers li:nth-child(5){background:none;border-color:rgba(214,219,223,.5);color:#D6DBDF}
@media (min-width:701px) and (max-width:900px){html:not([data-lang="zh"]) .lux .ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lux .teaser__note,html[data-lang="zh"] .lux .teaser__note{font-size:14.5px;color:var(--plaque-text);max-width:none;text-wrap:pretty}
.lux .teaser .card--partner .teaser__note{margin-inline:auto}
.lux .teaser .card .link{margin-top:auto;padding-top:18px;border-top:1px solid rgba(243,217,139,.2);align-self:stretch;color:var(--gold-light)}
.lux .teaser__foot{display:flex;justify-content:space-between;font-family:var(--label);font-weight:600;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,217,139,.72)}
/* ---------- home: platform window + invitation photo ---------- */
.lux .portal-visual{padding:88px 44px 56px;border-radius:8px;background:radial-gradient(70% 60% at 50% 45%,rgba(243,217,139,.2),transparent 70%),linear-gradient(170deg,#221f1a,#101010);border:1px solid var(--plaque-line);box-shadow:0 44px 80px -44px rgba(20,14,4,.7)}
.lux .portal-visual::before{inset:10px;top:52px;border-color:var(--plaque-frame)}
.lux .portal-visual::after{display:none}
.lux .portal-visual .label{position:absolute;top:0;left:0;right:0;padding:15px 20px 15px 84px;border-bottom:1px solid rgba(243,217,139,.16);text-align:left;font-size:11px;letter-spacing:.16em;color:var(--plaque-text);background:rgba(255,255,255,.02)}
.lux .portal-visual .label::before{content:"";position:absolute;left:22px;top:50%;width:46px;height:10px;margin-top:-5px;background:radial-gradient(circle at 5px 5px,#C9A04A 4.5px,transparent 5px),radial-gradient(circle at 23px 5px,rgba(243,217,139,.55) 4.5px,transparent 5px),radial-gradient(circle at 41px 5px,rgba(243,217,139,.3) 4.5px,transparent 5px)}
.lux .portal-visual img{width:min(320px,72%)}
.lux .portal-visual:hover{transform:translateY(-4px);border-color:rgba(243,217,139,.62)}
.lux .invite{position:relative;top:auto;align-self:stretch;border-radius:6px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.lux .invite .invite-photo{border:0;border-radius:0;max-height:none;display:block}
@media (min-width:901px){.lux .invite{min-height:560px}.lux .invite .invite-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}}
.lux .numlist>li:not(:has(>span)){align-items:center}
.lux .numlist>li:not(:has(>span))::before{grid-row:auto}
.lux .invite::before{content:"";position:absolute;inset:12px;border:1px solid rgba(243,217,139,.4);border-radius:3px;z-index:2;pointer-events:none}
.lux .invite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,14,0) 40%,rgba(16,15,14,.9) 100%);pointer-events:none}
.lux .invite .pull{top:auto;position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:0 44px 44px;border:0;font-size:clamp(24px,2.3vw,32px);color:var(--ivory)}
.lux .invite .pull::before{content:"";display:block;width:56px;height:1px;background:var(--gold-light);margin-bottom:18px}
/* ---------- premium tabs ---------- */
.lux .tablist{gap:12px;border-bottom:0;margin-bottom:44px;padding:2px 2px 6px}
.lux .tab{position:relative;padding:16px 24px;margin:0;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink2);font-family:var(--display);font-size:18px;font-weight:600;transition:background .25s,border-color .25s,color .25s}
.lux .tab:hover{border-color:var(--gold)}
.lux .tab.is-active{background:var(--plaque);border-color:var(--plaque-line);color:var(--ivory);box-shadow:0 18px 30px -20px rgba(20,14,4,.6)}
.lux .tab.is-active::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--metal)}
.lux .tab:has(small){flex:1 1 0;min-width:180px;text-align:left;padding:18px 22px 18px}
.lux .tab:has(small)>span{display:block;font-size:20px;line-height:1.2}
.lux .tab small{font-family:var(--body);font-weight:400;font-size:13px;margin-top:6px;color:var(--mute);line-height:1.35;white-space:normal}
.lux .tab.is-active small{color:var(--gold-light)}
.lux .sec--dark .tab{border-color:var(--char-line);color:var(--on-char-mute)}
.lux .sec--dark .tab:hover{border-color:rgba(243,217,139,.5)}
.lux .sec--dark .tab.is-active{background:linear-gradient(180deg,rgba(243,217,139,.16),rgba(243,217,139,.04));border-color:rgba(243,217,139,.6);color:var(--ivory)}
.lux .sec--dark .tab small{color:var(--on-char-mute)}
.lux .sec--dark .tab.is-active small{color:var(--gold-light)}
html[data-lang="zh"] .lux .tab{font-family:"Noto Serif SC",var(--display)}
/* ---------- agenda: a gold rail with diamond nodes ---------- */
.lux .agenda li{grid-template-columns:110px 1fr;column-gap:56px;row-gap:10px;padding:30px 0;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent);position:relative}
.lux .agenda li:last-child{border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.lux .agenda li::before{content:"";position:absolute;left:138px;top:0;bottom:-1px;width:1px;background:var(--hair)}
.lux .agenda li::after{content:"";position:absolute;left:133px;top:38px;width:11px;height:11px;background:var(--metal);transform:rotate(45deg);box-shadow:0 0 0 5px var(--ring)}
.lux .agenda .time{grid-column:1;grid-row:1/span 2;padding-top:6px}
.lux .agenda .time .tbc{font-size:11px;letter-spacing:.2em}
:root .lux .agenda .type{grid-column:2;grid-row:1;justify-self:start;padding:4px 12px;border:1px solid var(--hair);border-radius:999px;font-size:10.5px;color:var(--gold-deep)}
.lux .agenda li>div{grid-column:2;grid-row:2}
.lux .agenda b{font-family:var(--display);font-size:24px;font-weight:600;line-height:1.25}
.lux .agenda span:not(.type):not(.tbc):not(.time){display:block;margin-top:4px;font-size:15.5px}
.lux .sec--dark .agenda li{border-color:var(--char-line)}
.lux .sec--dark .agenda li::before{background:rgba(243,217,139,.3)}
.lux .sec--dark .agenda .type{color:var(--gold-light);border-color:rgba(243,217,139,.4)}
.lux .sec--dark .agenda b{color:var(--ivory)}
.lux .sec--dark .agenda li>div>span{color:var(--on-char-mute)}
.lux .sec--dark .agenda .time{color:var(--gold-light)}
.lux .agenda-foot{display:flex;justify-content:flex-end;margin-top:26px}
.lux .doc-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-char-mute)}
.lux .doc-link::before{content:"";width:16px;height:20px;border:1px solid currentColor;border-radius:2px;background:linear-gradient(currentColor,currentColor) 3px 6px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) 3px 10px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) 3px 14px/5px 1px no-repeat;opacity:.8}
.lux .doc-link .tbc{color:var(--gold-light)}
html[data-lang="zh"] .lux .doc-link{letter-spacing:.08em;font-size:13px}
/* ---------- numbered accordion ---------- */
.lux .sec-head,.lux .card{counter-reset:acc}
.lux .acc{counter-increment:acc;border-top:1px solid color-mix(in srgb,var(--line) 85%,transparent);transition:background .3s}
.lux .acc summary{padding:22px 64px 22px 58px;font-family:var(--display);font-size:20px;font-weight:600;line-height:1.3}
.lux .acc summary::before{content:counter(acc,decimal-leading-zero);position:absolute;left:4px;top:25px;font-family:var(--display);font-size:16px;font-weight:600;color:var(--gold-deep);letter-spacing:.04em}
.lux .acc summary::after,.lux .acc[open] summary::after{content:"";position:absolute;right:4px;top:50%;width:36px;height:36px;margin-top:-18px;border:1px solid var(--hair);border-radius:50%;background:linear-gradient(var(--gold-deep),var(--gold-deep)) center/12px 1.5px no-repeat,linear-gradient(var(--gold-deep),var(--gold-deep)) center/1.5px 12px no-repeat;transition:transform .3s,background-color .3s}
.lux .acc[open] summary::after{transform:rotate(45deg);background-color:var(--gold-soft)}
.lux .acc[open]{background:linear-gradient(90deg,var(--gold-soft),transparent 85%)}
.lux .acc>div{padding:0 64px 24px 58px}
html[data-lang="zh"] .lux .acc summary{font-family:"Noto Serif SC",var(--display)}
/* ---------- "coming soon" plate (no dashed boxes) ---------- */
.lux .empty{border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:6px;background:radial-gradient(60% 120% at 50% 0%,var(--gold-soft),transparent 70%),var(--panel-grad);padding:54px 28px 50px;gap:22px}
.lux .empty::before{content:"";width:180px;height:12px;background:var(--ornament) center/contain no-repeat}
.lux .empty b{font-size:clamp(24px,2.3vw,32px);font-weight:500;line-height:1.25}
.lux .card .empty{border:0;background:none;padding:6px 0 0;align-items:flex-start;text-align:left;gap:16px}
.lux .card .empty::before{display:none}
.lux .card .empty b{font-size:21px;font-weight:600;color:var(--ink2)}
.lux .sec--dark .empty{background:radial-gradient(60% 120% at 50% 0%,rgba(243,217,139,.1),transparent 70%);border-color:var(--char-line)}
/* speaker wall */
.lux .empty--wall{padding:48px 44px 50px}
.lux .empty--wall::before{display:none}
.lux .wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%;margin-bottom:12px}
.lux .wall>span{position:relative;aspect-ratio:3/4;border-radius:4px;background:radial-gradient(80% 60% at 50% 30%,rgba(243,217,139,.13),transparent 70%),linear-gradient(170deg,#24211c,#121110);border:1px solid rgba(243,217,139,.26);overflow:hidden;transition:transform .35s,border-color .35s}
.lux .wall>span::before{content:"";position:absolute;inset:0;background:url(logo.webp) center 42%/58% no-repeat;opacity:.16}
.lux .wall>span::after{content:"";position:absolute;inset:8px;border:1px solid rgba(243,217,139,.14);border-radius:2px}
.lux .wall>span:hover{transform:translateY(-3px);border-color:rgba(243,217,139,.6)}
/* ---------- rate card (pricing tables) ---------- */
.lux .pricing{border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -50px rgba(40,28,8,.5)}
.lux .pricing th{background:var(--char);color:var(--gold-light);padding:17px 22px;border-bottom:0;font-size:11px;letter-spacing:.18em}
html[data-lang="zh"] .lux .pricing th{font-size:13px;letter-spacing:.1em}
.lux .pricing td{padding:18px 22px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);vertical-align:middle}
.lux .pricing tr:last-child td{border-bottom:0}
.lux .pricing td:first-child{font-family:var(--display);font-size:17.5px;font-weight:600;color:var(--ink);line-height:1.3;position:relative}
.lux .pricing td:nth-child(2) .price-val{font-family:var(--display);font-size:24px;font-weight:600;color:var(--gold-deep)}
.lux .pricing td:nth-child(3) .price-val{font-family:var(--display);font-size:19px;color:var(--ink2)}
.lux .pricing td:nth-child(2){background-image:linear-gradient(rgba(184,134,11,.09),rgba(184,134,11,.09));box-shadow:inset 1px 0 0 rgba(184,134,11,.18),inset -1px 0 0 rgba(184,134,11,.18)}
.lux .pricing td:first-child{width:34%}
.lux .pricing td:last-child{font-size:13.5px;color:var(--mute);width:32%}
.lux .pricing tr:hover td{background-color:color-mix(in srgb,var(--gold-soft) 70%,var(--panel))}
.lux .pricing tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--gold)}
.lux #participate-pricing .pricing tr:nth-child(8) td,.lux #participate-pricing .pricing tr:nth-child(10) td{border-top:2px solid var(--gold)}
.lux #participate-pricing .tblwrap+.price-note{margin-top:16px}
/* sponsor benefits matrix */
.lux .benefits{border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:6px;overflow:hidden}
.lux .benefits thead th{background:var(--char);color:var(--gold-light);font-family:var(--display);font-size:17px;letter-spacing:0;text-transform:none;padding:18px 14px;border:0}
.lux .benefits thead th:first-child{font-family:var(--label);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:var(--char);color:var(--on-char-mute)}
.lux .benefits thead th:nth-child(2){background:var(--metal);color:#1C1408}
.lux .benefits tbody th,.lux .benefits td{padding:16px 14px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.lux .benefits tbody tr:last-child :is(th,td){border-bottom:0}
.lux .benefits tbody th{font-family:var(--body);font-weight:600;font-size:14.5px;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--panel)}
.lux .benefits td:nth-child(2){background:var(--gold-soft);font-weight:600}
.lux .benefits tbody tr:hover :is(th,td){background-color:color-mix(in srgb,var(--gold-soft) 60%,var(--panel))}
/* about: CAMIC column raised */
.lux .cmp{border-collapse:separate;border-spacing:0}
.lux .cmp th{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:0;text-transform:none;padding:22px 28px;border-bottom:1px solid var(--char-line)}
html[data-lang="zh"] .lux .cmp th{font-family:"Noto Serif SC",var(--display);font-size:22px;letter-spacing:.04em}
.lux .cmp th:last-child{background:var(--metal);color:#1C1408;border-radius:6px 6px 0 0}
.lux .cmp td{padding:19px 28px;font-size:16.5px}
.lux .cmp td:first-child{color:var(--on-char-mute);padding-left:58px;position:relative}
.lux .cmp td:first-child::before{content:"";position:absolute;left:28px;top:50%;width:14px;height:1px;background:var(--on-char-mute);opacity:.6}
.lux .cmp td:last-child{background:linear-gradient(90deg,rgba(243,217,139,.08),rgba(243,217,139,.03));border-left:1px solid rgba(243,217,139,.35);border-right:1px solid rgba(243,217,139,.35);font-family:var(--display);font-size:18.5px;color:var(--ivory);padding-left:62px}
.lux .cmp tr:last-child td:last-child{border-bottom:1px solid rgba(243,217,139,.35)}
.lux .cmp td:last-child::before{left:30px;top:50%;margin-top:-9px;border-color:var(--gold-light)}
.lux .cmp tr:hover td{background-color:rgba(243,217,139,.05)}
/* ---------- tiers ---------- */
.lux .tier{border-radius:6px;background:var(--panel-grad);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;box-shadow:0 1px 2px rgba(28,20,8,.04)}
.lux .tier:not(.tier--lead):not(.tier--muted)::after{content:"";position:absolute;inset:-1px;padding-top:2px;background:var(--metal);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lux .tier:not(.tier--muted):hover{transform:translateY(-5px);box-shadow:var(--lift);border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.lux .tier .qty{min-height:48px;align-items:flex-end}
.lux .tier>.tag:first-child{align-self:flex-start;margin-block:9px}
.lux .tier .qty b,.lux .tiers--5 .tier .qty b{font-family:var(--display);font-weight:600;font-size:52px;line-height:.9;padding-block:.14em;margin-block:-.14em;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux .tiers--5 .tier .qty b{font-size:44px}
.lux .tier--lead .qty b{background:var(--metal-lite);-webkit-background-clip:text;background-clip:text}
.lux .tier .price{letter-spacing:0}
.lux .tier .price-val{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:0}
.lux .tiers--5 .tier .price-val{font-size:26px}
.lux .tier--lead{background:var(--plaque);border-color:var(--plaque-line);box-shadow:0 40px 70px -40px rgba(20,14,4,.7)}
.lux .tier--lead::before{border-color:var(--plaque-frame);inset:9px;border-radius:2px}
.lux .tier--lead .name{color:var(--ivory)}
.lux .tier--lead .who{color:var(--on-char-mute)}
.lux .tier .name{line-height:1.25}
.lux .tier .qty .tag{text-transform:none;letter-spacing:.02em;font-size:12.5px;line-height:1.35;max-width:100%}
.lux .tiers--5{gap:16px}
.lux .tiers--5 .tier{padding-inline:22px}
.lux .tier--lead .btn--light{background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408;border-color:transparent}
.lux .tier--lead .btn--light:hover{background:var(--gold-light);color:#1C1408}
.lux .tiers+p.small{margin:24px 0 44px}
.lux .sec-head>.apply-note{margin-top:20px}
.lux .tier--muted{border-style:solid;background:transparent}
.lux .tier ul li::before{border-color:var(--gold)}
/* ---------- governance: stepped tiers, principles grid ---------- */
.lux .org{border-top:0;gap:14px;counter-reset:tier}
.lux .org__tier{counter-increment:tier;grid-template-columns:84px 240px minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start;padding:32px 36px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:6px;background:var(--panel-grad);width:100%;margin-inline:auto;position:relative;box-shadow:0 20px 40px -38px rgba(40,28,8,.45)}
.lux .org__tier::before{content:counter(tier,upper-roman);font-family:var(--display);font-weight:600;font-size:52px;line-height:.9;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lux .org__tier:nth-child(1){width:82%;background:var(--plaque);border-color:var(--plaque-line);color:#F3EBDD;box-shadow:0 40px 70px -40px rgba(20,14,4,.7)}
.lux .org__tier:nth-child(1)::after{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
.lux .org__tier:nth-child(1)::before{background:var(--metal-lite);-webkit-background-clip:text;background-clip:text}
.lux .org__tier:nth-child(1)>b{color:var(--ivory)}
.lux .org__tier:nth-child(1)>b small{color:var(--gold-light)}
.lux .org__tier:nth-child(1) :is(.org__who,.org__what){color:var(--plaque-text)}
.lux .org__tier:nth-child(1) :is(.org__who,.org__what)::before{color:var(--gold-light)}
.lux .org__tier:nth-child(2){width:88%}
.lux .org__tier:nth-child(3){width:94%}
.lux .org__tier>b{font-size:25px}
.lux .principles{gap:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--line);overflow:hidden;counter-reset:pr}
.lux .principles li{counter-increment:pr;border:0;box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line);padding:34px 32px;min-height:0;display:flex;flex-direction:column;gap:14px;font-family:var(--display);font-size:21px;font-weight:600;line-height:1.35;transition:background .3s}
html[data-lang="zh"] .lux .principles li{font-family:"Noto Serif SC",var(--display)}
.lux .principles li::before{content:counter(pr,decimal-leading-zero);font-family:var(--display);font-size:38px;font-weight:600;line-height:1;letter-spacing:-.01em;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lux .principles li:hover{background:linear-gradient(180deg,var(--gold-soft),transparent 80%)}
.lux .principles~p.small{font-family:var(--label);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
html[data-lang="zh"] .lux .principles~p.small{font-size:13px;letter-spacing:.06em;text-transform:none}
/* ---------- about ---------- */
.lux .diptych{gap:0;position:relative;grid-template-columns:1fr 1fr;border-radius:8px;box-shadow:0 44px 80px -46px rgba(20,14,4,.7)}
.lux .diptych>.card{background:var(--plaque);border:1px solid var(--plaque-line);color:#F3EBDD;padding:40px 48px 48px;border-radius:8px 0 0 8px}
.lux .diptych>.card+.card{border-left:0;border-radius:0 8px 8px 0;background:radial-gradient(90% 70% at 0% 0%,rgba(243,217,139,.14),transparent 60%),linear-gradient(190deg,#221f1a 0%,#141312 60%,#101010 100%)}
.lux .diptych>.card::after{display:none}
.lux .diptych>.card:hover{transform:none;box-shadow:none}
.lux .diptych>.card .ic,.lux #about-opportunity .diptych .ic{height:300px;margin:0 0 18px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6))}
.lux .diptych .kicker{color:var(--gold-light)}
.lux .diptych h3{font-size:clamp(28px,2.6vw,36px);color:var(--ivory)}
.lux .diptych ul{gap:0;color:var(--plaque-text);margin-top:6px}
.lux .diptych li{padding:13px 0 13px 18px;border-top:1px solid rgba(243,217,139,.14)}
.lux .diptych .card ul li::before{background:var(--gold-light);top:calc(13px + .8em - 3px)}
.lux .diptych::after{content:"×";position:absolute;left:50%;top:170px;width:58px;height:58px;margin-left:-29px;border-radius:50%;display:grid;place-items:center;background:var(--metal);color:#1C1408;font-family:var(--display);font-size:28px;line-height:1;box-shadow:0 0 0 7px #151412,0 14px 30px -8px rgba(0,0,0,.8);z-index:2}
.lux #about-challenge+.split--top>:last-child{position:static}
.lux #about-challenge+.split--top>:first-child .pull{position:sticky;top:calc(var(--nav-h) + 40px);font-size:clamp(28px,2.8vw,40px);line-height:1.25}
.lux #about-leadership .split{grid-template-columns:1fr;gap:56px}
.lux #about-leadership .stat{position:static;display:grid;grid-template-columns:auto 1fr;column-gap:44px;row-gap:8px;align-items:center;padding:34px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--line)}
.lux #about-leadership .stat b{grid-row:1/span 2;font-size:clamp(96px,10vw,148px)}
:root .lux #about-leadership .stat span{align-self:end;font-size:13px}
.lux #about-leadership .stat p{align-self:start;max-width:none;font-family:var(--display);font-size:20px;color:var(--ink)}
.lux #about-leadership .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lux #about-leadership .person--lg,.lux #about-leadership .person--lg:first-child{grid-template-columns:1fr;gap:0;padding:0;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:6px;overflow:hidden;background:var(--panel-grad);align-content:start;transition:transform .35s,box-shadow .35s,border-color .35s}
.lux #about-leadership .person--lg:hover{transform:translateY(-4px);box-shadow:var(--lift);border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}
.lux #about-leadership .person--lg{position:relative;text-align:center;justify-items:center}
.lux #about-leadership .person--lg::before{content:"";position:absolute;left:0;right:0;top:0;height:132px;background:var(--plaque);border-bottom:1px solid var(--plaque-line)}
.lux #about-leadership .person--lg img{position:relative;z-index:1;width:176px;height:176px;aspect-ratio:1;border-radius:50%;margin:38px auto 0;border:2px solid var(--gold);object-fit:cover;object-position:center 22%;filter:sepia(.14) saturate(.9) contrast(1.02);box-shadow:0 0 0 6px var(--panel),0 22px 40px -22px rgba(20,14,4,.7)}
.lux #about-leadership .person--lg>div{padding:24px 24px 26px}
.lux #about-leadership .person b{font-size:22px;min-height:2.5em;display:flex;align-items:flex-end;justify-content:center;line-height:1.25}
.lux #about-leadership .person .tags{flex-direction:column;align-items:center;gap:7px;margin:16px 0 16px;padding:14px 0;border-block:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.lux #about-leadership .person .tag{border:0;padding:0;border-radius:0;background:none;font-size:13.5px;color:var(--ink2)}
.lux #about-leadership .person em{margin:8px 0 0}
.lux #about-leadership .person p{font-size:14px}
.lux #about-commitments .sec-head.center p{display:flex;justify-content:center;align-items:center;gap:6px}
.lux #about-commitments .sec-head.center p>.tag--gold{border:0;background:none;padding:0 8px;margin:18px 0 0;font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--gold-deep)}
.lux #about-commitments .sec-head.center p>.tag--gold+.tag--gold::before{width:6px;height:6px;margin:0 22px 0 0}
.lux #about-commitments .sec-head.center p>.tag--gold:first-child::before{display:none}
html[data-lang="zh"] .lux #about-commitments .sec-head.center p>.tag--gold{font-family:"Noto Serif SC",var(--display)}
/* ---------- summit ---------- */
.lux .grid.venue{grid-template-columns:1.45fr 1fr}
.lux .venue .card__media{aspect-ratio:2.2/1}
.lux .card--invite{align-items:center;justify-content:center;text-align:center;padding:64px 44px;gap:20px;background:linear-gradient(to top right,transparent calc(50% - .6px),rgba(243,217,139,.32) 50%,transparent calc(50% + .6px)) 0 0/50% 150px no-repeat,linear-gradient(to top left,transparent calc(50% - .6px),rgba(243,217,139,.32) 50%,transparent calc(50% + .6px)) 100% 0/50% 150px no-repeat,var(--plaque)}
.lux .card--invite .invite-logo{width:200px;height:auto;margin:40px 0 10px}
.lux .card--invite h3{font-size:clamp(30px,2.8vw,40px)}
.lux .card--invite h3::after{content:"";display:block;width:180px;height:12px;margin:24px auto 0;background:var(--ornament) center/contain no-repeat}
.lux .card--invite .link{margin-top:4px}
.lux .visit{display:grid;grid-template-columns:minmax(0,1.35fr) 380px;gap:32px;align-items:stretch}
.lux .visit__media{position:relative;border-radius:6px;overflow:hidden;background-size:cover;background-position:center 70%;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:40px 40px 38px;isolation:isolate;box-shadow:0 40px 70px -46px rgba(20,14,4,.7)}
.lux .visit__media::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,13,.5) 0%,rgba(20,17,13,.2) 38%,rgba(16,15,14,.9) 100%);z-index:-1}
.lux .visit__media::after{content:"";position:absolute;inset:10px;border:1px solid rgba(243,217,139,.35);border-radius:3px;pointer-events:none}
.lux .visit__media .kicker{color:var(--gold-light)}
.lux .visit__media .tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid rgba(243,217,139,.3);counter-reset:vs}
.lux .visit__media .tag{counter-increment:vs;border:0;border-radius:0;background:none;padding:18px 16px 4px 0;font-family:var(--display);font-size:22px;font-weight:600;color:var(--ivory);display:flex;flex-direction:column;gap:6px}
.lux .visit__media .tag::before{content:counter(vs,decimal-leading-zero);width:auto;height:auto;transform:none;background:none;margin:0;font-size:13px;letter-spacing:.1em;color:var(--gold-light);font-family:var(--display)}
.lux .visit .ticket{align-self:stretch;display:flex;flex-direction:column}
.lux .visit .ticket__main{flex:1;gap:10px}
.lux .visit .ticket__head{margin-bottom:6px}
.lux .visit .ticket .price-val{font-family:var(--display);font-weight:600}
.lux .visit__price{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.lux .visit__price .price-val{font-size:44px;line-height:1;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux .visit__price--std .price-val{font-size:24px;background:none;color:var(--ivory);-webkit-text-fill-color:var(--ivory)}
.lux .visit__price--std{padding-top:12px;border-top:1px solid rgba(243,217,139,.14)}
.lux .visit .ticket__stub{gap:12px;padding-bottom:26px}
.lux .visit .ticket__stub .ticket__note{display:block;color:#A99F8E}
.lux .visit .ticket__stub .btn{margin-top:8px;align-self:stretch;background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408;border:0}
.lux .visit+.sec-head{margin-top:104px}
.lux .seal{background:radial-gradient(60% 100% at 50% 0%,rgba(201,160,74,.16),transparent 70%),var(--bg2);box-shadow:inset 0 1px 0 var(--line)}
.lux .seal .sec-head.center{margin-bottom:34px}
.lux .seal .sec-head.center::before{content:"";display:block;width:180px;height:12px;margin:0 auto 30px;background:var(--ornament) center/contain no-repeat}
.lux .seal .sec-head.center .pull{font-size:clamp(30px,3.6vw,52px);line-height:1.2;gap:0}
.lux .seal .sec-head.center .pull::before,.lux .seal .sec-head.center .pull::after{display:none}
html[data-lang="zh"] .lux .seal .sec-head.center .pull{letter-spacing:.04em}
/* ---------- countries profile ---------- */
.lux[data-route="countries"] .tabpanel>.grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lux[data-route="countries"] .tabpanel>.grid>:is(.split,.card:nth-child(2)){grid-column:1/-1}
.lux[data-route="countries"] .tabpanel>.grid>.split{order:1}
.lux[data-route="countries"] .tabpanel>.grid>.card:nth-child(2){order:2}
.lux[data-route="countries"] .tabpanel>.grid>:is(.card:nth-child(3),.card:nth-child(5)),.lux[data-route="countries"] .tabpanel>.grid>.grid>.card:not(.card--link){order:3}
.lux[data-route="countries"] .tabpanel>.grid>.grid{display:contents}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link{order:4;grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:44px;padding:34px 44px;background:var(--plaque);border-color:var(--plaque-line);color:#F3EBDD}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link::before{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link::after{display:none}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link>.kicker{color:var(--gold-light);margin:0}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link>p.display{color:var(--ivory);max-width:none;font-size:clamp(20px,1.9vw,26px)}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link>.link{color:var(--gold-light);margin:0;padding:0}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link>.btn--primary{position:relative;margin:0 0 0 12px;background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408}
.lux[data-route="countries"] .tabpanel>.grid>:is(.card:nth-child(3),.card:nth-child(5)),.lux[data-route="countries"] .tabpanel>.grid>.grid>.card:not(.card--link){padding:34px 32px 32px}
.lux[data-route="countries"] .tabpanel>.grid>:is(.card:nth-child(3),.card:nth-child(5))::after,.lux[data-route="countries"] .tabpanel>.grid>.grid>.card:not(.card--link)::after{transform:scaleX(1)}
.lux[data-route="countries"] .tabpanel .split{grid-template-columns:1.05fr 1fr;gap:48px;align-items:stretch}
.lux[data-route="countries"] .tabpanel .post .cover{aspect-ratio:auto;height:100%;min-height:420px;border:0;border-radius:6px;filter:sepia(.3) saturate(1.05) contrast(1.12) brightness(.92);box-shadow:0 40px 70px -46px rgba(20,14,4,.7);position:relative}
.lux[data-route="countries"] .tabpanel .post{position:relative;align-content:stretch}
.lux[data-route="countries"] .tabpanel .post::before{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,rgba(40,28,10,.45) 0%,rgba(16,15,14,0) 45%,rgba(16,15,14,.42) 100%);z-index:1;pointer-events:none}
.lux[data-route="countries"] .tabpanel .post .cover:is([style*="hero-mine"],[style*="hero-drill-road"]){background-size:auto 190%;background-position:90% 100%;filter:sepia(.28) saturate(1.05) contrast(1.16) brightness(.86)}
.lux[data-route="countries"] .tabpanel .post::after{z-index:2;content:"";position:absolute;inset:10px;border:1px solid rgba(243,217,139,.45);border-radius:3px;pointer-events:none}
.lux[data-route="countries"] .tabpanel .split .sec-head{margin-bottom:26px}
.lux[data-route="countries"] .tabpanel .split .sec-head h2{font-size:clamp(44px,5vw,68px)}
.lux[data-route="countries"] .tabpanel .split .card{background:var(--plaque);border-color:var(--plaque-line);color:#F3EBDD}
.lux[data-route="countries"] .tabpanel .split .card::before{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
.lux[data-route="countries"] .tabpanel .split .card::after{display:none}
.lux[data-route="countries"] .tabpanel .split .card .kicker{color:var(--gold-light)}
.lux[data-route="countries"] .tabpanel .split .kv{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:auto auto;gap:0}
.lux[data-route="countries"] .tabpanel .split .kv>:is(dt,dd){border:0;padding:0 18px 0 0}
.lux[data-route="countries"] .tabpanel .split .kv>dt{padding-top:20px;border-top:1px solid rgba(243,217,139,.16);color:var(--gold-light);font-size:10.5px;line-height:1.5}
html[data-lang="zh"] .lux[data-route="countries"] .tabpanel .split .kv>dt{font-size:12.5px}
.lux[data-route="countries"] .tabpanel .split .kv>dd{padding:8px 18px 4px 0;border-bottom:0}
.lux[data-route="countries"] .tabpanel .split .kv>dd>.tbc:only-child{display:flex;flex-direction:column;gap:2px;color:var(--on-char-mute)}
.lux[data-route="countries"] .tabpanel .split .kv>dd>.tbc:only-child::before{content:"—";font-family:var(--display);font-size:40px;line-height:1;color:rgba(243,217,139,.55);letter-spacing:0}
.lux[data-route="countries"] .tabpanel .commodities .tag--gold{color:var(--gold-light);border-color:rgba(243,217,139,.45);background:rgba(243,217,139,.07)}
.lux[data-route="countries"] .tabpanel .commodities .tag--gold::before{background:var(--gold-light)}
.lux[data-route="countries"] .tabpanel>.grid>.card{padding:36px 40px 34px}
.lux[data-route="countries"] .tabpanel>.grid>.card>.kicker,.lux[data-route="countries"] .tabpanel>.grid>.grid>.card>.kicker{margin-bottom:6px}
.lux .card--link>p.display{font-size:clamp(22px,2vw,28px);line-height:1.3;color:var(--ink);max-width:22ch}
html[data-lang="zh"] .lux .card--link>p.display{font-family:"Noto Serif SC",var(--display)}
.lux .country-more{position:relative}
/* ---------- participate / platform: platform feature panel ---------- */
.lux .portal{background:var(--bg);border:0;padding-block:clamp(56px,6vw,96px);color:var(--ink)}
.lux .portal .portal__in{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--wrap) - 2 * var(--gutter));position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;min-height:300px;padding:60px 56px;padding-right:min(46%,500px);background:var(--plaque);border:1px solid var(--plaque-line);border-radius:8px;color:#F3EBDD;box-shadow:0 44px 80px -46px rgba(20,14,4,.7)}
.lux .portal .portal__in::before{content:"";position:absolute;inset:10px;border:1px solid var(--plaque-frame);border-radius:4px;pointer-events:none}
.lux .portal .portal__in::after{content:"";position:absolute;right:6%;top:50%;width:min(26%,290px);aspect-ratio:1;transform:translateY(-50%);background:radial-gradient(closest-side,rgba(243,217,139,.2),transparent 75%),url(globe-handshake.webp) center/80% no-repeat;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));pointer-events:none}
.lux .portal h3{font-size:clamp(24px,2.3vw,32px);line-height:1.3;max-width:none;color:var(--ivory)}
.lux .portal .eyebrow{color:var(--gold-light)}
.lux .portal .btn--dark{background:linear-gradient(135deg,#B8903E 0%,#F3D98B 45%,#D6B25A 100%);color:#1C1408;box-shadow:0 14px 30px -14px rgba(0,0,0,.8)}
.lux .portal .btn--dark:hover{background:var(--gold-light)}
.lux .sec--alt+.portal,.lux .sec--motif+.portal{background:var(--bg)}
/* ---------- photo CTA band ---------- */
.lux .sec--photo{background-size:cover;background-position:center 58%;position:relative;isolation:isolate}
.lux .sec--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 50% 50%,rgba(16,15,14,.72),rgba(16,15,14,.45)),linear-gradient(180deg,rgba(16,15,14,.2),rgba(16,15,14,.55))}
.lux .sec--photo::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--metal)}
.lux .sec--photo .sec-head.center h2{color:var(--ivory);max-width:18em;text-shadow:0 2px 30px rgba(0,0,0,.5)}
body:has(.page:not([hidden])>.sec--dark:last-child) footer>.ribbon{display:none}
/* ---------- platform ---------- */
.lux .ring .core{background:var(--plaque);border:1px solid var(--plaque-line);border-radius:8px;padding:52px 40px;box-shadow:0 44px 80px -44px rgba(20,14,4,.7)}
.lux .ring .core::before{inset:10px;border-color:var(--plaque-frame)}
.lux .ring .core b{font-size:36px;color:var(--ivory)}
.lux .ring .core img{width:140px}
.lux .ring .node{border-radius:6px;background:var(--panel-grad);border-color:color-mix(in srgb,var(--line) 85%,transparent);grid-template-columns:52px 1fr;gap:18px;padding:22px 24px;box-shadow:0 20px 40px -38px rgba(40,28,8,.45)}
.lux .ring .node img{width:52px;height:52px;filter:drop-shadow(0 8px 12px rgba(40,28,8,.3))}
.lux .ring{counter-reset:node}
.lux .ring .node{counter-increment:node}
.lux .ring .node b{font-family:var(--display);font-size:19px;font-weight:600;margin-bottom:6px;display:flex;align-items:baseline;gap:10px}
.lux .ring .node b::before{content:counter(node,decimal-leading-zero);font-size:15px;letter-spacing:.04em;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux .ring .node span{line-height:1.55}
@media (min-width:901px){
.lux .ring{grid-template-rows:repeat(6,auto);row-gap:18px}
.lux .ring .core{grid-row:1/-1}
.lux .ring .node:nth-child(2){grid-row:1/span 2}
.lux .ring .node:nth-child(3){grid-row:3/span 2}
.lux .ring .node:nth-child(4){grid-row:5/span 2}
.lux .ring .node:nth-child(5){grid-row:2/span 2}
.lux .ring .node:nth-child(6){grid-row:4/span 2}
}
.lux .ring .node:hover{transform:translateY(-3px);box-shadow:var(--lift)}
.lux .ring+.pull{margin-top:64px}
.lux .sec--dark .grid+.grid{margin-top:56px}
.lux .sec--dark .card--gold{background:var(--plaque);border:1px solid var(--plaque-line);box-shadow:0 40px 70px -40px rgba(0,0,0,.8)}
.lux .sec--dark .card--gold::before{content:"";position:absolute;inset:9px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
.lux .sec--dark .card--gold::after{transform:scaleX(1)}
.lux .sec--dark .card--gold h3{color:var(--ivory)}
.lux .sec--dark .card ul{gap:0}
.lux .sec--dark .card ul li{padding:11px 0 11px 18px;border-top:1px solid rgba(243,217,139,.12)}
.lux .sec--dark .card ul li::before{top:calc(11px + .8em - 3px);background:var(--gold-light)}
.lux .sec--dark .process>.card ul li{border:0;padding:4px 0 4px 16px}
.lux .sec--dark .process>.card ul li::before{top:calc(4px + .8em - 3px)}
.lux .tagrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--line);overflow:hidden;counter-reset:wg;margin-bottom:12px}
.lux .tagrow .tag{counter-increment:wg;border:0;border-radius:0;background:none;box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line);padding:32px 26px 30px;display:flex;flex-direction:column;gap:16px;min-height:0;font-family:var(--display);font-size:19.5px;font-weight:600;line-height:1.3;color:var(--ink);transition:background .3s}
html[data-lang="zh"] .lux .tagrow .tag{font-family:"Noto Serif SC",var(--display)}
.lux .tagrow .tag::before{content:counter(wg,decimal-leading-zero);width:auto;height:auto;transform:none;margin:0;font-family:var(--display);font-size:38px;font-weight:600;line-height:1;letter-spacing:-.01em;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.lux .tagrow .tag:hover{background:linear-gradient(180deg,var(--gold-soft),transparent 80%)}
/* ---------- sponsor ---------- */
.lux .title-sponsor__body .price-val{font-size:clamp(40px,3.6vw,52px);background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1.05}
.lux .title-sponsor__body .note:first-of-type{margin-top:18px;padding-top:16px;border-top:1px solid rgba(243,217,139,.25)}
.lux .grid.xp{grid-template-columns:1.4fr 1fr 1fr;gap:24px;align-items:stretch}
.lux .xp>.card{padding-bottom:30px}
.lux .xp .card__media{aspect-ratio:16/10}
.lux .xp>.card:first-child .card__media{aspect-ratio:16/9}
.lux .xp h3{font-size:26px}
.lux .xp>.card:first-child h3{font-size:32px}
.lux .xp .price{margin:2px 32px 0}
.lux .xp .price-val{font-family:var(--display);font-size:32px;font-weight:600;line-height:1;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux .xp>.card:first-child .price-val{font-size:40px}
.lux .xp .tag{align-self:flex-start}
.lux .xp p{font-size:14.5px;color:var(--ink2);padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.lux .xp+p{margin-top:18px}
.lux .kv--terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;border-top:1px solid var(--gold)}
.lux .kv--terms>div{padding:28px 0 26px;border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent);display:grid;gap:8px;align-content:start}
.lux .kv--terms dt{padding:0}
.lux .kv--terms dd>span:first-child{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.3;color:var(--ink)}
html[data-lang="zh"] .lux .kv--terms dd>span:first-child{font-family:"Noto Serif SC",var(--display)}
.lux .kv--terms>div:first-child dd>span:first-child,.lux .kv--terms>div:nth-child(4) dd>span:first-child{font-size:40px;line-height:1.05;background:var(--metal-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux .kv--terms dd small{margin-top:8px;font-size:14px;line-height:1.55;max-width:56ch;color:var(--ink2)}
.lux .kv--terms dd>.tbc{font-size:13px}
.lux .logos div{border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:4px;background:var(--panel-grad);height:96px;position:relative;letter-spacing:.2em}
.lux .logos div{place-items:end center;padding-bottom:16px}
.lux .logos div::before{content:"";position:absolute;inset:0;background:url(logo.webp) center 32%/46% no-repeat;opacity:.2;filter:grayscale(1)}
.lux .benefits .no{color:var(--mute)}
.lux .prospectus-row{max-width:none}
.lux #sponsor-enquiry .prospectus-row+.sec-head{margin-top:80px}
/* ---------- roadshows · media · cases ---------- */
.lux .card--ghost{background:none;border:1px solid var(--hair);box-shadow:none;justify-content:center;align-items:center;text-align:center;min-height:320px}
.lux .card--ghost .empty{align-items:center;text-align:center}
.lux .card--ghost .empty b{font-family:var(--display);font-size:24px;color:var(--ink)}
.lux #roadshows-calendar .card--media .kv{margin-inline:32px}
.lux #roadshows-calendar .card--dark.card--media .card__media{filter:none}
.lux #roadshows-calendar .card--media>h3{font-size:28px}
.lux #roadshows-format .card--dark .kv dd .price-val{font-family:var(--display);font-size:30px;font-weight:600;background:var(--metal-lite);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.lux #roadshows-format .card--dark .price-note{padding-top:14px;margin-top:6px;border-top:1px solid rgba(243,217,139,.18);color:var(--on-char-mute)}
@media (min-width:901px){.lux #roadshows-join .grid.cols-2{grid-template-columns:1.15fr 1fr}}
.lux .card--dark.card--media::before{z-index:2}
.lux #roadshows-join .card{padding:48px 46px 42px}
.lux #roadshows-join .card--dark h3{font-size:clamp(28px,2.6vw,36px)}
.lux .post .cover{filter:sepia(.22) saturate(1.05) contrast(1.1) brightness(.95);border-radius:6px;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;box-shadow:0 30px 50px -40px rgba(40,28,8,.6)}
.lux .post{position:relative}
.lux .post:hover .cover{filter:sepia(.1) saturate(1.1) contrast(1.1);transform:translateY(-3px)}
.lux :is(.post .cover,.card__media)[style*="hero-mine"]{background-size:auto 210%;background-position:88% 100%}
.lux :is(.post .cover,.card__media)[style*="hero-drill-road"]{background-size:auto 150%;background-position:22% 100%}
.lux .card__media:is([style*="hero-mine"],[style*="hero-drill-road"])::after{background:linear-gradient(180deg,rgba(40,28,10,.42) 0%,rgba(16,15,14,.06) 45%,rgba(16,15,14,.5) 100%)}
.lux :is(.post .cover,.card__media):is([style*="hero-mine"],[style*="hero-drill-road"]){filter:sepia(.2) saturate(1.05) contrast(1.14) brightness(.84)}
.lux .post .cover{position:relative;overflow:hidden}
.lux:not([data-route="countries"]) .post .cover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(20,17,13,.22),rgba(20,17,13,0) 42%,rgba(20,17,13,.38));box-shadow:inset 0 0 0 1px rgba(154,115,40,.3);pointer-events:none}
.lux .post{grid-template-columns:minmax(0,1fr);align-content:start}
html[data-lang="zh"] .lux .prose h2{word-break:keep-all}
.lux .sec-head:not(:has(h2)):not(.center){margin-bottom:36px}
.lux .card .upload{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;min-height:128px;border:1px solid var(--plaque-line);background:var(--plaque);color:var(--gold-light);font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-radius:4px;padding:28px 18px;box-shadow:0 24px 40px -30px rgba(20,14,4,.6)}
.lux .card .upload::before{content:"";position:absolute;inset:7px;border:1px solid var(--plaque-frame);border-radius:2px;pointer-events:none}
html[data-lang="zh"] .lux .card .upload{letter-spacing:.1em;font-size:13px}
.lux .card .upload .tbc{color:var(--on-char-mute)}
.lux .post .meta{padding-top:6px}
.lux .post .meta>span+span{padding-left:12px;border-left:1px solid var(--hair)}
.lux .post h3{font-size:24px}
.lux .grid+.empty,.lux .tabpanel .grid+.empty{margin-top:40px}
.lux .ruled+p.small{margin-top:22px}
.lux #cases-list .grid>.card{background:none;border:1px solid var(--hair);box-shadow:none}
.lux #cases-list .grid>.card:hover{background:linear-gradient(180deg,var(--gold-soft),transparent 70%)}
.lux #roadshows-format .card--dark .kv>dt:has(+dd .price-val){padding-top:26px}
/* media kit: a document glyph instead of a repeated "Download" label */
.lux .dl-ic{display:block;width:30px;height:38px;margin-bottom:6px;border:1px solid var(--gold-light);border-radius:2px;position:relative;background:linear-gradient(var(--gold-light),var(--gold-light)) 6px 12px/16px 1px no-repeat,linear-gradient(var(--gold-light),var(--gold-light)) 6px 18px/16px 1px no-repeat,linear-gradient(var(--gold-light),var(--gold-light)) 6px 24px/10px 1px no-repeat;opacity:.9}
.lux .dl-ic::after{content:"";position:absolute;right:-8px;bottom:-8px;width:18px;height:18px;border-radius:50%;background:var(--metal) center/cover;box-shadow:0 0 0 3px #151412}
.lux .dl-ic::before{content:"↓";position:absolute;right:-8px;bottom:-8px;width:18px;height:18px;display:grid;place-items:center;font-size:11px;line-height:1;color:#1C1408;z-index:1;font-weight:700}
@media (min-width:901px){
.lux .wrap>.sec-head:not(.center)>.cta-row{grid-column:2;grid-row:1/span 6;align-self:end;justify-self:end;margin:0}
.lux .wrap>.sec-head:not(.center):has(>.cta-row)>:not(.cta-row){grid-column:1}
}
/* FAQ: sticky index on the left, questions on the right */
.lux .faq-index{display:flex;flex-wrap:wrap;gap:8px}
.lux .faq-index .tag{font-size:13.5px;padding:7px 14px;transition:background .25s,border-color .25s,color .25s}
.lux .faq-index .tag:hover{border-color:var(--gold);background:var(--gold-soft);color:var(--ink)}
@media (min-width:1101px){
.lux #insights-faq>.wrap{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:80px;align-items:start}
.lux #insights-faq>.wrap>*{grid-column:2}
.lux #insights-faq>.wrap>.sec-head:first-child{grid-column:1;grid-row:1/span 60;position:sticky;top:calc(var(--nav-h) + 32px);display:block;margin:0}
.lux #insights-faq>.wrap>.sec-head:first-child>.lede{margin-top:30px;max-width:none}
.lux #insights-faq .faq-index{flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--gold)}
.lux #insights-faq .faq-index .tag{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 4px;display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--ink2);background:none}
.lux #insights-faq .faq-index .tag::after{content:"→";color:var(--gold-deep);transition:transform .25s}
.lux #insights-faq .faq-index .tag:hover{background:linear-gradient(90deg,var(--gold-soft),transparent);color:var(--ink)}
.lux #insights-faq .faq-index .tag:hover::after{transform:translateX(3px)}
.lux #insights-faq>.wrap>.sec-head:not(:first-child){margin-top:72px;margin-bottom:20px;display:block}
.lux #insights-faq>.wrap>.sec-head:nth-child(2){margin-top:0}
}
.lux #insights-faq>.wrap>.cta-row{margin-top:26px}
.prose .kv dd>.link:first-child,.prose .kv dd>small>.link:first-child{margin-left:0}
/* ---------- responsive ---------- */
@media (max-width:1100px){
.lux .grid.index>.card{grid-template-columns:84px minmax(0,1fr) minmax(0,1.2fr);row-gap:10px}
.lux .index>.card>.link{grid-column:2/-1;grid-row:3;justify-self:start;text-align:left}
.lux .facts{grid-template-columns:1fr 1fr}
.lux .facts>div:nth-child(3){border-left:0}
.lux .facts>div:nth-child(n+3){border-top:1px solid rgba(243,217,139,.14)}
.lux .grid.factbar{grid-template-columns:1fr 1fr}
.lux .factbar>.card:nth-child(3){border-left:0}
.lux .factbar>.card:nth-child(n+3){border-top:1px solid rgba(243,217,139,.14)}
.lux #about-leadership .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lux .grid.equation{grid-template-columns:1fr 1fr}
.lux .equation>.card--gold{grid-column:1/-1;margin:18px 0 0}
.lux .equation>.card:nth-child(3){border-left:0}
.lux .equation>.card:nth-child(3)>.num::before{display:none}
.lux .equation>.card--gold>.kicker::before{left:50%;top:-38px;margin:0 0 0 -18px}
.lux .tagrow{grid-template-columns:repeat(3,minmax(0,1fr))}
.lux .org__tier,.lux .org__tier:nth-child(n){width:100%;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)}
.lux .org__tier>b{grid-column:2/-1}
.lux .org__tier>:is(.org__who,.org__what){grid-row:2}
.lux .org__tier::before{grid-row:1/span 2}
.lux .visit{grid-template-columns:1fr}
.lux .grid.xp{grid-template-columns:1fr 1fr}
.lux .xp>.card:first-child{grid-column:1/-1}
.lux .grid.process.cols-5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}
.lux .wall{grid-template-columns:repeat(3,minmax(0,1fr))}
.lux .wall>span:nth-child(n+4){display:none}
.lux .ladder--tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
.lux .grid.process,.lux .grid.process.cols-5{grid-template-columns:1fr;padding:0 0 0 36px;row-gap:34px}
.lux .grid.process::before{top:6px;bottom:6px;left:5px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,var(--gold),var(--gold-light) 50%,var(--gold))}
.lux .process>.card{padding:0}
.lux .process>.card::before{top:6px;left:-36px}
.lux .grid.ruled{grid-template-columns:1fr 1fr}
.lux .grid.days{grid-template-columns:1fr}
.lux .days>.card,.lux .days>.card+.card{padding:34px 0 30px 34px;border-left:1px solid color-mix(in srgb,var(--line) 85%,transparent)}
.lux .days>.card::before,.lux .days>.card+.card::before{top:40px;left:-6px}
.lux .grid.days{border-top:0}
.lux .bridge{grid-template-columns:1fr;border-radius:6px}
.lux .bridge .arrow{height:0;width:auto;align-self:auto}
.lux .bridge .arrow::after{content:"↓";left:50%;top:0}
.lux .bridge>.card--dark{margin:0 -1px}
.lux .diptych{grid-template-columns:1fr}
.lux .diptych>.card{border-radius:8px 8px 0 0}
.lux .diptych>.card+.card{border-left:1px solid var(--plaque-line);border-top:0;border-radius:0 0 8px 8px}
.lux .diptych::after{top:auto;bottom:calc(50% - 29px)}
.lux .grid.feature3{grid-template-columns:1fr}
.lux .feature3>.card:first-child{grid-row:auto;min-height:360px}
.lux .kv--terms{grid-template-columns:1fr}
.lux .portal .portal__in{padding:48px 34px 280px;padding-right:34px}
.lux .portal .portal__in::after{top:auto;bottom:24px;right:50%;transform:translateX(50%);width:240px}
.lux[data-route="countries"] .tabpanel .split{grid-template-columns:1fr}
.lux[data-route="countries"] .tabpanel>.grid{grid-template-columns:1fr}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link{grid-template-columns:1fr;row-gap:12px;padding:32px 30px}
.lux[data-route="countries"] .tabpanel .post .cover{min-height:260px}
.lux .grid.venue{grid-template-columns:1fr}
.lux .agenda li{grid-template-columns:76px 1fr;column-gap:40px}
.lux .agenda li::before{left:96px}
.lux .agenda li::after{left:91px}
.lux .agenda .type{grid-column:2}
.lux #about-challenge+.split--top>:first-child .pull{position:static}
.lux[data-route="countries"] .tabpanel>.grid>.grid>.card--link>.btn--primary{margin:8px 0 0;justify-self:start}
}
@media (max-width:600px){
.lux .num{font-size:44px}
.lux .process>.card>.num{font-size:48px}
.lux .grid.ruled{grid-template-columns:1fr}
.lux .ruled>.card{padding:32px 4px 30px}
.lux .ruled>.card>.ic{top:30px;right:4px}
.lux .grid.index>.card{grid-template-columns:58px minmax(0,1fr);column-gap:18px;padding:26px 6px}
.lux .index>.card>:is(.num,.kicker:first-child){grid-row:1/span 4;align-self:start;font-size:40px}
.lux .index>.card>h3{grid-column:2;grid-row:1;font-size:23px}
.lux .index>.card>.inc{grid-column:2;grid-row:2}
.lux .index>.card>:is(ul,p){grid-column:2;grid-row:3}
.lux .index>.card>.link{grid-column:2;grid-row:4;margin-top:8px}
.lux .facts>div{padding:26px 24px 24px;border-left:0}
.lux .facts{grid-template-columns:1fr}
.lux .facts>div+div{border-top:1px solid rgba(243,217,139,.14)}
.lux .sec--facts .facts{margin-top:-32px}
.lux .grid.factbar{grid-template-columns:1fr}
.lux .factbar>.card+.card{border-left:0;border-top:1px solid rgba(243,217,139,.14)}
.lux .factbar>.card{padding:28px 26px}
.lux .bridge>.card{padding:36px 26px 30px}
.lux .bridge>.card--dark{padding:44px 28px 40px}
.lux .teaser .card{padding:34px 26px 30px}
.lux .ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
.lux .ladder--tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not([data-lang="zh"]) .lux .ladder--tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
.lux .country{gap:14px;padding:18px 4px}
.lux .country::before{display:none}
.lux .country .flag{flex-basis:42px;width:42px;height:42px;font-size:22px}
.lux .country .link{font-size:0;gap:0}
.lux .country .link::after{font-size:15px}
.lux .tab:has(small){min-width:150px;padding:14px 16px}
.lux .tab:has(small)>span{font-size:17px}
.lux .tab small{display:block;font-size:12px}
.lux .tab{padding:12px 16px;font-size:16px}
.lux .tablist{margin-bottom:30px}
.lux .agenda li{grid-template-columns:1fr auto;padding:22px 0 22px 30px}
:root .lux .agenda .type{grid-column:2;grid-row:1;align-self:center}
.lux .agenda li>div{grid-column:1/-1}
.lux .visit__media::before{background:linear-gradient(180deg,rgba(16,15,14,.3) 0%,rgba(16,15,14,.9) 100%)}
.lux .agenda li::before{left:5px}
.lux .agenda li::after{left:0;top:30px}
.lux .agenda .time{grid-row:auto;grid-column:1;padding:0}
.lux .agenda .type,.lux .agenda li>div{grid-column:1;grid-row:auto}
.lux .acc summary{padding:18px 52px 18px 40px;font-size:17px}
.lux .acc summary::before{top:21px;font-size:14px}
.lux .acc>div{padding:0 8px 20px 40px}
.lux .pricing{min-width:640px}
.lux .equation>.card{padding:34px 4px 28px}
.lux .grid.equation{grid-template-columns:1fr}
.lux .equation>.card:nth-child(n+2):not(.card--gold){border-left:0;border-top:1px solid var(--line)}
.lux .equation>.card:nth-child(n+2)>.num::before{display:none}
.lux .equation>.card--gold{padding:48px 28px 36px}
.lux #about-leadership .grid{grid-template-columns:1fr 1fr;gap:14px}
.lux #about-leadership .person--lg>div{padding:16px 14px 18px}
.lux #about-leadership .person b{font-size:18px}
.lux #about-leadership .stat{grid-template-columns:1fr;row-gap:6px}
.lux #about-leadership .stat b{grid-row:auto}
.lux .principles li{min-height:0;padding:22px 4px}
.lux .org__tier,.lux .org__tier:nth-child(n){grid-template-columns:1fr;padding:26px 24px;gap:14px}
.lux .org__tier>b,.lux .org__tier>:is(.org__who,.org__what),.lux .org__tier::before{grid-column:1;grid-row:auto}
.lux .tagrow{grid-template-columns:1fr 1fr}
.lux .tagrow .tag{min-height:0;padding:20px 16px;font-size:17px}
.lux .visit__media{min-height:360px;padding:30px 26px}
.lux .visit__media .tags{grid-template-columns:1fr 1fr}
.lux .grid.xp{grid-template-columns:1fr}
.lux .portal .portal__in{padding:40px 26px 250px}
.lux .portal .btn--dark{padding-inline:22px;max-width:100%;white-space:normal;text-align:center}
.lux .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
.lux .wall>span:nth-child(n+3){display:none}
.lux .empty--wall{padding:30px 20px 34px}
.lux .card--media>:not(.card__media){margin-inline:22px}
.lux .diptych>.card{padding:32px 26px 36px}
.lux .diptych>.card .ic,.lux #about-opportunity .diptych .ic{height:220px}
.lux[data-route="countries"] .tabpanel .split .kv{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}
.lux .cmp td,.lux .cmp th{padding-inline:16px}
.lux .cmp td:first-child{padding-left:36px}.lux .cmp td:first-child::before{left:14px}
.lux .cmp td:last-child{padding-left:44px}.lux .cmp td:last-child::before{left:18px}
html[data-lang="zh"] .lux .sec-head h2{font-size:clamp(26px,7vw,34px)}
.lux .sec-head.center .pull{gap:14px}
.lux .sec-head.center .pull::before,.lux .sec-head.center .pull::after{flex-basis:20px}
.lux #about-leadership .person--lg::before{height:92px}
.lux #about-leadership .person--lg img{width:124px;height:124px;margin-top:26px}
.lux .facts>div>span{min-height:0}
.lux .facts>div+div::before{display:none}
.lux .invite .pull{padding:0 28px 30px}
.lux .card>.kv>dt{padding:14px 0 2px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.lux .card>.kv>dd{padding:0 0 12px;border-top:0}
.lux .card--dark>.kv>dt,.lux .sec--dark .card>.kv>dt{border-top-color:rgba(243,217,139,.14)}
.lux #roadshows-format .card--dark .kv>dt:has(+dd .price-val){padding-top:14px}
.lux #roadshows-calendar .card--media .kv{margin-inline:22px}
.lux .principles li::before,.lux .tagrow .tag::before{font-size:30px}
}
/* PREMIUM-SECTIONS-2026-09-24 END */
/* English nav: tighter letter-spacing so the menu clears the logo and the language switch at 1181–1440px */
html:not([data-lang="zh"]) .menu>li>a{letter-spacing:.035em;padding-inline:7px}
@media (max-width:1360px){html:not([data-lang="zh"]) .menu>li>a{letter-spacing:.02em;padding-inline:5px;font-size:12.5px}}
/* the Summit 2027 flag keeps room for its diamond when the English menu tightens */
html:not([data-lang="zh"]) .menu>li>a.is-flag{padding-left:27px;padding-right:12px}
@media (max-width:1360px){html:not([data-lang="zh"]) .menu>li>a.is-flag{padding-left:25px;padding-right:10px}}
/* ===================== admin (#/admin · admin.js · docs/admin/SPEC.md) ===================== */
.account-bar__acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-loading{color:var(--mute)}
.admin-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:44px}
.admin-kpi{text-align:left;font:inherit;color:inherit;padding:20px 20px 18px;gap:6px;cursor:pointer}
.admin-kpi--money{cursor:default}
.admin-kpi__n{font-family:var(--display);font-size:34px;font-weight:600;line-height:1.1;font-variant-numeric:lining-nums tabular-nums}
.admin-kpi__sub{font-size:13px;color:var(--mute)}
.admin-tabs{flex-wrap:wrap}
.admin-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.admin-tools .field{margin:0}
.admin-search{flex:1 1 280px;min-width:0}
.admin-filter{flex:0 1 220px}
.admin-count{font-size:13px;color:var(--mute);margin-left:auto}
.admin-ledger{min-width:0}
.admin-ledger tbody tr{cursor:pointer}
.admin-ledger td{overflow-wrap:anywhere}
.admin-ledger tr.is-current td{background:var(--gold-soft)}
.admin-detail{margin-top:28px;gap:16px}
.admin-detail__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.admin-detail__acts:empty{display:none}
.admin-kv dd{overflow-wrap:anywhere;white-space:pre-wrap}
.admin-files{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}
.admin-edit{display:grid;gap:12px;margin-top:8px}
.admin-saved{color:var(--gold-deep);font-weight:600;font-size:14px;align-self:center}
.admin-admins{display:grid;gap:22px;max-width:640px}
.admin-add{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.admin-add .field{flex:1 1 260px;margin:0}
.admin-add .form-error{flex-basis:100%}
@media (max-width:1024px){.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){
.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-ledger th:nth-child(2),.admin-ledger td:nth-child(2),.admin-ledger th:nth-child(4),.admin-ledger td:nth-child(4){display:none}
.account-bar__acts{grid-column:1/-1;justify-content:flex-start}
}