/* Wide Halloween artwork; a light overlay keeps the headline readable. */
.hero{background:#1b0c14!important;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,8,17,.45),rgba(28,8,17,.22) 48%,transparent 75%),url('/assets/festival/2026-halloween/aki-chan-wide.webp') right center/cover no-repeat}.hero-art{opacity:0;pointer-events:none}.hero h1,.hero p,.hero .eyebrow,.hero .event-chip{position:relative;z-index:1}.hero p{color:#ffe7ef!important}.hero .eyebrow{color:#ffd1e2!important}.hero h1{color:#fff!important}.hero h1 em{color:#ff9fc6!important}.event-chip{color:#fff!important}
/* On phones the portrait has its own canvas, independent of translated copy.
   Matching its original aspect ratio shows the full artwork without cropping. */
@media(max-width:700px){
  /* The fixed navbar overlays the artwork; do not reserve a blank header strip. */
  #home.hero{padding:0 0 36px!important;min-height:0!important;background:#21130c!important}
  #home.hero:before{
    position:relative;display:block;inset:auto;z-index:0;width:100%;
    aspect-ratio:1431/2560;margin:0 0 -28px;
    background:linear-gradient(180deg,transparent 82%,#21130c 100%),
      url('/assets/festival/2026-halloween/aki-chan-960.webp') center/100% 100% no-repeat!important;
  }
  .hero .hero-grid{position:relative;z-index:1;grid-template-columns:1fr;gap:0}
  #home.hero h1{font-size:clamp(2.8rem,12vw,4.5rem)!important;line-height:1.02;margin:16px 0 22px;max-width:none}
  #home.hero p,#home.hero .cta-row{max-width:none!important}
  .hero .eyebrow{font-size:.7rem;line-height:1.7;letter-spacing:.1em}
  .hero .cta-row{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .hero .cta-row .btn{text-align:center;white-space:normal}
}