/* Halloween paper lanterns - scoped to .hw-lanterns only.
   User correction 04.10.2026: the section now uses the seasonal Halloween
   palette from halloween.css (cream paper, warm light, plum ink, orange
   accent) with a soft warm gradient, gentle depth and the shared focus ring.
   The portal navy/turquoise palette stays in force everywhere else. */
.hw-lanterns{
  background:linear-gradient(180deg,var(--hw-cream) 0%,var(--hw-cream) 8%,var(--hw-cream-deep) 58%,var(--hw-cream) 100%);
  color:var(--hw-plum-ink);
  padding:44px 0 8px;
}
.hw-lanterns .wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.hw-lanterns-head{max-width:720px}
.hw-lanterns h2{margin:0 0 .35em;color:var(--hw-plum-ink)}
.hw-lanterns-lead{margin:0 0 1em;color:var(--hw-plum-700)}
.hw-lanterns-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-lanterns-download:hover,.hw-lanterns-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-lanterns-meta{margin:.75em 0 0;color:var(--hw-plum-700);font-size:.95rem;overflow-wrap:anywhere;max-width:100%}
.hw-lanterns-grid{
  list-style:none;margin:26px 0 0;padding:0;display:grid;gap:20px;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.hw-lanterns-card{min-width:0}
.hw-lanterns-thumb{
  display:block;min-width:44px;min-height:44px;padding:8px;
  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-lanterns-thumb:hover,.hw-lanterns-thumb:focus-visible{
  border-color:var(--hw-orange);
  box-shadow:0 16px 30px rgb(42 17 64 / 22%);
  transform:translateY(-4px);
}
.hw-lanterns-thumb img{
  display:block;width:100%;height:auto;aspect-ratio:600/385;
  object-fit:contain;background:#fff;border-radius:10px;
}
.hw-lanterns-name{margin:10px 0 2px;font-weight:700;color:var(--hw-plum-ink);overflow-wrap:anywhere}
.hw-lanterns-help{margin:26px 0 0;max-width:720px;color:var(--hw-plum-700);overflow-wrap:anywhere}
@media (max-width:1119px){
  .hw-lanterns-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:620px){
  .hw-lanterns-grid{grid-template-columns:1fr}
  .hw-lanterns{padding-top:32px}
}
@media (prefers-reduced-motion: reduce){
  .hw-lanterns-download,.hw-lanterns-thumb{transition:none}
  .hw-lanterns-download:hover,.hw-lanterns-download:focus-visible,
  .hw-lanterns-thumb:hover,.hw-lanterns-thumb:focus-visible{transform:none}
}