*{box-sizing:border-box}body{margin:0 auto;max-width:70rem;padding:0 clamp(1.15rem,5vw,4rem);background:#f5eee2;color:#312823;font:1rem/1.7 system-ui,sans-serif}header,footer{border-block-end:1px solid #a9917a;padding-block:1rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}nav{display:flex;gap:1.25rem}.brand,h1,h2,h3{font-family:Georgia,serif;line-height:1.15}.brand{font-size:1.55rem;font-weight:bold;text-decoration:none}a{color:#753d2c;text-underline-offset:.22em}a:focus-visible{outline:2px solid #753d2c;outline-offset:4px}h1{font-size:clamp(2.4rem,7vw,4.7rem);margin:.15em 0 .35em;letter-spacing:-.035em}h2{font-size:1.9rem}h3{font-size:1.45rem;margin:.3em 0}.hero{display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:2rem;padding:clamp(2rem,9vw,6rem) 0 2rem}.hero svg{width:100%;max-width:19rem;background:#e8c9a8;border-radius:50% 50% 42% 42%;padding:.7rem}.label{font-size:.9rem;color:#684f3f;font-weight:600}.notes{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin:1rem 0 3rem}.notes h2{grid-column:1/-1}.notes div{border-block-start:1px solid #a9917a}article{max-width:39rem;margin:3rem 0 4rem}footer{border-block-start:1px solid #a9917a;border-block-end:0;color:#684f3f;font-size:.9rem}@media(max-width:38rem){.hero,.notes{grid-template-columns:1fr}.hero svg{max-width:12rem}.hero{gap:1rem}}