/* Reference-inspired update card; signup remains deliberately unavailable. */
.updates-section {
  --card-ink:#e8eddd;
  --card-muted:#bac7aa;
  --card-ground:#293b28;
  --card-edge:#090f09;
  --card-field:#e1e6d1;
  --card-field-ink:#2d3e2b;
  padding:85px clamp(24px,5.2vw,88px) 92px;
  background:#131b13;
  color:var(--card-ink);
}
.updates-section.updates-tan {
  --card-ink:#283024;
  --card-muted:#526048;
  --card-ground:#d1bf94;
  --card-edge:#30372a;
  --card-field:#eee6d1;
  --card-field-ink:#4d5942;
  background:#e2d6ba;
}
.updates-section .updates-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,440px);
  align-items:center;
  gap:clamp(45px,9vw,140px);
  max-width:1210px;
  margin:0 auto;
  padding:0;
}
.updates-kicker { margin:0 0 28px; font:11px/1.5 "Courier New",Courier,monospace; text-transform:uppercase; letter-spacing:.13em; }
.updates-section .updates-intro h2 { margin:0; font:500 clamp(62px,7.2vw,104px)/.96 Arial,Helvetica,sans-serif; letter-spacing:-.065em; text-transform:none; }
.updates-section .updates-intro>p:not(.updates-kicker) { color:var(--card-muted); margin:26px 0 0; font:15px/1.7 Arial,Helvetica,sans-serif; }
.updates-cross { display:block; width:fit-content; margin-top:34px; font:48px/1 Arial,Helvetica,sans-serif; }
.updates-card {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  min-height:430px;
  margin:0;
  padding:33px 30px 29px;
  border:2px solid var(--card-edge);
  border-radius:5px;
  background:var(--card-ground);
  box-shadow:7px 7px 0 var(--card-edge);
  font-family:Arial,Helvetica,sans-serif;
}
.updates-card-heading h3 { margin:0; font-size:29px; line-height:1.1; font-weight:750; letter-spacing:-.045em; }
.updates-card-heading>p { margin:9px 0 0; font-size:14px; line-height:1.6; color:var(--card-muted); }
.updates-card fieldset { min-width:0; margin:32px 0 0; padding:0; border:0; }
.updates-card label { display:block; margin:0 0 9px; font-size:12px; font-weight:600; }
.updates-card input {
  display:block;
  width:100%;
  min-width:0;
  min-height:51px;
  padding:13px 14px;
  border:2px solid var(--card-edge);
  border-radius:4px;
  background:var(--card-field);
  color:var(--card-field-ink);
  -webkit-text-fill-color:var(--card-field-ink);
  box-shadow:4px 4px 0 var(--card-edge);
  font:600 14px/1.4 Arial,Helvetica,sans-serif;
  opacity:1;
  cursor:not-allowed;
}
.updates-card input::placeholder { color:var(--card-field-ink); opacity:.9; }
.updates-card-note { display:flex; align-items:center; gap:14px; margin-top:27px; }
.updates-mail { display:grid; place-items:center; flex:none; width:43px; height:43px; border:2px solid var(--card-edge); border-radius:50%; background:var(--card-field); color:var(--card-field-ink); box-shadow:3px 3px 0 var(--card-edge); }
.updates-mail svg { width:24px; height:24px; }
.updates-card-note p { font-size:11px; line-height:1.8; font-weight:600; }
.updates-card-note p>span { color:var(--card-muted); font-weight:400; }
.updates-card .signup-status { display:flex; align-items:center; gap:8px; margin:28px 0 16px; color:var(--card-ink); font:11px/1.6 "Courier New",Courier,monospace; letter-spacing:0; }
.updates-card .signup-status>span { display:block; width:6px; height:6px; border-radius:50%; background:currentColor; }
.updates-submit { align-self:flex-end; display:flex; align-items:center; justify-content:space-between; gap:35px; min-height:46px; margin-top:auto; padding:11px 17px; border:2px solid var(--card-edge); border-radius:4px; background:var(--card-field); color:var(--card-field-ink); box-shadow:4px 4px 0 var(--card-edge); font:700 13px/1.4 Arial,Helvetica,sans-serif; opacity:1; cursor:not-allowed; }
.updates-submit>span { font-size:21px; font-weight:400; line-height:1; }
@media(max-width:800px) {
  .updates-section { padding-block:60px 69px; }
  .updates-section .updates-inner { gap:45px; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); }
  .updates-section .updates-intro h2 { font-size:66px; }
  .updates-card { padding:28px 24px 25px; }
}
@media(max-width:600px) {
  .updates-section .updates-inner { grid-template-columns:1fr; gap:33px; }
  .updates-section .updates-intro h2 { font-size:62px; }
  .updates-intro h2 br { display:none; }
  .updates-kicker { margin-bottom:19px; font-size:10px; }
  .updates-section .updates-intro>p:not(.updates-kicker) { margin-top:20px; font-size:14px; }
  .updates-section .updates-intro>p br { display:none; }
  .updates-cross { display:none; }
  .updates-card { max-width:440px; min-height:410px; }
}