:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#0b0b0b;background:#f8f7f3;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
.submission-page{min-height:100vh;min-height:100svh;max-width:1800px;margin:0 auto;padding:44px 4.55vw 18px 3.85vw;display:flex;flex-direction:column}
.masthead{display:flex;justify-content:space-between;align-items:flex-start;min-height:40px}
.wordmark{font-size:14px;letter-spacing:.4em;line-height:1.5}
.motto{font-size:10px;letter-spacing:.36em;line-height:2.1;text-align:right}
.wordmark::after,.motto::after{content:"";display:block;width:26px;height:1px;background:#92928d;margin-top:13px}
.motto::after{margin-left:auto}
h1{font-size:inherit;line-height:0;white-space:nowrap;margin:49px -20px 47px -8px;color:#000}
.headline{display:block;width:100%;height:auto;overflow:visible}
.headline text{fill:currentColor;font-family:inherit;font-size:250px;font-weight:700;letter-spacing:-8px}
.headline-brackets{fill:none;stroke:currentColor;stroke-width:14;stroke-linejoin:miter}

.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);column-gap:9.5%;align-items:start}
.description{font-size:17px;line-height:1.55;letter-spacing:.17em;max-width:460px}
.description p{margin:0 0 22px}
.description p:last-child{margin-bottom:0}
form{min-width:0;position:relative}
label{display:block;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.32em}
input,textarea{display:block;width:100%;border-radius:0;background:transparent;color:inherit;font:400 16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;box-shadow:none;-webkit-appearance:none;appearance:none}
input{height:25px;border:0;border-bottom:1px solid #83837f;padding:0 0 3px;margin-top:1px}
.message-field{margin-top:43px}
textarea{height:121px;min-height:121px;border:1px solid #aaa9a4;margin-top:10px;padding:10px;resize:vertical}
.send{display:inline-flex;align-items:center;gap:30px;min-height:48px;margin-top:15px;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;font:400 18px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.34em}
.send svg{width:32px;height:20px;stroke:currentColor;stroke-width:1;flex:none}
#status{position:absolute;top:100%;left:0;right:0;margin:6px 0 0;font-size:11px;line-height:1.5;letter-spacing:.08em}
#status:empty{display:none}
.no-script{font-size:11px;line-height:1.5}
.footer{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:auto;padding-top:28px;min-height:88px}
.listen{display:flex;align-items:center;gap:25px;width:49%;min-height:58px}
.antenna{width:54px;height:60px;flex:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.listen>span:not(.listen-rule){font-size:10px;letter-spacing:.32em;white-space:nowrap;line-height:1.5}
.listen-rule{height:1px;background:#aaa9a4;flex:1;min-width:20px}
.site-link{display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.32em;min-height:44px;white-space:nowrap}
.site-link span{width:56px;height:1px;background:#aaa9a4}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid currentColor;outline-offset:5px}

@media(max-width:700px){
 .submission-page{padding:20px 6.2vw 12px;min-height:100svh}
 .masthead{min-height:44px}
 .wordmark{font-size:11px;letter-spacing:.35em;line-height:1.6}
 .motto{font-size:10px;line-height:1.5;letter-spacing:.3em;max-width:135px}
 .wordmark::after,.motto::after{width:26px;margin-top:13px}
 h1{margin:50px -8px 44px}
 .headline text{font-weight:400;letter-spacing:-5px}

 .layout{display:block}
 .description{font-size:15.5px;line-height:1.5;letter-spacing:.17em;max-width:none}
 .description p{margin-bottom:18px}
 form{margin-top:44px}
 label{font-size:10px;letter-spacing:.32em}
 input{height:20px;margin-top:1px}
 .message-field{margin-top:31px}
 textarea{height:118px;min-height:118px;margin-top:8px}
 .send{font-size:15px;gap:25px;letter-spacing:.34em;margin-top:11px;min-height:44px}
 .send svg{width:29px;height:18px}
 .footer{flex-direction:column;align-items:stretch;gap:8px;padding-top:40px;min-height:0}
 .listen{width:100%;gap:16px;min-height:55px}
 .antenna{width:54px;height:55px}
 .listen>span:not(.listen-rule){font-size:8px;letter-spacing:.23em}
 .listen-rule{min-width:20px}
 .site-link{justify-content:flex-end;min-height:28px;gap:22px;font-size:9px;letter-spacing:.3em;padding-right:0}
 .site-link span{width:58px}
}
@media(max-width:350px){.description{font-size:12px}.listen{gap:15px}.listen>span:not(.listen-rule){font-size:7px;letter-spacing:.2em}.antenna{width:46px}.footer{padding-top:30px}}

.form-trap{display:none}
.send:disabled{cursor:default}
#status{position:static;margin:8px 0 0}
.send[aria-busy="true"]{cursor:wait}
