/* Aurum Privé — scoped homepage styles. Desktop anchors: 1440 and 2560 CSS px. Tune these tokens instead of adding breakpoint overrides. */ @font-face{font-family:AP-Avenir;src:url('assets/b6900a3b492d.ttf') format('truetype');font-style:normal;font-weight:300 600;font-display:swap} #ap-home{ --ap-gutter:clamp(24px,5.556vw,120px); --ap-body:clamp(17px,calc(4.14px + .893vw),27px); --ap-display:clamp(48px,calc(15.715px + 4.4643vw),130px); --ap-tracking:clamp(5px,calc(3.57px + .4464vw),15px); --ap-scene-height:100vh; --ap-paper:#f9f8f7;--ap-gold:#c39b62; width:100%;max-width:none;margin:0;padding:0;isolation:isolate; font-family:AP-Avenir,Avenir,'Avenir Next',sans-serif;font-weight:300;color:#fff; } @supports(height:100svh){#ap-home{--ap-scene-height:100svh}} #ap-home,#ap-home *,#ap-home *::before,#ap-home *::after{box-sizing:border-box} #ap-home h1,#ap-home h2,#ap-home h3,#ap-home p,#ap-home figure,#ap-home dl,#ap-home dd{margin:0} #ap-home h1,#ap-home h2,#ap-home h3{font-family:inherit;font-weight:300;color:inherit;text-transform:uppercase} #ap-home a{text-decoration:none;color:inherit} #ap-home button,#ap-home input{font:inherit;border-radius:0} #ap-home button{cursor:pointer} #ap-home button:disabled{cursor:default} #ap-home [hidden]{display:none!important} #ap-home :focus-visible{outline:2px solid var(--ap-gold);outline-offset:5px} #ap-home .ap-scene{position:relative;min-height:max(640px,var(--ap-scene-height));isolation:isolate;background:#15202a} #ap-home .ap-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2} #ap-home .ap-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 45%,rgba(0,0,0,.1))} #ap-home .ap-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 34px;border:1px solid rgba(255,255,255,.5);background:transparent;color:inherit;font-size:clamp(12px,calc(-.86px + .893vw),22px);line-height:1.45;letter-spacing:4px;text-transform:uppercase;text-align:center;transition:background .25s,color .25s;max-width:100%} #ap-home .ap-button:hover{background:rgba(255,255,255,.2)} #ap-home .ap-hero{min-height:max(800px,calc(var(--ap-scene-height)*1.05));display:grid} #ap-home .ap-hero .ap-shade{background:linear-gradient(to left,rgba(0,0,0,.6) 15%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.08))} #ap-home .ap-hero-inner{display:flex;align-items:flex-end;justify-content:flex-end;padding:110px min(var(--ap-gutter),80px) 70px} #ap-home .ap-hero-copy{width:100%;max-width:clamp(660px,calc(222.857px + 30.357vw),1000px);text-align:right;min-width:0} #ap-home .ap-hero h1{font-size:clamp(58px,calc(14.286px + 4.9107vw),140px);line-height:1.325;letter-spacing:var(--ap-tracking);margin-bottom:35px} #ap-home .ap-hero p{font-size:clamp(17px,calc(.286px + 1.1607vw),30px);line-height:1.38;letter-spacing:.04em;margin:0 0 40px auto;max-width:100%;color:rgba(255,255,255,.92)} /* Grid overlaps slides but lets content establish a safe minimum height. */ #ap-home .ap-slider{display:grid;touch-action:pan-y} #ap-home .ap-slide{grid-area:1/1;position:relative;display:grid;isolation:isolate;min-width:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none} #ap-home .ap-slide.ap-current{opacity:1;visibility:visible;pointer-events:auto;z-index:1} #ap-home .ap-slide-layout{width:100%;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:35px;padding:90px 6% 4%} #ap-home .ap-slide-heading{align-self:center;max-width:min(100%,1840px);min-width:0} #ap-home .ap-slide h2{font-size:var(--ap-display);line-height:1.326;letter-spacing:var(--ap-tracking);overflow-wrap:normal} #ap-home .ap-slider-collection .ap-slide h2{font-size:clamp(48px,calc(32.857px + 2.2321vw),90px)} #ap-home .ap-v-bottom .ap-slide-heading{align-self:end} #ap-home .ap-v-bottom .ap-slide-layout{grid-template-rows:1fr auto;padding-bottom:5%} #ap-home .ap-v-bottom h2{font-size:clamp(30px,calc(15.715px + 1.3393vw),50px)} #ap-home .ap-slider-collection .ap-v-bottom h2{font-size:clamp(30px,calc(15.715px + 1.3393vw),50px)} #ap-home .ap-v-top .ap-slide-heading{align-self:start} #ap-home .ap-slide-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:26px;min-width:0} #ap-home .ap-h-right .ap-slide-heading,#ap-home .ap-h-right .ap-slide-bottom{justify-self:end} #ap-home .ap-h-center .ap-slide-heading,#ap-home .ap-h-center .ap-slide-bottom{justify-self:center} #ap-home .ap-t-right{text-align:right} #ap-home .ap-t-center{text-align:center} #ap-home .ap-h-right .ap-slide-bottom{align-items:flex-end} #ap-home .ap-h-center .ap-slide-bottom{align-items:center} #ap-home .ap-h-right .ap-shade{background:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 45%,rgba(0,0,0,.1))} #ap-home .ap-slide-description{max-width:clamp(700px,48vw,1200px);font-size:var(--ap-body);line-height:1.38;letter-spacing:.04em;color:rgba(255,255,255,.92)} #ap-home .ap-slide-description p+p{margin-top:1em} #ap-home .ap-actions{display:flex;flex-wrap:wrap;gap:0;max-width:100%} #ap-home .ap-actions .ap-button{padding:8px 20px} #ap-home .ap-image-tag{position:absolute;bottom:1%;right:1.5%;font-size:clamp(9px,.43vw,14px);line-height:1.2;color:rgba(255,255,255,.65);z-index:4;pointer-events:none} #ap-home .ap-collage{position:relative;grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));z-index:-2} #ap-home .ap-collage figure{position:relative;min-height:100%;min-width:0} #ap-home .ap-collage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #ap-home .ap-collage+.ap-slide-layout{grid-area:1/1;pointer-events:none} #ap-home .ap-slider-controls{position:absolute;top:clamp(18px,1.5vw,30px);right:clamp(20px,2.2vw,48px);z-index:5;display:flex;align-items:center;gap:12px} #ap-home .ap-pause{display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.12);color:white;border-radius:50%;height:38px;width:38px;padding:0;font-size:19px;line-height:1} #ap-home .ap-progress{width:clamp(80px,5vw,110px);height:2px;background:rgba(255,255,255,.35)} #ap-home .ap-progress>span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left} #ap-home .ap-restart{min-height:42px;border:1px solid rgba(255,255,255,.6);padding:8px 20px;background:rgba(0,0,0,.2);color:#fff;font-size:12px;letter-spacing:3px;text-transform:uppercase} #ap-home .ap-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:radial-gradient(ellipse,rgba(0,0,0,.25),transparent 72%);color:#fff;font-size:clamp(60px,4.5vw,96px);line-height:1;width:clamp(44px,4.8vw,90px);height:100px;padding:0;z-index:4;text-shadow:0 2px 5px rgba(0,0,0,.85)} #ap-home .ap-prev{left:8px}#ap-home .ap-next{right:clamp(8px,1vw,40px)} #ap-home .ap-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} /* Project cards retain the original three-column, edge-to-edge desktop strip. */ #ap-home .ap-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#111} #ap-home .ap-project{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:clamp(560px,40vw,1540px);padding:20px;min-width:0} #ap-home .ap-project::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.9))} #ap-home .ap-project h2{font-size:clamp(20px,1.2vw,30px);letter-spacing:5px;text-align:center} #ap-home .ap-project-details{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:clamp(11px,.71vw,20px);letter-spacing:2.5px} #ap-home .ap-project-details span{display:flex;align-items:center;gap:8px} #ap-home .ap-project-details img{width:20px;height:20px;object-fit:contain} /* Keep the supplied map artwork intact. On mobile it gets its own visible row. */ #ap-home .ap-location{position:relative;isolation:isolate;min-height:max(750px,var(--ap-scene-height));display:grid;align-items:center;padding:40px;background:#5d4d4d} #ap-home .ap-map-art{position:absolute;inset:0;z-index:-1} #ap-home .ap-map-art img{width:100%;height:100%;object-fit:cover;object-position:10% center;display:block} #ap-home .ap-location-inner{width:100%;max-width:2000px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px} #ap-home .ap-accordion{background:rgba(249,248,247,.98);padding:32px 18px 72px 16px;color:#453b39;min-width:0} #ap-home details{border-bottom:1px solid #c39b62} #ap-home details:last-child{border-bottom:0} #ap-home summary{display:grid;grid-template-columns:clamp(48px,2.82vw,72px) minmax(0,1fr) 38px;align-items:center;gap:22px;padding:20px 0;cursor:pointer;list-style:none;font-size:clamp(18px,calc(9.71px + .7143vw),28px);line-height:1.3;letter-spacing:clamp(2px,.156vw,4px);text-transform:uppercase} #ap-home summary::-webkit-details-marker{display:none} #ap-home summary>img{width:100%;height:auto;max-height:72px;object-fit:contain} #ap-home .ap-toggle{text-align:center;color:var(--ap-gold);font-size:38px;line-height:1} #ap-home .ap-toggle::after{content:'+'}#ap-home details[open] .ap-toggle::after{content:'−'} #ap-home details ul{list-style:none;margin:0;padding:2px 5px 18px calc(clamp(48px,2.82vw,72px) + 22px);font-size:clamp(15px,calc(3.43px + .8036vw),24px);line-height:1.4;color:#8d746a} #ap-home details li{padding:9px 0} #ap-home .ap-legacy{display:grid;align-items:center;padding:80px 60px} #ap-home .ap-legacy .ap-shade{background:linear-gradient(63deg,transparent 0%,transparent 40%,rgba(0,0,0,.93))} #ap-home .ap-legacy-inner{width:100%; height: 100%; max-width:2400px;margin:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px} #ap-home .ap-legacy-copy{grid-column:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:0} #ap-home .ap-legacy h2{font-size:clamp(52px,calc(32.857px + 2.2321vw),90px);line-height:1.1;letter-spacing:15px;margin-bottom:25px} #ap-home .ap-legacy p{font-size:var(--ap-body);line-height:1.6;letter-spacing:.04em;max-width:1150px;margin-bottom:50px;color:#fff} #ap-home .ap-legacy-art{width:100%;max-width:clamp(600px,calc(317.143px + 19.6429vw),820px)} #ap-home .ap-legacy-art svg{display:block;width:100%;height:auto;overflow:visible} #ap-home .ap-legacy-art svg a:hover rect{fill:rgba(255,255,255,.2)} #ap-home .ap-mobile-stats{display:none} #ap-home .ap-enquiry{display:grid;align-items:center;padding:100px var(--ap-gutter) 60px;color:#121212;background:#e2d2c5;scroll-margin-top:70px} #ap-home .ap-enquiry-inner{width:100%;max-width:2560px;margin:auto;display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr)} #ap-home .ap-enquiry-copy{grid-column:2;min-width:0;padding-top:40px} #ap-home .ap-enquiry h2{font-size:clamp(38px,calc(32.857px + 2.2321vw),90px);line-height:1.326;letter-spacing:clamp(3px,.428vw,11px);margin-bottom:50px;overflow-wrap:normal} #ap-home .ap-form{padding-left:9px} #ap-home .ap-fields{border-left:0px solid rgba(50,45,40,.6);padding-left:0px;display:flex;flex-direction:column;gap:clamp(10px,calc(-22.14px + 2.23vw),35px);margin-bottom:65px} #ap-home .ap-field{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:18px;min-width:0} #ap-home .ap-field label{font-size:clamp(16px,calc(1.86px + .982vw),27px);line-height:1.25;color:#4a433d;font-weight:300;letter-spacing:.3px;padding-bottom:6px} #ap-home .ap-field input{min-width:0;width:100%;border:0;border-bottom:1.5px solid rgba(58,52,48,.75);background:transparent;height:40px;padding:0 4px;font-size:clamp(17px,1vw,27px);color:#1d1d1d;box-shadow:none} #ap-home .ap-field .wpcf7-form-control-wrap{display:block;min-width:0} #ap-home .ap-enquiry .ap-button{border-color:rgba(20,20,20,.9);font-size:clamp(12px,calc(5.57px + .446vw),17px);letter-spacing:clamp(3px,.28vw,6px);min-height:50px} #ap-home .ap-enquiry .ap-button:hover{background:#171211;color:#fff} #ap-home .ap-legal{font-size:clamp(12px,.7vw,18px);letter-spacing:1px;line-height:1.5;margin-top:10px;color:#3d3834} #ap-home .ap-form-status{font-size:15px;margin-top:12px} #ap-home .wpcf7 form{margin:0}#ap-home .wpcf7-not-valid-tip{font-size:14px} #ap-home .wpcf7-response-output{font-size:16px;line-height:1.5} #ap-home .ap-form-unconfigured{border:1px solid #4a433d;padding:24px;font-size:16px;line-height:1.5} @media(min-width:1920px){ #ap-home .ap-location-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)} #ap-home .ap-map-art{left:8%} #ap-home .ap-accordion{padding:40px 24px 55px} #ap-home summary{padding:30px 0} #ap-home details li{padding:12px 0} #ap-home .ap-map-art img{object-position:center top} #ap-home .ap-legacy{padding-right:5.4%} } /* A shorter desktop window may scroll, rather than clipping the copy. */ @media(min-width:1025px) and (max-height:720px){ #ap-home .ap-hero-inner{padding-top:90px;padding-bottom:45px} #ap-home .ap-legacy,#ap-home .ap-enquiry{padding-top:60px;padding-bottom:60px} } @media(max-width:1200px){ #ap-home .ap-legacy-inner{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr)} #ap-home .ap-location{padding:30px} #ap-home .ap-location-inner{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)} #ap-home summary{gap:14px;grid-template-columns:40px minmax(0,1fr) 26px;font-size:17px;letter-spacing:2px} #ap-home details ul{padding-left:54px} #ap-home .ap-project-details{font-size:10px;letter-spacing:1.4px;gap:8px} #ap-home .ap-project{padding:18px 10px} #ap-home .ap-enquiry-inner{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr)} } @media(max-width:1024px){ #ap-home{--ap-display:clamp(38px,5.8vw,62px);--ap-body:17px;--ap-tracking:5px} #ap-home .ap-scene{min-height:max(600px,85svh)} #ap-home .ap-hero{min-height:760px} #ap-home .ap-hero-inner{padding:120px 40px 60px} #ap-home .ap-hero h1{font-size:clamp(42px,6.5vw,65px);letter-spacing:7px} #ap-home .ap-hero-copy{max-width:600px} #ap-home .ap-hero p{font-size:17px; max-width: 35ch;} #ap-home .ap-slide-layout{padding:80px 7% 42px;gap:30px} #ap-home .ap-slider-collection .ap-slide h2{font-size:clamp(38px,5.4vw,58px)} #ap-home .ap-project{min-height:430px} #ap-home .ap-project h2{font-size:17px;letter-spacing:3px} #ap-home .ap-project-details{flex-direction:column;align-items:center} #ap-home .ap-legacy{padding:60px 35px} #ap-home .ap-legacy h2{font-size:48px;letter-spacing:8px} #ap-home .ap-legacy p{font-size:17px} #ap-home .ap-legacy-inner{grid-template-columns:minmax(0,.3fr) minmax(0,1.7fr)} #ap-home .ap-enquiry h2{font-size:40px;letter-spacing:3px} #ap-home .ap-field{grid-template-columns:1fr;gap:6px} #ap-home .ap-fields{gap:22px;margin-bottom:36px} #ap-home .ap-enquiry-copy{padding-top:0} } @media(max-width:767px){ #ap-home{--ap-gutter:24px;--ap-display:clamp(29px,6.9vw,48px);--ap-body:16px;--ap-tracking:3px} #ap-home .ap-scene{min-height:max(620px,88svh)} #ap-home .ap-hero{min-height:max(680px,95svh)} #ap-home .ap-hero-inner{padding:110px 24px 45px} #ap-home .ap-hero-inner {align-items: flex-start!important; } section.ap-scene.ap-slider.ap-slider-collection.ap-mobile-view article.ap-slide.ap-h-left.ap-v-middle.ap-t-left.ap-has-copy.ap-has-buttons.ap-m-story.ap-mobile-page:nth-child(1) > .ap-slide-layout { background: #0b2038 !important; } #ap-home > section.ap-scene.ap-slider.ap-slider-collection article .ap-shade, #ap-home .ap-h-right .ap-shade { background: linear-gradient(1deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 27%, rgb(0 0 0 / 0%))!important; } section.ap-scene.ap-slider.ap-slider-collection.ap-mobile-view article.ap-slide.ap-h-left.ap-v-middle.ap-t-left.ap-has-copy.ap-has-buttons.ap-m-story.ap-mobile-page:nth-child(4) > .ap-slide-layout { background: #5c5c3f !important; } article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right.ap-has-copy .ap-slide-heading { margin-bottom: -10px; margin-right: -15px; } .ap-mobile-view .ap-m-group h2 { font-size: clamp(16px, 3vw, 26px) !important; } #ap-home > section.ap-scene.ap-slider.ap-slider-collection article .ap-shade { background: linear-gradient(347deg, rgb(0 0 0 / 86%), rgb(0 0 0 / 0%) 21%, rgb(0 0 0 / 0%)) !important; margin-bottom: -20px; } #ap-home > section.ap-scene.ap-slider.ap-slider-collection.ap-mobile-view > div:nth-child(6) > article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right.ap-has-copy.ap-has-buttons .ap-slide-bottom { display: none !important; } section.ap-scene.ap-slider.ap-slider-amenities.ap-mobile-view article.ap-slide.ap-h-right.ap-v-middle.ap-t-right.ap-has-copy.ap-m-story.ap-mobile-page:nth-child(1) .ap-slide-layout { background: #132b4e !important; } #ap-home .ap-legacy { padding: 40px 24px 25px!important; min-height: 100vh!important; } #ap-home .ap-legacy-inner, #ap-home .ap-legacy-copy { height: 100%; } #ap-home .ap-legacy h2, #ap-home .ap-legacy p{ margin: 0; } #ap-home .ap-legacy-art{ margin-top: auto; } #ap-home .ap-enquiry { padding: 65px 24px; min-height: 100vh!important; } #ap-home .ap-enquiry { align-content: start; } #ap-home .ap-enquiry .ap-button { width: 60% !important; border-color: #fff !important; } #ap-home .ap-legal { width: 60% !important; color: #fff !important; } #ap-home .ap-enquiry h2 { font-size: clamp(32px, 8.2vw, 58px) !important; font-weight: 300 !important; line-height: 1.3 !important; letter-spacing: clamp(3px, .9vw, 6px) !important; } #ap-home .ap-slide-layout { background: linear-gradient(1deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 21%, rgb(0 0 0 / 0%)) !important; } #ap-home > section.ap-scene.ap-slider.ap-slider-collection.ap-mobile-view > div:nth-child(2) .ap-slide-layout { background: transparent !important; } #ap-home > section.ap-scene.ap-slider.ap-slider-amenities.ap-mobile-view > div:nth-child(2) > article:nth-child(3) > div.ap-shade{ background: linear-gradient(181deg, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) 37%, rgb(0 0 0 / 36%)) !important; } #ap-home .ap-actions .ap-button[data-active-gallery="true"] { background: #7f5741; } #ap-home > section.ap-scene.ap-slider.ap-slider-beyond.ap-mobile-view > article:nth-child(3) > div.ap-collage > figure:nth-child(1) > img { object-position: 96% 64%; } #ap-home .ap-hero-copy{max-width:100%} #ap-home .ap-hero h1{font-size:clamp(32px,8.2vw,58px);letter-spacing:clamp(3px,.9vw,6px);line-height:1.3;margin-bottom:28px} #ap-home .ap-hero p{font-size:16px;line-height:1.5;margin-bottom:28px;max-width:35ch!important} #ap-home .ap-hero p br,#ap-home .ap-slide-description br{display:none} #ap-home .ap-hero .ap-backdrop{object-position:6% center} #ap-home .ap-hero .ap-shade{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 85%)} #ap-home .ap-button{font-size:11px;letter-spacing:2.5px;padding:13px 18px;min-height:42px} #ap-home .ap-slide-layout{padding:80px 32px 40px;gap:38px;grid-template-rows:1fr auto} #ap-home .ap-slide-heading{width:100%;max-width:100%} #ap-home .ap-slide h2,#ap-home .ap-slider-collection .ap-slide h2{font-size:var(--ap-display);letter-spacing:var(--ap-tracking);line-height:1.33} #ap-home .ap-slide-description{font-size:16px;line-height:1.5;max-width:100%} #ap-home .ap-v-bottom h2,#ap-home .ap-slider-collection .ap-v-bottom h2{font-size:clamp(24px,5.6vw,34px)} #ap-home .ap-slide-bottom{width:100%;gap:24px} #ap-home .ap-actions{width:80%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} #ap-home .ap-actions .ap-button{font-size:10px;letter-spacing:2px;padding:12px 8px} #ap-home .ap-arrow{width:28px;height:70px;font-size:48px}#ap-home .ap-prev{left:0}#ap-home .ap-next{right:0} #ap-home .ap-slider-controls{right:16px;top:16px} #ap-home .ap-pause{width:40px;height:40px} #ap-home .ap-progress{width:70px} #ap-home .ap-collage{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));min-height:780px} #ap-home .ap-collage figure{min-height:260px} #ap-home .ap-projects{grid-template-columns:minmax(0,1fr)} #ap-home .ap-project{width:100%;max-width:100%;min-height:540px;aspect-ratio:4/5;padding:22px 18px} #ap-home .ap-project h2{font-size:22px;letter-spacing:4px} #ap-home .ap-project-details{font-size:11px;letter-spacing:1.7px;flex-direction:row;flex-wrap:wrap;gap:14px} #ap-home .ap-location{padding:0;min-height:0;display:flex;flex-direction:column;gap:0} #ap-home .ap-map-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.05;overflow:hidden;z-index:0;order:2} #ap-home .ap-map-art img{position:absolute;left:-90%;top:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:right center} #ap-home .ap-location-inner{display:block;padding:28px 20px;order:1} #ap-home .ap-accordion{padding:20px 14px 32px} #ap-home summary{grid-template-columns:32px minmax(0,1fr) 26px;gap:12px;padding:18px 0;font-size:14px;letter-spacing:1.4px} #ap-home .ap-toggle{font-size:30px} #ap-home details ul{font-size:14px;padding:0 0 18px 44px} #ap-home details li{padding:7px 0} #ap-home .ap-legacy{padding:65px 24px;min-height:800px} #ap-home .ap-legacy-inner{display:block} #ap-home .ap-legacy-copy{align-items:center;text-align:center} #ap-home .ap-legacy h2{ font-size: clamp(32px, 8.2vw, 58px) !important; font-weight: 300 !important; line-height: 1.3 !important; letter-spacing: clamp(3px, .9vw, 6px) !important; margin-bottom: 28px !important;} #ap-home .ap-legacy p{font-size:16px;margin-bottom:30px;max-width: 100%; font-size: clamp(15px, 3.6vw, 23px) !important; line-height: 1.45 !important; letter-spacing: .045em !important; color: #fff;} #ap-home .ap-legacy .ap-shade{background:rgba(0,0,0,.55)} #ap-home .ap-legacy-art{} #ap-home .ap-mobile-stats{display:none!important;width:100%} #ap-home .ap-mobile-stats dl{display:grid;gap:24px;margin-top:35px} #ap-home .ap-mobile-stats dt{font-size:40px;line-height:1.2} #ap-home .ap-mobile-stats small{font-size:16px} #ap-home .ap-mobile-stats dd{font-size:15px;line-height:1.4;max-width:30ch;margin:6px auto 0} #ap-home .ap-enquiry{padding:65px 24px;min-height:760px} #ap-home .ap-enquiry-inner{display:block} #ap-home .ap-enquiry h2{font-size:clamp(28px,6.6vw,40px);letter-spacing:2px;margin-bottom:32px} #ap-home .ap-enquiry::before{content:'';position:absolute;inset:0;background:transparent!important;z-index:-1} #ap-home .ap-enquiry .ap-backdrop{object-position:35% center} #ap-home .ap-form{padding:0} #ap-home .ap-fields{padding-left:0px;gap:24px;margin-bottom:32px} #ap-home .ap-field label{font-size:16px} #ap-home .ap-field input{font-size:16px;height:16px} .ap-field { margin-bottom: 10px !important; } #ap-home .ap-enquiry .ap-button{width:100%;font-size:12px;letter-spacing:2px;padding-inline:12px} #ap-home .ap-legal{font-size:12px} g.ap-legacy-explore{ display: none; } a.ap-button.mobileonly{ display: block!important; } } @media(prefers-reduced-motion:reduce){#ap-home *,#ap-home *::before,#ap-home *::after{transition:none!important;animation:none!important}} /* Used only by the standalone preview, never the WordPress template. */ .ap-preview-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:30px 5.6%;color:#fff;font:300 18px AP-Avenir,sans-serif;letter-spacing:2px} .ap-preview-header a{color:inherit;text-decoration:none}.ap-preview-header nav{display:flex;gap:26px;font-size:10px;letter-spacing:3px;text-transform:uppercase} .ap-preview-footer{padding:30px;background:#171211;color:#ddd;font:14px/1.5 AP-Avenir,sans-serif;text-align:center} @media(max-width:767px){.ap-preview-header{padding:24px;font-size:15px}.ap-preview-header nav{display:none}} /* CF7 may insert paragraph and break wrappers around shortcode fields. */ #ap-home .ap-field>p{display:contents} #ap-home .ap-field br{display:none} #ap-home .ap-form>.wpcf7-spinner{vertical-align:middle} /* Fit the two-line enquiry title to its actual column, including letter spacing. */ #ap-home .ap-enquiry-copy{container-type:inline-size} @media screen and (min-width: 768px) { #ap-home .ap-enquiry h2{font-size:min(clamp(38px,calc(32.857px + 2.2321vw),90px),8.3cqw)} #ap-home > section.ap-scene.ap-slider.ap-slider-collection.ap-mobile-triples > article > div.ap-slide-layout { background: linear-gradient(343deg, rgb(0 0 0 / 31%), rgb(0 0 0 / 0%) 21%, rgb(0 0 0 / 0%))!important; } #ap-home .ap-h-right .ap-shade { background: linear-gradient(340deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 0%) 24%, rgb(0 0 0 / 0%) 100%) !important; }#ap-home > section.ap-scene.ap-slider.ap-slider-amenities.ap-mobile-triples > article.ap-slide.ap-h-right.ap-v-bottom.ap-t-right.ap-has-copy.ap-current > div.ap-slide-layout { background: transparent!important; } #ap-home .ap-legacy .ap-shade { background: linear-gradient(63deg, transparent 0%, transparent 40%, rgba(0, 0, 0, .93))!important; } .ap-enquiry > * { color: #000 !important; } .ap-enquiry label { color: #000000 !important; } .ap-field input { border-bottom: 1.5px solid rgb(73 73 73 / 75%) !important; } form.ap-form.ap-demo-form { max-width: 90%!important; } article.ap-slide.ap-v-bottom[data-original-size="35"] .ap-slide-heading{ margin-bottom: -4%; } #ap-home > section.ap-scene.ap-slider.ap-slider-beyond.ap-mobile-triples > article:not(:nth-child(1)) .ap-slide-layout { background: transparent!important; } } @media(min-width:1920px){ article.ap-slide.ap-v-bottom[data-original-size="35"] h2 { font-size: 50px !important; letter-spacing: 7px !important; } #ap-home .ap-slider-collection > .ap-slide[aria-label="1 of 14"] .ap-slide-heading h2 { font-size: clamp(48px, calc(32.857px + 3.2321vw), 110px)!important; transition: none !important; } #ap-home .ap-slider-collection > .ap-slide[aria-label="8 of 14"] .ap-slide-heading h2 { font-size: clamp(48px, calc(32.857px + 2.71vw), 90px) !important; transition: none !important; } #ap-home .ap-hero h1 { margin-bottom: 90px!important; }#ap-home .ap-hero-copy { margin-top: 60px!important; } } @media (max-width: 390px) { #ap-home .ap-enquiry .ap-button { width: 65% !important; } #ap-enquiry > img { object-position: 0% top !important; height: 110% !important; } }