@font-face{font-family:Artifakt;src:url('font/Artifakt Element Light.ttf') format('truetype');font-weight:300;font-display:block}
:root{--ink:#373532;--paper:#d8d4cc}
*{box-sizing:border-box}
html,body{min-height:100%}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Artifakt,Arial,sans-serif;font-weight:300;letter-spacing:.075em}
main{min-height:100vh;padding:clamp(70px,12vh,150px) clamp(28px,11vw,180px)}
article{width:min(620px,100%);margin:0 auto}
h1{margin:0;font:300 clamp(11px,1vw,14px)/1.4 Artifakt,Arial,sans-serif;letter-spacing:.22em}
.text{margin-top:clamp(105px,19vh,210px)}
p{margin:0 0 2.1em;font-size:clamp(16px,1.35vw,20px);line-height:1.85}
@media(max-width:600px){main{padding-top:70px}.text{margin-top:115px}p{line-height:1.75}}