/* ============================================================
   LevanTec Developments — luxe front-end.
   Palette: ink #0B0B0C · ink-2 #131315 · bone #EFEAE1 · stone #8E8880 · brass #A8875A
   Display: Cormorant Garamond · Utility: Jost (both loaded by the site header).
   ============================================================ */

body.pz-p-development,
body.pz-p-developments{ background:#0B0B0C; color:#EFEAE1; }
body.pz-p-development .site-main,
body.pz-p-developments .site-main{ max-width:none; margin:0; padding:0; width:100%; }

.dev, .devs-archive{ font-family:"Jost",system-ui,sans-serif; }
.dev-h, .devs-title, .dev-title, .dev-cta__h, .devcard__name{
  font-family:"Cormorant Garamond",Georgia,serif; font-weight:300;
}

/* ── Hero ── */
.dev-hero{
  position:relative; min-height:clamp(360px,62vh,620px);
  display:flex; align-items:flex-end;
  background:#131315 center/cover no-repeat;
}
.dev-hero::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(11,11,12,.15) 0%,rgba(11,11,12,.55) 55%,rgba(11,11,12,.94) 100%);
}
.dev-hero__inner{
  position:relative; z-index:2; width:100%;
  max-width:1180px; margin:0 auto; padding:clamp(2rem,5vw,4.5rem) clamp(1.4rem,5vw,3.5rem);
}
.dev-status{
  display:inline-block; font-size:.6rem; letter-spacing:.32em; text-transform:uppercase;
  color:#0B0B0C; background:#A8875A; padding:.5em 1em; margin-bottom:1.1rem;
}
.dev-title{ margin:0; color:#fff; font-size:clamp(2.6rem,7vw,5.4rem); line-height:.98; letter-spacing:.01em; }
.dev-loc{ margin:.7rem 0 0; font-size:.72rem; letter-spacing:.26em; text-transform:uppercase; color:#C9C3B7; }
.dev-pricefrom{ margin:1.1rem 0 0; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(1.5rem,3vw,2.1rem); color:#A8875A; }
.dev-pricefrom span{ font-family:"Jost",sans-serif; font-size:.62rem; letter-spacing:.28em; text-transform:uppercase; color:#8E8880; margin-right:.4rem; }

/* ── Facts strip ── */
.dev-facts{
  display:flex; flex-wrap:wrap; gap:clamp(1.6rem,5vw,4rem); justify-content:center;
  max-width:1180px; margin:0 auto; padding:clamp(1.6rem,3.4vw,2.4rem) clamp(1.4rem,5vw,3.5rem);
  border-bottom:1px solid rgba(239,234,225,.1);
}
.dev-facts .fact{ text-align:center; }
.dev-facts .fact__v{ display:block; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(1.5rem,2.6vw,2.1rem); color:#fff; line-height:1; }
.dev-facts .fact__k{ display:block; font-size:.56rem; letter-spacing:.2em; text-transform:uppercase; color:#8E8880; margin-top:.55rem; }

/* ── Body column ── */
.dev-body{ max-width:1000px; margin:0 auto; padding:clamp(2.6rem,6vw,5rem) clamp(1.4rem,5vw,3.5rem); }
.dev-body > section{ margin-bottom:clamp(2.6rem,6vw,4.5rem); }
.dev-body > section:last-child{ margin-bottom:0; }
.dev-h{ font-size:clamp(1.6rem,3vw,2.3rem); color:#fff; margin:0 0 1.4rem; }
.dev-h::after{ content:""; display:block; width:44px; height:1px; background:#A8875A; margin-top:1rem; }

.dev-prose{ color:#C9C3B7; line-height:1.8; max-width:70ch; font-size:1rem; }
.dev-prose p{ margin:0 0 1rem; }

/* Amenities */
.dev-amenities ul{ list-style:none; margin:0; padding:0; columns:2; column-gap:2.5rem; max-width:760px; }
.dev-amenities li{ position:relative; padding:.55rem 0 .55rem 1.4rem; color:#EFEAE1; break-inside:avoid; border-bottom:1px solid rgba(239,234,225,.07); }
.dev-amenities li::before{ content:""; position:absolute; left:0; top:.95rem; width:6px; height:6px; background:#A8875A; transform:rotate(45deg); }

/* Gallery */
.dev-gallery__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.dev-gallery__grid .g-shot{ aspect-ratio:4/3; background:#131315 center/cover no-repeat; border:1px solid rgba(239,234,225,.1); }
@media(max-width:720px){ .dev-gallery__grid{ grid-template-columns:1fr 1fr; } }

/* ── Units ── */
.dev-units{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(.9rem,1.8vw,1.4rem); }
@media(max-width:900px){ .dev-units{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .dev-units{ grid-template-columns:1fr; } }
.unit{ display:flex; flex-direction:column; background:#131315; border:1px solid rgba(239,234,225,.1); text-decoration:none; color:inherit; transition:border-color .25s ease, transform .25s ease; }
.unit:hover{ border-color:rgba(168,135,90,.6); transform:translateY(-3px); }
.unit__img{ display:block; aspect-ratio:4/3; background:#0f0f10 center/cover no-repeat; }
.unit__body{ padding:1.1rem 1.2rem 1.3rem; display:flex; flex-direction:column; gap:.5rem; }
.unit__title{ font-family:"Cormorant Garamond",Georgia,serif; font-size:1.25rem; color:#fff; line-height:1.2; }
.unit__meta{ display:flex; gap:1rem; font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:#8E8880; }
.unit__price{ font-family:"Cormorant Garamond",Georgia,serif; font-size:1.2rem; color:#A8875A; margin-top:.15rem; }
.dev-units-empty{ color:#8E8880; font-size:.95rem; }

/* ── CTA ── */
.dev-cta{ text-align:center; padding-top:clamp(2rem,4vw,3rem); border-top:1px solid rgba(239,234,225,.1); }
.dev-cta__h{ font-size:clamp(1.8rem,3.4vw,2.6rem); color:#fff; margin:0 0 .6rem; }
.dev-cta p{ color:#8E8880; margin:0 0 1.6rem; }
.dev-cta__btn,
.devcard{ text-decoration:none; }
.dev-cta__btn{
  display:inline-flex; align-items:center; gap:.7rem; background:#A8875A; color:#0B0B0C !important;
  font-size:.72rem; letter-spacing:.24em; text-transform:uppercase; padding:1rem 2.4rem;
  border:1px solid #A8875A; transition:background .25s ease,color .25s ease;
}
.dev-cta__btn:hover{ background:transparent; color:#A8875A !important; }
.dev-cta__btn span{ font-size:1.1em; line-height:0; }

/* ============================================================
   Archive
   ============================================================ */
.devs-archive{ max-width:1240px; margin:0 auto; padding:clamp(3rem,7vh,6rem) clamp(1.4rem,5vw,3.5rem) clamp(4rem,9vh,7rem); }
.devs-head{ text-align:center; margin-bottom:clamp(2.4rem,5vw,4rem); }
.devs-eyebrow{ font-size:.6rem; letter-spacing:.4em; text-transform:uppercase; color:#A8875A; margin:0 0 1rem; }
.devs-title{ font-size:clamp(2.6rem,6vw,4.4rem); color:#fff; margin:0; }
.devs-sub{ margin:.9rem 0 0; color:#8E8880; font-size:.95rem; letter-spacing:.02em; }

.devs-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1rem,2vw,1.6rem); }
/* When the [pz_developments] shortcode is dropped into an Elementor grid
   container (e.g. the Off Plan page), make its widget span every column so the
   card grid gets the full width instead of a single cell. */
.elementor-element-pzdevs01{ grid-column:1 / -1; }
.pz-devs-shortcode{ width:100%; }
@media(max-width:900px){ .devs-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .devs-grid{ grid-template-columns:1fr; } }
.devcard{ display:flex; flex-direction:column; background:#131315; border:1px solid rgba(239,234,225,.1); color:inherit; transition:border-color .25s ease, transform .25s ease; }
.devcard:hover{ border-color:rgba(168,135,90,.6); transform:translateY(-3px); }
.devcard__img{ position:relative; display:block; aspect-ratio:4/3; background:#0f0f10 center/cover no-repeat; }
.devcard__status{ position:absolute; top:1rem; left:1rem; font-size:.74rem; letter-spacing:.22em; text-transform:uppercase; color:#0B0B0C; background:#A8875A; padding:.5em 1em; }
.devcard__body{ padding:1.3rem 1.4rem 1.6rem; display:flex; flex-direction:column; gap:.5rem; }
.devcard__name{ font-size:1.7rem; color:#fff; line-height:1.1; }
.devcard__loc{ font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:#8E8880; }
.devcard__meta{ display:flex; justify-content:space-between; gap:1rem; margin-top:.5rem; padding-top:.9rem; border-top:1px solid rgba(239,234,225,.08); font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:#C9C3B7; }
.devs-empty{ text-align:center; color:#8E8880; }