:root{
  --night:#0B0D10; --charcoal:#15181C; --forest:#1F2F26; --forest2:#2A4034;
  --bronze:#B8935A; --bronze2:#C9A76E; --parchment:#F2EFE6; --pale:#C8C6BB;
  --faint:#9A9C93; --line:rgba(201,167,110,.22);
  --serif:'Cormorant Garamond', Georgia, serif; --sans:'Inter', -apple-system, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 800px at 50% -10%, rgba(42,64,52,.55), rgba(11,13,16,0) 60%),
    linear-gradient(165deg, var(--charcoal) 0%, #131B16 34%, var(--forest) 58%, #121712 82%, var(--charcoal) 100%);
  color:var(--pale); font-family:var(--sans); font-weight:300; line-height:1.65; overflow-x:hidden;
}
::selection{background:rgba(201,167,110,.35); color:var(--parchment)}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
section{padding:100px 0;position:relative}
h1,h2,h3{font-family:var(--serif);color:var(--parchment);font-weight:600;line-height:1.12}
h2{font-size:clamp(32px,4.4vw,50px);margin-bottom:22px}
h3{font-size:26px}
.kicker{font-size:13px;font-weight:600;letter-spacing:.28em;color:var(--bronze2);text-transform:uppercase;margin-bottom:18px}
p.lead{font-size:18.5px;color:var(--pale);max-width:1040px}
p.lead+p.lead{margin-top:18px}
em.b{font-style:normal;color:var(--parchment);font-weight:500}
.gold{color:var(--bronze2)}
.center{text-align:center}
.center p.lead{margin-left:auto;margin-right:auto}

/* the organism: fixed living particle field behind everything */
#organism{position:fixed;inset:0;z-index:0;pointer-events:none}
body.quiet #organism{opacity:.38}
nav,section,.phero,.strip,.nextpage,footer,header.home{position:relative;z-index:1}

/* cinematic beats (home journey) */
.beat{min-height:96vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:60px 28px}
.beat .bt{max-width:1040px;will-change:transform,opacity;position:relative}
.beat .bt::before{content:'';position:absolute;inset:-70px -110px;background:radial-gradient(closest-side, rgba(11,13,16,.6), rgba(11,13,16,0));z-index:-1}
.beat h2{font-size:clamp(40px,5.8vw,76px);margin-bottom:20px}
.beat .big{font-size:clamp(46px,7vw,94px)}
.beat .bsub{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.6vw,29px);color:var(--bronze2)}
.beat .bpara{font-size:18px;color:var(--pale);max-width:860px;margin:20px auto 0}
.beat .kicker{margin-bottom:22px}
.beat .statrow{display:flex;gap:clamp(20px,4vw,64px);justify-content:center;flex-wrap:wrap;margin-top:44px}
.beat .statrow .n{font-weight:800;font-size:clamp(34px,4.6vw,64px);color:var(--bronze2);font-variant-numeric:tabular-nums;text-shadow:0 0 34px rgba(201,167,110,.45)}
.beat .statrow .l{font-size:11.5px;font-weight:600;letter-spacing:.22em;color:var(--faint);text-transform:uppercase;margin-top:6px}
.beat .stamps{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}
.beat .duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;text-align:left}
@media (max-width:760px){.beat .duo{grid-template-columns:1fr}}

/* team photos */
.ava.photo{padding:0;overflow:hidden;background:none;border:1.5px solid rgba(201,167,110,.5)}
.ava.photo img{width:100%;height:100%;object-fit:cover;display:block}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.6,.2,1), transform .9s cubic-bezier(.2,.6,.2,1)}
.rv.on{opacity:1;transform:none}

