*{box-sizing:border-box}body{margin:0;}header{position:absolute;z-index:10;top:36px;left:58px;right:58px;display:flex;justify-content:space-between;font:15px Arial}header b{font-size:19px;letter-spacing:-.6px}footer{position:absolute;bottom:28px;left:58px;right:58px;display:flex;justify-content:space-between;font:11px Arial;letter-spacing:.06em}main{position:relative;width:100%;min-height:760px;height:100svh;overflow:hidden}h1,p{margin:0}svg{position:absolute}body{background:#0c1721;color:#ecebdc}.copy{position:absolute;left:0;right:0;top:22%;text-align:center;z-index:3}h1{font:normal 72px/1.06 Georgia;letter-spacing:-3px}p{font:10px Arial;text-transform:uppercase;letter-spacing:.3em;margin-bottom:24px;color:#b5bfbd}svg{width:100%;height:70%;bottom:0}footer{color:#b2bfc1}
html{color-scheme:dark;background:#0c1721}body{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ecebdc;outline-offset:8px}header a{display:inline-block;padding:8px 0}header{top:28px}h1{margin:0}.copy{padding:0 24px}footer{gap:20px} .copy p{line-height:1.6}
@media(max-width:600px){header{top:20px;left:27px;right:27px}header b{font-size:18px}main{min-height:720px}.copy{top:21%;padding:0 18px}h1{font-size:clamp(39px,10.3vw,58px);line-height:1.1;letter-spacing:-1.8px}.copy p{font-size:9px;letter-spacing:.23em;margin-bottom:25px}svg{width:180%;left:-40%;height:59%}footer{bottom:23px;left:27px;right:27px;font-size:10px;letter-spacing:0}}
@media(min-width:1600px){h1{font-size:88px}main{min-height:900px}}