/* VDMT V18 — quiet luxury polish: ivory philosophy band + editorial footer artwork */
:root{
  --v18-ivory:#f4efe7;
  --v18-paper:#fbf9f4;
  --v18-ink:#173a34;
  --v18-forest:#183f37;
  --v18-forest-deep:#12332d;
  --v18-teal:#4b967e;
  --v18-champagne:#c7b69e;
  --v18-line:rgba(23,58,52,.14);
}

/* Philosophy band: light, editorial, not a dark block */
.quote-band{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 86% 20%, rgba(75,150,126,.08) 0 19%, transparent 19.2%),
    linear-gradient(135deg,#f7f2ea 0%,#f1ebe1 100%)!important;
  color:var(--v18-ink)!important;
  border-top:1px solid rgba(23,58,52,.08);
  border-bottom:1px solid rgba(23,58,52,.08);
}
.quote-band:after{
  content:""!important;
  position:absolute!important;
  width:390px!important;height:390px!important;
  right:-120px!important;top:-170px!important;
  border:1px solid rgba(75,150,126,.18)!important;
  border-radius:50%!important;
  z-index:-1!important;
}
.quote-band .eyebrow{color:var(--v18-teal)!important}
.quote-band blockquote{color:var(--v18-ink)!important;text-shadow:none!important}
.quote-band cite{color:#6d7f77!important;letter-spacing:.16em!important}

/* Footer: fashion-editorial palette, warm contrast, lotus as a subtle signature */
.footer{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 85% 12%,rgba(199,182,158,.08),transparent 30%),
    linear-gradient(145deg,var(--v18-forest) 0%,var(--v18-forest-deep) 100%)!important;
  color:#f7f1e8!important;
  padding:82px 0 32px!important;
  border-top:1px solid rgba(199,182,158,.38)!important;
}
.footer:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-4%;
  bottom:-28%;
  width:min(720px,58vw);
  aspect-ratio:2048/1075;
  background:url('/assets/lotus-signature-v18.png') left bottom/contain no-repeat;
  opacity:.14;
  filter:saturate(.82) contrast(.92);
  pointer-events:none;
}
.footer:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-80px;
  top:-120px;
  width:380px;height:380px;
  border:1px solid rgba(247,241,232,.08);
  border-radius:50%;
  pointer-events:none;
}
.footer .wrap{position:relative;z-index:1}
.footer-grid{gap:64px!important;align-items:start!important}
.footer-brand{margin-bottom:26px!important}
.footer-brand img{
  width:238px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
}
.footer p{color:rgba(247,241,232,.79)!important;font-size:13px!important;line-height:1.82!important}
.footer h3{
  color:var(--v18-champagne)!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  margin-bottom:24px!important;
}
.footer a{
  color:rgba(255,252,246,.92)!important;
  font-size:12px!important;
  line-height:1.75!important;
  opacity:1!important;
  transition:color .22s ease,transform .22s ease,opacity .22s ease!important;
}
.footer a:hover{color:#fff!important;opacity:1!important;transform:translateX(2px)}
.footer-bottom{
  border-top:1px solid rgba(247,241,232,.20)!important;
  color:rgba(247,241,232,.63)!important;
  opacity:1!important;
  margin-top:44px!important;
  padding-top:22px!important;
  font-size:10px!important;
}
.footer-bottom a{color:rgba(247,241,232,.77)!important}

/* Small editorial refinement to make large content feel quieter and more premium */
.section-head h2,.split-title h2,.founder h2,.faq h2{letter-spacing:-.045em!important}
.path-card,.course-card,.testimonial-grid figure{transition:background .28s ease,box-shadow .28s ease!important}
.path-card:hover,.course-card:hover,.testimonial-grid figure:hover{box-shadow:0 18px 48px rgba(22,54,47,.055)!important}

@media(max-width:960px){
  .footer:before{width:78vw;left:-18%;bottom:-12%;opacity:.10}
  .footer-grid{gap:44px 34px!important}
}
@media(max-width:600px){
  .quote-band:after{width:260px!important;height:260px!important;right:-110px!important;top:-110px!important}
  .footer{padding:62px 0 104px!important}
  .footer:before{width:110vw;left:-42%;bottom:-2%;opacity:.08}
  .footer-brand img{width:220px!important}
  .footer-grid{gap:36px 20px!important}
  .footer-bottom{margin-top:34px!important}
}