:root{
  --ink:#14272d;
  --ivory:#f7f4ec;
  --champagne:#dfc394;
  --gold:#c9a56e;
  --glass:rgba(19,36,42,.56);
  --glass-border:rgba(255,255,255,.28);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Manrope",Arial,sans-serif;
  --header-top:22px;
  --header-height:72px;
  --form-width:304px;
  --form-safe:calc(var(--form-width) + 8vw + 4vw);
  --shadow:0 20px 60px rgba(4,14,18,.24);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#152a31;color:var(--ivory);font-family:var(--sans)}
button,input,select{font:inherit}button{cursor:pointer}
.experience{position:relative;width:100%;height:100dvh;min-height:620px;overflow:hidden;isolation:isolate;background:#172c32}

/* The five portrait files are five consecutive panels of one panorama. Desktop keeps the middle three panels in the visual focus while the copy changes independently. */
.panorama{position:absolute;inset:0;overflow:hidden;z-index:0;background:#172b32}
.panorama-track{position:absolute;top:50%;left:50%;height:100dvh;width:max-content;display:flex;align-items:stretch;transform:translate(-50%,-50%);will-change:transform;transition:transform .95s cubic-bezier(.2,.7,.2,1)}
.panorama-track img{display:block;flex:0 0 auto;height:100%;width:auto;max-width:none;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.panorama-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,22,27,.48) 0%,rgba(8,22,27,.30) 22%,rgba(8,22,27,.10) 52%,rgba(8,22,27,.37) 100%),linear-gradient(180deg,rgba(6,17,22,.30) 0%,rgba(6,17,22,.02) 34%,rgba(6,17,22,.02) 56%,rgba(6,17,22,.54) 100%)}
.panorama-grain{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:soft-light}

.glass-panel,.glass-header{background:rgba(18,35,41,.52);border:1px solid var(--glass-border);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.glass-header{position:absolute;z-index:40;top:var(--header-top);left:4vw;right:4vw;height:var(--header-height);border-radius:17px;display:flex;align-items:center;gap:clamp(18px,2vw,34px);padding:0 22px}
.brand{position:relative;display:flex;align-items:center;justify-content:flex-start;flex:0 0 142px;height:100%;text-decoration:none}
.brand img{display:block;width:132px;max-height:46px;object-fit:contain;filter:brightness(0) invert(1)}
.brand-fallback{display:none;font-family:var(--serif);font-size:27px;letter-spacing:.12em;color:#fff}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2vw,32px);flex:1;min-width:0}
.nav-link{position:relative;border:0;background:none;padding:12px 0;color:rgba(255,255,255,.82);font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap;transition:color .25s}
.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--champagne);transition:right .25s}
.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{right:0}
.header-cta{height:42px;flex:none;padding:0 17px;border:1px solid rgba(255,255,255,.53);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;transition:background .25s,transform .25s}
.header-cta:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.header-cta span{margin-left:10px;color:#f0d4a7;font-size:14px}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:12px;background:rgba(255,255,255,.10);align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-toggle span{width:17px;height:1px;background:#fff;display:block}

.desktop-enquiry{position:absolute;z-index:32;right:4vw;top:50%;transform:translateY(-43%);width:var(--form-width);max-height:calc(100dvh - 142px);overflow:auto;border-radius:19px;padding:23px 22px 20px;color:#fff;background:rgba(19,37,43,.70);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
.form-kicker{display:flex;align-items:center;gap:9px;color:#ecd5ae;font-size:7px;line-height:1.4;font-weight:800;letter-spacing:.20em;text-transform:uppercase}
.form-kicker i{width:6px;height:6px;background:#e6c28c;border-radius:50%;box-shadow:0 0 12px rgba(230,194,140,.8)}
.desktop-enquiry h2,.modal-card h2{font-family:var(--serif);font-weight:400;font-size:32px;line-height:.98;letter-spacing:-.025em;margin:14px 0 10px;color:#fff}
.desktop-enquiry h2 em,.modal-card h2 em{font-weight:400;color:#eed5ad}
.form-intro{font-size:10px;line-height:1.65;color:rgba(255,255,255,.82);margin:0 0 14px}
.lead-form{display:grid;gap:9px}
.lead-form label{display:grid;gap:5px;color:rgba(255,255,255,.86);font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lead-form input,.lead-form select{width:100%;height:40px;border:1px solid rgba(255,255,255,.32);border-radius:8px;background:rgba(255,255,255,.10);color:#fff;padding:0 11px;outline:none;font-size:10px;font-weight:500;letter-spacing:0;text-transform:none;transition:border-color .2s,background .2s}
.lead-form input::placeholder{color:rgba(255,255,255,.65)}.lead-form select option{color:#24353b;background:#f7f5ef}
.lead-form input:focus,.lead-form select:focus{border-color:#f1d5aa;background:rgba(255,255,255,.15);box-shadow:0 0 0 2px rgba(241,213,170,.12)}
.submit-cta{min-height:42px;border:0;border-radius:8px;background:#ead7b8;color:#293d43;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-top:2px;transition:transform .2s,background .2s}
.submit-cta:hover{transform:translateY(-2px);background:#fff0d7}.submit-cta span{font-size:15px;margin-left:13px}
.privacy-note{font-size:7px;line-height:1.5;color:rgba(255,255,255,.68);margin:0}.form-feedback{font-size:9px;line-height:1.5;color:#fff0d8;margin:0;min-height:0}

.chapters{position:absolute;inset:0;z-index:8;pointer-events:none}
.chapter{position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 0 clamp(105px,12vh,138px) 7.5vw;opacity:0;visibility:hidden;transition:opacity .62s ease,visibility .62s;pointer-events:none}
.chapter.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.chapter-copy{width:min(690px,calc(100vw - var(--form-safe) - 11.5vw));max-width:calc(100vw - var(--form-safe) - 11.5vw);animation:copy-in .72s both;position:relative;z-index:2}
.chapter-kicker{display:flex;align-items:center;gap:11px;font-size:8px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.93);margin:0 0 15px;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.chapter-kicker:before{content:"";height:1px;width:29px;background:var(--champagne);flex:none}
.chapter h1{font-family:var(--serif);font-weight:400;font-size:clamp(58px,5.8vw,91px);line-height:.91;letter-spacing:-.045em;margin:0 0 17px;color:#fff;text-shadow:0 7px 28px rgba(0,0,0,.22)}
.chapter h1 em{font-weight:400;color:#f1d9b4}
.chapter-description{font-size:12px;line-height:1.8;letter-spacing:.01em;color:rgba(255,255,255,.94);max-width:430px;margin:0 0 19px;text-shadow:0 2px 16px rgba(0,0,0,.28)}
.chapter-note{display:inline-flex;align-items:center;gap:9px;margin:0 0 15px;color:rgba(255,255,255,.86);font-size:7px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.chapter-note:before{content:"";height:1px;width:19px;background:var(--champagne)}
.chapter-cta{display:inline-flex;align-items:center;gap:25px;min-height:45px;padding:0 17px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:white;text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.16em;transition:background .25s,transform .25s}
.chapter-cta:hover{background:rgba(255,255,255,.23);transform:translateY(-2px)}.chapter-cta span{font-size:15px;color:#f1d4a7}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px;max-width:660px;margin:0 0 19px}
.stat-card{min-height:82px;padding:12px 12px 10px;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:rgba(244,244,238,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(5,15,19,.08)}
.stat-card strong{display:block;font-family:var(--serif);font-size:36px;font-weight:500;line-height:.95;color:#f4dfbf;margin-bottom:7px}
.stat-card span{display:block;font-size:7px;line-height:1.4;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.94)}

/* Chapter 3: centre the Palladio wordmark in the clear sky over the middle panel, beneath the header and left of the enquiry rail. */
.chapter-reveal{align-items:flex-start;padding:clamp(106px,11.5vh,126px) 0 0 0}
.reveal-copy{margin-left:clamp(310px,31vw,500px);width:min(570px,calc(100vw - var(--form-safe) - 35vw));max-width:calc(100vw - var(--form-safe) - 35vw);text-align:center}
.reveal-copy .chapter-kicker{justify-content:center;margin-bottom:9px}
.reveal-copy .chapter-kicker:before{width:22px}
.reveal-copy h1{font-size:clamp(78px,7.1vw,108px);line-height:.76;letter-spacing:-.06em;margin:0 0 6px}
.project-subtitle{font-family:var(--serif);font-size:clamp(30px,3vw,44px);font-style:italic;font-weight:400;line-height:1;color:#f2dcb9;text-shadow:0 5px 22px rgba(0,0,0,.22)}
.project-location{margin-top:12px;font-size:8px;font-weight:800;letter-spacing:.25em;color:rgba(255,255,255,.96)}
.reveal-description{display:none;margin:12px 0 0;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.86);text-transform:uppercase}

/* Amenities: compact tiles sit below the title, clear of the header and enquiry rail. */
.chapter-amenities{align-items:flex-end;padding-bottom:clamp(96px,10vh,122px)}
.chapter-amenities .chapter-copy{width:min(710px,calc(100vw - var(--form-safe) - 11.5vw));max-width:calc(100vw - var(--form-safe) - 11.5vw)}
.chapter-amenities h1{font-size:clamp(48px,4.9vw,73px);margin-bottom:10px}
.chapter-amenities .chapter-description{max-width:400px;margin-bottom:13px;font-size:10px;line-height:1.6}
.amenity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:690px}
.amenity-card{display:grid;grid-template-columns:31px minmax(0,1fr) 17px;align-items:center;gap:9px;min-height:62px;padding:9px 10px;border:1px solid rgba(255,255,255,.36);border-radius:10px;background:rgba(24,43,49,.56);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;text-align:left;transition:background .25s,border-color .25s,transform .25s,min-height .25s;overflow:hidden}
.amenity-card:hover,.amenity-card:focus-visible,.amenity-card.is-expanded{background:rgba(19,37,43,.84);border-color:rgba(238,211,171,.82);transform:translateY(-2px)}
.amenity-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:rgba(240,218,185,.15);color:#f1d8b2}.amenity-icon svg{width:18px;height:18px}
.amenity-copy{display:grid;gap:3px;min-width:0}.amenity-name{font-family:var(--serif);font-size:17px;line-height:1.05;color:#fff}.amenity-tag{font-size:5px;font-weight:800;letter-spacing:.12em;color:#e9d2ad;text-transform:uppercase}.amenity-detail{display:none;font-size:8px;line-height:1.4;color:rgba(255,255,255,.82)}
.amenity-card.is-expanded .amenity-detail,.amenity-card:hover .amenity-detail,.amenity-card:focus-visible .amenity-detail{display:block}.amenity-card.is-expanded{min-height:91px}.amenity-plus{font-size:17px;color:#e9d2ad;text-align:center;align-self:start}

.scene-controls{position:absolute;z-index:26;left:4.8vw;bottom:27px;display:flex;align-items:center;gap:15px}
.scene-count{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.13em;color:rgba(255,255,255,.86)}
.scene-count span:first-child{font-size:12px;color:white}.scene-count i{width:23px;height:1px;background:rgba(255,255,255,.55)}
.scene-dots{display:flex;align-items:center;gap:7px}.scene-dot{width:5px;height:5px;border:0;border-radius:50%;background:rgba(255,255,255,.62);padding:0;transition:all .3s}.scene-dot.is-active{width:22px;border-radius:10px;background:#f0d6ad}
.scroll-cue{position:absolute;z-index:26;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.82);font-size:6px;letter-spacing:.23em;transition:opacity .3s}
.scroll-cue.is-hidden{opacity:0;pointer-events:none}
.mouse{width:15px;height:23px;border:1px solid rgba(255,255,255,.76);border-radius:12px;display:flex;justify-content:center;padding-top:4px}.mouse span{width:2px;height:5px;border-radius:2px;background:#f3d5a5;animation:mouse-scroll 1.5s infinite}
.swipe-cue{display:none}.mobile-actionbar{display:none}

.menu-overlay,.modal-overlay{position:absolute;inset:0;z-index:60;background:rgba(8,18,22,.46);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.menu-overlay.is-open,.modal-overlay.is-open{opacity:1;visibility:visible}
.menu-card{position:absolute;right:16px;top:16px;width:min(370px,calc(100% - 32px));border-radius:18px;padding:22px;color:white;background:rgba(28,48,54,.94);transform:translateY(-10px);transition:transform .3s}
.menu-overlay.is-open .menu-card{transform:translateY(0)}
.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;letter-spacing:.2em;color:#f1d5aa;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:7px}
.menu-top button,.modal-close{border:0;color:white;background:transparent;font-size:18px}
.menu-card>button{display:flex;align-items:center;gap:13px;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.13);color:#e3c99f;text-align:left;font-size:9px;letter-spacing:.12em}
.menu-card>button span{flex:1;color:white;font-family:var(--serif);font-size:24px;letter-spacing:0}
.modal-overlay{display:flex;align-items:center;justify-content:center;padding:18px}
.modal-card{position:relative;width:min(430px,100%);max-height:90dvh;overflow:auto;border-radius:19px;padding:26px;background:rgba(30,50,56,.97);color:white;transform:translateY(12px);transition:transform .3s}
.modal-overlay.is-open .modal-card{transform:translateY(0)}.modal-close{position:absolute;right:18px;top:15px}
.mobile-actionbar{position:absolute;z-index:38;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));height:64px;border-radius:16px;display:none;grid-template-columns:repeat(3,1fr);padding:6px;background:rgba(247,245,239,.88);border-color:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(8,20,24,.25);color:#263b41}
.action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#344a4f;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:.05em}
.action-item+.action-item{border-left:1px solid rgba(48,66,69,.13)}.action-icon{font-size:19px;line-height:1;color:#a47b47}.whatsapp-icon{color:#397a65}
.menu-toggle:focus-visible,.nav-link:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #f3d6aa;outline-offset:3px}

@keyframes copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes mouse-scroll{0%{transform:translateY(0);opacity:1}70%{transform:translateY(7px);opacity:.2}100%{transform:translateY(0);opacity:1}}
@keyframes swipe{0%,100%{transform:translateY(-3px);opacity:.7}50%{transform:translateY(5px);opacity:1}}

@media(max-width:1250px) and (min-width:761px){
  .glass-header{left:2.5vw;right:2.5vw;padding:0 15px;gap:16px}.brand{flex-basis:112px}.brand img{width:108px}.desktop-nav{gap:12px}.nav-link{font-size:8px;letter-spacing:.07em}.header-cta{padding:0 12px;font-size:7px}
  :root{--form-width:278px;--form-safe:calc(var(--form-width) + 7vw + 4vw)}
  .desktop-enquiry{right:2.5vw;padding:19px 17px}.chapter{padding-left:5vw}.chapter-copy{width:min(620px,calc(100vw - var(--form-safe) - 9vw));max-width:calc(100vw - var(--form-safe) - 9vw)}.reveal-copy{margin-left:clamp(290px,29vw,390px);width:min(460px,calc(100vw - var(--form-safe) - 32vw));max-width:calc(100vw - var(--form-safe) - 32vw)}.chapter-amenities .chapter-copy{width:min(650px,calc(100vw - var(--form-safe) - 9vw));max-width:calc(100vw - var(--form-safe) - 9vw)}
}
@media(max-width:980px) and (min-width:761px){
  .desktop-nav{display:none}.menu-toggle{display:flex}.glass-header{gap:14px}.header-cta{margin-left:auto}
  :root{--form-width:260px;--form-safe:calc(var(--form-width) + 7vw + 4vw)}
  :root{--form-width:238px;--form-safe:calc(var(--form-width) + 7vw + 2vw)}
  .chapter h1{font-size:clamp(48px,5.7vw,66px)}.reveal-copy{margin-left:25vw;width:min(390px,calc(100vw - var(--form-safe) - 28vw));max-width:calc(100vw - var(--form-safe) - 28vw)}.reveal-copy h1{font-size:clamp(66px,7.2vw,82px)}.project-subtitle{font-size:clamp(27px,3.4vw,36px)}.amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:790px) and (min-width:761px){
  :root{--header-top:14px;--header-height:66px}
  .desktop-enquiry{max-height:calc(100dvh - 116px);padding:17px 18px}.desktop-enquiry h2{font-size:28px;margin:10px 0 8px}.form-intro{margin-bottom:10px}.lead-form{gap:7px}.lead-form input,.lead-form select{height:36px}.submit-cta{min-height:38px}
  .chapter{padding-bottom:100px}.chapter-reveal{padding-top:clamp(108px,15vh,138px)}.reveal-copy h1{font-size:clamp(76px,8.5vw,124px)}.chapter-amenities{padding-bottom:88px}.amenity-card{min-height:55px}.amenity-card.is-expanded{min-height:78px}.scene-controls{bottom:19px}.scroll-cue{bottom:10px}
}
@media(max-width:760px){
  .experience{min-height:540px}
  .panorama-track{top:0;left:50%;height:100dvh;transform:translateX(calc(-50% + var(--mobile-pan-shift,0px)))}
  .panorama-track img{height:100dvh}
  .panorama-shade{background:linear-gradient(180deg,rgba(6,18,23,.24) 0%,rgba(6,18,23,.02) 34%,rgba(6,18,23,.12) 55%,rgba(6,18,23,.66) 100%),linear-gradient(90deg,rgba(7,19,23,.17),transparent 70%)}
  .glass-header{top:max(10px,env(safe-area-inset-top));left:11px;right:11px;height:55px;border-radius:13px;padding:0 12px;gap:10px;background:rgba(18,35,41,.64)}
  .brand{min-width:0;flex:1}.brand img{width:116px;max-height:39px}.brand-fallback{font-size:21px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.desktop-enquiry{display:none}
  .chapter{padding:0 21px 154px;align-items:flex-end}
  .chapter-copy{width:100%;max-width:100%;animation:copy-in .7s both}
  .chapter-kicker{font-size:7px;letter-spacing:.19em;margin-bottom:10px;gap:8px}.chapter-kicker:before{width:22px}
  .chapter h1{font-size:clamp(47px,11.5vw,72px);line-height:.91;margin-bottom:12px;letter-spacing:-.04em}
  .chapter-description{font-size:10px;line-height:1.68;max-width:340px;margin-bottom:15px}
  .chapter-note{font-size:7px;margin-bottom:11px}
  .chapter-cta{min-height:41px;padding:0 14px;font-size:7px;gap:18px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:11px 0 14px;max-width:390px}
  .stat-card{min-height:67px;padding:9px 10px;border-radius:9px}.stat-card strong{font-size:28px;margin-bottom:5px}.stat-card span{font-size:6px;letter-spacing:.09em}
  .chapter-reveal{align-items:flex-start;padding:clamp(102px,14vh,140px) 14px 0;text-align:center}
  .reveal-copy{margin-left:0;width:100%;max-width:100%}.reveal-copy .chapter-kicker{justify-content:center;font-size:7px;letter-spacing:.15em;margin-bottom:10px}
  .reveal-copy h1{font-size:clamp(66px,17vw,100px);line-height:.79;margin:0 0 8px}
  .project-subtitle{font-size:clamp(26px,7.2vw,40px)}.project-location{font-size:7px;letter-spacing:.2em;margin-top:11px}.reveal-description{display:block;font-size:8px;letter-spacing:.06em;margin-top:10px}
  .chapter-amenities{align-items:flex-end;padding:0 14px 151px}.chapter-amenities .chapter-copy{width:100%;max-width:100%}.chapter-amenities h1{font-size:clamp(40px,10vw,60px);line-height:.89;margin-bottom:8px}.chapter-amenities .chapter-description{font-size:9px;line-height:1.48;margin-bottom:9px;max-width:310px}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:none}
  .amenity-card{grid-template-columns:24px minmax(0,1fr) 12px;gap:7px;min-height:52px;padding:7px 7px;border-radius:8px}
  .amenity-icon{width:23px;height:23px;border-radius:7px}.amenity-icon svg{width:14px;height:14px}.amenity-name{font-size:14px}.amenity-tag{font-size:5px;letter-spacing:.07em}.amenity-detail{font-size:7px;line-height:1.3}.amenity-card.is-expanded{min-height:82px}
  .scene-controls{left:20px;bottom:88px;gap:10px}.scene-count{font-size:7px;gap:7px}.scene-count span:first-child{font-size:11px}.scene-count i{width:16px}.scene-dots{gap:5px}.scene-dot{width:4px;height:4px}.scene-dot.is-active{width:17px}
  .scroll-cue{display:none}.swipe-cue{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:27;right:18px;bottom:86px;color:rgba(255,255,255,.82);font-size:6px;font-weight:800;letter-spacing:.14em;transition:opacity .4s,transform .4s}.swipe-hand{display:block;font-size:21px;line-height:1;animation:swipe 1.4s infinite;color:#f4d8ad}
  .mobile-actionbar{display:grid}
  .menu-card{top:74px;right:11px}.modal-card{padding:24px 20px}.modal-card h2{font-size:32px}.modal-card .form-intro{font-size:10px}.modal-card .lead-form input,.modal-card .lead-form select{height:44px;font-size:11px}.modal-card .lead-form label{font-size:8px}
}
@media(max-height:720px) and (max-width:760px){
  .chapter{padding-bottom:140px}.chapter-reveal{padding-top:94px}.chapter-reveal h1{font-size:clamp(60px,15vw,84px)}.chapter-amenities{padding-bottom:136px}.chapter-amenities h1{font-size:39px}.chapter-amenities .chapter-description{margin-bottom:7px}.amenity-card{min-height:47px}.amenity-card.is-expanded{min-height:69px}.scene-controls{bottom:84px}.swipe-cue{bottom:82px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.swipe-cue.is-hidden,.swipe-cue.is-faded{opacity:0;transform:translateY(10px);pointer-events:none}


/* ============================================================
   PALLADIO R3 — VISIBILITY, RESPONSIVE PANELS & MOTION REFINEMENT
   Desktop composition remains a fixed three-panel panorama.
   Mobile advances through portrait slices 01 → 02 → 03 → 04 → 05.
   ============================================================ */
:root{
  --header-top:22px;
  --header-height:72px;
  --form-width:316px;
  --form-safe:calc(var(--form-width) + 8vw + 4vw);
}

/* Stronger but still elegant type contrast for the overlaid copy. */
.chapter-copy{animation:none;}
.chapter-copy:not(.reveal-copy){
  width:min(660px,calc(100vw - var(--form-safe) - 11.5vw));
  max-width:calc(100vw - var(--form-safe) - 11.5vw);
  padding:clamp(22px,2.15vw,31px);
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(10,27,33,.82),rgba(15,34,39,.66));
  box-shadow:0 20px 55px rgba(3,13,17,.28),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(17px) saturate(125%);
  -webkit-backdrop-filter:blur(17px) saturate(125%);
}
.chapter-kicker{font-size:9px;line-height:1.55;color:#fff;letter-spacing:.19em;text-shadow:0 2px 12px rgba(0,0,0,.36)}
.chapter h1{font-size:clamp(62px,5.5vw,86px);line-height:.94;text-shadow:0 5px 28px rgba(0,0,0,.48)}
.chapter-description{font-size:14px;line-height:1.72;color:rgba(255,255,255,.97);text-shadow:0 2px 14px rgba(0,0,0,.35);max-width:455px}
.chapter-note{font-size:8px;color:#fff;letter-spacing:.15em}
.chapter-cta{min-height:48px;padding:0 19px;font-size:9px;letter-spacing:.13em;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.72)}
.stats-grid{gap:9px;margin-top:4px;margin-bottom:20px;max-width:630px}
.stat-card{background:rgba(244,244,238,.18);border-color:rgba(255,255,255,.43)}
.stat-card strong{font-size:39px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.stat-card span{font-size:8px;letter-spacing:.09em}

/* The project name sits in the open sky, with a deliberate safe gap below the floating header. */
.chapter-reveal{padding-top:clamp(142px,16vh,174px)}
.reveal-copy{
  margin-left:clamp(295px,28vw,440px);
  width:min(555px,calc(100vw - var(--form-safe) - 31vw));
  max-width:calc(100vw - var(--form-safe) - 31vw);
  padding:17px 24px 20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(10,26,32,.22),rgba(10,26,32,.08));
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  text-shadow:0 4px 24px rgba(5,18,23,.6);
}
.reveal-copy .chapter-kicker{font-size:9px;letter-spacing:.2em}
.reveal-copy h1{font-size:clamp(86px,7.6vw,116px);line-height:.83;text-shadow:0 7px 35px rgba(5,18,23,.64)}
.project-subtitle{font-size:clamp(34px,3.1vw,47px);text-shadow:0 5px 26px rgba(5,18,23,.6)}
.project-location{font-size:9px;letter-spacing:.23em;text-shadow:0 2px 14px rgba(5,18,23,.7)}

/* Amenity content has its own readable glass stage; the cards remain compact until selected. */
.chapter-amenities .chapter-copy:not(.reveal-copy){width:min(730px,calc(100vw - var(--form-safe) - 10vw));max-width:calc(100vw - var(--form-safe) - 10vw)}
.chapter-amenities h1{font-size:clamp(52px,4.8vw,74px)}
.chapter-amenities .chapter-description{font-size:12px;max-width:430px}
.amenity-grid{gap:9px;max-width:700px}
.amenity-card{min-height:67px;background:rgba(16,35,41,.73)}
.amenity-name{font-size:18px}
.amenity-tag{font-size:6px;letter-spacing:.11em}
.amenity-detail{font-size:9px;line-height:1.5}
.amenity-card.is-expanded{min-height:104px}

/* Re-run a short staggered entrance every time a chapter becomes active. */
@keyframes chapter-enter{
  0%{opacity:0;transform:translate3d(0,22px,0);filter:blur(5px)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
.chapter.is-active .chapter-copy > *{
  animation:chapter-enter .72s cubic-bezier(.18,.72,.2,1) both;
  will-change:transform,opacity,filter;
}
.chapter.is-active .chapter-copy > :nth-child(1){animation-delay:.04s}
.chapter.is-active .chapter-copy > :nth-child(2){animation-delay:.13s}
.chapter.is-active .chapter-copy > :nth-child(3){animation-delay:.22s}
.chapter.is-active .chapter-copy > :nth-child(4){animation-delay:.31s}
.chapter.is-active .chapter-copy > :nth-child(5){animation-delay:.40s}
.chapter.is-active .chapter-copy > :nth-child(6){animation-delay:.49s}
.chapter.is-active .amenity-card{animation:chapter-enter .54s cubic-bezier(.18,.72,.2,1) both}
.chapter.is-active .amenity-card:nth-child(1){animation-delay:.27s}
.chapter.is-active .amenity-card:nth-child(2){animation-delay:.32s}
.chapter.is-active .amenity-card:nth-child(3){animation-delay:.37s}
.chapter.is-active .amenity-card:nth-child(4){animation-delay:.42s}
.chapter.is-active .amenity-card:nth-child(5){animation-delay:.47s}
.chapter.is-active .amenity-card:nth-child(6){animation-delay:.52s}

/* Mobile: each portrait file fills the screen as its own slide, in strict 1–5 order. */
@media(max-width:760px){
  .panorama-track{
    top:0;left:50%;height:100dvh;width:max-content;
    transform:translate3d(calc(-50% + var(--mobile-pan-shift,0px)),0,0);
    transition:transform .9s cubic-bezier(.2,.72,.18,1);
  }
  .panorama-track img{
    flex:0 0 100vw;width:100vw;height:100dvh;max-width:none;
    object-fit:cover;object-position:center center;
  }
  .panorama-shade{
    background:linear-gradient(180deg,rgba(5,17,22,.31) 0%,rgba(5,17,22,.05) 32%,rgba(5,17,22,.18) 55%,rgba(5,17,22,.73) 100%),linear-gradient(90deg,rgba(5,17,22,.14),transparent 78%);
  }
  .glass-header{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;height:58px;padding:0 14px;background:rgba(15,31,37,.72);border-color:rgba(255,255,255,.32)}
  .brand img{width:122px;max-height:40px}
  .chapter{padding:0 13px 158px;align-items:flex-end}
  .chapter-copy:not(.reveal-copy){width:100%;max-width:530px;max-height:calc(100dvh - 242px);overflow:auto;padding:18px 18px 19px;border-radius:16px;background:linear-gradient(135deg,rgba(9,25,31,.84),rgba(13,32,38,.73));border-color:rgba(255,255,255,.31);box-shadow:0 15px 42px rgba(3,12,16,.32);scrollbar-width:none}
  .chapter-copy:not(.reveal-copy)::-webkit-scrollbar{display:none}
  .chapter-kicker{font-size:8px;letter-spacing:.15em;gap:8px;margin-bottom:9px}
  .chapter-kicker:before{width:20px}
  .chapter h1{font-size:clamp(42px,10vw,57px);line-height:.94;letter-spacing:-.035em;margin-bottom:10px}
  .chapter-description{font-size:13px;line-height:1.58;max-width:100%;margin-bottom:13px}
  .chapter-note{font-size:7px;line-height:1.5;margin-bottom:10px;letter-spacing:.12em}
  .chapter-cta{min-height:43px;padding:0 15px;font-size:8px;gap:17px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 13px;max-width:none}
  .stat-card{min-height:65px;padding:9px 10px;border-radius:9px}
  .stat-card strong{font-size:29px;margin-bottom:5px}
  .stat-card span{font-size:7px;letter-spacing:.07em}

  .chapter-reveal{align-items:flex-start;padding:clamp(116px,16vh,154px) 12px 0;text-align:center}
  .reveal-copy{margin:0 auto;width:100%;max-width:460px;padding:18px 14px 20px;border:1px solid rgba(255,255,255,.23);border-radius:16px;background:rgba(10,27,33,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .reveal-copy .chapter-kicker{justify-content:center;font-size:7px;letter-spacing:.13em;margin-bottom:9px}
  .reveal-copy .chapter-kicker:before{width:15px}
  .reveal-copy h1{font-size:clamp(70px,19vw,94px);line-height:.82;margin:0 0 7px;letter-spacing:-.055em}
  .project-subtitle{font-size:clamp(29px,7.8vw,39px);line-height:1}
  .project-location{font-size:8px;letter-spacing:.17em;margin-top:10px}
  .reveal-description{display:block;font-size:10px;line-height:1.5;margin-top:10px}

  .chapter-amenities{align-items:flex-end;padding:0 11px 158px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:100%;max-width:540px;padding:15px 13px 15px}
  .chapter-amenities h1{font-size:clamp(37px,9vw,51px);line-height:.92;margin-bottom:7px}
  .chapter-amenities .chapter-description{font-size:11px;line-height:1.48;margin-bottom:10px;max-width:100%}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:none}
  .amenity-card{grid-template-columns:25px minmax(0,1fr) 12px;gap:7px;min-height:57px;padding:7px 7px;border-radius:9px;background:rgba(12,31,37,.82)}
  .amenity-card.is-expanded{min-height:92px}
  .amenity-icon{width:24px;height:24px;border-radius:7px}
  .amenity-icon svg{width:15px;height:15px}
  .amenity-name{font-size:15px;line-height:1.08}
  .amenity-tag{font-size:6px;letter-spacing:.06em;line-height:1.25}
  .amenity-detail{font-size:8px;line-height:1.38}
  .amenity-plus{font-size:15px}

  .scene-controls{left:17px;bottom:91px;gap:10px}
  .scene-count{font-size:8px;gap:8px}.scene-count span:first-child{font-size:13px}.scene-count i{width:17px}
  .scene-dots{gap:6px}.scene-dot{width:6px;height:6px}.scene-dot.is-active{width:20px}
  .swipe-cue{right:17px;bottom:91px;font-size:7px;letter-spacing:.11em}
  .swipe-hand{font-size:23px}
  .mobile-actionbar{left:12px;right:12px;bottom:max(11px,env(safe-area-inset-bottom));height:66px;border-radius:15px;background:rgba(248,246,240,.93);border-color:rgba(255,255,255,.95);box-shadow:0 13px 36px rgba(4,14,18,.3)}
  .action-item{font-size:9px;gap:4px}.action-icon{font-size:20px}
  .menu-card{top:76px;right:12px}
}
@media(max-width:390px){
  .chapter-copy:not(.reveal-copy){padding:15px 14px 16px}
  .chapter h1{font-size:clamp(39px,10vw,48px)}
  .chapter-description{font-size:12px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){padding:12px 10px}
  .amenity-card{grid-template-columns:22px minmax(0,1fr) 10px;gap:5px;padding:6px;min-height:53px}
  .amenity-name{font-size:14px}.amenity-tag{font-size:5.5px}.amenity-detail{font-size:7.5px}
  .reveal-copy h1{font-size:clamp(66px,18vw,78px)}
}
@media(max-height:720px) and (max-width:760px){
  .chapter{padding-bottom:145px}
  .chapter-copy:not(.reveal-copy){max-height:calc(100dvh - 218px)}
  .chapter-reveal{padding-top:100px}
  .chapter-amenities{padding-bottom:145px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){max-height:calc(100dvh - 214px)}
  .scene-controls,.swipe-cue{bottom:84px}
}
@media(prefers-reduced-motion:reduce){
  .chapter.is-active .chapter-copy > *, .chapter.is-active .amenity-card{animation:none!important;filter:none!important}
}


/* ============================================================
   PALLADIO R4 — AMENITY EXPERIENCE, PROJECT DOWNLOADS & RESIDENCE MAP
   The desktop panoramic background and five-scene image behaviour remain unchanged.
   ============================================================ */

/* Project chapter: keep the wordmark in the clear upper sky and add reference cards at the lower left. */
.project-resources{
  position:absolute;z-index:10;left:5vw;bottom:clamp(68px,8.5vh,92px);
  width:min(820px,calc(100vw - var(--form-safe) - 10vw));
  display:grid;grid-template-columns:1fr;gap:9px;pointer-events:auto;
}
.resources-heading{display:flex;align-items:baseline;gap:13px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.48)}
.resources-heading>span{font-size:8px;font-weight:800;letter-spacing:.2em;color:#f1d8b2}
.resources-heading>strong{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.resource-card{
  min-height:116px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;align-items:start;
  padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.74);
  color:#24363b;background:rgba(248,247,243,.91);box-shadow:0 14px 35px rgba(7,18,21,.18);
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
}
.resource-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#182d33;color:#ecd5ae;font-family:var(--serif);font-size:27px;line-height:1}
.resource-text{min-width:0}
.resource-eyebrow{display:block;font-size:7px;font-weight:800;letter-spacing:.16em;color:#9a794a;margin:0 0 4px}
.resource-card h2{font-family:var(--serif);font-size:22px;line-height:1;margin:0 0 4px;font-weight:600;color:#1d3035}
.resource-card p{font-size:9px;line-height:1.4;color:#647074;margin:0 0 8px}
.resource-download{display:inline-flex;align-items:center;gap:12px;color:#1d3439;font-size:8px;font-weight:800;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid rgba(29,52,57,.32);padding-bottom:3px}
.resource-download>span:last-child{font-size:13px;color:#a17c4a}
.resource-download.is-pending{color:#8a8f8f;cursor:not-allowed;border-bottom-style:dashed}
.resource-download.is-pending>span:last-child{color:#9ca3a1}
.resource-download.is-available:hover{color:#987346}

/* Amenities: a visual 4×4 gallery with image-led cards and detail reveals. */
.chapter-amenities{align-items:flex-start;padding:clamp(112px,13vh,140px) 0 70px 5vw}
.chapter-amenities .chapter-copy:not(.reveal-copy){
  width:min(900px,calc(100vw - var(--form-safe) - 9vw));max-width:calc(100vw - var(--form-safe) - 9vw);
  max-height:calc(100dvh - 198px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(236,213,174,.55) transparent;
  padding:19px 20px 16px;background:linear-gradient(135deg,rgba(9,24,30,.88),rgba(14,32,37,.79));
}
.chapter-amenities h1{font-size:clamp(47px,4.3vw,67px);line-height:.95;margin-bottom:8px}
.chapter-amenities .chapter-description{font-size:12px;line-height:1.55;max-width:590px;margin-bottom:14px}
.amenity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:none}
.amenity-card{
  position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:1.52/1;min-height:105px;
  border:1px solid rgba(255,255,255,.34);border-radius:11px;padding:0;background:#1b3035;color:#fff;text-align:left;
  box-shadow:0 8px 22px rgba(0,0,0,.14);transition:transform .3s,border-color .3s,box-shadow .3s;
}
.amenity-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s;z-index:-2}
.amenity-dim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,17,.14) 0%,rgba(3,13,17,.03) 30%,rgba(3,13,17,.78) 100%);z-index:-1;transition:background .3s}
.amenity-topline{position:absolute;top:9px;left:10px;right:42px;display:flex;justify-content:space-between;gap:7px;font-size:6px;letter-spacing:.13em;font-weight:800;color:rgba(255,255,255,.92);text-shadow:0 2px 9px rgba(0,0,0,.6)}
.amenity-plus{position:absolute;right:8px;top:7px;width:26px;height:26px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;background:rgba(17,35,41,.42);color:#f2d7ad;font-size:14px;transition:transform .25s,background .25s}
.amenity-copy{position:absolute;left:10px;right:9px;bottom:9px;display:grid;gap:4px}
.amenity-name{font-family:var(--serif);font-size:clamp(14px,1.2vw,18px);line-height:1.02;font-weight:600;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.amenity-detail{display:block;max-height:0;opacity:0;overflow:hidden;font-size:9px;line-height:1.38;color:rgba(255,255,255,.94);transform:translateY(5px);transition:max-height .35s,opacity .3s,transform .3s}
.amenity-tag{display:block;font-size:6px;font-weight:800;letter-spacing:.14em;color:#f0d4a7;text-transform:uppercase}
.amenity-card:hover,.amenity-card:focus-visible,.amenity-card.is-expanded{transform:translateY(-3px);border-color:rgba(241,211,166,.9);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.amenity-card:hover .amenity-photo,.amenity-card:focus-visible .amenity-photo,.amenity-card.is-expanded .amenity-photo{transform:scale(1.09);filter:saturate(1.08)}
.amenity-card:hover .amenity-detail,.amenity-card:focus-visible .amenity-detail,.amenity-card.is-expanded .amenity-detail{max-height:58px;opacity:1;transform:translateY(0)}
.amenity-card:hover .amenity-plus,.amenity-card.is-expanded .amenity-plus{transform:rotate(45deg);background:rgba(230,205,166,.25)}
.amenity-disclaimer{margin:10px 0 0;font-size:7px;line-height:1.45;letter-spacing:.04em;color:rgba(255,255,255,.64)}

/* Residence chapter: area map and nearby destinations in a clear two-column information panel. */
.chapter-residence{align-items:flex-start;padding:clamp(112px,13vh,145px) 0 68px 5vw}
.residence-copy{
  width:min(900px,calc(100vw - var(--form-safe) - 9vw));max-width:calc(100vw - var(--form-safe) - 9vw);
  max-height:calc(100dvh - 180px);overflow:auto;padding:20px;border-radius:18px;
  border:1px solid rgba(255,255,255,.32);background:linear-gradient(135deg,rgba(9,24,30,.88),rgba(14,32,37,.81));
  box-shadow:0 20px 55px rgba(3,13,17,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.residence-copy h1{font-size:clamp(46px,4.2vw,64px);margin-bottom:7px}
.residence-copy .chapter-description{font-size:12px;line-height:1.55;max-width:650px;margin-bottom:13px}
.residence-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;color:#f1d6ad;font-size:7px;font-weight:800;letter-spacing:.17em}
.residence-section-label span:last-child{color:rgba(255,255,255,.67);font-size:6px}
.residence-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.95fr);gap:11px;align-items:stretch}
.location-map-card{position:relative;min-width:0;min-height:250px;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:#e8e5de}
.location-map-card iframe{display:block;width:100%;height:100%;min-height:250px;border:0;filter:saturate(.88)}
.map-open-link{position:absolute;left:10px;bottom:10px;display:inline-flex;gap:12px;align-items:center;padding:9px 11px;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:rgba(20,39,45,.86);color:#fff;font-size:7px;font-weight:800;letter-spacing:.11em;text-decoration:none;backdrop-filter:blur(10px)}
.map-open-link span{font-size:13px;color:#f0d5ac}
.nearby-card{min-width:0;padding:11px 13px;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:rgba(255,255,255,.075)}
.nearby-heading{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.24);font-size:7px;font-weight:800;letter-spacing:.13em;color:#f1d6ad}
.nearby-heading small{font-size:6px;letter-spacing:.08em;color:rgba(255,255,255,.64)}
.nearby-list{display:grid}
.nearby-row{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:26px;border-bottom:1px solid rgba(255,255,255,.11);font-size:8px;line-height:1.25;color:rgba(255,255,255,.92)}
.nearby-row:last-child{border-bottom:0}
.nearby-row strong{flex:none;color:#f1d6ad;font-size:8px;font-weight:700}
.nearby-note{margin:7px 0 0;font-size:6px;line-height:1.4;color:rgba(255,255,255,.57)}
.residence-cta{margin-top:11px}

@media(max-width:1100px) and (min-width:761px){
  .amenity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:min(760px,calc(100vw - var(--form-safe) - 7vw));max-width:calc(100vw - var(--form-safe) - 7vw)}
  .residence-layout{grid-template-columns:1fr}
  .location-map-card,.location-map-card iframe{min-height:170px;height:170px}
  .nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .residence-copy{width:min(760px,calc(100vw - var(--form-safe) - 7vw));max-width:calc(100vw - var(--form-safe) - 7vw)}
}
@media(max-height:780px) and (min-width:761px){
  .chapter-amenities{padding-top:108px;padding-bottom:54px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){max-height:calc(100dvh - 160px);padding:14px 16px}
  .amenity-grid{gap:7px}
  .amenity-card{aspect-ratio:1.75/1;min-height:88px}
  .amenity-name{font-size:15px}
  .amenity-detail{font-size:8px}
  .chapter-residence{padding-top:105px;padding-bottom:50px}
  .residence-copy{max-height:calc(100dvh - 145px);padding:15px}
  .location-map-card,.location-map-card iframe{min-height:210px}
  .residence-layout{grid-template-columns:minmax(0,1.35fr) minmax(210px,.9fr)}
  .nearby-row{min-height:22px;font-size:7px}
}

@media(max-width:760px){
  /* Keep the project wordmark clear of the header; reserve the lower band for download cards. */
  .chapter-reveal{padding-top:clamp(100px,13vh,126px)}
  .reveal-copy{max-width:430px;padding:15px 12px 15px}
  .project-resources{left:11px;right:11px;bottom:calc(145px + env(safe-area-inset-bottom));width:auto;gap:6px}
  .resources-heading{gap:9px}.resources-heading>span{font-size:6px}.resources-heading>strong{font-size:19px}
  .resource-grid{gap:7px}
  .resource-card{min-height:105px;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 9px;border-radius:11px}
  .resource-symbol{width:28px;height:28px;font-size:19px}
  .resource-eyebrow{font-size:5px;letter-spacing:.1em}
  .resource-card h2{font-size:18px}
  .resource-card p{font-size:7px;line-height:1.32;margin-bottom:6px}
  .resource-download{font-size:6px;letter-spacing:.08em;gap:7px}

  /* Scrollable amenity gallery: 16 cards in two columns, with comfortable tap targets. */
  .chapter-amenities{align-items:flex-start;padding:82px 10px 145px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:100%;max-width:100%;max-height:calc(100dvh - 184px);overflow:auto;padding:13px 12px 12px;border-radius:15px}
  .chapter-amenities h1{font-size:clamp(34px,8.7vw,48px);line-height:.96;margin-bottom:7px}
  .chapter-amenities .chapter-description{font-size:10px;line-height:1.45;margin-bottom:10px}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .amenity-card{aspect-ratio:1.28/1;min-height:112px;border-radius:9px}
  .amenity-topline{top:7px;left:7px;right:35px;font-size:5px;letter-spacing:.1em}
  .amenity-plus{width:22px;height:22px;right:6px;top:6px;font-size:12px}
  .amenity-copy{left:8px;right:7px;bottom:8px;gap:3px}
  .amenity-name{font-size:clamp(13px,3.7vw,16px);line-height:1.04}
  .amenity-detail{font-size:8px;line-height:1.32}
  .amenity-tag{font-size:5px;letter-spacing:.1em}
  .amenity-disclaimer{font-size:6px;margin-top:8px}

  /* Residence map becomes a stacked, scrollable mobile location panel. */
  .chapter-residence{align-items:flex-start;padding:82px 10px 145px}
  .residence-copy{width:100%;max-width:100%;max-height:calc(100dvh - 184px);overflow:auto;padding:14px 12px;border-radius:15px}
  .residence-copy h1{font-size:clamp(37px,9vw,50px);line-height:.95;margin-bottom:7px}
  .residence-copy .chapter-description{font-size:11px;line-height:1.48;margin-bottom:10px}
  .residence-section-label{font-size:6px;margin-bottom:7px}
  .residence-layout{grid-template-columns:1fr;gap:8px}
  .location-map-card,.location-map-card iframe{height:178px;min-height:178px}
  .nearby-card{padding:9px 10px}
  .nearby-heading{font-size:6px;padding-bottom:6px}
  .nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:11px}
  .nearby-row{min-height:27px;font-size:7px;gap:5px}
  .nearby-row strong{font-size:7px}
  .nearby-note{font-size:6px}
  .residence-cta{margin-top:9px}
}
@media(max-width:390px){
  .resource-card{grid-template-columns:24px minmax(0,1fr);padding:9px 7px}
  .resource-symbol{width:24px;height:24px;font-size:16px}
  .resource-card h2{font-size:16px}
  .resource-card p{font-size:6.5px}
  .amenity-card{min-height:104px;aspect-ratio:1.2/1}
  .amenity-name{font-size:13px}
  .amenity-detail{font-size:7.5px}
  .nearby-list{grid-template-columns:1fr}
}
@media(max-height:720px) and (max-width:760px){
  .project-resources{bottom:calc(130px + env(safe-area-inset-bottom))}
  .resource-card{min-height:88px;padding:8px}
  .chapter-amenities .chapter-copy:not(.reveal-copy),.residence-copy{max-height:calc(100dvh - 166px)}
  .chapter-amenities,.chapter-residence{padding-top:74px;padding-bottom:132px}
  .location-map-card,.location-map-card iframe{height:148px;min-height:148px}
}


/* Final alignment pass: download cards echo the supplied reference layout. */
.resource-card{
  min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:14px 16px;text-align:center;
}
.resource-symbol{width:54px;height:54px;flex:none;background:#090b0c;color:#fff;font-family:var(--sans);font-size:25px;font-weight:700}
.resource-divider{display:block;width:104px;height:1px;background:rgba(24,42,46,.72)}
.resource-text{display:flex;flex-direction:column;align-items:center}
.resource-eyebrow{font-size:6px;margin:0 0 3px}
.resource-card h2{font-family:var(--sans);font-size:17px;font-weight:700;margin:0 0 4px}
.resource-card p{font-size:9px;line-height:1.4;margin:0 0 8px}
.resource-download{font-size:8px;letter-spacing:.1em}
.location-intro{margin:-2px 0 9px;font-size:10px;line-height:1.45;color:rgba(255,255,255,.86)}
@media(max-width:760px){
  .resource-card{min-height:112px;gap:4px;padding:8px 6px}
  .resource-symbol{width:28px;height:28px;font-size:16px}
  .resource-divider{width:52px}
  .resource-eyebrow{font-size:5px}
  .resource-card h2{font-size:12px;margin-bottom:2px}
  .resource-card p{display:none}
  .resource-download{font-size:5.5px;gap:5px;padding-bottom:2px}
  .location-intro{font-size:9px;margin:-2px 0 7px}
}


/* ==========================================================
   PALLADIO R5 — LUXURY EDITORIAL VISUAL SYSTEM
   High-contrast typography, wider content, clearer hierarchy.
   Keeps the R4 panorama and five-scene interaction behaviour.
   ========================================================== */
:root{
  --ink:#10262c;
  --ivory:#fbf7ef;
  --champagne:#e5c99c;
  --gold:#c9a36b;
  --serif:"Bodoni Moda","Cormorant Garamond",Georgia,serif;
  --sans:"Manrope",Arial,sans-serif;
  --header-top:20px;
  --header-height:78px;
  --form-width:372px;
  --form-safe:calc(var(--form-width) + 8vw + 4vw);
  --shadow:0 24px 70px rgba(2,10,14,.30);
}
html,body{font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select{font-family:var(--sans)}
.panorama-shade{
  background:
    linear-gradient(90deg,rgba(4,17,22,.58) 0%,rgba(5,19,24,.34) 27%,rgba(5,18,23,.12) 57%,rgba(4,16,21,.40) 100%),
    linear-gradient(180deg,rgba(4,15,20,.36) 0%,rgba(4,15,20,.02) 34%,rgba(4,15,20,.08) 58%,rgba(3,13,17,.66) 100%);
}
.glass-header{
  top:var(--header-top);left:3.2vw;right:3.2vw;height:var(--header-height);padding:0 26px;
  border-radius:20px;border-color:rgba(238,214,180,.34);
  background:linear-gradient(105deg,rgba(9,27,33,.90),rgba(13,34,40,.80));
  box-shadow:0 14px 46px rgba(2,10,14,.30),inset 0 1px 0 rgba(255,255,255,.11);
  backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
}
.brand{flex-basis:166px}.brand img{width:150px;max-height:48px}
.desktop-nav{gap:clamp(18px,1.7vw,29px)}
.nav-link{font-size:11px;letter-spacing:.075em;font-weight:700;color:rgba(255,255,255,.91);padding:14px 0}
.nav-link:after{height:2px;bottom:1px}
.header-cta{height:46px;padding:0 20px;font-size:10px;letter-spacing:.10em;border-color:rgba(239,215,180,.65);background:rgba(255,255,255,.10)}
.header-cta span{font-size:16px}
.menu-toggle{width:46px;height:46px;border-color:rgba(239,215,180,.58);border-radius:13px}

.desktop-enquiry{
  right:3.2vw;top:51%;transform:translateY(-45%);width:var(--form-width);max-height:calc(100dvh - 142px);
  padding:30px 28px 25px;border-radius:23px;border:1px solid rgba(236,207,163,.48);
  background:linear-gradient(145deg,rgba(7,25,31,.96),rgba(14,37,43,.91));
  box-shadow:0 28px 78px rgba(2,10,14,.40),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);
}
.form-kicker{font-size:10px;letter-spacing:.16em;color:#f0d6ad}
.form-kicker i{width:7px;height:7px}
.desktop-enquiry h2,.modal-card h2{font-size:clamp(37px,2.7vw,45px);line-height:.99;letter-spacing:-.035em;margin:18px 0 13px}
.desktop-enquiry h2 em,.modal-card h2 em{color:#f0d3a7}
.form-intro{font-size:13px;line-height:1.7;color:rgba(255,255,255,.91);margin:0 0 19px}
.lead-form{gap:13px}
.lead-form label{gap:7px;font-size:10px;letter-spacing:.105em;color:rgba(255,255,255,.94)}
.lead-form input,.lead-form select{height:48px;border-radius:10px;padding:0 14px;font-size:13px;border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.105)}
.lead-form input::placeholder{color:rgba(255,255,255,.73)}
.submit-cta{min-height:50px;border-radius:10px;font-size:10px;letter-spacing:.12em;background:linear-gradient(120deg,#f0dfc2,#d8b982);color:#152b31}
.submit-cta span{font-size:17px}
.privacy-note{font-size:10px;line-height:1.55;color:rgba(255,255,255,.76)}
.form-feedback{font-size:11px;line-height:1.5;color:#ffe6c2}

.chapter{padding:0 0 clamp(112px,12vh,142px) 5.1vw}
.chapter-copy:not(.reveal-copy){
  width:min(790px,calc(100vw - var(--form-safe) - 10vw));max-width:calc(100vw - var(--form-safe) - 10vw);
  padding:clamp(28px,2.4vw,38px);border-radius:22px;border:1px solid rgba(236,207,163,.36);
  background:linear-gradient(135deg,rgba(6,23,29,.93),rgba(10,30,36,.86));
  box-shadow:0 28px 75px rgba(2,10,14,.37),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);
}
.chapter-kicker{font-size:11px;letter-spacing:.19em;line-height:1.5;color:#f2dfc4;margin-bottom:19px;text-shadow:none}
.chapter-kicker:before{width:38px;height:2px;background:linear-gradient(90deg,#f0d7ae,#b18c59)}
.chapter h1{font-family:var(--serif);font-size:clamp(68px,5.6vw,100px);font-weight:500;line-height:.91;letter-spacing:-.045em;color:#fff;margin:0 0 21px;text-shadow:0 5px 30px rgba(0,0,0,.40)}
.chapter h1 em{color:#edcf9f;font-weight:400}
.chapter-description{font-size:17px;line-height:1.75;letter-spacing:0;color:rgba(255,255,255,.97);max-width:590px;margin:0 0 23px;text-shadow:none}
.chapter-note{font-size:10px;letter-spacing:.16em;color:#f7e7cc;margin-bottom:19px}
.chapter-note:before{width:28px;height:2px}
.chapter-cta{min-height:54px;padding:0 22px;gap:26px;border-radius:9px;border:1px solid rgba(240,216,181,.8);background:linear-gradient(120deg,rgba(236,216,185,.22),rgba(255,255,255,.09));font-size:10px;letter-spacing:.14em;font-weight:800;color:#fff}
.chapter-cta span{font-size:18px;color:#f0d4a8}
.chapter-cta:hover{background:linear-gradient(120deg,rgba(236,216,185,.34),rgba(255,255,255,.14))}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:100%;margin:3px 0 22px}
.stat-card{min-height:106px;padding:17px 15px 14px;border-radius:13px;border-color:rgba(255,255,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07));box-shadow:0 10px 28px rgba(0,0,0,.17)}
.stat-card strong{font-family:var(--serif);font-size:49px;color:#f0d5ae;margin-bottom:10px}
.stat-card span{font-size:10px;line-height:1.45;letter-spacing:.09em;color:#fff;font-weight:800}

/* Project reveal: luminous editorial title placed in open sky, deliberately below the header. */
.chapter-reveal{align-items:flex-start;padding:clamp(142px,16vh,178px) 0 0}
.reveal-copy{
  margin-left:clamp(300px,28.5vw,510px);width:min(610px,calc(100vw - var(--form-safe) - 30vw));max-width:calc(100vw - var(--form-safe) - 30vw);
  padding:23px 28px 25px;border:1px solid rgba(239,216,185,.30);border-radius:19px;
  background:linear-gradient(135deg,rgba(6,23,29,.58),rgba(7,26,32,.35));
  box-shadow:0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.reveal-copy .chapter-kicker{justify-content:center;font-size:10px;letter-spacing:.22em;margin-bottom:15px}
.reveal-copy .chapter-kicker:before{width:30px}
.reveal-copy h1{font-family:var(--serif);font-size:clamp(100px,8.4vw,142px);line-height:.78;letter-spacing:-.065em;margin:0 0 13px;color:#fff;text-shadow:0 9px 42px rgba(0,0,0,.65)}
.project-subtitle{font-family:var(--serif);font-size:clamp(42px,3.4vw,58px);line-height:1.02;color:#f4dcb8;text-shadow:0 5px 30px rgba(0,0,0,.68)}
.project-location{margin-top:16px;font-size:11px;letter-spacing:.25em;color:#fff;font-weight:800;text-shadow:0 3px 14px rgba(0,0,0,.75)}
.reveal-description{display:block;margin:15px 0 0;font-size:13px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.94)}
.project-resources{
  left:5vw;bottom:clamp(72px,8.2vh,96px);width:min(900px,calc(100vw - var(--form-width) - 13vw));
  gap:12px;
}
.resources-heading{gap:15px;color:#fff}
.resources-heading>span{font-size:10px;letter-spacing:.18em;color:#f4dcb5}
.resources-heading>strong{font-family:var(--serif);font-size:31px;font-weight:500;color:#fff}
.resource-grid{gap:14px}
.resource-card{
  min-height:170px;padding:18px 22px;border-radius:18px;gap:11px;
  background:rgba(251,248,241,.97);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 18px 45px rgba(0,0,0,.24);color:#132b31;
}
.resource-symbol{width:54px;height:54px;background:#112b32;color:#f0d9b3;font-size:26px}
.resource-divider{width:125px;height:1px;background:rgba(17,43,50,.38)}
.resource-eyebrow{font-size:9px;letter-spacing:.15em;color:#8d6d43}
.resource-card h2{font-family:var(--serif);font-size:29px;font-weight:600;line-height:1.05;color:#10272d;margin:0 0 4px}
.resource-card p{font-size:12px;line-height:1.5;color:#45575b;margin:0 0 8px}
.resource-download{font-size:10px;letter-spacing:.12em;color:#132d33;padding-bottom:4px}
.resource-download>span:last-child{font-size:16px;color:#9a7444}
.resource-download.is-pending{color:#526166}

/* Amenities: a full, legible gallery with a premium dark presentation. */
.chapter-amenities{align-items:flex-start;padding:clamp(120px,14vh,145px) 0 68px 4.5vw}
.chapter-amenities .chapter-copy:not(.reveal-copy){
  width:min(950px,calc(100vw - var(--form-width) - 13vw));max-width:calc(100vw - var(--form-width) - 13vw);
  max-height:calc(100dvh - 196px);overflow:auto;padding:29px 31px 24px;border-radius:23px;
  background:linear-gradient(135deg,rgba(5,22,28,.95),rgba(10,31,37,.91));
  border-color:rgba(235,207,165,.42);scrollbar-color:rgba(226,198,154,.6) transparent;
}
.chapter-amenities h1{font-size:clamp(58px,4.7vw,78px);line-height:.92;margin-bottom:12px}
.chapter-amenities .chapter-description{font-size:16px;line-height:1.65;max-width:690px;margin-bottom:22px}
.amenity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:none}
.amenity-card{aspect-ratio:1.48/1;min-height:125px;border-radius:14px;border-color:rgba(255,255,255,.42);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.amenity-dim{background:linear-gradient(180deg,rgba(3,13,17,.20) 0%,rgba(3,13,17,.03) 25%,rgba(3,13,17,.84) 100%)}
.amenity-topline{top:11px;left:12px;right:48px;font-size:9px;letter-spacing:.12em;color:#fff}
.amenity-plus{top:9px;right:10px;width:30px;height:30px;font-size:16px;color:#f5dbb5;background:rgba(7,25,31,.72)}
.amenity-copy{left:13px;right:12px;bottom:12px;gap:5px}
.amenity-name{font-family:var(--sans);font-size:clamp(14px,1vw,17px);font-weight:800;line-height:1.15;color:#fff;text-shadow:0 2px 13px rgba(0,0,0,.7)}
.amenity-detail{font-size:11px;line-height:1.48;color:rgba(255,255,255,.98)}
.amenity-tag{font-size:8px;letter-spacing:.13em;color:#f4d5a7}
.amenity-card.is-expanded{min-height:145px}
.amenity-disclaimer{font-size:10px;line-height:1.5;color:rgba(255,255,255,.83);margin-top:14px}

/* Residence / location: wider map and a clearer nearby list. */
.chapter-residence{align-items:flex-start;padding:clamp(116px,13vh,142px) 0 65px 4.5vw}
.residence-copy{
  width:min(1010px,calc(100vw - var(--form-width) - 12.5vw));max-width:calc(100vw - var(--form-width) - 12.5vw);
  max-height:calc(100dvh - 190px);overflow:auto;padding:28px 30px 25px;border-radius:23px;
  border:1px solid rgba(235,207,165,.42);background:linear-gradient(135deg,rgba(5,22,28,.95),rgba(10,31,37,.92));
  box-shadow:0 28px 75px rgba(2,10,14,.38);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);
}
.residence-copy h1{font-size:clamp(58px,4.5vw,76px);line-height:.94;margin-bottom:10px}
.residence-copy .chapter-description{font-size:15px;line-height:1.62;max-width:800px;margin-bottom:19px}
.residence-section-label{font-size:10px;letter-spacing:.16em;margin:0 0 9px;color:#f0d4a7}
.residence-section-label span:last-child{font-size:9px;color:rgba(255,255,255,.83)}
.location-intro{margin:0 0 14px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.95)}
.residence-layout{grid-template-columns:minmax(0,1.48fr) minmax(280px,.92fr);gap:15px}
.location-map-card{min-height:340px;border-radius:15px;border-color:rgba(255,255,255,.55)}
.location-map-card iframe{min-height:340px}
.map-open-link{left:13px;bottom:13px;padding:11px 14px;border-radius:9px;font-size:9px;letter-spacing:.12em}
.nearby-card{padding:17px 18px;border-radius:15px;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.32)}
.nearby-heading{font-size:10px;letter-spacing:.12em;padding-bottom:12px;color:#f2d6ae}
.nearby-heading small{font-size:8px;color:rgba(255,255,255,.8)}
.nearby-row{min-height:31px;font-size:11px;line-height:1.35;color:#fff;border-color:rgba(255,255,255,.16)}
.nearby-row strong{font-size:11px;color:#f5d8ad}
.nearby-note{font-size:9px;line-height:1.5;color:rgba(255,255,255,.72);margin-top:10px}
.residence-cta{margin-top:15px}

/* Animation: chapter copy, cards and resource panels enter with a crisp editorial lift. */
@keyframes r5Rise{0%{opacity:0;transform:translate3d(0,26px,0);filter:blur(7px)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes r5SoftReveal{0%{opacity:0;transform:translate3d(0,18px,0) scale(.985)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.chapter.is-active .chapter-copy{animation:r5SoftReveal .75s cubic-bezier(.2,.72,.18,1) both}
.chapter.is-active .chapter-copy>*{animation:r5Rise .72s cubic-bezier(.2,.72,.18,1) both}
.chapter.is-active .chapter-copy>:nth-child(1){animation-delay:.06s}
.chapter.is-active .chapter-copy>:nth-child(2){animation-delay:.16s}
.chapter.is-active .chapter-copy>:nth-child(3){animation-delay:.26s}
.chapter.is-active .chapter-copy>:nth-child(4){animation-delay:.36s}
.chapter.is-active .chapter-copy>:nth-child(5){animation-delay:.46s}
.chapter.is-active .chapter-copy>:nth-child(6){animation-delay:.56s}
.chapter.is-active .amenity-card{animation:r5Rise .62s cubic-bezier(.2,.72,.18,1) both}
.chapter.is-active .amenity-card:nth-child(4n+1){animation-delay:.16s}
.chapter.is-active .amenity-card:nth-child(4n+2){animation-delay:.22s}
.chapter.is-active .amenity-card:nth-child(4n+3){animation-delay:.28s}
.chapter.is-active .amenity-card:nth-child(4n){animation-delay:.34s}
.chapter.is-active .project-resources{animation:r5SoftReveal .8s .28s both}

.scene-controls{left:4.8vw;bottom:25px;gap:17px}
.scene-count{font-size:10px;letter-spacing:.15em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.scene-count span:first-child{font-size:17px;color:#f2d5a9}
.scene-count i{width:28px;background:rgba(255,255,255,.72)}
.scene-dots{gap:9px}.scene-dot{width:7px;height:7px;background:rgba(255,255,255,.8)}.scene-dot.is-active{width:28px;background:#f0d4a6}
.scroll-cue{bottom:18px;font-size:9px;letter-spacing:.19em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.mouse{width:18px;height:27px;border-color:rgba(255,255,255,.9)}

/* Tablet landscape: preserve breathing room around the enquiry rail. */
@media(max-width:1250px) and (min-width:761px){
  :root{--form-width:320px;--form-safe:calc(var(--form-width) + 7vw + 4vw)}
  .glass-header{left:2.5vw;right:2.5vw;padding:0 18px;gap:15px}
  .brand{flex-basis:132px}.brand img{width:125px}
  .desktop-nav{gap:12px}.nav-link{font-size:9px;letter-spacing:.04em}
  .header-cta{font-size:9px;padding:0 14px}
  .desktop-enquiry{right:2.5vw;padding:23px 21px}
  .chapter{padding-left:4vw}
  .chapter-copy:not(.reveal-copy){width:min(690px,calc(100vw - var(--form-safe) - 8vw));max-width:calc(100vw - var(--form-safe) - 8vw)}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:min(760px,calc(100vw - var(--form-width) - 10vw));max-width:calc(100vw - var(--form-width) - 10vw)}
  .amenity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .residence-copy{width:min(800px,calc(100vw - var(--form-width) - 9vw));max-width:calc(100vw - var(--form-width) - 9vw)}
  .residence-layout{grid-template-columns:1fr}.location-map-card,.location-map-card iframe{min-height:210px;height:210px}
  .nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
}
@media(max-width:980px) and (min-width:761px){
  .desktop-nav{display:none}.menu-toggle{display:flex}.header-cta{margin-left:auto}
  :root{--form-width:285px;--form-safe:calc(var(--form-width) + 7vw + 2vw)}
  .desktop-enquiry{padding:20px 18px}.desktop-enquiry h2{font-size:34px}
  .chapter h1{font-size:clamp(54px,5.4vw,72px)}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:min(620px,calc(100vw - var(--form-width) - 8vw));max-width:calc(100vw - var(--form-width) - 8vw)}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .residence-copy{width:min(620px,calc(100vw - var(--form-width) - 8vw));max-width:calc(100vw - var(--form-width) - 8vw)}
  .residence-layout{grid-template-columns:1fr}.location-map-card,.location-map-card iframe{height:190px;min-height:190px}
}
@media(max-height:790px) and (min-width:761px){
  .desktop-enquiry{max-height:calc(100dvh - 125px);padding:20px 22px}.desktop-enquiry h2{font-size:34px;margin:12px 0 9px}
  .form-intro{font-size:12px;margin-bottom:12px}.lead-form{gap:9px}.lead-form input,.lead-form select{height:42px}.submit-cta{min-height:44px}
  .chapter-amenities{padding-top:112px;padding-bottom:55px}.chapter-amenities .chapter-copy:not(.reveal-copy){max-height:calc(100dvh - 168px);padding:22px}
  .amenity-card{min-height:104px}.amenity-detail{font-size:10px}
  .chapter-residence{padding-top:104px;padding-bottom:49px}.residence-copy{max-height:calc(100dvh - 145px);padding:20px}
  .location-map-card,.location-map-card iframe{height:225px;min-height:225px}.nearby-row{min-height:25px;font-size:10px}
  .project-resources{bottom:66px}.resource-card{min-height:142px;padding:13px}.resource-symbol{width:42px;height:42px}
}

/* Mobile portrait: large readable type and a calm, structured overlay without hiding each matching image slice. */
@media(max-width:760px){
  :root{--header-height:60px;--form-width:0px;--form-safe:0px}
  .panorama-shade{background:linear-gradient(180deg,rgba(4,16,21,.44) 0%,rgba(4,16,21,.08) 30%,rgba(4,16,21,.20) 55%,rgba(3,13,17,.78) 100%),linear-gradient(90deg,rgba(3,15,20,.18),transparent 80%)}
  .glass-header{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;height:60px;padding:0 16px;border-radius:16px;background:rgba(7,25,31,.88);border-color:rgba(235,207,165,.42);box-shadow:0 12px 32px rgba(0,0,0,.30)}
  .brand img{width:132px;max-height:43px}.menu-toggle{width:40px;height:40px}
  .chapter{padding:0 14px 158px;align-items:flex-end}
  .chapter-copy:not(.reveal-copy){width:100%;max-width:100%;max-height:calc(100dvh - 240px);overflow:auto;padding:22px 20px 21px;border-radius:19px;border:1px solid rgba(237,209,168,.38);background:linear-gradient(145deg,rgba(5,22,28,.94),rgba(8,29,35,.89));box-shadow:0 20px 54px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .chapter-kicker{font-size:9px;letter-spacing:.15em;line-height:1.45;margin-bottom:12px;gap:8px}
  .chapter-kicker:before{width:23px}
  .chapter h1{font-size:clamp(45px,11vw,58px);line-height:.94;letter-spacing:-.04em;margin-bottom:13px}
  .chapter-description{font-size:15px;line-height:1.65;max-width:100%;margin-bottom:16px;color:#fff}
  .chapter-note{font-size:8px;line-height:1.5;letter-spacing:.13em;margin-bottom:13px}
  .chapter-cta{min-height:48px;padding:0 16px;font-size:9px;letter-spacing:.11em;gap:18px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 16px}
  .stat-card{min-height:77px;padding:11px 12px;border-radius:11px}.stat-card strong{font-size:35px;margin-bottom:6px}.stat-card span{font-size:8px;line-height:1.35;letter-spacing:.07em}

  .chapter-reveal{align-items:flex-start;padding:clamp(105px,14vh,132px) 13px 0;text-align:center}
  .reveal-copy{margin:0 auto;width:100%;max-width:100%;padding:18px 15px 17px;border:1px solid rgba(237,209,168,.33);border-radius:17px;background:rgba(5,22,28,.58);box-shadow:0 15px 40px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .reveal-copy .chapter-kicker{justify-content:center;font-size:8px;letter-spacing:.13em;margin-bottom:11px}
  .reveal-copy .chapter-kicker:before{width:16px}
  .reveal-copy h1{font-size:clamp(72px,19vw,91px);line-height:.82;margin:0 0 8px}
  .project-subtitle{font-size:clamp(31px,8vw,41px);line-height:1.02}
  .project-location{font-size:8px;letter-spacing:.16em;margin-top:10px}
  .reveal-description{display:block;font-size:11px;line-height:1.45;letter-spacing:.055em;margin-top:10px}
  .project-resources{left:12px;right:12px;bottom:calc(145px + env(safe-area-inset-bottom));width:auto;gap:7px}
  .resources-heading{gap:9px}.resources-heading>span{font-size:7px}.resources-heading>strong{font-size:22px}
  .resource-grid{gap:8px}
  .resource-card{min-height:125px;padding:10px 8px;border-radius:13px;gap:7px}
  .resource-symbol{width:31px;height:31px;font-size:17px}
  .resource-divider{width:60px}
  .resource-eyebrow{font-size:6px;letter-spacing:.09em}
  .resource-card h2{font-family:var(--sans);font-size:15px;font-weight:800;line-height:1.1}
  .resource-card p{display:block;font-size:9px;line-height:1.32;margin:0 0 4px}
  .resource-download{font-size:7px;letter-spacing:.08em;gap:6px;padding-bottom:2px}

  .chapter-amenities{align-items:flex-start;padding:80px 10px 148px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:100%;max-width:100%;max-height:calc(100dvh - 183px);overflow:auto;padding:18px 14px 15px;border-radius:17px}
  .chapter-amenities h1{font-size:clamp(38px,9.2vw,50px);line-height:.95;margin-bottom:9px}
  .chapter-amenities .chapter-description{font-size:13px;line-height:1.52;margin-bottom:14px}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .amenity-card{aspect-ratio:1.22/1;min-height:120px;border-radius:11px}
  .amenity-topline{top:8px;left:8px;right:36px;font-size:7px;letter-spacing:.08em}
  .amenity-plus{width:23px;height:23px;right:6px;top:6px;font-size:12px}
  .amenity-copy{left:9px;right:8px;bottom:9px;gap:4px}
  .amenity-name{font-family:var(--sans);font-size:clamp(14px,3.8vw,16px);font-weight:800;line-height:1.13}
  .amenity-detail{font-size:10px;line-height:1.38}
  .amenity-tag{font-size:7px;letter-spacing:.08em}
  .amenity-disclaimer{font-size:8px;line-height:1.45;margin-top:10px}

  .chapter-residence{align-items:flex-start;padding:80px 10px 148px}
  .residence-copy{width:100%;max-width:100%;max-height:calc(100dvh - 183px);overflow:auto;padding:18px 14px 16px;border-radius:17px}
  .residence-copy h1{font-size:clamp(39px,9.6vw,52px);line-height:.95;margin-bottom:9px}
  .residence-copy .chapter-description{font-size:13px;line-height:1.55;margin-bottom:13px}
  .residence-section-label{font-size:8px;letter-spacing:.12em;margin-bottom:7px}
  .residence-section-label span:last-child{font-size:7px}
  .location-intro{font-size:13px;line-height:1.45;margin:0 0 10px}
  .residence-layout{grid-template-columns:1fr;gap:10px}
  .location-map-card,.location-map-card iframe{height:210px;min-height:210px;border-radius:11px}
  .map-open-link{font-size:8px;padding:9px 11px}
  .nearby-card{padding:12px;border-radius:11px}
  .nearby-heading{font-size:8px;padding-bottom:8px}.nearby-heading small{font-size:7px}
  .nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .nearby-row{min-height:32px;font-size:9px;line-height:1.3;gap:5px}
  .nearby-row strong{font-size:9px}
  .nearby-note{font-size:8px;line-height:1.4;margin-top:8px}
  .residence-cta{margin-top:11px}

  .scene-controls{left:17px;bottom:91px;gap:11px}
  .scene-count{font-size:8px;gap:8px}.scene-count span:first-child{font-size:15px}.scene-count i{width:19px}
  .scene-dots{gap:6px}.scene-dot{width:6px;height:6px}.scene-dot.is-active{width:22px}
  .swipe-cue{right:17px;bottom:91px;font-size:8px;letter-spacing:.10em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}.swipe-hand{font-size:25px;color:#f1d3a7}
  .mobile-actionbar{left:12px;right:12px;bottom:max(11px,env(safe-area-inset-bottom));height:68px;border-radius:17px;padding:6px;background:rgba(250,247,240,.96);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 38px rgba(0,0,0,.34)}
  .action-item{font-size:10px;letter-spacing:.04em;color:#173039}.action-icon{font-size:22px;color:#947044}
  .menu-card{top:78px;right:12px}.menu-top{font-size:9px}.menu-card>button{font-size:10px}.menu-card>button span{font-size:27px}
  .modal-card{padding:28px 22px;border-radius:20px}.modal-card h2{font-size:39px}.modal-card .form-intro{font-size:13px}
  .modal-card .lead-form label{font-size:9px}.modal-card .lead-form input,.modal-card .lead-form select{height:48px;font-size:13px}
  .modal-card .privacy-note{font-size:9px}
}
@media(max-width:390px){
  .chapter-copy:not(.reveal-copy){padding:18px 16px}
  .chapter h1{font-size:clamp(42px,10.8vw,49px)}
  .chapter-description{font-size:14px}
  .resource-card{min-height:118px;padding:8px 6px}
  .resource-card h2{font-size:14px}.resource-card p{font-size:8px}
  .amenity-card{min-height:112px;aspect-ratio:1.18/1}
  .amenity-name{font-size:13px}.amenity-detail{font-size:9px}
  .location-map-card,.location-map-card iframe{height:190px;min-height:190px}
}
@media(max-height:740px) and (max-width:760px){
  .chapter{padding-bottom:143px}.chapter-copy:not(.reveal-copy){max-height:calc(100dvh - 218px)}
  .chapter-reveal{padding-top:94px}.project-resources{bottom:calc(133px + env(safe-area-inset-bottom))}
  .chapter-amenities,.chapter-residence{padding-top:72px;padding-bottom:139px}
  .chapter-amenities .chapter-copy:not(.reveal-copy),.residence-copy{max-height:calc(100dvh - 161px)}
  .amenity-card{min-height:105px}.location-map-card,.location-map-card iframe{height:174px;min-height:174px}
  .scene-controls,.swipe-cue{bottom:84px}
}
@media(prefers-reduced-motion:reduce){
  .chapter.is-active .chapter-copy,.chapter.is-active .chapter-copy>*,.chapter.is-active .amenity-card,.chapter.is-active .project-resources{animation:none!important;filter:none!important}
}


/* ============================================================
   PALLADIO R6 — MOBILE HERO READABILITY + TRUE FROSTED ACTION BAR
   Desktop panorama and chapter composition are intentionally unchanged.
   ============================================================ */
@media (max-width:760px){
  /* The intro and benefit panels use a controlled deep-teal glass tint:
     more legible than the earlier low-contrast overlay, but still visibly translucent. */
  .chapter-copy:not(.reveal-copy){
    background:linear-gradient(138deg,rgba(10,29,35,.88) 0%,rgba(18,43,48,.80) 100%);
    border:1px solid rgba(246,226,194,.48);
    box-shadow:0 19px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 24px rgba(255,255,255,.025);
    backdrop-filter:blur(25px) saturate(165%);
    -webkit-backdrop-filter:blur(25px) saturate(165%);
  }
  .chapter-kicker{
    color:#f7e7ca;
    font-size:8.5px;
    letter-spacing:.145em;
    text-shadow:0 2px 12px rgba(0,0,0,.56);
  }
  .chapter-kicker:before{background:#e9c58e;box-shadow:0 0 10px rgba(233,197,142,.28)}
  .chapter h1{
    color:#fffdf8;
    font-size:clamp(48px,11.2vw,58px);
    line-height:.94;
    letter-spacing:-.042em;
    text-shadow:0 4px 20px rgba(0,0,0,.46);
  }
  .chapter h1 em{
    color:#f2d3a3;
    text-shadow:0 4px 18px rgba(0,0,0,.45);
  }
  .chapter-description{
    color:#fffefa;
    font-size:14px;
    line-height:1.58;
    font-weight:500;
    text-shadow:0 2px 12px rgba(0,0,0,.58);
  }
  .chapter-note{color:#f7e6c8;text-shadow:0 2px 10px rgba(0,0,0,.5)}
  .chapter-cta{
    color:#fffdf8;
    background:rgba(234,214,181,.17);
    border-color:rgba(248,233,210,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 18px rgba(0,0,0,.12);
    backdrop-filter:blur(16px) saturate(145%);
    -webkit-backdrop-filter:blur(16px) saturate(145%);
  }
  .chapter-cta span{color:#f4d5a4}

  /* Smaller, darker, softly frosted action rail instead of the opaque white capsule. */
  .mobile-actionbar{
    left:22px;
    right:22px;
    bottom:max(14px,env(safe-area-inset-bottom));
    height:61px;
    padding:5px;
    border-radius:19px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    background:linear-gradient(112deg,rgba(18,39,45,.57),rgba(35,59,62,.43));
    border:1px solid rgba(255,255,255,.40);
    box-shadow:0 12px 32px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(0,0,0,.12);
    color:#fff;
    backdrop-filter:blur(27px) saturate(175%);
    -webkit-backdrop-filter:blur(27px) saturate(175%);
    overflow:hidden;
  }
  .mobile-actionbar:before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:18px;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 48%,rgba(255,255,255,.035));
  }
  .action-item{
    position:relative;
    z-index:1;
    min-width:0;
    gap:4px;
    color:#fffdf8;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:.035em;
    text-shadow:0 1px 8px rgba(0,0,0,.28);
  }
  .action-item+.action-item{border-left:1px solid rgba(255,255,255,.22)}
  .action-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:21px;
    height:21px;
    font-size:20px;
    line-height:1;
    color:#f0d2a3;
  }
  .action-icon svg{display:block;width:20px;height:20px;stroke:currentColor}
  .action-icon img{display:block;width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.24))}
  .whatsapp-icon{color:#25d366}

  /* Keep the slide counter and swipe hint clearly above the slimmer glass action bar. */
  .scene-controls{bottom:85px}
  .swipe-cue{bottom:85px}
}
@media(max-height:740px) and (max-width:760px){
  .mobile-actionbar{height:58px;bottom:max(10px,env(safe-area-inset-bottom))}
  .scene-controls,.swipe-cue{bottom:78px}
  .chapter{padding-bottom:142px}
}


/* ============================================================
   PALLADIO R7 — OPAQUE EMERALD GLASS / CHAMPAGNE EDITION
   Global panel colour and opacity refinement across all chapters.
   Keep glass blur and edge highlights, but let the panel—not the image—carry the text.
   ============================================================ */
:root{
  --panel-deep:#09282c;
  --panel-mid:#10383a;
  --panel-warm:#1b443f;
  --panel-ivory:#fbf7ef;
  --panel-champagne:#e7c99b;
  --panel-border:rgba(231,201,155,.58);
  --panel-shadow:0 26px 72px rgba(1,9,12,.46),inset 0 1px 0 rgba(255,255,255,.11);
}

/* Header, modal and shared glass surfaces: richer evergreen-petrol instead of grey translucent black. */
.glass-panel,
.glass-header{
  color:var(--panel-ivory)!important;
  background:linear-gradient(132deg,rgba(7,32,36,.96) 0%,rgba(13,48,49,.95) 56%,rgba(23,57,50,.94) 100%)!important;
  border:1px solid var(--panel-border)!important;
  box-shadow:var(--panel-shadow)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
}
.glass-header:after{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.075),transparent 36%,rgba(231,201,155,.035) 100%);
}
.glass-header>*{position:relative;z-index:1}

/* Main chapter copy panels — near-opaque to protect readability on bright sky and water. */
.chapter-copy:not(.reveal-copy){
  background:linear-gradient(135deg,rgba(7,31,35,.975) 0%,rgba(11,43,45,.965) 58%,rgba(21,53,47,.955) 100%)!important;
  border:1px solid rgba(231,201,155,.62)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 36px rgba(231,201,155,.035)!important;
  backdrop-filter:blur(30px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%)!important;
}
.chapter-kicker,.chapter-note{color:#f6e7cc!important}
.chapter-kicker:before,.chapter-note:before{background:linear-gradient(90deg,#efd8ae,#b88f5a)!important}
.chapter h1{color:#fffdf8!important;text-shadow:0 4px 24px rgba(0,0,0,.28)!important}
.chapter h1 em{color:#edcf9f!important}
.chapter-description{color:#fffdf7!important;text-shadow:none!important}
.chapter-cta{
  background:linear-gradient(110deg,rgba(231,201,155,.19),rgba(255,255,255,.07))!important;
  border-color:rgba(231,201,155,.76)!important;color:#fffdf7!important;
}
.chapter-cta:hover{background:linear-gradient(110deg,rgba(231,201,155,.29),rgba(255,255,255,.11))!important}

/* The Palladio wordmark panel was the most transparent surface in the supplied screenshot. */
.chapter-reveal .reveal-copy{
  background:linear-gradient(135deg,rgba(7,31,35,.975) 0%,rgba(11,43,45,.965) 58%,rgba(21,53,47,.955) 100%)!important;
  border:1px solid rgba(231,201,155,.64)!important;
  box-shadow:0 28px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 35px rgba(231,201,155,.035)!important;
  backdrop-filter:blur(30px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%)!important;
}
.chapter-reveal .reveal-copy h1{color:#fffdf8!important}
.chapter-reveal .project-subtitle{color:#edcf9f!important}
.chapter-reveal .project-location,.chapter-reveal .reveal-description{color:#fffaf0!important}

/* Benefits/stat tiles: solid enough to read independently of the panorama. */
.stat-card{
  background:linear-gradient(145deg,rgba(9,38,42,.96),rgba(20,56,54,.94))!important;
  border:1px solid rgba(231,201,155,.43)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.stat-card strong{color:#edcf9f!important}
.stat-card span{color:#fffdf7!important}

/* Enquiry form, dropdown menu, and dialog share the same deeper colour family. */
.desktop-enquiry,.menu-card,.modal-card{
  background:linear-gradient(135deg,rgba(7,31,35,.975),rgba(14,48,48,.96))!important;
  border:1px solid rgba(231,201,155,.58)!important;
  box-shadow:0 28px 76px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.desktop-enquiry .form-intro,.modal-card .form-intro{color:#f8f3e9!important}
.lead-form label{color:#f6e8d2!important}
.lead-form input,.lead-form select{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(231,201,155,.43)!important;
  color:#fffdf7!important;
}
.lead-form input::placeholder{color:rgba(255,250,240,.74)!important}
.privacy-note{color:rgba(255,250,240,.78)!important}
.submit-cta{background:linear-gradient(115deg,#f0dfc2,#d9b77d)!important;color:#142f32!important}

/* Amenities and residence pages use matching opaque outer panels; photo tiles remain photographic. */
.chapter-amenities .chapter-copy:not(.reveal-copy),
.chapter-residence .residence-copy{
  background:linear-gradient(135deg,rgba(7,31,35,.975) 0%,rgba(11,43,45,.965) 58%,rgba(21,53,47,.955) 100%)!important;
  border:1px solid rgba(231,201,155,.62)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.11)!important;
}
.nearby-card{
  background:linear-gradient(140deg,rgba(11,42,44,.96),rgba(20,54,51,.94))!important;
  border:1px solid rgba(231,201,155,.42)!important;
}
.nearby-heading,.residence-section-label{color:#edcf9f!important}
.nearby-row{color:#fffdf7!important;border-color:rgba(231,201,155,.17)!important}
.nearby-row strong{color:#edcf9f!important}
.nearby-note,.nearby-heading small,.residence-section-label span:last-child{color:rgba(255,250,240,.78)!important}

/* Keep download cards intentionally ivory: high contrast, like a premium printed brochure. */
.resource-card{background:linear-gradient(145deg,#fffdf8,#f1e9da)!important;border-color:rgba(231,201,155,.88)!important}
.resource-card h2{color:#102d31!important}
.resource-card p{color:#4b5d5b!important}

/* Amenity image tiles retain their photography; only their title legibility is lifted. */
.amenity-topline,.amenity-name,.amenity-detail{color:#fffdf7!important;text-shadow:0 2px 12px rgba(0,0,0,.62)!important}
.amenity-tag{color:#f0d5a8!important}
.amenity-plus{background:rgba(7,31,35,.88)!important;border-color:rgba(231,201,155,.7)!important}

/* Mobile panels are equally opaque, with no white opaque action capsule. */
@media(max-width:760px){
  .glass-header{
    background:linear-gradient(132deg,rgba(7,32,36,.97),rgba(13,48,49,.96))!important;
  }
  .chapter-copy:not(.reveal-copy){
    background:linear-gradient(145deg,rgba(7,31,35,.975),rgba(12,44,45,.965))!important;
    border-color:rgba(231,201,155,.62)!important;
  }
  .chapter-reveal .reveal-copy{
    background:linear-gradient(145deg,rgba(7,31,35,.975),rgba(12,44,45,.965))!important;
    border-color:rgba(231,201,155,.62)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.11)!important;
    backdrop-filter:blur(28px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
  }
  .chapter-amenities .chapter-copy:not(.reveal-copy),
  .chapter-residence .residence-copy{
    background:linear-gradient(145deg,rgba(7,31,35,.98),rgba(12,44,45,.965))!important;
  }
  .stat-card{background:linear-gradient(145deg,rgba(9,38,42,.97),rgba(20,56,54,.95))!important}
  .nearby-card{background:linear-gradient(140deg,rgba(11,42,44,.97),rgba(20,54,51,.95))!important}
  .mobile-actionbar{
    background:linear-gradient(125deg,rgba(7,31,35,.94),rgba(15,48,48,.92))!important;
    border:1px solid rgba(231,201,155,.58)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.13)!important;
    backdrop-filter:blur(30px) saturate(155%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(155%)!important;
  }
  .mobile-actionbar:before{background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 45%,rgba(231,201,155,.05))!important}
  .action-item{color:#fffaf0!important}
  .action-icon{color:#edcf9f!important}
  .action-item+.action-item{border-left-color:rgba(231,201,155,.23)!important}
}


/* ============================================================
   PALLADIO R8 — RESPONSIVE EDITORIAL SYSTEM + MONOCHROME AMENITIES
   Full review pass: fluid typography, stronger information hierarchy,
   safer desktop/tablet spacing, and grayscale-to-colour amenity interaction.
   ============================================================ */
:root{
  --serif:"Bodoni Moda","Didot","Times New Roman",serif;
  --sans:"Manrope","Avenir Next",Arial,sans-serif;
  --r8-ivory:#fffaf1;
  --r8-muted:#e7e1d5;
  --r8-champagne:#e7c99b;
  --r8-panel:#09282c;
  --r8-panel-mid:#10383a;
  --r8-border:rgba(231,201,155,.60);
  --r8-shadow:0 24px 66px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10);
  --header-height:76px;
  --header-top:20px;
  --form-width:clamp(310px,22vw,360px);
  --form-safe:calc(var(--form-width) + 11vw + 4vw);
}

html,body{font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,select,textarea{font-family:var(--sans)}

/* Desktop navigation and enquiry form: restore legible UI sizing and more generous controls. */
.glass-header{left:3.2vw;right:3.2vw;height:var(--header-height);padding:0 clamp(18px,2vw,30px);gap:clamp(16px,1.8vw,30px);border-radius:20px}
.brand{flex-basis:clamp(132px,12vw,168px)}
.brand img{width:clamp(126px,10.5vw,154px);max-height:49px}
.desktop-nav{gap:clamp(14px,1.65vw,27px)}
.nav-link{font-size:clamp(10px,.78vw,12px);letter-spacing:.075em;font-weight:700;padding:14px 0}
.header-cta{height:46px;padding:0 19px;font-size:clamp(10px,.75vw,12px);letter-spacing:.10em}
.menu-toggle{width:46px;height:46px;border-radius:14px}
.desktop-enquiry{width:var(--form-width);right:3.2vw;top:50%;max-height:calc(100dvh - 142px);padding:clamp(22px,1.8vw,30px);border-radius:22px}
.form-kicker{font-size:10px;letter-spacing:.16em;gap:10px}
.desktop-enquiry h2,.modal-card h2{font-size:clamp(34px,2.55vw,44px);line-height:1.02;margin:17px 0 12px}
.form-intro{font-size:clamp(13px,.95vw,15px);line-height:1.62;margin-bottom:16px}
.lead-form{gap:11px}
.lead-form label{font-size:10px;letter-spacing:.11em;gap:6px}
.lead-form input,.lead-form select{height:46px;padding:0 13px;font-size:14px;border-radius:10px}
.submit-cta{min-height:48px;font-size:11px;letter-spacing:.12em;border-radius:10px}
.privacy-note{font-size:10px;line-height:1.5}
.form-feedback{font-size:12px}

/* Responsive headline and paragraph scale for the main two story chapters. */
.chapter:not(.chapter-reveal):not(.chapter-amenities):not(.chapter-residence){padding-left:clamp(42px,5vw,92px);padding-bottom:clamp(105px,11vh,136px)}
.chapter-copy:not(.reveal-copy){width:min(740px,calc(100vw - var(--form-safe) - 10vw));max-width:calc(100vw - var(--form-safe) - 10vw);padding:clamp(25px,2.15vw,36px);border-radius:22px;max-height:calc(100dvh - 190px)}
.chapter-kicker{font-size:clamp(10px,.75vw,12px);line-height:1.5;letter-spacing:.16em;margin-bottom:clamp(13px,1.2vw,18px);gap:11px}
.chapter-kicker:before{width:clamp(22px,2vw,32px)}
.chapter h1{font-size:clamp(56px,5.25vw,90px);line-height:.93;letter-spacing:-.045em;margin-bottom:clamp(13px,1.25vw,19px)}
.chapter-description{font-size:clamp(15px,1.12vw,18px);line-height:1.68;max-width:510px;margin-bottom:clamp(16px,1.5vw,22px);font-weight:500}
.chapter-note{font-size:10px;line-height:1.55;letter-spacing:.14em;margin-bottom:16px}
.chapter-cta{min-height:50px;padding:0 21px;font-size:11px;letter-spacing:.12em;border-radius:10px;gap:24px}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:690px;margin:8px 0 20px}
.stat-card{min-height:91px;padding:14px 13px 12px;border-radius:13px}
.stat-card strong{font-size:clamp(37px,3vw,47px);margin-bottom:7px}
.stat-card span{font-size:10px;line-height:1.42;letter-spacing:.07em}

/* Project reveal: scale the wordmark to its clear sky area and avoid the header/enquiry rail. */
.chapter-reveal{padding-top:clamp(138px,16vh,178px)}
.reveal-copy{margin-left:clamp(300px,28vw,455px);width:min(590px,calc(100vw - var(--form-safe) - 31vw));max-width:calc(100vw - var(--form-safe) - 31vw);padding:20px 27px 23px;border-radius:19px}
.reveal-copy .chapter-kicker{font-size:11px;letter-spacing:.18em;margin-bottom:14px}
.reveal-copy h1{font-size:clamp(92px,8vw,132px);line-height:.82;letter-spacing:-.06em;margin-bottom:9px}
.project-subtitle{font-size:clamp(38px,3.4vw,53px);line-height:1.02}
.project-location{font-size:10px;letter-spacing:.22em;margin-top:13px}
.reveal-description{font-size:11px;line-height:1.5;letter-spacing:.06em}
.project-resources{left:clamp(38px,5vw,90px);bottom:clamp(62px,7.5vh,86px);width:min(790px,calc(100vw - var(--form-safe) - 11vw));gap:12px}
.resources-heading>span{font-size:10px;letter-spacing:.17em}
.resources-heading>strong{font-size:clamp(25px,2vw,32px)}
.resource-grid{gap:13px}
.resource-card{min-height:132px;padding:18px 19px;border-radius:16px;grid-template-columns:46px minmax(0,1fr);gap:14px}
.resource-symbol{width:44px;height:44px;font-size:28px}
.resource-eyebrow{font-size:9px;letter-spacing:.13em}
.resource-card h2{font-size:24px;margin-bottom:6px}
.resource-card p{font-size:12px;line-height:1.45;margin-bottom:9px}
.resource-download{font-size:10px;letter-spacing:.1em}

/* Amenities: larger editorial heading, balanced four-column gallery and accessible image treatment. */
.chapter-amenities{padding:clamp(118px,13vh,148px) 0 65px clamp(34px,4.5vw,78px)}
.chapter-amenities .chapter-copy:not(.reveal-copy){width:min(950px,calc(100vw - var(--form-safe) - 8vw));max-width:calc(100vw - var(--form-safe) - 8vw);max-height:calc(100dvh - 190px);padding:clamp(20px,1.8vw,29px);border-radius:22px}
.chapter-amenities h1{font-size:clamp(52px,4.6vw,76px);line-height:.93;margin-bottom:10px}
.chapter-amenities .chapter-description{font-size:clamp(14px,1.02vw,16px);line-height:1.58;max-width:660px;margin-bottom:18px}
.amenity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,.75vw,12px)}
.amenity-card{aspect-ratio:1.48/1;min-height:104px;border-radius:14px;border-color:rgba(231,201,155,.34);background:#172a2d;box-shadow:0 10px 26px rgba(0,0,0,.20);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.amenity-photo{filter:grayscale(1) saturate(.08) contrast(1.08) brightness(.84);transform:scale(1.015);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.amenity-dim{background:linear-gradient(180deg,rgba(3,13,17,.22) 0%,rgba(3,13,17,.10) 34%,rgba(3,13,17,.86) 100%);transition:background .4s}
.amenity-topline{font-size:9px;letter-spacing:.12em;top:11px;left:12px;right:46px}
.amenity-plus{width:30px;height:30px;right:10px;top:9px;font-size:16px;border-color:rgba(231,201,155,.70);background:rgba(7,31,35,.82)}
.amenity-copy{left:13px;right:12px;bottom:12px;gap:5px}
.amenity-name{font-size:clamp(16px,1.25vw,20px);line-height:1.1;font-weight:600}
.amenity-detail{font-size:clamp(10px,.78vw,12px);line-height:1.45}
.amenity-tag{font-size:8px;letter-spacing:.12em}
.amenity-card:hover,.amenity-card:focus-visible,.amenity-card.is-expanded,.amenity-card.is-focused{transform:translateY(-4px);border-color:rgba(231,201,155,.96);box-shadow:0 17px 38px rgba(0,0,0,.33)}
.amenity-card:hover .amenity-photo,.amenity-card:focus-visible .amenity-photo,.amenity-card.is-expanded .amenity-photo,.amenity-card.is-focused .amenity-photo{transform:scale(1.075);filter:grayscale(0) saturate(1.14) contrast(1.04) brightness(1)}
.amenity-card:hover .amenity-dim,.amenity-card:focus-visible .amenity-dim,.amenity-card.is-expanded .amenity-dim,.amenity-card.is-focused .amenity-dim{background:linear-gradient(180deg,rgba(3,13,17,.08) 0%,rgba(3,13,17,.04) 30%,rgba(3,13,17,.80) 100%)}
.amenity-card:hover .amenity-detail,.amenity-card:focus-visible .amenity-detail,.amenity-card.is-expanded .amenity-detail,.amenity-card.is-focused .amenity-detail{max-height:68px;opacity:1;transform:translateY(0)}
.amenity-card.is-expanded .amenity-plus{transform:rotate(45deg);background:rgba(231,201,155,.24)}
.amenity-disclaimer{font-size:9px;line-height:1.5;margin-top:12px;color:rgba(255,250,241,.78)}

/* Residence/location section: readable map, nearby list and spacious content. */
.chapter-residence{padding:clamp(116px,13vh,145px) 0 60px clamp(34px,4.5vw,78px)}
.residence-copy{width:min(950px,calc(100vw - var(--form-safe) - 8vw));max-width:calc(100vw - var(--form-safe) - 8vw);max-height:calc(100dvh - 178px);padding:clamp(20px,1.8vw,29px);border-radius:22px}
.residence-copy h1{font-size:clamp(52px,4.6vw,76px);line-height:.93;margin-bottom:10px}
.residence-copy .chapter-description{font-size:clamp(14px,1vw,16px);line-height:1.58;max-width:700px;margin-bottom:17px}
.residence-section-label{font-size:10px;letter-spacing:.15em;margin-bottom:9px}
.residence-section-label span:last-child{font-size:9px}
.location-intro{font-size:15px;line-height:1.5;margin-bottom:12px}
.residence-layout{gap:14px;grid-template-columns:minmax(0,1.45fr) minmax(260px,.95fr)}
.location-map-card,.location-map-card iframe{min-height:260px}
.map-open-link{font-size:10px;padding:10px 13px;border-radius:9px}
.nearby-card{padding:15px 17px;border-radius:14px}
.nearby-heading{font-size:10px;padding-bottom:10px;letter-spacing:.12em}
.nearby-heading small{font-size:9px}
.nearby-row{min-height:31px;font-size:11px;line-height:1.35}
.nearby-row strong{font-size:11px}
.nearby-note{font-size:9px;line-height:1.45;margin-top:10px}
.residence-cta{margin-top:14px}

/* Shared menus, modals, and focus styles. */
.menu-card{width:min(410px,calc(100% - 32px));padding:26px;border-radius:21px}
.menu-top{font-size:10px;padding-bottom:18px}
.menu-card>button{font-size:11px;padding:17px 0}
.menu-card>button span{font-size:27px}
.modal-card{width:min(480px,100%);padding:32px;border-radius:22px}
.modal-card h2{font-size:clamp(35px,4vw,46px)}
.modal-card .form-intro{font-size:14px}
.modal-card .lead-form label{font-size:10px}
.modal-card .lead-form input,.modal-card .lead-form select{height:48px;font-size:14px}
.modal-card .privacy-note{font-size:10px}
.scene-controls{gap:14px}
.scene-count{font-size:10px;gap:9px}
.scene-count span:first-child{font-size:16px}
.scene-dots{gap:7px}
.scene-dot{width:7px;height:7px}
.scroll-cue{font-size:9px;letter-spacing:.17em}
.mouse{width:17px;height:26px}

/* Compact desktop/tablet: protect the enquiry rail while scaling the content to the remaining width. */
@media(max-width:1250px) and (min-width:981px){
  :root{--form-width:286px;--form-safe:calc(var(--form-width) + 8vw + 3vw)}
  .glass-header{left:2.5vw;right:2.5vw;padding:0 15px;gap:13px}
  .brand{flex-basis:112px}.brand img{width:108px}
  .desktop-nav{gap:11px}.nav-link{font-size:10px;letter-spacing:.04em}
  .header-cta{padding:0 12px;font-size:9px}
  .chapter:not(.chapter-reveal):not(.chapter-amenities):not(.chapter-residence){padding-left:4vw}
  .chapter-copy:not(.reveal-copy){width:min(620px,calc(100vw - var(--form-safe) - 8vw));max-width:calc(100vw - var(--form-safe) - 8vw)}
  .chapter h1{font-size:clamp(55px,5vw,70px)}
  .chapter-description{font-size:15px}
  .reveal-copy{margin-left:clamp(275px,27vw,360px);width:min(480px,calc(100vw - var(--form-safe) - 29vw));max-width:calc(100vw - var(--form-safe) - 29vw)}
  .reveal-copy h1{font-size:clamp(80px,7.5vw,105px)}
  .project-resources{width:min(700px,calc(100vw - var(--form-safe) - 8vw))}
  .chapter-amenities .chapter-copy:not(.reveal-copy),.residence-copy{width:min(780px,calc(100vw - var(--form-safe) - 7vw));max-width:calc(100vw - var(--form-safe) - 7vw)}
  .amenity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .amenity-card{aspect-ratio:1.55/1}
  .residence-layout{grid-template-columns:1fr}
  .location-map-card,.location-map-card iframe{height:190px;min-height:190px}
  .nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
}
@media(max-width:980px) and (min-width:761px){
  :root{--form-width:222px;--form-safe:calc(var(--form-width) + 6vw + 2vw);--header-height:66px;--header-top:14px}
  .glass-header{left:2vw;right:2vw;padding:0 13px;gap:10px}
  .brand{flex-basis:110px}.brand img{width:105px}
  .desktop-nav{display:none}.menu-toggle{display:flex}.header-cta{margin-left:auto;height:42px;font-size:9px}
  .desktop-enquiry{right:2vw;padding:16px 15px;max-height:calc(100dvh - 108px)}
  .desktop-enquiry h2{font-size:clamp(27px,3.4vw,34px)}
  .form-kicker{font-size:9px}.form-intro{font-size:12px}.lead-form label{font-size:9px}
  .lead-form input,.lead-form select{height:40px;font-size:13px}.submit-cta{min-height:43px;font-size:10px}.privacy-note{font-size:9px}
  .chapter:not(.chapter-reveal):not(.chapter-amenities):not(.chapter-residence){padding-left:3vw}
  .chapter-copy:not(.reveal-copy){width:min(470px,calc(100vw - var(--form-safe) - 7vw));max-width:calc(100vw - var(--form-safe) - 7vw);padding:20px}
  .chapter h1{font-size:clamp(44px,5.7vw,58px)}.chapter-description{font-size:13px}
  .chapter-kicker{font-size:9px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:72px}.stat-card strong{font-size:34px}.stat-card span{font-size:9px}
  .chapter-reveal{padding-top:clamp(112px,14vh,145px)}
  .reveal-copy{margin-left:clamp(190px,22vw,280px);width:min(360px,calc(100vw - var(--form-safe) - 26vw));max-width:calc(100vw - var(--form-safe) - 26vw);padding:14px 16px}
  .reveal-copy h1{font-size:clamp(50px,6.5vw,66px)}.project-subtitle{font-size:clamp(25px,3vw,31px)}.project-location{font-size:8px}
  .project-resources{left:3vw;bottom:55px;width:min(430px,calc(100vw - var(--form-safe) - 5vw));gap:8px}
  .resources-heading>strong{font-size:22px}.resource-grid{gap:7px}.resource-card{min-height:100px;padding:10px;grid-template-columns:28px minmax(0,1fr);gap:8px}.resource-symbol{width:28px;height:28px;font-size:18px}.resource-card h2{font-size:16px}.resource-card p{font-size:9px}.resource-download{font-size:8px}
  .chapter-amenities,.chapter-residence{padding:98px 0 48px 2vw}
  .chapter-amenities .chapter-copy:not(.reveal-copy),.residence-copy{width:min(510px,calc(100vw - var(--form-safe) - 4vw));max-width:min(510px,calc(100vw - var(--form-safe) - 4vw));max-height:calc(100dvh - 130px);padding:14px}
  .chapter-amenities h1,.residence-copy h1{font-size:clamp(38px,4.8vw,48px)}
  .chapter-amenities .chapter-description,.residence-copy .chapter-description{font-size:12px}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .amenity-card{aspect-ratio:1.65/1;min-height:88px}
  .amenity-topline{font-size:7px}.amenity-name{font-size:15px}.amenity-detail{font-size:9px}.amenity-tag{font-size:7px}
  .residence-layout{grid-template-columns:1fr;gap:8px}
  .location-map-card,.location-map-card iframe{height:155px;min-height:155px}
  .nearby-card{padding:9px}.nearby-row{font-size:9px;min-height:24px}.nearby-row strong{font-size:9px}
}

/* Mobile: size by available width, preserve the portrait framing and keep all controls thumb-friendly. */
@media(max-width:760px){
  :root{--header-height:60px;--header-top:10px;--form-width:0px;--form-safe:0px}
  .glass-header{left:12px;right:12px;height:60px;padding:0 14px;border-radius:16px}
  .brand img{width:clamp(118px,34vw,140px);max-height:43px}
  .menu-toggle{width:41px;height:41px}
  .chapter:not(.chapter-reveal):not(.chapter-amenities):not(.chapter-residence){padding:0 13px max(157px,18vh);align-items:flex-end}
  .chapter-copy:not(.reveal-copy){width:100%;max-width:100%;max-height:calc(100dvh - 235px);padding:clamp(18px,5vw,23px);border-radius:19px}
  .chapter-kicker{font-size:clamp(9px,2.55vw,10px);letter-spacing:.13em;line-height:1.45;margin-bottom:11px}
  .chapter-kicker:before{width:20px}
  .chapter h1{font-size:clamp(42px,10.7vw,60px);line-height:.94;letter-spacing:-.04em;margin-bottom:12px}
  .chapter-description{font-size:clamp(14px,3.9vw,16px);line-height:1.58;margin-bottom:14px}
  .chapter-note{font-size:9px;line-height:1.5;letter-spacing:.11em;margin-bottom:12px}
  .chapter-cta{min-height:47px;padding:0 16px;font-size:10px;letter-spacing:.1em;gap:17px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 15px}
  .stat-card{min-height:72px;padding:10px 11px}.stat-card strong{font-size:34px}.stat-card span{font-size:9px;line-height:1.35}

  .chapter-reveal{align-items:flex-start;padding:clamp(102px,13vh,125px) 12px 0;text-align:center}
  .reveal-copy{margin:0 auto;width:100%;max-width:100%;padding:17px 13px 16px;border-radius:18px}
  .reveal-copy .chapter-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:10px}
  .reveal-copy .chapter-kicker:before{width:14px}
  .reveal-copy h1{font-size:clamp(62px,17vw,88px);line-height:.84;margin-bottom:7px}
  .project-subtitle{font-size:clamp(28px,7.7vw,40px);line-height:1.02}
  .project-location{font-size:8px;letter-spacing:.15em;margin-top:10px}
  .reveal-description{display:block;font-size:11px;line-height:1.45;letter-spacing:.035em;margin-top:9px}
  .project-resources{left:12px;right:12px;bottom:calc(145px + env(safe-area-inset-bottom));width:auto;gap:7px}
  .resources-heading>span{font-size:7px}.resources-heading>strong{font-size:21px}
  .resource-grid{gap:8px}.resource-card{min-height:116px;padding:10px 9px;border-radius:12px;grid-template-columns:27px minmax(0,1fr);gap:8px}
  .resource-symbol{width:27px;height:27px;font-size:17px}.resource-eyebrow{font-size:6px}.resource-card h2{font-size:16px}.resource-card p{font-size:9px;line-height:1.32}.resource-download{font-size:7px;letter-spacing:.065em}

  .chapter-amenities{align-items:flex-start;padding:79px 10px 148px}
  .chapter-amenities .chapter-copy:not(.reveal-copy){width:100%;max-width:100%;max-height:calc(100dvh - 184px);padding:16px 13px 14px;border-radius:17px}
  .chapter-amenities h1{font-size:clamp(36px,9.5vw,50px);line-height:.95;margin-bottom:8px}
  .chapter-amenities .chapter-description{font-size:clamp(13px,3.7vw,15px);line-height:1.48;margin-bottom:12px}
  .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .amenity-card{aspect-ratio:1.18/1;min-height:112px;border-radius:11px}
  .amenity-topline{top:8px;left:8px;right:34px;font-size:7px;letter-spacing:.08em}
  .amenity-plus{width:23px;height:23px;right:6px;top:6px;font-size:12px}
  .amenity-copy{left:9px;right:8px;bottom:9px;gap:4px}
  .amenity-name{font-size:clamp(14px,3.85vw,16px);line-height:1.1}
  .amenity-detail{font-size:clamp(9px,2.65vw,10.5px);line-height:1.35}
  .amenity-tag{font-size:7px;letter-spacing:.08em}
  .amenity-disclaimer{font-size:8px;line-height:1.45;margin-top:10px}

  .chapter-residence{align-items:flex-start;padding:79px 10px 148px}
  .residence-copy{width:100%;max-width:100%;max-height:calc(100dvh - 184px);padding:16px 13px;border-radius:17px}
  .residence-copy h1{font-size:clamp(39px,9.6vw,53px);line-height:.95}
  .residence-copy .chapter-description{font-size:13px;line-height:1.5}
  .residence-section-label{font-size:8px;letter-spacing:.11em}.residence-section-label span:last-child{font-size:7px}
  .location-intro{font-size:13px;line-height:1.45;margin:0 0 10px}
  .residence-layout{grid-template-columns:1fr;gap:9px}
  .location-map-card,.location-map-card iframe{height:205px;min-height:205px}
  .map-open-link{font-size:8px;padding:9px 11px}
  .nearby-card{padding:11px;border-radius:11px}
  .nearby-heading{font-size:8px;padding-bottom:8px}.nearby-heading small{font-size:7px}
  .nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
  .nearby-row{min-height:31px;font-size:9px;line-height:1.3;gap:5px}.nearby-row strong{font-size:9px}
  .nearby-note{font-size:8px;line-height:1.4}

  .scene-controls{left:17px;bottom:91px;gap:11px}
  .scene-count{font-size:8px;gap:8px}.scene-count span:first-child{font-size:15px}
  .scene-dot{width:6px;height:6px}.scene-dot.is-active{width:21px}
  .swipe-cue{right:17px;bottom:91px;font-size:8px;letter-spacing:.1em}
  .mobile-actionbar{left:12px;right:12px;bottom:max(11px,env(safe-area-inset-bottom));height:66px;border-radius:17px}
  .action-item{font-size:10px;letter-spacing:.035em}.action-icon{width:22px;height:22px}
  .menu-card{top:77px;right:12px}.menu-top{font-size:10px}.menu-card>button{font-size:10px}.menu-card>button span{font-size:26px}
  .modal-card{padding:27px 21px;border-radius:20px}.modal-card h2{font-size:clamp(34px,9vw,42px)}.modal-card .form-intro{font-size:13px}
  .modal-card .lead-form label{font-size:9px}.modal-card .lead-form input,.modal-card .lead-form select{height:47px;font-size:14px}.modal-card .privacy-note{font-size:9px}
}

@media(max-width:390px){
  .chapter-copy:not(.reveal-copy){padding:17px 15px}
  .chapter h1{font-size:clamp(39px,10.5vw,46px)}
  .chapter-description{font-size:14px}
  .resource-card{min-height:108px;padding:8px 7px}.resource-card h2{font-size:14px}.resource-card p{font-size:8px}
  .amenity-card{min-height:105px;aspect-ratio:1.15/1}.amenity-name{font-size:13px}.amenity-detail{font-size:9px}
  .location-map-card,.location-map-card iframe{height:185px;min-height:185px}
}
@media(max-height:740px) and (max-width:760px){
  .chapter{padding-bottom:139px}.chapter-copy:not(.reveal-copy){max-height:calc(100dvh - 218px)}
  .chapter-reveal{padding-top:93px}.project-resources{bottom:calc(132px + env(safe-area-inset-bottom))}
  .chapter-amenities,.chapter-residence{padding-top:72px;padding-bottom:138px}
  .chapter-amenities .chapter-copy:not(.reveal-copy),.residence-copy{max-height:calc(100dvh - 158px)}
  .amenity-card{min-height:98px}.location-map-card,.location-map-card iframe{height:165px;min-height:165px}
  .scene-controls,.swipe-cue{bottom:82px}
}

/* Colour is revealed only by pointer hover, keyboard focus, or a deliberate tap/click. */
@media(hover:hover) and (pointer:fine){
  .amenity-card:not(:hover):not(:focus-visible):not(.is-expanded):not(.is-focused) .amenity-photo{filter:grayscale(1) saturate(.08) contrast(1.08) brightness(.84)}
}
@media(hover:none){
  .amenity-card:not(.is-expanded):not(.is-focused) .amenity-photo{filter:grayscale(1) saturate(.08) contrast(1.08) brightness(.84)}
  .amenity-card:hover{transform:none}
}
.amenity-card.is-expanded .amenity-photo,.amenity-card.is-focused .amenity-photo,.amenity-card:hover .amenity-photo,.amenity-card:focus-visible .amenity-photo{filter:grayscale(0) saturate(1.14) contrast(1.04) brightness(1)}

@media(prefers-reduced-motion:reduce){
  .amenity-photo,.amenity-card,.chapter-copy>*{transition:none!important;animation:none!important}
}


/* PALLADIO R9 — amenity grayscale reveal, accessible download CTA, swipe reliability */
.experience{touch-action:pan-y pinch-zoom}
.panorama,.chapters,.chapter{touch-action:pan-y}
.chapter-copy{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.chapter-copy :where(h1,p,span,div){-webkit-tap-highlight-color:transparent}

/* Lead consent and spam trap */
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.consent-line{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;color:rgba(255,250,240,.88)!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4}
.consent-line input{appearance:auto!important;-webkit-appearance:checkbox!important;width:15px!important;height:15px!important;min-width:15px;accent-color:#d9b77d;margin:1px 0 0!important;padding:0!important}
.consent-line span{display:block}
.lead-form .form-feedback{min-height:16px;font-size:12px;line-height:1.45;color:#f1d9b3}
.lead-form button:disabled{opacity:.65;cursor:wait;transform:none}

/* Downloads open a lead-capture modal; label is deliberately simple and explicit. */
.resource-download-button{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 0 5px;cursor:pointer;font-family:var(--sans);text-align:left}
.resource-download-button .resource-download-label{text-transform:uppercase}
.resource-download-button:hover .resource-download-label{color:#9b7040}
.resource-download-button:focus-visible{outline:2px solid #b58e5d;outline-offset:5px;border-radius:2px}
.resource-download-button[aria-disabled="true"]{opacity:1}

/* Amenity imagery starts in monochrome. Hover/focus/click/tap brings the selected card to life. */
.amenity-photo{filter:grayscale(1) saturate(0) contrast(1.06) brightness(.84)!important;transition:filter .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)!important}
.amenity-card:hover .amenity-photo,
.amenity-card:focus-visible .amenity-photo,
.amenity-card.is-expanded .amenity-photo,
.amenity-card.is-hovered .amenity-photo,
.amenity-card.is-focused .amenity-photo{filter:grayscale(0) saturate(1.16) contrast(1.04) brightness(1.02)!important}
.amenity-card .amenity-detail{transition:max-height .38s ease,opacity .3s ease,transform .3s ease}
.amenity-card:focus-visible{outline:2px solid var(--r8-champagne);outline-offset:3px}

@media(max-width:760px){
  /* Swipe is available across the visible scene; internal content scroll remains available. */
  .chapter{touch-action:pan-y;}
  .chapter-copy{touch-action:pan-y;overscroll-behavior:contain;}
  .amenity-card{touch-action:pan-y;}
  .consent-line{font-size:10px!important;gap:8px!important}
  .resource-download-button{font-size:10px;min-height:28px}
  .modal-card .consent-line{font-size:10px!important}
}