*{box-sizing:border-box;margin:0}html,body{min-height:100%}body{background:#fff;color:#000;font-family:"Archivo",system-ui,sans-serif;font-stretch:125%;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;-webkit-font-smoothing:antialiased}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(48px,9vh,96px);padding:12vh 7vw 6vh}
.wm{text-align:center;line-height:1;font-size:clamp(14px,4.7vw,44px);font-weight:inherit}.wm b{display:block;font-weight:800;font-size:1.3em;letter-spacing:.015em;white-space:nowrap}
.wm i{display:block;font-style:normal;font-stretch:112%;font-weight:500;font-size:.5em;letter-spacing:.74em;margin:.95em -.74em 0 0}
nav{width:100%;max-width:520px;border-top:1.5px solid #000}nav a{display:grid;grid-template-columns:3em 1fr auto;align-items:baseline;gap:8px;padding:22px 2px;border-bottom:1px solid rgba(0,0,0,.18);text-decoration:none;color:inherit;transition:padding .3s,background .3s}
nav a::after{content:"→";grid-column:3;grid-row:1/3;align-self:center;font-stretch:100%;font-size:20px;transition:translate .3s}nav a:hover::after,nav a:active::after{translate:6px 0}nav a:active{background:#f3f3f1}
nav small{font-size:11px;font-weight:500;letter-spacing:.2em;color:rgba(0,0,0,.5);grid-row:1/3}nav b{font-weight:800;font-size:21px;text-transform:uppercase;letter-spacing:.01em}nav span{grid-column:2;font-stretch:100%;font-size:13px;color:rgba(0,0,0,.55)}
footer{padding:24px 7vw calc(env(safe-area-inset-bottom) + 24px);text-align:center;font-stretch:100%;font-size:11px;color:rgba(0,0,0,.45)}footer a{color:inherit}