.hero{text-align:center;padding:16px 0 48px;max-width:1440px;margin-inline:auto}.hero>.organiser-credit{margin:0 var(--gutter) 12px}.hero-art{position:relative;width:100%;max-width:1264px;aspect-ratio:1672/344;margin:0 auto 24px;isolation:isolate;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent)}.hero-art img{display:block;position:absolute;width:100%;max-width:none;height:auto;top:0;left:0}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#ffffff75 50%,transparent 60%);transform:translateX(110%);animation:light-sweep 650ms 100ms ease-out backwards;pointer-events:none}.hero-copy{padding:0 var(--gutter)}.hero-copy .eyebrow{animation:entrance 500ms 40ms backwards}.hero-copy h1{font-size:clamp(3.5rem,4.7vw,4.5rem);font-weight:600;line-height:1.045;letter-spacing:-.055em;margin:16px 0;animation:entrance 550ms 80ms backwards}.hero-copy h1 span{color:var(--accent)}.hero-description{max-width:560px;margin:0 auto;color:var(--muted);font-size:1.1875rem;line-height:1.55;animation:entrance 550ms 120ms backwards}.hero .actions{justify-content:center;margin-top:24px;animation:entrance 550ms 160ms backwards}.microcopy{font-size:.75rem;color:var(--muted);margin-top:12px;animation:entrance 550ms 200ms backwards}
@keyframes light-sweep{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@media(min-width:681px) and (max-height:800px){.hero-art{max-width:960px;margin-bottom:16px}.hero{padding-top:12px}.hero-copy h1{font-size:clamp(3.5rem,4.5vw,4rem)}.hero .actions{margin-top:24px}}
@media(max-width:1000px) and (min-width:681px){.hero-copy h1{font-size:clamp(2.75rem,5.8vw,3.5rem)}.hero-art{margin-block:24px}.hero-description{font-size:1.125rem}}
@media(max-width:680px){.hero{padding:16px 0 32px}.hero>.organiser-credit{margin-bottom:24px}.hero-art{width:100%;aspect-ratio:100/29;margin-bottom:24px}.hero-art img{width:140%;left:-20%;top:0}.hero-copy h1{font-size:clamp(2.25rem,9.5vw,2.75rem);line-height:1.1;letter-spacing:-.055em;margin-block:16px}.hero-copy .eyebrow{font-size:.625rem;letter-spacing:.055em}.hero-description{font-size:1rem;line-height:1.65;max-width:340px}.hero .actions{align-items:center;margin-top:24px}.hero .button{min-width:240px}.microcopy{font-size:.75rem}}
@media(max-width:359px){.hero-copy h1{font-size:2.25rem}.hero-art{margin-top:24px}.hero-description{max-width:280px}}
