/* Approved mega-water festival: a bright header, a full stage, live controls. */
.site-header{background:#fff;color:#073e33;border-bottom:1px solid #dce8e2}
.site-header .brand small{font-size:.625rem;letter-spacing:.22em}
.site-header .system-nav{border-color:#dce8e2}
.site-header .system-nav a{color:#073e33}
.site-header .system-nav a:hover,.site-header .system-nav a[aria-current]{color:#006447;background:#f0f7f3}
.site-header .header-actions>.btn{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;border-radius:999px}
.hero.hero-cinematic{height:auto;min-height:0;padding:0;background:#fff;color:#073e33;overflow:hidden;isolation:isolate}
.cinematic-scene{width:100%;aspect-ratio:16/9;min-height:610px;position:relative;isolation:isolate;background:#a7d9f3;overflow:hidden}
.hero-cinematic .hero-bg{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none;z-index:-2}
.hero-cinematic .hero-shade{inset:0;z-index:-1;background:linear-gradient(90deg,#074e701f,transparent 48%)}
.hero-cinematic .hero-shade:after{content:none}
.hero-cinematic .hero-content{padding-top:clamp(32px,4vw,70px);text-align:left;position:relative}
.hero-cinematic h1{font-size:clamp(3.4rem,4.8vw,5.4rem);line-height:1.12;letter-spacing:-.065em;font-weight:800;color:#fff;text-shadow:0 2px 15px #14537920}
.hero-cinematic h1 span{color:#004d3e;text-shadow:none}
.hero-cinematic .hero-desc{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65;margin:16px 0 0;color:#fff;text-shadow:0 1px 8px #1546618c}
.hero-cinematic .hero-cta{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:20px;gap:14px}
.hero-cinematic .hero-cta .btn{min-height:52px;min-width:215px;padding:13px 24px;font-size:1rem;border-radius:999px;white-space:normal}
.hero-cinematic .hero-cta .btn-primary{background:#00543e;border-color:#00543e;color:#fff}
.hero-cinematic .hero-cta .btn-outline-light{background:#ffffffed;border-color:#074f3e;color:#073e33}
.hero-cinematic .hero-cta .btn:hover{background:#073e33;color:#fff;border-color:#073e33;transform:none}
.hero-cinematic :focus-visible{outline:3px solid #005a42;outline-offset:5px}
.mega-shortcuts.desktop-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(105px,.7fr);gap:0;padding:22px 0;align-items:stretch;background:#fff;color:#073e33}
.mega-shortcuts.desktop-nav>a,.mega-shortcuts.desktop-nav>button{display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:10px 24px;min-height:52px;line-height:1.5;font-size:1rem;font-weight:650;white-space:normal;text-align:left;position:relative}
.mega-shortcuts.desktop-nav>a:first-child{padding-left:0}
.mega-shortcuts.desktop-nav>a:not(:first-child),.mega-shortcuts.desktop-nav>button{border-left:1px solid #dce8e2}
.mega-shortcuts.desktop-nav>a:after{display:none}
.mega-shortcuts.desktop-nav>a:hover,.mega-shortcuts.desktop-nav>a.active,.mega-shortcuts.desktop-nav>button:hover{background:#f0f7f3;color:#006447}
.mega-shortcuts .icon{width:28px;height:28px;flex-shrink:0}
.mega-shortcuts .shortcut-arrow{width:17px;height:17px;margin-left:auto}
.finder-section{padding-top:48px;padding-bottom:48px;background:#fff;border-top:1px solid #e0e9e3}
.finder-head h2{font-size:clamp(1.5rem,2.1vw,1.85rem)}
.finder-head p{font-size:1rem}
.finder-section .event-card{border-radius:6px}
.finder-section .event-card-body strong{font-size:.9rem;line-height:1.5}
@media(min-width:1200px){
 .header-inner{grid-template-columns:minmax(160px,195px) minmax(0,1fr) auto;column-gap:20px}
 .header-inner>.brand{grid-column:1;grid-row:1;min-height:82px}
 .header-inner .system-nav{grid-column:2;grid-row:1;border:0}
 .system-nav a{font-size:.9rem;min-height:82px;padding:12px 5px}
 .header-actions{grid-column:3;grid-row:1;gap:4px}
 .header-settings{width:34px}
 html{scroll-padding-top:102px}
}
@media(min-width:801px) and (max-width:1199px){
 .header-inner>.brand{grid-column:1/3;grid-row:1}
 .header-actions{grid-column:3;grid-row:1}
 .site-header .system-nav a{min-height:50px;font-size:.9375rem}
 .hero-cinematic h1{font-size:clamp(3.2rem,5vw,3.8rem)}
 .hero-cinematic .hero-content{padding-top:32px}
 .mega-shortcuts.desktop-nav>a,.mega-shortcuts.desktop-nav>button{padding:10px 14px;font-size:.9375rem;gap:10px}
 .mega-shortcuts .shortcut-arrow{display:none}
 html{scroll-padding-top:146px}
}
@media(max-width:800px){
 .site-header .header-inner{grid-template-columns:1fr auto}
 .site-header .header-actions{grid-column:2;grid-row:1}
 .site-header .system-nav a:nth-child(n+5){border-color:#e4ede8}
 .hero.hero-cinematic{padding:0;min-height:0}
 .cinematic-scene{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column;background:#e5f4fc}
 .hero-cinematic .hero-bg{position:relative;inset:auto;order:2;width:100%;height:auto;object-fit:initial;object-position:initial;z-index:0}
 .hero-cinematic .hero-shade{display:none}
 .hero-cinematic .hero-content{order:1;padding-top:30px;padding-bottom:26px}
 .hero-cinematic h1{font-size:clamp(2.8rem,6.5vw,3.6rem);color:#073e33;text-shadow:none}
 .hero-cinematic h1 span{color:#087a50}
 .hero-cinematic .hero-desc{font-size:1rem;margin-top:16px;color:#365c66;text-shadow:none}
 .hero-cinematic .hero-cta{margin-top:20px;gap:10px}
 .hero-cinematic .hero-cta .btn{min-width:0;min-height:50px;padding:12px 18px;font-size:.9375rem;gap:12px}
 .hero-cinematic .hero-cta .icon{width:17px;flex-shrink:0}
 .mega-shortcuts.desktop-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0;gap:0}
 .mega-shortcuts.desktop-nav>a,.mega-shortcuts.desktop-nav>button{border:0!important;padding:12px 10px;font-size:.9375rem;min-height:54px;gap:12px}
 .mega-shortcuts.desktop-nav>a:first-child{padding-left:10px}
 .mega-shortcuts.desktop-nav>a:nth-child(n+3),.mega-shortcuts.desktop-nav>button{border-top:1px solid #e1ebe5!important}
 .mega-shortcuts.desktop-nav>button{grid-column:1/-1}
 .mega-shortcuts .icon{width:23px;height:23px}
 .mega-shortcuts .shortcut-arrow{width:16px;height:16px}
 .finder-section{padding-top:34px;padding-bottom:34px}
 .finder-section .event-card-body strong{font-size:.875rem}
 html{scroll-padding-top:20px}
}
@media(max-width:480px){
 .hero-cinematic h1{font-size:clamp(2.6rem,10.7vw,3.1rem)}
 .hero-cinematic .hero-cta{display:grid;grid-template-columns:1fr}
 .hero-cinematic .hero-cta .btn{justify-content:space-between;width:100%}
 .hero-cinematic .hero-content{padding-top:26px;padding-bottom:24px}
 .mega-shortcuts.desktop-nav>a,.mega-shortcuts.desktop-nav>button{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){.hero-cinematic *{scroll-behavior:auto;transition:none}}