@import url('/arsenal.css');
/* Glass is a surface treatment; the approved symbol underneath is untouched. */
.founder-preview{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none;background:#101310;z-index:0}
.founder-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(#0009,#101310b3 55%,#101310e8);z-index:1}
.founder-preview canvas,.founder-preview img,.founder-preview video{position:absolute;width:100%;height:100%;inset:0;margin:0;object-fit:cover;object-position:center 30%;filter:saturate(.45)}
.founder-preview [hidden]{display:none!important}
.founder:has(.founder-preview)>:is(.index,img,h3,small,.arrow){position:relative;z-index:1}
.founder:has(.founder-preview)>.arrow{position:absolute}
.founder:has(.founder-preview)>img{transition:opacity .6s}
.founder:is(:hover,:focus-visible) .founder-preview{opacity:.8}
.founder:has(.founder-preview):is(:hover,:focus-visible)>img{opacity:.12}
.founder-cta{position:absolute;bottom:13px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;font:8px Arial,sans-serif;letter-spacing:1px;color:#d6ef77;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s;z-index:3;pointer-events:none}
.founder:is(:hover,:focus-visible) .founder-cta{opacity:1;transform:none}
.founder-cta span{font-size:13px}.shard-face .founder-preview{display:none}
.founder-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 26%,rgba(211,211,205,.035) 42%,transparent 58%);z-index:2}
.founder-glass svg{width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .35s}
.founder-glass path{fill:none;stroke:#d3d3cd;stroke-width:.75;vector-effect:non-scaling-stroke;stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset .7s ease-out;filter:drop-shadow(0 0 2px #d6ef7760)}
.founder-glass .crack-ring{stroke-width:.55;stroke:#d6ef77;opacity:.55;transition-delay:.12s}
.founder:is(:hover,:focus-visible) .founder-glass svg,.shard-face .founder-glass svg{opacity:.85}
.founder:is(:hover,:focus-visible) .founder-glass path,.shard-face .founder-glass path{stroke-dashoffset:0}
.founder-stage{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;color:#d3d3cd;background:#101310;overflow:hidden;outline:0}
.founder-stage::backdrop{background:#101310}
.founder-scene{height:100%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 38% 58%,#252b2166,transparent 57%),#101310}
.scene-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#69745e12 1px,transparent 1px),linear-gradient(90deg,#69745e12 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent)}
.scene-haze{position:absolute;left:-10%;top:10%;width:80%;height:80%;z-index:-1;background:radial-gradient(ellipse,#69745e29,transparent 65%);filter:blur(35px);transform:scale(.7);opacity:0;transition:transform 2s,opacity 1.5s}
.has-arrived .scene-haze{opacity:1;transform:scale(1.1)}
.scene-top,.scene-bottom{position:absolute;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;z-index:5}
.scene-top{top:25px;font:10px Arial,sans-serif;letter-spacing:2px}
.scene-close{display:flex;align-items:center;gap:22px;background:#10131088;border:1px solid #d3d3cd40;color:#d3d3cd;padding:13px 18px;font:10px Arial,sans-serif;letter-spacing:2px;cursor:pointer}
.scene-close span{font-size:24px;line-height:12px}.scene-close:hover{border-color:#d6ef77;color:#d6ef77}
.scene-coordinate{position:absolute;left:3vw;top:46%;writing-mode:vertical-rl;font:9px Arial,sans-serif;letter-spacing:3px;color:#69745e;z-index:2}
.operator-space{position:absolute;left:4%;top:10%;bottom:9%;width:57%;display:flex;justify-content:center;align-items:flex-end}
.operator-floor{position:absolute;width:72%;height:8%;bottom:0;border-radius:50%;background:#0009;filter:blur(20px)}
.operator-cutout{position:relative;width:auto;height:100%;aspect-ratio:9/16;max-width:100%;opacity:0;transform:translateY(32px) scale(.97);filter:blur(8px) brightness(.25);transition:opacity .6s,transform 1.2s cubic-bezier(.15,.75,.25,1),filter 1.5s}
.has-arrived .operator-cutout{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1)}
.operator-cutout canvas,.operator-cutout img,.operator-cutout video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.operator-cutout [hidden]{display:none!important}.operator-poster{filter:saturate(.68) contrast(1.06)}
.scene-copy{position:absolute;left:62%;right:6%;top:50%;transform:translateY(calc(-50% + 25px));opacity:0;transition:transform 1s .3s,opacity .8s .3s}
.has-arrived .scene-copy{opacity:1;transform:translateY(-50%)}
.scene-copy .eyebrow{font-size:10px;letter-spacing:3px;color:#d6ef77}
.scene-copy h2{position:relative;font:clamp(100px,13vw,205px)/1 Anton,Arial,sans-serif;letter-spacing:-3px;margin:18px 0 28px;color:#f1f2ea}
.title-stroke{position:absolute;left:8px;top:8px;color:transparent;-webkit-text-stroke:1px #69745e55;z-index:-1}
.scene-rule{height:2px;width:64px;background:#d6ef77;margin:0 0 26px}
.scene-claim{font:clamp(21px,2.35vw,37px)/1.13 Anton,Arial,sans-serif;letter-spacing:.3px;margin:0 0 22px}
.scene-description{font:14px/1.75 Arial,sans-serif;color:#b5bfa6;margin:0 0 26px}
.scene-values{font:9px/1.9 Arial,sans-serif;letter-spacing:2px;color:#69745e}
.scene-controls{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}
.scene-controls button{border:0;border-bottom:1px solid #69745e66;background:none;padding:9px 0;color:#d3d3cd;font:10px Arial,sans-serif;cursor:pointer;display:flex;gap:15px;align-items:center}
.scene-controls button:hover{color:#d6ef77;border-color:#d6ef77}.scene-controls button span{font-size:16px;color:#d6ef77}
.scene-controls .scene-arsenal{flex-basis:100%;justify-content:space-between;border:1px solid #69745e77;padding:12px 14px;text-transform:uppercase;letter-spacing:1px;color:#d6ef77;background:#252b2133}
.scene-status{font:11px/1.5 Arial,sans-serif;color:#b5bfa6;min-height:17px;margin:10px 0 0}
.scene-bottom{bottom:25px;font:9px/1.7 Arial,sans-serif;letter-spacing:2px;color:#69745e}
.scene-mark{display:flex;gap:12px;align-items:center}.scene-mark img:first-child{height:38px;width:38px}.scene-mark img:last-child{width:90px;height:auto}
.shard-layer{position:fixed;inset:0;pointer-events:none;z-index:10;perspective:900px}.glass-shard{position:absolute;will-change:transform,opacity;overflow:hidden;pointer-events:none}.shard-face{margin:0!important;min-height:0!important;border-color:#d3d3cd!important;background:linear-gradient(125deg,#303431,#101310)!important;pointer-events:none!important;border-radius:0!important;opacity:1!important}
.founder-stage button:focus-visible,.scene-mark:focus-visible{outline:2px solid #d6ef77;outline-offset:5px}
@media(max-width:800px){.scene-top{left:5vw;right:5vw;top:18px;letter-spacing:1px;font-size:8px}.scene-close{gap:12px;padding:12px;font-size:9px}.scene-coordinate{display:none}.operator-space{left:-9%;width:77%;top:13%;bottom:10%}.scene-copy{left:58%;right:5%}.scene-copy h2{font-size:110px;margin-bottom:20px}.scene-claim{font-size:24px}.scene-description{font-size:12px}.scene-values{font-size:8px;letter-spacing:1px}.scene-bottom{left:5vw;right:5vw;bottom:18px;font-size:8px}.scene-mark img:first-child{height:28px;width:28px}.scene-mark img:last-child{width:66px}.scene-controls{gap:10px;margin-top:18px}.scene-controls button{font-size:9px;gap:8px}}
@media(max-width:540px){.operator-space{left:-4%;top:12%;bottom:21%;width:100%;opacity:.85}.scene-copy{left:7%;right:7%;top:auto;bottom:11%;transform:translateY(25px);display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:end;text-shadow:0 2px 25px #101310}.has-arrived .scene-copy{transform:translateY(0)}.scene-copy .eyebrow{grid-column:1/-1;font-size:9px}.scene-copy h2{grid-row:2/5;grid-column:1;font-size:91px;margin:8px 0 0;line-height:.93}.scene-rule{display:none}.scene-claim{grid-row:2;grid-column:2;font-size:21px;margin:8px 0}.scene-description{grid-column:2;font-size:10px;margin:0}.scene-values{display:none}.scene-controls{grid-column:1/-1;justify-content:space-between;margin-top:17px}.scene-status{grid-column:1/-1;margin:3px 0 0;font-size:10px;min-height:0}.scene-copy:before{content:'';position:absolute;inset:-30px -12vw -6vh;background:linear-gradient(transparent,#101310ee 47%,#101310);z-index:-1}.scene-bottom{font-size:7px;bottom:16px;letter-spacing:1px}.scene-top>span{max-width:140px;line-height:1.7}.scene-mark img:first-child{height:25px;width:25px}.scene-mark img:last-child{width:57px}}
@media(max-height:580px) and (min-width:541px){.scene-copy h2{font-size:95px;margin:8px 0 12px}.scene-claim{font-size:23px;margin-bottom:12px}.scene-description{font-size:11px;margin-bottom:10px}.scene-values{display:none}.scene-rule{margin-bottom:12px}.scene-controls{margin-top:12px}.operator-space{top:12%;bottom:12%}.scene-copy{left:60%}}
@media(prefers-reduced-motion:reduce){.founder-glass svg{transition:none}.founder-glass path{transition:none}.founder-stage *{transition:none!important;animation:none!important}.scene-haze{transform:none}.operator-cutout{filter:none}.glass-shard{display:none}}