/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(11,13,16,.74);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,167,110,.14)}
nav .wrap{display:flex;align-items:center;gap:28px;height:66px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:43px;height:43px}
.brand span{font-family:var(--serif);font-weight:700;letter-spacing:.26em;color:var(--parchment);font-size:16px}
nav a.lnk{color:var(--faint);text-decoration:none;font-size:14px;font-weight:500;transition:color .25s;white-space:nowrap}
nav a.lnk:hover{color:var(--parchment)}
nav a.lnk.here{color:var(--bronze2)}
.spacer{flex:1}
.cta{display:inline-block;background:linear-gradient(120deg,var(--bronze),var(--bronze2));color:#15181C;font-weight:700;font-size:14px;padding:10px 22px;border-radius:8px;text-decoration:none;letter-spacing:.02em;transition:transform .2s, box-shadow .2s;white-space:nowrap}
.cta:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(201,167,110,.35)}
.ghost{display:inline-block;border:1px solid var(--line);color:var(--parchment);font-weight:600;font-size:14px;padding:11px 24px;border-radius:8px;text-decoration:none;transition:border-color .25s, background .25s}
.ghost:hover{border-color:var(--bronze2);background:rgba(201,167,110,.08)}
@media (max-width:920px){nav a.lnk{display:none}}

/* page hero (interior pages) */
.phero{padding:190px 0 70px;text-align:center;position:relative}
.phero h1{font-size:clamp(38px,6vw,68px)}
.phero .sub{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,27px);color:var(--bronze2);margin-top:18px}
.phero p.lead{margin:26px auto 0}

/* home hero */
header.home{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:120px 28px 80px}
canvas.fill{position:absolute;inset:0;width:100%;height:100%}
.hero-inner{position:relative;z-index:2;max-width:920px}
.hero-inner img.emblem{width:128px;filter:drop-shadow(0 0 34px rgba(201,167,110,.45));animation:breathe 6s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.wordmark{font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:.42em;color:var(--parchment);margin:22px 0 40px;text-shadow:0 0 30px rgba(201,167,110,.4)}
header.home h1{font-size:clamp(44px,7vw,86px);text-shadow:0 0 44px rgba(201,167,110,.25)}
.hero-sub{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,30px);color:var(--bronze2);margin:22px 0 44px}
.hero-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}

/* strip */
.strip{border-top:1px solid rgba(201,167,110,.14);border-bottom:1px solid rgba(201,167,110,.14);background:rgba(11,13,16,.45);padding:50px 0;text-align:center}
.strip p{font-family:var(--serif);font-size:clamp(21px,3vw,31px);color:var(--parchment)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin-top:50px}
.stat{border:1px solid var(--line);border-radius:14px;padding:32px 24px;background:rgba(11,13,16,.42);text-align:center}
.stat .n{font-weight:800;font-size:42px;color:var(--bronze2);font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(201,167,110,.35)}
.stat .l{font-size:12px;font-weight:600;letter-spacing:.22em;color:var(--faint);margin-top:10px;text-transform:uppercase}
.foot{font-size:14px;color:var(--faint);margin-top:24px}

/* layout helpers */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.panel{background:rgba(11,13,16,.5);border:1px solid var(--line);border-radius:16px;padding:38px 36px}

/* three doors (home) */
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:54px}
.door{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:38px 34px;background:rgba(11,13,16,.42);transition:border-color .3s, transform .3s, box-shadow .3s}
.door:hover{border-color:var(--bronze2);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.4), 0 0 34px rgba(201,167,110,.1)}
.door .no{font-size:12px;font-weight:700;letter-spacing:.26em;color:var(--faint)}
.door h3{margin:10px 0 12px}
.door p{color:var(--faint);font-size:15px}
.door .go{display:inline-block;margin-top:18px;color:var(--bronze2);font-weight:600;font-size:14px}

