*{box-sizing:border-box}
body{margin:0;background:#FAF9F6;color:#1D2527;font-family:'Jost',system-ui,sans-serif;line-height:1.7}
a{color:#2F4E50}
.top{background:#1E3335;color:#EDF1EF;text-align:center;padding:12px 16px;font:300 12px 'Oswald',sans-serif;letter-spacing:.2em;text-transform:uppercase}
header{max-width:1200px;margin:0 auto;padding:22px clamp(20px,5vw,40px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #CBD6D3}
.brand{display:inline-flex;align-items:baseline;gap:12px;border-top:1px solid #1D2527;border-bottom:1px solid #1D2527;padding:6px 4px;color:#1D2527;text-decoration:none;white-space:nowrap}
.brand .s{font-family:'Pinyon Script',cursive;font-size:32px}
.brand .c{font-family:'Oswald',sans-serif;font-size:19px;letter-spacing:.34em}
nav{display:flex;gap:26px;align-items:center;font:400 13px 'Oswald',sans-serif;letter-spacing:.18em;text-transform:uppercase}
nav a{color:#1D2527;text-decoration:none;white-space:nowrap}
.btn{background:#2F4E50;color:#FAF9F6!important;padding:13px 24px;border-radius:2px;text-align:center}
main{max-width:820px;margin:0 auto;padding:60px clamp(20px,5vw,40px) 80px}
h1{font:400 clamp(30px,5vw,44px) 'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;line-height:1.2}
.maj{color:#56605F;font-style:italic;margin:0 0 40px}
h2{font:400 20px 'Oswald',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#2F4E50;margin:44px 0 12px;padding-top:18px;border-top:1px solid #CBD6D3}
p,li{font-size:16.5px;color:#3C4647}
ul{padding-left:20px}
.todo{background:#F4E6C8;color:#6B4E16;padding:0 4px;border-radius:2px;font-weight:500}
.box{background:#EDF1EF;padding:18px 22px;margin:16px 0}
.box p{margin:4px 0}
footer{background:#1E3335;color:#C3D1CF;padding:40px 20px;text-align:center;font-size:14.5px}
footer p{margin:6px 0;color:#C3D1CF}
footer a{color:#FAF9F6}
footer strong{color:#FAF9F6}
.evin{font-style:italic;color:#A8BAB8!important;font-size:13px}
.credit{margin-top:14px!important;font-size:13px;color:#A8BAB8!important}
@media (max-width:760px){
 header{flex-direction:column}
 nav{flex-wrap:wrap;justify-content:center;gap:12px 20px}
 nav .btn{width:100%}
}