.site-header{position:relative;align-items:center;padding:50px 30px 0}
.site-header{border:0}
.site-header .brand{font-size:42px;letter-spacing:-3px}
.site-header p{font-family:var(--sans);font-size:32px;line-height:1.4;margin:0}
.menu-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:999px;background:transparent;color:inherit;padding:9px 15px;text-decoration:none;font:500 14px/1.2 var(--sans);cursor:pointer}
.hero{min-height:0;height:0;padding:0;margin:0}
.intro{display:none}
.intro .rule{display:none}
.works{padding-top:20px}
.works .work:first-child{margin-top:0;padding-top:20px}
.statement .contact-link{font-size:20px}
.statement .contact-details{font:16px/1.5 var(--mono);margin-top:22px}
.statement{padding-top:20px}
.statement{padding-bottom:20px}
@media(max-width:650px){.site-header{padding:24px 20px 0}.intro{display:none}}