/* Evenfall99 - Halloween 2026 section on the home page (shown by halloween.js until 6 November) */
.halloween{position:relative;overflow:hidden;padding:64px 0 60px;border-bottom:1px solid rgba(255,154,74,.22);
  background:radial-gradient(900px 420px at 82% 38%,rgba(255,122,40,.20),rgba(255,122,40,0) 70%),
    radial-gradient(700px 380px at 8% 0%,rgba(122,70,190,.22),rgba(122,70,190,0) 70%),
    linear-gradient(180deg,#120c1c 0%,#0e0b18 60%,var(--night) 100%)}
.hw-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;margin-bottom:38px}
.hw-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ffb074;margin:0 0 16px}
.hw-dot{width:9px;height:9px;border-radius:50%;background:#ff8a3a;box-shadow:0 0 0 4px rgba(255,138,58,.18),0 0 18px rgba(255,138,58,.9)}
.hw-title{font-family:var(--display);font-weight:700;font-size:clamp(32px,4.4vw,56px);text-wrap:balance;line-height:1.04;letter-spacing:.01em;margin:0 0 18px;
  background:linear-gradient(180deg,#ffe2b8 0%,#ffae5c 50%,#e9762b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hw-lead{font-size:18px;color:var(--ash);max-width:58ch;margin:0 0 24px}
.hw-lead strong{color:var(--ink);font-weight:600}
.hw-actions{display:flex;flex-wrap:wrap;gap:12px}
.hw-art{position:relative;display:block;text-align:center}
.hw-art::before{content:"";position:absolute;left:50%;top:44%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,140,50,.45) 0%,rgba(255,140,50,.12) 45%,rgba(255,140,50,0) 70%);pointer-events:none}
.hw-art img{position:relative;width:250px;height:auto;margin:0 auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));
  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.hw-art span{position:relative;display:block;margin-top:8px;font-size:13px;color:var(--ash)}
.hw-art:hover span{color:var(--gold-2)}
.hw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hw-card{position:relative;padding:24px 22px 22px;border:1px solid rgba(255,154,74,.22);border-radius:var(--radius);background:rgba(20,14,30,.78);overflow:hidden}
.hw-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(255,138,58,0),#ff8a3a,rgba(255,138,58,0))}
.hw-card h3{font-size:20px;margin:0 0 4px;color:var(--ink)}
.hw-when{font-size:13px;font-weight:600;color:#ffb074;margin:0 0 14px}
.hw-card p{font-size:14.5px;color:var(--ash);margin:0 0 10px}
.hw-card p:last-child{margin-bottom:0}
.hw-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}
.hw-list li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;font-size:14.5px;color:var(--ash)}
.hw-list b{min-width:44px;font-family:var(--display);font-weight:700;font-size:15px;color:#ffb074;text-align:right}
.hw-card .hw-small{font-size:13px;color:var(--ash-2)}
.hw-fine{font-size:13px;color:var(--ash-2);margin:22px 0 0}
.hw-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 16px 8px 13px;border-radius:999px;font-size:14px;font-weight:600;
  color:#ffd2a8;background:rgba(40,18,10,.62);border:1px solid rgba(255,138,58,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 10px 30px -12px rgba(255,138,58,.6);transition:border-color .2s,color .2s,transform .2s}
.hw-pill:hover{border-color:#ffae5c;color:#fff1e2;transform:translateY(-1px)}
.hw-pill::after{content:"\2193";font-weight:600;color:#ffae5c}
@media (max-width:1100px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .halloween{padding:44px 0 40px}
  .hw-top{grid-template-columns:1fr;gap:18px;margin-bottom:26px}
  .hw-art{order:-1}
  .hw-art::before{width:190px;height:190px}
  .hw-art img{width:150px}
  .hw-pill{font-size:13px;white-space:normal;text-align:left}
  .hw-lead{font-size:16px}
  .hw-grid{grid-template-columns:1fr;gap:14px}
  .hw-actions .button{flex:1 1 auto}
}
