/* First-read clarity: readable identity, quick project paths, and case context. */
.hero-base{--ink:transparent;--ink-dim:transparent;--ink-line:transparent;--btn-bg:transparent;--btn-fg:transparent}.hero-invert{--ink:#fff;--ink-dim:#d0d0d0}.hero-base .hero-btn:focus-visible{outline:3px solid #444ce7;outline-offset:5px}.reader-skip{position:fixed;left:18px;top:16px;z-index:2147483647;transform:translateY(-160%);background:#fff;color:#111;padding:12px 18px;border-radius:8px;font:600 13px Poppins,sans-serif;text-decoration:none}.reader-skip:focus{transform:none}.reader-identity{font:12px/1.7 Poppins,sans-serif;color:var(--ink-dim);margin-top:12px;letter-spacing:0}.reader-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 32px}.reader-path{display:flex;flex-direction:column;text-decoration:none;padding:24px;border:1px solid #ffffff24;border-radius:14px;background:#141414;min-width:0;transition:border-color .2s}.reader-path:hover,.reader-path:focus-visible{border-color:#ffffff80}.reader-path>span{font:10px/1.8 'JetBrains Mono',monospace;color:#b5b5b5;letter-spacing:.8px;text-transform:uppercase}.reader-path strong{font:500 20px/1.4 Poppins,sans-serif;color:#fff;margin:10px 0 14px;letter-spacing:-.3px}.reader-path p{font:13px/1.8 Poppins,sans-serif;color:#b7b7b7;margin:0}.reader-path small{font:12px/1.6 Poppins,sans-serif;color:#fff;margin-top:20px}.reader-case{margin:0 auto 20px;max-width:1500px;padding:0 8vw}.reader-case-inner{padding:28px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}.reader-case-title{font:10px/1.8 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#aaa;margin:0 0 20px}.reader-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0}.reader-facts div{min-width:0}.reader-facts dt{font:11px/1.7 'JetBrains Mono',monospace;color:#bbb;margin-bottom:10px}.reader-facts dd{font:13px/1.85 Poppins,sans-serif;color:#dedede;margin:0}.reader-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.reader-jumps button{font:12px/1.6 Poppins,sans-serif;color:#eee;border:1px solid #ffffff35;border-radius:999px;background:#ffffff05;padding:9px 16px;cursor:pointer}.reader-jumps button:hover{background:#ffffff12}.reader-jumps button:focus-visible{outline:2px solid #fff;outline-offset:4px}#work{scroll-margin-top:100px}
@media(max-width:900px){.reader-paths{grid-template-columns:1fr}.reader-path{padding:20px}.reader-path strong{font-size:19px}.reader-case{padding:0 24px}.reader-facts{gap:20px}.reader-facts dd{font-size:13px}}
@media(max-width:600px){.reader-case{padding-inline:22px}.reader-facts{grid-template-columns:1fr;gap:20px}.reader-facts dt{margin-bottom:6px}.reader-case-inner{padding:24px 0}.reader-identity{font-size:11px;max-width:260px}.reader-jumps button{font-size:11px}.reader-paths{gap:12px}.reader-path strong{margin:7px 0 10px}.reader-path small{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.reader-path{transition:none}.hero-invert,.hero-paint{display:none}.hero-base{--ink:#111;--ink-dim:#454545;--btn-bg:#111;--btn-fg:#fff}}