/* The Carlyle Residences Dubai — overrides on the Waldorf Astoria Al Maryah layout (waldorf.css) */

/* ink buttons in place of the Waldorf navy */
:root{--navy:#1a1815;--navy-2:#3a332b}

/* header script mark */
.wa-header-mark img{height:34px;width:auto}

/* Carlyle script watermark on the light sections */
.wa-designed::after,.wa-residences::after,.wa-register::after,.wa-faq::after,.wa-penthouse::after{
  background-image:url(../img/mark-ink.webp);aspect-ratio:520/151;opacity:.05;width:clamp(300px,34vw,520px)}

/* penthouse band: its own background */
.wa-penthouse{position:relative;background:#f4f1eb}
.wa-penthouse::after{content:"";position:absolute;pointer-events:none;background:center/contain no-repeat;right:-4%;top:5%}
.wa-penthouse > *{position:relative;z-index:1}

/* brand band: no photo behind it (renders are never cropped), a quiet dark field instead */
.wa-band{background:radial-gradient(ellipse at 50% 0%,rgba(176,138,78,.22),transparent 60%),#14120f;min-height:clamp(320px,36vw,460px)}
.wa-band-mono{width:clamp(180px,20vw,260px)}

/* why section: the portrait night render, shown whole */
.wi-badge img{width:84px}

/* footer + modal logos keep their wide script proportions */
.wa-foot-logo img{width:260px}
.wa-modal-logo{width:200px}
.wa-modal-mono{width:150px}

/* tower stack (designed section): the building read top to bottom */
.wa-stack{list-style:none;padding:0;margin:clamp(2.75rem,5vw,3.75rem) auto 0;width:min(820px,100%);border-top:1px solid rgba(176,138,78,.45)}
.wa-stack li{display:grid;grid-template-columns:9.5rem 1fr;column-gap:1.5rem;align-items:baseline;padding:1.15rem .25rem;border-bottom:1px solid rgba(176,138,78,.3)}
.ts-lv{grid-row:span 2;font-style:italic;font-size:1.15rem;color:var(--gold)}
.wa-stack b{font-weight:400;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.wa-stack em{font-style:normal;margin-top:.3rem;color:var(--body);font-size:.97rem;line-height:1.6}
.wa-stack li:nth-child(2){background:linear-gradient(90deg,rgba(176,138,78,.09),transparent 70%)}
@media (max-width:560px){.wa-stack li{grid-template-columns:1fr}.ts-lv{grid-row:auto;margin-bottom:.35rem}}

/* price guide + payment plan */
.wa-prices{background:radial-gradient(ellipse at 90% 0%,rgba(176,138,78,.12),transparent 55%),#f7f3ec}
.wp-list{list-style:none;padding:0;margin:clamp(2.75rem,5vw,3.75rem) auto 0;width:min(900px,100%)}
.wp-row{display:flex;align-items:baseline;gap:1rem;padding:1.35rem .25rem;border-bottom:1px solid rgba(176,138,78,.35)}
.wp-row:first-child{border-top:1px solid rgba(176,138,78,.55)}
.wp-type{font-size:1.02rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.wp-dots{flex:1;border-bottom:1px dotted rgba(26,24,21,.3);transform:translateY(-.3em)}
.wp-price{font-size:clamp(1.2rem,1.9vw,1.5rem);color:#7d5f3c;white-space:nowrap;font-variant-numeric:lining-nums}
.wp-ask{margin-left:1rem;min-height:36px;padding:0 1.1rem;border:1px solid var(--gold);background:transparent;font-family:var(--sans);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease)}
.wp-ask:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.wp-row:last-child .wp-price{background:linear-gradient(135deg,#a8803f,#d9bb7f 50%,#a8803f);-webkit-background-clip:text;background-clip:text;color:transparent}
.wp-sub{margin:clamp(3.5rem,7vw,5rem) 0 0;text-align:center;font-weight:400;font-size:clamp(1.05rem,1.5vw,1.25rem);letter-spacing:.2em;text-transform:uppercase}
.pp-list{list-style:none;padding:0;margin:clamp(2rem,4vw,2.75rem) auto 0;width:min(1100px,100%);display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(176,138,78,.45)}
.pp{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.8rem .8rem;background:#fff}
.pp + .pp{border-left:1px solid rgba(176,138,78,.3)}
.pp strong{font-weight:400;font-size:clamp(2rem,3vw,2.6rem);line-height:1;background:linear-gradient(135deg,#a8803f,#d9bb7f 50%,#a8803f);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp b{margin-top:.9rem;font-weight:400;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.pp span{margin-top:.4rem;font-size:.9rem;color:var(--body);line-height:1.5}
.pp:last-child{background:#1d1a16}
.pp:last-child b{color:#fff}.pp:last-child span{color:rgba(255,255,255,.7)}
@media (max-width:960px){.pp-list{grid-template-columns:repeat(3,1fr)}.pp:nth-child(4){border-left:0}.pp:nth-child(n+4){border-top:1px solid rgba(176,138,78,.3)}}
@media (max-width:620px){
  .wp-row{flex-wrap:wrap;gap:.4rem 1rem}
  .wp-dots{display:none}
  .wp-type{flex:1 0 100%;font-size:.92rem}
  .wp-ask{margin-left:auto}
  .pp-list{grid-template-columns:1fr 1fr}
  .pp:nth-child(odd){border-left:0}.pp:nth-child(4){border-left:1px solid rgba(176,138,78,.3)}.pp:nth-child(n+3){border-top:1px solid rgba(176,138,78,.3)}
}

/* ==========================================================================
   Rosewood Carlyle design layer (after rosewoodhotels.com/en/the-carlyle-new-york, user's reference 20 Oct 2026):
   ivory ground, near-black text, Carlyle green buttons, engraved-caps labels over large light serif headings,
   left-aligned editorial blocks, hairline dividers in place of gold.
   ========================================================================== */
@font-face{font-family:"Carlyle Label";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/label-600.woff2) format("woff2")}
:root{
  --ivory:#fafbf5; --ink:#1b1c19; --body:#3c3d38; --soft:#6d6e66;
  --green:#1d3a2c; --green-2:#2b4d3c;
  --navy:var(--green); --navy-2:var(--green-2);
  --gold:#1d3a2c; --gold-lt:#c9d2c3;
  --hair:rgba(27,28,25,.16);
  --gold-grad:linear-gradient(90deg,var(--hair),var(--hair));
  --label:"Carlyle Label","Helvetica Neue",Arial,sans-serif;
}
body{background:var(--ivory);color:var(--ink)}
::selection{background:#dfe5d8}

/* labels: small, bold, widely tracked caps */
.wh-label,.wa-kicker,.wt-btn,.wa-reg,.wa-btn,.btn.wa-btn,.wa-ghost,.wp-ask,.wa-link,.wf-list span,.wa-types span,.wa-note,
.wa-header-mark span,.pp b,.wp-type,.wa-stack b,.wg h3,.wi h3,.ws h3,.wa-foot-place,.wa-foot-h,.wa-foot-c,.wa-modal-t,
.wa-full figcaption,.wa-trio figcaption,.wa-duo figcaption,.wt-media figcaption,.wr-media figcaption,.wi-media figcaption,.wa-hero-cap{
  font-family:var(--label);font-weight:600}

/* headings: label over a large serif line, left aligned */
.wh{align-items:flex-start;text-align:left;width:min(1180px,100%);margin-inline:auto}
.wh h2{margin:0;display:flex;flex-direction:column;gap:1.1rem;font-size:inherit;letter-spacing:0;text-transform:none;opacity:1;transform:none}
.wh-label{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.wh-line{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.005em;color:var(--ink);max-width:18ch}
.wh .wh-rule{display:none}
.wh.in-view h2,.wh h2{opacity:1;transform:none}
.wa-p{max-width:none;width:min(1180px,100%);margin:clamp(1.6rem,3vw,2.2rem) auto 0;text-align:left;columns:2 22rem;column-gap:clamp(2rem,5vw,4.5rem);font-size:1.06rem;color:var(--body)}
.wa-p--tight{margin-top:1.2rem}
.wa-note{text-align:left;width:min(1180px,100%);margin-inline:auto;font-size:.7rem;letter-spacing:.22em;color:var(--soft)}
.wa-actions{justify-content:flex-start;width:min(1180px,100%);margin-inline:auto}

/* buttons: Carlyle green, thin outlines, underlined text links */
.wa-btn,.btn.wa-btn{background:var(--green);border-color:var(--green);font-size:.72rem;letter-spacing:.24em;min-height:50px}
.wa-btn:hover,.btn.wa-btn:hover{background:var(--green-2);border-color:var(--green-2);box-shadow:none}
.wa-ghost,.wp-ask{border-color:var(--ink);color:var(--ink);font-size:.68rem;letter-spacing:.22em}
.wa-ghost:hover,.wp-ask:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.wa-link{align-self:center;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-bottom:.35rem;border-bottom:1px solid var(--ink)}
.wa-link:hover{color:var(--green);border-color:var(--green)}

/* intro: the H1 */
.wa-intro{background:var(--ivory);padding:clamp(4rem,8vw,6.5rem) 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.wa-kicker{margin:0;font-size:.76rem;letter-spacing:.3em;text-transform:uppercase}
.wa-h1{margin:1.2rem 0 0;font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.04;letter-spacing:-.01em;color:var(--ink)}
.wa-intro .wa-statement{max-width:36rem;margin-top:1.6rem;font-size:clamp(1.15rem,1.6vw,1.35rem);color:var(--body)}
.wa-intro .wa-actions{justify-content:center;margin-top:2.4rem;width:auto;gap:2rem}

/* section grounds: Rosewood ivories, each section its own */
.wa-designed{background:#f6f7f1}
.wa-backdrop{background:#efefe8}
.wa-leaf{display:none}
.wa-full--plan{background:#e9eae2}
.wa-guide{background:#fafbf5}
.wa-residences{background:#f3f4ee}
.wa-penthouse{background:#fbfbf7}
.wa-prices{background:#f1f2eb}
.wa-tabs{background:#e8e9e1}
.wa-invest{background:#f7f7f2}
.wa-register{background:#f4f5ef}
.wa-faq{background:#ecede6}
.wa-designed::after,.wa-residences::after,.wa-register::after,.wa-faq::after,.wa-penthouse::after{display:none}

/* dark bands: black and Carlyle green, no gold */
.wa-facts{background:var(--ivory);color:var(--ink);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.wf-list li + li::before{background:var(--hair)}
.wf-list strong{background:none;color:var(--ink);font-size:clamp(2.8rem,4.6vw,4rem)}
.wf-list span{color:var(--soft);font-size:.64rem}
.wa-steps{background:#141513}
.ws{border-color:rgba(255,255,255,.18)}
.ws-n{background:none;color:#fff;font-style:normal}
.wa-band{background:var(--green)}
.wa-band-t{font-family:var(--display);text-transform:none;letter-spacing:0;font-size:clamp(1.6rem,3vw,2.4rem)}

/* lists, numerals and accents in ink/green */
.wi-n,.amen-num,.ts-lv{color:var(--green)}
.wi,.wi:last-child{border-color:var(--hair)}
.wi h3,.wg h3{font-size:.76rem;letter-spacing:.2em}
.wi p,.wg p{font-size:1.02rem}
.wg-grid{border-top-color:var(--hair)}
.wg{border-bottom-color:var(--hair)}
.wg:not(:nth-child(3n+1)),.wg:nth-child(even){border-left-color:var(--hair)}
.wg h3::after{background:var(--ink)}
.wi-media > img{outline-color:var(--hair)}
.wi-badge{background:var(--green);box-shadow:0 0 0 7px #f7f7f2,0 0 0 8px var(--hair)}
.wi-badge span{color:#fff;font-family:var(--label);font-weight:600}
.wa-types,.wa-types li + li{border-color:var(--hair)}
.wa-types b{font-size:1.5rem}
.wa-types span{font-size:.6rem;letter-spacing:.2em}
.wa-types li:hover b{color:var(--green)}
.wt-btn{font-size:.7rem;letter-spacing:.24em}
.wt-btn.is-active{color:var(--ink)}
.wt-btn::before{display:none}
.wt-btn::after{background:var(--ink)}
.wt-copy h3{font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1}
.wt-list li::before{border-color:var(--ink)}
.wa-stack,.wa-stack li{border-color:var(--hair)}
.wa-stack li:nth-child(2){background:linear-gradient(90deg,rgba(29,58,44,.07),transparent 70%)}
.wa-stack b{font-size:.74rem;letter-spacing:.2em}
.wp-row,.wp-row:first-child{border-color:var(--hair)}
.wp-type{font-size:.76rem;letter-spacing:.2em}
.wp-price{color:var(--ink);font-family:var(--display)}
.wp-row:last-child .wp-price{background:none;color:var(--green)}
.wp-sub{font-family:var(--label);font-weight:600;font-size:.78rem;letter-spacing:.24em}
.pp-list,.pp + .pp{border-color:var(--hair)}
.pp strong{background:none;color:var(--ink);font-family:var(--display)}
.pp b{font-size:.66rem}
.pp:last-child{background:var(--green)}
.pp:last-child strong{color:#fff}
.wa-faq .fqx-toggle{color:var(--ink);border-color:var(--hair)}
.wa-faq .fqx-item-line{background:var(--hair)}
.wa-faq .fqx-btn:hover{color:var(--green)}
.wa-faq .fqx-q-text{font-size:clamp(1.15rem,1.6vw,1.4rem)}
.wa-foot{background:#141513}
.wa-foot-place{color:#c9d2c3}
.wa-modal .modal-panel{background:var(--ivory)}
.wa-modal-t{font-size:.9rem;letter-spacing:.24em}
.wa-thanks .wh-rule{background:var(--hair)}
.wl-count{color:#c9d2c3}
.wl-arrow,.wl-close{border-color:rgba(255,255,255,.35)}
.wa-dots button i{background:#fff}
.wa-register .field input:focus,.wa-register .field select:focus,.wa-modal .field input:focus,.wa-modal .field select:focus,
.wa-register .phone:focus-within,.wa-modal .phone:focus-within{border-bottom-color:var(--green)}
@media (max-width:700px){.wa-p{columns:1}.wh-line{max-width:none}}
/* single-column copy, and lists aligned to the same left edge as the headings */
.wa-p{columns:auto;max-width:none;width:min(1180px,100%);padding-right:max(0px,calc(100% - 46rem))}
@media (min-width:1181px){.wa-p{padding-right:calc(1180px - 46rem)}}
.wa-stack,.wp-list,.pp-list,.wa-types,.wg-grid,.ws-list,.wa-trio,.wa-duo{width:min(1180px,100%)}
.wa-sticky{background:rgba(250,251,245,.96);border-top:1px solid var(--hair)}
/* hero + header exactly as on the Waldorf Astoria Al Maryah page (user's request): full-bleed render, dark veil,
   white Carlyle logo centred at the top, the H1 between thin rules at the bottom; transparent header with a white
   outline Register and white menu lines, dark once scrolled. The hero takes the 16:9 render's own ratio. */
/* hero fills exactly one screen (user's request); the render covers it, so on screens taller than 16:9 its
   left and right edges are trimmed slightly. Phones keep the Waldorf stack with the image whole. */
.wa-hero{aspect-ratio:auto;height:100vh;height:100svh;min-height:520px}
.wa-hero-media .hero-slide{object-position:50% 35%}
.wa-hero-logo img{width:clamp(170px,15vw,240px)}
.wa-hero-title .wh-rule{display:block;background:linear-gradient(90deg,transparent,#fff 30%,#fff 70%,transparent)}
.wa-hero h1{font-family:var(--display)}
@media (max-width:760px){
  .wa-hero{aspect-ratio:auto;min-height:0;height:auto}
  .wa-hero-media{aspect-ratio:1920/1080}
  .wa-hero-logo img{width:160px}
}
.wa-header-mark img{height:34px;width:auto}
@media (max-width:560px){.wa-header-mark img{height:26px}.wa-reg{padding:0 .9rem;font-size:.6rem;letter-spacing:.18em}}
/* logo sits at the very top of the hero, in the header row between Register and the menu */
@media (min-width:761px){
  .wa-hero-in{padding-top:14px}
}
/* intro under the hero: section title + statement */
.wa-intro-h{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.005em;color:var(--ink);text-align:center}
.wa-intro .wa-statement{max-width:44rem;margin-top:1.5rem;font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.7}
/* intro ornaments: Carlyle script above the title, hairline–diamond–hairline below */
.wa-orn{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:1.6rem}
.wa-orn i{display:block;width:clamp(60px,8vw,110px);height:1px;background:linear-gradient(90deg,transparent,var(--ink))}
.wa-orn i:last-child{background:linear-gradient(90deg,var(--ink),transparent)}
.wa-orn b{display:block;width:7px;height:7px;border:1px solid var(--ink);transform:rotate(45deg)}
.wa-intro .wa-statement{margin-top:1.4rem}
/* key numbers: light band, each figure in a fine double-line frame (brochure-cover motif) under a line icon */
.wa-facts{background:#fafbf5;color:var(--ink);border:0;padding:clamp(3.5rem,7vw,5.5rem) 0}
.wf-list{gap:clamp(.8rem,1.6vw,1.4rem)}
.wf-list li{position:relative;padding:clamp(1.8rem,3vw,2.5rem) 1rem;border:1px solid rgba(27,28,25,.22);background:#fff;transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.wf-list li::after{content:"";position:absolute;inset:6px;border:1px solid rgba(27,28,25,.09);pointer-events:none;transition:border-color .5s var(--ease)}
.wf-list li + li::before{display:none}
.wf-list li:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(27,28,25,.35)}
.wf-list li:hover::after{border-color:rgba(29,58,44,.35)}
.wf-ic{width:38px;height:38px;color:var(--green);margin-bottom:1.1rem}
.wf-list em{font-family:var(--label);font-weight:600;font-style:normal;font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--soft)}
.wf-list strong{margin-top:.7rem;color:var(--ink);font-size:clamp(3rem,5vw,4.4rem);line-height:1}
.wf-list span{margin-top:.9rem;max-width:none;font-family:var(--display);font-style:italic;font-weight:400;font-size:1.02rem;letter-spacing:.01em;text-transform:none;color:var(--body)}
@media (max-width:700px){.wf-list{grid-template-columns:1fr 1fr;row-gap:.8rem}.wf-list li{padding:1.5rem .6rem}.wf-ic{width:32px;height:32px}}
/* no boxes: open figures with hairline dividers between them */
.wf-list{gap:0}
.wf-list li{border:0;background:none;padding:.6rem 1rem}
.wf-list li::after{display:none}
.wf-list li:hover{transform:none;box-shadow:none}
.wf-list li + li::before{display:block;content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:rgba(27,28,25,.14)}
@media (max-width:700px){.wf-list{row-gap:2.4rem}.wf-list li:nth-child(3)::before{display:none}}

/* ==========================================================================
   Copy-deck sections (20 Oct 2026)
   ========================================================================== */
.ab-split .wh,.hg-copy .wh,.dv .wh{width:auto}
.ab-p{margin:1.4rem 0 0;max-width:40rem;font-size:1.06rem;line-height:1.85;color:var(--body)}

/* about: text + tall render */
.ab-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;width:min(1180px,100%);margin-inline:auto}
.ab-media{margin:0}
.ab-media img{width:100%;height:auto}
.ab-media figcaption,.am-hero figcaption,.am-media figcaption,.lc-media figcaption,.wa-gal figcaption{margin-top:.7rem;font-family:var(--label);font-weight:600;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
/* slim tower diagram: a green spine with a node per level band */
.ab-floors{list-style:none;margin:2.4rem 0 0;padding:0 0 0 1.6rem;position:relative}
.ab-floors::before{content:"";position:absolute;left:.3rem;top:.5rem;bottom:.5rem;width:1px;background:var(--green);opacity:.35}
.ab-floors li{position:relative;display:grid;grid-template-columns:7.5rem 1fr;column-gap:1rem;align-items:baseline;padding:.75rem 0}
.ab-floors li::before{content:"";position:absolute;left:-1.6rem;top:1.15rem;width:9px;height:9px;margin-left:.02rem;border:1px solid var(--green);background:var(--ivory);transform:rotate(45deg)}
.ab-floors li:nth-child(2)::before{background:var(--green)}
.ab-floors .ts-lv{grid-row:span 2;font-style:italic;font-size:1rem;color:var(--green)}
.ab-floors b{font-family:var(--label);font-weight:600;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.ab-floors em{font-style:normal;margin-top:.2rem;font-size:.95rem;color:var(--body);line-height:1.55}
@media (max-width:960px){.ab-split{grid-template-columns:1fr}.ab-media{max-width:560px}}
@media (max-width:520px){.ab-floors li{grid-template-columns:1fr}.ab-floors .ts-lv{grid-row:auto}}

/* heritage: outlined year + copy */
.wa-heritage{background:#fbfbf7}
.hg-split{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,6rem);align-items:center;width:min(1180px,100%);margin-inline:auto}
.hg-year{text-align:center}
.hg-year span{display:block;font-family:var(--display);font-size:clamp(5.5rem,13vw,10.5rem);line-height:.9;color:transparent;-webkit-text-stroke:1px var(--green)}
.hg-year small{display:block;margin-top:1.2rem;font-family:var(--label);font-weight:600;font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--green)}
@media (max-width:860px){.hg-split{grid-template-columns:1fr}}

/* section grounds for the new sections (each its own) */
.wa-details{background:#f9f9f4}
.wa-amen{background:#f2f3ec}
.wa-hotel{background:#fafbf7}
.wa-team{background:#f0f1ea}
.wa-dev{background:#f8f8f3}
.wa-gallery{background:#fdfdfa}

/* residences: five types */
.wa-types{grid-template-columns:repeat(5,1fr)}
.wa-types span{margin-top:.2rem}
@media (max-width:700px){.wa-types{grid-template-columns:1fr 1fr}.wa-types li:last-child{grid-column:1/-1}}
.wa-duo{align-items:start}

/* amenities */
.am-hero{margin:clamp(2.5rem,5vw,3.5rem) auto 0;width:min(1180px,100%)}
.am-hero img{width:100%;height:auto}
.am-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:center;width:min(1180px,100%);margin:clamp(3rem,6vw,4.5rem) auto 0}
.am-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.am-list li{display:grid;grid-template-columns:3rem 1fr;gap:.8rem;padding:1.3rem 0;border-bottom:1px solid var(--hair)}
.am-n{font-style:italic;font-size:1.3rem;color:var(--green);line-height:1.3}
.am-list h3{margin:0;font-family:var(--label);font-weight:600;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.am-list p{margin:.45rem 0 0;color:var(--body);font-size:1rem;line-height:1.7}
.am-media{margin:0}.am-media img{width:100%;height:auto}
@media (max-width:960px){.am-split{grid-template-columns:1fr}}

/* hotel venues */
.hv-grid{display:grid;grid-template-columns:repeat(3,1fr);width:min(1180px,100%);margin:clamp(2.5rem,5vw,3.5rem) auto 0;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.hv{padding:2rem 1.8rem 2.2rem;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);transition:background .5s var(--ease)}
.hv:hover{background:#fff}
.hv:last-child{grid-column:1/-1;text-align:center}
.hv:last-child p{max-width:38rem;margin-inline:auto}
.hv-n{display:block;font-family:var(--display);font-style:italic;font-size:1.6rem;color:var(--green);line-height:1}
.hv h3{margin:1rem 0 0;font-family:var(--display);font-weight:400;font-size:1.55rem;line-height:1.15;color:var(--ink)}
.hv-sub{margin:.35rem 0 0!important;font-family:var(--label);font-weight:600;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.hv p{margin:.9rem 0 0;color:var(--body);font-size:1rem;line-height:1.75}
@media (max-width:960px){.hv-grid{grid-template-columns:1fr 1fr}.hv:last-child{text-align:left}.hv:last-child p{margin-inline:0}}
@media (max-width:620px){.hv-grid{grid-template-columns:1fr}}

/* location */
.lc-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:center;width:min(1180px,100%);margin:clamp(2.5rem,5vw,3.5rem) auto 0}
.lc-k{margin:0 0 1rem;font-family:var(--label);font-weight:600;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.lm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.lm-list li{display:flex;gap:1.2rem;align-items:baseline;padding:.95rem 0;border-bottom:1px solid var(--hair);font-family:var(--display);font-size:1.25rem;color:var(--ink)}
.lm-list span{font-style:italic;font-size:.95rem;color:var(--green);min-width:1.8rem}
.lc-beyond{margin:1.6rem 0 0;color:var(--body);line-height:1.8}
.lc-media{margin:0}.lc-media img{width:100%;height:auto}
@media (max-width:960px){.lc-split{grid-template-columns:1fr}}

/* design team + developer */
.tm-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.6rem);width:min(1180px,100%);margin:clamp(2.5rem,5vw,3.5rem) auto 0}
.tm{padding:clamp(1.8rem,3.5vw,2.8rem);background:#fff;border:1px solid var(--hair)}
.tm-k{margin:0;font-family:var(--label);font-weight:600;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--green)}
.tm h3{margin:.8rem 0 0;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.15}
.tm p:last-child{margin:1rem 0 0;color:var(--body);line-height:1.8}
.dv-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);width:min(1180px,100%);margin-inline:auto}
.dv .wh-line{font-size:clamp(1.8rem,3vw,2.5rem)}
.dv > p{margin:1.3rem 0 0;color:var(--body);line-height:1.85}
@media (max-width:860px){.tm-grid,.dv-grid{grid-template-columns:1fr}}

/* gallery: masonry columns keep every render whole */
.wa-gal{columns:3 260px;column-gap:clamp(.8rem,1.6vw,1.2rem);width:min(1180px,100%);margin:clamp(2.5rem,5vw,3.5rem) auto 0}
.wa-gal figure{margin:0 0 clamp(.8rem,1.6vw,1.2rem);break-inside:avoid}
.wa-gal img{width:100%;height:auto}
.gal-note{margin-top:1.6rem;text-transform:none;letter-spacing:.02em;font-family:var(--display);font-style:italic;font-weight:400;font-size:.92rem}

/* enquiry heading */
.wr-h{margin:0 0 1rem;font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.1;color:var(--ink)}
/* about: left-aligned ornament under the heading + a brochure drop cap */
.wa-orn--left{justify-content:flex-start;margin-top:1.5rem}
.wa-orn--left i:first-child{width:56px;background:var(--green)}
.wa-orn--left i:last-child{width:clamp(90px,10vw,140px);background:linear-gradient(90deg,var(--green),transparent)}
.wa-orn--left b{border-color:var(--green)}
.ab-drop::first-letter{float:left;font-family:var(--display);font-size:4.6em;line-height:.82;margin:.06em .12em 0 0;color:var(--green)}
/* about: warm stone ground with a soft glow behind the render */
.wa-designed{background:radial-gradient(ellipse 45% 60% at 78% 50%,rgba(255,255,255,.75),transparent 70%),#f1ece2}
/* centred section heading (About, trial) */
.wh--center{align-items:center;text-align:center}
.wh--center h2{align-items:center}
.wh--center .wh-line{max-width:none}
.ab-orn{margin:1.5rem 0 clamp(2.5rem,5vw,3.75rem)}
.ab-orn i,.ab-orn i:last-child{background:linear-gradient(90deg,transparent,var(--green))}
.ab-orn i:last-child{background:linear-gradient(90deg,var(--green),transparent)}
.ab-orn b{border-color:var(--green)}
.ab-copy .ab-p:first-child{margin-top:0}
/* full-width renders contained to the content width (were edge to edge and nearly a screen tall) */
.wa-full:not(.wa-full--plan){width:min(960px,100% - 2.5rem);margin:clamp(2.5rem,5vw,4rem) auto}
.wa-full:not(.wa-full--plan) img{width:100%;height:auto}
/* edge-to-edge render band after About: full width, height capped so it never exceeds the screen */
.wa-full.wa-full--bleed{width:100%;margin:0}
.wa-full--bleed img{width:100%;height:auto;max-height:85vh;max-height:85svh;object-fit:cover;object-position:50% 62%}
/* living-room band: keep the seating group and windows in frame */
.wa-full--bleed img[src*="apt-living"]{object-position:50% 70%}
/* heritage: deep green band, gilded 1930 (filled with the golden lattice render), milestone line */
.wa-heritage{background:radial-gradient(ellipse 55% 80% at 18% 45%,rgba(255,255,255,.08),transparent 70%),linear-gradient(180deg,#1d3a2c 0%,#132a1f 100%);color:#fafbf5}
.wa-heritage .wh-label{color:rgba(250,251,245,.7)}
.wa-heritage .wh-line{color:#fafbf5}
.wa-heritage .ab-p{color:rgba(250,251,245,.82)}
.hg-year span{color:#d9b56a;-webkit-text-stroke:0;background:url(../img/facade-detail-a-960.webp) center/cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-size:clamp(6rem,15vw,12.5rem);filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.hg-year small{color:rgba(250,251,245,.75)}
.hg-year small::before,.hg-year small::after{content:"";display:inline-block;width:28px;height:1px;background:rgba(250,251,245,.45);vertical-align:middle;margin:0 .8rem}
.hg-line{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:min(1180px,100%);margin:clamp(3.5rem,7vw,5.5rem) auto 0;padding:2.4rem 0 0}
.hg-line::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(250,251,245,.15),rgba(250,251,245,.55) 50%,rgba(250,251,245,.15))}
.hg-line li{position:relative}
.hg-line li::before{content:"";position:absolute;left:0;top:calc(-2.4rem - 5px);width:9px;height:9px;border:1px solid #fafbf5;background:#1a3427;transform:rotate(45deg)}
.hg-line li:last-child::before{background:#d9b56a;border-color:#d9b56a}
.hg-line b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1;color:#fafbf5}
.hg-line li:last-child b{color:#d9b56a}
.hg-line span{display:block;margin-top:.7rem;font-size:.98rem;line-height:1.6;color:rgba(250,251,245,.72);max-width:18rem}
@media (max-width:860px){.hg-line{grid-template-columns:1fr 1fr;row-gap:2.6rem}}
@media (max-width:520px){.hg-line{grid-template-columns:1fr;padding:0 0 0 1.6rem}.hg-line::before{left:.3rem;right:auto;top:0;bottom:0;width:1px;height:auto}.hg-line li::before{left:calc(-1.6rem - 1px);top:.35rem}}
/* architecture: editorial opener, one large render with two stacked details, highlight strip */
.wa-backdrop{background:#eeece4}
.ar-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:end;width:min(1180px,100%);margin-inline:auto}
.ar-head .wh{width:auto}
.ar-copy .ab-p:first-child{margin-top:0}
.ar-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(.8rem,1.6vw,1.2rem);width:min(1180px,100%);margin:clamp(3rem,6vw,4.5rem) auto 0;align-items:start}
.ar-side{display:grid;gap:clamp(.8rem,1.6vw,1.2rem)}
.ar-grid figure{margin:0}
.ar-grid img{width:100%;height:auto}
.ar-grid figcaption{margin-top:.6rem;font-family:var(--label);font-weight:600;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.ar-side figcaption{margin-top:.45rem}
.ar-notes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);width:min(1180px,100%);margin:clamp(3rem,6vw,4.5rem) auto 0;border-top:1px solid var(--hair)}
.ar-notes li{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;align-items:center;padding:1.6rem 1.2rem 0 0}
.ar-notes li + li{padding-left:1.4rem;border-left:1px solid var(--hair)}
.ar-notes .wf-ic{grid-row:span 2;width:34px;height:34px;margin:0}
.ar-notes b{font-family:var(--label);font-weight:600;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.ar-notes span{font-family:var(--display);font-style:italic;font-size:1.02rem;color:var(--body);margin-top:.2rem}
@media (max-width:900px){.ar-head{grid-template-columns:1fr;gap:1.5rem}.ar-notes{grid-template-columns:1fr}.ar-notes li + li{padding-left:0;border-left:0;border-top:1px solid var(--hair);padding-top:1.3rem;margin-top:1.3rem}}
@media (max-width:640px){.ar-grid{grid-template-columns:1fr}}
/* ==========================================================================
   Architecture — dark, gold-accented feature spread
   ========================================================================== */
.wa-arch{--au:#c9a35c;--au-lt:#e4c98e;position:relative;overflow:hidden;color:#f4efe4;
  background:radial-gradient(ellipse 50% 60% at 85% 20%,rgba(201,163,92,.14),transparent 65%),radial-gradient(ellipse 40% 50% at 10% 90%,rgba(201,163,92,.08),transparent 70%),#0f0e0c;
  padding:clamp(5rem,10vw,8.5rem) 0}
.ax-top{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;padding-right:max(1.25rem,calc((100% - 1180px)/2))}
.ax-main{margin:0;position:relative}
.ax-main img{width:100%;height:auto;display:block}
/* gold double frame that runs off the left edge */
.ax-main::before{content:"";position:absolute;inset:-14px -14px -14px 0;border:1px solid rgba(201,163,92,.55);border-left:0;pointer-events:none}
.ax-main::after{content:"";position:absolute;inset:-24px -24px -24px 0;border:1px solid rgba(201,163,92,.22);border-left:0;pointer-events:none}
.ax-k{margin:0;font-family:var(--label);font-weight:600;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--au)}
.ax-h{margin:1.2rem 0 0;font-family:var(--display);font-weight:400;font-size:clamp(2.3rem,4.2vw,3.7rem);line-height:1.06;letter-spacing:-.005em;color:#f8f4ea}
.ax-orn{display:flex;align-items:center;gap:.8rem;margin:1.6rem 0 0}
.ax-orn i{display:block;height:1px;width:46px;background:var(--au)}
.ax-orn i:last-child{width:120px;background:linear-gradient(90deg,var(--au),transparent)}
.ax-orn b{width:7px;height:7px;border:1px solid var(--au);transform:rotate(45deg)}
.ax-p{margin:1.5rem 0 0;max-width:34rem;font-size:1.05rem;line-height:1.9;color:rgba(244,239,228,.78)}
.ax-q{margin:1.8rem 0 .2rem;padding-left:1.4rem;border-left:1px solid var(--au);font-family:var(--display);font-style:italic;font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.3;color:var(--au-lt);max-width:30rem}
.ax-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);width:min(1180px,100% - 2.5rem);margin:clamp(4.5rem,9vw,7rem) auto 0;align-items:start}
.ax-f{margin:0;position:relative}
.ax-f img{width:100%;height:auto;display:block;position:relative;z-index:1}
.ax-f::before{content:"";position:absolute;left:14px;top:14px;right:-14px;bottom:2.2rem;border:1px solid rgba(201,163,92,.45)}
.ax-f--low{margin-top:clamp(3rem,8vw,6.5rem)}
.ax-f figcaption{margin-top:1.1rem;font-family:var(--label);font-weight:600;font-size:.58rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(244,239,228,.55)}
.ax-notes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 2.5rem);margin:clamp(4rem,8vw,6rem) auto 0;border-top:1px solid rgba(201,163,92,.35)}
.ax-notes li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.2rem 1rem 0}
.ax-notes li + li{border-left:1px solid rgba(201,163,92,.2)}
.ax-notes span{font-family:var(--display);font-style:italic;font-size:1.7rem;line-height:1;background:linear-gradient(135deg,#a8803f,#ecd39a 50%,#b8924f);-webkit-background-clip:text;background-clip:text;color:transparent}
.ax-notes b{margin-top:1rem;font-family:var(--label);font-weight:600;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#f8f4ea}
.ax-notes em{margin-top:.45rem;font-family:var(--display);font-size:1.05rem;color:rgba(244,239,228,.7)}
@media (max-width:900px){
  .ax-top{grid-template-columns:1fr;padding:0 1.25rem}
  .ax-main{margin-right:.8rem}
  .ax-notes{grid-template-columns:1fr}.ax-notes li + li{border-left:0;border-top:1px solid rgba(201,163,92,.2);margin-top:1.8rem}
}
@media (max-width:700px){.ax-pair{grid-template-columns:1fr}.ax-f--low{margin-top:0}}
/* architecture on white (user's request): same spread, gold detailing, dark type */
.wa-arch{--au:#b08a4e;--au-lt:#9a7638;color:var(--ink);
  background:radial-gradient(ellipse 50% 60% at 85% 20%,rgba(176,138,78,.07),transparent 65%),#ffffff}
.ax-k{color:var(--au)}
.ax-h{color:var(--ink)}
.ax-p{color:var(--body)}
.ax-q{color:var(--au-lt)}
.ax-main::before{border-color:rgba(176,138,78,.6)}
.ax-main::after{border-color:rgba(176,138,78,.25)}
.ax-f::before{border-color:rgba(176,138,78,.5)}
.ax-f figcaption{color:var(--soft)}
.ax-notes{border-top-color:rgba(176,138,78,.45)}
.ax-notes li + li{border-left-color:rgba(176,138,78,.25)}
.ax-notes b{color:var(--ink)}
.ax-notes em{color:var(--body)}
@media (max-width:900px){.ax-notes li + li{border-top-color:rgba(176,138,78,.25)}}
/* architecture: no frames around the renders */
.ax-main::before,.ax-main::after,.ax-f::before{display:none}
/* ==========================================================================
   Residences — light editorial spread, overlapping renders, gold collection strip
   ========================================================================== */
.wa-res{--au:#b08a4e;--au-lt:#9a7638;background:radial-gradient(ellipse 45% 55% at 12% 15%,rgba(176,138,78,.07),transparent 65%),#faf7f1;padding:clamp(5rem,10vw,8.5rem) 0}
.rs-top{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;width:min(1180px,100% - 2.5rem);margin-inline:auto}
.rs-mat{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 0;margin:2rem 0 0;padding:0}
.rs-mat li{font-family:var(--label);font-weight:600;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center}
.rs-mat li + li::before{content:"";width:5px;height:5px;margin:0 .9rem;border:1px solid var(--au);transform:rotate(45deg)}
.rs-media{position:relative;padding-bottom:clamp(4rem,9vw,7rem)}
.rs-media figure{margin:0}
.rs-media img{width:100%;height:auto;display:block}
.rs-a{width:88%;margin-left:auto}
.rs-b{position:absolute;left:0;bottom:0;width:48%;box-shadow:0 30px 60px -30px rgba(27,28,25,.45);outline:10px solid #faf7f1}
.rs-col{width:min(1180px,100% - 2.5rem);margin:clamp(4.5rem,9vw,7rem) auto 0}
.rs-col-k{margin:0;text-align:center;font-family:var(--label);font-weight:600;font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--au)}
.rs-types{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);margin:2rem 0 0;border-top:1px solid rgba(176,138,78,.45);border-bottom:1px solid rgba(176,138,78,.45)}
.rs-types li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.4rem .8rem 2.2rem;transition:background .5s var(--ease)}
.rs-types li + li{border-left:1px solid rgba(176,138,78,.22)}
.rs-types li:hover{background:#fff}
.rt-n{font-family:var(--display);font-size:clamp(3.4rem,5vw,4.6rem);line-height:1;background:linear-gradient(135deg,#9a7638,#d9b979 50%,#a8803f);-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-types b{margin-top:.9rem;font-family:var(--label);font-weight:600;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.rs-types em{margin-top:.5rem;font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--body)}
.rs-types li:last-child em{color:var(--au-lt)}
.rt-ask{margin-top:1.3rem;padding:0 0 .25rem;border:0;border-bottom:1px solid var(--au);background:none;font-family:var(--label);font-weight:600;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.rt-ask:hover{color:var(--au-lt)}
@media (max-width:900px){.rs-top{grid-template-columns:1fr}.rs-types{grid-template-columns:repeat(3,1fr)}.rs-types li:nth-child(4){border-left:0}.rs-types li:nth-child(n+4){border-top:1px solid rgba(176,138,78,.22)}}
@media (max-width:560px){.rs-types{grid-template-columns:1fr 1fr}.rs-types li:nth-child(n){border-left:0;border-top:1px solid rgba(176,138,78,.22)}.rs-types li:nth-child(even){border-left:1px solid rgba(176,138,78,.22)}.rs-types li:nth-child(-n+2){border-top:0}.rs-types li:last-child{grid-column:1/-1;border-left:0}}
.rs-b{outline:0}
.wa-full--bleed img[src*="apt-kitchen"]{object-position:50% 65%}
/* interior details: centred */
.wa-details .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-details .wa-p:first-of-type{margin-top:0}
.wa-details .ab-orn{margin:1.5rem 0 2rem}
.wa-details .wa-trio figcaption{text-align:center}
/* penthouse: centred, ornament, slightly warmer ground */
.wa-penthouse{background:#f7f3ec}
.wa-penthouse .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-penthouse .wa-p:first-of-type{margin-top:0}
.wa-penthouse .ab-orn{margin:1.5rem 0 2rem}
.wa-penthouse .wa-duo figcaption{text-align:center}
/* prices: centred, ornament, slightly warmer ground */
.wa-prices{background:#efeae0}
.wa-prices .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-prices .wa-p:first-of-type{margin-top:0}
.wa-prices .ab-orn{margin:1.5rem 0 2rem}
.wa-prices .wa-note{text-align:center}
.wa-prices .wp-list{width:min(900px,100%)}
/* amenities: centred, ornament, slightly warmer ground */
.wa-amen{background:#f3efe7}
.wa-amen .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-amen .wa-p:first-of-type{margin-top:0}
.wa-amen .ab-orn{margin:1.5rem 0 2rem}
.wa-amen .am-hero figcaption{text-align:center}
/* amenities: two-column icon grid beside the private dining render, no boxes */
.am-split{grid-template-columns:1.25fr .75fr;align-items:center}
.wa-amen .am-list{border-top:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3.2rem)}
.wa-amen .am-list li{display:block;padding:0;border:0}
.wa-amen .am-list .wf-ic{width:40px;height:40px;margin:0 0 1rem;color:#b08a4e}
.wa-amen .am-list h3{font-size:.7rem;letter-spacing:.22em}
.wa-amen .am-list h3::after{content:"";display:block;width:32px;height:1px;margin-top:.9rem;background:#b08a4e}
.wa-amen .am-list p{margin-top:.85rem;font-size:1.02rem;line-height:1.75}
@media (max-width:960px){.am-split{grid-template-columns:1fr}}
@media (max-width:520px){.wa-amen .am-list{grid-template-columns:1fr}}
/* neutralise the old style.css amenities rules that share these class names (forced caps/dashes, 16:9 crop) */
.wa-amen .am-media{overflow:visible;border-radius:0;margin:0}
.wa-amen .am-media::after{display:none}
.wa-amen .am-media img{aspect-ratio:auto;object-fit:fill;height:auto;transform:none}
.wa-amen .am-list li{font-size:inherit;font-weight:400;letter-spacing:0;line-height:inherit;text-transform:none;color:inherit}
.wa-amen .am-list li::before{display:none}
.wa-amen .am-list p{text-transform:none;letter-spacing:0;color:var(--body)}
/* amenities: image removed, six amenities in three columns across the width */
.wa-amen .am-split{display:block}
.wa-amen .am-list{grid-template-columns:repeat(3,1fr);text-align:center}
.wa-amen .am-list .wf-ic{margin:0 auto 1rem}
.wa-amen .am-list h3::after{margin:.9rem auto 0}
.wa-amen .am-list p{max-width:22rem;margin-left:auto;margin-right:auto}
@media (max-width:860px){.wa-amen .am-list{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.wa-amen .am-list{grid-template-columns:1fr}}
/* hotel experiences: centred, gold line icons, no boxes — four then three per row */
.wa-hotel{background:#fbf8f2}
.wa-hotel .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-hotel .wa-p:first-of-type{margin-top:0}
.wa-hotel .ab-orn{margin:1.5rem 0 2rem}
.hx-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2.6rem,5vw,3.6rem) 0;width:min(1180px,100%);margin:clamp(3rem,6vw,4.5rem) auto 0}
.hx{flex:0 0 25%;padding:0 clamp(.8rem,1.8vw,1.6rem);text-align:center}
.hx .wf-ic{width:44px;height:44px;margin:0 auto 1.2rem;color:#b08a4e}
.hx h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.35rem,1.8vw,1.6rem);line-height:1.15;color:var(--ink)}
.hx-sub{margin:.45rem 0 0;font-family:var(--label);font-weight:600;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:#9a7638}
.hx-rule{display:block;width:30px;height:1px;margin:1rem auto 0;background:#b08a4e}
.hx p:last-child{margin:1rem auto 0;max-width:17rem;font-size:.98rem;line-height:1.75;color:var(--body)}
@media (max-width:960px){.hx{flex-basis:33.333%}}
@media (max-width:700px){.hx{flex-basis:50%}}
@media (max-width:460px){.hx{flex-basis:100%}}
/* location: centred, large view, landmark route, beyond-DIFC icons */
.wa-guide{background:#f2ede3}
.wa-guide .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-guide .wa-p:first-of-type{margin-top:0}
.wa-guide .ab-orn{margin:1.5rem 0 2rem}
.lx-view{width:min(1180px,100%);margin:clamp(2.8rem,5vw,3.8rem) auto 0}
.lx-view img{width:100%;height:auto;display:block}
.lx-view figcaption{margin-top:.8rem;text-align:center;font-family:var(--label);font-weight:600;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)}
.lx-k{margin:clamp(3.5rem,7vw,5rem) 0 0;text-align:center;font-family:var(--label);font-weight:600;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:#9a7638}
.lx-route{list-style:none;padding:0;position:relative;display:grid;grid-template-columns:repeat(6,1fr);width:min(1180px,100%);margin:2.2rem auto 0}
.lx-route::before{content:"";position:absolute;left:8.33%;right:8.33%;top:17px;height:1px;background:linear-gradient(90deg,rgba(176,138,78,.25),#b08a4e 20%,#b08a4e 80%,rgba(176,138,78,.25))}
.lx-route li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .6rem}
.lx-n{position:relative;display:grid;place-items:center;width:34px;height:34px}
.lx-n::before{content:"";position:absolute;inset:5px;border:1px solid #b08a4e;background:#f2ede3;transform:rotate(45deg)}
.lx-n i{position:relative;font-family:var(--display);font-style:italic;font-size:.95rem;color:#9a7638}
.lx-route b{margin-top:1.1rem;font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.25;color:var(--ink)}
.lx-beyond{margin:clamp(3.5rem,7vw,5rem) auto 0;max-width:40rem;text-align:center;font-family:var(--display);font-style:italic;font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.6;color:var(--body)}
.lx-dest{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(980px,100%);margin:2.4rem auto 0}
.lx-dest li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 .8rem}
.lx-dest li + li{border-left:1px solid rgba(176,138,78,.3)}
.lx-dest .wf-ic{width:42px;height:42px;margin:0 0 1rem;color:#b08a4e}
.lx-dest b{font-family:var(--label);font-weight:600;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);line-height:1.6}
@media (max-width:900px){
  .lx-route{grid-template-columns:repeat(3,1fr);row-gap:2.4rem}
  .lx-route::before{display:none}
  .lx-dest{grid-template-columns:1fr 1fr;row-gap:2.2rem}.lx-dest li:nth-child(3){border-left:0}
}
@media (max-width:520px){.lx-route{grid-template-columns:1fr 1fr}}
/* design team: centred, monograms, two columns divided by a gold hairline, no boxes */
.wa-team{background:#ebe5d9}
.wa-team .ab-orn{margin:1.5rem 0 0}
.tx-grid{display:grid;grid-template-columns:1fr 1fr;width:min(1060px,100%);margin:clamp(3rem,6vw,4.5rem) auto 0}
.tx{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 clamp(1.5rem,4.5vw,4rem)}
.tx + .tx{border-left:1px solid rgba(176,138,78,.45)}
.tx-mono{font-family:var(--display);font-style:italic;font-size:clamp(3.4rem,5.5vw,4.6rem);line-height:1;letter-spacing:.02em;background:linear-gradient(135deg,#9a7638,#d9b979 50%,#a8803f);-webkit-background-clip:text;background-clip:text;color:transparent}
.tx-k{margin:1.1rem 0 0;font-family:var(--label);font-weight:600;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:#7d5f3c}
.tx h3{margin:.7rem 0 0;font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,2.4vw,2.05rem);line-height:1.15;color:var(--ink)}
.tx-rule{display:block;width:34px;height:1px;margin:1.1rem 0 0;background:#b08a4e}
.tx p:last-child{margin:1.2rem 0 0;max-width:30rem;font-size:1.04rem;line-height:1.85;color:var(--body)}
@media (max-width:760px){.tx-grid{grid-template-columns:1fr;row-gap:3rem}.tx + .tx{border-left:0;border-top:1px solid rgba(176,138,78,.45);padding-top:3rem}}
/* gallery: centred header, uniform 4:3 slider with thumbnails */
.wa-gallery .wa-p{text-align:center;max-width:46rem;width:auto;padding-right:0;margin-left:auto;margin-right:auto}
.wa-gallery .wa-p:first-of-type{margin-top:0}
.wa-gallery .ab-orn{margin:1.5rem 0 2rem}
.wa-gallery .gal-note{text-align:center}
.gx{width:min(1060px,100%);margin:clamp(2.8rem,5vw,3.8rem) auto 0;outline:none}
.gx-stage{position:relative;overflow:hidden;aspect-ratio:4/3;background:#ece8df}
.gx-track{display:flex;height:100%;transition:transform .8s var(--ease)}
.gx-slide{flex:0 0 100%;height:100%;margin:0;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.gx-slide img{width:100%;height:100%;object-fit:contain;display:block}
.gx-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;
  background:rgba(250,248,243,.88);cursor:pointer;transition:background .3s var(--ease)}
.gx-arrow:hover{background:#fff}
.gx-arrow svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.3}
.gx-prev{left:1rem}.gx-next{right:1rem}
.gx-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem}
.gx-cap{font-family:var(--display);font-style:italic;font-size:1.1rem;color:var(--ink)}
.gx-count{font-family:var(--label);font-weight:600;font-size:.62rem;letter-spacing:.24em;color:#9a7638}
.gx-thumbs{display:flex;gap:.5rem;margin-top:1.1rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}
.gx-th{flex:0 0 auto;width:92px;aspect-ratio:4/3;padding:0;border:0;background:#ece8df;cursor:pointer;opacity:.5;transition:opacity .3s var(--ease)}
.gx-th img{width:100%;height:100%;object-fit:contain;display:block}
.gx-th:hover,.gx-th.is-active{opacity:1}
.gx-th.is-active{box-shadow:0 2px 0 0 #b08a4e}
@media (max-width:700px){.gx-arrow{width:42px;height:42px}.gx-prev{left:.5rem}.gx-next{right:.5rem}.gx-th{width:70px}}
@media (prefers-reduced-motion:reduce){.gx-track{transition:none}}
.gx{width:min(1060px,100%,calc(68vh * 4 / 3));width:min(1060px,100%,calc(68svh * 4 / 3))}
/* gallery: big (user's request) — wide stage up to 1400px, height up to ~88% of the screen */
.gx{width:min(1400px,100% - 2.5rem,calc(88vh * 4 / 3));width:min(1400px,100% - 2.5rem,calc(88svh * 4 / 3))}
.wa-gallery{padding-left:0;padding-right:0}
.gx-th{width:110px}
@media (max-width:700px){.gx{width:100%}.gx-meta{padding:0 1.25rem}.gx-thumbs{padding-left:1.25rem;padding-right:1.25rem}.gx-th{width:72px}}
/* developer + hospitality heritage: same pattern as the design team */
.dx-grid{margin-top:0}
.dx-grid .tx p:not(.tx-k){margin:1.2rem 0 0;max-width:30rem;font-size:1.04rem;line-height:1.85;color:var(--body)}
.dx-grid .tx p:not(.tx-k) + p{margin-top:.9rem}
/* gallery full width (user's request): stage edge to edge, height capped to the screen, renders whole */
.gx{width:100%;max-width:none}
.gx-stage{aspect-ratio:auto;height:min(75vw,88vh);height:min(75vw,88svh)}
.gx-meta,.gx-thumbs{width:min(1400px,100% - 2.5rem);margin-left:auto;margin-right:auto}
.gx-prev{left:clamp(.6rem,2vw,2rem)}.gx-next{right:clamp(.6rem,2vw,2rem)}
@media (max-width:700px){.gx-meta,.gx-thumbs{width:100%}}
/* gallery: two renders per view (one on phones), each in the same 4:3 frame */
.gx-stage{height:auto;background:none;padding:0 clamp(.6rem,1.2vw,1rem)}
.gx-slide{flex:0 0 50%;height:auto;padding:0 clamp(.3rem,.6vw,.5rem);box-sizing:border-box}
.gx-slide img{aspect-ratio:4/3;height:auto;background:#ece8df}
@media (max-width:700px){.gx-slide{flex-basis:100%;padding:0}.gx-stage{padding:0}}
/* faq: centred heading, ornament and description */
.wa-faq .wh{width:auto}
.wa-faq .ab-orn{margin:1.5rem 0 0}
.fq-intro{max-width:44rem;margin:1.6rem auto 0;text-align:center;font-size:1.06rem;line-height:1.85;color:var(--body)}
/* footer: disclaimer tucked behind a small link on the copyright line */
.ft-disc{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}
.ft-disc summary{list-style:none;display:flex;justify-content:center;align-items:center;gap:1.2rem;cursor:pointer;font-family:var(--label);font-weight:600;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.ft-disc summary::-webkit-details-marker{display:none}
.ft-disc-btn{padding-bottom:.1rem;border-bottom:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.4)}
.ft-disc summary:hover .ft-disc-btn{color:rgba(255,255,255,.7)}
.ft-disc p{max-width:56rem;margin:1.2rem auto 0;font-size:.74rem;line-height:1.75;color:rgba(255,255,255,.42)}
/* phones: keep the footer (copyright + disclaimer link) clear of the sticky Register bar */
@media (max-width:960px){.wa-foot{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}}