/* live archive */
.archive{position:relative;background:#0B0D10;border:1px solid rgba(201,167,110,.18);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);height:430px;overflow:hidden;padding:34px 0 0}
.arow{display:flex;gap:14px;width:max-content;animation:aslide linear infinite}
@keyframes aslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.acard{flex:0 0 auto;width:118px;height:82px;border-radius:9px;background:rgba(21,24,28,.9);border:1px solid rgba(200,198,187,.16);padding:10px 12px}
.acard i{display:block;height:5px;border-radius:3px;background:rgba(200,198,187,.34);margin-bottom:7px}
.beam{position:absolute;top:22px;bottom:96px;width:3px;background:linear-gradient(180deg,rgba(201,167,110,0),rgba(201,167,110,.9),rgba(201,167,110,0));box-shadow:0 0 22px rgba(201,167,110,.65);animation:sweep 9s linear infinite}
@keyframes sweep{from{left:-2%}to{left:102%}}
.modelchip{position:absolute;right:26px;top:50%;transform:translateY(-72%);background:rgba(11,13,16,.92);border:1.5px solid rgba(201,167,110,.6);border-radius:14px;padding:20px 26px;text-align:center;box-shadow:0 0 30px rgba(184,147,90,.22);z-index:3}
.modelchip b{display:block;font-size:15px;font-weight:700;letter-spacing:.22em;color:var(--bronze2)}
.modelchip span{font-size:12.5px;color:var(--faint)}
.modelchip span::after{content:'';animation:dots 1.6s steps(4,end) infinite}
@keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
.frag{position:absolute;width:16px;height:11px;border-radius:3px;background:rgba(200,198,187,.5);opacity:0;animation:fly 3.2s ease-in infinite;z-index:2}
@keyframes fly{0%{opacity:0}8%{opacity:.9}78%{opacity:.9;transform:translate(var(--dx),var(--dy)) scale(.6)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
.alabel{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.26em;color:var(--faint);z-index:3}
.afade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,16,.85),rgba(11,13,16,0) 30%,rgba(11,13,16,0) 62%,rgba(11,13,16,.9));pointer-events:none;z-index:1}

/* overload */
.overload{position:relative;background:#0B0D10;border:1px solid rgba(201,167,110,.18);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);height:430px;overflow:hidden}
.overload canvas{position:absolute;inset:0;width:100%;height:100%}
.queue{position:absolute;right:28px;top:26px;text-align:right;z-index:2}
.queue .ql{font-size:11px;font-weight:600;letter-spacing:.26em;color:var(--faint)}
.queue .qn{font-weight:800;font-size:34px;color:var(--bronze2);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(201,167,110,.4)}
.statuscol{position:absolute;right:28px;top:110px;z-index:2;text-align:right}
.statuscol div{font-size:12.5px;color:var(--faint);margin-bottom:8px;opacity:0;animation:stin .5s forwards}
@keyframes stin{to{opacity:.8}}

/* IP cards */
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:50px}
@media (max-width:800px){.cards2{grid-template-columns:1fr}}
.card{border-radius:16px;padding:40px 38px;background:rgba(11,13,16,.5);border:1px solid rgba(200,198,187,.14);position:relative;overflow:hidden}
.card.glow{border:1px solid rgba(201,167,110,.5);box-shadow:0 0 44px rgba(201,167,110,.12), inset 0 0 60px rgba(201,167,110,.04);animation:cardpulse 5s ease-in-out infinite}
@keyframes cardpulse{0%,100%{box-shadow:0 0 34px rgba(201,167,110,.1)}50%{box-shadow:0 0 60px rgba(201,167,110,.22)}}
.card .tag{font-size:12px;font-weight:600;letter-spacing:.24em;color:var(--faint)}
.card.glow .tag{color:var(--bronze2)}
.card h3{font-size:30px;margin:12px 0 16px}
.card p{color:var(--faint);font-size:16px}
.card.glow p{color:var(--pale)}
.card.glow::after{content:'';position:absolute;top:-40px;bottom:-40px;width:180px;transform:skewX(-12deg);background:linear-gradient(115deg,rgba(250,248,241,0),rgba(250,248,241,.09),rgba(250,248,241,0));animation:shimmer 4.5s linear infinite}
@keyframes shimmer{from{left:-30%}to{left:120%}}
.leak{position:absolute;left:0;right:0;bottom:-4px;height:0}
.leak i{position:absolute;width:6px;height:6px;border-radius:6px;background:var(--bronze2);opacity:0;animation:leakfall 2.6s linear infinite}
@keyframes leakfall{0%{opacity:0;transform:translateY(0)}12%{opacity:.9}100%{opacity:0;transform:translateY(74px)}}

