/* A soft lens over the existing panorama; all copy stays above the blur. */
.hero-copy{position:relative;isolation:isolate}
.hero-copy:before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  inset:-22px -70px -25px -32px;border-radius:28px;
  background:linear-gradient(100deg,#07150ee0,#17200fd4 65%,#27300d59);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 77%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 77%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 91%,transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.hero-motto{isolation:isolate}
.hero-motto:before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  inset:-24px -36px -24px -40px;border-radius:50%;
  background:radial-gradient(ellipse,#0d1911bf 15%,#18210f9c 65%,#28321633);
  -webkit-backdrop-filter:blur(10px) saturate(1.08);
  backdrop-filter:blur(10px) saturate(1.08);
  -webkit-mask-image:radial-gradient(ellipse closest-side,#000 58%,#000c 73%,transparent 100%);
  mask-image:radial-gradient(ellipse closest-side,#000 58%,#000c 73%,transparent 100%);
}
@media(max-width:550px){
  .hero-copy:before{
    inset:-18px -24px -25px -20px;border-radius:22px;
    -webkit-backdrop-filter:blur(10px) saturate(1.08);
    backdrop-filter:blur(10px) saturate(1.08);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 5%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 92%,transparent);
  }
  .hero-motto:before{
    inset:-16px -22px -14px -26px;
    -webkit-backdrop-filter:blur(8px) saturate(1.08);
    backdrop-filter:blur(8px) saturate(1.08);
  }
}