: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:calc(clamp(44px,11vh,128px) + 20px);left:0;width:100%;display:flex;justify-content:center;padding:0 24px}
.wordmark-wrap{position:relative;width:min(1110px,calc(100% - 44px))}
.wordmark{display:block;width:100%;height:auto;object-fit:contain}
.brand-alpha{position:absolute;left:98%;top:45%;transform:translateY(-50%);font:600 clamp(8px,1.1vw,12px)/1 Arial,sans-serif;letter-spacing:1px;color:#eacb83;white-space:nowrap}
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-wrap{width:min(360px,calc(100% - 44px))}main{min-height:200px;padding:48px 24px}}
@media(min-width:800px) and (min-height:441px) and (max-height:850px){main h1{transform:translateY(80px)}}