/* v55: The header's clear glass, optical rim and reflections on a dark footer. */
.site-footer{
  position:relative;
  isolation:isolate;
  padding-top:36px;
  background:radial-gradient(ellipse at 14% 12%,rgba(54,126,196,.27),transparent 52%),radial-gradient(ellipse at 88% 65%,rgba(31,96,160,.20),transparent 50%),#081827;
}
.site-footer>.footer-glass{
  --footer-glass-blur:1.2px;
  --footer-edge-blur:2.2px;
  --footer-glint-alpha:.045;
  position:relative;
  width:min(1320px,calc(100% - 40px));
  padding:48px clamp(28px,3.6vw,48px) 28px;
  border-radius:48px;
  background:transparent;
}
.footer-glass::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border:1px solid rgba(255,255,255,.56);
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025) 18%,rgba(255,255,255,0) 48%,rgba(30,90,145,.025)),rgba(8,24,44,.14);
  box-shadow:0 11px 26px rgba(0,10,24,.20),0 2px 5px rgba(0,10,24,.08),inset 0 2px 2px rgba(255,255,255,.82),inset 1px 0 1px rgba(255,255,255,.40),inset 0 -2px 3px rgba(5,27,48,.18),inset 0 0 0 1px rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(var(--footer-glass-blur)) saturate(112%);
  backdrop-filter:blur(var(--footer-glass-blur)) saturate(112%);
  transform-origin:center;
  transition:transform .42s var(--motion-ease);
  pointer-events:none;
}
.footer-glass.has-glass-rim::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  opacity:.88;
  background:radial-gradient(ellipse 360px 100px at var(--footer-light-x,17%) var(--footer-light-y,0%),rgba(255,255,255,.96),transparent 78%),linear-gradient(132deg,rgba(255,255,255,.94),rgba(255,255,255,.42) 24%,rgba(255,255,255,.07) 47%,rgba(255,255,255,.72) 76%,rgba(255,255,255,.28));
  -webkit-backdrop-filter:blur(var(--footer-edge-blur)) saturate(125%) brightness(1.06);
  backdrop-filter:blur(var(--footer-edge-blur)) saturate(125%) brightness(1.06);
  -webkit-mask-image:var(--footer-rim-mask);
  mask-image:var(--footer-rim-mask);
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  transition:transform .42s var(--motion-ease);
  pointer-events:none;
}
.footer-glass.has-glass-lens::before{-webkit-backdrop-filter:url("#mobil1-footer-lens") saturate(112%);backdrop-filter:url("#mobil1-footer-lens") saturate(112%)}
.footer-glass.has-glass-lens::after{-webkit-backdrop-filter:none;backdrop-filter:none}
.footer-glass>*{position:relative;z-index:1}
.footer-glass>.footer-grid::before{
  content:"";
  position:absolute;
  inset:-24px;
  z-index:-1;
  border-radius:24px;
  background:radial-gradient(ellipse 360px 100px at var(--footer-light-x,42%) var(--footer-light-y,var(--footer-scroll-light-y,18%)),rgba(255,255,255,var(--footer-glint-alpha)),transparent 78%);
  pointer-events:none;
}
.footer-glass.is-glass-pressed::before,.footer-glass.is-glass-pressed::after{transform:scale(1.003,1.006)}
.site-footer .footer-brand p,.site-footer .footer-meta p{color:#c1d2e1}
.site-footer .footer-grid nav>a,.site-footer .footer-meta>a{color:#d5e4f1}
.site-footer .footer-grid nav>a:hover,.site-footer .footer-grid nav>a:focus-visible{color:#fff}
.footer-glass-filters{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none}
@media(hover:hover) and (pointer:fine){.footer-glass:hover{--footer-glint-alpha:.065}}
@media(max-width:760px){
  .site-footer{padding-top:24px}
  .site-footer>.footer-glass{width:calc(100% - 28px);padding:30px 22px 24px;border-radius:32px}
  .footer-glass .footer-grid{gap:30px 20px}
  .footer-glass>.footer-grid::before{inset:-12px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.footer-glass::before{background:#132c43}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .site-footer{background:#081827}
  .site-footer>.footer-glass{background:#132c43;border:1px solid #6f91ad}
  .footer-glass::before,.footer-glass.has-glass-rim::after,.footer-glass>.footer-grid::before{display:none}
  .site-footer .footer-brand p,.site-footer .footer-meta p,.site-footer .footer-grid nav>a,.site-footer .footer-meta>a{color:#fff}
}
@media(prefers-reduced-motion:reduce){.footer-glass::before,.footer-glass.has-glass-rim::after{transition:none;transform:none}}

/* v56: Match the header's outline draw, color fill and wordmark fade. */
.brand-plate>.footer-logo-animated{display:none}
.brand-plate.footer-logo-entrance>.footer-logo-static{display:none}
.brand-plate.footer-logo-entrance>.footer-logo-animated{display:block;width:100%;height:auto}
.brand-plate.footer-logo-entrance .logo-draw-path{fill-opacity:1;stroke:var(--logo-stroke);stroke-width:2px;stroke-opacity:0;stroke-dasharray:1;stroke-dashoffset:0;animation:studio-logo-draw 1.5s ease var(--logo-delay,0s) both}
.brand-plate.footer-logo-entrance .logo-wordmark{opacity:1;animation:studio-logo-word .55s ease .95s both}
@media(prefers-reduced-motion:reduce),print{
  .brand-plate.footer-logo-entrance>.footer-logo-static{display:block}
  .brand-plate.footer-logo-entrance>.footer-logo-animated{display:none}
  .brand-plate.footer-logo-entrance .logo-draw-path,.brand-plate.footer-logo-entrance .logo-wordmark{animation:none}
}
