/* One continuous canvas behind the header and the opening module section. */
body{position:relative;isolation:isolate}
body::before{content:"";position:absolute;inset:0 0 auto;height:var(--intro-canvas-height,0px);background:linear-gradient(120deg,#09283D 0%,#0D4662 58%,#176F91 100%);z-index:-1;pointer-events:none}
.header{background:transparent}
.header-inner{isolation:isolate}
.header-inner::before{content:"";position:absolute;top:21px;bottom:21px;left:16px;right:32px;border-radius:40px;background:#fff;box-shadow:0 8px 24px #12324616;opacity:0;transform:scaleX(.97);transform-origin:right;transition:opacity 180ms ease,transform 220ms ease;z-index:-1;pointer-events:none}
.header.is-scrolled .header-inner::before{opacity:1;transform:none}
@media(min-width:801px){.header.is-scrolled .nav-capsule{background:transparent;border-color:transparent;box-shadow:none}}
@media(min-width:801px) and (max-width:1150px){.header-inner::before{left:12px;right:24px}}
@media(max-width:800px){.header-inner::before{left:8px;right:8px;top:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.header-inner::before{transition:none}}