/* Halloween 2026 links to the lookbook (esnails-lookbook.vercel.app via /lookbook). Remove after Oct 31. */
.hw-nav{display:inline-flex;align-items:center;gap:6px;background:#1b0f24;color:#ffb066!important;border:1.5px solid #ff7a1a;border-radius:999px;padding:7px 14px;font-weight:700;box-shadow:0 0 18px rgba(255,122,26,.28)}
.hw-nav:hover{background:#ff7a1a;color:#1a0b02!important}
.welcome-bar .hw-announce{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600}
.welcome-bar .hw-announce b{color:#ffb066}
.welcome-bar .hw-announce .hw-go{background:#ff7a1a;color:#1a0b02;border-radius:999px;padding:2px 10px;font-weight:800}
.hw-hero-card{margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#1b0f24 0%,#2b1230 60%,#3d1708 100%);color:#fff;border-radius:22px;padding:16px 20px;box-shadow:0 18px 40px rgba(43,18,48,.25),0 0 0 2px rgba(255,122,26,.55) inset;max-width:560px}
.hw-hero-card .hw-pumpkin{font-size:38px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,122,26,.6))}
.hw-hero-card strong{display:block;font-family:var(--serif);font-size:24px;letter-spacing:-.02em;line-height:1.15}
.hw-hero-card strong em{font-style:normal;color:#ff7a1a}
.hw-hero-card small{display:block;color:#e5d6e6;font-size:13px;margin-top:4px}
.hw-hero-card .hw-cta{background:#ff7a1a;color:#1a0b02;border-radius:999px;padding:10px 16px;font-weight:800;font-size:13px;white-space:nowrap}
.hw-hero-card:hover .hw-cta{background:#ffb066}
.hw-band{margin-top:40px;background:radial-gradient(ellipse 70% 90% at 80% 20%,#3d1708 0%,#1b0f24 55%,#110a17 100%);color:#fff;border-radius:32px;padding:42px;display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;overflow:hidden}
.hw-band .section-kicker{color:#ffb066}
.hw-band h2{color:#fff}
.hw-band h2 em{font-style:italic;color:#ff7a1a}
.hw-band p{color:#e5d6e6;margin-top:14px;max-width:46ch}
.hw-band .hw-offers{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hw-band .hw-offers span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(255,122,26,.55);border-radius:999px;padding:6px 12px;color:#fff}
.hw-band .hw-offers span.end{background:#c81d1d;border-color:#c81d1d}
.hw-band .button{margin-top:24px;background:#ff7a1a;color:#1a0b02;border-color:#ff7a1a}
.hw-band .button:hover{background:#ffb066;border-color:#ffb066}
.hw-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hw-thumbs img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:3px solid #ff7a1a}
.hw-thumbs img:nth-child(odd){transform:rotate(-3deg) translateY(6px)}
.hw-thumbs img:nth-child(even){transform:rotate(3deg)}
@media (max-width:860px){.hw-band{grid-template-columns:1fr;padding:28px 22px;gap:24px;border-radius:24px}.hw-thumbs{grid-template-columns:repeat(4,1fr);gap:8px}}
@media (max-width:560px){.hw-hero-card{grid-template-columns:auto 1fr;gap:12px}.hw-hero-card .hw-cta{grid-column:1/-1;text-align:center}.welcome-bar .hw-announce small{display:none}}