/* The material follows one scroll value. Its blur and curvature stay constant. */
html.has-js body:is(.sober-home,.sober-case) .site-header[data-header-material] {--header-reveal:0;}
body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner {
  background:transparent!important;border-color:transparent;box-shadow:none;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  transition:none!important;
}
body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {
  content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;
  background:linear-gradient(155deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 55%,rgba(255,255,255,.12)),color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 90%,transparent)!important;
  border:1px solid rgba(170,185,207,.54)!important;border-radius:inherit!important;
  box-shadow:0 18px 48px rgba(17,24,39,.08),inset 0 1px rgba(255,255,255,.63),inset 0 -1px rgba(255,255,255,.14)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  opacity:var(--header-reveal,1);
  transform:translateY(calc(-2px * (1 - var(--header-reveal,1)))) scale(calc(.996 + .004 * var(--header-reveal,1)),calc(.97 + .03 * var(--header-reveal,1)))!important;
  transform-origin:50% 0%;transition:none!important;
}
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner,
html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {transform:none!important;}
@media(prefers-reduced-motion:reduce) {
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner,
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {transform:none!important;}
}
@media(max-width:800px) {
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {
    box-shadow:0 8px 24px rgba(17,31,51,.1),inset 0 1px rgba(255,255,255,.63)!important;
  }
}
@media(prefers-reduced-transparency:reduce) {
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner {
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {background:#f8faff!important;}
}
@media(forced-colors:active) {
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner {
    background:Canvas!important;border-color:CanvasText!important;box-shadow:none;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {display:none;}
}