:root{--ink:#2B303A;--slate:#383E4A;--gold:#E5BE73;--gold-hi:#F4E58E;--gold-deep:#8A6420;--paper:#FBF9F4;--mist:#F3EFE6;--line:#E4DDCC;--mute:#5B6170;--lt:#C3C7D1;
--goldg:linear-gradient(135deg,#F6EC93 0%,#E9CD70 45%,#DDAA40 100%);
--serif:"Newsreader",Georgia,serif;--sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.02rem/1.7 var(--sans)}
img{max-width:100%;display:block}a{color:inherit}
:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
.wrap{width:min(1160px,92vw);margin:0 auto}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;margin:0}
h1{font-size:clamp(2.6rem,5.6vw,4.9rem);line-height:1.02}
h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.1;max-width:20ch;margin-bottom:1.1rem}
h3{font-size:1.35rem;margin-bottom:.4rem}
p{margin:0 0 1rem;max-width:60ch;color:var(--mute)}
section{padding:clamp(3.5rem,8vw,6.5rem) 0}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:2rem;min-height:72px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:500 1.15rem var(--serif);margin-right:auto}
.brand img{height:34px;width:auto}
.top nav{display:flex;gap:1.8rem}
.top nav a{text-decoration:none;font-size:.92rem;color:var(--mute);padding:.3rem 0;border-bottom:1px solid transparent}
.top nav a:hover,.top nav a[aria-current]{color:var(--ink);border-color:var(--gold)}
.menu{display:none;background:none;border:1px solid var(--line);padding:.45rem .9rem;font:500 .9rem var(--sans);color:var(--ink)}
.btn{display:inline-block;text-decoration:none;font:600 .95rem/1 var(--sans);padding:1rem 1.6rem;background:var(--goldg);color:var(--ink);border:1px solid rgba(138,100,32,.35);transition:filter .15s,box-shadow .25s}
.btn:hover{filter:brightness(1.06) saturate(1.05);box-shadow:0 12px 26px -10px rgba(184,137,58,.75)}
.btn.alt{background:transparent;color:var(--ink);border-color:var(--ink);font-weight:500}.btn.alt:hover{background:var(--ink);color:var(--gold-hi);filter:none;box-shadow:none}
.btn.sm{padding:.75rem 1.2rem;font-size:.88rem}
.on-ink .btn.alt{border-color:rgba(255,255,255,.7)}
.hero{position:relative;overflow:hidden;padding:clamp(3.5rem,9vw,7.5rem) 0 clamp(4rem,9vw,7rem)}
.hero .wrap{position:relative;z-index:1}
.hero .in{max-width:620px}
.hero p.lead{font-size:1.18rem;margin:1.6rem 0 2.2rem;color:var(--mute)}
.cta{display:flex;flex-wrap:wrap;gap:.9rem}
.cert{position:absolute;right:-22vw;top:50%;width:min(760px,68vw);transform:translateY(-50%);opacity:.9}
.cert path.g{fill:none;stroke:var(--gold);stroke-width:.22;stroke-dasharray:1;stroke-dashoffset:1;animation:engrave 3.6s cubic-bezier(.5,0,.2,1) forwards}
.cert path.g2{stroke:var(--ink);stroke-width:.14;animation-delay:.6s}
@keyframes engrave{to{stroke-dashoffset:0}}
.facts{background:var(--mist);border-block:1px solid var(--line)}
.facts .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}
.ledger{margin:0;padding:0;list-style:none}
.ledger li,.ledger .r{display:flex;align-items:baseline;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.ledger i{flex:1;border-bottom:1px dotted var(--mute);opacity:.5;transform:translateY(-.3em)}
.ledger b{font:400 1.6rem var(--serif);white-space:nowrap}
.ledger dd{margin:0}.ledger a{text-decoration:none}.ledger a:hover span{color:var(--gold-deep)}
.doors{padding:0}.doors .wrap{display:grid;grid-template-columns:1fr 1fr;width:100%}
.door{padding:clamp(3rem,7vw,5.5rem) clamp(1.5rem,5vw,4.5rem)}
.door:first-child{padding-left:max(4vw,calc((100vw - 1160px)/2))}
.door:last-child{padding-right:max(4vw,calc((100vw - 1160px)/2))}
.on-ink{background:var(--ink);color:#fff}.on-ink p{color:var(--lt)}.on-ink .ledger li{border-color:#4A5160}.on-ink .ledger i{border-color:#8A909E}
.door .ledger{margin:1.5rem 0 2rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;border-top:1px solid var(--ink)}
.steps div{padding:1.4rem 1.6rem 0 0}
.steps div+div{padding-left:1.6rem;border-left:1px solid var(--line)}
.steps b{display:block;font:400 .9rem var(--sans);color:var(--gold-deep);margin-bottom:1.6rem}
.steps p{font-size:.96rem}
.founder{background:var(--mist);border-block:1px solid var(--line)}
.founder .wrap{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.crop{overflow:hidden;aspect-ratio:4/5;max-width:340px;background:var(--ink)}
.crop img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:scale(1.2);transform-origin:50% 0}
blockquote{margin:1.2rem 0;font:italic 400 clamp(1.4rem,2.5vw,2rem)/1.3 var(--serif);max-width:28ch}
.who{color:var(--ink);font-weight:500;margin:0}.who span{display:block;font-weight:400;color:var(--mute)}
.inst{margin:1.8rem 0 1.4rem;font-size:.95rem}
.close .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.close h2{margin:0}
footer{background:var(--ink);color:#fff;padding:3.5rem 0 2rem;font-size:.92rem}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
footer h3{font:600 .8rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}footer p{color:var(--lt)}
footer ul{list-style:none;margin:0;padding:0}footer li{margin:.4rem 0}footer li a{color:var(--lt);text-decoration:none}footer a:hover{color:var(--gold-hi)}
footer .fine{grid-column:1/-1;border-top:1px solid #4A5160;padding-top:1.2rem;margin-top:1rem;font-size:.85rem}
@media(max-width:860px){
.top nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line)}
.top nav.open{display:flex}.top nav a{padding:1rem 4vw;border-bottom:1px solid var(--line)}
.menu{display:block}.top>.wrap>.btn{display:none}
.facts .wrap,.founder .wrap,.doors .wrap{grid-template-columns:1fr}.facts .wrap{gap:2rem}
.cert{opacity:.35;right:-30vw;width:120vw}
.steps{grid-template-columns:1fr 1fr}.steps div:nth-child(3){border-left:0;padding-left:0}
footer .wrap{grid-template-columns:1fr 1fr}
.door:first-child,.door:last-child{padding-inline:4vw}}
@media(max-width:520px){.steps{grid-template-columns:1fr}.steps div,.steps div+div{border-left:0;padding:1.2rem 0;border-bottom:1px solid var(--line)}footer .wrap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cert path.g{animation:none;stroke-dashoffset:0}}

/* motion layer */
.cert{height:auto;aspect-ratio:1}
#prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--goldg);transform:scaleX(0);transform-origin:left}
h1 .ln{display:block;overflow:hidden;padding-bottom:.08em}
h1 .ln>span{display:block;transform:translateY(112%);animation:up 1s cubic-bezier(.2,.7,.1,1) forwards}
h1 .ln:nth-child(2)>span{animation-delay:.12s}h1 .ln:nth-child(3)>span{animation-delay:.24s}h1 .ln:nth-child(4)>span{animation-delay:.36s}
@keyframes up{to{transform:none}}
.hero .lead,.hero .cta{opacity:0;animation:fi .9s .8s forwards}.hero .cta{animation-delay:1s}
@keyframes fi{to{opacity:1}}
.rv{opacity:0;transform:translateY(20px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.1,1)}
.rv.in{opacity:1;transform:none}
.ledger li,.ledger .r{position:relative;border-bottom:0}
.ledger li:after,.ledger .r:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.6,0,.2,1) .2s}
.on-ink .ledger li:after{background:#4A5160}
.in .ledger li:after,.in.ledger li:after,.ledger.in li:after,.ledger.in .r:after{transform:none}
.steps{border-top:0;position:relative}
.steps:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 2s cubic-bezier(.6,0,.2,1)}
.steps.in:before{transform:none}
.steps div{opacity:0;transform:translateY(16px);transition:opacity .8s,transform .8s}
.steps.in div{opacity:1;transform:none}
.steps.in div:nth-child(2){transition-delay:.4s}.steps.in div:nth-child(3){transition-delay:.8s}.steps.in div:nth-child(4){transition-delay:1.2s}
.steps b{position:relative}.steps b:before{content:"";position:absolute;left:-1px;top:-1.62rem;width:9px;height:9px;background:var(--gold);border-radius:50%}
.steps div+div b:before{left:calc(-1.6rem - 1px)}
.crop{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s cubic-bezier(.7,0,.2,1)}.crop.in{clip-path:inset(0)}
.crop img{transition:transform 2.2s cubic-bezier(.2,.7,.1,1);transform:scale(1.4)}.crop.in img{transform:scale(1.2)}
.pool{background:var(--ink);color:#fff}.pool h2{color:#fff}.pool p{color:var(--lt)}
.bar{position:relative;height:110px;margin:2.8rem 0 1.2rem}
.bar i{position:absolute;top:0;bottom:0;left:var(--l0);width:var(--w0);background:#B8935A;opacity:.7;transition:all 2s cubic-bezier(.6,0,.2,1) var(--d)}
.bar.in i{left:var(--l1);width:var(--w1);background:#EBCF7F;opacity:1}
.cap{display:grid;color:var(--lt);font-size:.92rem}.cap span{grid-area:1/1;transition:opacity .8s .8s}.cap .b{opacity:0;text-align:center}
.bar.in+.cap .a{opacity:0;transition-delay:0s}.bar.in+.cap .b{opacity:1;transition-delay:1.8s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
h1 .ln>span,.hero .lead,.hero .cta,.rv,.steps div{opacity:1;transform:none}.crop{clip-path:none}#prog{display:none}}

/* depth layer */
:root{--r:20px;--sh:0 1px 2px rgba(43,48,58,.06),0 20px 44px -14px rgba(43,48,58,.28);--sh2:0 2px 4px rgba(43,48,58,.08),0 34px 60px -16px rgba(43,48,58,.38)}
.btn{border-radius:10px}.menu{border-radius:10px}
.hero{background:radial-gradient(640px circle at var(--px,72%) var(--py,30%),rgba(229,190,115,.13),transparent 62%),linear-gradient(#fff,var(--mist));padding:clamp(3rem,7vw,5.5rem) 0 clamp(4rem,8vw,6.5rem)}
.hero .wrap{display:grid;grid-template-columns:1fr 1.08fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.4rem,4.5vw,4.1rem)}
.cert{right:-18vw;top:68%;width:min(900px,76vw);opacity:.75}
.stage{position:relative;height:clamp(380px,42vw,560px)}
.ph,.chip{--d:1;position:absolute;margin:0;opacity:0;animation:fi 1s forwards;
transform:perspective(900px) translate3d(calc(var(--mx,0)*var(--d)*18px),calc(var(--my,0)*var(--d)*18px - var(--sy,0)*var(--d)*.05px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.ph{overflow:hidden;border-radius:22px;box-shadow:var(--sh2);background:var(--ink)}
.ph img{width:100%;height:100%;object-fit:cover}
.p1{right:0;top:0;width:80%;height:78%;animation-delay:.9s}
.p1:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.22),transparent 70%);opacity:0;transition:opacity .3s}.p1:hover:after{opacity:1}
.p2{left:0;bottom:0;width:44%;height:46%;border:6px solid #fff;border-radius:24px;animation-delay:1.15s}
.chip{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:16px;box-shadow:var(--sh);padding:.9rem 1.2rem;font-size:.85rem;line-height:1.35;color:var(--mute);animation:fi 1s forwards,bob 7s 2.5s ease-in-out infinite}
.chip b{display:block;font:400 1.9rem/1.1 var(--serif);color:var(--ink)}
.c1{right:-.5rem;bottom:8%;animation-delay:1.5s,2.5s}
.c2{left:6%;top:6%;max-width:210px;animation-delay:1.7s,3s}

@keyframes bob{50%{translate:0 -9px}}
.facts{background:var(--mist)}
.facts .ledger{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:.6rem 2rem}
.facts .ledger .r:last-child:after{display:none}
.doors{padding:clamp(3.5rem,7vw,6rem) 0;background:var(--mist)}
.doors .wrap{width:min(1160px,92vw);margin:0 auto;gap:24px}
.doors .door,.doors .door:first-child,.doors .door:last-child{padding:clamp(2rem,4vw,3.2rem);border-radius:26px;background:#fff;box-shadow:var(--sh);transition:transform .45s cubic-bezier(.2,.7,.1,1),box-shadow .45s}
.doors .door.on-ink:last-child{background:var(--ink);color:#fff}
.doors .door:hover{transform:translateY(-8px);box-shadow:var(--sh2)}
.door .ledger li{padding:.8rem .8rem;margin:0 -.8rem;border-radius:12px;transition:background .2s}
.door .ledger li:hover{background:var(--mist)}.on-ink .ledger li:hover{background:#444B5A}
.steps{gap:20px;margin-top:3rem}.steps:before{display:none}
.steps div,.steps div+div{background:#fff;border:0;border-radius:var(--r);box-shadow:var(--sh);padding:1.8rem;transition:transform .4s,box-shadow .4s}
.steps.in div:hover{transform:translateY(-8px);box-shadow:var(--sh2)}
.steps b{display:inline-grid;place-items:center;height:2rem;padding:0 .8rem;border-radius:99px;background:rgba(229,190,115,.2);margin-bottom:1.2rem}.steps b:before{display:none}
.events{background:var(--paper)}
.acc{display:flex;gap:14px;height:min(480px,60vw);margin-top:2.5rem}
.pan{flex:1;position:relative;overflow:hidden;border-radius:var(--r);background:var(--ink) center/cover;box-shadow:var(--sh);transition:flex .8s cubic-bezier(.2,.7,.1,1);text-decoration:none;color:#fff;display:flex;align-items:flex-end}
.pan:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(43,48,58,.85))}
.pan span{position:relative;z-index:1;padding:1.3rem 1.4rem;font:400 1.5rem/1.1 var(--serif)}.pan small{display:block;font:400 .85rem var(--sans);color:var(--lt);margin-top:.3rem;opacity:0;transform:translateY(8px);transition:.5s .15s}
.pan:hover{filter:brightness(1.05);box-shadow:0 14px 34px rgba(43,48,58,.2);border-color:rgba(229,190,115,.45)}


.pool{border-radius:0}.bar i{border-radius:3px}
.founder{background:var(--mist);border:0}
.duo{position:relative;max-width:400px;margin-bottom:2.5rem}
.crop{border-radius:24px;max-width:none;box-shadow:var(--sh2)}
.crop{clip-path:inset(0 0 100% 0 round 24px)}.crop.in{clip-path:inset(0 round 24px)}
.award{position:absolute;right:-3.2rem;bottom:-2.5rem;width:62%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:5px solid #fff;box-shadow:var(--sh2)}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.stage{height:420px}.cert{opacity:.4;right:-40vw;width:130vw}
.acc{flex-direction:column;height:auto}.pan{flex:none;height:130px}.pan small{opacity:1;transform:none}
.award{right:-1rem}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.steps{grid-template-columns:1fr}.c2{display:none}}
@media(prefers-reduced-motion:reduce){.ph,.chip{opacity:1}}

/* floating island header + seal */
.top{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1160px,94vw);border:1px solid rgba(229,190,115,.22);border-radius:20px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--sh);transition:top .4s,background .4s,box-shadow .4s}
body.sc .top{top:8px;background:rgba(255,255,255,.92);box-shadow:var(--sh2)}
.top .wrap{width:100%;padding:0 .8rem 0 1.2rem;min-height:64px;gap:1rem}
#prog{left:22px;width:calc(100% - 44px);bottom:3px;border-radius:2px;height:2px}
.track{position:relative}
.track .ind{position:absolute;left:0;top:0;bottom:0;border-radius:11px;background:var(--mist);transition:transform .45s cubic-bezier(.3,1.3,.4,1),width .45s cubic-bezier(.3,1.3,.4,1),opacity .2s;pointer-events:none}
.top nav{gap:.2rem}.top nav a{position:relative;z-index:1;padding:.6rem 1rem;border:0;border-radius:11px;color:var(--mute);transition:color .2s}
.top nav a.on,.top nav a[aria-current]{color:var(--ink)}
.seg{display:flex;padding:4px;border:1px solid var(--line);border-radius:15px;background:#fff}
.seg .ind{top:4px;bottom:4px;left:4px;background:var(--gold);border-radius:11px;box-shadow:0 8px 18px -6px rgba(229,190,115,.7)}
.seg a{position:relative;z-index:1;padding:.62rem 1.05rem;border-radius:11px;font-size:.88rem;text-decoration:none;font-weight:500;color:var(--ink);transition:color .25s;white-space:nowrap}
.seg a.on{color:var(--ink)}
.hero{padding-top:clamp(7rem,12vw,9rem)}
.seal{position:absolute;right:7%;top:5%;width:clamp(120px,15vw,190px);height:auto;aspect-ratio:1;z-index:3;border-radius:50%;pointer-events:none;background:rgba(43,48,58,.38);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.45);box-shadow:var(--sh2);opacity:0;animation:fi 1s 1.3s forwards;
transform:translate3d(calc(var(--mx,0)*var(--d)*18px),calc(var(--my,0)*var(--d)*18px - var(--sy,0)*var(--d)*.05px),0)}
@media(max-width:860px){.top{top:8px}.top nav{top:calc(100% + 8px);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}.top nav .ind{display:none}.top nav a{border-radius:0}.seg{display:none}#prog{left:18px;width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.seal{opacity:1}}

/* round 6 */
.ph img{filter:none}.ph{transition:box-shadow .3s}.ph:hover{box-shadow:0 30px 60px -20px rgba(43,48,58,.45)}
.btn{transition:background .15s,translate .25s cubic-bezier(.2,.8,.2,1)}
.door{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s}
.marq{overflow:hidden;background:var(--paper);color:var(--ink);padding:1rem 0;border-bottom:1px solid var(--line);border-top:1px solid rgba(229,190,115,.6);position:relative;z-index:2}
.marq .mt{display:flex;width:max-content;align-items:center;gap:2rem;animation:mq 40s linear infinite;font:italic 400 1.45rem var(--serif);white-space:nowrap}
.marq:hover .mt{animation-play-state:paused}
.marq i{width:9px;height:9px;border-radius:50%;background:var(--goldg);flex:none;box-shadow:0 0 0 4px rgba(229,190,115,.28)}
@keyframes mq{to{transform:translateX(-50%)}}
.ring{position:fixed;left:-18px;top:-18px;width:36px;height:36px;border:1.5px solid #C9A24F;border-radius:50%;pointer-events:none;z-index:99;opacity:0;transition:opacity .3s,width .25s,height .25s,margin .25s,background .25s;}
.ring.v{opacity:.8}.ring.big{width:64px;height:64px;margin:-14px 0 0 -14px;background:rgba(229,190,115,.12)}
.steps div{transition:opacity .8s,transform .5s,background .3s}.steps.in div:hover{transform:translateY(-6px);background:linear-gradient(var(--mist),#fff)}
.facts .ledger{transition:transform .4s,box-shadow .4s}.facts .ledger:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
h2{background:linear-gradient(90deg,var(--ink),var(--ink));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:.15em}
@media(prefers-reduced-motion:reduce){.marq .mt{animation:none}.ring{display:none}}
@media(max-width:860px){.cert{top:60%}}

/* round 7: full content */
.hero .in{max-width:640px}
.desk{display:inline-flex;align-items:center;gap:.7rem;max-width:100%;text-decoration:none;font-size:.8rem;line-height:1.4;color:var(--mute);background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;padding:.55rem .9rem;margin-bottom:1.4rem;box-shadow:var(--sh);opacity:0;animation:fi .8s .5s forwards;transition:border-color .2s}
.desk:hover{border-color:var(--gold)}.desk b{color:var(--ink);font-weight:600;margin-right:.3rem}
.pulse{flex:none;width:9px;height:9px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 0 rgba(18,183,106,.6);animation:pl 2s infinite;display:inline-block;margin-right:.1rem}
@keyframes pl{70%{box-shadow:0 0 0 9px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.tag{font:italic 400 1.15rem var(--serif);color:var(--gold-deep);margin:0 0 .8rem;opacity:0;animation:fi .8s .6s forwards}
.hero h1{font-size:clamp(2.3rem,4vw,3.7rem)}
.hl{background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 .09em no-repeat;animation:ul 1.2s 1.3s forwards}
@keyframes ul{to{background-size:100% .09em}}
.btn.ghost{background:none;border-color:transparent;color:var(--gold-deep);padding-inline:.6rem}.btn.ghost:hover{background:none;color:var(--ink)}
.c2 small{font-size:.78rem}.c2{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.c2 .pulse{margin-top:.35rem}.c2>small{flex-basis:100%}
.all{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.4rem}.all b{width:100%;font-weight:600;color:var(--ink);font-size:.85rem}
.all span{padding:.35rem .9rem;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:.88rem}
.pill{display:inline-block;font:600 .8rem var(--sans);letter-spacing:.02em;color:var(--gold-deep);background:rgba(229,190,115,.18);border:1px solid rgba(184,137,58,.35);border-radius:99px;padding:.3rem .9rem;margin-bottom:1rem}
.on-ink .pill{color:#F1DFA8;background:rgba(229,190,115,.12);border-color:rgba(229,190,115,.4)}
.dh{grid-column:1/-1;margin-bottom:1rem}.dh h2{max-width:26ch}
.doors .door h3{font-size:1.7rem;line-height:1.15;margin-bottom:.8rem}
.ck{list-style:none;margin:1.2rem 0 1.8rem;padding:0}
.ck li{position:relative;padding:.55rem 0 .55rem 2rem;color:inherit;font-size:.96rem;line-height:1.45}
.ck li:before{content:"";position:absolute;left:0;top:.62rem;width:1.2rem;height:1.2rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%232B303A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat,var(--goldg);transition:transform .3s}
.ck li:hover:before{transform:scale(1.25) rotate(-8deg)}
.steps h3{font-size:1.25rem}
.steps b{font:500 .85rem var(--sans);letter-spacing:.04em}
.svcs{background:var(--mist)}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:2.4rem 0 2.2rem}
.svc{position:relative;overflow:hidden;background:#fff;border-radius:var(--r);padding:1.8rem;box-shadow:var(--sh);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,box-shadow .35s,opacity .9s}
.svc:before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--gx,50%) var(--gy,0%),rgba(229,190,115,.2),transparent 70%);opacity:0;transition:opacity .3s}
.svc:hover{box-shadow:var(--sh2)}.svc:hover:before{opacity:1}
.svc svg{width:46px;height:46px;padding:11px;border-radius:14px;background:rgba(229,190,115,.2);color:var(--gold-deep);margin-bottom:1.1rem;transition:background .3s,color .3s,transform .4s}
.svc:hover svg{background:var(--goldg);color:var(--ink);transform:rotate(-8deg) scale(1.08)}
.svc p{font-size:.95rem;margin:0}.svc h3{font-size:1.3rem}
.sg .svc:nth-child(1){transition-delay:0s}.sg .svc:nth-child(2){transition-delay:.1s}.sg .svc:nth-child(3){transition-delay:.2s}
.founder .chip.c3{position:absolute;left:-1.2rem;top:2rem;animation:bob 7s ease-in-out infinite;z-index:2}
.duo .crop{position:relative}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.4rem 0}
.mini div{background:#fff;border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--sh)}.mini h3{font-size:1.1rem}.mini p{font-size:.88rem;margin:0}
.founder .cta{margin-top:1.4rem}
.plans{background:var(--paper)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:2.6rem;align-items:center}
.tier{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:2.2rem 2rem;box-shadow:var(--sh);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,box-shadow .35s}
.tier h3{font-size:1.5rem;margin:0}.tier em{display:block;color:var(--mute);font-size:.9rem;margin:.1rem 0 1.2rem}
.tier .pr{font-size:.9rem;color:var(--mute);padding-bottom:1.2rem;border-bottom:1px dashed var(--line)}.tier .pr b{font:400 2.4rem var(--serif);color:var(--ink)}
.tier .btn{display:block;text-align:center}
.tier.hot{background:var(--slate);color:#fff;border-color:rgba(229,190,115,.55);padding-block:3rem;box-shadow:0 40px 70px -24px rgba(43,48,58,.7),0 0 0 1px rgba(229,190,115,.25)}
.tier.hot em,.tier.hot .pr{color:var(--lt)}.tier.hot .pr{border-color:#4A5160}.tier.hot .pr b{color:#fff}
.badge{position:absolute;top:-14px;left:50%;translate:-50% 0;background:var(--goldg);color:var(--ink);font:600 .8rem var(--sans);padding:.35rem 1rem;border-radius:99px;box-shadow:0 8px 18px -6px rgba(184,137,58,.8)}
.voices{background:var(--mist)}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:2.6rem;align-items:start}
.tm{margin:0;position:relative;background:#fff;border-radius:var(--r);padding:2.4rem 1.8rem 1.6rem;box-shadow:var(--sh);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,box-shadow .35s,opacity .9s}
.tm:nth-child(2){margin-top:2.4rem}
.tm:before{content:"\201C";position:absolute;top:-.1rem;left:1.2rem;font:400 5rem/1 var(--serif);color:var(--gold-deep);opacity:.3}
.tm blockquote{font:italic 400 1.08rem/1.55 var(--serif);margin:0 0 1.4rem;max-width:none}
.tm figcaption{display:flex;align-items:center;gap:.8rem;font-weight:500;font-size:.95rem}.tm figcaption small{display:block;font-weight:400;color:var(--mute);font-size:.82rem}
.tm img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--mist)}
.fcta{padding-top:clamp(3rem,6vw,5rem)}
.panel{position:relative;overflow:hidden;border-radius:32px;background:radial-gradient(520px circle at 85% 20%,rgba(229,190,115,.2),transparent 65%),linear-gradient(135deg,#3B4250,#2B303A);padding:clamp(2.5rem,6vw,5rem);box-shadow:var(--sh2)}
.panel canvas{position:absolute;right:-12%;top:50%;translate:0 -50%;width:min(620px,70%);aspect-ratio:1;pointer-events:none}
.pc{position:relative;max-width:640px}.panel h2{color:#fff;max-width:20ch}.panel p{color:var(--lt)}
.panel .btn.ghost{color:#F1DFA8}
footer{border-radius:32px 32px 0 0;margin-top:3rem}
footer .wrap{grid-template-columns:1.5fr 1fr 1fr 1fr}
footer .brand{color:#fff;margin-bottom:1rem}footer .brand img{height:40px}
.soc{display:flex;gap:1rem}.soc a{color:#fff;border-bottom:1px solid var(--gold)}
.irbox{margin-top:1.4rem;padding:1rem 1.1rem;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid #4A5160;display:grid;gap:.3rem;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s}
.irbox span{color:var(--lt);font-size:.85rem}.irbox a{color:#fff;font-weight:500}
.totop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;box-shadow:var(--sh2);cursor:pointer;z-index:30;opacity:0;translate:0 20px;pointer-events:none;transition:.4s;color:var(--ink);font-size:1.1rem}
.totop.v{opacity:1;translate:0;pointer-events:auto}.totop:hover{background:var(--goldg);color:var(--ink)}
.totop svg{position:absolute;inset:2px;width:44px;height:44px;rotate:-90deg;fill:none;stroke-width:2.5}.totop .t{stroke:var(--line)}.totop .p{stroke:var(--gold-deep);transition:stroke-dashoffset .1s}.totop span{position:relative}
.sg.in .svc,.tiers.in .tier{opacity:1}
.sg .svc.rv,.tm.rv{transition-property:opacity,transform,box-shadow}
@media(max-width:980px){.sg,.tiers,.tg{grid-template-columns:1fr 1fr}.tm:nth-child(2){margin-top:0}footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.mini{grid-template-columns:1fr}.founder .chip.c3{left:.5rem}}
@media(max-width:620px){.sg,.tiers,.tg{grid-template-columns:1fr}.tier.hot{padding-block:2.4rem}footer .wrap{grid-template-columns:1fr}.desk .dt{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.desk,.tag{opacity:1}.hl{background-size:100% .09em}.pulse{animation:none}}
.panel .btn.alt,.on-ink .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.panel .btn.alt:hover,.on-ink .btn.alt:hover{background:var(--gold-hi);border-color:var(--gold-hi);color:var(--ink)}
.brand{white-space:nowrap}.top nav a{padding-inline:.8rem}

/* round 8: one-screen hero, no pulses, portfolio */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:clamp(5.5rem,10vh,7rem) 0 clamp(1.5rem,4vh,3rem)}
.hero .wrap{width:min(1160px,92vw);align-items:center}
.hero h1{font-size:clamp(2.1rem,min(3.5vw,6.8vh),3.6rem);line-height:1.05}
.hero p.lead{font-size:clamp(.98rem,2vh,1.1rem);margin:1.1rem 0 1.5rem;line-height:1.6}
.tag{font-size:clamp(1rem,2.2vh,1.15rem);margin-bottom:.6rem}
.stage{height:min(560px,62vh)}
.cta{align-items:center;gap:1.1rem}.note{font-size:.88rem;color:var(--mute)}
.chip b.sm{font:500 1rem var(--sans);color:var(--ink);display:block;margin-bottom:.1rem}
.top .bm{margin-left:.2rem;padding:.8rem 1.3rem;border-radius:12px;white-space:nowrap;box-shadow:0 10px 22px -8px rgba(229,190,115,.7)}
.top .wrap{gap:1.4rem}.top nav{margin-left:auto}.brand{margin-right:0}
.port{background:var(--paper);overflow:hidden;padding-bottom:clamp(3rem,6vw,5rem)}
.lane{overflow:hidden;margin-top:1.4rem;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lt{display:flex;gap:18px;width:max-content;animation:mq 60s linear infinite}.lane.rev .lt{animation-direction:reverse;animation-duration:70s}
.lane:hover .lt{animation-play-state:paused}
.co{display:grid;place-items:center;min-width:230px;height:104px;padding:0 1.6rem;border-radius:22px;background:linear-gradient(#fff,var(--mist));border:1px solid var(--line);box-shadow:var(--sh);font:400 1.55rem var(--serif);color:var(--ink);white-space:nowrap;transition:transform .35s,background .35s,color .35s,box-shadow .35s}
.co:hover{transform:translateY(-8px) scale(1.04);background:var(--goldg);color:var(--ink);box-shadow:0 26px 44px -14px rgba(184,137,58,.55)}
@media(max-width:860px){.hero{min-height:auto;padding-top:6.5rem}.stage{height:380px}.top .bm{display:inline-block;padding:.6rem .9rem;font-size:.82rem}.menu{margin-left:auto}.top nav{margin-left:0}}
@media(prefers-reduced-motion:reduce){.lt{animation:none}}
.lane{padding:.6rem 0 1.6rem;margin-top:0}

/* ===== theme: slate + gold (derived from the D mark) ===== */
/* floating header: slate glass, so the gold mark sits on its native ground */
.top,body.sc .top{background:rgba(43,48,58,.78);border-color:rgba(229,190,115,.22);box-shadow:0 1px 2px rgba(0,0,0,.12),0 20px 44px -14px rgba(20,23,30,.55)}
body.sc .top{background:rgba(43,48,58,.94)}
.top .brand{color:var(--paper)}.brand img{height:36px}
.top nav a{color:var(--lt)}.top nav a:hover,.top nav a.on,.top nav a[aria-current]{color:#fff}
.track .ind{background:rgba(255,255,255,.09)}
.top .bm{box-shadow:0 10px 22px -10px rgba(229,190,115,.55)}
.menu{color:var(--paper);border-color:rgba(255,255,255,.28)}
/* hero: the logo tile, scaled up */
.hero{background:radial-gradient(640px circle at var(--px,72%) var(--py,30%),rgba(229,190,115,.16),transparent 62%),linear-gradient(160deg,#3B4250 0%,var(--slate) 45%,var(--ink) 100%);color:var(--paper)}
.hero h1{color:var(--paper)}
.hero p.lead{color:var(--lt)}
.hero .note{color:var(--lt)}
.hero .tag{color:var(--gold)}
.hl{color:var(--gold-hi);background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 .09em no-repeat}
.hero .btn.alt{color:var(--paper);border-color:rgba(255,255,255,.5)}
.hero .p2{border-color:var(--slate)}
.hero .ph{box-shadow:0 2px 4px rgba(0,0,0,.2),0 34px 60px -16px rgba(0,0,0,.55)}
.hero .cert{opacity:.9}
.chip{background:rgba(251,249,244,.94)}
.chip b{color:var(--ink)}
.chip b.sm{color:var(--ink)}
/* light-section details */
.facts .ledger b{color:var(--ink)}
.steps h3,.svc h3,.door h3{color:inherit}
.door.on-ink h3,.door.on-ink{color:#fff}
.doors .door.on-ink:last-child{background:var(--slate);box-shadow:0 2px 4px rgba(0,0,0,.1),0 34px 60px -20px rgba(43,48,58,.6)}
.on-ink .ck li:before{box-shadow:0 0 0 3px rgba(229,190,115,.18)}
.pool{background:linear-gradient(180deg,var(--slate),var(--ink))}
.pan:after{background:linear-gradient(180deg,transparent 40%,rgba(43,48,58,.92))}
.pan small{color:var(--gold-hi)}
.sh-gold{box-shadow:var(--sh)}
.tier:not(.hot){background:#fff}
.tier.hot h3{color:#fff}.tier.hot .ck li{color:#fff}
.tier .pr b{color:var(--ink)}
.tm figcaption{color:var(--ink)}
.tm img{box-shadow:0 0 0 3px rgba(229,190,115,.45)}
.founder .chip.c3,.hero .chip{border:1px solid rgba(229,190,115,.35)}
.irbox{background:rgba(229,190,115,.07);border-color:rgba(229,190,115,.3)}
footer .fine{border-color:rgba(229,190,115,.2)}
.totop{background:var(--paper);color:var(--ink)}
@media(max-width:860px){
.top nav{background:var(--ink);border-color:rgba(229,190,115,.25)}
.top nav a{border-bottom-color:rgba(255,255,255,.08);color:var(--lt)}
}

/* ===== credibility pass ===== */
.open{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1rem;padding:.4rem .95rem;border-radius:99px;font:600 .8rem var(--sans);letter-spacing:.02em;color:var(--gold-hi);background:rgba(229,190,115,.12);border:1px solid rgba(229,190,115,.4);max-width:none;opacity:0;animation:fi .8s .4s forwards}
.pd{width:8px;height:8px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 0 rgba(244,229,142,.6);animation:gp 2s infinite}
@keyframes gp{70%{box-shadow:0 0 0 9px rgba(244,229,142,0)}100%{box-shadow:0 0 0 0 rgba(244,229,142,0)}}
.hero .tag{margin-bottom:.5rem}
.tr{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;opacity:0;animation:fi .9s 1.2s forwards}
.tr li{position:relative;padding-left:1.5rem;font-size:.86rem;color:var(--lt)}
.tr li:before{content:"";position:absolute;left:0;top:.2rem;width:1rem;height:1rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%232B303A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat,var(--goldg)}
/* stat band */
.proof{background:linear-gradient(180deg,var(--ink),var(--slate) 140%);color:#fff;border-top:1px solid rgba(229,190,115,.45);padding:clamp(3rem,6vw,4.8rem) 0}
.proof h2{color:#fff;max-width:24ch}.proof p{color:var(--lt)}
.proof .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:2.4rem 0 0;padding:0;background:none;box-shadow:none;border-radius:0}
.proof .stats:hover{transform:none;box-shadow:none}
.proof .stats .r{display:flex;flex-direction:column;gap:.35rem;padding:.4rem 1.6rem;border-left:1px solid rgba(229,190,115,.35)}
.proof .stats .r:first-child{border-left:0;padding-left:0}
.proof .stats .r:after{display:none}
.proof .stats dd{margin:0}
.proof .stats b{font:400 clamp(2.2rem,4.4vw,3.6rem)/1.05 var(--serif);background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.proof .stats dt{font-size:.9rem;color:var(--lt)}
.proof .all{margin-top:2.4rem}.proof .all b{color:var(--lt);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}
.proof .all span{background:rgba(255,255,255,.06);border-color:rgba(229,190,115,.35);color:#fff}
/* portfolio gets proper weight */
.port .co{min-width:250px;height:112px;font-size:1.7rem}
@media(max-width:860px){.proof .stats{grid-template-columns:1fr 1fr;row-gap:1.8rem}.proof .stats .r:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:480px){.tr{gap:.4rem 1rem}}
@media(prefers-reduced-motion:reduce){.open,.tr{opacity:1}.pd{animation:none}}

/* ===== editorial statement + portfolio roll call ===== */
.say{background:var(--paper);padding:clamp(4.5rem,10vw,8rem) 0 clamp(3.5rem,7vw,6rem)}
.say .big{font:400 clamp(2.4rem,6.4vw,5.6rem)/1.04 var(--serif);letter-spacing:-.025em;max-width:16ch;margin:0 0 clamp(2rem,5vw,3.5rem);color:var(--ink);background:none}
.say .big .w{opacity:.16;transition:opacity .35s}
.say .big .w.on{opacity:1}
.say .big em{color:var(--gold-deep)}
.say .sx{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem;max-width:880px;align-items:start}
.say .sx p{font-size:1.05rem;margin:0;max-width:none}
.say .sx .cta{grid-column:1/-1;margin-top:1.4rem}
.roll{background:linear-gradient(180deg,var(--ink),var(--slate));color:#fff;padding-bottom:clamp(3.5rem,7vw,6rem)}
.roll h2{color:#fff}.roll p{color:var(--lt)}.roll .pill{color:#F1DFA8;background:rgba(229,190,115,.12);border-color:rgba(229,190,115,.4)}
.rc{list-style:none;margin:clamp(2rem,5vw,3.5rem) 0 0;padding:0;border-top:1px solid rgba(229,190,115,.3)}
.rc li{border-bottom:1px solid rgba(229,190,115,.18);overflow:hidden}
.rc span{display:block;font:400 clamp(2.2rem,6.4vw,5rem)/1.15 var(--serif);letter-spacing:-.02em;padding:.18em 0;color:#8A909E;opacity:.35;transform-origin:left;transition:color .45s,opacity .45s,transform .6s cubic-bezier(.2,.7,.1,1),padding .45s}
.rc li.on span,.rc li:hover span{color:var(--gold-hi);opacity:1;transform:translateX(1.2rem)}
.rc li.on span:after,.rc li:hover span:after{content:" ↗";font-size:.5em;color:var(--gold)}
@media(max-width:700px){.say .sx{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.say .big .w{opacity:1}.rc span{opacity:1}}
.rc{width:min(1160px,92vw);margin-inline:auto}
.rc li.on span,.rc li:hover span{transform:translateX(.8rem)}
/* roll call info boxes */
.rn{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer}
.rn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.rn span:after{content:" +";font-size:.45em;color:var(--gold);opacity:.7}
.rc li.is-open span{color:var(--gold-hi);opacity:1}
.rc li.is-open span:after{content:" −"}
.rc li.on span:after,.rc li:hover span:after{content:" +"}
.rc li.is-open.on span:after,.rc li.is-open:hover span:after,.rc li.is-open span:after{content:" −"}
.cd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.1,1)}
.cd>div{overflow:hidden;min-height:0}.cd .ci{padding:.4rem 0 1.6rem}
.rc li.is-open .cd{grid-template-rows:1fr}
.ci{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:1.4rem;align-items:center}
.ci img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 18px 36px -14px rgba(0,0,0,.6);border:1px solid rgba(229,190,115,.35)}
.ci small{display:block;font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ci p{margin:.5rem 0 .8rem;color:var(--lt);font-size:.98rem;max-width:46ch}
.ci b{display:inline-block;padding:.3rem .8rem;border-radius:99px;font:600 .8rem var(--sans);color:var(--ink);background:var(--goldg)}
@media(max-width:620px){.ci{grid-template-columns:1fr;gap:.9rem}.ci img{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.cd{transition:none}}

/* ============================================================
   MOBILE & TABLET UI DESIGN OPTIMIZATION
   ============================================================ */

/* Viewport Guard */
html {
  overflow-x: clip !important;
  scrollbar-gutter: stable;
}
body, body.dan {
  overflow-x: clip !important;
  overflow-y: visible !important;
  max-width: 100% !important;
}
body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Ecosystem Alliances Panels: Smooth hover on desktop, fixed clean cards on mobile */
.pan {
  cursor: pointer !important;
  transition: flex 0.5s cubic-bezier(0.2, 0.7, 0.1, 1), transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}
@media (min-width: 861px) {
  .acc:hover .pan:hover {
    flex: 2.5 !important;
    box-shadow: 0 16px 36px rgba(43,48,58,.35) !important;
  }
  .acc:hover .pan:hover small {
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (max-width: 860px) {
  .acc {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    height: auto !important;
  }
  .pan {
    flex: none !important;
    height: 160px !important;
    border-radius: 18px !important;
    background-position: center 35% !important;
    background-size: cover !important;
  }
  .pan small {
    opacity: 1 !important;
    transform: none !important;
    color: var(--gold-hi) !important;
  }
}


/* Desktop guards: prevent mobile-only widgets from leaking onto desktop */
@media (min-width: 1025px) {
  .mdock, .msheet, .dtabs, .mdots { display: none !important; }
}
html:not(.m) .mdock,
html:not(.m) .msheet,
html:not(.m) .dtabs,
html:not(.m) .mdots {
  display: none !important;
}
@media (min-width: 700px) {
  .mdock, .dtabs { display: none !important; }
}

/* GPU Hardware Acceleration & Smooth Performance */
.hero, .stage, .totop, .panel, .pan, .tier, .rn {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Ensure Header Island .top stays perfectly centered on desktop and mobile */
.top {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}