/* silo montage */
.silo{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
@media (max-width:900px){.silo{grid-template-columns:repeat(2,1fr)}}
.anode{border:1px solid var(--line);border-radius:16px;background:rgba(11,13,16,.45);padding:26px 18px;text-align:center;position:relative}
.anode svg{width:120px;height:104px}
.anode svg line{stroke:var(--bronze2);stroke-width:1.4;stroke-dasharray:140;stroke-dashoffset:140}
.anode.on svg line{animation:drawline 1.4s ease forwards}
@keyframes drawline{to{stroke-dashoffset:0}}
.anode svg circle{fill:var(--bronze2);animation:nodefire 2.4s ease-in-out infinite}
@keyframes nodefire{0%,100%{opacity:.4}50%{opacity:1}}
.lens{width:74px;height:74px;border-radius:50%;margin:14px auto 10px;background:radial-gradient(circle at 38% 32%, rgba(250,248,241,.1), rgba(21,24,28,.85) 60%);border:1.5px solid rgba(201,167,110,.55);display:flex;align-items:center;justify-content:center;box-shadow:0 0 22px rgba(201,167,110,.2)}
.lens .tile{width:42px;height:42px;border-radius:9px;background:rgba(250,248,241,.93);display:flex;align-items:center;justify-content:center}
.lens img{width:28px;height:28px;object-fit:contain}
.anode b{display:block;font-size:15px;color:var(--parchment);font-weight:600}
.anode .tk{font-weight:800;font-size:23px;color:var(--bronze2);font-variant-numeric:tabular-nums;margin-top:8px}
.anode .tkl{font-size:10.5px;font-weight:600;letter-spacing:.24em;color:var(--faint)}
.litany{display:flex;flex-wrap:wrap;gap:14px;margin-top:44px;justify-content:center}
.stamp{border:2px solid var(--bronze2);border-radius:10px;padding:12px 20px;font-weight:800;font-size:14px;letter-spacing:.08em;color:var(--bronze2);background:rgba(11,13,16,.55);transform:rotate(-1.2deg)}
.stamp:nth-child(even){transform:rotate(1.2deg)}
blockquote{font-family:var(--serif);font-size:clamp(27px,3.6vw,42px);color:var(--parchment);line-height:1.3;max-width:900px;margin:0 auto;text-align:center}
blockquote .dim{color:var(--faint)}
blockquote .hot{font-style:italic;color:var(--bronze2);text-shadow:0 0 30px rgba(201,167,110,.4)}

/* exponent counter */
.expwrap{text-align:center;margin:44px 0 8px}
.expnum{font-weight:800;font-size:clamp(46px,7vw,84px);color:var(--bronze2);font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(201,167,110,.4)}
.expnum sup{font-size:.52em;vertical-align:.55em}
.expnum.paper{color:var(--parchment)}
.expcap{font-size:15px;color:var(--faint);margin-top:8px}
.downarrow{display:inline-block;color:var(--bronze2);font-size:44px;vertical-align:middle;margin-right:16px;filter:drop-shadow(0 0 12px rgba(201,167,110,.6));animation:bob 2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(-4px)}50%{transform:translateY(6px)}}

