:root{--gold:#d4af37;--gold-hi:#f5d67b;--orange:#f26522;--bg:#141414;--card:#1b1b1b;--line:#2c2c2c;--txt:#e6e6e6;--mut:#9a9a9a}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Raleway,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
header.site{background:#0e0e0e;border-bottom:1px solid var(--line);padding:16px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
header.site .brand{font-weight:600;letter-spacing:2px;text-transform:uppercase;font-size:13px;color:var(--txt);text-decoration:none}header.site .brand span{color:var(--gold)}
header.site nav a{color:var(--mut);text-decoration:none;font-size:13px;letter-spacing:1px;margin-left:22px}header.site nav a:hover{color:var(--gold)}
footer.site{border-top:1px solid var(--line);padding:22px;text-align:center;color:var(--mut);font-size:12px;letter-spacing:1px}footer.site a{color:var(--gold);text-decoration:none}
.crumb{max-width:1100px;margin:22px auto 0;padding:0 24px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--mut)}.crumb a{color:var(--gold);text-decoration:none}
.member{max-width:1100px;margin:22px auto 60px;padding:0 24px;display:grid;grid-template-columns:340px 1fr;gap:40px}@media(max-width:820px){.member{grid-template-columns:1fr}}
.photo{position:relative;padding:6px}.photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;display:block}
.halo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.halo circle{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:305;stroke-dashoffset:0}
.photo .ph,.card .ph{width:100%;aspect-ratio:1/1;background:#222;display:flex;align-items:center;justify-content:center;color:#555;font-size:34px;border-radius:50%}
.pin{position:absolute;right:6%;bottom:6%;width:78px;height:78px;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;color:var(--gold);overflow:hidden;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.pin img{width:100%;height:100%;object-fit:contain}
/* shine stays INSIDE the badge art: the badge itself masks the pin, so the sweep is clipped to its opaque pixels */
.pin.masked{-webkit-mask:url(member-pin.png) center/contain no-repeat;mask:url(member-pin.png) center/contain no-repeat;filter:none}@media(max-width:820px){.pin{width:88px;height:88px}}
.who h1{font-weight:400;font-size:34px;letter-spacing:1px}.who .co{color:var(--orange);font-size:17px;font-weight:500;margin-top:2px}
.seat{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(212,175,55,.5);padding:5px 12px;border-radius:3px;position:relative;overflow:hidden}
.contact{margin-top:22px;display:flex;flex-direction:column;gap:12px}.contact a{color:var(--txt);text-decoration:none;border:1px solid var(--line);padding:10px 16px;border-radius:4px;font-size:14px;text-align:center}
.contact a.gold{background:var(--gold);color:#111;font-weight:600;border-color:var(--gold)}.contact a:hover{border-color:var(--gold)}.contact a.sec,a.sec{color:var(--mut);font-size:13px;border-style:dashed}
.addr{margin-top:14px;font-size:13px;color:var(--mut);text-align:center}
.bio-block{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.bio-block h3{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px}.bio-block p{color:#d5d5d5;font-size:15px}
.video{margin-top:34px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#000;aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0;display:block}
.chapter-cta{margin-top:40px;border:1px solid var(--gold);border-radius:6px;padding:26px 30px;background:linear-gradient(180deg,rgba(212,175,55,.09),rgba(212,175,55,.02));text-align:center;position:relative;overflow:hidden}
.chapter-cta .k{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.chapter-cta p{color:#ddd;font-size:14.5px;max-width:640px;margin:0 auto 16px}
.chapter-cta a{display:inline-block;background:var(--gold);color:#111;padding:11px 22px;border-radius:4px;text-decoration:none;font-weight:600;letter-spacing:1px}
.dir{max-width:1100px;margin:22px auto 60px;padding:0 24px}.dir h1{font-weight:300;font-size:32px;letter-spacing:1px;text-align:center}.dir h1 span{color:var(--orange)}
.dir .rule{width:60px;height:2px;background:var(--orange);margin:10px auto 8px}.dir .lead{text-align:center;color:var(--mut);font-size:14px;max-width:640px;margin:0 auto 34px}
.tools{max-width:900px;margin:0 auto 26px}.search{position:relative;display:flex;align-items:center;background:#1b1b1b;border:1px solid var(--line);border-radius:6px;padding:0 12px;transition:border-color .25s}.search:focus-within{border-color:var(--gold)}
.search .ico{color:var(--gold);font-size:20px;margin-right:8px}.search input{flex:1;background:none;border:0;outline:0;color:var(--txt);font:inherit;font-size:15px;padding:13px 0}.search input::placeholder{color:#666}
.search button{background:none;border:0;color:#777;font-size:14px;cursor:pointer;padding:6px;display:none}.search.has button{display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.chip{background:none;border:1px solid var(--line);color:#bbb;font:inherit;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 13px;border-radius:20px;cursor:pointer;transition:all .2s}
.chip:hover{border-color:var(--gold);color:var(--gold)}.chip.on{background:var(--gold);border-color:var(--gold);color:#111;font-weight:600}
.empty{display:none;text-align:center;color:var(--mut);padding:40px 0}.empty a{color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--txt);opacity:0;transform:translateY(44px)}
.card.on{opacity:1;transform:none;transition:opacity .25s ease-out calc(var(--i,0)*90ms),transform .7s cubic-bezier(.22,1.1,.36,1) calc(var(--i,0)*90ms),border-color .25s}
.card.on:hover{transform:translateY(-3px);transition-delay:0s;border-color:var(--gold)}.card.hide{display:none}
.card .imgw{padding:16px 16px 4px}.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:50%;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--gold)}.card .b{padding:12px 14px 14px}.card .n{font-weight:600;font-size:15px}.card .c{color:var(--orange);font-size:13px;margin-top:2px}.card .s{color:var(--mut);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:8px}
.card .imgw{position:relative;overflow:hidden}.card .imgw::after{content:"";position:absolute;top:16px;bottom:4px;left:16px;right:16px;border-radius:50%;background:linear-gradient(105deg,transparent 30%,rgba(245,214,123,.5) 50%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.card:hover .imgw::after{animation:aShineR .7s ease-in-out forwards}@keyframes aShineR{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
/* ===== animations: fire-once, compositor-safe ===== */
@keyframes aIn{to{opacity:1;transform:none}}@keyframes aRule{to{transform:scaleX(1)}}@keyframes aRuleY{to{transform:scaleY(1)}}
@keyframes aRing{0%{opacity:.9;transform:translate(50%,50%) scale(.5)}100%{opacity:0;transform:translate(50%,50%) scale(3.6)}}
@keyframes aFlash{0%{opacity:0}30%{opacity:.55}100%{opacity:0}}
@keyframes aPinFly{0%{opacity:0;transform:translate(90px,-120px) scale(1.9) rotate(8deg)}55%{opacity:1;transform:translate(0,0) scale(1.14) rotate(-3deg)}75%{opacity:1;transform:scale(.96)}100%{opacity:1;transform:none}}
@keyframes aGlint{0%{transform:translateX(-160%) skewX(-18deg)}22%{transform:translateX(420%) skewX(-18deg)}100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes aShine{0%{transform:translateX(-150%) skewX(-18deg)}100%{transform:translateX(300%) skewX(-18deg)}}
.anim .photo img,.anim .photo .ph{opacity:0;transform:scale(.96);animation:aIn .7s ease-out .1s forwards}
/* gold halo draws around the circle (stroke-dashoffset, one-shot, replaces the square frame) */
.anim .halo circle{stroke-dashoffset:305;animation:aHalo 1.1s ease-out .75s forwards}@keyframes aHalo{to{stroke-dashoffset:0}}
.anim .pin{opacity:0;animation:aPinFly .7s cubic-bezier(.34,1.3,.5,1) 2s forwards}.pin::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent,rgba(245,214,123,.75),transparent);transform:translateX(-150%) skewX(-18deg)}
.anim .pin::after{animation:aShine .8s ease-in-out 2.75s forwards}
.ring{position:absolute;right:calc(6% + 31px);bottom:calc(6% + 31px);width:20px;height:20px;border:2px solid var(--gold);border-radius:50%;opacity:0;pointer-events:none;transform:translate(50%,50%)}
.anim .ring{animation:aRing .7s ease-out 2.55s forwards}.anim .ring.r2{animation-duration:.9s;animation-delay:2.7s}
.flash{position:absolute;inset:6px;background:var(--gold-hi);opacity:0;pointer-events:none;border-radius:50%}.anim .flash{animation:aFlash .5s ease-out 2.55s forwards}
.anim .who h1,.anim .who .co,.anim .who .seat,.anim .contact,.anim .addr{opacity:0;transform:translateY(12px);animation:aIn .6s ease-out forwards}
.anim .who h1{animation-delay:.3s}.anim .who .co{animation-delay:.45s}.anim .who .seat{animation-delay:.6s}.anim .contact{animation-delay:.8s}.anim .addr{animation-delay:1s}
.seat::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent,rgba(245,214,123,.6),transparent);transform:translateX(-160%) skewX(-18deg)}.anim .seat::after{animation:aGlint 6s ease-in-out 3.2s infinite}
.bio-block,.video,.chapter-cta{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}.bio-block.on,.video.on,.chapter-cta.on{opacity:1;transform:none}
.chapter-cta::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(105deg,transparent,rgba(245,214,123,.45),transparent);transform:translateX(-160%) skewX(-18deg)}.chapter-cta.on::after{animation:aGlint 5s ease-in-out 1s infinite}
/* leadership */
.pin.leader{width:88px;height:88px}@media(max-width:820px){.pin.leader{width:98px;height:98px}}
.pin.leader.masked{-webkit-mask:url(/images/bnilt-t.png) center/contain no-repeat;mask:url(/images/bnilt-t.png) center/contain no-repeat}
.roles{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.roles.compact{margin-top:8px;gap:6px}
.role{display:inline-block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;padding:5px 11px;border-radius:3px;border:1px solid var(--gold);color:#111;background:linear-gradient(180deg,var(--gold-hi),var(--gold));font-weight:600}
.roles.compact .role{font-size:9.5px;letter-spacing:1.5px;padding:3px 8px}
.role.founding,.role.director{background:none;color:var(--gold)}.role.past{background:none;color:var(--mut);border-color:var(--line);font-weight:400}
.chip.lead{border-color:var(--gold);color:var(--gold)}.chip.lead.on{background:var(--gold);color:#111}
.card .lpin{position:absolute;right:14px;bottom:8px;width:44px;height:44px;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}  /* badge keeps its own shape — no headshot ring/crop */

/* ===== FUN FX (locked 2026-08-31): A orbit · B buttons cascade · C bio headings · D ambient glow · E pin re-glint · F seat ink · G full-page badge landing ===== */
html,body{overflow-x:hidden}   /* sparks/rings fly past the viewport; never create horizontal scroll */
.photo{z-index:0}.photo .orbit{position:absolute;inset:6px;border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0 70%,rgba(245,214,123,0) 78%,rgba(245,214,123,.95) 86%,transparent 92%);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 2px),#000 calc(50% - .5px),transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 3px),#000 calc(50% - 2px),#000 calc(50% - .5px),transparent 50%)}
@keyframes orbit{to{transform:rotate(360deg)}}.anim .photo .orbit{opacity:1;animation:orbit 6s linear 2.2s infinite}          /* KNOB A: 6s lap */
.anim .contact a{opacity:0;transform:translateX(-14px);animation:aIn .5s ease-out forwards;position:relative;overflow:hidden}
.anim .contact a:nth-child(1){animation-delay:.9s}.anim .contact a:nth-child(2){animation-delay:1.05s}.anim .contact a:nth-child(3){animation-delay:1.2s}.anim .contact a:nth-child(4){animation-delay:1.35s}
.contact a::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left}.anim .contact a::before{animation:aRule .5s ease-out forwards}
.anim .contact a:nth-child(1)::before{animation-delay:1.4s}.anim .contact a:nth-child(2)::before{animation-delay:1.55s}.anim .contact a:nth-child(3)::before{animation-delay:1.7s}.anim .contact a:nth-child(4)::before{animation-delay:1.85s}
.bio-block{border-top:0;position:relative}.bio-block::before{content:"";position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .7s ease-out}
.bio-block.on::before{transform:scaleX(1)}.bio-block h3{transition-delay:.15s}.bio-block p{opacity:0;transform:translateY(6px);transition:opacity .5s ease-out .3s,transform .5s ease-out .3s}.bio-block.on p{opacity:1;transform:none}
.photo .ambient{position:absolute;inset:-12%;border-radius:50%;pointer-events:none;opacity:0;z-index:-1;background:radial-gradient(circle,rgba(212,175,55,.28) 0%,rgba(212,175,55,.08) 45%,transparent 68%);-webkit-filter:blur(14px);filter:blur(14px)}
@keyframes breathe{0%,100%{opacity:.35}50%{opacity:1}}.anim .photo .ambient{animation:breathe 6s ease-in-out 1.5s infinite}   /* KNOB D */
@keyframes ink{0%{background:linear-gradient(90deg,var(--gold) 0%,var(--gold) 0%,transparent 0%);color:var(--gold)}45%{background:linear-gradient(90deg,var(--gold) 0%,var(--gold) 100%,transparent 100%);color:#111}100%{background:none;color:var(--gold)}}
.anim .who .seat{animation:aIn .6s ease-out .6s forwards,ink 1.4s ease-in-out .7s}
/* G: full-page badge landing */
.photo{overflow:visible}
@keyframes pinFlyBig{0%{opacity:0;transform:translate(170px,-240px) scale(2.8) rotate(28deg)}35%{opacity:1}55%{transform:translate(0,0) scale(1.28) rotate(-7deg)}68%{transform:scale(.9) rotate(3deg)}80%{transform:scale(1.08) rotate(-1deg)}90%{transform:scale(.97)}100%{opacity:1;transform:none}}
.anim .pin{animation:pinFlyBig 1.15s cubic-bezier(.3,1.2,.4,1) 2s forwards}                       /* KNOB G: flight */
@keyframes ringBig{0%{opacity:1;transform:translate(50%,50%) scale(.4)}100%{opacity:0;transform:translate(50%,50%) scale(5.2)}}
@keyframes ringHuge{0%{opacity:1;transform:translate(50%,50%) scale(.4)}100%{opacity:0;transform:translate(50%,50%) scale(34)}}   /* KNOB: ring reach */
.anim .ring{animation:ringBig 1.1s ease-out 2.62s forwards;border-width:3px}.anim .ring.r2{animation:ringHuge 1.6s ease-out 2.7s forwards;border-width:2px}
.photo .ring.r3{position:absolute;right:calc(6% + 31px);bottom:calc(6% + 31px);width:20px;height:20px;border:1px solid var(--gold-hi);border-radius:50%;opacity:0;pointer-events:none;transform:translate(50%,50%)}.anim .ring.r3{animation:ringHuge 2.1s ease-out 2.9s forwards}
.photo .shock{position:absolute;right:calc(6% + 39px);bottom:calc(6% + 39px);width:20px;height:20px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(50%,50%) scale(.5);background:radial-gradient(circle,rgba(245,214,123,.55) 0%,rgba(212,175,55,.25) 40%,transparent 70%)}
@keyframes shock{0%{opacity:1;transform:translate(50%,50%) scale(.5)}100%{opacity:0;transform:translate(50%,50%) scale(60)}}.anim .shock{animation:shock 1.3s ease-out 2.62s forwards}   /* KNOB: shockwave reach */
.photo .spark{position:absolute;right:calc(6% + 39px);bottom:calc(6% + 39px);width:6px;height:6px;border-radius:50%;background:var(--gold-hi);opacity:0;pointer-events:none;transform:translate(50%,50%);--dx:0px;--dy:0px}
@keyframes sparkFly{0%{opacity:1;transform:translate(50%,50%) scale(1.2)}100%{opacity:0;transform:translate(calc(50% + var(--dx)),calc(50% + var(--dy))) scale(.2)}}.anim .spark{animation:sparkFly 1.5s cubic-bezier(.2,.8,.4,1) 2.62s forwards}
@keyframes flashBig{0%{opacity:0}25%{opacity:.8}100%{opacity:0}}.anim .flash{animation:flashBig .6s ease-out 2.62s forwards}
@keyframes shudder{0%,100%{transform:translate(0,0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,1px)}80%{transform:translate(-1px,-1px)}}
.anim .photo img{animation:aIn .7s ease-out .1s forwards,shudder .35s ease-out 2.62s}
.pageflash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 40%,rgba(245,214,123,.35),transparent 60%);opacity:0;z-index:5}
@keyframes pageflash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}.anim-on .pageflash{animation:pageflash .9s ease-out 2.62s forwards}
.anim .pin::after{animation:aShine .8s ease-in-out 3.2s forwards,aGlint 7s ease-in-out 4.5s infinite}   /* E: re-glint */

@media(prefers-reduced-motion:reduce){.anim *,.card{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
/* ===== STAGE 4 · 100 CLUB (design locked in club100-badge-demo.html + power-of-one-preview.html) ===== */
.med{position:absolute;left:-14px;bottom:-14px;width:96px;height:96px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));z-index:2}
.med svg{width:100%;height:100%;overflow:visible}
.med .disc{fill:url(#gm)}.med .rim{fill:none;stroke:url(#gr);stroke-width:2.2}
.med .laurel{fill:none;stroke:var(--gold-hi);stroke-width:1.3;stroke-linecap:round}
.med text{font-family:Raleway,Arial;font-weight:700;fill:#1a1206}.med .n100{font-size:26px}.med .club{font-size:8px;letter-spacing:2.5px;fill:#3a2a08}.med .clubmo{font-size:5.5px;letter-spacing:1px;fill:#3a2a08}
.med .orb{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 76%,rgba(255,255,255,.95) 88%,transparent 94%);-webkit-mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 3px),#000 calc(50% - 1px),transparent 50%);mask:radial-gradient(circle,transparent 0 calc(50% - 4px),#000 calc(50% - 3px),#000 calc(50% - 1px),transparent 50%)}
.med .shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}.med .shine::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-160%) skewX(-18deg)}
@keyframes medIn{0%{opacity:0;transform:scale(.2) rotate(-40deg)}60%{opacity:1;transform:scale(1.18) rotate(6deg)}80%{transform:scale(.95) rotate(-2deg)}100%{opacity:1;transform:none}}
@keyframes sweep{0%{transform:translateX(-160%) skewX(-18deg)}22%{transform:translateX(420%) skewX(-18deg)}100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes ringOut{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(2.8)}}
@keyframes medPulse{0%,100%{filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 0 rgba(245,214,123,0))}50%{filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(245,214,123,.7))}}
/* member page: medallion lands AFTER the pin flight (pin 2s–3.15s; med 3.3s) — KNOB: med entrance delay */
.anim .med{opacity:0;animation:medIn .9s cubic-bezier(.3,1.3,.4,1) 3.3s both,medPulse 5s ease-in-out 5s infinite}
.anim .med .orb{animation:orbit 5s linear 4.3s infinite}.anim .med .shine::after{animation:sweep 6s ease-in-out 4.4s infinite}
.med .ring{position:absolute;inset:0;right:auto;bottom:auto;width:100%;height:100%;border:2px solid var(--gold-hi);border-radius:50%;opacity:0;pointer-events:none;transform:none}
.anim .med .ring{animation:ringOut .9s ease-out 4s forwards}.anim .med .ring.r2{animation:ringOut .9s ease-out 4.15s forwards;border-width:1px}
.med .sp{position:absolute;left:50%;top:50%;width:5px;height:5px;background:#fff;border-radius:50%;opacity:0;--dx:0px;--dy:0px}
@keyframes medSp{0%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2)}}
.anim .med .sp{animation:medSp 1s ease-out 4.05s forwards}
.chipwrap{margin-top:10px}
.c100{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gold);border-radius:3px;padding:6px 12px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);position:relative;overflow:hidden;background:none}
.c100 b{font-size:14px;letter-spacing:0;font-weight:700}.c100 .crown{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.c100::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--gold-hi),var(--gold));transform:scaleX(0);transform-origin:left;z-index:-1}
@keyframes inkChip{0%{transform:scaleX(0)}40%{transform:scaleX(1)}70%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
@keyframes inkChipTxt{0%,10%{color:var(--gold)}40%,70%{color:#1a1206}100%{color:var(--gold)}}
.anim .c100::before{animation:inkChip 2s ease-in-out 1.2s}.anim .c100{animation:inkChipTxt 2s ease-in-out 1.2s}
.c100 .sh{position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(105deg,transparent,rgba(245,214,123,.6),transparent);transform:translateX(-160%) skewX(-18deg)}.anim .c100 .sh{animation:sweep 6s ease-in-out 2.6s infinite}
.sub{font-size:10px;letter-spacing:2px;color:var(--mut);text-transform:uppercase;margin-top:6px}
.explain{margin-top:16px;text-align:left;font-size:12.5px;line-height:1.6;color:#bdbdbd;border-top:1px solid #2c2c2c;padding-top:12px}.explain b{color:#e6e6e6}.explain em{color:var(--gold);font-style:normal}.explain a{display:inline-block;margin-top:6px;color:var(--gold);text-decoration:none;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(212,175,55,.4)}
/* directory + p1 cards: mini medallion lower-left (leader lpin stays lower-right) */
.card .med.mini{position:absolute;left:8px;bottom:0;width:56px;height:56px}.card .med.mini .n100{font-size:26px}
.card .med.mini .orb{animation:orbit 5s linear infinite}.card .med.mini .shine::after{animation:sweep 6s ease-in-out 1.4s infinite}
/* ===== power of one page ===== */
.p1{max-width:900px;margin:30px auto 60px;padding:0 24px}.p1 h1{font-weight:300;font-size:34px;letter-spacing:1px;text-align:center}.p1 h1 span{color:var(--orange)}.p1 .rule{width:60px;height:2px;background:var(--orange);margin:10px auto 26px}
.hero{border:1px solid var(--gold);border-radius:6px;padding:26px 30px;text-align:center;background:linear-gradient(180deg,rgba(212,175,55,.09),rgba(212,175,55,.02));position:relative;overflow:hidden}
.hero .k{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold)}.hero .big{font-size:64px;font-weight:700;line-height:1;margin:8px 0 4px;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,#8a6d3b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .claim{font-size:16px;color:#e6e6e6}.hero .claim b{color:var(--gold-hi)}.hero .month{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mut);margin-top:10px}
.hero::after{content:"";position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(105deg,transparent,rgba(245,214,123,.45),transparent);transform:translateX(-160%) skewX(-18deg);animation:aGlint 5s ease-in-out 1s infinite}
.p1 h2{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin:38px 0 12px}.p1 p{color:#d5d5d5;font-size:15.5px;line-height:1.7}
table.five{width:100%;border-collapse:collapse;margin-top:6px}table.five th,table.five td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}table.five th{color:var(--mut);font-weight:500;letter-spacing:2px;text-transform:uppercase;font-size:11px}table.five td.pt{color:var(--gold);font-weight:600;text-align:right}table.five td:first-child{color:#fff;font-weight:600}
.p1 .grid{margin-top:14px}.p1 .card{opacity:1;transform:none}
.cta{margin-top:40px;text-align:center}.cta a{display:inline-block;background:var(--gold);color:#111;padding:11px 22px;border-radius:4px;text-decoration:none;font-weight:600;letter-spacing:1px}
.foot{color:var(--mut);font-size:12px;margin-top:22px;line-height:1.6}
.faces{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 22px;margin:22px auto 6px;max-width:720px}
.face{text-decoration:none;color:var(--txt);text-align:center;width:118px;opacity:0;transform:translateY(12px);animation:aIn .6s ease-out forwards}
.face:nth-child(1){animation-delay:.5s}.face:nth-child(2){animation-delay:.6s}.face:nth-child(3){animation-delay:.7s}.face:nth-child(4){animation-delay:.8s}.face:nth-child(5){animation-delay:.9s}.face:nth-child(6){animation-delay:1s}.face:nth-child(7){animation-delay:1.1s}.face:nth-child(n+8){animation-delay:1.2s}
.face .ring{display:block;width:70px;height:70px;margin:0 auto;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--gold-hi),var(--gold),#8a6d3b,var(--gold),var(--gold-hi));transition:transform .25s;position:static;opacity:1;transform:none;border:0;animation:none}
.face .ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;border:2px solid #1b1b1b}
.face:hover .ring{transform:scale(1.08)}.face .fn{display:block;margin-top:8px;font-size:12px;font-weight:600;color:#fff;line-height:1.25}.face .fs{display:block;margin-top:3px;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);line-height:1.3}
.signal{max-width:640px;margin:14px auto 0;font-size:14.5px;color:#ddd;line-height:1.65}.signal b{color:var(--gold-hi)}