:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101c1e;color:#e8f0f6}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%}
body{min-height:100vh;min-height:100svh;position:relative}
header{position:absolute;top:clamp(44px,11vh,128px);left:0;width:100%;display:flex;justify-content:center;padding:0 24px}
.wordmark{display:block;width:min(555px,100%);height:auto;object-fit:contain}
main{display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:220px 24px}
h1{margin:0;font-size:clamp(34px,5vw,58px);font-weight:400;letter-spacing:.09em;line-height:1.2;text-align:center}
@media(max-height:440px){header{position:relative;top:auto;padding-top:28px}.wordmark{width:360px}main{min-height:200px;padding:48px 24px}}