@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080a10;color:#f5f7ff;font-family:'DM Sans',system-ui,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}canvas.bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.shell{position:relative;z-index:2;min-height:100svh}.top{display:flex;justify-content:space-between;align-items:center;padding:25px clamp(20px,4vw,70px);gap:15px}.brand{font:700 15px 'Space Grotesk';letter-spacing:-.04em}.brand i{font-style:normal;color:var(--accent,#8ef4cc)}.navlink{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b4b9c9}.navlink:hover{color:#fff}.world{--accent:#8ef4cc;--accent2:#7b83ff;min-height:100svh;background:radial-gradient(circle at 75% 48%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 46%),#080a10}.worldhero{min-height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center;padding:7vh clamp(25px,8vw,135px) 14vh;position:relative;pointer-events:none}.worldhero>*{max-width:720px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.worldhero h1{font:600 clamp(3.8rem,9vw,10rem)/.88 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:0;text-wrap:balance}.worldhero h1 em{font-style:normal;color:var(--accent)}.worldhero p{font-size:clamp(14px,1.25vw,18px);line-height:1.7;color:#aeb3c4;max-width:510px;margin-top:32px}.hint{position:absolute;bottom:34px;left:clamp(25px,8vw,135px);font-size:11px;color:#8890a6;letter-spacing:.13em;text-transform:uppercase}.toolbar{position:fixed;z-index:10;right:25px;bottom:25px;display:flex;gap:8px}.pill{border:1px solid #ffffff35;background:#0b101bbd;color:#f4f5fc;padding:12px 17px;border-radius:100px;font-size:12px;backdrop-filter:blur(18px)}.pill:hover{border-color:var(--accent);color:var(--accent)}.extra{padding:70px clamp(25px,8vw,135px);background:#0b0d14;position:relative}.extra h2{font:500 clamp(2rem,5vw,5rem)/1 'Space Grotesk';letter-spacing:-.06em;max-width:850px}.extra p{color:#aeb3c4;max-width:580px;line-height:1.8}.extra a{display:inline-block;margin-top:18px;color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:8px}.gallery{--accent:#c4d2ff;min-height:100svh;background:#080a10;position:relative;overflow:hidden}.gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,#33305766,transparent 48%),linear-gradient(#0c0c16,#080a10);pointer-events:none}.gallery .top{position:relative;z-index:3}.intro{text-align:center;position:relative;z-index:2;padding:4vh 20px 28px}.intro .eyebrow{color:#a4a9ff}.intro h1{font:600 clamp(3.6rem,9vw,9rem)/.95 'Space Grotesk';letter-spacing:-.085em;margin:10px 0}.intro h1 span{background:linear-gradient(100deg,#c9d0ff,#7df4cf,#ffd7c0);color:transparent;background-clip:text}.intro p{color:#a8aec0;max-width:580px;margin:20px auto;line-height:1.6}.tiles{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1450px;padding:25px clamp(20px,5vw,70px) 90px;margin:auto}.tile{min-height:285px;border:1px solid #ffffff20;border-radius:25px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,color-mix(in srgb,var(--tile) 29%,transparent),transparent 58%),linear-gradient(135deg,#202333,#0e1019);transition:transform .3s,border .3s,box-shadow .3s}.tile:hover{transform:translateY(-8px);border-color:var(--tile);box-shadow:0 25px 90px color-mix(in srgb,var(--tile) 12%,transparent)}.tile .id{font-size:10px;letter-spacing:.22em;color:#ffffff99}.tile h2{font:600 clamp(25px,3vw,40px)/1 'Space Grotesk';letter-spacing:-.06em;margin:0 0 10px}.tile p{font-size:13px;line-height:1.5;color:#c0c4d1;max-width:300px;margin:0}.tile .arrow{position:absolute;top:22px;right:25px;font-size:24px}.glyph{position:absolute;top:22%;right:12%;font-size:110px;line-height:1;color:var(--tile);opacity:.28;transform:rotate(-16deg);transition:transform .4s}.tile:hover .glyph{transform:rotate(18deg) scale(1.2)}@media(max-width:950px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.tiles{grid-template-columns:1fr}.tile{min-height:235px}.worldhero{padding-left:27px;padding-right:27px}.worldhero h1{font-size:clamp(3.7rem,15vw,6rem)}.hint{left:27px;bottom:85px}.toolbar{bottom:18px;right:18px}.intro{padding-top:7vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}