*{box-sizing:border-box}
body{margin:0;background:#F6F0E4}
a{color:#1E2B24}
a:hover{text-decoration:underline}
a:focus-visible,video:focus-visible{outline:3px solid #1E2B24;outline-offset:3px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
section[id],div[id]{scroll-margin-top:16px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.typer{position:relative;display:inline-block;white-space:nowrap}
.typer-ghost{visibility:hidden}
.typer-live{position:absolute;left:0;top:0}
.typer-cursor{position:absolute;top:10%;height:80%;width:2px;background:#1E2B24;margin-left:2px;animation:blink 1s steps(1) infinite}
.typer.js .typer-live{white-space:pre}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.typer-cursor{display:none}}
@media (max-width:700px){
  .hero{gap:28px !important;padding-top:20px !important;padding-bottom:64px !important}
  .hero-photo{order:-1;flex:0 0 auto !important;width:100%;max-width:180px !important;margin:0 !important}
  .hero-photo img{aspect-ratio:1 / 1 !important;border-radius:28px !important}
  .about-card{padding:32px 24px !important;border-radius:32px !important}
  .contact-card{padding:48px 28px !important;border-radius:32px !important}
}