@font-face{font-family:"Fraunces";src:url(fraunces-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fraunces-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--creme:#f6f1ea;--tinte:#1d1715;--tinte2:#5e534c;--rot:#a3203a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter","Segoe UI",system-ui,sans-serif;font-size:17px;line-height:1.7;color:var(--tinte);background:var(--creme)}
a{color:var(--rot)}
header{border-bottom:1px solid rgba(29,23,21,.1)}
header div{max-width:820px;margin:0 auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}
header a.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tinte);font-family:"Fraunces",Georgia,serif;font-size:1.3rem}
header img{height:38px}
main{max-width:820px;margin:0 auto;padding:70px 28px 110px}
h1{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;margin-bottom:40px}
h1 em{color:var(--rot)}
h2{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:1.6rem;margin:46px 0 12px}
p,li{color:var(--tinte2);margin-bottom:12px}
ul{padding-left:20px}
dl{display:grid;grid-template-columns:220px 1fr;gap:10px 24px;border-top:1px solid rgba(29,23,21,.12);padding-top:22px}
dt{font-weight:600;color:var(--tinte)}
dd{color:var(--tinte2)}
@media (max-width:640px){dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:12px}}
footer{text-align:center;padding:30px;color:var(--tinte2);font-size:.9rem;border-top:1px solid rgba(29,23,21,.1)}