/* hub */
.hub{position:relative;background:#0B0D10;border:1px solid rgba(201,167,110,.18);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);height:560px;overflow:hidden;margin-top:50px}
.hub svg.wires{position:absolute;inset:0;width:100%;height:100%}
.hubchip{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(21,24,28,.85);border:1px solid rgba(201,167,110,.45);border-radius:12px;padding:8px 14px 8px 8px;transform:translate(-50%,-50%);backdrop-filter:blur(4px)}
.hubchip .tile{width:34px;height:34px;border-radius:8px;background:rgba(250,248,241,.94);display:flex;align-items:center;justify-content:center}
.hubchip img{width:22px;height:22px;object-fit:contain}
.hubchip span{font-size:13.5px;font-weight:600;color:var(--parchment);white-space:nowrap}
@media (max-width:760px){.hubchip span{display:none}.hubchip{padding:6px}}
.hubcore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
.hubcore .ring{width:190px;height:190px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle, rgba(201,167,110,.2), rgba(11,13,16,.2) 70%);animation:corepulse 4s ease-in-out infinite}
@keyframes corepulse{0%,100%{box-shadow:0 0 40px rgba(201,167,110,.25)}50%{box-shadow:0 0 90px rgba(201,167,110,.5)}}
.hubcore img{width:126px;filter:drop-shadow(0 0 24px rgba(201,167,110,.55))}
.hublabel{position:absolute;left:50%;top:calc(50% + 106px);transform:translateX(-50%);text-align:center;z-index:3;white-space:nowrap}
.hublabel b{display:block;font-family:var(--serif);font-weight:700;letter-spacing:.24em;color:var(--parchment);font-size:16px}
.hublabel i{display:block;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.24em;color:var(--bronze2);margin-top:4px}
.hubband{position:absolute;inset:18px;border:1.5px solid rgba(201,167,110,.4);border-radius:20px;pointer-events:none;animation:bandglow 5s ease-in-out infinite}
@keyframes bandglow{0%,100%{box-shadow:0 0 16px rgba(201,167,110,.12)}50%{box-shadow:0 0 34px rgba(201,167,110,.3)}}
.hubtag{position:absolute;top:6px;left:50%;transform:translateX(-50%);background:#0B0D10;border:1.5px solid var(--bronze2);border-radius:10px;padding:6px 20px;font-family:var(--serif);font-weight:700;letter-spacing:.26em;color:var(--bronze2);font-size:16px;z-index:4}

/* trajectory */
.trajline{height:3px;background:linear-gradient(90deg,rgba(201,167,110,0),rgba(201,167,110,.8),rgba(201,167,110,0));margin:50px 0 26px;transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}
.on .trajline, .trajline.on{transform:scaleX(1)}
.traj{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;counter-reset:tr}
@media (max-width:1100px){.traj{grid-template-columns:repeat(4,1fr)}}
@media (max-width:680px){.traj{grid-template-columns:repeat(2,1fr)}}
.tr{border:1px solid var(--line);border-radius:12px;padding:18px 14px;background:rgba(11,13,16,.6);position:relative}
.tr::before{counter-increment:tr;content:counter(tr,decimal-leading-zero);font-size:10.5px;font-weight:700;letter-spacing:.2em;color:var(--faint)}
.tr:not(:last-child)::after{content:'\2192';position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:var(--bronze2);opacity:.75;font-size:15px;z-index:2}
.tr b{display:block;font-family:var(--serif);font-size:20px;color:var(--bronze2);font-weight:700;margin:6px 0 5px}
.tr span{font-size:12.5px;color:var(--faint);line-height:1.45;display:block}
.tr.last{border-color:var(--bronze2);box-shadow:0 0 30px rgba(201,167,110,.2);background:radial-gradient(220px 120px at 50% 0%, rgba(201,167,110,.1), rgba(11,13,16,.6) 70%)}
.traj .tr:nth-child(2){transition-delay:.09s}.traj .tr:nth-child(3){transition-delay:.18s}.traj .tr:nth-child(4){transition-delay:.27s}.traj .tr:nth-child(5){transition-delay:.36s}.traj .tr:nth-child(6){transition-delay:.45s}.traj .tr:nth-child(7){transition-delay:.54s}

/* steps + grids */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:50px}
.step{border:1px solid var(--line);border-radius:16px;padding:34px 30px;background:rgba(11,13,16,.42)}
.step .no{font-size:12px;font-weight:700;letter-spacing:.26em;color:var(--bronze2)}
.step h3{font-size:24px;margin:10px 0 10px}
.step p{font-size:14.5px;color:var(--faint)}
.govgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:50px}
.gov{border:1px solid var(--line);border-radius:12px;padding:28px 28px;background:rgba(11,13,16,.42)}
.gov h3{font-size:22px;margin-bottom:8px}
.gov p{font-size:14.5px;color:var(--faint)}
.caps{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px;justify-content:center}
.cap{border:2px solid var(--bronze2);border-radius:60px;padding:15px 28px;font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--parchment);background:rgba(11,13,16,.5);text-shadow:0 0 16px rgba(201,167,110,.3)}

