*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:#000;color:#FFFFFF;font-family:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{opacity:.65}
.wrap{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,5vw,64px) clamp(16px,5vw,64px)}
.logo{display:inline-block;line-height:0}
.logo img{height:clamp(24px,2.6vw,36px);width:auto}
.amp{color:#FFFFFF}
.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#A6A6A6}
main{padding:clamp(40px,6vh,80px) 0}
h1{margin:20px 0 0;font-weight:800;font-size:clamp(44px,8vw,112px);line-height:.92;letter-spacing:-.04em;max-width:13ch}
.lede{margin:28px 0 0;max-width:34em;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:#CCCCCC}
.mail{display:inline-block;margin-top:40px;font-weight:700;font-size:clamp(22px,3.5vw,40px);letter-spacing:-.02em;border-bottom:3px solid #FFFFFF;padding-bottom:6px;word-break:break-word}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
footer nav{display:flex;gap:24px}
footer a{padding:12px 0}
.legal{max-width:40em;line-height:1.6;color:#CCCCCC}
.legal h1{font-size:clamp(36px,6vw,64px)}
.legal h2{color:#FFFFFF;font-size:18px;margin-top:32px}
.hero{margin:0 0 clamp(32px,5vw,64px);line-height:0}
.hero img{display:block;width:100%;max-width:1400px;height:auto}
.tag{margin:16px 0 0;font-weight:700;font-size:clamp(26px,3.4vw,48px);line-height:1.05;letter-spacing:-.02em}
main{flex:1;display:flex;flex-direction:column;justify-content:center}
main .mail{align-self:flex-start}
main{align-items:center;text-align:center}
.hero img{margin:0 auto;max-width:min(100%,1200px)}
.hero{width:100%}
.lede{margin-left:auto;margin-right:auto}
main .mail{align-self:center}
.nw{white-space:nowrap}