:root{--paper:#f4efe1;--paper-shade:#e8e0cb;--sheet:#fffdf6;--grid-line:#2f6db51a;--grid-line-major:#2f6db533;--ink:#1a1a1a;--blue-pen:#1c3f94;--red-pen:#c8312a;--highlight:#ffd64a99;--sticky-note:#fdf08a;--page-width:90%;--bar-padding:clamp(1rem, 3vw, 2rem);--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--font-hand:"Architects Daughter", "Segoe Print", cursive}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0;font-size:1.0625rem;line-height:1.6}#app{flex-direction:column;min-height:100dvh;display:flex}main{flex:1}body,.toolbar{background-color:var(--paper);background-image:linear-gradient(var(--grid-line-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-major) 1px, transparent 1px), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-attachment:fixed}.toolbar{z-index:10;width:var(--page-width);height:10vh;min-height:3.5rem;padding:0 var(--bar-padding);border:2px solid var(--ink);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem auto 0;display:flex;position:sticky;top:1rem}.toolbar:after{content:"";border-right:2px solid var(--blue-pen);border-bottom:2px solid var(--blue-pen);border-radius:inherit;pointer-events:none;position:absolute;inset:-2px;translate:5px 5px}.toolbar-name{font-family:var(--font-hand);color:var(--ink);white-space:nowrap;background:linear-gradient(#0000000d, transparent 22%), var(--sticky-note);border-bottom-right-radius:60% 10%;padding:.3em .75em .4em;font-size:clamp(1.5rem,5vh,2.5rem);line-height:1.1;text-decoration:none;transition:rotate .2s,translate .2s;display:inline-block;rotate:-3deg;box-shadow:0 1px 1px #00000014,3px 8px 10px -6px #00000059}.toolbar-name:hover{translate:0 -2px;rotate:-1deg}.toolbar-links{gap:clamp(.75rem,3vw,2rem);display:flex}.toolbar-links a{isolation:isolate;color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:0 .15em;font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.toolbar-links a:before{content:"";z-index:-1;background:var(--highlight);transform-origin:0;border-radius:.3em .6em .4em .7em/.5em .3em .6em .4em;transition:transform .35s ease-out;position:absolute;inset:.1em -.1em 0;transform:scaleX(0)}.toolbar-links a:hover,.toolbar-links a:focus-visible{color:var(--blue-pen);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.toolbar-links a:hover:before,.toolbar-links a:focus-visible:before{transform:scaleX(1)}.section{min-height:60vh;padding:2rem 5%;scroll-margin-top:calc(10vh + 2rem)}.section-heading{isolation:isolate;font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1.5rem;padding:.1em .35em;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;line-height:1.2;display:inline-block;position:relative}.section-heading:before{content:"";z-index:-1;background:var(--highlight);border-radius:.3em .6em .4em .7em/.5em .3em .6em .4em;position:absolute;inset:.05em -.1em 0;rotate:-1deg}.section,.contact-cta,.site-footer{color:var(--ink)}.contact-cta{text-align:center;padding:clamp(3rem,8vh,5rem) 5%;scroll-margin-top:calc(10vh + 2rem)}.contact-cta-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 1.25rem;font-size:clamp(3.5rem,12vw,7rem);font-weight:700;line-height:1}.contact-cta p{max-width:40rem;margin:0 auto 1.75rem;font-size:clamp(1.125rem,2.5vw,1.375rem)}.contact-button{font-size:1.25rem;font-family:var(--font-display);color:var(--sheet);background:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 0 var(--blue-pen);border-radius:.875rem;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:translate .15s,box-shadow .15s;display:inline-block}.contact-button:hover{box-shadow:7px 7px 0 0 var(--blue-pen);translate:-2px -2px}.site-footer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:2px solid var(--ink);background:#fffdf699;padding:2.5rem 0 1.5rem}.footer-main,.footer-bottom{width:var(--page-width);padding-inline:calc(var(--bar-padding) + 2px);justify-content:space-between;gap:3rem;margin:0 auto;display:flex}.footer-main{margin-bottom:2rem}.footer-name{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:block}.footer-brand p{max-width:20rem;margin:0 0 .5rem;font-size:1rem;line-height:1.6}.footer-columns{gap:3rem;display:flex}.footer-column{flex-direction:column;gap:.5rem;font-size:1rem;display:flex}.footer-column-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.site-footer a{color:var(--ink);text-decoration:none}.site-footer a:hover{color:var(--blue-pen);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.footer-bottom{font-family:var(--font-mono);border-top:1px dashed #1a1a1a4d;align-items:center;padding-top:1.25rem;font-size:.8125rem}@media (width<=768px){.footer-main,.footer-bottom{flex-direction:column}.footer-bottom{gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-button,.toolbar-name,.toolbar-links a:before{transition:none}}