@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#08080e;--panel:#0d0d18;--text:#d4d3df;--muted:#a6a4b8;--line:rgba(176,129,255,.36);--violet:#bd8bff;--cyan:#68dcf2;--pink:#ff6cbd;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#05050a}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 90% 0%,rgba(99,42,183,.16),transparent 38%),var(--bg);font:400 1rem/1.6 'DM Mono',monospace}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(135,95,228,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(135,95,228,.045) 1px,transparent 1px);background-size:32px 32px}.noise{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px)}.noise:after{content:"";position:absolute;inset:auto 0 100% 0;height:18vh;background:linear-gradient(transparent,rgba(130,75,220,.1),transparent);animation:scan 15s linear infinite}.shell{position:relative;width:min(calc(100% - 28px),var(--max));margin:14px auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:rgba(4,4,10,.22)}a{color:inherit;text-decoration:none}.header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;padding:15px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,8,17,.88)}.brand{display:flex;align-items:center;gap:14px;font:500 .9rem/1.15 'Space Grotesk',sans-serif;letter-spacing:.19em;color:#eee6ff}.mark{height:54px;width:54px;display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(189,139,255,.45))}nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,28px)}nav a{font-size:.78rem;letter-spacing:.13em;color:#afa9c1;border-bottom:1px solid transparent;padding:8px 0}nav a:hover,nav a:focus-visible,nav a[aria-current]{color:#fff;border-color:var(--violet);outline:none}section{padding:36px 48px;border-bottom:1px solid var(--line)}.section-code{display:flex;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.16em;color:var(--violet)}.eyebrow{font-size:.79rem;letter-spacing:.16em;color:var(--cyan);margin:52px 0 15px}.intro{min-height:560px;position:relative;overflow:hidden;background:radial-gradient(circle at 92% 50%,rgba(189,139,255,.18),transparent 30%),linear-gradient(120deg,rgba(10,9,22,.98),rgba(20,10,41,.75))}.intro:after{content:"54";position:absolute;right:-.05em;bottom:-.32em;font:600 clamp(240px,37vw,530px)/1 'Space Grotesk',sans-serif;letter-spacing:-.12em;color:rgba(172,113,255,.035);pointer-events:none}.intro>*{position:relative;z-index:1}.intro h1{max-width:850px}h1,h2,p{margin-top:0}h1{font:500 clamp(3.1rem,7.1vw,6.1rem)/.99 'Space Grotesk',sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin-bottom:26px;color:#f0ebf7}h1 em{font-style:normal;color:var(--violet);text-shadow:0 0 30px rgba(161,106,251,.26)}.lead{max-width:710px;font-size:1.06rem;line-height:1.7;color:#c7c4d4}.text-link{display:inline-block;margin-top:15px;padding-bottom:4px;color:var(--cyan);font-size:.79rem;letter-spacing:.13em;border-bottom:1px solid var(--cyan);transition:color .2s,filter .2s}.text-link:hover,.text-link:focus-visible{color:#fff;filter:drop-shadow(0 0 8px var(--cyan));outline:none}.routes{padding-top:30px;padding-bottom:50px}
.hive-grid{display:grid;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:48px;align-items:center;margin-top:26px;--irl:#fa4cae;--vr:#47cced;--roshie:#ba87ff}
.hive{position:relative;aspect-ratio:360/364;container-type:inline-size}
.hive-cell{position:absolute;left:var(--x);top:var(--y);width:48.11%;height:54.95%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#131124;outline:none}
.hive-cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.72);transition:transform .6s,filter .6s}
.hive-cell:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,3,10,.88),rgba(4,3,10,0) 55%)}
.hive-label{position:absolute;left:0;right:0;bottom:22%;z-index:1;text-align:center;font:500 7cqi/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;color:#fff}
.hive-cell[data-route=roshie] .hive-label{bottom:9%}
.hive-cell[data-route=roshie]:after{background:linear-gradient(0deg,rgba(4,3,10,.9),rgba(4,3,10,0) 32%)}
.hive-walls{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hive-hex{fill:none;stroke:var(--line);stroke-width:1.2;transition:stroke .25s}
.hive-link{stroke:var(--violet);stroke-width:3;stroke-linecap:round;opacity:.65;transition:opacity .25s,stroke .25s,filter .25s}
.hive-badge{position:absolute;left:50%;top:43.13%;width:17%;aspect-ratio:173/200;padding:2.2%;transform:translate(-50%,-50%);background:#08080e;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);object-fit:contain;pointer-events:none}
.hive-cell:is(:hover,:focus-visible) img{transform:scale(1.06);filter:saturate(1.1) brightness(.92)}
.hive-grid:has(:is(.hive-cell,.hive-entry):is(:hover,:focus-visible)) .hive-link{opacity:.2}
.hive-grid:has([data-route=irl]:is(:hover,:focus-visible)) .irl:is(.hive-link,.hive-hex),.hive-grid:has([data-for=irl]:is(:hover,:focus-visible)) .irl:is(.hive-link,.hive-hex){opacity:1;stroke:var(--irl);filter:drop-shadow(0 0 6px var(--irl))}
.hive-grid:has([data-route=vr]:is(:hover,:focus-visible)) .vr:is(.hive-link,.hive-hex),.hive-grid:has([data-for=vr]:is(:hover,:focus-visible)) .vr:is(.hive-link,.hive-hex){opacity:1;stroke:var(--vr);filter:drop-shadow(0 0 6px var(--vr))}
.hive-grid:has([data-route=roshie]:is(:hover,:focus-visible)) .roshie:is(.hive-link,.hive-hex),.hive-grid:has([data-for=roshie]:is(:hover,:focus-visible)) .roshie:is(.hive-link,.hive-hex){opacity:1;stroke:var(--roshie);filter:drop-shadow(0 0 6px var(--roshie))}
.hive-grid:has([data-for=irl]:is(:hover,:focus-visible)) [data-route=irl] img,.hive-grid:has([data-for=vr]:is(:hover,:focus-visible)) [data-route=vr] img,.hive-grid:has([data-for=roshie]:is(:hover,:focus-visible)) [data-route=roshie] img{filter:saturate(1.1) brightness(.92)}
.hive-thesis{margin:0 0 22px;font:400 clamp(1.25rem,2.2vw,1.6rem)/1.3 'Space Grotesk',sans-serif;color:#e3dcf0}
.hive-entry{display:block;margin-top:10px;padding:13px 0 13px 18px;border-left:2px solid var(--line);outline:none;transition:border-color .2s,background .2s}
.hive-entry small{display:block;color:var(--accent);font-size:.75rem;letter-spacing:.15em}
.hive-entry strong{display:block;margin:3px 0;font:500 1.9rem/1.1 'Space Grotesk',sans-serif;letter-spacing:-.03em;color:#fff}
.hive-entry span{display:block;font-size:.95rem;line-height:1.5;color:#ddd8ea}
.hive-entry b{display:block;margin-top:8px;font-size:.75rem;font-weight:500;letter-spacing:.12em;color:var(--accent)}
.hive-entry:is(:hover,:focus-visible),.hive-grid:has([data-route=irl]:is(:hover,:focus-visible)) [data-for=irl],.hive-grid:has([data-route=vr]:is(:hover,:focus-visible)) [data-for=vr],.hive-grid:has([data-route=roshie]:is(:hover,:focus-visible)) [data-for=roshie]{border-color:var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}
.page-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;margin-top:28px}.page-hero .eyebrow{margin-top:10px}.page-hero h1{font-size:clamp(3.2rem,6vw,5.5rem)}.page-hero-grid>img{width:100%;max-height:580px;object-fit:cover;border:1px solid var(--line)}body[data-page=vr] .page-hero-grid>img{aspect-ratio:4/3}body[data-page=roshie] .page-hero-grid>img{max-height:700px;object-position:center 20%}.caption{font-size:.75rem;color:var(--muted);letter-spacing:.12em;text-align:right;margin:10px 0 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;margin-top:34px}.story-grid img{width:100%;max-height:560px;object-fit:cover;border:1px solid var(--line)}.story-grid h2{color:#e8ddf7;font:500 clamp(2.1rem,4vw,3.5rem)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.04em}.story-grid p{font-size:1rem;line-height:1.75;color:#c7c2d3}.story-grid.solo{grid-template-columns:minmax(0,740px)}.story.reverse{background:rgba(31,13,53,.16)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 48px 38px;font-size:.75rem;letter-spacing:.12em;color:#918a9f}.live{color:var(--cyan)}.live i{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes scan{to{transform:translateY(120vh)}}@media(max-width:760px){.shell{width:calc(100% - 16px);margin:8px auto}.header{padding:13px 20px;flex-wrap:wrap;gap:8px}.brand{font-size:.78rem}.mark{width:45px;height:45px}nav{width:100%;justify-content:space-between;gap:6px}nav a{font-size:.75rem;padding:6px 0}section{padding:28px 22px}.intro{min-height:0;padding-bottom:65px}.eyebrow{margin-top:40px;font-size:.75rem}.intro h1{font-size:clamp(2.8rem,10vw,4.5rem)}.lead{font-size:1rem}.page-hero-grid,.story-grid{grid-template-columns:1fr;gap:22px}
.hive-grid{grid-template-columns:1fr;gap:26px}
.hive{width:100%;max-width:440px;margin:0 auto}
.hive-label{font-size:8cqi}.page-hero-grid>img{max-height:480px}.page-hero h1{font-size:clamp(3.1rem,11vw,5rem)}.story.reverse .story-grid img{order:2}.story.reverse .story-grid div{order:1}footer{padding:25px 22px;flex-direction:column;font-size:.7rem}}
@media(max-width:380px){.header{padding:12px}.brand{font-size:.69rem}section{padding-left:17px;padding-right:17px}.section-code{font-size:.68rem}.intro h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.hive-cell img,.hive-link,.hive-hex,.hive-entry{transition:none}.noise:after{animation:none}.reveal{opacity:1;transform:none;transition:none}}