.kb-scene{--u:50px;--gap:6px;width:calc(var(--u) * 5.5 + 40px);height:calc(var(--u) * 4.2 + 40px);perspective:1500px;perspective-origin:50% 20%;position:relative}.kb-plate{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(54deg)rotate(-34deg)}.kb-plate-layer,.kb-plate-top{border-radius:18px;position:absolute;inset:0}.kb-plate-layer{transform:translateZ(calc(var(--i) * 2px - 14px));background:#2c3036}.kb-plate-top{background:linear-gradient(135deg,#4b5058,#3a3e45);transform:translateZ(0);box-shadow:inset 0 1px #fff2}.kb-key{left:calc(20px + var(--x) * var(--u));top:calc(20px + var(--y) * var(--u));width:calc(var(--w) * var(--u) - var(--gap));height:calc(var(--u) - var(--gap));transform-style:preserve-3d;transform:translateZ(var(--z,2px));transition:transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute}.kb-cap{transform-style:preserve-3d;position:absolute;inset:0}.kb-layer{inset:calc(var(--i) * .7px);background:var(--side);transform:translateZ(calc(var(--i) * 3px));border-radius:9px;position:absolute}.kb-top{background:radial-gradient(120% 90% at 50% 20%,var(--face-hi),var(--face) 60%,var(--face-lo));border-radius:9px;place-items:center;display:grid;position:absolute;inset:5px 6px 8px;transform:translateZ(22px);box-shadow:inset 0 1px #fff5,inset 0 -2px 3px #0002}.kb-top>span{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.01em;color:var(--ink-key);font-size:11px;font-weight:600}.kb-grey{--face:#e7e8e5;--face-hi:#f6f6f3;--face-lo:#d3d5d1;--side:#b9bbb7;--ink-key:#4a4e55}.kb-dark{--face:#9a9da3;--face-hi:#acafb4;--face-lo:#878a90;--side:#6f7277;--ink-key:#2f3236}.kb-mint{--face:#5fd9b4;--face-hi:#7fe6c7;--face-lo:#45c29d;--side:#2f9d7c;--ink-key:#1d5d4b}.kb-blue{--face:#4fa8e6;--face-hi:#6cbaf0;--face-lo:#3a92d1;--side:#2a74ab;--ink-key:#123d5e}.kb-coral{--face:#f2706d;--face-hi:#f78c89;--face-lo:#de5a58;--side:#b9403f;--ink-key:#6e1d1d}.kb-sun{--face:#f6c33b;--face-hi:#fbd462;--face-lo:#e8ad1e;--side:#c18a0f;--ink-key:#6b4a05}.kb-sun .kb-top>span{font-size:15px}.kb-key:hover{--z:-6px}.kb-lift{--z:84px}.kb-lift .kb-cap{animation:4.5s ease-in-out infinite kb-float}.kb-lift:hover{--z:70px}.kb-shadow{filter:blur(10px);opacity:.45;transform:translateZ(calc(2px - var(--z)));background:#0b0d12;border-radius:12px;animation:4.5s ease-in-out infinite kb-shadow;position:absolute;inset:8% 6%}@keyframes kb-float{0%,to{transform:translateZ(0)rotateX(0)rotateY(0)}50%{transform:translateZ(14px)rotateX(4deg)rotateY(-3deg)}}@keyframes kb-shadow{0%,to{opacity:.45;scale:1}50%{opacity:.32;scale:1.06}}@media (max-width:1100px){.kb-scene{--u:44px}}@media (max-width:760px){.kb-scene{--u:40px}}@media (prefers-reduced-motion:reduce){.kb-key{transition:none}.kb-lift .kb-cap,.kb-shadow{animation:none}}
.magazine-footer{--footer-base:#f1f2f0;--footer-card:#fbfbfa;--footer-text:#242522;--footer-muted:#5d606b;--footer-line:#2425221f;--footer-accent:#3046b8;--footer-fill:#2425220a;--footer-fill-hover:#24252214;--footer-border:#24252229;--footer-border-hover:#24252259;--footer-primary-bg:#242522;--footer-primary-text:#fafaf8;--footer-primary-hover:#000;--footer-glow:radial-gradient(closest-side,#8fdcc670,#f4cf6a2e 58%,transparent);--footer-focus:#3046b8;--footer-dot:#2425221f;isolation:isolate;background:var(--footer-base);color:var(--footer-text);margin-top:96px;padding-block:72px 40px;position:relative;overflow:hidden}.magazine-footer:after{content:"";z-index:-1;background:var(--footer-glow);pointer-events:none;width:min(1200px,140vw);height:540px;position:absolute;bottom:-250px;left:50%;transform:translate(-50%)}.magazine-footer ::selection{background:var(--footer-accent);color:var(--footer-base)}.magazine-footer a:focus-visible{outline-color:var(--footer-focus)}[data-theme=dark] .magazine-footer{--footer-base:#0b0c12;--footer-card:#0f1018;--footer-text:#f4f3f8;--footer-muted:#a9aabb;--footer-line:#ffffff1a;--footer-accent:#c8c0e6;--footer-fill:#ffffff08;--footer-fill-hover:#ffffff14;--footer-border:#ffffff26;--footer-border-hover:#ffffff47;--footer-primary-bg:#f4f3f8;--footer-primary-text:#0b0c12;--footer-primary-hover:#fff;--footer-glow:radial-gradient(closest-side,#2f9c8360,#c99a2a24 58%,transparent);--footer-focus:#fff;--footer-dot:#ffffff1c}.footer-feature{border:1px solid var(--footer-line);background:var(--footer-card);border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:420px;display:grid;position:relative}.footer-feature-art{z-index:2;pointer-events:none;place-items:center;width:50%;display:grid;position:absolute;top:-118px;bottom:70px;right:3%}.footer-feature-art .kb-scene{pointer-events:auto}.footer-feature:after{content:"";pointer-events:none;background-image:radial-gradient(var(--footer-dot) 1px,transparent 1.2px);background-size:14px 14px;border-radius:0 22px 22px 0;position:absolute;inset:0 0 0 46%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.footer-feature-body{z-index:1;flex-direction:column;align-items:flex-start;padding:44px 48px 46px;display:flex;position:relative}.footer-feature-count{border:1px solid var(--footer-line);color:var(--footer-muted);border-radius:999px;align-items:center;gap:9px;padding:6px 13px;font-size:13px;display:inline-flex}.footer-feature-count:before{content:"";background:var(--footer-accent);border-radius:50%;width:6px;height:6px}.footer-feature h2{letter-spacing:-.04em;margin-top:30px;font-size:clamp(38px,4.4vw,62px);font-weight:500;line-height:1.04}.footer-feature h2 em{letter-spacing:-.015em;color:var(--footer-accent);font-size:1.08em}.footer-feature p{max-width:42ch;color:var(--footer-muted);margin-top:20px;font-size:17px;line-height:1.7}.footer-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:32px;display:flex}.footer-pill{border:1px solid var(--footer-border);background:var(--footer-fill);min-height:44px;color:var(--footer-text);border-radius:12px;align-items:center;gap:10px;padding:0 17px;font-size:15px;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.footer-pill svg{flex:none;width:17px;height:17px}.footer-pill:hover{background:var(--footer-fill-hover);border-color:var(--footer-border-hover)}.footer-pill-primary{background:var(--footer-primary-bg);color:var(--footer-primary-text);border-color:#0000}.footer-pill-primary:hover{background:var(--footer-primary-hover);border-color:#0000}.footer-publisher{align-items:center;gap:28px;margin-top:64px;display:flex}.footer-brand{letter-spacing:-.04em;font-size:21px;font-weight:600;line-height:.96}.footer-brand span{color:var(--footer-accent)}.footer-publisher p{font-size:16px;font-weight:500}.footer-publisher p a{color:var(--footer-accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--footer-accent) 45%,transparent);text-decoration-color:color-mix(in srgb,var(--footer-accent) 45%,transparent);text-underline-offset:4px}.footer-publisher p a:hover{text-decoration-color:currentColor}.footer-top{color:var(--footer-muted);margin-left:auto;font-weight:400}.footer-top:hover{color:var(--footer-text)}.footer-top kbd{background:var(--footer-fill-hover);color:var(--footer-text);border-radius:6px;padding:2px 8px;font-family:inherit;font-size:13px}.footer-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:52px;display:grid}.footer-columns h3{font-size:15px;font-weight:500}.footer-columns ul{gap:2px;margin:16px 0 0;padding:0;list-style:none;display:grid}.footer-columns a{color:var(--footer-muted);align-items:center;gap:10px;padding-block:8px;font-size:15px;transition:color .2s;display:inline-flex}.footer-columns a:hover{color:var(--footer-text)}.footer-badge{border:1px solid color-mix(in srgb,var(--footer-accent) 35%,transparent);background:color-mix(in srgb,var(--footer-accent) 8%,transparent);color:var(--footer-accent);border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.5}.footer-legal{color:var(--footer-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:72px;font-size:13px;display:flex}.footer-legal a{text-underline-offset:3px;text-decoration:underline}@media (max-width:1000px){.footer-feature-body{padding:40px 36px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}@media (max-width:760px){.magazine-footer{margin-top:64px;padding-block:64px 32px}.footer-feature{border-radius:18px;grid-template-columns:1fr;min-height:0}.footer-feature-art{width:100%;height:240px;margin-top:-12px;position:relative;inset:auto}.footer-feature:after{border-radius:18px 18px 0 0;inset:0 0 55%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.footer-feature-body{padding:0 22px 26px}.footer-feature h2{margin-top:22px;font-size:clamp(34px,10vw,44px)}.footer-feature p{font-size:16px}.footer-actions{padding-top:26px}.footer-publisher{flex-wrap:wrap;gap:16px 22px;margin-top:44px}.footer-top{margin-left:0}.footer-columns{margin-top:40px}.footer-legal{flex-direction:column;gap:6px;margin-top:48px}}@media (max-width:400px){.footer-actions .footer-pill{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.footer-pill,.footer-columns a{transition:none}}