@font-face{font-family:"Raleway Local";src:url("Raleway-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}

.hero{position:relative!important;height:100vh!important;min-height:620px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 8%!important;background:#211713!important;text-align:center!important;isolation:isolate}
.hero-slider{position:absolute;inset:0;z-index:0;overflow:hidden;background:#211713}
.hero-slide{position:absolute;inset:-4%;z-index:0;width:108%;height:108%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.08);filter:brightness(82%) contrast(108%);transition:opacity 2s cubic-bezier(.4,0,.2,1);animation:activity-banner-breathe 14s ease-in-out infinite alternate;will-change:opacity,transform}
.hero-slide.is-active{z-index:1;opacity:1}.hero-slide.is-next{z-index:2;opacity:1}
.hero-shade{position:absolute!important;inset:0!important;z-index:2!important;background:rgba(0,0,0,.35)!important}
.hero-content{position:relative!important;z-index:3!important;width:min(1100px,100%)!important;max-width:none!important;margin:0 auto!important}
.hero h1{margin:0!important;color:#f5e4b2!important;font-family:"Raleway Local","Raleway",sans-serif!important;font-size:clamp(25px,2.2vw,34px)!important;font-weight:500!important;line-height:1.45!important;letter-spacing:6px!important;text-transform:uppercase!important;text-align:center!important;text-shadow:0 2px 8px rgba(0,0,0,.42)!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));animation:activity-banner-title-in 2.2s ease-out both}
.hero h1 span{display:block;white-space:nowrap}.hero h1 span+span{margin-top:3px}.hero h1 em{color:inherit!important;font:inherit!important}

@keyframes activity-banner-breathe{0%{transform:scale(1.08);filter:brightness(80%) contrast(110%)}50%{transform:scale(1.1);filter:brightness(85%) contrast(108%)}100%{transform:scale(1.05);filter:brightness(90%) contrast(104%)}}
@keyframes activity-banner-title-in{from{opacity:0;transform:translateY(-16px)}60%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){.hero{min-height:560px!important;padding:0 24px!important}.hero-slide{inset:0;width:100%;height:100%}.hero h1{font-size:1.28rem!important;line-height:1.55!important;letter-spacing:3px!important}.hero h1 span{white-space:normal}.hero-slide:nth-child(4),.hero-slide:nth-child(9){object-position:center 38%}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero h1{animation:none}.hero-slide{transition-duration:.5s}}