@import url('https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,600;700&family=Source+Sans+3:wght@400;600;700&display=swap');
:root{--ink:#1c1410;--sand:#f6efe4;--rust:#9a3412;--line:#e4d5c2}
*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",sans-serif;background:var(--sand);color:var(--ink)}
a{color:var(--rust);text-decoration:none}
.top{display:flex;justify-content:space-between;padding:1.2rem 5vw;border-bottom:1px solid var(--line)}
.top strong{font-family:Literata,serif;font-size:1.45rem;color:var(--ink)}
.top a{margin-left:1rem;color:var(--ink);font-weight:700}
.hero{min-height:88vh;position:relative;overflow:hidden}
.bg{position:absolute;inset:0;background:linear-gradient(105deg,rgba(246,239,228,.94) 0 46%,rgba(246,239,228,.15)),url('assets/hero.svg') center/cover}
.copy{position:relative;z-index:2;padding:16vh 5vw 8vh;max-width:640px}
.copy h1{font-family:Literata,serif;font-size:clamp(2.5rem,6vw,4.3rem);margin:0 0 1rem}
.btn{display:inline-block;background:var(--ink);color:var(--sand);padding:.85rem 1.2rem;font-weight:700}
.sec{padding:4rem 5vw}.sec h2{font-family:Literata,serif;font-size:2.1rem}
.band{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0 5vw 4rem}
.band article{padding:1.2rem;background:#fff;border-top:2px solid var(--rust)}
.foot{padding:1.5rem 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.9rem}
@media(max-width:800px){.top nav{display:none}.band{grid-template-columns:1fr}}