/* orbit (larger agent) */
.orbit{position:relative;width:min(520px,88vw);height:min(520px,88vw);margin:50px auto 0}
.orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit .core img{width:150px;filter:drop-shadow(0 0 30px rgba(201,167,110,.5));animation:breathe 6s ease-in-out infinite}
.orbit .track{position:absolute;inset:0;border:1px dashed rgba(201,167,110,.25);border-radius:50%;animation:spin 40s linear infinite}
.orbit .carousel{position:absolute;inset:0;animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit .word{position:absolute;left:50%;top:50%;font-weight:700;font-size:15px;letter-spacing:.26em;color:var(--bronze2);text-shadow:0 0 16px rgba(201,167,110,.5)}
.orbit .word i{display:inline-block;font-style:normal;animation:spinback 28s linear infinite}
@keyframes spinback{to{transform:rotate(-360deg)}}

/* network */
.network{position:relative;background:#0B0D10;border:1px solid rgba(201,167,110,.18);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);height:520px;overflow:hidden;margin-top:50px}
.network canvas{position:absolute;inset:0;width:100%;height:100%}
.network .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}
.network .core img{width:92px;filter:drop-shadow(0 0 26px rgba(201,167,110,.65));animation:breathe 5s ease-in-out infinite}

/* fork */
.fork{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:54px}
@media (max-width:800px){.fork{grid-template-columns:1fr}}
.forkcol{border-radius:16px;padding:44px 40px;text-align:center;position:relative;overflow:hidden}
.forkcol.a{border:1px solid rgba(201,167,110,.55);background:radial-gradient(400px 260px at 50% 0%, rgba(201,167,110,.13), rgba(11,13,16,.5) 70%);animation:cardpulse 5s ease-in-out infinite}
.forkcol.b{border:1px solid rgba(200,198,187,.14);background:rgba(11,13,16,.45);filter:saturate(.55)}
.forkcol h3{font-size:24px;letter-spacing:.06em}
.forkcol.b h3{color:var(--faint)}
.forkcol p{margin-top:14px;font-size:15.5px}
.forkcol.b p{color:var(--faint)}
.alone{margin-top:18px;font-weight:800;letter-spacing:.34em;color:var(--faint);font-size:15px}
.forkcol.a .dotring i{position:absolute;width:6px;height:6px;border-radius:6px;background:var(--bronze2);opacity:.7;animation:orb 9s linear infinite}
@keyframes orb{from{transform:rotate(0) translateX(150px) rotate(0)}to{transform:rotate(360deg) translateX(150px) rotate(-360deg)}}
.forkcol.b .leak i{animation-duration:2.2s}

/* film */
.film video{width:100%;display:block;border-radius:16px;border:1px solid rgba(201,167,110,.25);box-shadow:0 40px 110px rgba(0,0,0,.6)}

/* research */
.research{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:54px}
@media (max-width:860px){.research{grid-template-columns:1fr}}
.rcard{border:1px solid var(--line);border-radius:16px;padding:40px 36px;background:rgba(11,13,16,.45)}
.rcard .no{font-family:var(--serif);font-size:42px;color:rgba(201,167,110,.5);font-weight:600}
.rcard h3{margin:8px 0 14px;font-size:25px}
.rcard .q{font-family:var(--serif);font-size:18px;color:var(--bronze2);margin-bottom:14px;font-style:italic;line-height:1.45}
.rcard p{font-size:14.5px;color:var(--faint)}

/* about / team */
.member{border:1px solid var(--line);border-radius:16px;padding:36px 30px;background:rgba(11,13,16,.42);text-align:center}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:50px}
.ava{width:84px;height:84px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:34px;color:var(--parchment);background:radial-gradient(circle at 35% 30%, rgba(201,167,110,.4), rgba(31,47,38,.9));border:1px solid rgba(201,167,110,.4)}
.member h3{font-size:26px}
.member .role{font-size:12.5px;font-weight:600;letter-spacing:.2em;color:var(--bronze2);text-transform:uppercase;margin:8px 0 12px}
.member p{font-size:14.5px;color:var(--faint)}
.emblemshow{text-align:center;padding:20px 0}
.emblemshow img{width:190px;filter:drop-shadow(0 0 40px rgba(201,167,110,.5));animation:breathe 6s ease-in-out infinite}

