.about-root{--a-font:var(--font-sans);--a-bg:rgb(var(--color-bg));--a-ink:rgb(var(--color-text));--a-dim:rgb(var(--color-muted));--a-sub:rgb(var(--color-text) / .78);--a-line:rgb(var(--color-border) / .16);--a-panel:rgb(var(--color-surface));--a-red:rgb(var(--color-red));--a-blue:rgb(var(--color-accent));--a-vig:.55;--a-grain:.05;--a-pill-bg:rgb(var(--color-surface) / .55);--a-pill-border:transparent;--a-pill-ink:var(--nav-ink);--a-pill-active-bg:var(--nav-active-bg);--a-pill-active-ink:var(--nav-active-ink);background:var(--a-bg);color:var(--a-ink);font-family:var(--a-font);-webkit-font-smoothing:antialiased;cursor:none;transition:background .6s,color .6s;position:fixed;inset:0;overflow:hidden}.about-root.light{--a-vig:.16;--a-grain:.03;--a-pill-bg:rgb(var(--color-surface) / .62);--a-pill-border:transparent;--a-pill-ink:var(--nav-ink)}.about-root #about-app{position:fixed;inset:0}.about-root canvas{display:block}.about-root .vignette{pointer-events:none;z-index:5;mix-blend-mode:multiply;background:radial-gradient(130% 120% at 50% 45%, #0000 40%, rgba(0,0,0,var(--a-vig)) 82%, rgba(0,0,0,calc(var(--a-vig) + .25)) 100%);position:fixed;inset:0}.about-root .grain{pointer-events:none;z-index:6;opacity:var(--a-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:6s steps(6,end) infinite a-grain;position:fixed;inset:-50%}@keyframes a-grain{0%{transform:translate(0)}30%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}70%{transform:translate(4%,2%)}to{transform:translate(0)}}.about-root .hud{z-index:10;pointer-events:none;position:fixed;inset:0}.about-root .topbar{width:100%;padding:24px 30px;position:absolute;top:0;left:0}.about-root .brand-link{pointer-events:auto;text-decoration:none;display:block}.about-root .wm{letter-spacing:-.01em;color:var(--a-ink);font-size:22px;font-weight:700;line-height:1}.about-root .wm .c{color:var(--a-red)}.about-root .wm .u{color:var(--a-blue)}.about-root .brand small{letter-spacing:.22em;color:var(--a-dim);text-transform:uppercase;margin-top:4px;font-size:8.5px;display:block}.about-root .actions{background:var(--a-pill-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--a-pill-border);border-radius:var(--nav-bar-radius);align-items:center;gap:2px;padding:5px;display:flex;position:absolute;top:20px;right:30px;box-shadow:0 12px 44px #00000057}.about-root .btn{pointer-events:auto;cursor:none;border-radius:var(--nav-radius);color:var(--a-pill-ink);background:0 0;border:0;padding:11px 22px;font-size:15px;font-weight:600;transition:color .35s,background .35s}.about-root .btn:hover{color:var(--nav-ink-hover);background:var(--nav-hover-bg)}.about-root .btn.solid{background:rgb(var(--color-accent));color:#fff}.about-root .btn.solid:hover{color:#fff}.about-root .navpill{background:var(--a-pill-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--a-pill-border);border-radius:var(--nav-bar-radius);pointer-events:auto;scrollbar-width:none;align-items:center;gap:2px;max-width:min(94vw,100vw - 272px);padding:5px;display:flex;position:absolute;bottom:30px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 44px #00000057}.about-root .navpill::-webkit-scrollbar{display:none}.about-root .navtab{cursor:none;white-space:nowrap;color:var(--a-pill-ink);border-radius:var(--nav-radius);background:0 0;border:0;padding:11px 22px;font-size:15px;font-weight:600;transition:color .35s,background .35s}.about-root .navtab:hover{color:var(--nav-ink-hover);background:var(--nav-hover-bg)}.about-root .navtab.active{background:var(--a-pill-active-bg);color:var(--a-pill-active-ink)}.about-root .cursor{z-index:60;background:var(--a-ink);pointer-events:none;mix-blend-mode:difference;border-radius:50%;width:9px;height:9px;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.about-root .cursor.ring{background:0 0;border:1px solid #fff;width:56px;height:56px}.about-root .cursor.drag{background:0 0;border:1px solid #fff;width:42px;height:42px}.about-root .cursor .clabel{letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:0;justify-content:center;align-items:center;font-size:9px;transition:opacity .3s;display:flex;position:absolute;inset:0}.about-root .cursor.ring .clabel{opacity:1}.about-root .zoomer{z-index:50;-o-object-fit:cover;object-fit:cover;pointer-events:none;display:none;position:fixed;box-shadow:0 30px 90px #0000008c}.about-root .detail{z-index:40;background:var(--a-panel);clip-path:inset(100% 0 0);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.about-root .detail.open{pointer-events:auto}.about-root .d-top{border-bottom:1px solid var(--a-line);justify-content:space-between;align-items:center;padding:22px 34px;display:flex}.about-root .d-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--a-dim);font-size:10px}.about-root .d-meta b{color:var(--a-red)}.about-root .d-body{flex:1;grid-template-columns:1.02fr 1fr;display:grid;overflow:hidden}.about-root .d-left{flex-direction:column;justify-content:center;gap:22px;padding:5.5vh 4vw;display:flex;overflow-y:auto}.about-root .d-num{color:var(--a-blue);letter-spacing:.1em;font-size:12px}.about-root .d-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--a-dim);align-items:center;gap:8px;font-size:10px;display:inline-flex}.about-root .d-cat:before{content:"";background:var(--a-red);width:18px;height:1px}.about-root .detail h2{font-family:var(--font-serif);letter-spacing:var(--tracking-serif);color:var(--a-ink);font-size:clamp(26px,3.4vw,50px);font-weight:800;line-height:1.04}.about-root .d-desc{max-width:460px;color:var(--a-sub);font-size:14px;line-height:1.85}.about-root .d-link{pointer-events:auto;letter-spacing:.12em;text-transform:uppercase;color:var(--a-ink);border-bottom:1px solid var(--a-red);align-self:flex-start;gap:8px;padding-bottom:4px;font-size:11px;text-decoration:none;display:inline-flex}.about-root .d-right{background:#000;position:relative;overflow:hidden}.about-root .d-right img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (width<=820px){.about-root{cursor:auto}.about-root .cursor,.about-root .actions .label-full{display:none}.about-root .d-body{flex-direction:column;display:flex;overflow-y:auto}.about-root .d-right{order:-1;height:40vh;display:block}.about-root .d-left{justify-content:flex-start;gap:16px;padding:26px 24px 70px}.about-root .navpill{max-width:calc(100vw - 136px);bottom:18px;left:12px;transform:none}.about-root .navtab{padding:9px 16px;font-size:13px}}