:root{--background:#fff;--text:#272b24;--brown:#9a5b3b;--green:#3f6b4f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--background);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.25rem;text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:.35rem}.page{min-height:100svh;padding:2rem clamp(1.25rem,5vw,5rem)}header{justify-content:space-between;align-items:center;display:flex}.name{color:var(--text);letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-style:italic;font-weight:600}.name span+span{margin-left:.08em}.animated-text{color:var(--brown)}main{flex-direction:column;justify-content:center;min-height:calc(100svh - 8rem);display:flex}h1,.intro{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,6vw,5rem);line-height:1.1}.intro{max-width:18ch;color:var(--green)}.animated-text{vertical-align:bottom;display:inline-block;overflow:hidden}.animated-text span{animation:.35s ease-out slide-in;display:inline-block}.screen-reader-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes slide-in{0%{opacity:0;transform:translate(1.25rem)}}.icon{fill:currentColor;width:1.4rem;height:1.4rem}.site-menu{position:relative}.site-menu summary{z-index:4;cursor:pointer;border:1px solid color-mix(in srgb, var(--text), transparent 75%);border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;list-style:none;display:grid;position:relative}.site-menu:not([open]) .menu-close,.site-menu[open] .menu-open{display:none}.site-menu summary::-webkit-details-marker{display:none}.site-menu nav{z-index:3;background:var(--background);border-left:1px solid color-mix(in srgb, var(--text), transparent 80%);align-content:start;width:min(20rem,25vw);height:100dvh;padding:6.5rem 1.5rem 1.5rem;animation:.18s ease-out menu-in;display:grid;position:fixed;top:0;right:0;box-shadow:-.75rem 0 2rem #00000014}.site-menu[open]:before{z-index:2;content:"";background:#00000052;position:fixed;inset:0}body:has(.site-menu[open]){overflow:hidden}.site-menu nav a{align-items:center;gap:.75rem;padding:.75rem;display:flex}@keyframes menu-in{0%{opacity:0;transform:translate(1.5rem)}}@media (max-width:600px){.site-menu nav{width:min(22rem,84vw)}h1,.intro{font-size:clamp(2.25rem,11vw,3.5rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animated-text span,.site-menu nav{animation:none}}