/* Subtle hero glow (no image panels) */
.hero{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(420px 320px at 12% 55%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%),
    radial-gradient(520px 380px at 88% 45%, rgba(255,255,255,.45), rgba(255,255,255,0) 72%);
}


/* Hero */
.hero{ padding: var(--space-7) 0; }

.hero__art{
  border-radius: var(--radius);
  overflow:hidden;
  border: 1px solid rgba(26,26,26,.12);
  box-shadow: var(--shadow);
}

.hero__art img{
  width:100%;
  height:100%;
  object-fit:cover;

}

/* FAQ */
.faq details{
  border: 1px solid rgba(26,26,26,.12);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  background: rgba(255,255,255,.40);
}

.faq details + details{ margin-top: 12px; }

.faq summary{
  cursor:pointer;
  font-weight: 700;
}

.faq summary::-webkit-details-marker{ display:none; }

/* Footer */
.footer{
  padding: var(--space-6) 0;
  border-top: 1px solid rgba(26,26,26,.10);
  color: var(--muted);
  font-size: 14px;
}