/* Mina: gold layer over the Waldorf template, plus the sections this page adds. */
:root{--navy:#a67c3a;--navy-2:#8f6a2f}

/* gold buttons */
.wa-btn,.btn.wa-btn{background:linear-gradient(100deg,#e6c98f,#c79c55 55%,#a67c3a);border-color:#b08a4e;color:#1a1815}
.wa-btn:hover,.btn.wa-btn:hover{background:linear-gradient(100deg,#efd7a6,#d0a762 55%,#b0853f);border-color:#b08a4e;color:#1a1815}
.wa-reg{border-color:#e2c891;color:#f3e0b8}
.wa-reg:hover{background:#d4b67e;color:#1a1815}
.wa-header .menu-btn{color:#e2c891}

/* headings carry the gold */
.wh h2{color:#7d5f3c}
.wa-steps .wh h2,.wa-steps h2{color:#e2c891}

/* no italics */
.wa-band-s,.wa-modal .modal-sub,.wi-n,.ws-n{font-style:normal}
.wf-list strong i{font-style:normal}

/* hero sized to the 16:9 render so nothing is cut */
.wa-hero{aspect-ratio:16/9}
@media (max-width:760px){
  .wa-hero{aspect-ratio:auto}
  .wa-hero-media{aspect-ratio:16/9}
  .wa-hero-in{background:#1a1815}
}
.wa-hero-logo img{width:clamp(210px,20vw,300px)}
.wa-header-mark img{height:50px;width:auto}

/* map marker */
.map-box{position:relative;max-width:1600px;margin-inline:auto}
.pin{position:absolute;left:30.85%;top:28.4%;width:clamp(30px,4.6vw,72px);aspect-ratio:1;border:2px solid #e2c891;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(0,0,0,.4),0 0 26px 6px rgba(226,200,145,.75);animation:minaPin 2.6s ease-in-out infinite;pointer-events:none}
@keyframes minaPin{50%{transform:translate(-50%,-50%) scale(1.2)}}

/* separate soft cards instead of ruled grids */
.wg-grid{border-top:0;gap:clamp(.9rem,1.6vw,1.3rem)}
.wg,.wg:not(:nth-child(3n+1)),.wg:nth-child(even){border:0;background:#fff;padding:2rem 1.8rem 2.2rem;box-shadow:0 18px 40px -30px rgba(90,66,30,.5)}
.wa-types{grid-template-columns:1fr 1fr;width:min(860px,100%);border:0;gap:clamp(.9rem,1.6vw,1.3rem)}
.wa-types li,.wa-types li + li,.wa-types li:nth-child(n+3){border:0;background:#fff;padding:2.2rem 1.4rem 2.4rem;box-shadow:0 18px 40px -30px rgba(90,66,30,.5)}
.wa-types b{font-size:1.6rem}
.wa-types span{color:#7d5f3c}

/* tabs: copy beside the list */
.wt-side .wt-list{margin-top:0}

/* why */
.wi-lede{margin:1.4rem 0 0;color:var(--body)}

/* partnership quotes */
.wa-voices{background:radial-gradient(ellipse at 50% 0,rgba(176,138,78,.2),transparent 60%),#f7f0e2}
.wv-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.6rem);width:min(1180px,100%);margin:clamp(2.5rem,5vw,4rem) auto 0}
.wv{margin:0;background:#fff;padding:clamp(2rem,3.4vw,3rem);text-align:center;font-size:clamp(1.3rem,1.9vw,1.65rem);line-height:1.4;color:var(--ink);box-shadow:0 18px 40px -30px rgba(90,66,30,.5)}
.wv cite{display:block;margin-top:1.4rem;font-style:normal;font-size:.72rem;line-height:1.8;letter-spacing:.18em;text-transform:uppercase;color:#7d5f3c}

@media (max-width:700px){
  .wa-types,.wv-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pin{animation:none}}

/* hero: lockup sits on open sea, title on a soft floor */
.wa-hero-veil{background:linear-gradient(180deg,rgba(14,12,10,.62) 0%,rgba(14,12,10,.28) 34%,rgba(14,12,10,.2) 58%,rgba(14,12,10,.72) 100%)}
.wa-hero-logo img{filter:drop-shadow(0 2px 18px rgba(0,0,0,.55))}

/* desktop hero: small lockup, high up between Register and the menu */
@media (min-width:761px){
  .wa-hero-in{padding-top:.75rem}
  .wa-hero-logo img{width:clamp(120px,10.5vw,160px)}
}

/* intro */
.wa-intro{text-align:center}
.wa-kicker{margin:0 0 1.1rem;font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;color:#7d5f3c}
h2.wa-statement{max-width:44rem;font-weight:400;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.2}

/* intro heading: gold crest, gold accent words, diamond divider */
.wa-crest{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2vw,1.6rem);margin:0 auto 1.6rem}
.wa-crest span{width:clamp(70px,14vw,190px);height:1px;background:linear-gradient(90deg,transparent,#b08a4e)}
.wa-crest span:last-child{background:linear-gradient(90deg,#b08a4e,transparent)}
.wa-crest img{width:auto;height:clamp(58px,6vw,84px)}
h2.wa-statement{max-width:60rem;font-size:clamp(2.4rem,5.2vw,4.6rem);line-height:1.12}
.wa-gold{background:linear-gradient(100deg,#a8803f 0%,#d9b672 48%,#a67c3a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wa-diamond{position:relative;width:min(240px,60%);height:1px;margin:clamp(1.6rem,3vw,2.3rem) auto 0;background:linear-gradient(90deg,transparent,#b08a4e 30%,#b08a4e 70%,transparent)}
.wa-diamond i{position:absolute;left:50%;top:50%;width:9px;height:9px;background:#b08a4e;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 5px #fff}
.wa-designed .wa-kicker{text-align:center}

/* film, whole at its own ratio, edge to edge */
.wa-film{background:#14120f;line-height:0}
.wa-film video{display:block;width:100%;height:auto}

/* project highlights: slim dark gold bar, seven across */
.wa-highlights{background:radial-gradient(ellipse at 50% 100%,rgba(176,138,78,.24),transparent 65%),#16130f;color:#fff;padding:clamp(2.8rem,5vw,4rem) 0}
.whb-head{text-align:center;margin-bottom:clamp(1.8rem,3.2vw,2.6rem);padding-inline:1.25rem}
.whb-head .wa-kicker{margin-bottom:.5rem;color:#e2c891}
.whb-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.2;color:#fff}
.whb-list{list-style:none;margin-block:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);row-gap:clamp(1.8rem,3vw,2.6rem);width:min(1040px,100% - 2.5rem)}
.whb-list li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:.4rem .85rem}
.whb-list li + li::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(212,182,126,.5),transparent)}
.whb-list span{font-size:.64rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.whb-list strong{font-family:var(--display);font-weight:400;font-size:1.06rem;line-height:1.35;background:linear-gradient(135deg,#c79c55,#f0dcb0 50%,#c79c55);-webkit-background-clip:text;background-clip:text;color:transparent}
.whb-list li{padding:.4rem 1.4rem}
.whb-list span{font-size:.7rem}
.whb-list strong{font-size:clamp(1.2rem,1.6vw,1.4rem)}
.whb-list li:nth-child(3n+1)::before{display:none}
.whb-list li:last-child{grid-column:2}
.whb-list li:last-child::before{display:none}
@media (max-width:700px){
  .whb-list{grid-template-columns:1fr 1fr;row-gap:1.6rem}
  .whb-list li{padding:.4rem .85rem}
  .whb-list li::before,.whb-list li:nth-child(3n+1)::before{display:block}
  .whb-list li:nth-child(odd)::before,.whb-list li:last-child::before{display:none}
  .whb-list li:last-child{grid-column:1 / -1}
  .whb-list span{font-size:.62rem;letter-spacing:.16em}
  .whb-list strong{font-size:1.06rem}
}
.wa-residences .wa-kicker{text-align:center}
@media (max-width:700px){.wa-actions .wa-btn{min-height:56px;height:auto;padding:.85rem 1.4rem;line-height:1.5;letter-spacing:.22em}}

/* residences: gold heading treatment and dark panels with large gold numerals */
.wa-residences .wa-statement{margin-inline:auto;text-align:center}
.wa-diamond--ivory i{box-shadow:0 0 0 5px #f8f5ef}
.wr-cards{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.6rem);width:min(1040px,100%);margin:clamp(2.8rem,5vw,4rem) auto 0}
.wr-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(3rem,4.6vw,4rem) clamp(1.8rem,3.4vw,3rem);
  background:radial-gradient(ellipse at 50% 0,rgba(214,170,98,.28),transparent 68%),#1a1612;box-shadow:0 34px 60px -36px rgba(40,28,10,.85)}
.wr-card::before{content:"";position:absolute;inset:12px;border:1px solid rgba(226,200,145,.42);pointer-events:none}
.wr-eye{margin:0;font-size:.68rem;line-height:1.6;letter-spacing:.22em;text-transform:uppercase;color:#e2c891}
.wr-card h3{margin:.7rem 0 0;font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;color:#fff}
.wr-num{margin:1.1rem 0 0;font-size:clamp(4.6rem,8.4vw,7.4rem);line-height:1;background:linear-gradient(135deg,#b8924f,#f3e0b8 50%,#c79c55);-webkit-background-clip:text;background-clip:text;color:transparent}
.wr-bed{margin:.45rem 0 0;font-size:.76rem;letter-spacing:.3em;text-transform:uppercase;color:#e2c891}
.wa-diamond--dark{width:150px;margin-top:1.5rem;background:linear-gradient(90deg,transparent,#d9b672 30%,#d9b672 70%,transparent)}
.wa-diamond--dark i{background:#e2c891;box-shadow:0 0 0 5px #1a1612}
.wr-txt{margin:1.5rem 0 0;max-width:24rem;font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.85)}
@media (max-width:700px){.wr-cards{grid-template-columns:1fr}}

/* one heading treatment across the page */
.wx{display:flex;flex-direction:column;align-items:center;text-align:center}
.wx .wa-kicker{text-align:center}
.wx h2{margin:0;max-width:60rem;font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4.2vw,3.9rem);line-height:1.14;color:var(--ink)}
.wx .wa-diamond i,.wa-diamond i{box-shadow:0 0 0 5px var(--dh,#fff)}
.wa-designed{--dh:#faf8f5}.wa-backdrop{--dh:#f2efe9}.wa-guide{--dh:#fbf6ec}.wa-invest{--dh:#efe9de}.wa-voices{--dh:#f7f0e2}.wa-steps{--dh:#221e19}.wa-faq{--dh:#e6e1d7}.wa-residences{--dh:#f8f5ef}.wa-highlights{--dh:#16130f}.wa-card-dark{--dh:#1a1612}
.wa-diamond--dark i{box-shadow:0 0 0 5px #1a1612}
.wx--left{align-items:flex-start;text-align:left}
.wx--left .wa-kicker{text-align:left}
.wx--left .wa-crest{margin-left:0;justify-content:flex-start}
.wx--left .wa-crest span:first-child{display:none}
.wx--left .wa-diamond{margin-left:0}
/* dark sections */
.wa-steps .wx h2,.whb-head h2{color:#fff}
.wa-steps .wa-kicker{color:#e2c891}
.wa-steps .wa-gold,.whb-head .wa-gold{background-image:linear-gradient(100deg,#c79c55,#f3e0b8 50%,#c79c55)}
.wa-steps .wa-diamond,.whb-head .wa-diamond{background:linear-gradient(90deg,transparent,#d9b672 30%,#d9b672 70%,transparent)}
.wa-steps .wa-diamond i,.whb-head .wa-diamond i{background:#e2c891}
.wa-steps .wa-crest span,.whb-head .wa-crest span{background:linear-gradient(90deg,transparent,#d9b672)}
.wa-steps .wa-crest span:last-child,.whb-head .wa-crest span:last-child{background:linear-gradient(90deg,#d9b672,transparent)}
/* slim bar keeps a compact crest */
.whb-head .wa-crest{margin-bottom:.9rem}
.whb-head .wa-crest img{height:clamp(44px,4vw,58px)}
.whb-head .wa-diamond{margin-top:1.1rem}

/* architecture and design */
.wa-design{--dh:#ece3d3;background:radial-gradient(ellipse at 15% 0,rgba(176,138,78,.18),transparent 55%),#ece3d3}
.wd-words{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2.6rem;margin:clamp(2.4rem,4.5vw,3.4rem) auto 0;font-family:var(--display);font-size:clamp(1.3rem,2.2vw,1.9rem);color:#7d5f3c}
.wd-words li{position:relative}
.wd-words li + li::before{content:"";position:absolute;left:-1.55rem;top:50%;width:7px;height:7px;background:#b08a4e;transform:translateY(-50%) rotate(45deg)}
@media (max-width:520px){.wd-words{gap:.5rem 2rem}.wd-words li + li::before{left:-1.2rem}}

/* small crest on every heading */
.wa-crest{margin-bottom:1rem;gap:.9rem}
.wa-crest img,.whb-head .wa-crest img{height:clamp(30px,2.8vw,38px)}
.wa-crest span{width:clamp(44px,7vw,90px)}

/* dark sections share the gold-on-dark heading */
.wa-dark{color:#fff}
.wa-dark .wa-p{color:rgba(255,255,255,.82)}
.wa-dark .wx h2{color:#fff}
.wa-dark .wa-kicker{color:#e2c891}
.wa-dark .wa-gold{background-image:linear-gradient(100deg,#c79c55,#f3e0b8 50%,#c79c55)}
.wa-dark .wa-diamond{background:linear-gradient(90deg,transparent,#d9b672 30%,#d9b672 70%,transparent)}
.wa-dark .wa-diamond i{background:#e2c891}
.wa-dark .wa-crest span{background:linear-gradient(90deg,transparent,#d9b672)}
.wa-dark .wa-crest span:last-child{background:linear-gradient(90deg,#d9b672,transparent)}

/* 6 amenities */
.wa-amen{--dh:#f6f1e7;background:#f6f1e7}
.wm-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,1.4vw,1.1rem);width:min(1180px,100%);margin:clamp(2.4rem,4.4vw,3.4rem) auto}
.wm-grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:170px;padding:2rem 1.3rem;text-align:center;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.3;color:#f0dcb0;background:radial-gradient(ellipse at 50% 0,rgba(214,170,98,.24),transparent 70%),#1a1612}
.wm-grid i{width:9px;height:9px;background:#d9b672;transform:rotate(45deg)}

/* 7 services */
.wa-serv{--dh:#1c1712;background:radial-gradient(ellipse at 50% 0,rgba(176,138,78,.24),transparent 62%),#1c1712}

/* 8 airports */
.wa-air{--dh:#1f1a14;background:radial-gradient(ellipse at 50% 100%,rgba(176,138,78,.2),transparent 62%),#1f1a14;padding-block:clamp(3.2rem,6vw,4.8rem)}
.wa-air .wa-p{margin-top:0}
.wa-air-h{margin:1rem 0 0;text-align:center;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:#e2c891}
.wa-air-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(1180px,100%);margin:clamp(2rem,4vw,3rem) auto 0}
.wa-air-list li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;padding:.4rem 1.2rem}
.wa-air-list li + li::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(212,182,126,.5),transparent)}
.wa-air-list strong{font-weight:400;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.2;background:linear-gradient(135deg,#c79c55,#f0dcb0 50%,#c79c55);-webkit-background-clip:text;background-clip:text;color:transparent}
.wa-air-list span{font-size:.98rem;line-height:1.45;color:rgba(255,255,255,.8)}
.wa-air-n{max-width:46rem;margin:clamp(2rem,4vw,2.8rem) auto 0;text-align:center;font-size:.92rem;color:rgba(255,255,255,.62)}

/* 9 lifestyle */
.wa-life{--dh:#efe7d8;background:radial-gradient(ellipse at 85% 0,rgba(176,138,78,.16),transparent 55%),#efe7d8}
.wl-grid{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,1.8vw,1.4rem);width:min(1040px,100%);margin:clamp(2.6rem,4.6vw,3.6rem) auto 0}
.wl-card{position:relative;padding:clamp(2.4rem,3.6vw,3.2rem) clamp(1.8rem,3.2vw,2.8rem);text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(214,170,98,.26),transparent 68%),#1a1612;box-shadow:0 30px 56px -36px rgba(40,28,10,.8)}
.wl-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(226,200,145,.36);pointer-events:none}
.wl-card span{display:block;font-size:2.2rem;line-height:1;background:linear-gradient(135deg,#b8924f,#f3e0b8 50%,#c79c55);-webkit-background-clip:text;background-clip:text;color:transparent}
.wl-card h3{margin:.8rem 0 0;font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2;color:#fff}
.wl-card p{margin:.8rem 0 0;line-height:1.7;color:rgba(255,255,255,.82)}

/* 10 floor plans */
.wa-floor{--dh:#fdf9f1;background:#fdf9f1}

/* 11 prices */
.wa-prices{--dh:#14110d;background:radial-gradient(ellipse at 50% 0,rgba(214,170,98,.26),transparent 62%),#14110d}
.wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.4rem);width:min(1040px,100%);margin:clamp(2.4rem,4.4vw,3.4rem) auto 0;align-items:start}
.wp-grid p{margin:0 0 1.1rem;line-height:1.85;color:rgba(255,255,255,.84)}
.wp-ask{padding:clamp(1.8rem,3vw,2.5rem);background:rgba(226,200,145,.08);box-shadow:inset 0 0 0 1px rgba(226,200,145,.3)}
.wp-ask h3{margin:0 0 1rem;font-family:var(--display);font-weight:400;font-size:1.45rem;color:#f0dcb0}
.wp-ask ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.wp-ask li{position:relative;padding-left:1.5rem;line-height:1.5;color:#fff}
.wp-ask li::before{content:"";position:absolute;left:.1rem;top:.5em;width:7px;height:7px;background:#d9b672;transform:rotate(45deg)}

/* 12 gallery */
.wa-gallery{--dh:#faf6ee;background:#faf6ee}
.wg-lead{width:min(1240px,100%);margin:clamp(2.6rem,5vw,4rem) auto 0}
.wa-gallery .wa-trio{margin-top:clamp(1rem,2vw,1.6rem)}

/* 13 developer */
.wa-dev{--dh:#e9e0cf;background:#e9e0cf}

@media (max-width:960px){
  .wm-grid{grid-template-columns:1fr 1fr}
  .wa-air-list{grid-template-columns:1fr 1fr;row-gap:1.8rem}
  .wa-air-list li:nth-child(3)::before{display:none}
  .wp-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .wl-grid{grid-template-columns:1fr}
  .wm-grid li{min-height:140px;padding:1.5rem .9rem}
}

/* after clean-up */
.wa-tabs{--dh:#ece8e0}
.wt-single{margin-top:clamp(2.4rem,4.5vw,3.4rem)}
.wt-single p{margin:0;font-size:1.08rem}
.wa-gallery .wa-duo{margin-top:clamp(1rem,2vw,1.6rem)}
@media (min-width:961px){
  .wg-grid{grid-template-columns:repeat(6,1fr)}
  .wg-grid .wg{grid-column:span 2}
  .wg-grid .wg:nth-child(4){grid-column:2 / span 2}
}

/* heritage: UAE collection as gold-on-dark tiles */
.wm-five{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0}
.wm-five li{flex:0 1 calc(20% - .9rem);min-width:190px}
@media (max-width:700px){.wm-five li{flex:1 1 calc(50% - .6rem);min-width:0}.wm-five li:last-child{flex-basis:100%}}

/* phone hero: tree in the header + title only, no second logo */
@media (max-width:760px){
  .wa-hero-logo{display:none}
  .wa-hero-in{padding:1.9rem 1.25rem 2.2rem;gap:0}
}

/* phone intro: the hero title already says this */
@media (max-width:760px){#introduction .wa-kicker{display:none}}