:root{--ink:#203e35;--paper:#faf8f0;--line:#d7ddcf;--sage:#e9eee3}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #985021;outline-offset:4px}.skip{position:absolute;top:-6rem;background:white;padding:.65rem}.skip:focus{top:1rem}
.wrap{width:min(1100px,calc(100% - 3rem));margin:auto}.head,.foot{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding-block:1.2rem}.brand{font:700 1.2rem Georgia,serif;text-decoration:none}.brand small{display:block;letter-spacing:.24em;font:700 .65rem system-ui;margin-top:.2rem}nav{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem}nav a{font-size:.9rem;font-weight:650;text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:.4em}
.intro{background:var(--sage);border-block:1px solid var(--line)}.hero,.content{padding-block:clamp(2.7rem,7vw,5.4rem)}.hero:has(.art){display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.eyebrow,article small{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750}.lede{font-size:1.15rem;max-width:46ch}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:0 0 1rem}h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.045em}h1 em{color:#45654f}h2{font-size:clamp(1.85rem,3vw,2.8rem);letter-spacing:-.035em}h3{font-size:1.45rem;margin-top:.6rem}.art{border:10px solid #f7efdb;background:#e2dcc5;border-radius:50% 50% 1rem 1rem;overflow:hidden;box-shadow:0 12px 35px #203e3520}.art svg{display:block;width:100%}
.button{display:inline-block;background:#244c41;color:white;border-radius:2rem;padding:.74rem 1.25rem;text-decoration:none;font-weight:650;margin-top:.75rem}.button:hover{background:#15362c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}article{background:#fffdf7;border:1px solid var(--line);border-radius:1rem;padding:1.4rem}article p{margin-bottom:0}.content>p,.content>details{max-width:68ch}.content>p+h2,.content>article+h2,.cards+h2{margin-top:2.5rem}details{border-bottom:1px solid var(--line);padding:.9rem 0}summary{cursor:pointer;font-weight:650}details p{margin:.65rem 0 .1rem}.content>details+.button{margin-top:1.8rem}footer{border-top:1px solid var(--line)}.foot{align-items:start;font-size:.9rem}.foot p{margin:.2rem 0}
@media(max-width:730px){.hero:has(.art),.cards{grid-template-columns:1fr}.head{align-items:start;flex-direction:column}.art{max-width:450px}}@media(max-width:400px){.wrap{width:calc(100% - 2rem)}nav{gap:.4rem .8rem}}