/* Active event only. Keep the existing countdown and surrounding modules intact. */
section.hc-event-banner{
  --hc-hero-ground:#110e15;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:1fr auto;
  min-height:380px;
  border-color:#493442;
  border-radius:18px;
  background:var(--hc-hero-ground);
  box-shadow:inset 0 1px 0 #efc49c0a,0 16px 44px #0003;
}
section.hc-event-banner::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 19% 20%,#71433214,transparent 53%);
}
section.hc-event-banner .hc-event-banner__art{z-index:-1}
section.hc-event-banner .hc-event-banner__art::after{
  background:linear-gradient(90deg,#110e15 1%,#110e15f5 28%,#110e15b8 44%,#110e151a 66%,#110e152e 100%),linear-gradient(0deg,#110e15 0%,#110e1573 22%,transparent 55%);
  box-shadow:inset 0 0 70px 12px #110e1533;
}
section.hc-event-banner .hc-event-banner__boss{
  right:-5%;top:-14px;
  width:85%;height:390px;
  opacity:.96;
  filter:brightness(.88) saturate(.8);
  mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 93%,transparent);
  transform-origin:78% 45%;
  transition:transform 1.2s ease,filter .8s ease;
}
section.hc-event-banner .hc-event-banner__mist{
  right:-6%;top:0;width:100%;height:112%;
  opacity:.12;
  object-fit:cover;
  mix-blend-mode:screen;
  mask-image:linear-gradient(0deg,transparent 2%,#000 42%,transparent 96%);
  transition:opacity 1.2s ease,transform 1.8s ease;
}
section.hc-event-banner .hc-event-banner__content{
  grid-column:1;
  width:58%;
  min-width:0;
  padding:30px 40px 27px;
  align-self:center;
}
section.hc-event-banner .hc-event-banner__status{
  width:fit-content;
  gap:8px;
  margin:0 0 12px;
  color:#d1b29b;
  font-size:10px;
  line-height:18px;
  font-weight:400;
  letter-spacing:.02em;
  text-transform:none;
}
section.hc-event-banner .hc-event-banner__status::before{
  width:6px;height:6px;
  background:#d99b61;
  box-shadow:0 0 12px #e6a96a80;
}
section.hc-event-banner .hc-event-banner__title{
  width:min(100%,420px);
  max-width:none;
  height:auto;
  aspect-ratio:2095/751;
  margin:0 0 25px -4px;
}
section.hc-event-banner .hc-event-banner__title img{
  filter:drop-shadow(0 3px 18px #d66d1526);
}
section.hc-event-banner .hc-event-banner__actions{gap:12px 20px}
section.hc-event-banner .hc-event-banner__cta{
  min-height:46px;
  padding:12px 22px;
  border:1px solid #896149;
  border-radius:9px;
  background:#241b22;
  color:#f5dbc1;
  font:500 11px/1.6 Unbounded,sans-serif;
  text-decoration:none;
  box-shadow:inset 0 1px 0 #f2c69912,0 4px 20px #0002;
}
section.hc-event-banner .hc-event-banner__cta::before{opacity:.4;transform:translate(-6%,10%) rotate(-8deg)}
section.hc-event-banner .hc-event-banner__cta::after{opacity:.17;transform:translate(8%,-7%) scale(1.2) rotate(165deg)}
section.hc-event-banner .hc-event-banner__level{font-size:10px;line-height:1.8;color:#b7a9b8}
section.hc-event-banner .hc-event-banner__level strong{font-weight:500;color:#f3dfd2}
section.hc-event-banner .hc-event-banner__ritual{
  grid-column:1;
  align-self:end;
  width:100%;
  min-width:0;
  padding:17px 40px 23px;
  border-top:1px solid #c69a7824;
  background:linear-gradient(90deg,#17111be8,#17111bb8 60%,#17111b80);
}
section.hc-event-banner .hc-event-banner__objective-head{
  margin-bottom:12px;
  gap:6px 16px;
  color:#cbbbcf;
  font-size:11px;
  line-height:1.6;
}
section.hc-event-banner .hc-event-banner__objective-head strong{color:#e4bb97;font-size:11px;font-weight:500}
section.hc-event-banner .hc-event-banner__global{height:6px;border-radius:6px;background:#4733447a}
section.hc-event-banner .hc-event-banner__global::-webkit-progress-bar{border-radius:6px;background:#4733447a}
section.hc-event-banner .hc-event-banner__global::-webkit-progress-value{border-radius:6px;background:linear-gradient(90deg,#a46562,#edb475);box-shadow:0 0 12px #da8a6240}
section.hc-event-banner .hc-event-banner__global::-moz-progress-bar{border-radius:6px;background:linear-gradient(90deg,#a46562,#edb475)}
section.hc-event-banner .hc-event-banner__cta:focus-visible{outline:2px solid #f0bb8c;outline-offset:4px;background:#33222b;color:#fff1e0}
@media(hover:hover) and (pointer:fine){
  section.hc-event-banner:hover .hc-event-banner__boss{transform:scale(1.025);filter:brightness(.97) saturate(.9)}
  section.hc-event-banner:hover .hc-event-banner__mist{opacity:.2;transform:translateX(-1.5%)}
  section.hc-event-banner .hc-event-banner__cta:hover{border-color:#ce956c;background:#33222b;color:#fff1e0;box-shadow:inset 0 1px 0 #f2c6991c,0 0 24px #bd79571c}
  section.hc-event-banner .hc-event-banner__cta:hover::before{opacity:.72;transform:translate(5%,-8%) rotate(6deg)}
  section.hc-event-banner .hc-event-banner__cta:hover::after{opacity:.35;transform:translate(-6%,7%) scale(1.25) rotate(175deg)}
}
@container(max-width:900px){
  section.hc-event-banner .hc-event-banner__content{width:62%;padding:30px}
  section.hc-event-banner .hc-event-banner__title{margin-bottom:23px}
  section.hc-event-banner .hc-event-banner__boss{right:-15%;width:103%;height:390px}
  section.hc-event-banner .hc-event-banner__ritual{padding:17px 30px 23px}
}
@container(max-width:600px){
  section.hc-event-banner .hc-event-banner__content{width:100%;padding:30px 24px 25px;align-self:end}
  section.hc-event-banner .hc-event-banner__title{width:min(82%,340px);height:auto;max-width:none;margin-bottom:24px}
  section.hc-event-banner .hc-event-banner__boss{top:-10px;right:-41%;width:150%;height:350px;opacity:.6}
  section.hc-event-banner .hc-event-banner__art::after{background:linear-gradient(90deg,#110e15df,#110e1566 75%,#110e1573),linear-gradient(0deg,#110e15 0%,#110e15e0 24%,#110e1526 90%)}
  section.hc-event-banner .hc-event-banner__mist{opacity:.09;right:-27%;width:130%}
  section.hc-event-banner .hc-event-banner__ritual{padding:17px 24px 22px}
  section.hc-event-banner .hc-event-banner__status{margin-bottom:18px}
  section.hc-event-banner .hc-event-banner__actions{gap:12px 16px}
  section.hc-event-banner .hc-event-banner__cta{min-height:46px;font-size:10px;padding:12px 17px}
  section.hc-event-banner .hc-event-banner__level{font-size:9px}
  section.hc-event-banner .hc-event-banner__objective-head,section.hc-event-banner .hc-event-banner__objective-head strong{font-size:10px}
}
@media(max-width:600px){section.hc-event-banner{min-height:360px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){
  section.hc-event-banner .hc-event-banner__boss,
  section.hc-event-banner .hc-event-banner__mist,
  section.hc-event-banner .hc-event-banner__cta,
  section.hc-event-banner .hc-event-banner__cta::before,
  section.hc-event-banner .hc-event-banner__cta::after{transition:none;animation:none}
  section.hc-event-banner:hover .hc-event-banner__boss,
  section.hc-event-banner:hover .hc-event-banner__mist{transform:none}
}