/* LULABYTES / DIGITAL ECOSYSTEM v0.2.0 — brand red, real heritage, independent labs */
:root{color-scheme:dark;--bg:#090b12;--surface:#12151f;--surface2:#191c29;--ink:#f3f3f5;--muted:#9d9eac;--edge:rgba(255,255,255,.12);--brand:#f02c27;--coral:#ff6257;--soft:#d1d2db;--white:#fff;--wrap:1320px;--radius:22px;--font:'Manrope','DM Sans',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,monospace}
:root[data-theme="light"]{color-scheme:light;--bg:#f7f7f5;--surface:#fff;--surface2:#eceeea;--ink:#191c24;--muted:#636874;--edge:rgba(24,28,38,.15);--soft:#454a57;--white:#fff}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:"";pointer-events:none;position:absolute;top:0;left:0;right:0;height:1000px;background:radial-gradient(ellipse at 79% 8%,rgba(189,26,34,.105),transparent 42%);z-index:-1}::selection{background:#f02c27;color:white}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h1,h2,h3{line-height:1.12;letter-spacing:-.055em;font-weight:800}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:2000;color:white;background:var(--brand);padding:10px 20px;border-radius:8px}.skip-link:focus{top:16px}.reading-track{position:fixed;top:0;left:0;z-index:1100;height:2px;background:var(--brand);transform-origin:left;transform:scaleX(0);width:100%;pointer-events:none}
/* header */
.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--edge);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-wrap{max-width:1440px;min-height:83px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;gap:12px;align-items:center;flex:none}.brand-mark,.footer-brand img{width:43px;height:43px;border-radius:12px;box-shadow:0 5px 22px rgba(235,30,28,.21)}.brand-words{display:flex;flex-direction:column;line-height:1.05;gap:7px}.brand-words strong{letter-spacing:-.075em;font-size:23px;font-weight:800}.brand-words .reg{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:3px}.brand-words small{font-family:var(--mono);font-size:7.2px;letter-spacing:.11em;color:var(--muted);font-weight:700}.desktop-nav{display:flex;gap:30px;align-items:center;margin:auto}.desktop-nav a{font-size:12px;font-weight:700;white-space:nowrap;color:var(--soft);transition:color .2s}.desktop-nav a:hover{color:var(--coral)}.header-actions{display:flex;gap:12px;align-items:center}.lang-toggle{display:flex;align-items:center;gap:7px;border-right:1px solid var(--edge);padding-right:18px;margin-right:4px;font-family:var(--mono);font-size:11px;color:var(--muted)}.lang-button{border:0;background:none;padding:6px 3px;color:var(--muted);font:700 11px var(--mono)}.lang-button.is-active{color:var(--ink)}.icon-button{width:38px;height:38px;background:transparent;border:1px solid var(--edge);color:var(--ink);border-radius:12px;display:grid;place-items:center;transition:background .2s,border-color .2s}.icon-button:hover{border-color:var(--brand);background:rgba(229,35,37,.08)}.icon-button svg{width:20px;height:20px}.menu-button{display:none}.mobile-nav{display:none}
/* hero */
.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:20px;align-items:center;min-height:min(780px,calc(100svh - 83px));padding-block:96px 104px;position:relative}.hero-copy{position:relative;z-index:3;padding-bottom:18px}.eyebrow,.section-kicker,.bento-num,.legacy-major-tag,.legacy-detail>span,.founder-data>p{font:700 10px var(--mono);letter-spacing:.11em}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--coral);margin:0 0 37px}.eyebrow-line{width:27px;height:1px;background:var(--coral)}.hero h1{font-size:clamp(60px,7.1vw,110px);letter-spacing:-.085em;line-height:1.01;max-width:800px;margin:0 0 33px}.hero h1 span{display:block}.hero h1 em{font-style:normal;background:linear-gradient(135deg,#ff493e 4%,#ef322c 60%,#c12334 95%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-description{color:var(--soft);font-size:clamp(15px,1.42vw,18px);line-height:1.85;max-width:550px;margin-bottom:38px}.hero-cta,.closing-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:35px;border-radius:11px;padding:15px 19px;font-size:12px;font-weight:800;transition:transform .24s,border-color .24s,background .24s;min-height:52px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#e83330;color:white;box-shadow:0 13px 32px rgba(232,35,45,.2)}.btn-primary:hover{background:#ff4840}.btn-secondary{background:var(--surface);border:1px solid var(--edge);color:var(--ink)}.btn-secondary:hover{border-color:rgba(242,70,71,.6)}.hero-bottom-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-top:40px}.live-point{height:7px;width:7px;border-radius:50%;background:#eb433b;box-shadow:0 0 0 5px rgba(232,52,53,.1)}.hero-art{position:relative;aspect-ratio:1;isolation:isolate;width:100%;max-width:620px;justify-self:end}.hero-art::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(242,38,41,.17),rgba(240,30,35,.035) 35%,transparent 73%);filter:blur(14px)}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85;z-index:-1}.hero-orbit{position:absolute;border:1px solid rgba(235,66,66,.19);border-radius:50%;inset:10%;transform:rotate(-24deg) scaleY(.77);pointer-events:none}.hero-orbit-two{inset:0;transform:rotate(43deg) scaleY(.69);border-color:var(--edge);border-style:dashed;animation:orbit 75s linear infinite}.hero-logo-wrap{position:absolute;inset:24%;display:flex;align-items:center;justify-content:center;perspective:900px}.hero-logo-halo{position:absolute;inset:4%;border-radius:50%;background:rgba(244,44,40,.15);filter:blur(60px);animation:halo 6s ease-in-out infinite}.hero-logo{width:71%;height:auto;position:relative;border-radius:21%;box-shadow:0 30px 72px rgba(0,0,0,.37),0 0 95px rgba(225,39,45,.20);transform:rotate(-12deg);animation:logoFloat 7s ease-in-out infinite;filter:contrast(1.05)}.orbit-pill{z-index:3;position:absolute;min-width:122px;display:flex;gap:5px;flex-direction:column;background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--edge);border-radius:13px;padding:11px 14px;box-shadow:0 12px 35px rgba(0,0,0,.16);backdrop-filter:blur(16px)}.pill-index{font:700 9px var(--mono);color:var(--muted)}.orbit-pill strong{font:800 13px var(--font);letter-spacing:.04em}.pill-dot{position:absolute;width:5px;height:5px;right:12px;top:13px;border-radius:50%;background:var(--coral)}.orbit-pill-top{top:15%;right:9%;transform:rotate(7deg)}.orbit-pill-left{left:0;top:55%;transform:rotate(-7deg)}.orbit-pill-bottom{bottom:15%;right:4%;transform:rotate(5deg)}.hero-art-caption{position:absolute;bottom:0;left:18%;right:18%;display:flex;justify-content:space-between;font:700 8px var(--mono);color:var(--muted);letter-spacing:.11em}.scroll-cue{position:absolute;bottom:27px;left:0;display:flex;gap:20px;align-items:center;font:700 9px var(--mono);color:var(--muted);letter-spacing:.1em}.scroll-cue span:last-child{font-size:19px;color:var(--coral);animation:arrowBob 2s infinite}@keyframes orbit{to{transform:rotate(403deg) scaleY(.69)}}@keyframes logoFloat{50%{transform:translateY(-13px) rotate(-9deg)}}@keyframes halo{50%{opacity:.56;transform:scale(1.14)}}@keyframes arrowBob{50%{transform:translateY(5px)}}
/* section rhythm */
.chapter-divider{display:flex;align-items:center;gap:20px;color:var(--muted);font:700 9px var(--mono);letter-spacing:.1em}.chapter-divider-line{background:var(--edge);height:1px;flex:1}.section-pad{padding-top:122px;padding-bottom:122px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.section-kicker{margin:0 0 20px;color:var(--coral)}.section-head h2,.story-heading h2{font-size:clamp(39px,4.7vw,68px);margin:0;letter-spacing:-.075em}.text-soft{color:var(--muted)}.section-lead{max-width:345px;color:var(--soft);font-size:14px;line-height:1.95;margin:0 0 4px}
/* bento creative */
.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px}.bento{border-radius:20px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:410px;padding:28px;transition:transform .3s,border-color .3s,box-shadow .3s;border:1px solid rgba(255,255,255,.1);color:white}.bento:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.16)}.bento-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between}.card-chip{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.13);border-radius:6px;padding:7px 11px;color:rgba(255,255,255,.87);font:700 8.5px var(--mono);letter-spacing:.04em}.chip-symbol{font-size:16px}.card-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.3);font-size:16px;transition:background .3s,transform .3s}.bento:hover .card-arrow{background:var(--brand);border-color:var(--brand);transform:rotate(45deg)}.bento-copy{position:relative;z-index:4;margin-top:auto;max-width:370px}.bento-num{display:block;margin-bottom:14px;color:rgba(255,255,255,.55);font-size:9px}.bento h3{font-size:clamp(32px,3.7vw,51px);line-height:1.1;margin:0 0 11px;letter-spacing:-.07em}.bento p{font-size:13px;line-height:1.8;max-width:360px;color:rgba(255,255,255,.77);margin-bottom:18px}.bento-link{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:#fff}.small-pro{font:700 11px var(--mono);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);vertical-align:middle;border-radius:5px;padding:4px 7px;letter-spacing:0}.bento-tools{grid-column:span 7;background:radial-gradient(ellipse at 80% 25%,#442c40,transparent 54%),linear-gradient(130deg,#1e2532,#10141e);min-height:480px}.bento-tools .bento-copy{max-width:400px}.signal-stage{position:absolute;top:85px;left:40%;right:-12%;height:225px;overflow:hidden;opacity:.84;transform:rotate(-10deg)}.signal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,black 20%)}.signal-stage svg{position:absolute;inset:0;height:100%;width:100%;overflow:visible}.signal-path-back,.signal-path{fill:none;stroke-linecap:round}.signal-path-back{stroke:rgba(252,51,50,.18);stroke-width:13}.signal-path{stroke:url(#waveRed);stroke-width:2.5;stroke-dasharray:950;stroke-dashoffset:0;animation:signalMove 11s linear infinite;filter:drop-shadow(0 0 6px rgba(255,102,72,.75))}.signal-tag{position:absolute;top:15px;right:14%;font:700 9px var(--mono);color:rgba(255,255,255,.7)}.signal-indicator{display:inline-block;width:6px;height:6px;background:#ff8f73;border-radius:50%;margin-left:9px;box-shadow:0 0 10px #ff8f73}@keyframes signalMove{50%{stroke-dashoffset:540}to{stroke-dashoffset:950}}
.bento-light{grid-column:span 5;background:radial-gradient(ellipse at 60% 28%,#504168,#16172f 62%,#151429);min-height:480px}.bento-light .bento-copy{max-width:280px}.light-visual{position:absolute;top:40px;left:10%;width:90%;height:66%;overflow:hidden;filter:saturate(1.3)}.light-source{width:80px;height:80px;position:absolute;right:22%;top:20%;border-radius:50%;background:#f8e9e4;box-shadow:0 0 40px 24px #f0a3bd66,0 0 140px 95px #c78fea44,0 0 180px 150px #7862b629}.beam{position:absolute;right:24%;top:17%;height:290px;width:75px;transform-origin:top;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);filter:blur(12px);opacity:.45;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.beam-1{transform:rotate(36deg)}.beam-2{transform:rotate(0)}.beam-3{transform:rotate(-36deg)}.light-bar-label{position:absolute;top:28%;left:5%;font:700 9px var(--mono);color:rgba(255,255,255,.58);writing-mode:vertical-lr}.bento-start{grid-column:span 7;background:radial-gradient(ellipse at 70% 0%,#16374b,transparent 70%),linear-gradient(135deg,#101d2a,#14283a);min-height:430px}.bento-start .bento-copy{max-width:345px}.desktop-preview{position:absolute;top:92px;right:-3%;width:54%;height:240px;border:1px solid rgba(255,255,255,.19);border-radius:11px;background:linear-gradient(145deg,#253f51,#0c1a2e);transform:perspective(800px) rotateY(-12deg) rotateX(8deg) rotate(-4deg);box-shadow:0 25px 65px rgba(0,0,0,.35);padding:0 14px 15px;text-align:center;transition:transform .45s}.bento-start:hover .desktop-preview{transform:perspective(800px) rotateY(-7deg) rotateX(3deg) rotate(-2deg)}.desk-toolbar{height:33px;display:flex;align-items:center;gap:4px;border-bottom:1px solid rgba(255,255,255,.12)}.desk-toolbar>span{width:5px;height:5px;background:#ee675d;border-radius:50%}.desk-toolbar>span:nth-child(2){background:#e8b65e}.desk-toolbar>span:nth-child(3){background:#61bb95}.desk-toolbar b{margin-left:10px;font:700 8px var(--mono);color:#c8dbf0}.desk-toolbar small{font:700 7px var(--mono);margin-left:auto;color:#93d9c3}.desk-clock{font-weight:800;letter-spacing:-.09em;font-size:clamp(35px,5vw,66px);line-height:1.15;color:#fff;margin-top:10px}.desk-clock span{color:#85e4cc}.desk-date{font:700 8px var(--mono);color:#afc0d0;letter-spacing:.15em}.desk-widgets{display:flex;justify-content:center;gap:7px;margin-top:14px}.desk-widgets>span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);border-radius:6px;min-width:29%;height:52px;padding:6px;display:flex;align-items:flex-start;gap:3px;flex-wrap:wrap;font-size:8px}.desk-widgets b{font:800 12px var(--font)}.desk-widgets small{width:100%;font:700 6px var(--mono);color:#9fb6c7}.bento-games{grid-column:span 5;min-height:430px;background:linear-gradient(135deg,#261c3e,#13152e 75%)}.bento-games .bento-copy{max-width:290px}.game-visual{position:absolute;inset:40px 0 0;pointer-events:none}.game-glow{position:absolute;width:220px;height:220px;top:30px;right:12%;background:radial-gradient(circle,#9e3ded55,transparent 70%)}.arcade-disc{display:grid;place-items:center;position:absolute;top:42px;right:16%;height:145px;width:145px;border:2px solid #9e7ae9;border-radius:50%;box-shadow:0 0 0 11px #985dfb12,0 0 0 29px #985dfb0a,0 0 45px #b15dff55;transform:rotate(-14deg);animation:logoFloat 9s infinite}.arcade-disc span{font:800 22px/1.15 var(--font);letter-spacing:-.06em;text-align:center;color:#e6d1ff;text-shadow:0 0 24px #a68aff}.arcade-disc .arrow-mini{display:block;font-size:16px;color:#ffc6f7}.pixel-star{position:absolute;color:#ac9cf4;font-size:20px}.s1{top:30px;left:20%}.s2{top:114px;left:37%}.s3{top:205px;right:15%;font-size:9px}.scan-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#0001 5px);opacity:.3}
/* Games */
.games-section{background:var(--surface);border-block:1px solid var(--edge)}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-tile{display:flex;flex-direction:column;min-width:0}.game-thumb{height:220px;position:relative;overflow:hidden;border-radius:15px;border:1px solid var(--edge);isolation:isolate;transition:transform .3s,box-shadow .3s;background:#192230}.game-tile:hover .game-thumb{transform:translateY(-5px);box-shadow:0 15px 45px rgba(0,0,0,.22)}.thumb-label{font:700 8px var(--mono);color:#fff;background:#0006;backdrop-filter:blur(8px);padding:5px 10px;border:1px solid rgba(255,255,255,.2);border-radius:5px;position:absolute;bottom:11px;left:11px;z-index:6}.chess-thumb img{width:100%;height:100%;object-fit:cover}.chess-thumb::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.parchis-thumb{background:radial-gradient(circle at 50% 43%,#513a66 0,#1b1c2b 70%)}.parchis-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);width:135px;height:135px;border:7px solid #fff;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;box-shadow:0 21px 36px #0007,0 0 0 5px #fff2}.parchis-art i:nth-child(1){background:#f85b4c}.parchis-art i:nth-child(2){background:#65bc8f}.parchis-art i:nth-child(3){background:#f3c656}.parchis-art i:nth-child(4){background:#4c92e1}.parchis-art i{display:grid;place-items:center;position:relative}.parchis-art i::after{content:"";width:22px;height:22px;border-radius:50%;border:4px solid #fff;box-shadow:0 3px 5px #0004}.parchis-art b{position:absolute;top:41%;left:42%;background:white;padding:5px;line-height:1}.sky-thumb{background:radial-gradient(ellipse at 50% 12%,#7d5c88,#1c2f57 48%,#081221)}.star-sky{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 7% 19%,#fff 70%,transparent 100%),radial-gradient(1px 1px at 24% 50%,#fff 70%,transparent 100%),radial-gradient(2px 2px at 61% 13%,#fff 70%,transparent 100%),radial-gradient(1px 1px at 75% 45%,#fff 70%,transparent 100%),radial-gradient(2px 2px at 91% 21%,#fff 70%,transparent 100%),radial-gradient(1px 1px at 44% 73%,#fff 70%,transparent 100%)}.fighter{position:absolute;top:41%;left:50%;width:155px;height:83px;transform:translate(-50%,-50%) rotate(-17deg);background:linear-gradient(100deg,#e6edf3 5%,#617ca5 50%,#26395b 72%);clip-path:polygon(50% 0,60% 33%,100% 82%,100% 96%,55% 70%,56% 97%,44% 97%,45% 70%,0 96%,0 82%,40% 33%);filter:drop-shadow(0 15px 12px #0008)}.fighter i{position:absolute;top:26%;left:46%;width:9%;height:25%;background:#ff754e;border-radius:50%}.sky-name{position:absolute;bottom:36px;right:15px;font:900 22px var(--font);letter-spacing:-.06em;color:white;text-shadow:0 2px 10px #000}.sky-name span{color:#ff775f}.jungle-thumb{background:linear-gradient(180deg,#2d4d44 0%,#529c68 47%,#204f43 100%)}.jungle-sun{position:absolute;top:5%;left:49%;width:110px;height:110px;background:#fff0a6;border-radius:50%;box-shadow:0 0 65px #f5d98880}.jungle-hills{position:absolute;bottom:-29%;left:-15%;width:140%;height:82%;background:#184a37;clip-path:polygon(0 80%,10% 45%,17% 60%,28% 24%,40% 65%,48% 44%,58% 59%,75% 19%,100% 59%,100% 100%,0 100%)}.hill-2{bottom:-36%;background:#0b302d;transform:scaleX(-1)}.jungle-name{position:absolute;top:25px;left:24px;font:900 31px/1.05 var(--font);letter-spacing:-.07em;color:#fff6c7;text-shadow:0 5px 2px #163d3a}.jungle-name strong{color:#bbf880}.game-meta{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 2px}.game-meta h3{font-size:16px;letter-spacing:-.035em;margin:0 0 4px}.game-meta p{color:var(--muted);font-size:12px;margin:0}.game-open{border:1px solid var(--edge);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none;transition:border-color .2s,color .2s}.game-tile:hover .game-open{border-color:var(--brand);color:var(--coral)}
/* story */
.story-feature{display:grid;grid-template-columns: .85fr 1.15fr;gap:10%;align-items:center;position:relative}.story-heading .section-kicker{margin-bottom:26px}.story-heading h2{margin-bottom:25px;font-size:clamp(40px,5.2vw,71px)}.story-heading h2 em{font-style:normal;color:var(--coral)}.story-heading p:not(.section-kicker){font-size:15px;line-height:1.95;color:var(--soft);max-width:465px;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:800;font-size:12px;padding-bottom:7px;border-bottom:1px solid var(--coral);transition:gap .25s}.text-link:hover{gap:27px;color:var(--coral)}.story-gallery{height:480px;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;position:relative}.memory{border:1px solid var(--edge);border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(125deg,#503c3a,#7b6263);isolation:isolate}.memory img{width:100%;height:100%;object-fit:cover;filter:saturate(.87);transition:transform .45s}.memory:hover img{transform:scale(1.04)}.memory::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 55%);z-index:1;pointer-events:none}.memory-main{grid-row:span 2}.memory-main img{object-position:50% 50%}.memory-caption{position:absolute;bottom:14px;left:14px;right:8px;color:white;z-index:2;font:700 9px var(--mono);line-height:1.8;text-shadow:0 1px 3px #0007}.memory-caption span{display:block;font:800 13px var(--font)}.story-stats{grid-column:1/-1;display:flex;gap:40px;margin-top:32px;border-top:1px solid var(--edge);padding-top:26px}.story-stats>span{display:flex;flex-direction:column;gap:8px}.story-stats strong{font-size:24px;letter-spacing:-.08em}.stat-symbol{color:var(--coral);margin:0 2px}.story-stats small{font:700 9px var(--mono);color:var(--muted);letter-spacing:.05em}
/* legacy */
.legacy-section{background:var(--surface);border-block:1px solid var(--edge)}.legacy-grid{display:grid;grid-template-columns:1fr .85fr;gap:30px}.legacy-major{min-height:580px;position:relative;overflow:hidden;border-radius:20px;padding:31px;background:radial-gradient(ellipse at 50% 40%,#672e32 0,#291b26 45%,#1b1a22 100%);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:white}.legacy-major-tag{position:absolute;top:30px;left:30px;color:#fff9}.roller-art{position:absolute;inset:5% 5% 26%;transform:perspective(950px) rotateX(13deg) rotateZ(-8deg)}.roller-ring{position:absolute;top:27%;width:50%;height:52%;border:30px solid #d3d6de;border-left-color:#4d4e62;border-right-color:#a1a7b3;border-radius:50%;transform:rotateY(52deg);box-shadow:17px 27px 17px #0004,inset 7px 3px 17px #0009}.ring-a{left:8%}.ring-b{left:39%}.roller-shaft{position:absolute;top:52%;left:17%;width:64%;height:9%;border-radius:40%;background:linear-gradient(#bcc6d4,#3d4053 40%,#777e90 55%,#d2dae8);transform:rotate(-3deg);box-shadow:4px 16px 16px #0006}.legacy-major h3{position:relative;font-size:52px;margin:0 0 8px}.legacy-major h3 span{font-size:14px;vertical-align:top}.legacy-major p{font-size:13px;max-width:350px;line-height:1.8;color:#e8dadd}.tiny-cta{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:800;border-bottom:1px solid #fff7;padding-bottom:7px}.legacy-details{display:grid;grid-template-rows:repeat(3,1fr);gap:13px}.legacy-detail{border:1px solid var(--edge);border-radius:17px;padding:28px 29px;display:flex;flex-direction:column;justify-content:center;transition:border-color .2s,background .2s}.legacy-detail:hover{border-color:rgba(235,52,50,.55);background:var(--surface2)}.legacy-detail>span{color:var(--coral)}.detail-line{display:flex;align-items:center;justify-content:space-between}.detail-line h3{font-size:24px;letter-spacing:-.055em;margin:12px 0 5px}.detail-line span{color:var(--muted)}.legacy-detail p{max-width:350px;color:var(--muted);line-height:1.75;font-size:12px;margin:0}
/* founders */
.founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.founder-card{display:flex;align-items:center;gap:22px;border:1px solid var(--edge);border-radius:16px;background:var(--surface);padding:19px}.founder-img{position:relative;width:126px;height:142px;flex:none;border-radius:9px;overflow:hidden;background:#444}.founder-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65);transition:filter .2s,transform .2s}.founder-card:hover .founder-img img{filter:grayscale(0);transform:scale(1.04)}.founder-img span{position:absolute;bottom:7px;right:9px;background:#0009;color:#fff;font:700 9px var(--mono);padding:4px 6px;border-radius:4px}.founder-data>p{color:var(--coral);font-size:8.5px;margin:0 0 13px}.founder-data h3{font-size:clamp(20px,2.5vw,29px);margin:0;letter-spacing:-.055em}
/* awards */
.awards-section{padding-top:16px}.awards-list{border-top:1px solid var(--edge)}.awards-list>div{display:grid;grid-template-columns:90px 1.4fr .7fr 25px;gap:20px;align-items:center;padding:24px 10px;border-bottom:1px solid var(--edge);transition:padding .2s,background .2s}.awards-list>div:hover{padding-left:18px;background:var(--surface)}.award-year{font:700 12px var(--mono);color:var(--coral)}.awards-list strong{font-size:17px;letter-spacing:-.025em}.awards-list div>span:nth-child(3){font-size:12px;color:var(--muted)}.award-mark{color:var(--muted);text-align:right}
/* closing */
.closing{padding:48px 0 100px}.closing-inner{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:90px 6.5%;background:radial-gradient(ellipse at 85% 45%,#531e2c,transparent 53%),linear-gradient(125deg,#1c1824,#14151f);color:white}.closing h2{font-size:clamp(50px,7vw,97px);margin-bottom:20px}.closing h2 em{font-style:normal;color:#ff6660}.closing p{color:#c9bcc6;font-size:15px;margin-bottom:30px}.closing-butterfly{position:absolute;right:10%;top:24%;width:170px;height:170px;transform:rotate(-18deg);border-radius:24px;opacity:.17;filter:grayscale(1)}
/* footer */
.site-footer{border-top:1px solid var(--edge);background:var(--surface)}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:35px;padding:46px 0}.footer-links{display:flex;gap:15px 26px;flex-wrap:wrap;max-width:650px;justify-content:flex-end}.footer-links a{font-size:12px;color:var(--soft);font-weight:700}.footer-links a:hover{color:var(--coral)}.footer-bottom{border-top:1px solid var(--edge);display:flex;justify-content:space-between;gap:15px;padding:20px 0 30px;font-size:11px;color:var(--muted)}.back-to-top{white-space:nowrap;color:var(--ink);font-weight:700}
/* light theme specialty */
[data-theme="light"] .hero-art::before{opacity:.56}[data-theme="light"] .hero-logo{box-shadow:0 28px 55px rgba(190,47,39,.12)}[data-theme="light"] .bento{border-color:rgba(0,0,0,.1)}[data-theme="light"] .story-gallery{box-shadow:0 14px 30px #00000009}
/* responsive */
@media(max-width:1100px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.header-wrap{padding:0 30px}.wrap{width:calc(100% - 60px)}.hero h1{font-size:clamp(55px,7vw,85px)}.story-feature{gap:5%}.founder-img{width:100px;height:120px}}
@media(max-width:850px){.desktop-nav{display:none}.menu-button{display:grid}.header-wrap{padding:0 24px;min-height:75px}.header-actions{margin-left:auto}.mobile-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 24px 24px;background:var(--bg);border-bottom:1px solid var(--edge);box-shadow:0 18px 35px #0002}.mobile-nav.is-open{display:flex;flex-direction:column}.mobile-nav a{padding:13px 0;font-size:16px;font-weight:700;border-bottom:1px solid var(--edge)}.hero{min-height:0;grid-template-columns:1fr;gap:0;padding-block:85px 85px}.hero-copy{max-width:650px}.hero-art{width:min(590px,100%);margin:10px auto 0;justify-self:center}.hero h1{font-size:clamp(64px,10vw,94px)}.scroll-cue{bottom:20px}.bento-tools,.bento-light,.bento-start,.bento-games{grid-column:span 6}.bento{min-height:460px}.bento-start .desktop-preview{width:85%;right:-16%;opacity:.7}.bento-start .bento-copy{position:relative}.games-grid{grid-template-columns:repeat(2,1fr)}.story-feature{grid-template-columns:1fr;gap:35px}.story-heading{max-width:680px}.story-gallery{height:450px}.legacy-grid{grid-template-columns:1fr 1fr}.legacy-major{min-height:500px}.roller-ring{border-width:24px}.founder-card{gap:12px}.founder-img{width:88px;height:105px}.footer-top{flex-direction:column}.footer-links{justify-content:flex-start}}
@media(max-width:600px){html{scroll-padding-top:68px}.wrap{width:calc(100% - 36px)}.header-wrap{padding:0 17px;min-height:69px}.brand-mark{width:37px;height:37px}.brand-words strong{font-size:21px}.brand-words small{font-size:6px}.header-actions{gap:6px}.lang-toggle{padding-right:9px;margin-right:0;gap:4px}.icon-button{width:35px;height:35px}.hero{padding-top:65px;padding-bottom:80px}.eyebrow{font-size:8px;letter-spacing:.05em;margin-bottom:25px}.hero h1{font-size:clamp(57px,13.5vw,77px);margin-bottom:22px}.hero-description{font-size:14px;line-height:1.86;margin-bottom:27px}.hero-cta{gap:9px}.hero-cta .btn{width:100%;gap:20px}.hero-bottom-note{font-size:10px;margin-top:25px}.hero-art{margin:22px auto 0;width:min(430px,100%)}.orbit-pill{padding:8px 10px;min-width:95px}.orbit-pill strong{font-size:10px}.pill-index{font-size:7px}.hero-art-caption{font-size:6px}.scroll-cue{bottom:12px}.section-pad{padding-top:76px;padding-bottom:76px}.section-head{flex-direction:column;align-items:start;gap:14px;margin-bottom:29px}.section-head h2,.story-heading h2{font-size:clamp(36px,9vw,56px)}.section-lead{max-width:470px}.section-kicker{font-size:9px;margin-bottom:15px}.bento-grid{gap:11px}.bento-tools,.bento-light,.bento-start,.bento-games{grid-column:span 12;min-height:390px}.bento{padding:22px}.bento-tools{min-height:415px}.signal-stage{left:23%;top:65px}.bento-light{min-height:410px}.bento-start{min-height:410px}.desktop-preview{top:65px!important;right:-3%!important;width:75%!important}.bento-games{min-height:405px}.bento h3{font-size:40px}.bento-copy{max-width:275px}.bento p{font-size:12px}.games-grid{gap:15px 11px}.game-thumb{height:170px}.game-meta h3{font-size:14px}.game-meta p{font-size:11px}.game-open{width:27px;height:27px}.fighter{transform:translate(-50%,-50%) rotate(-17deg) scale(.8)}.jungle-name{font-size:26px}.story-gallery{height:330px;gap:7px}.memory-caption{bottom:10px;left:8px;font-size:8px}.memory-caption span{font-size:10px}.story-stats{gap:17px;flex-wrap:wrap}.story-stats strong{font-size:19px}.story-stats small{font-size:7px}.legacy-grid{grid-template-columns:1fr}.legacy-major{min-height:470px}.legacy-detail{padding:22px}.legacy-details{gap:9px}.founder-grid{grid-template-columns:1fr}.founder-img{width:98px;height:106px}.awards-section{padding-top:0}.awards-list>div{grid-template-columns:50px 1fr 20px;gap:10px;padding:19px 4px}.awards-list>div>span:nth-child(3){display:none}.awards-list strong{font-size:13px}.award-year{font-size:10px}.closing{padding:13px 0 72px}.closing-inner{padding:65px 22px}.closing h2{font-size:clamp(45px,10vw,68px)}.closing-actions .btn{width:100%}.closing-butterfly{right:-20px;top:5%;width:130px;height:130px}.footer-top{padding:35px 0}.footer-links{gap:14px 22px}.footer-bottom{flex-wrap:wrap;line-height:1.8}}
@media(max-width:380px){.brand-words small{display:none}.lang-toggle{padding-right:5px}.hero h1{font-size:52px}.game-thumb{height:147px}.game-meta p{display:none}.hero-art-caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}#heroCanvas{display:none}}
/* Keep transformed orbital artwork inside the mobile viewport without clipping content */
@media(max-width:600px){.hero-art{overflow:hidden;isolation:isolate;border-radius:22px}}
.memory-unavailable::before{content:'✳';position:absolute;font-size:120px;line-height:1;color:#ffffff0d;top:5%;right:-5%;z-index:0;transform:rotate(-20deg)}.memory-unavailable{background:radial-gradient(ellipse at 20% 17%,rgba(242,81,72,.35),transparent 55%),linear-gradient(140deg,#49333e,#1e1e2b)}.memory-unavailable:nth-child(2){background:radial-gradient(ellipse at 80% 10%,rgba(236,167,109,.3),transparent 50%),linear-gradient(140deg,#3f333b,#211c28)}