/* Halloween headbands - scoped to .hw-headbands only.
   Same seasonal Halloween surface as the lanterns section: cream paper with a
   soft warm gradient, plum ink, warm frames, gentle depth and the shared focus
   ring. The portal navy/turquoise palette stays in force everywhere else. */
.hw-headbands{
  background:linear-gradient(180deg,var(--hw-cream) 0%,var(--hw-cream) 10%,var(--hw-cream-deep) 60%,var(--hw-cream) 100%);
  color:var(--hw-plum-ink);
  padding:36px 0 44px;
}
.hw-headbands .wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.hw-headbands-head{max-width:720px}
.hw-headbands h2{margin:0 0 .35em;color:var(--hw-plum-ink)}
.hw-headbands-lead{margin:0 0 1em;color:var(--hw-plum-700)}
.hw-headbands-download{
  display:inline-block;min-height:44px;line-height:1.4;padding:11px 18px;
  border:2px solid var(--hw-plum-800);border-radius:999px;
  background:linear-gradient(180deg,var(--hw-plum-700) 0%,var(--hw-plum-800) 100%);
  color:var(--hw-cream);
  font-weight:700;text-decoration:none;overflow-wrap:anywhere;max-width:100%;
  box-shadow:0 10px 22px rgb(42 17 64 / 26%);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.hw-headbands-download:hover,.hw-headbands-download:focus-visible{
  background:linear-gradient(180deg,var(--hw-plum-600) 0%,var(--hw-plum-700) 100%);
  border-color:var(--hw-plum-700);
  box-shadow:0 14px 26px rgb(42 17 64 / 32%);
  transform:translateY(-2px);
}
.hw-headbands-meta{margin:.75em 0 0;color:var(--hw-plum-700);font-size:.95rem;overflow-wrap:anywhere;max-width:100%}
.hw-headbands-grid{
  list-style:none;margin:26px 0 0;padding:0;display:grid;gap:22px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.hw-headbands-card{min-width:0;text-align:center}
.hw-headbands-thumb{
  display:block;box-sizing:border-box;height:280px;aspect-ratio:3 / 2;
  max-width:100%;margin-inline:auto;padding:10px;
  border:2px solid var(--hw-line);border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,var(--hw-cream-deep) 100%);
  box-shadow:0 10px 20px rgb(42 17 64 / 14%);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hw-headbands-card--tall .hw-headbands-thumb{aspect-ratio:2 / 3}
.hw-headbands-thumb:hover,.hw-headbands-thumb:focus-visible{
  border-color:var(--hw-orange);
  box-shadow:0 16px 30px rgb(42 17 64 / 22%);
  transform:translateY(-4px);
}
.hw-headbands-thumb img{
  display:block;width:100%;height:100%;object-fit:contain;
  background:#fff;border-radius:10px;
}
.hw-headbands-name{margin:10px 0 0;font-weight:700;color:var(--hw-plum-ink);overflow-wrap:anywhere}
.hw-headbands-help{margin:26px 0 0;max-width:720px;color:var(--hw-plum-700);overflow-wrap:anywhere}
@media (max-width:620px){
  .hw-headbands-grid{grid-template-columns:1fr}
  .hw-headbands{padding-top:28px}
}
@media (prefers-reduced-motion: reduce){
  .hw-headbands-download,.hw-headbands-thumb{transition:none}
  .hw-headbands-download:hover,.hw-headbands-download:focus-visible,
  .hw-headbands-thumb:hover,.hw-headbands-thumb:focus-visible{transform:none}
}