/* Lead Dev lane: base and shared styles */
@view-transition { navigation: auto; }
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:6rem 1.5rem}
.hero h1{font-size:var(--display);letter-spacing:-.04em;line-height:1;margin:0;max-width:16ch}
.lead{font-size:1.25rem;max-width:65ch}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}