header.site-header{height:auto;display:block;padding:0;background:white;border-bottom:1px solid var(--line);position:relative}
.header-title{padding:25px 6%;text-align:center;background:white}
.event-title{display:inline-block;color:var(--brand-blue);font-size:clamp(20px,2.2vw,32px);font-weight:600;line-height:1.4;letter-spacing:-.5px}
.event-title span{color:var(--navy)}
.header-navigation{padding:12px 6%;border-top:1px solid var(--line);background:#edf7fc;position:relative}
header.site-header nav{display:flex;justify-content:center;align-items:center;gap:36px;font-size:13px}
header.site-header #menu{display:none}
@media(max-width:800px){header.site-header nav{gap:23px;font-size:13px}.header-title{padding:22px 5%}}
@media(max-width:580px){.header-title{padding:21px 6%}.event-title{font-size:19px;letter-spacing:-.3px;line-height:1.45}.header-navigation{padding:10px 7%}header.site-header #menu{display:block;margin-left:auto;font-size:24px;line-height:1.3;border:0;background:none;color:var(--navy);cursor:pointer}header.site-header nav{display:none;position:static;padding:15px 0 8px;border:0;background:transparent;gap:19px;flex-direction:column}header.site-header nav.open{display:flex}}

/* Absolute placement preserves the existing navigation row height. */
.header-navigation{padding-right:calc(6% + 56px);padding-left:calc(6% + 56px)}.nav-logo{position:absolute;left:6%;top:14px;width:40px;height:40px;display:block;border-radius:50%;overflow:hidden;background:white}.nav-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
@media(min-width:581px) and (max-width:800px){.header-navigation{padding-right:6%;padding-left:calc(6% + 50px)}header.site-header nav{gap:13px;font-size:12px}}
@media(max-width:580px){.header-navigation{padding:10px 7%}.nav-logo{left:7%;top:11px;width:28px;height:28px}header.site-header #menu{margin-left:auto}header.site-header nav{padding-right:0}}

.header-title{display:flex;align-items:center;justify-content:center;gap:25px}.header-fish{display:block;width:112px;height:112px;object-fit:contain;flex-shrink:0}.header-title .event-title{text-align:left}
@media(max-width:800px){.header-title{gap:18px}.header-fish{width:90px;height:90px}}
@media(max-width:580px){.header-title{gap:12px;padding-left:5%;padding-right:5%}.header-fish{width:62px;height:76px}.header-title .event-title{font-size:clamp(14px,3.7vw,19px);line-height:1.5}}
.header-navigation{padding-left:6%;padding-right:6%}@media(max-width:580px){.header-navigation{padding-left:7%;padding-right:7%}}
header.site-header{position:sticky;top:calc(0px - var(--header-title-height,0px));z-index:100}.header-navigation{box-shadow:0 3px 10px #08256812}html{scroll-padding-top:90px}@media(max-width:580px){html{scroll-padding-top:72px}}