/* A continuous, static wave leads into the contact area; the seal has no plate. */
.luxury-contact{
  --footer-opening-height:clamp(190px,18vw,280px);
  padding-top:calc(var(--footer-opening-height) + 18px);
  border:0;border-radius:0;background:#14151c;
}
.luxury-contact .footer-opening{
  position:absolute;top:-1px;left:0;right:0;
  height:var(--footer-opening-height);z-index:-1;pointer-events:none;
}
.luxury-contact .footer-opening-art{display:block;width:100%;height:100%}
.luxury-contact .footer-opening::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#14151c}
.luxury-contact .footer-seal{
  position:absolute;top:calc(var(--footer-opening-height) * .31);left:50%;
  translate:-50% -50%;display:grid;place-items:center;
  width:62px;height:62px;padding:7px;border:4px solid #fff;border-radius:50%;
  background:#fff;box-shadow:inset 0 0 0 1px #b7a5d5;z-index:1;
}
.luxury-contact .footer-seal .studio-symbol{width:35px}
.luxury-contact .footer-seal:focus-visible{outline:2px solid #fff;outline-offset:6px}
.luxury-contact .contact-top,.luxury-contact .contact-body{position:relative}
.luxury-contact .contact-body::before{
  content:"";position:absolute;inset:-95px -8% -50px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%,rgb(93 62 155 / 13%),transparent 65%);
  -webkit-mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent);
  mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent);
}
.luxury-contact .contact-top .eyebrow{font-size:12px;color:#c7c3d5}
.luxury-contact .contact-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.65}
.luxury-contact .footer-grid{margin-top:72px}
@media(max-width:760px){
  .luxury-contact{--footer-opening-height:125px;padding-top:170px}
  .luxury-contact .footer-seal{top:calc(var(--footer-opening-height) * .47);width:52px;height:52px;border-width:3px;padding:5px}
  .luxury-contact .footer-seal .studio-symbol{width:29px}
  .luxury-contact .contact-top .eyebrow{font-size:10px;margin-bottom:12px}
  .luxury-contact .contact-copy h2{font-size:36px;letter-spacing:-1.1px;line-height:1.65;margin:0 0 16px}
  .luxury-contact .contact-copy p{font-size:13px;margin-bottom:25px}
  .luxury-contact .contact-actions{gap:16px}
  .luxury-contact .contact-actions .button{width:100%;max-width:310px}
  .luxury-contact .phone{font-size:20px}
  .luxury-contact .footer-grid{margin-top:42px;padding-top:32px;row-gap:30px}
}
@media(max-width:350px){.luxury-contact .contact-copy h2{font-size:32px}}