@font-face{font-family:'RHD';font-weight:300;font-display:swap;src:url('assets/fonts/red-hat-display-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'RHD';font-weight:400;font-display:swap;src:url('assets/fonts/red-hat-display-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'RHD';font-weight:500;font-display:swap;src:url('assets/fonts/red-hat-display-latin-500-normal.woff2') format('woff2')}
:root{--ink:#071B11;--beige:#E5DDBE;--rose:#CAA4A6;--beige-70:rgba(229,221,190,.72);--beige-20:rgba(229,221,190,.2);--gut:clamp(1.25rem,3.2vw,3.5rem)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--ink);color:var(--beige);font-family:'RHD',system-ui,sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;padding:var(--gut)}
a{color:inherit}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(3rem,10vh,6rem)}
.top a{text-decoration:none;font-size:.68rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--beige-70)}
.top a:hover{color:var(--beige)}
main{max-width:44rem}
h1{font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.05;margin-bottom:2.5rem}
h2{font-size:.72rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--beige-70);margin:2.6rem 0 .8rem}
p,li{color:var(--beige-70);font-size:1rem}
p+p{margin-top:.8rem}
ul{padding-left:1.1rem}
strong{font-weight:500;color:var(--beige)}
.ph{color:var(--rose)}
footer{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--beige-20);font-size:.68rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--beige-70)}