@font-face{font-family:Teko;src:url('assets/Teko-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{min-height:100%;background:#242223;color:#fcf2e8}
body{margin:0;min-height:100svh;font-family:Teko,'Arial Narrow',sans-serif;font-weight:300;text-align:center;isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:#242223 url('assets/background.png') left center/cover no-repeat;pointer-events:none}
main{width:min(100%,620px);margin-inline:auto;padding:clamp(28px,4vh,48px) max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}
.logos{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0 auto 28px}
.logo{display:block;object-fit:contain;max-width:100%;height:auto}
.logo-peaceratti{width:40px}
.logo-simpunk{width:180px}
.logo-nxtrce{width:110px}
.logo-toni{width:64px}
.copy{font-size:clamp(13px,2.85vw,15.5px);line-height:1.2}
h1{margin:0 0 22px;font-size:clamp(17px,3.75vw,21px);font-weight:300;line-height:1.1}
p{margin:0 0 18px}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;display:inline-block;min-height:44px;padding:5px 2px;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid white;outline-offset:5px;border-radius:2px}
.instagram a{margin-inline:7px}
@media(max-width:360px){main{padding-inline:18px}.copy{font-size:13px}.instagram a{display:block;width:fit-content;margin-inline:auto}}