/* Avenza 2 — Sage Garden */
body.lpx-avenza-2{
  --lp-bg:#f1f3e6; --lp-ink:#2c3524; --lp-mute:#667057; --lp-acc:#6b7650; --lp-acc-ink:#fff;
  --lp-card:#fbfcf6; --lp-line:rgba(60,68,48,.16); --lp-dark:#3c4430; --lp-dark-ink:#f1f3e6;
  --lp-head:'Cormorant Garamond','El Messiri',serif; --wood:#c9976a;
  --bg:#f1f3e6;--bg2:#e6ead4;--surface:#fbfcf6;--text:#2c3524;--muted:#667057;--accent:#6b7650;--accent-2:#8a9a6b;--line:rgba(60,68,48,.16);
  --lp-fld:#fff;--lp-plan-bg:#e3e8d0;
}
html[lang^="ar"] body.lpx-avenza-2{--lp-head:'El Messiri','Cormorant Garamond',serif}
body.lpx-avenza-2 .lp-h2{font-weight:700}
.lpx-avenza-2 .lp-bar,.lpx-avenza-2.scrolled .lp-bar{background:rgba(60,68,48,.96);color:#f1f3e6;backdrop-filter:blur(12px);box-shadow:0 8px 30px -18px rgba(44,53,36,.6)}
.lpx-avenza-2 .lp-bar .lp-btn-primary,.lpx-avenza-2 .lp-lang a.is-on{background:#c9976a;color:#fff}
.av-script{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--wood);margin:0 0 .2rem}
.av-head{margin-bottom:2rem;max-width:760px}

/* hero (split, light) */
.av-hero{min-height:100svh;display:flex;align-items:center;padding-block:7rem 3rem;background:radial-gradient(circle at 85% 20%,#e3e9cc 0,transparent 55%),var(--lp-bg)}
.av-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.av-badge{display:inline-block;padding:.4rem 1rem;border-radius:999px;background:var(--lp-dark);color:#f1f3e6;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:1rem}
.av-hero h1{font-size:clamp(3.4rem,9vw,7rem);line-height:.95;margin:0 0 .3em;font-weight:700;color:var(--lp-dark)}
.av-hero h1 em{font-style:italic;color:var(--wood)}
.av-sub{font-size:1.1rem;color:var(--lp-mute);max-width:48ch}
.av-hero-form{margin-top:1.6rem;background:#fff;border:1px solid var(--lp-line);border-radius:26px;padding:1.5rem 1.6rem;box-shadow:0 30px 60px -36px rgba(60,68,48,.55);max-width:520px;scroll-margin-top:90px}
.av-hero-form h2{font-size:1.25rem;margin:0 0 1rem}
.av-hero-art{position:relative;min-height:560px}
.av-arch{overflow:hidden;border-radius:999px 999px 28px 28px;background:#dfe5c9}
.av-arch img{width:100%;height:100%;object-fit:cover}
.av-hero-art .av-arch:first-child{position:absolute;inset-block:0;inset-inline:12% 0;box-shadow:0 40px 70px -35px rgba(44,53,36,.7)}
.av-arch-s{position:absolute;inset-block-end:-1.5rem;inset-inline-start:0;width:42%;aspect-ratio:3/4;border:7px solid var(--lp-bg);border-radius:999px 999px 24px 24px;box-shadow:0 24px 50px -26px rgba(44,53,36,.7)}
.av-float{position:absolute;inset-block-start:8%;inset-inline-start:2%;background:var(--wood);color:#fff;border-radius:50%;width:132px;height:132px;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 18px 36px -16px rgba(0,0,0,.5)}
.av-float b{font-family:var(--lp-head);font-size:1.7rem;line-height:1}
.av-float span{font-size:.75rem}

/* stats */
.av-stats{background:var(--lp-dark);color:var(--lp-dark-ink)}
.av-stats-in{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.av-stats-in div{padding:1.8rem .5rem;border-inline-end:1px solid rgba(241,243,230,.16)}
.av-stats-in div:last-child{border:0}
.av-stats b{display:block;font-family:var(--lp-head);font-size:clamp(1.8rem,4vw,2.9rem);line-height:1;color:#e6c9a3}
.av-stats span{font-size:.85rem;opacity:.8}

/* why */
.av-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.av-cards article{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:26px;padding:1.8rem 1.5rem;transition:transform .35s,box-shadow .35s}
.av-cards article:hover{transform:translateY(-6px);box-shadow:0 26px 40px -28px rgba(44,53,36,.6)}
.av-cards i{font-style:normal;font-family:var(--lp-head);font-size:2.4rem;color:var(--wood);line-height:1}
.av-cards h3{font-size:1.3rem;margin:.6rem 0 .4rem}
.av-cards p{color:var(--lp-mute);font-size:.95rem;margin:0}

/* units */
.av-units{background:#e6ead4}
.av-units .lp-plan{background:#fbfcf6}
.av-units .lp-plan-extra{color:var(--wood)}
.av-units .lp-btn-line{color:var(--lp-dark);border-color:var(--lp-acc)}
.av-units .lp-btn-line:hover{color:#fff}

/* amenities */
.av-amen-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.av-arch-wide{border-radius:999px 999px 28px 28px;aspect-ratio:4/5;max-width:480px;margin-inline:auto;box-shadow:0 36px 60px -34px rgba(44,53,36,.7)}
.av-amen-list{display:grid;gap:.9rem;margin-top:1.4rem}
.av-amen-list li{display:flex;gap:1rem;align-items:center;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;padding:.9rem 1.1rem}
.av-dot{display:grid;place-content:center;width:34px;height:34px;border-radius:50%;background:var(--lp-acc);color:#fff;flex:none}
.av-amen-list b{display:block;font-family:var(--lp-head);font-size:1.2rem;line-height:1.2}
.av-amen-list small{color:var(--lp-mute)}

/* gallery masonry */
.av-gal{background:var(--lp-dark);color:var(--lp-dark-ink);--lp-line:rgba(241,243,230,.18)}
.av-gal .lp-kicker{color:#e6c9a3}
.av-masonry{columns:3 260px;column-gap:1rem}
.av-masonry .g-item{display:block;width:100%;margin:0 0 1rem;padding:0;border:0;cursor:zoom-in;border-radius:20px;overflow:hidden;break-inside:avoid;background:#2c3524}
.av-masonry .g-item img{width:100%;height:auto;transition:transform .8s}
.av-masonry .g-item:hover img{transform:scale(1.05)}

/* videos / location */
.av-vid .lp-videos{grid-template-columns:repeat(auto-fit,minmax(200px,300px));justify-content:center}
.av-loc{background:#e6ead4}
.av-loc .lp-maps .g-item{cursor:zoom-in;padding:.5rem}

/* final CTA */
.av-cta{background:linear-gradient(135deg,#4a5439,#3c4430);color:#f1f3e6;padding-block:clamp(3.5rem,8vw,6rem)}
.av-cta h2{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0}
.av-cta p{opacity:.88}
.av-cta-in{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.av-cta-card{background:#fbfcf6;color:#2c3524;border-radius:28px;padding:2rem}

@media (max-width:900px){
  .av-hero-in,.av-amen-grid,.av-cta-in{grid-template-columns:1fr}
  .av-hero-art{min-height:420px;order:-1;margin-top:1rem}
  .av-stats-in{grid-template-columns:1fr 1fr}
  .av-cards{grid-template-columns:1fr 1fr}
  .av-hero{padding-block:5.5rem 2rem}
}
@media (max-width:560px){.av-cards{grid-template-columns:1fr}.av-float{width:104px;height:104px}}
