/* U Residence — Ivory & Midnight */
body.lpx-u-residence{
  --lp-bg:#f6f1e7; --lp-ink:#161a26; --lp-mute:#6b6a66; --lp-acc:#b98d3e; --lp-acc-ink:#fff;
  --lp-card:#fffdf8; --lp-line:rgba(22,26,38,.13); --lp-dark:#0e1320; --lp-dark-ink:#f4efe3;
  --lp-head:'Playfair Display','Amiri',serif;
  --bg:#f6f1e7;--bg2:#efe8d9;--surface:#fffdf8;--text:#161a26;--muted:#6b6a66;--accent:#b98d3e;--accent-2:#d8b36a;--line:rgba(22,26,38,.13);
  --lp-fld:#fff;--lp-plan-bg:#12151d;
}
html[lang^="ar"] body.lpx-u-residence{--lp-head:'Amiri','Playfair Display',serif}
body.lpx-u-residence .lp-h2{font-weight:700}

/* bar */
.lpx-u-residence .lp-bar{color:#fff}
.lpx-u-residence.scrolled .lp-bar{background:rgba(14,19,32,.94);backdrop-filter:blur(12px);box-shadow:0 8px 30px -14px #000}

/* hero */
.ur-hero{min-height:100svh;display:flex;align-items:center;background-size:cover;background-position:center;color:#fff;padding-block:7rem 4rem}
.ur-hero-scrim{position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,12,22,.92) 0%,rgba(9,12,22,.62) 48%,rgba(9,12,22,.3) 100%)}
html[dir="rtl"] .ur-hero-scrim{background:linear-gradient(255deg,rgba(9,12,22,.92) 0%,rgba(9,12,22,.62) 48%,rgba(9,12,22,.3) 100%)}
.ur-hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
.ur-hero h1{font-size:clamp(3rem,8vw,6rem);line-height:1;margin:.25em 0 .1em;font-weight:700}
.ur-hero h1 small{display:block;font-size:.3em;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#d8b36a;margin-top:.7em}
html[dir="rtl"] .ur-hero h1 small{letter-spacing:.08em}
.ur-tag{font-size:1.15rem;max-width:46ch;opacity:.92}
.ur-pills{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.ur-pills li{border:1px solid rgba(216,179,106,.55);border-radius:14px;padding:.7rem 1.1rem;background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}
.ur-pills b{display:block;font-family:var(--lp-head);font-size:1.35rem;color:#e6c887}
.ur-pills span{font-size:.8rem;opacity:.8}
.ur-hero-form{background:rgba(255,253,248,.97);color:#161a26;border-radius:24px;padding:2rem;box-shadow:0 40px 80px -30px #000;scroll-margin-top:90px}
.ur-hero-form h2{font-size:1.6rem;margin:0 0 .3rem}
.ur-hero-form>p{color:#6b6a66;font-size:.92rem;margin-bottom:1.2rem}

/* ribbon */
.ur-ribbon{background:var(--lp-dark);color:#d8b36a;overflow:hidden;padding-block:.9rem;border-block:1px solid rgba(216,179,106,.3)}
.ur-ribbon-track{display:flex;gap:1.6rem;white-space:nowrap;width:max-content;animation:urMarq 38s linear infinite;font-family:var(--lp-head);font-size:1.15rem;letter-spacing:.12em}
.ur-ribbon i{font-style:normal;font-size:.6rem;align-self:center;opacity:.7}
@keyframes urMarq{to{transform:translateX(-50%)}}
html[dir="rtl"] .ur-ribbon-track{animation-name:urMarqR}
@keyframes urMarqR{to{transform:translateX(50%)}}

/* story */
.ur-story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.ur-story-img{position:relative;aspect-ratio:1/1.1}
.ur-frame{position:absolute;margin:0;border-radius:200px 200px 18px 18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.ur-frame img{width:100%;height:100%;object-fit:cover}
.ur-frame-a{inset-block:0 10%;inset-inline:0 22%}
.ur-frame-b{inset-block:34% 0;inset-inline:38% 0;border:8px solid var(--lp-bg);border-radius:18px 18px 200px 18px}
.ur-points{counter-reset:p;margin:1.4rem 0 2rem;padding:0;list-style:none;display:grid;gap:.8rem}
.ur-points li{counter-increment:p;display:flex;gap:1rem;align-items:center;padding-bottom:.8rem;border-bottom:1px solid var(--lp-line);font-weight:600}
.ur-points li::before{content:"0" counter(p);font-family:var(--lp-head);color:var(--lp-acc);font-size:1.25rem;min-width:2ch}

/* units */
.ur-units{background:var(--lp-dark);color:var(--lp-dark-ink);--lp-mute:#a9a7a0;--lp-line:rgba(244,239,227,.18);--lp-card:#171c2b;--lp-ink:#f4efe3}
.ur-units .lp-btn-line{color:#f4efe3}
.ur-units .lp-btn-line:hover{color:#fff}
.ur-units .lp-tab.is-on{color:#fff}

/* gallery */
.ur-gallery{background:var(--lp-bg)}
.ur-gallery .lp-rail{margin-top:1.5rem}
.ur-gallery .g-item{border:0;padding:0;cursor:zoom-in;overflow:hidden}
.ur-gallery .g-item img{transition:transform .8s}
.ur-gallery .g-item:hover img{transform:scale(1.06)}

/* location */
.ur-loc{background:#efe8d9}
.ur-loc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.ur-loc .lp-maps{grid-template-columns:1fr 1fr}
.ur-loc .lp-maps .g-item{padding:.5rem;cursor:zoom-in}
.ur-vid{margin-top:3rem}
.ur-vid .lp-videos{grid-template-columns:repeat(auto-fit,minmax(200px,260px));justify-content:center}

/* payment */
.ur-pay{background:var(--lp-dark);color:var(--lp-dark-ink);text-align:center}
.ur-pay .lp-h2{color:#f4efe3}
.ur-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}
.ur-pay-grid div{border:1px solid rgba(216,179,106,.4);border-radius:22px;padding:2.2rem 1rem}
.ur-pay-grid b{display:block;font-family:var(--lp-head);font-size:clamp(2.4rem,6vw,4rem);color:#e6c887;line-height:1}
.ur-pay-grid span{opacity:.8}

/* final CTA */
.ur-cta{background-size:cover;background-position:center;color:#fff}
.ur-cta-scrim{position:absolute;inset:0;background:rgba(9,12,22,.82)}
.ur-cta-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.ur-cta .lp-lead{color:#d9d6cd}
.ur-cta-card{background:rgba(255,253,248,.97);color:#161a26;border-radius:24px;padding:2rem}

@media (max-width:900px){
  .ur-hero-in,.ur-story-grid,.ur-loc-grid,.ur-cta-in{grid-template-columns:1fr}
  .ur-story-img{aspect-ratio:1/1;max-width:440px;margin-inline:auto;width:100%}
  .ur-pay-grid{grid-template-columns:1fr}
  .ur-hero{padding-block:6rem 3rem}
}