html{color-scheme:light dark;scroll-behavior:smooth}body{margin:0;background:light-dark(#faf9f6,#191c1a)}

#gabu-mock{--paper:light-dark(#faf9f6,#191c1a);--ink:light-dark(#263c33,#e3e9e3);--sub:light-dark(#69766e,#aab8af);--line:light-dark(#dedfd7,#39413b);--soft:light-dark(#edf0e8,#252e27);background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,sans-serif;padding:30px 7% 24px;border-radius:12px}#gabu-mock *{box-sizing:border-box}#gabu-mock header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:23px}#gabu-mock .brand{font-size:23px;font-weight:650;letter-spacing:-1px}#gabu-mock .brand span{color:var(--sub);font-weight:400}#gabu-mock nav{display:flex;gap:22px}#gabu-mock a{color:inherit;text-decoration:none}#gabu-mock a:hover{text-decoration:underline}#gabu-mock .hero{padding:65px 0 52px;max-width:560px}#gabu-mock .eyebrow{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--sub);margin:0 0 18px}#gabu-mock h1{font-size:clamp(34px,6vw,52px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin:0 0 22px}#gabu-mock .intro{color:var(--sub);max-width:450px;margin:0 0 25px;font-size:16px}#gabu-mock .contact{display:inline-block;background:var(--ink);color:var(--paper);padding:10px 19px;border-radius:6px;font-size:14px}#gabu-mock .section-title{font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0 0 17px}#gabu-mock .projects{display:grid;grid-template-columns:1fr 1fr;gap:15px}#gabu-mock article{background:var(--soft);padding:23px;border-radius:8px}#gabu-mock .tag{font-size:11px;color:var(--sub);letter-spacing:.7px;text-transform:uppercase}#gabu-mock h3{font-size:19px;font-weight:500;margin:15px 0 8px;letter-spacing:-.4px}#gabu-mock article p{color:var(--sub);font-size:14px;margin:0 0 17px}#gabu-mock details{font-size:13px}#gabu-mock summary{padding:4px 0;cursor:pointer}#gabu-mock details p{padding-top:10px;font-size:13px;margin-bottom:0}#gabu-mock footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:38px;padding-top:20px;font-size:12px;color:var(--sub)}@media(max-width:480px){#gabu-mock{padding:22px}#gabu-mock .projects{grid-template-columns:1fr}#gabu-mock .hero{padding:44px 0 36px}#gabu-mock nav{gap:15px;font-size:13px}}

#gabu-mock{max-width:960px;margin:auto;min-height:100vh;border-radius:0}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}summary{min-height:44px}nav a{padding:10px 0} .skip{position:absolute;left:-9999px}.skip:focus{position:static;display:block;padding:12px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}