/* Decorative blue / pearl sculptures stay behind the text-led hero content. */
@media screen {
 .blue-dimension :is(.home-hero,.page-hero,.translated-hero) {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  overflow:clip;
 }
 .blue-dimension :is(.home-hero,.page-hero,.translated-hero)::before,
 .blue-dimension :is(.home-hero,.page-hero,.translated-hero)::after {display:none}
 .blue-dimension :is(.home-hero,.page-hero,.translated-hero)>.container {position:relative;z-index:1}
 .blue-dimension .ambient-depth {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  background:radial-gradient(ellipse at 100% 0,#d9eaff99,transparent 56%),linear-gradient(125deg,#fbfdff,#f0f6ff);
 }
 .blue-dimension .ambient-depth>i {
  display:block;
  position:absolute;
  pointer-events:none;
 }
 .blue-dimension .depth-ribbon {
  z-index:1;
  box-sizing:border-box;
  width:470px;
  height:330px;
  border:34px solid;
  border-radius:50%;
  background:transparent;
  box-shadow:inset 3px 5px 9px #ffffffb3,inset -5px -7px 11px #163f9c66,6px 15px 22px #174a9b1a;
  filter:drop-shadow(0 18px 14px #174a9b18);
  animation:heritage-ambient-settle 4s cubic-bezier(.2,.7,.2,1) both;
 }
 .blue-dimension .depth-ribbon::before {
  content:'';
  position:absolute;
  inset:-27px;
  border:2px solid #ffffff75;
  border-radius:50%;
  box-shadow:0 1px 1px #173b9633;
 }
 .blue-dimension .depth-ribbon-blue {
  left:-265px;
  top:-105px;
  border-color:#bad9ff #2669d4 #173b94 #79b4ff;
  transform:perspective(900px) rotateX(43deg) rotateY(-18deg) rotateZ(-28deg);
 }
 .blue-dimension .depth-ribbon-pearl {
  width:420px;
  height:300px;
  right:-185px;
  bottom:-150px;
  border-width:30px;
  border-color:#fff #d3e2f4 #8ba5c7 #f4f9ff;
  transform:perspective(900px) rotateX(54deg) rotateY(14deg) rotateZ(26deg);
  animation-duration:4.2s;
  animation-delay:.2s;
 }
 .blue-dimension .depth-orb {
  z-index:2;
  border:1px solid #ffffff9c;
  border-radius:50%;
  box-shadow:inset 5px 7px 12px #ffffff80,inset -8px -11px 18px #12377b3d,0 16px 24px #174a9b1a;
  animation:heritage-ambient-settle 3.4s cubic-bezier(.2,.7,.2,1) both;
 }
 .blue-dimension .depth-orb::before {
  content:'';
  position:absolute;
  top:13%;
  left:18%;
  width:40%;
  height:19%;
  border-radius:50%;
  background:#ffffffb3;
  filter:blur(3px);
  transform:rotate(-32deg);
 }
 .blue-dimension .depth-orb-blue {
  width:112px;
  height:112px;
  top:34px;
  right:6%;
  background:radial-gradient(circle at 30% 24%,#f1f8ff 0,#9bcaff 13%,#4087e9 38%,#1751ae 70%,#102e72 100%);
  animation-delay:.15s;
 }
 .blue-dimension .depth-orb-pearl {
  width:76px;
  height:76px;
  left:8%;
  bottom:24px;
  background:radial-gradient(circle at 28% 23%,#fff 0,#f2f8ff 26%,#c2d6ee 59%,#7e9bbf 100%);
  animation-duration:3.8s;
  animation-delay:.1s;
 }
 .blue-dimension .depth-grid {
  z-index:0;
  top:-150px;
  right:-135px;
  width:680px;
  height:570px;
  opacity:.15;
  background-image:linear-gradient(#83ace0 1px,transparent 1px),linear-gradient(90deg,#83ace0 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);
  transform:perspective(650px) rotateX(61deg) rotateZ(-17deg);
 }
 .blue-dimension .depth-wash {
  inset:0;
  z-index:3;
  background:linear-gradient(90deg,#fff 0,#fff 40%,#fffffff9 61%,#ffffffbd 79%,#ffffff24 100%);
 }
 .blue-dimension .home-hero .depth-wash {
  background:linear-gradient(90deg,#ffffff14 0,#ffffffb8 10%,#fffffffa 24%,#fff 38%,#fff 62%,#fffffffa 76%,#ffffffb8 90%,#ffffff14 100%);
 }
 .blue-dimension :is(.page-hero,.translated-hero) .depth-ribbon-blue {
  left:auto;
  right:-205px;
  top:-170px;
  width:510px;
  height:390px;
  transform:perspective(900px) rotateX(40deg) rotateY(-24deg) rotateZ(-31deg);
 }
 .blue-dimension :is(.page-hero,.translated-hero) .depth-ribbon-pearl {
  right:70px;
  bottom:-260px;
  width:430px;
  height:340px;
  opacity:.8;
 }
 .blue-dimension :is(.page-hero,.translated-hero) .depth-orb-blue {width:90px;height:90px;top:22px;right:10%}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-orb-pearl {left:-35px;bottom:-45px;width:105px;height:105px;opacity:.6}

 /* A glossy conic surface enhances the simple border fallback. */
 @supports (mask-composite:exclude) {
  .blue-dimension .depth-ribbon {
   border:0;
   padding:34px;
   background:conic-gradient(from 28deg,#153b92 0deg,#68a7fa 53deg,#edf7ff 88deg,#3a7dde 126deg,#164591 188deg,#8ec0ff 241deg,#e6f3ff 284deg,#2b6aca 332deg,#153b92 360deg);
   mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
   mask-composite:exclude;
  }
  .blue-dimension .depth-ribbon::before {inset:3px;border-color:#ffffff57;box-shadow:none}
  .blue-dimension .depth-ribbon-pearl {
   padding:30px;
   background:conic-gradient(from 20deg,#9bb5d7,#fff 65deg,#cfdeef 118deg,#819fc4 186deg,#e9f3ff 251deg,#fff 295deg,#9bb5d7);
  }
 }
 @keyframes heritage-ambient-settle {
  from {translate:0 6px}
  to {translate:0 0}
 }
}
@media screen and (max-width:1000px) {
 .blue-dimension .depth-ribbon-blue {left:-305px;top:-135px}
 .blue-dimension .depth-ribbon-pearl {right:-245px;bottom:-175px}
 .blue-dimension .depth-orb-blue {width:94px;height:94px;right:2%;top:18px}
 .blue-dimension .depth-orb-pearl {left:2%;width:64px;height:64px;bottom:18px}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-ribbon-blue {right:-280px;top:-175px}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-ribbon-pearl {right:-110px;bottom:-280px}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-orb-blue {right:1%;top:12px;width:78px;height:78px}
}
@media screen and (max-width:680px) {
 /* The dimensional composition remains still on smaller screens. */
 .blue-dimension .ambient-depth :is(.depth-ribbon,.depth-orb) {animation:none;translate:none}
 .blue-dimension .ambient-depth {background:linear-gradient(135deg,#f8fbff,#edf5ff)}
 .blue-dimension .depth-ribbon {width:250px;height:200px;border-width:18px;filter:drop-shadow(0 9px 9px #174a9b12);opacity:.8}
 .blue-dimension .depth-ribbon-blue {left:-205px;top:-75px;transform:perspective(700px) rotateX(40deg) rotateY(-15deg) rotateZ(-25deg)}
 .blue-dimension .depth-ribbon-pearl {right:-170px;bottom:-100px;width:240px;height:180px;border-width:18px}
 .blue-dimension .depth-ribbon::before {inset:-14px;border-width:1px}
 .blue-dimension .depth-orb {box-shadow:inset 4px 5px 9px #ffffff91,inset -5px -7px 12px #12377b33,0 8px 14px #174a9b12}
 .blue-dimension .depth-orb-blue {width:72px;height:72px;top:-23px;right:-24px;opacity:.8}
 .blue-dimension .depth-orb-pearl {width:60px;height:60px;left:-28px;bottom:-22px;opacity:.7}
 .blue-dimension .depth-orb::before {filter:blur(2px)}
 .blue-dimension .depth-grid {display:none}
 .blue-dimension .depth-wash {background:linear-gradient(90deg,#fff 0,#fffffff5 50%,#ffffffd9 78%,#ffffff61 100%)}
 .blue-dimension .home-hero .depth-wash {background:linear-gradient(90deg,#ffffff78 0,#fffffff2 16%,#fff 32%,#fff 68%,#fffffff2 84%,#ffffff78 100%)}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-ribbon-blue {width:270px;height:220px;right:-212px;top:-85px}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-ribbon-pearl {width:230px;height:190px;right:-185px;bottom:-110px;opacity:.65}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-orb-blue {right:-24px;top:-20px;width:66px;height:66px;opacity:.65}
 .blue-dimension :is(.page-hero,.translated-hero) .depth-orb-pearl {left:-35px;bottom:-30px;width:62px;height:62px;opacity:.45}
 @supports (mask-composite:exclude) {
  .blue-dimension .depth-ribbon,
  .blue-dimension .depth-ribbon-pearl {padding:18px;border:0}
  .blue-dimension .depth-ribbon::before {inset:2px}
 }
}
@media screen and (prefers-reduced-motion:reduce) {
 .blue-dimension .ambient-depth :is(.depth-ribbon,.depth-orb) {animation:none;translate:none}
}
@media print, (forced-colors:active) {
 .blue-dimension .ambient-depth {display:none!important}
}