.hero-panel{
  background:linear-gradient(to bottom, #fbf8f1, #f4ecdb);
  border:1px solid #d8c9a7;
  border-radius:14px;
  padding:2rem;
  margin:0 0 1.25rem;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
}

.eyebrow{
  margin:0 0 .5rem;
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--navy);
  opacity:.8;
}

.hero-actions{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1.25rem;
}

.notice{
  margin:1rem 0 1.5rem;
  padding:14px 16px;
  border-left:4px solid var(--gold);
  background:#fffaf0;
  border-radius:10px;
  border:1px solid #eadfbe;
}

.tiles.two-col{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.tile{
  background:#fff;
  border:1px solid #ddd;
  border-radius:14px;
  padding:1.25rem;
  height:100%;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
}

.tile h3{
  margin-top:0;
  margin-bottom:.5rem;
  color:var(--navy);
}

@media (max-width: 860px){
  .tiles.two-col{
    grid-template-columns:1fr;
  }

  .hero-panel{
    padding:1.25rem;
  }
}