.updates { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.8fr); gap:clamp(45px,10vw,180px); padding:clamp(90px,12vw,180px) clamp(22px,8vw,150px); background:#11171b; border-bottom:1px solid var(--line); }.updates h2 { margin:22px 0 28px; }.updates > div > p:last-child { max-width:480px; color:var(--muted); font-size:1.08rem; }.updates form { align-self:end; }.updates form > label { display:block; margin-bottom:9px; color:#aeb9bd; font:.68rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }.signup-row { display:flex; border-bottom:1px solid #778185; }.signup-row input { min-width:0; flex:1; padding:15px 0; border:0; outline:0; color:var(--text); background:transparent; font:1.1rem "Space Grotesk",sans-serif; }.signup-row input::placeholder { color:#667177; }.signup-row button { flex:0 0 auto; padding:12px 16px; border:1px solid var(--yellow); color:#17130a; background:var(--yellow); cursor:pointer; font:700 .85rem "Space Grotesk",sans-serif; }.signup-row button:hover { background:#ffd05d; }.signup-row button span { margin-left:6px; }.signup-note { margin-top:12px; color:#7d898f; font-size:.78rem; }.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width:760px) { .updates { grid-template-columns:1fr; gap:37px; padding:72px 22px; }.updates > div > p:last-child { font-size:1rem; }.signup-row button { padding-inline:14px; } }