/* invest band */
.invest{text-align:center;background:rgba(11,13,16,.5);border-top:1px solid rgba(201,167,110,.16);border-bottom:1px solid rgba(201,167,110,.16)}
.invest h2{font-size:clamp(34px,4.8vw,54px)}
.invest .hero-sub{margin-bottom:36px}

/* next-page link */
.nextpage{display:flex;justify-content:center;padding:0 0 90px}
.nextpage a{display:flex;align-items:center;gap:14px;text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:22px 34px;transition:border-color .3s, transform .3s}
.nextpage a:hover{border-color:var(--bronze2);transform:translateY(-3px)}
.nextpage .nl{font-size:12px;font-weight:600;letter-spacing:.24em;color:var(--faint);text-transform:uppercase}
.nextpage .nt{font-family:var(--serif);font-size:23px;color:var(--parchment);font-weight:600}
.nextpage .ar{color:var(--bronze2);font-size:24px}

/* blog */
.blogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:50px}
.bpost{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:38px 34px;background:rgba(11,13,16,.45);transition:border-color .3s, transform .3s, box-shadow .3s}
.bpost:hover{border-color:var(--bronze2);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.4), 0 0 34px rgba(201,167,110,.1)}
.bpost .bdate{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--bronze2);text-transform:uppercase}
.bpost h3{margin:12px 0 12px;font-size:27px;line-height:1.2}
.bpost p{color:var(--faint);font-size:15px}
.bpost .go{display:inline-block;margin-top:18px;color:var(--bronze2);font-weight:600;font-size:14px}
.article{max-width:780px;margin:0 auto;padding:0 28px 40px}
.article .meta{font-size:12.5px;font-weight:600;letter-spacing:.2em;color:var(--bronze2);text-transform:uppercase;margin-bottom:34px}
.article p{font-size:17.5px;color:var(--pale);margin:0 0 24px;line-height:1.75}
.article h2{font-size:30px;margin:48px 0 18px}
.article .pull{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.4;color:var(--bronze2);text-align:center;max-width:640px;margin:44px auto}
.article em.b{color:var(--parchment)}
.backlink{display:inline-block;margin-bottom:26px;color:var(--faint);text-decoration:none;font-size:14px}
.backlink:hover{color:var(--parchment)}

/* contact form */
.cform{max-width:640px;margin:40px auto 0}
.cform label{display:block;font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--bronze2);text-transform:uppercase;margin:22px 0 8px}
.cform input,.cform textarea{width:100%;background:rgba(11,13,16,.6);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:var(--parchment);font-family:var(--sans);font-size:15.5px;outline:none;transition:border-color .25s, box-shadow .25s}
.cform input:focus,.cform textarea:focus{border-color:var(--bronze2);box-shadow:0 0 24px rgba(201,167,110,.15)}
.cform textarea{min-height:170px;resize:vertical}
.cform button{margin-top:28px;background:linear-gradient(120deg,var(--bronze),var(--bronze2));color:#15181C;font-weight:700;font-size:15px;padding:14px 34px;border-radius:8px;border:none;cursor:pointer;font-family:var(--sans);letter-spacing:.02em;transition:transform .2s, box-shadow .2s}
.cform button:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(201,167,110,.35)}
.cform button:disabled{opacity:.55;cursor:default;transform:none}
.cnote{margin-top:18px;font-size:14.5px}
.cnote.ok{color:var(--bronze2)}
.cnote.err{color:#d08c7a}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

footer{padding:56px 0;text-align:center;color:var(--faint);font-size:13.5px}
footer .fl{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}
footer img{width:40px;opacity:.9}
footer .fw{font-family:var(--serif);font-weight:700;letter-spacing:.3em;color:var(--parchment);font-size:15px}
.sep{display:inline-block;width:1px;height:20px;background:rgba(201,167,110,.4);vertical-align:middle}
footer nav2, footer .fnav{margin-top:14px}
footer .fnav a{color:var(--faint);text-decoration:none;margin:0 10px;font-size:13px}
footer .fnav a:hover{color:var(--parchment)}