:root{color-scheme:light;--paper:#f3f0e8;--ink:#252d25;--muted:#62665b;--accent:#c5d18c;--rule:#d8d9c9}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.masthead{padding:clamp(26px,4vw,62px) clamp(24px,6vw,100px) 0}
.wordmark{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4vw,64px);font-weight:700;letter-spacing:-.085em;line-height:1}
.wordmark span{color:var(--muted)}
main{min-height:calc(100svh - 126px);padding:clamp(74px,11vh,140px) clamp(24px,6vw,100px) 40px;display:flex;flex-direction:column;justify-content:space-between;gap:72px}
.intro{max-width:1200px}
h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,7.8vw,118px);font-weight:400;line-height:1.03;letter-spacing:-.065em;text-wrap:balance}
h1 em{font-weight:400;white-space:nowrap}
p{max-width:530px;margin:34px 0 30px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;letter-spacing:-.025em;color:var(--muted);text-wrap:pretty}
.contact{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:58px;padding:0 24px;background:var(--accent);border:1px solid transparent;border-radius:3px;color:var(--ink);font-size:16px;font-weight:600;letter-spacing:-.02em;text-decoration:none;transition:background .2s,transform .2s}
.contact span{font-size:24px;font-weight:400;transition:transform .2s}
.contact:hover{background:#b9c77a;transform:translateY(-2px)}
.contact:hover span{transform:translate(2px,-2px)}
.contact:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.line{height:1px;width:100%;background:var(--rule)}
@media(max-width:600px){.masthead{padding-top:30px}main{min-height:calc(100svh - 72px);padding-top:90px;padding-bottom:28px;gap:64px}h1{font-size:clamp(44px,10vw,60px);line-height:1.09}h1 em{display:block;white-space:nowrap}p{margin-top:28px;max-width:340px;font-size:18px}.contact{min-height:58px;padding-inline:22px;font-size:15px}}
@media(prefers-reduced-motion:no-preference){.wordmark{animation:appear .55s both}.intro{animation:enter .7s .1s both}.line{animation:appear .8s .3s both}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}