:root{
  --accent:      #F2B705;
  --accent-dark: #C99500;
}

.landing-hero{
  background:var(--asphalt);
  color:var(--white);
  text-align:center;
  padding:90px 0 60px;
}
.landing-hero img{ margin:0 auto 28px; width:120px; }
.landing-hero h1{ color:var(--white); max-width:20ch; margin:0 auto .3em; }
.landing-hero .lead{ color:var(--concrete-light); margin:0 auto; }

.choice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
@media (max-width:760px){ .choice-grid{ grid-template-columns:1fr; } }

.choice-panel{
  position:relative;
  background:var(--asphalt-soft);
  color:var(--white);
  padding:64px 40px;
  min-height:380px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border-top:6px solid var(--panel-accent, #fff);
  transition:background .2s ease;
}
.choice-panel:hover{ background:var(--asphalt); }
.choice-panel .eyebrow{ color:var(--panel-accent); }
.choice-panel .eyebrow::before{ background:var(--panel-accent); }
.choice-panel h2{ color:var(--white); font-size:clamp(2rem,4vw,2.8rem); }
.choice-panel p{ color:var(--concrete-light); max-width:44ch; }
.choice-panel .go{
  margin-top:22px;
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--label); font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; font-size:1rem; color:var(--panel-accent);
}
.choice-panel .go::after{ content:"\2192"; transition:transform .2s ease; }
.choice-panel:hover .go::after{ transform:translateX(6px); }

/* subtle motif per panel, echoes each subsite's own signature */
.motif-stripe{
  position:absolute; left:-10%; right:-10%; top:26%; height:5px;
  background:repeating-linear-gradient(90deg, var(--panel-accent) 0 36px, transparent 36px 64px);
  opacity:.35; transform:rotate(-2deg);
}
.motif-ticks{ position:absolute; left:40px; top:40px; display:flex; gap:8px; }
.motif-ticks span{ width:5px; height:26px; display:block; }

.landing-footer{
  background:var(--asphalt); color:var(--concrete);
  text-align:center; padding:26px 0;
  font-family:var(--mono); font-size:12px;
  border-top:1px solid var(--charcoal);
}
.landing-footer a{ color:var(--concrete-light); }
.landing-footer a:hover{ color:var(--accent); }