/*
Theme Name: Outdoor TVs Dubai
Theme URI: https://apolloenc.ae/
Author: Digi Screens Middle East Trading LLC
Description: Editable residential Apollo villa site with brochures and project quote templates.
Version: 1.0.38
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: apollo-outdoor-living
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#101011;--paper:#efeee9;--gold:#d4b993}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:86px;padding:0 clamp(22px,5vw,90px);display:flex;align-items:center;justify-content:space-between;background:#111;position:relative;z-index:5}.brand,.footer-brand{font:800 27px/1 'Manrope',Arial,sans-serif;letter-spacing:.14em}.brand span,.footer-brand span{display:block;margin-top:7px;font:600 9px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.26em;color:var(--gold)}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav>a:not(.nav-cta):hover,.underlined:hover{color:var(--gold)}.nav-cta{border:1px solid #888;padding:13px 19px}.nav-cta:hover{background:white;color:#111}.menu-toggle{display:none}.hero{min-height:min(790px,calc(100svh - 86px));position:relative;display:flex;align-items:end;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url('assets/victory-heights-night.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.37) 69%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%)}.hero-content{position:relative;max-width:960px;padding:80px clamp(22px,7vw,110px) 112px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em;color:var(--gold);margin:0 0 27px}.hero h1,h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.055em;line-height:1.07;margin:0;font-weight:700}.hero h1{font-size:clamp(54px,7.5vw,112px);max-width:940px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.hero-copy{font-size:clamp(18px,1.7vw,22px);line-height:1.55;max-width:650px;margin:28px 0 32px;color:#eee}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:15px 22px;font-weight:700;font-size:14px}.button-light{background:var(--paper);color:#111}.button:hover{background:var(--gold)}.text-link{font-size:14px;font-weight:700}.text-link:hover{color:var(--gold)}.image-credit{position:absolute;bottom:24px;right:5vw;font-size:10px;letter-spacing:.15em;color:#eee}.statement{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) clamp(22px,7vw,110px)}.statement .eyebrow,.proof .eyebrow{color:#9d6d42}.statement-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:10vw;align-items:end}.statement h2{font-size:clamp(48px,5.3vw,82px)}.statement-grid p{font-size:18px;line-height:1.75;margin:0 0 25px}.statement-tail{font-weight:700}.experience{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.experience-image{min-height:620px;overflow:hidden}.experience-image img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}.experience-copy{padding:clamp(55px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.experience-copy h2,.proof h2{font-size:clamp(46px,5vw,74px)}.experience-copy>p:not(.eyebrow),.proof-intro>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#c4c4c4;max-width:580px}.underlined{align-self:start;margin-top:24px;border-bottom:1px solid var(--gold);padding-bottom:8px;font-weight:700;font-size:14px}.proof{background:#d8d5ce;color:#101011;padding:clamp(80px,9vw,130px) clamp(22px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.proof-intro>p:not(.eyebrow){color:#333}.proof-image img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover}.proof-image span{display:block;font-size:11px;letter-spacing:.17em;margin-top:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:80px clamp(22px,7vw,110px);gap:5vw}.features>div{border-top:1px solid #777;padding-top:22px}.number{color:var(--gold);font-size:12px;letter-spacing:.2em}.features h3{font:700 clamp(22px,2.3vw,30px)/1.2 'Manrope',Arial,sans-serif;letter-spacing:-.04em;margin:30px 0 12px}.features p{line-height:1.6;color:#c4c4c4;font-size:16px}.closing{background:#38332e;padding:clamp(90px,10vw,155px) clamp(22px,7vw,110px)}.closing h2{font-size:clamp(56px,7.6vw,112px)}.closing>p:not(.eyebrow){max-width:620px;font-size:19px;line-height:1.65;margin:26px 0 35px}footer{padding:55px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#111}footer>div:nth-child(2){display:flex;gap:24px;justify-content:end;font-size:14px}footer small{grid-column:1/-1;color:#999;line-height:1.7;font-size:12px}.inner-hero{padding:90px clamp(22px,7vw,110px) 75px;background:#282623}.inner-hero h1{font:700 clamp(50px,6vw,90px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.055em;max-width:920px;margin:0}.inner-hero>p:last-child{max-width:620px;line-height:1.65;font-size:19px}.resource-wrap{background:var(--paper);color:var(--ink);padding:80px clamp(22px,7vw,110px) 120px}.resource-feature{border-bottom:1px solid #aaa;padding:0 0 70px;display:flex;align-items:center;justify-content:space-between;gap:40px}.resource-feature h2{font-size:clamp(35px,4vw,58px)}.resource-feature p{font-size:18px;line-height:1.6;max-width:560px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;margin-top:65px}.resource-grid a{padding:28px 0;border-bottom:1px solid #aaa;display:flex;justify-content:space-between;font-weight:700}.resource-grid a:hover{color:#956d45}.resources-note{margin-top:65px;font-size:16px;line-height:1.6}.resources-note a{text-decoration:underline}.quote-wrap{padding:60px clamp(22px,7vw,110px) 110px;background:var(--paper);color:#111}.quote-wrap iframe{display:block;width:100%;max-width:850px;min-height:1100px;border:0;background:white;margin:auto}.quote-wrap p{max-width:850px;margin:0 auto 25px;line-height:1.6}.quote-wrap a{text-decoration:underline}.quote-wrap .fallback{margin:22px auto 0;font-size:14px}.mobile-only{display:none}@media(max-width:800px){.site-header{height:74px}.brand{font-size:21px}.menu-toggle{display:block;border:0;background:none;color:white;font-size:12px;letter-spacing:.12em;padding:15px 0}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#111;padding:25px;flex-direction:column;align-items:stretch;gap:23px}nav.open{display:flex}.hero{min-height:730px}.hero-media{background-position:60% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.25))}.hero-content{padding:80px 22px 85px}.image-credit{bottom:14px;left:22px;right:auto}.statement-grid,.experience,.proof,.features{grid-template-columns:1fr}.statement-grid{gap:28px}.experience-image{min-height:480px;max-height:650px}.experience-copy{padding:70px 22px 85px}.proof{gap:42px}.features{gap:35px;padding-top:65px;padding-bottom:80px}.features h3{margin-top:18px}.resource-feature{align-items:start;flex-direction:column}.resource-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}footer>div:nth-child(2){justify-content:start;flex-wrap:wrap}footer small{grid-column:auto}.quote-wrap iframe{min-height:1300px}}@media(max-width:520px){.hero h1{font-size:clamp(52px,12vw,72px)}.hero-copy{font-size:18px}.actions{align-items:stretch;gap:20px}.text-link{padding:12px 0}.resource-grid{grid-template-columns:1fr}.proof-image img{aspect-ratio:1.25}.quote-wrap{padding-left:10px;padding-right:10px}.inner-hero{padding-top:75px}.inner-hero h1{font-size:clamp(45px,11vw,65px)}}
/* Villa visual direction */
:root{--paper:#faf7f1;--gold:#d9aa60}body{font-family:'DM Sans',Arial,sans-serif}.site-header{height:76px;background:#101010ed;border-bottom:1px solid #ffffff25;position:absolute;top:0;left:0;right:0;padding:0 clamp(22px,6vw,100px)}.brand{font-size:13px;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.brand b{font:italic 700 20px Georgia,serif;border:1px solid var(--gold);color:var(--gold);padding:5px 8px;margin-right:2px}.brand span{margin:0;font:700 12px 'DM Sans',Arial,sans-serif;color:white;letter-spacing:.14em}nav{font-size:13px}.nav-cta{background:var(--gold);color:#151515;border:0;font-weight:700}.hero{min-height:760px;align-items:center}.hero-media{background-position:center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.4)),linear-gradient(0deg,rgba(0,0,0,.45),transparent)}.hero-content{max-width:820px;padding:130px clamp(22px,7vw,120px) 85px}.hero h1{font-size:clamp(58px,6.7vw,104px);line-height:1.01;letter-spacing:-.06em}.hero h1 strong{color:#ffd797;font-weight:700}.hero-copy{font-size:18px;max-width:560px;line-height:1.55}.eyebrow{color:#e3b974;font-size:11px;font-weight:700}.button-light,.button-gold{background:var(--gold);color:#121212}.ticker{background:var(--gold);color:#181818;display:flex;justify-content:space-around;gap:20px;padding:15px 25px;font-size:11px;font-weight:800;letter-spacing:.16em}.statement{padding:105px clamp(22px,7vw,110px)}.statement h2{max-width:720px}.statement-grid{align-items:center}.statement .eyebrow{color:#936b3d}.statement-tail{color:#7d5932}.moments{padding:105px clamp(22px,7vw,110px) 115px;background:#111}.moments-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.moments-heading h2{font-size:clamp(48px,5vw,78px)}.moments-heading>p{font-size:17px;color:#b8b9bf;max-width:300px;line-height:1.5}.moment-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.moment-card{height:520px;position:relative;overflow:hidden;background:#272727;display:flex;align-items:end}.moment-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101418 0%,transparent 75%)}.moment-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.moment-card:first-child img{object-position:center 40%}.moment-card>div{position:relative;z-index:1;padding:28px}.moment-card span{color:#f0c781;letter-spacing:.16em;font-size:11px;font-weight:700}.moment-card h3{font:700 clamp(27px,2.5vw,38px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:45px 0 7px}.moment-card p{font-size:16px;line-height:1.5;color:#ddd;margin:0}.moment-card-copy{background:#2d2924}.moment-card-copy:after{display:none}.moment-card-copy>div{padding:35px}.moment-card-copy a{display:inline-block;margin-top:32px;border-bottom:1px solid var(--gold);padding-bottom:8px;font-size:14px}.armour{background:#191a1b;display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:110px clamp(22px,7vw,110px);align-items:center}.armour-photo{background:#222326;padding:28px;text-align:center}.armour-photo p{font-size:11px;letter-spacing:.14em;color:#f0c781;margin:0 0 25px;text-align:left}.armour-photo img{width:100%;height:500px;object-fit:cover;object-position:center 44%;display:block}.armour-copy h2{font-size:clamp(52px,5vw,82px)}.armour-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#bfc1c4;max-width:570px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 0}.spec-grid div{border-top:1px solid #393b3d;padding-top:16px}.spec-grid b,.dubai-grid b{display:block;font-size:16px;margin-bottom:8px}.spec-grid span,.dubai-grid span{display:block;font-size:15px;line-height:1.5;color:#b7b8bb}.dubai{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--gold);color:#151515;padding:105px clamp(22px,7vw,110px)}.dubai h2{font-size:clamp(48px,5vw,78px)}.dubai .eyebrow{color:#634525}.dubai p:not(.eyebrow){font-size:18px;line-height:1.6}.dubai-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:center}.dubai-grid div{border-top:1px solid #6f522b;padding-top:18px}.dubai-grid span{color:#3e3425}.steps{background:#111;padding:110px clamp(22px,7vw,110px)}.steps h2{max-width:950px;font-size:clamp(48px,5vw,78px)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.step-grid>div{border-top:1px solid #353535;padding-top:25px}.step-grid span{color:var(--gold);font-weight:700}.step-grid h3{font-size:22px;margin:45px 0 8px}.step-grid p{font-size:16px;line-height:1.6;color:#b7b8bb}.closing{background:#171719 url('assets/dubai-hills-recessed-night.jpg') center 45%/cover no-repeat;text-align:center;position:relative;padding:125px 22px}.closing:before{content:'';position:absolute;inset:0;background:rgba(6,8,11,.8)}.closing>*{position:relative}.closing h2{font-size:clamp(54px,6vw,95px)}.closing>p:not(.eyebrow){margin:25px auto 35px}.closing .actions{justify-content:center}footer{background:#101010}.inner-hero{padding-top:165px;background:#1d1d1f}.inner-hero h1{font-size:clamp(54px,6vw,88px)}.resource-wrap{background:var(--paper)}.resource-feature .eyebrow,.resource-wrap>.eyebrow{color:#876038}.resource-grid a{transition:color .2s}.quote-wrap{background:var(--paper)}@media(max-width:800px){.site-header{height:74px}.hero{min-height:740px}.hero-content{padding-top:145px}.ticker{flex-wrap:wrap;justify-content:center;gap:12px 28px}.moments-heading{display:block}.moment-cards{grid-template-columns:1fr}.moment-card{height:480px}.armour,.dubai{grid-template-columns:1fr}.armour-photo img{height:430px}.step-grid{grid-template-columns:1fr}.step-grid h3{margin-top:20px}.dubai-grid{margin-top:20px}nav{top:74px}}@media(max-width:520px){.brand span{font-size:10px}.hero h1{font-size:clamp(55px,12vw,75px)}.ticker{font-size:9px}.moments,.steps,.armour,.dubai{padding-top:75px;padding-bottom:80px}.moments-heading h2,.steps h2,.dubai h2{font-size:clamp(46px,11vw,62px)}.dubai-grid,.spec-grid{grid-template-columns:1fr}.armour-photo img{height:380px}.moment-card{height:430px}.inner-hero{padding-top:140px}}
.hero-media{background-image:url('assets/victory-heights-night.jpg');background-position:center 50%}.closing{background-image:url('assets/dubai-hills-recessed-night.jpg');background-position:center 50%}.inner-hero{position:relative;background:linear-gradient(90deg,rgba(12,12,14,.9),rgba(12,12,14,.45)),var(--inner-photo) center/cover no-repeat;min-height:440px}.inner-hero>*{position:relative}.moment-card:nth-child(2) img{object-position:center center}.moment-card:nth-child(3) img{object-position:center center}@media(max-width:800px){.hero-media{background-position:55% center}.inner-hero{min-height:390px}} 

/* WordPress block theme layout */
html{scroll-behavior:smooth}body{margin:0}.wp-site-blocks{overflow:hidden}.wp-site-blocks>*{margin-block-start:0}.wp-block-group,.wp-block-columns{box-sizing:border-box}.wp-block-group p{margin-block-start:0}.wp-block-group .wp-block-buttons{margin-block-start:25px}.site-header{height:76px;z-index:30}.site-header .brand{margin:0;white-space:nowrap}.site-header .brand-link{display:flex;align-items:center;gap:8px;color:white;font-size:13px;letter-spacing:.16em}.site-header .brand-link b{font:italic 700 20px Georgia,serif;border:1px solid #d9aa60;color:#d9aa60;padding:5px 8px}.site-header .brand-link span{color:white}.site-header .wp-block-navigation{font-size:14px;gap:30px}.site-header .wp-block-navigation a:hover{color:#d9aa60}.site-header .wp-block-navigation-item:last-child a{background:#d9aa60;color:#111;padding:13px 20px;font-weight:700}.site-header .wp-block-navigation-item:last-child a:hover{background:#f2d19b;color:#111}.hero{min-height:760px;position:relative;display:flex;align-items:center;background:url('assets/victory-heights-night.jpg') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.35),transparent)}.hero-content,.image-credit{position:relative;z-index:1}.hero-content{max-width:760px;margin:0 0 0 clamp(22px,7vw,110px);padding:120px 0 65px}.hero .image-credit{position:absolute;bottom:20px;right:5vw}.hero .wp-block-buttons{margin-top:25px}.hero .wp-block-button__link,.resource-wrap .wp-block-button__link,.armour-copy .wp-block-button__link,.closing .wp-block-button__link{display:inline-block;background:#d9aa60;color:#111;border-radius:0;font-weight:700;padding:18px 24px;font-size:14px}.hero .wp-block-button__link:hover,.resource-wrap .wp-block-button__link:hover,.armour-copy .wp-block-button__link:hover,.closing .wp-block-button__link:hover{background:#f2d19b}.ticker{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}.ticker p{margin:0;font-size:11px}.statement-grid,.armour-columns,.dubai-columns{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.statement-grid .wp-block-column,.armour-columns .wp-block-column,.dubai-columns .wp-block-column{min-width:0}.moments-heading{display:flex;justify-content:space-between;gap:35px;align-items:end}.moments-title{margin:0}.moment-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.moment-cards>.wp-block-column{height:520px;min-width:0}.moment-card{height:520px}.moment-card figure{margin:0}.moment-card .moment-copy{z-index:2;margin:0;padding:28px}.moment-card .moment-copy h3{margin:45px 0 8px}.moment-card .moment-copy p{margin:0}.moment-card .card-label{color:#f0c781;font-size:11px;font-weight:700;letter-spacing:.16em}.armour{display:block}.armour-photo figure{margin:0}.armour-photo img{display:block;width:100%;height:500px;object-fit:cover}.spec-grid,.dubai-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.spec-item{border-top:1px solid #444;padding-top:16px}.spec-item p{margin:0 0 8px;color:#b7b8bb;line-height:1.5}.spec-item strong{color:white}.dubai{display:block}.dubai-grid .spec-item{border-top-color:#785b36}.dubai-grid .spec-item strong{color:#111}.dubai-grid .spec-item p{color:#3e3425}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.step{border-top:1px solid #353535;padding-top:25px}.step .step-number{color:#d9aa60;font-weight:700}.step h3{margin:40px 0 8px}.closing{position:relative;background:url('assets/dubai-hills-recessed-night.jpg') center/cover no-repeat}.closing:before{content:'';position:absolute;inset:0;background:rgba(5,7,10,.78)}.closing>*{position:relative}.closing .wp-block-buttons{justify-content:center}.inner-hero{padding-top:165px;min-height:440px;background:linear-gradient(90deg,rgba(12,12,14,.88),rgba(12,12,14,.42)),url('assets/villa-divine-sunset.jpg') center/cover no-repeat}.page-template-page-your-project .inner-hero{background-image:linear-gradient(90deg,rgba(12,12,14,.88),rgba(12,12,14,.42)),url('assets/damac-hills-pool.jpg')}.resource-wrap .eyebrow{color:#876038}.resource-feature{display:flex;align-items:center;justify-content:space-between;gap:35px}.resource-feature-copy{max-width:600px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.resource-item{margin:0;border-bottom:1px solid #aaa;padding:25px 0;font-weight:700}.resource-item a{color:#111}.resource-item a:hover{color:#946a38}.resource-wrap .resources-note{margin:65px 0 30px}.quote-wrap iframe{max-width:850px;display:block;margin:0 auto}.quote-wrap .fallback{max-width:850px;margin:25px auto 0}.site-footer{padding:55px clamp(22px,7vw,110px);background:#111}.footer-top{display:flex;justify-content:space-between;gap:25px}.site-footer a{color:white}.site-footer a:hover{color:#d9aa60}.site-footer .footer-brand{font-weight:800;letter-spacing:.15em}.site-footer .footer-small{font-size:12px;color:#aaa;max-width:900px;margin-top:40px}.standard-page{background:#faf7f1;color:#111;min-height:60vh;padding:130px clamp(22px,7vw,110px) 90px}.standard-page a{color:#91643b}.wp-block-navigation__responsive-container.is-menu-open{background:#111;color:#fff}.wp-block-navigation__responsive-container.is-menu-open a{color:#fff}
@media(max-width:800px){.site-header{height:74px}.site-header .wp-block-navigation{margin-left:auto}.hero-content{margin:0 22px;padding:125px 0 70px}.hero{min-height:740px;background-position:60% center}.statement-grid,.armour-columns,.dubai-columns,.moment-cards,.step-grid{grid-template-columns:1fr}.moments-heading{display:block}.moment-cards>.wp-block-column,.moment-card{height:480px}.armour-photo img{height:420px}.resource-grid{grid-template-columns:1fr 1fr}.resource-feature{align-items:start;flex-direction:column}.inner-hero{min-height:390px;padding-top:145px}.footer-top{display:block}}
@media(max-width:520px){.site-header .brand-link{font-size:11px}.ticker{font-size:10px}.moment-cards>.wp-block-column,.moment-card{height:430px}.spec-grid,.dubai-grid,.resource-grid{grid-template-columns:1fr}.armour-photo img{height:350px}.hero h1{font-size:clamp(52px,12vw,72px)}.quote-wrap{padding-left:12px;padding-right:12px}}
/* Keep Dubai benefit cards readable in the block theme's nested Columns. */
.dubai-grid.wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;align-items:start}
.dubai-grid.wp-block-columns>.wp-block-column{min-width:0;width:auto!important;flex-basis:auto!important;flex-grow:0!important;margin:0!important}
.dubai-grid .spec-item{min-width:0;overflow-wrap:normal;word-break:normal}
@media(max-width:600px){.dubai-grid.wp-block-columns{grid-template-columns:1fr}}
/* Give the enclosure feature text two usable columns. */
.spec-grid.wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;align-items:start}
.spec-grid.wp-block-columns>.wp-block-column{min-width:0;width:auto!important;flex-basis:auto!important;flex-grow:0!important;margin:0!important}
.spec-grid .spec-item{min-width:0;overflow-wrap:normal;word-break:normal}
@media(max-width:600px){.spec-grid.wp-block-columns{grid-template-columns:1fr}}
/* Zoe's lifestyle statement between the pool story and the three moments. */
.house{background:#faf7f1;color:#111;padding:clamp(85px,10vw,155px) clamp(22px,7vw,110px);border-top:1px solid #d9aa60}
.house>.wp-block-group__inner-container{max-width:1360px;margin:auto}
.house .eyebrow{color:#92704a;margin-bottom:20px}
.house h2{font-size:clamp(48px,6vw,100px);max-width:1100px}
.house h2 span{color:#92704a}
.house-copy{margin-top:clamp(55px,8vw,120px);max-width:950px}
.house-copy .house-lead{font-size:clamp(22px,2.5vw,34px);line-height:1.48;margin-bottom:45px}
.house-copy .house-detail{font-size:clamp(18px,1.8vw,24px);line-height:1.65;color:#626262;max-width:900px}
/* Present each hardware and Dubai benefit as a readable full-width row. */
.spec-grid.wp-block-columns,.dubai-grid.wp-block-columns{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.spec-grid.wp-block-columns>.wp-block-column,.dubai-grid.wp-block-columns>.wp-block-column{width:100%!important;min-width:0;flex-basis:100%!important}
.spec-grid .spec-item,.dubai-grid .spec-item{border-top:1px solid rgba(255,255,255,.19);padding:24px 0;margin:0}
.dubai-grid .spec-item{border-top-color:rgba(38,25,10,.35)}
.spec-grid .spec-item p,.dubai-grid .spec-item p{max-width:70ch;overflow-wrap:normal;word-break:normal}
/* Footer navigation and social accounts. */
.site-footer .footer-top{align-items:start}
.site-footer .footer-brand{font-size:24px;margin-bottom:12px}
.site-footer .footer-tagline{font-size:17px;color:#d9aa60;margin:0}
.site-footer .footer-links{max-width:640px;text-align:right;line-height:2}
.site-footer .footer-social{font-weight:700;margin:16px 0 0}
.site-footer .footer-small{border-top:1px solid #393939;padding-top:25px;max-width:none}
@media(max-width:800px){.site-footer .footer-links{text-align:left;margin-top:30px}.site-footer .footer-links a{display:inline-block;margin-right:15px}}
/* Company, contact, and policy details from the UAE website. */
.site-footer .footer-top{display:grid;grid-template-columns:minmax(180px,.95fr) minmax(220px,1.15fr) minmax(220px,1fr);gap:clamp(25px,4vw,70px)}
.site-footer .footer-top>div{min-width:0}
.site-footer .footer-top h3{font-size:15px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px;color:#d9aa60}
.site-footer .footer-company p,.site-footer .footer-contact p{font-size:14px;line-height:1.85;color:#dedede;margin:0}
.site-footer .footer-company strong{color:white}
.site-footer .footer-contact a{overflow-wrap:anywhere}
.site-footer .footer-bottom-links{margin:45px 0 0;font-size:14px;line-height:2}
.site-footer .footer-bottom-links a{display:inline-block;margin-right:25px}
.site-footer .footer-small{margin-top:20px;line-height:1.7}
.site-header .wp-block-navigation{gap:clamp(12px,1.4vw,24px)}
.site-header .wp-block-navigation-item:nth-last-child(2) a,.site-header .wp-block-navigation-item:nth-last-child(3) a{font-size:12px;color:#d9aa60}
@media(max-width:900px){.site-footer .footer-top{grid-template-columns:1fr 1fr}.site-footer .footer-intro{grid-column:1/-1}}
@media(max-width:600px){.site-footer .footer-top{grid-template-columns:1fr}.site-footer .footer-intro{grid-column:auto}.site-footer .footer-contact{margin-top:8px}}
/* Theme asset backgrounds remain reliable when WordPress expands a block pattern. */
.moment-cards>.wp-block-column:nth-child(1) .moment-card{background:url('assets/tilal-al-ghaf-sports.jpg') center 45%/cover no-repeat}
.moment-cards>.wp-block-column:nth-child(2) .moment-card{background:url('assets/kyle-and-mate-movie-night.png') center center/cover no-repeat}
.moment-cards>.wp-block-column:nth-child(3) .moment-card{background:url('assets/jumeirah-village-triangle-pergola.jpg') 55% center/cover no-repeat}
.moment-card figure{display:none}
/* Portrait Villa Divine installation alongside the enclosure features. */
.armour-photo{background:url('assets/villa-divine-75-night-portrait.jpg') center center/cover no-repeat;min-height:clamp(650px,68vw,900px);position:relative}
.armour-photo figure{display:none}
.armour-photo>p{position:relative;z-index:1;text-shadow:0 1px 5px #000}
@media(max-width:800px){.armour-photo{min-height:clamp(480px,120vw,700px)}}
/* Arabian Ranches installation anchors the pool investment story. */
.statement .statement-photo{position:relative;margin-top:clamp(45px,6vw,90px);width:100%;min-height:clamp(300px,42vw,650px);background:url('assets/arabian-ranches-75.jpg') center 52%/cover no-repeat}
.statement-photo-credit{position:absolute;right:18px;bottom:15px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 5px #000;margin:0}
@media(max-width:700px){.statement .statement-photo{min-height:310px;background-position:43% center}.statement-photo-credit{font-size:9px}}
/* Match the portrait photograph to the full height of the four feature points. */
@media(min-width:801px){.armour-columns{align-items:stretch}.armour-columns>.wp-block-column:first-child{display:flex}.armour-photo{width:100%;height:100%;min-height:0}}
.statement .statement-photo{overflow:hidden}
.statement .statement-photo .statement-photo-credit{position:absolute!important;bottom:18px!important;right:20px!important;top:auto!important;left:auto!important;z-index:2;margin:0!important;color:#fff}
/* Show the screen, seating and pool in the closing installation photograph. */
.closing:before{background:rgba(5,7,10,.48)}

/* Let footer links use the whole width below the three footer columns. */
.site-footer{display:block}
/* FAQ introduction, using the original Apollo protection diagram. */
.faq-intro{background:#faf7f1;color:#171717;padding:clamp(110px,12vw,170px) clamp(22px,7vw,110px) clamp(65px,8vw,115px)}
.faq-intro .eyebrow{color:#89653d}.faq-intro h1{font:700 clamp(44px,5.5vw,84px)/1.06 'Manrope',Arial,sans-serif;letter-spacing:-.055em;max-width:1000px;margin:0 0 55px}
.faq-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,95px);align-items:start}
.faq-intro-copy p{font-size:17px;line-height:1.7;margin:0 0 22px;color:#333}.faq-intro-copy strong{color:#171717}
.faq-intro-visual{min-height:620px;background:#ececef url('assets/ds-special-features.png') center/contain no-repeat;position:relative}
.faq-intro-visual .faq-image-caption{position:absolute;bottom:-28px;left:0;font-size:10px;font-weight:700;letter-spacing:.14em;color:#795e3b}
.faq-list{background:#faf7f1!important;color:#171717;padding:50px clamp(22px,7vw,110px) 110px}
.faq-list a{color:#795e3b}.faq-list h1,.faq-list h2{color:#171717}.faq-list .wp-block-post-title a{text-decoration:none}
.site-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media(max-width:800px){.faq-intro-grid{grid-template-columns:1fr}.faq-intro-visual{min-height:580px}.faq-intro h1{margin-bottom:38px}}
@media(max-width:600px){.faq-intro-visual{min-height:380px}.site-footer .footer-top{grid-template-columns:1fr}}
/* Give the three lifestyle card headings more presence. */
.moment-card h3{font-size:clamp(34px,3vw,46px);line-height:1.08}
@media(max-width:600px){.moment-card h3{font-size:clamp(32px,8vw,42px)}}
/* Make the gold labels on the lifestyle cards easier to read. */
.moment-card span{font-size:clamp(12px,1vw,15px);letter-spacing:.14em}
/* WordPress block spacing must not push the second footer column down. */
.site-footer .footer-top{align-items:start}
.site-footer .footer-top>.wp-block-group{margin-block-start:0!important}
/* Keep the WhatsApp telephone number together on every screen size. */
.site-footer .footer-contact a[href*="send?phone="]{white-space:nowrap;overflow-wrap:normal}
.site-footer .footer-contact a[href^="mailto:"]{white-space:nowrap;overflow-wrap:normal}

/* Center the hero lead and keep its scene setting on the first line. */
.hero .hero-copy{max-width:760px;text-align:left;text-wrap:balance}
/* Put the section introduction beneath its heading instead of in a narrow side column. */
.moments-heading{display:block}
.moments-heading>p{max-width:none;margin:24px 0 0;text-align:left}
/* Align labels, headings and descriptions across the three lifestyle cards. */
.moment-card .moment-copy{box-sizing:border-box;width:100%;height:290px;display:grid;grid-template-rows:30px 112px 1fr;align-content:end}
.moment-card .moment-copy .card-label{margin:0!important;align-self:start}
.moment-card .moment-copy h3{margin:0!important;align-self:start}
.moment-card .moment-copy>p:last-child{margin:0!important;align-self:start}
@media(max-width:600px){.moment-card .moment-copy{height:auto;display:block}.moment-card .moment-copy .card-label{margin-bottom:12px!important}.moment-card .moment-copy h3{margin-bottom:10px!important}}
/* Let the closing invitation use the section width instead of a narrow text box. */
.closing>p:not(.eyebrow){max-width:min(100%,1000px);width:100%}
/* WordPress centres constrained groups and paragraphs. Align both house paragraphs. */
.house .house-copy{width:100%;max-width:none;margin-left:0!important;margin-right:0!important}
.house-copy .house-lead,.house-copy .house-detail{max-width:none;margin-left:0!important;margin-right:0!important}
/* Match the enclosure's text hierarchy to the larger headings and call to action. */
.armour .spec-item strong{font-size:20px;line-height:1.3}
.armour .spec-item p{font-size:18px;line-height:1.55}
.hero .wp-block-button__link,.armour-copy .wp-block-button__link,.closing .wp-block-button__link{font-size:18px!important;line-height:1.3}
@media(max-width:600px){.hero .wp-block-button__link,.armour-copy .wp-block-button__link,.closing .wp-block-button__link{font-size:16px!important}}

/* Set one type scale for primary section headings across the homepage. */
.statement h2,.moments-heading h2,.armour-copy h2,.dubai h2,.steps h2,.house h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(46px,5vw,110px);font-weight:700;line-height:1.07;letter-spacing:-.055em}
/* Keep the pool headline anchored to the left and its final words together. */
.statement .statement-grid{width:100%;max-width:1120px;margin-left:0!important;margin-right:auto!important;gap:clamp(30px,5vw,70px)}
.statement .statement-grid .wp-block-column:first-child,.statement .statement-grid h2{margin-left:0!important;margin-right:0!important;text-align:left}
.statement .statement-grid h2{max-width:620px;text-wrap:balance}
.statement .keep-together{white-space:nowrap}
@media(max-width:520px){.statement h2,.moments-heading h2,.armour-copy h2,.dubai h2,.steps h2,.house h2{font-size:clamp(42px,10vw,56px)}}

/* Keep the two light sections aligned with the full-width homepage sections. */
.statement>.eyebrow,.statement>.statement-grid,.statement>.statement-photo,
.house>.eyebrow,.house>h2,.house>.house-copy{
 width:100%;max-width:none;margin-left:0!important;margin-right:0!important;
}
.statement .statement-grid{
 display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
 max-width:none!important;gap:clamp(32px,5vw,88px);align-items:center;
}
.statement .statement-grid>.wp-block-column{min-width:0;flex-basis:auto!important}
.statement .statement-grid h2{max-width:none!important;text-wrap:balance}
.house>h2,.house>.house-copy{max-width:1100px}
.house .house-copy .house-lead,.house .house-copy .house-detail{
 margin-left:0!important;margin-right:0!important;
}
@media(max-width:800px){.statement .statement-grid{grid-template-columns:minmax(0,1fr);gap:32px}}

/* Keep social labels and their arrows on the same line. */
.site-footer .footer-social a{display:inline-block;white-space:nowrap}

/* Readable spacing for the restored FAQ answers. */
.faq-list{max-width:none}
.faq-list h2{font-size:clamp(29px,3vw,44px);line-height:1.2;margin:54px 0 18px}
.faq-list h3{font-size:clamp(21px,2vw,27px);line-height:1.3;margin:28px 0 12px}
.faq-list p,.faq-list li{font-size:17px;line-height:1.7}
.faq-list p{margin:0 0 18px}
.faq-list hr{border:0;border-top:1px solid #d8c7b4;margin:44px 0}

/* Match the pool body copy to the original supporting paragraph size. */
.statement .statement-grid p,.house .house-copy .house-detail{font-size:clamp(20px,1.8vw,24px);line-height:1.65}

/* Keep the feature labels and descriptions equally readable in both sections. */
.spec-grid .spec-item strong,.dubai-grid .spec-item strong{font-size:24px;line-height:1.3}
.spec-grid .spec-item p,.dubai-grid .spec-item p{font-size:21px;line-height:1.55}

/* Keep an immediate WhatsApp contact beside the homepage setup button. */
.hero .button-whatsapp .wp-block-button__link{background:transparent;color:#fff;border:1px solid #f5d9a8}
.hero .button-whatsapp .wp-block-button__link:hover{background:#d9aa60;color:#111}
