/* VDMT V19 — light luxury footer experiment */
:root{
  --v19-ivory:#f3efe7;
  --v19-ivory-soft:#f8f5ef;
  --v19-forest:#1d332d;
  --v19-muted:#61706a;
  --v19-teal:#4b967e;
  --v19-champagne:#b9aa91;
  --v19-line:rgba(29,51,45,.16);
}

.footer{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,var(--v19-ivory-soft) 0%,var(--v19-ivory) 100%)!important;
  color:var(--v19-forest)!important;
  padding:86px 0 0!important;
  border-top:1px solid rgba(185,170,145,.34)!important;
}
.footer:before{
  content:""!important;
  position:absolute!important;
  left:-4vw!important;
  bottom:34px!important;
  width:min(48vw,720px)!important;
  aspect-ratio:16/9!important;
  background:url('/assets/lotus-signature-v18.png') left bottom/contain no-repeat!important;
  opacity:.24!important;
  filter:saturate(.78) contrast(.96)!important;
  mix-blend-mode:multiply!important;
  pointer-events:none!important;
}
.footer:after{
  content:""!important;
  position:absolute!important;
  width:380px!important;
  height:380px!important;
  border:1px solid rgba(75,150,126,.15)!important;
  border-radius:50%!important;
  right:-115px!important;
  top:-175px!important;
  background:transparent!important;
  pointer-events:none!important;
}
.footer .wrap{position:relative!important;z-index:2!important}
.footer-grid{
  gap:68px!important;
  align-items:start!important;
  padding-bottom:64px!important;
}
.footer-grid>div:first-child{padding-right:18px!important}
.footer-brand{
  background:transparent!important;
  width:auto!important;
  padding:0!important;
  margin:0 0 26px!important;
}
.footer-brand img{
  display:block!important;
  width:230px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.footer p{
  color:var(--v19-muted)!important;
  font-size:13px!important;
  line-height:1.8!important;
  max-width:290px!important;
}
.footer h3{
  color:var(--v19-teal)!important;
  font-family:var(--sans)!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  margin-bottom:26px!important;
}
.footer a{
  color:var(--v19-forest)!important;
  opacity:.92!important;
  font-size:12px!important;
  margin-bottom:11px!important;
  transition:color .22s ease, transform .22s ease, opacity .22s ease!important;
}
.footer a:hover{
  color:var(--v19-teal)!important;
  opacity:1!important;
  transform:translateX(2px)!important;
}
.footer-bottom{
  position:relative!important;
  margin:0 calc(50% - 50vw)!important;
  padding:18px max(calc((100vw - 1480px)/2 + 40px),40px)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  background:var(--v19-forest)!important;
  color:rgba(248,245,239,.76)!important;
  font-size:10px!important;
}
.footer-bottom a{color:rgba(248,245,239,.92)!important;opacity:1!important}
.footer-bottom a:hover{color:#fff!important}

@media(max-width:1150px){
  .footer-grid{gap:46px!important}
  .footer:before{width:58vw!important;left:-9vw!important;opacity:.20!important}
}
@media(max-width:850px){
  .footer{padding-top:72px!important}
  .footer-grid{gap:42px 34px!important}
  .footer:before{width:74vw!important;left:-20vw!important;bottom:42px!important;opacity:.18!important}
  .footer-brand img{width:210px!important}
}
@media(max-width:600px){
  .footer{padding:58px 0 86px!important}
  .footer-grid{gap:34px 22px!important;padding-bottom:52px!important}
  .footer-grid>div:first-child{padding-right:0!important}
  .footer-brand img{width:200px!important}
  .footer:before{
    width:112vw!important;
    left:-48vw!important;
    bottom:70px!important;
    opacity:.14!important;
  }
  .footer:after{width:260px!important;height:260px!important;right:-150px!important;top:-120px!important}
  .footer-bottom{
    margin-bottom:-86px!important;
    padding:17px 20px calc(17px + env(safe-area-inset-bottom))!important;
  }
}
