/* =========================================================
   v3.24 — alignment + liquid glass lock
   - anchor hero copy to the logo line
   - move hero block lower and tighten group spacing
   - make quick-contact buttons more iPhone liquid-glass
   - slightly enlarge the top-left logo for low-res clarity
   ========================================================= */
:root{
  --v324-glass-border:rgba(255,255,255,.085);
  --v324-glass-top:rgba(255,255,255,.085);
  --v324-glass-mid:rgba(255,255,255,.042);
  --v324-glass-bottom:rgba(255,255,255,.015);
  --v324-glass-shadow:0 18px 44px rgba(0,0,0,.24);
  --v324-glass-inner:inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.03);
}

header{
  height:94px!important;
  padding:16px 4vw!important;
}
header.scrolled{height:80px!important}
.brand img{
  height:68px!important;
  max-height:68px!important;
  width:auto!important;
}

/* Quick contact + concierge: much softer, less self-colour, more glass */
.contact-float,
.aw-concierge-launcher,
.aw-concierge-panel,
.aw-concierge-input-shell,
.hero-actions .glass-btn.primary,
.header-cta{
  border:1px solid var(--v324-glass-border)!important;
  background:linear-gradient(180deg,var(--v324-glass-top),var(--v324-glass-mid) 46%,var(--v324-glass-bottom))!important;
  box-shadow:var(--v324-glass-inner),var(--v324-glass-shadow)!important;
  backdrop-filter:blur(34px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(155%)!important;
}
.contact-float:hover,
.aw-concierge-launcher:hover,
.hero-actions .glass-btn.primary:hover,
.header-cta:hover{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05) 46%,rgba(255,255,255,.022))!important;
}
.contact-float-stack{
  right:18px!important;
  bottom:18px!important;
  gap:10px!important;
}
.contact-float{
  min-height:50px!important;
  padding:8px 14px 8px 8px!important;
  color:#f2ece3!important;
}
.contact-icon,
.aw-concierge-launcher-mark{
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.contact-icon{width:33px!important;height:33px!important}
.email-float .contact-icon,
.whatsapp-float .whatsapp-icon{
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026))!important;
}
.email-float .contact-icon{color:#e7d8c2!important}
.whatsapp-float,
.email-float{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038) 46%,rgba(255,255,255,.015))!important;
}
.whatsapp-float .whatsapp-icon{color:#8fe4af!important}
.whatsapp-float .whatsapp-icon .wa-bubble{fill:rgba(143,228,175,.06)!important}
.contact-label{
  color:#f2ece3!important;
  font-size:8.8px!important;
  letter-spacing:.145em!important;
}
.aw-concierge-launcher{
  left:18px!important;
  bottom:18px!important;
  min-height:50px!important;
  padding:8px 15px 8px 8px!important;
  border-radius:999px!important;
}
.aw-concierge-launcher-copy strong{
  font-size:13px!important;
  letter-spacing:.012em!important;
  color:#f2ece3!important;
}
.aw-concierge-launcher-mark img{width:24px!important;height:24px!important}

/* Homepage hero lock */
@media (min-width:921px){
  .hero.hero-static-background{
    padding:104px 4vw 18px!important;
    grid-template-rows:minmax(0,1fr) 52px!important;
  }
  .hero.hero-static-background .hero-main{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:54px 0 72px!important;
    grid-template-columns:minmax(545px,45%) minmax(430px,55%)!important;
    gap:clamp(14px,1.8vw,30px)!important;
    align-items:flex-start!important;
    justify-items:start!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(44%,650px)!important;
    max-width:650px!important;
    margin:0 0 0 -1px!important;
    padding:0!important;
    transform:none!important;
    align-self:flex-start!important;
    justify-self:start!important;
  }
  .hero.hero-static-background .hero-copy .eyebrow{
    margin:0 0 8px!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.255em!important;
    color:#ccb18c!important;
  }
  .hero.hero-static-background .hero-copy h1,
  .hero.hero-static-background .hero-copy h1 span{
    font-family:"Playfair Display","Bodoni Moda",Georgia,serif!important;
    font-weight:700!important;
    color:#f5efe7!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
  }
  .hero.hero-static-background .hero-copy h1{
    width:100%!important;
    max-width:610px!important;
    margin:0!important;
    font-size:clamp(70px,5.35vw,95px)!important;
    line-height:.855!important;
    letter-spacing:-.053em!important;
    white-space:normal!important;
    text-shadow:0 10px 30px rgba(0,0,0,.22)!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .hero.hero-static-background .hero-copy h1 span + span{margin-top:-.04em!important}
  .hero.hero-static-background .hero-copy .lead{
    max-width:550px!important;
    margin:14px 0 18px!important;
    font-size:15.6px!important;
    line-height:1.62!important;
    color:#c9c2b8!important;
  }
  .hero.hero-static-background .hero-actions{
    gap:18px!important;
    margin-top:0!important;
    align-items:center!important;
  }
  .hero.hero-static-background .hero-actions .glass-btn{padding:12px 18px!important}
  .hero.hero-static-background .hero-actions .text-link{
    font-size:10.5px!important;
    letter-spacing:.17em!important;
  }
  .hero-art-background img{
    object-position:58% 50%!important;
    transform:scale(1.01)!important;
  }
  .hero.hero-static-background .designed-row{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:10px 0 0 194px!important;
    min-height:42px!important;
    grid-template-columns:128px repeat(5,minmax(86px,1fr))!important;
    gap:14px!important;
    font-size:10px!important;
    letter-spacing:.165em!important;
  }
}
@media (max-width:1400px) and (min-width:921px){
  .hero.hero-static-background .hero-copy{width:min(45.5%,620px)!important;max-width:620px!important}
  .hero.hero-static-background .hero-copy h1{max-width:585px!important;font-size:clamp(64px,5.15vw,86px)!important}
  .hero.hero-static-background .hero-copy .lead{max-width:520px!important;font-size:15.2px!important}
}
@media (max-width:1120px) and (min-width:921px){
  .hero.hero-static-background .hero-main{grid-template-columns:minmax(470px,46%) minmax(320px,54%)!important;padding-top:50px!important;padding-bottom:66px!important}
  .hero.hero-static-background .hero-copy h1{max-width:515px!important;font-size:clamp(57px,5vw,74px)!important}
  .hero.hero-static-background .hero-copy .lead{max-width:470px!important;font-size:14.8px!important}
  .hero.hero-static-background .designed-row{padding-left:176px!important;grid-template-columns:112px repeat(5,minmax(72px,1fr))!important}
}
@media (max-width:920px){
  .brand img{height:60px!important;max-height:60px!important}
  .hero.hero-static-background .hero-copy .eyebrow{margin-bottom:10px!important}
  .hero.hero-static-background .hero-copy .lead{margin:14px 0 18px!important}
  .contact-float-stack{right:12px!important;bottom:12px!important}
  .aw-concierge-launcher{left:12px!important;bottom:12px!important}
}