/* SeaSide: same three-stage header on all SeaSide websites. */
:is(.site-header,.header,.welcome-header)[data-scroll-header] {
  --header-height:86px;
  --header-top:17px;
  --header-logo-width:101px;
  --header-logo-height:61px;
  height:var(--header-height);
  top:var(--header-top);
  padding-block:10px;
  transition:height .24s ease,top .24s ease,padding .24s ease,border-radius .24s ease,box-shadow .24s ease;
}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-compact {
  --header-height:64px;
  --header-top:8px;
  --header-logo-width:72px;
  --header-logo-height:43px;
  padding-block:6px;
  border-radius:18px;
  background:#fffefa;
}
[data-scroll-header] .brand {width:auto;min-width:0;}
:is(.site-header,.header,.welcome-header)[data-scroll-header] .brand>img {
  width:var(--header-logo-width);
  height:var(--header-logo-height);
  object-fit:contain;
  flex-shrink:0;
  transition:width .24s ease,height .24s ease;
}
[data-scroll-header] :is(.header-tools,.header-actions)>:is(button,a) {min-height:44px;flex-shrink:0;}
:is(.site-header,.header,.welcome-header)[data-scroll-header] :is(.language,.language-switch,.welcome-language,.menu-toggle) {
  min-width:44px;
  min-height:44px;
}
[data-scroll-header].welcome-header {
  position:fixed;
  left:22px;
  right:22px;
  width:auto;
  margin:0 auto;
}
[data-scroll-header-space] {height:102px;}
@media(max-width:760px) {
  :is(.site-header,.header,.welcome-header)[data-scroll-header] {
    --header-height:74px;
    --header-top:10px;
    --header-logo-width:70px;
    --header-logo-height:48px;
    padding-block:8px;
  }
  :is(.site-header,.header,.welcome-header)[data-scroll-header].is-compact {
    --header-height:60px;
    --header-top:6px;
    --header-logo-width:58px;
    --header-logo-height:38px;
    padding-block:6px;
    border-radius:16px;
  }
  [data-scroll-header].welcome-header {left:10px;right:10px;}
  [data-scroll-header-space] {height:84px;}
}
@media(max-width:380px) {
  :is(.site-header,.header,.welcome-header)[data-scroll-header] {--header-logo-width:54px;--header-logo-height:43px;}
  :is(.site-header,.header,.welcome-header)[data-scroll-header].is-compact {--header-logo-width:52px;--header-logo-height:36px;}
  [data-scroll-header] .reading-label {display:none;}
  [data-scroll-header].header .reading-toggle {width:44px;height:44px;padding:5px;}
  [data-scroll-header].header .header-tools {gap:4px;}
}
@media(prefers-reduced-motion:reduce) {
  :is(.site-header,.header,.welcome-header)[data-scroll-header],
  :is(.site-header,.header,.welcome-header)[data-scroll-header] .brand>img {transition:none;}
}
@media print {[data-scroll-header],[data-scroll-header-space] {display:none!important;}}

/* The original menu button remains the trigger, including keyboard focus. */
[data-scroll-header] {isolation:isolate;}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-morphing {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
[data-scroll-header]>.header-morph-shell {
  position:absolute;
  z-index:-1;
  right:0;
  top:0;
  display:block;
  pointer-events:none;
  margin:0;
  box-shadow:0 5px 22px #0b25352b;
  border:1px solid #ffffffa6;
  box-sizing:border-box;
}
[data-scroll-header] .round-menu-glyph,
[data-scroll-header] .round-menu-label {display:none;}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-round-menu {
  --header-height:64px;
  --header-top:max(12px,env(safe-area-inset-top));
  padding:0;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  pointer-events:none;
}
[data-scroll-header].is-round-menu>.brand,
[data-scroll-header].is-round-menu>nav,
[data-scroll-header].is-round-menu :is(.header-tools,.header-actions)>:not(.menu-toggle) {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
[data-scroll-header].is-round-menu :is(.header-tools,.header-actions) {position:static;}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-round-menu .menu-toggle {
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:64px;
  height:64px;
  min-width:64px;
  min-height:64px;
  margin:0;
  padding:0;
  border-radius:50%;
  border:1px solid #ffffffa6;
  background:var(--ink,#123b50);
  color:#fffefa;
  box-shadow:0 5px 22px #0b25352b,inset 0 0 0 4px #ffffff0b;
  pointer-events:auto;
  visibility:visible;
  transition:background .18s ease,box-shadow .18s ease,border-radius .2s ease;
}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-round-menu .menu-toggle:hover {
  background:var(--ink,#123b50);
  box-shadow:0 7px 24px #0b253542,inset 0 0 0 4px #ffffff14;
}
[data-scroll-header].is-round-menu .menu-toggle:focus-visible {outline:3px solid #fffefa;outline-offset:3px;}
[data-scroll-header].is-round-menu .menu-toggle>:not(.round-menu-glyph,.round-menu-label) {display:none;}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-round-menu .menu-toggle>.round-menu-glyph {
  display:block;
  position:absolute;
  inset:11px auto auto 20px;
  width:24px;
  height:24px;
  margin:0;
  background:none;
  transform:none;
}
[data-scroll-header].is-round-menu .round-menu-glyph svg {display:block;width:24px;height:24px;}
:is(.site-header,.header,.welcome-header)[data-scroll-header].is-round-menu .menu-toggle>.round-menu-label {
  display:block;
  position:absolute;
  inset:37px 0 auto;
  margin:0;
  color:inherit;
  font:600 11px/1.25 var(--sans,Montserrat,Arial,sans-serif);
  letter-spacing:.01em;
  text-align:center;
}
@media(prefers-reduced-motion:reduce) {
  :is(.site-header,.header,.welcome-header)[data-scroll-header].is-round-menu .menu-toggle {transition:none;}
}