:root{--gold:#D3AF37;--gold-dark:#b8962d;--black:#000;--ink:#222;--soft:#F4F4F5;--body:"Oswald",sans-serif;--serif:"Oswald",sans-serif;--oswald:"Oswald",sans-serif;--max:1600px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:#111;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open,body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(var(--max),100%);margin:auto;padding-inline:clamp(1rem,6vw,8rem)}.section{padding:clamp(4rem,6vw,6rem) 0}.section-kicker{font-family:var(--oswald);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.section-head{max-width:64rem;margin:0 auto 4rem;text-align:center}.section-head.narrow{max-width:48rem}.section-head.compact{margin-bottom:3rem}.section-head h2,.about-copy h2,.map-section h2{font-family:var(--serif);font-weight:700;color:#222;font-size:clamp(2rem,3vw,2.6rem);line-height:1.15;margin:0 0 1.5rem}.section-head p,.about-copy p,.map-section .section-head p{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.75;color:#666;margin:0}.reveal,.reveal-left,.reveal-right{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.reveal{transform:translateY(28px)}.reveal-left{transform:translateX(-45px)}.reveal-right{transform:translateX(45px)}.is-visible{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal,.reveal-left,.reveal-right{opacity:1;transform:none}}
/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:60;font-family:var(--oswald)}.topbar{height:42px;background:#030304;border-bottom:1px solid rgba(255,255,255,.05);color:var(--gold);transition:.5s ease;overflow:hidden}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.top-phones,.top-location{display:flex;align-items:center;gap:.7rem;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;white-space:nowrap}.top-phones a,.top-location{transition:.25s}.top-phones a:hover{color:#fff;transform:scale(1.07)}.top-phones .icon,.top-location .icon{width:14px;height:14px}.top-phones span{opacity:.3}.main-nav{height:64px;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 9px rgba(0,0,0,.05);transition:.5s ease}.nav-inner{height:100%;display:flex;align-items:center}.desktop-nav{display:flex;flex:1;align-items:center;gap:clamp(2rem,3vw,3rem)}.nav-right{justify-content:flex-end}.desktop-nav a{position:relative;font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:#262626;padding:.5rem 0;transition:.2s}.desktop-nav a:after{content:"";position:absolute;height:2px;width:0;background:var(--gold);left:0;bottom:-4px;transition:.3s}.desktop-nav a:hover{color:var(--gold);font-weight:700}.desktop-nav a:hover:after{width:100%}.brand{margin-inline:2rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;flex:none}.brand-mark{width:48px;height:48px;transition:.3s}.brand:hover .brand-mark{transform:scale(1.05)}.brand span{font-family:var(--serif);font-weight:700;color:var(--gold);letter-spacing:.25em;font-size:.69rem;line-height:1;text-transform:uppercase;white-space:nowrap;transition:.3s}.menu-toggle{display:none;border:0;background:transparent;color:#000;padding:.5rem}.menu-toggle .icon{width:24px;height:24px}.mobile-menu{display:none}
/* hero */
.hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;transform:scale(1.16);transition:opacity 2.3s ease,transform 2.5s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide span{position:absolute;inset:0;background:rgba(0,0,0,.5)}.hero-content{position:relative;z-index:2;padding-top:7rem;display:flex;justify-content:center;text-align:center}.hero-copy{max-width:72rem;color:#fff}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);font-family:var(--oswald);font-size:.72rem;letter-spacing:.5em;font-weight:500}.hero-eyebrow i{display:block;width:2rem;height:1px;background:var(--gold)}.hero-copy h1{font-family:var(--serif);font-size:clamp(3rem,6.4vw,5.2rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;margin:1.2rem 0 1rem;background:linear-gradient(#fff 0%,#F5E09C 55%,#D3AF37 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.hero-copy p{font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:300;letter-spacing:.03em;line-height:1.6;margin:0 auto 2.25rem;white-space:nowrap}.btn-outline-gold,.btn-gold{font-family:var(--oswald);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;transition:.3s}.btn-outline-gold{padding:1rem 1.5rem;border:2px solid var(--gold);background:transparent;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.25)}.btn-outline-gold:hover{transform:translateY(-5px) scale(1.03);background:rgba(255,255,255,.1)}.btn-outline-gold .icon{color:var(--gold)}.hero-dots{position:absolute;z-index:3;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.75rem}.hero-dots button{border:0;width:3rem;height:4px;background:rgba(255,255,255,.3);padding:0;transition:.3s}.hero-dots button.active{width:4rem;background:var(--gold)}
/* features */
.features-section{background:#F4F4F5;border-block:1px solid #d6d6d6;overflow:hidden}.features-wrap{max-width:1600px;margin:auto}.features-grid{display:grid;grid-template-columns:repeat(6,1fr)}.feature-card{position:relative;min-width:0;padding:2.5rem 1.5rem;border-right:1px solid rgba(0,0,0,.06);overflow:hidden;transition:.55s}.feature-card:last-child{border-right:0}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(211,175,55,0),rgba(211,175,55,.06));opacity:0;transition:.7s}.feature-card:hover:before{opacity:1}.feature-num{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--serif);font-size:1.9rem;font-weight:700;color:rgba(0,0,0,.06);transition:.5s}.feature-card:hover .feature-num{color:rgba(211,175,55,.4);transform:translateY(-4px)}.feature-icon-wrap{width:64px;height:64px;position:relative;display:grid;place-items:center;margin-bottom:1.7rem}.feature-icon-wrap:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.04);border-radius:.75rem;transform:rotate(45deg);transition:.7s}.feature-card:hover .feature-icon-wrap:before{transform:rotate(90deg);background:rgba(211,175,55,.2)}.feature-icon-wrap img{width:44px;height:44px;object-fit:contain;position:relative;z-index:1;transition:.5s}.feature-card:hover .feature-icon-wrap img{transform:scale(1.1) translateY(-4px)}.feature-card h3{font-family:var(--serif);font-size:1.08rem;line-height:1.2;margin:0 0 .75rem;font-weight:700;color:#000}.feature-card p{font-size:.93rem;color:#4b5563;line-height:1.55;margin:0}.feature-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.7s}.feature-card:hover:after{transform:scaleX(1)}
/* about */
.about-section{position:relative;overflow:hidden;background:#fff}.about-pattern{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='52' height='60' viewBox='0 0 52 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 0l26 15v30L26 60 0 45V15z' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M26 0v30M0 15l26 15 26-15' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 69.23px;pointer-events:none}.about-grid{position:relative;display:grid;grid-template-columns:5fr 7fr;gap:clamp(3rem,5vw,4rem);align-items:center}.about-media{position:relative}.dot-pattern{position:absolute;z-index:0;width:128px;height:128px;top:-24px;left:-24px;opacity:.3;background-image:radial-gradient(var(--gold) 2px,transparent 2px);background-size:12px 12px}.gold-rail{position:absolute;z-index:3;top:48px;left:-16px;width:12px;height:160px;background:var(--gold)}.home-badge{position:absolute;z-index:4;left:-24px;bottom:-24px;width:96px;height:96px;background:var(--gold);display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.18)}.home-badge svg{width:48px;height:48px;fill:none;stroke:white;stroke-width:1.5}.about-copy{position:relative;padding:2rem 1.5rem}.about-copy p{font-size:1.125rem}.btn-gold{border:0;background:var(--gold);color:#fff;padding:1rem 2.5rem;font-weight:400;margin-top:1rem;box-shadow:0 8px 20px rgba(0,0,0,.12)}.btn-gold:hover{background:#000;transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.btn-gold.full{width:100%;margin-top:auto;padding:.85rem 1rem}
/* floor overview */
.floor-overview{background:var(--soft)}.overview-slider{position:relative;max-width:64rem;margin:auto;padding-inline:clamp(2rem,4vw,4rem)}.overview-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:2px;box-shadow:0 20px 45px rgba(0,0,0,.2);background:#111}.overview-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:.8s ease}.overview-slide.active{opacity:1;transform:scale(1)}.overview-slide img{width:100%;height:100%;object-fit:cover}.overview-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:64px;height:192px;border:0;background:var(--gold);display:grid;place-items:center;color:#000;box-shadow:0 8px 20px rgba(0,0,0,.2);transition:.25s}.overview-arrow:hover{background:var(--gold-dark)}.overview-arrow.left{left:0}.overview-arrow.right{right:0}.overview-arrow .icon{width:22px;height:22px}.overview-arrow.left:hover .icon{transform:translateX(-4px)}.overview-arrow.right:hover .icon{transform:translateX(4px)}
/* floor gallery */
.floor-gallery{background:#fff}.plan-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,2vw,1.5rem);margin-bottom:4rem}.plan-tab{border:0;border-radius:2px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.8rem 1rem;transition:.45s;min-height:66px}.plan-tab strong{font-family:var(--serif);font-size:2.5rem;color:var(--gold);line-height:1}.plan-tab span{display:flex;flex-direction:column;text-align:left;align-items:flex-start}.plan-tab b{font-family:var(--oswald);font-size:.85rem;letter-spacing:.2em}.plan-tab small{font-size:.72rem;color:#a8a8a8;margin-top:.15rem}.plan-tab.active{background:var(--gold);color:#111;transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(211,175,55,.5)}.plan-tab.active strong,.plan-tab.active small{color:#222}.plan-shell{display:grid;grid-template-columns:2fr 1fr;gap:3rem;background:#f9f9f9;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #eee;min-height:500px;box-shadow:0 3px 15px rgba(0,0,0,.04)}.plan-image-area{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:420px}.plan-image-area>img{max-height:500px;width:100%;height:100%;object-fit:contain;transition:.35s ease}.plan-image-area.changing>img{opacity:0;transform:translateX(25px) scale(.96)}.round-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:var(--gold);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.16);transition:.3s}.round-arrow:hover{background:#000}.round-arrow.left{left:1rem}.round-arrow.right{right:1rem}.plan-dots{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.plan-dots button{border:0;width:6px;height:6px;padding:0;border-radius:99px;background:#ccc;transition:.25s}.plan-dots button.active{width:16px;background:var(--gold)}.plan-details{padding:.5rem 0;display:flex;flex-direction:column}.plan-details h3{font-family:var(--serif);font-size:2.1rem;margin:0 0 1rem;color:#222}.plan-details>p{color:#666;line-height:1.65;margin:0 0 2rem}.plan-details h4{font-family:var(--oswald);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#999;margin:0 0 1rem}.variations{display:grid;gap:.75rem;margin-bottom:2rem}.variations div{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem;border-left:4px solid var(--gold);box-shadow:0 3px 10px rgba(0,0,0,.04)}.variations b{font-size:.9rem}.variations strong{font-family:var(--serif);font-size:1.4rem;color:var(--gold)}
/* highlights */
.highlights-section{background-color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg width='60' height='104' viewBox='0 0 60 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23262626' stroke-width='1.5'%3E%3Cpath d='M60 26L30 43 0 26V-9l30-17L60-9zM60 95L30 112 0 95V61l30-18 30 18z'/%3E%3C/g%3E%3C/svg%3E")}.highlights-section .section-head h2{color:#fff}.highlights-section .section-head p{color:var(--gold);font-size:1.25rem;letter-spacing:.02em}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem)}.highlight-card{position:relative;overflow:hidden;background:#222;border:1px solid #333;padding:2.5rem 1.5rem;text-align:center;color:#fff;transition:.45s;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center}.highlight-card>span{position:absolute;right:-.2rem;top:-1rem;font-family:var(--serif);font-size:5.5rem;font-weight:700;color:#2d2d2d;opacity:.3;transition:.6s}.highlight-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.5s}.amenity-icon{position:relative;z-index:1;width:68px;height:68px;border-radius:50%;background:#1a1a1a;display:grid;place-items:center;transition:.45s}.amenity-icon .icon{width:36px;height:36px;color:var(--gold);stroke-width:1.5}.highlight-card h3{position:relative;z-index:1;font-family:var(--serif);font-size:1.3rem;letter-spacing:.02em;margin:1rem 0 .5rem}.highlight-card p{position:relative;z-index:1;color:#aaa;font-size:.9rem;line-height:1.6;margin:0}.highlight-card:hover{transform:translateY(-15px);background:var(--gold);border-color:var(--gold);color:#000}.highlight-card:hover>span{color:rgba(0,0,0,.05);transform:scale(1.25)}.highlight-card:hover .amenity-icon{background:rgba(255,255,255,.2)}.highlight-card:hover .amenity-icon .icon{color:#000;transform:scale(1.1)}.highlight-card:hover p{color:rgba(0,0,0,.75)}.highlight-card:hover:after{transform:scaleX(1);background:rgba(0,0,0,.3)}
/* photo gallery */
.photo-gallery{background:#fff;overflow:hidden}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem)}.photo-card{border:0;padding:0;background:#111;position:relative;aspect-ratio:1;overflow:hidden;border-radius:2px;box-shadow:0 14px 30px rgba(0,0,0,.16)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:1s}.photo-card>span{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;color:#fff;transition:.5s;backdrop-filter:blur(2px)}.photo-card:hover img{transform:scale(1.1)}.photo-card:hover>span{opacity:1}.max-circle{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin-bottom:1rem;color:var(--gold)}.max-circle .icon{width:24px;height:24px}.photo-card b{font-family:var(--serif);font-size:1.55rem;font-weight:500}.photo-card em{height:1px;width:32px;background:var(--gold);margin:.75rem}.photo-card small{font-family:var(--oswald);font-weight:700;color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.62rem}
/* developer */
.developer-section{position:relative;background:#0a0a0a;color:#fff;overflow:hidden;text-align:center}.developer-bg{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1600607686527-6fb886090705?q=80&w=2000&auto=format&fit=crop") center/cover fixed;filter:grayscale(1);opacity:.4}.developer-overlay{position:absolute;inset:0;background:linear-gradient(#0a0a0a,rgba(10,10,10,.6),#0a0a0a)}.developer-inner{position:relative;z-index:1;max-width:48rem;margin:auto;padding-inline:1.5rem}.developer-inner h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.25rem);margin:0 0 2rem}.nidaam-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;animation:float 4s ease-in-out infinite}.nidaam-logo svg{width:80px;height:80px;margin-bottom:1rem}.nidaam-logo b{font-family:var(--serif);font-size:1.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.nidaam-logo span{font-family:var(--oswald);font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:#888;margin-top:.5rem}.developer-inner p{font-size:1.12rem;line-height:1.75;color:#ccc;margin:0 0 1rem}@keyframes float{50%{transform:translateY(-10px)}}
/* map */
.map-section{position:relative;background:#F4F4F5;overflow:hidden}.diagonal-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 80px,rgba(0,0,0,.02) 80px,rgba(0,0,0,.02) 160px)}.map-container{position:relative;z-index:1;max-width:1000px;margin:auto;padding-inline:1rem}.location-box{display:grid;grid-template-columns:38% 62%;min-height:400px;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.15);overflow:hidden}.nearby{padding:2rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #eee}.nearby h3{position:relative;font-family:var(--serif);font-size:1.25rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;padding-bottom:1rem;margin:0 0 1.5rem}.nearby h3:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:var(--gold)}.map-frame{min-height:400px;background:#ddd;position:relative}.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* panorama */
.panorama-section{background:#fff;overflow:hidden}.panorama-head{text-align:center;margin-bottom:3rem}.panorama-head h2{font-family:var(--serif);font-size:clamp(2rem,3vw,2.7rem);color:#222;margin:0;font-weight:700}.panorama-head sup{font-size:.65em}
/* contact */
.contact-section{background:#e4e4e7;scroll-margin-top:6rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-info h2{font-family:var(--serif);font-size:clamp(2.8rem,4.5vw,4rem);margin:0 0 1.5rem;color:#18181b;line-height:1;text-transform:uppercase}.contact-info>p{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:30rem;line-height:1.7;color:#3f3f46;opacity:.82;margin:0 0 2rem}.contact-list{display:grid;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1.5rem}.contact-item>i{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid #d4d4d8;box-shadow:0 8px 20px rgba(0,0,0,.12);display:grid;place-items:center;color:var(--gold);flex:0 0 auto;transition:.45s}.contact-item:hover>i{background:var(--gold);color:#000;transform:scale(1.1) rotate(5deg)}.contact-item h4{font-family:var(--serif);font-size:1.25rem;margin:0 0 .5rem;color:#18181b}.contact-item a,.contact-item span{display:block;font-size:1.1rem;color:#4a4a52;line-height:1.55}.contact-item a:hover{color:var(--gold)}.contact-form-card{background:var(--gold);padding:clamp(2rem,4vw,2.6rem);border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.18)}.contact-form-card h3{font-family:var(--serif);font-size:1.6rem;margin:0 0 1.5rem;color:#000}.contact-form-card form{display:grid;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-form-card label,.brochure-modal label{font-family:var(--oswald);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.78)}.contact-form-card input,.contact-form-card textarea,.brochure-modal input,.brochure-modal textarea{display:block;width:100%;margin-top:.5rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;padding:.85rem 1rem;color:#000;outline:none;resize:vertical}.contact-form-card input:focus,.contact-form-card textarea:focus{box-shadow:0 0 0 2px #000}.contact-form-card form>button{border:0;background:#000;color:#fff;font-family:var(--oswald);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;padding:1rem;transition:.3s}.contact-form-card form>button:hover{background:#27272a}.form-note{font-size:.8rem;color:#111;min-height:1rem;text-align:center}
/* newsletter */

/* footer */
.site-footer{background:#000;border-top:12px solid var(--gold);color:#fff}.footer-inner{padding-block:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.footer-mark{width:96px;height:96px;filter:drop-shadow(0 0 15px rgba(211,175,55,.4))}.footer-inner h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0;font-weight:700}.footer-inner h2 span{color:#fff}.footer-inner p{color:#9ca3af;line-height:1.7;margin:0;max-width:36rem}.footer-inner p b{display:block;color:var(--gold);font-family:var(--oswald);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-top:.4rem}.footer-line{width:min(100%,28rem);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-top:.75rem}.copyright{font-family:var(--oswald);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#52525b;white-space:nowrap}.copyright strong{color:#fff}
/* modal */
.brochure-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:1rem}.brochure-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);animation:fade .25s}.modal-card{position:relative;width:min(100%,448px);max-height:90vh;overflow:auto;background:#fff;border-top:4px solid var(--gold);box-shadow:0 20px 60px rgba(0,0,0,.4);padding:2rem;animation:modalIn .38s cubic-bezier(.22,1,.36,1)}.modal-close{position:absolute;right:1rem;top:1rem;border:0;background:transparent;color:#888;padding:.3rem}.modal-close .icon{width:24px;height:24px}.modal-head{text-align:center;margin-bottom:1.5rem}.modal-head h2{font-family:var(--serif);font-size:1.7rem;text-transform:uppercase;letter-spacing:.12em;margin:0;color:#111}.modal-head i{display:block;width:64px;height:4px;background:var(--gold);margin:.75rem auto}.modal-head p{font-size:.9rem;color:#777;margin:0}.brochure-modal form{display:grid;gap:1rem}.brochure-modal label{font-size:.63rem;color:#777;letter-spacing:.13em}.brochure-modal input,.brochure-modal textarea{border-radius:2px;border-color:#ccc}.brochure-modal input:focus,.brochure-modal textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.modal-submit{margin-top:.25rem;border:0;background:#111;color:#fff;font-family:var(--oswald);text-transform:uppercase;letter-spacing:.2em;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.7rem;transition:.3s}.modal-submit:hover{background:var(--gold)}.brochure-modal small{font-style:italic;color:#aaa;text-align:center;font-size:.6rem}.modal-submit.loading{opacity:.7;pointer-events:none}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
/* lightbox */
.lightbox{position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center;padding:2rem}.lightbox.open{display:flex}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:2;border:0;background:transparent;color:rgba(255,255,255,.75);transition:.25s}.lightbox-close{right:1.5rem;top:1.5rem}.lightbox-close .icon{width:40px;height:40px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.05);display:grid;place-items:center}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-prev:hover,.lightbox-next:hover{color:var(--gold);background:rgba(255,255,255,.1)}.lightbox-prev .icon,.lightbox-next .icon{width:40px;height:40px}.lightbox-content{max-width:1150px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lightbox-content img{max-width:100%;max-height:76vh;object-fit:contain;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.6)}.lightbox-content h3{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);color:#fff;margin:1.5rem 0 .3rem}.lightbox-content p{font-family:var(--oswald);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0}.lightbox-counter{position:absolute;bottom:1.5rem;color:rgba(255,255,255,.5);font-family:var(--oswald);letter-spacing:.14em;font-size:.8rem}
/* responsive */
@media(min-width:768px){.hero{height:110vh}}
@media(max-width:1200px){.features-grid{grid-template-columns:repeat(3,1fr)}.feature-card{border-bottom:1px solid rgba(0,0,0,.06)}.highlights-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desktop-nav{display:none}.brand{margin:auto}.menu-toggle{display:block;position:absolute;right:clamp(1rem,6vw,3rem)}.mobile-menu{display:block;position:fixed;inset:0;background:#fff;z-index:80;padding:8rem 2rem 2rem;transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 40px rgba(0,0,0,.25)}.mobile-menu.open{transform:translateX(0)}.mobile-close{position:absolute;top:2rem;right:2rem;border:0;background:transparent}.mobile-close .icon{width:32px;height:32px}.mobile-menu nav{display:flex;flex-direction:column;gap:1.25rem}.mobile-menu nav a{font-family:var(--oswald);font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;padding-bottom:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;transition:.3s}.mobile-menu nav a:hover{color:var(--gold);font-weight:700}.mobile-menu .find-home{justify-content:center;background:#000;color:#fff;padding:1.1rem;margin-top:1rem;border:0;font-size:.9rem;font-weight:700}.mobile-menu .find-home:hover{background:var(--gold);color:#fff}.about-grid{grid-template-columns:1fr}.about-media{max-width:700px;width:100%;margin:auto}.about-copy{padding:2rem 0 0}.plan-shell{grid-template-columns:1fr}.plan-image-area{min-height:360px}.contact-grid{grid-template-columns:1fr}.location-box{grid-template-columns:1fr}.nearby{border-right:0;border-bottom:1px solid #eee}.top-location{display:none}}
@media(max-width:700px){.container{padding-inline:1rem}.topbar{height:auto;min-height:48px;padding:.6rem 0}.topbar-inner{justify-content:center}.top-phones{font-size:.61rem;gap:.4rem}.hero{min-height:650px;height:100svh}.hero-content{padding-top:8rem}.hero-eyebrow{font-size:.58rem;letter-spacing:.35em;gap:.7rem}.hero-eyebrow i{width:1.4rem}.hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-copy p{white-space:normal;font-size:1rem;padding-inline:.3rem}.hero-dots{bottom:2rem}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card{padding:2rem 1rem;border-right:1px solid rgba(0,0,0,.06)}.feature-card h3{font-size:1rem}.feature-card p{font-size:.86rem}.feature-icon-wrap{width:56px;height:56px}.feature-icon-wrap img{width:40px;height:40px}.dot-pattern,.gold-rail,.home-badge{display:none}.section{padding:4rem 0}.section-head{margin-bottom:3rem}.overview-slider{padding-inline:2rem}.overview-stage{aspect-ratio:4/3}.overview-arrow{width:32px;height:96px}.plan-tabs{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:3rem}.plan-tab{padding:.75rem .5rem;gap:.6rem}.plan-tab strong{font-size:2rem}.plan-tab b{font-size:.7rem;letter-spacing:.1em}.plan-tab small{font-size:.62rem}.plan-shell{padding:1rem;gap:2rem}.plan-image-area{min-height:300px}.round-arrow.left{left:.5rem}.round-arrow.right{right:.5rem}.highlights-grid,.photo-grid{grid-template-columns:1fr}.highlight-card{min-height:220px}.developer-bg{background-attachment:scroll}.map-container{padding-inline:1rem}.nearby{padding:1.5rem}.form-row{grid-template-columns:1fr}.footer-inner p span,.copyright{white-space:normal}.footer-mark{width:80px;height:80px}.lightbox{padding:1rem}.lightbox-prev,.lightbox-next{width:44px;height:44px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-prev .icon,.lightbox-next .icon{width:28px;height:28px}.lightbox-content img{max-height:70vh}}
@media(max-width:380px){.top-phones{font-size:.55rem}.top-phones .icon{display:none}.feature-card{padding-inline:.8rem}.feature-num{right:.8rem}.hero-copy h1{font-size:2.55rem}.btn-outline-gold{padding:1rem 1.1rem}.plan-tab strong{font-size:1.75rem}}


/* =========================================================
   MAYLAN PREMIUM REFINEMENT — requested 2026-08-21
   Isolated overrides: About / Residences / Amenities / Form /
   Social contact strip / Footer. Existing structure preserved.
   ========================================================= */
.section-ghost-word{position:absolute;z-index:0;left:50%;top:clamp(1.2rem,2.8vw,2.8rem);transform:translateX(-50%);width:calc(100% - 2rem);max-width:1800px;text-align:center;white-space:nowrap;overflow:hidden;pointer-events:none;user-select:none;font-family:var(--serif);font-weight:600;line-height:.82;letter-spacing:-.045em;font-size:clamp(3.15rem,13.6vw,13rem);animation:ghostDrift 9s ease-in-out infinite alternate}.about-section>.container,.floor-overview>.container,.highlights-section>.container{position:relative;z-index:1}.ghost-about{color:transparent;-webkit-text-stroke:1px rgba(174,142,37,.18);text-shadow:0 0 1px rgba(174,142,37,.04)}@keyframes ghostDrift{0%{transform:translateX(-50%) translate3d(-.6%,0,0);opacity:.82}50%{opacity:1}100%{transform:translateX(-50%) translate3d(.6%,0,0);opacity:.88}}

/* About Us — background word sits behind the existing content without adding section height */
.about-section{isolation:isolate}.about-pattern{opacity:.025}.about-copy{z-index:2}.about-copy .section-kicker{position:relative;margin-top:.25rem}.about-copy .section-kicker:before,.floor-overview .section-kicker:before,.highlights-section .section-kicker:before{content:"";display:inline-block;width:1.55rem;height:1px;background:var(--gold);vertical-align:middle;margin-right:.75rem;transform:translateY(-1px)}

/* Residences / floor plan overview */
.floor-overview{position:relative;overflow:hidden;isolation:isolate;background:#e9eaec}.floor-overview .section-head{position:relative;z-index:2;max-width:74rem;margin-bottom:3.35rem}.floor-overview .section-head h2{font-size:clamp(2.45rem,4vw,3.8rem);line-height:1.02;margin-bottom:1.55rem}.floor-overview .section-head p{max-width:71rem;margin-inline:auto;color:#62646a}.overview-slider{max-width:76rem}.overview-stage{aspect-ratio:16/9;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:0;box-shadow:0 22px 50px rgba(26,26,26,.13)}.overview-slide{background:#fff;transform:translateX(1.25%) scale(.995);transition:opacity .62s ease,transform .85s cubic-bezier(.22,1,.36,1)}.overview-slide.active{transform:none}.overview-slide img{object-fit:contain;background:#fff}.overview-arrow{height:clamp(110px,14vw,170px);width:clamp(44px,4.5vw,58px);background:rgba(184,150,45,.96);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.16)}.overview-arrow:hover{background:#0b0b0b}.overview-counter{position:absolute;z-index:4;left:1.15rem;top:1rem;display:flex;align-items:center;gap:.45rem;padding:.55rem .75rem;background:rgba(9,9,9,.86);color:#fff;font-family:var(--oswald);font-size:.72rem;letter-spacing:.18em;line-height:1;backdrop-filter:blur(6px)}.overview-counter #overviewCurrent{color:var(--gold);font-weight:700}.overview-counter em{font-style:normal;opacity:.45}

/* A–D design gallery — allow the full live-site image sets to remain usable on all screens */
.plan-image-area{background:#fff}.plan-image-area>img{background:#fff}.plan-dots{max-width:82%;justify-content:center;flex-wrap:wrap;gap:.32rem;bottom:.65rem}.plan-dots button{width:5px;height:5px;background:#bfc0c3}.plan-dots button.active{width:15px}.plan-tab small{white-space:nowrap}.variations strong{white-space:nowrap}

/* Amenities — subtle gold background typography */
.highlights-section{position:relative;overflow:hidden;isolation:isolate}.highlights-section .section-head{position:relative;z-index:2}.highlights-section .section-head h2{font-size:clamp(2.4rem,4vw,3.6rem)}

/* Contact form — square, premium, white typography and white CTA */
.contact-form-card{border-radius:0;background:linear-gradient(145deg,#c6a438 0%,#aa8722 100%);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 55px rgba(0,0,0,.17)}.contact-form-card h3{color:#fff;font-size:clamp(1.7rem,2.4vw,2.1rem)}.contact-form-card label{color:#fff}.contact-form-card input,.contact-form-card textarea{border-radius:0;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.96);color:#111;box-shadow:none}.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:#777}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:#111;box-shadow:0 0 0 1px #111}.contact-form-card form>button{background:#fff;color:#111;border:1px solid #fff;border-radius:0;min-height:50px}.contact-form-card form>button:hover{background:#050505;color:#fff;border-color:#050505}.contact-form-card .form-note{color:#fff}

/* Newsletter replacement — direct social/contact actions */
.social-connect{position:relative;background:#e9edf1;border-top:1px solid rgba(0,0,0,.06);padding:clamp(2.6rem,5vw,4.25rem) 0}.social-connect-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.8rem,2vw,2.2rem);max-width:1080px}.social-action{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.72rem;min-width:0;text-align:center}.social-action-icon{width:clamp(58px,6vw,74px);height:clamp(58px,6vw,74px);border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 9px 18px rgba(0,0,0,.17);transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.social-action-icon .icon{width:42%;height:42%;stroke-width:2}.social-action b{font-family:var(--oswald);font-size:.78rem;letter-spacing:.02em;color:#080808}.social-action:hover .social-action-icon{transform:translateY(-5px) scale(1.04);box-shadow:0 15px 28px rgba(0,0,0,.20)}.social-call .social-action-icon{background:#1479f8}.social-instagram .social-action-icon{background:linear-gradient(135deg,#6d38d9,#e93d82 52%,#f2a12e)}.social-facebook .social-action-icon{background:#1877f2}.social-tiktok .social-action-icon{background:#101010}.social-whatsapp .social-action-icon{background:#20cf69}.social-email .social-action-icon{background:#e29a19}

/* Footer — compact black composition with oversized MAYLAN PARK typography */
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#060606;border-top:1px solid rgba(211,175,55,.5);color:#fff;min-height:245px}.footer-ghost{position:absolute;z-index:0;left:50%;bottom:-.08em;transform:translateX(-50%);width:calc(100% - 2rem);text-align:center;white-space:nowrap;overflow:hidden;font-family:var(--oswald);font-weight:700;line-height:.72;letter-spacing:-.055em;font-size:clamp(5rem,18vw,17rem);color:#101010;pointer-events:none;user-select:none;animation:footerGhost 11s ease-in-out infinite alternate}.footer-inner{position:relative;z-index:2;min-height:245px;padding-block:2.15rem 1.65rem;justify-content:flex-start;gap:1rem}.footer-line{width:min(100%,76rem);margin-top:1.25rem;background:rgba(255,255,255,.1)}.copyright{position:relative;color:#67676b;letter-spacing:.13em;font-size:.64rem}.copyright strong{color:#c7a739}.footer-mark,.footer-inner>h2{display:none!important}@keyframes footerGhost{0%{transform:translateX(-50%) scale(1);opacity:.9}100%{transform:translateX(-50%) scale(1.015);opacity:1}}

@media(max-width:900px){.section-ghost-word{font-size:clamp(3rem,13.2vw,7.2rem);top:1.45rem}.social-connect-inner{grid-template-columns:repeat(3,1fr);max-width:620px}.overview-slider{padding-inline:2.35rem}.overview-arrow{width:42px}.footer-ghost{font-size:clamp(5rem,18vw,10rem)}}
@media(max-width:700px){.section-ghost-word{width:calc(100% - 2rem);font-size:13.1vw;letter-spacing:-.055em;top:1.25rem}.about-copy{padding-top:1.35rem}.floor-overview .section-head{margin-bottom:2.5rem}.floor-overview .section-head h2{font-size:clamp(2.15rem,10vw,3rem)}.overview-slider{padding-inline:1.2rem}.overview-stage{aspect-ratio:1.36/1}.overview-arrow{height:84px;width:34px}.overview-arrow.left{left:.05rem}.overview-arrow.right{right:.05rem}.overview-counter{left:.55rem;top:.55rem;font-size:.61rem;padding:.45rem .58rem}.plan-image-area{min-height:260px}.plan-image-area>img{max-height:360px}.plan-dots{max-width:76%;bottom:.45rem;gap:.24rem}.social-connect{padding:2.5rem 0}.social-connect-inner{padding-inline:1rem;gap:1.65rem .75rem}.social-action-icon{width:60px;height:60px}.social-action b{font-size:.7rem}.site-footer{min-height:205px}.footer-inner{min-height:205px;padding:1.75rem 1rem 1.35rem}.footer-line{margin-top:.9rem}.footer-ghost{width:calc(100% - 1.5rem);font-size:17.2vw;bottom:.02em}.copyright{font-size:.57rem;white-space:normal}.contact-form-card{padding:1.65rem 1.2rem}}
@media(max-width:380px){.social-connect-inner{gap:1.4rem .4rem}.social-action-icon{width:55px;height:55px}.social-action b{font-size:.66rem}.overview-stage{aspect-ratio:1.25/1}.section-ghost-word{font-size:12.9vw}}



/* === Aug 21 refinement pass === */
.social-connect{background:#fff!important;border-top:1px solid rgba(0,0,0,.06)}
.social-connect-inner{align-items:start}
.social-action{appearance:none;border:0;background:transparent;padding:0;font:inherit}
.social-action-icon{width:clamp(72px,6vw,84px)!important;height:clamp(72px,6vw,84px)!important;box-shadow:0 14px 28px rgba(17,17,17,.14)!important}
.social-action-icon .icon{width:50%!important;height:50%!important;stroke-width:2.05!important}
.social-action b{font-size:clamp(.78rem,1.15vw,.95rem)!important;letter-spacing:.015em!important}
.social-action:hover .social-action-icon,.social-action:focus-visible .social-action-icon{transform:translateY(-6px) scale(1.05)!important;box-shadow:0 18px 36px rgba(17,17,17,.20)!important}
.social-action:focus-visible{outline:none}

.contact-form-card form>button{background:#050505!important;color:#fff!important;border-color:#050505!important}
.contact-form-card form>button:hover{background:#222!important;color:#fff!important;border-color:#222!important}

.about-section,.floor-overview,.highlights-section{position:relative;overflow:hidden;isolation:isolate}
.about-grid,.floor-overview .container,.highlights-section .container{position:relative;z-index:1}
.section-ghost-word{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.055em!important;line-height:.82!important;text-transform:uppercase;pointer-events:none}
.ghost-about{color:transparent!important;-webkit-text-stroke:1.2px rgba(120,120,120,.16)!important;text-shadow:none!important;opacity:.98}
.ghost-about{top:.55rem!important;left:58%!important;width:calc(100% - 1rem)!important;font-size:clamp(4.8rem,12.4vw,12rem)!important}


.about-copy{padding-top:2.4rem!important}
.floor-overview .section-head,.highlights-section .section-head{position:relative;z-index:1;padding-top:2.35rem}
.about-copy .section-kicker,.floor-overview .section-kicker,.highlights-section .section-kicker{position:relative;z-index:2}
.about-copy h2,.floor-overview .section-head h2,.highlights-section .section-head h2{position:relative;z-index:2}

.floor-gallery{background:linear-gradient(180deg,#ffffff 0%,#f5f5f5 100%)!important}
.plan-shell{background:#070707!important;border-radius:0!important;box-shadow:0 26px 70px rgba(0,0,0,.12)!important;overflow:hidden}
.plan-image-area{background:#0c0c0c!important;border-radius:0!important;aspect-ratio:1.05/1;display:grid;place-items:center;cursor:zoom-in;position:relative;overflow:hidden}
.plan-image-area>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:clamp(.9rem,2vw,1.2rem);background:#0c0c0c!important}
.plan-image-area::after,.overview-stage::after{content:"Tap to view / zoom";position:absolute;right:.8rem;bottom:.8rem;padding:.42rem .68rem;background:rgba(0,0,0,.58);color:#fff;font-family:var(--oswald);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;z-index:2}
.plan-details{background:#070707;color:#fff!important;padding:clamp(1.35rem,2vw,2rem)!important}
.plan-details h3,.plan-details h4{color:#fff!important}
.plan-details p,.plan-details b{color:rgba(255,255,255,.76)!important}
.variations div{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.09)!important}
.variations strong{color:#fff!important}
.overview-stage{cursor:zoom-in}
.overview-slide img{width:100%;height:100%;object-fit:contain}

.site-footer{min-height:280px!important}
.footer-inner{min-height:280px!important;gap:1.05rem!important;align-items:flex-start}







.lightbox{padding:1.5rem!important}
.lightbox-toolbar{position:absolute;top:1.2rem;left:1.2rem;z-index:3;display:flex;align-items:center;gap:.55rem}
.lightbox-tool,.lightbox-download{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;min-width:44px;height:44px;padding:0 .95rem;display:grid;place-items:center;font-family:var(--oswald);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;transition:.25s}
.lightbox-tool:hover,.lightbox-download:hover{background:#fff;color:#111}
.lightbox-download{display:inline-flex}
.lightbox-image-wrap{max-width:min(1180px,90vw);max-height:75vh;overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:grab}
.lightbox-image-wrap.zoomed{cursor:move}
.lightbox-image-wrap.dragging{cursor:grabbing}
.lightbox-content img{transition:transform .12s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.lightbox-content h3{margin-top:1rem!important}
.lightbox-counter{bottom:1rem!important}

.floating-actions{position:fixed;right:clamp(.8rem,2.8vw,1.5rem);bottom:max(1rem,env(safe-area-inset-bottom));z-index:95;display:flex;flex-direction:column;gap:.75rem}
.floating-bubble{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 16px 28px rgba(0,0,0,.18);transition:transform .28s ease,box-shadow .28s ease;border:0}
.floating-bubble .icon{width:52%;height:52%;stroke-width:2}
.floating-bubble:hover,.floating-bubble:focus-visible{transform:translateY(-3px) scale(1.04);box-shadow:0 22px 38px rgba(0,0,0,.22);outline:none}
.bubble-whatsapp{background:#20cf69}.bubble-call{background:#111}.bubble-email{background:#cf931f}

.call-selector{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:1.25rem}
.call-selector.open{display:flex}
.call-selector-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.call-selector-card{position:relative;z-index:1;width:min(460px,100%);background:#fff;padding:2rem 1.5rem 1.5rem;box-shadow:0 35px 65px rgba(0,0,0,.22)}
.call-selector-close{position:absolute;top:.8rem;right:.8rem;background:#111;color:#fff;border:0;width:40px;height:40px;display:grid;place-items:center}
.call-selector-head h3{margin:.2rem 0 .5rem;font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.2rem);color:#111}
.call-selector-head p{margin:0 0 1rem;color:#666;line-height:1.7}
.call-selector-list{display:grid;gap:.8rem}
.call-selector-list a{display:flex;align-items:center;justify-content:center;min-height:56px;background:#111;color:#fff;font-family:var(--oswald);font-size:1rem;letter-spacing:.18em;text-transform:uppercase}
.call-selector-list a:hover{background:#c7a739;color:#111}

@media(max-width:900px){
  .ghost-about{left:60%!important;font-size:clamp(4rem,13.6vw,9rem)!important}
  
  
}
@media(max-width:700px){
  .social-connect{padding:2.3rem 0!important}
  .social-connect-inner{grid-template-columns:repeat(3,1fr)!important;max-width:520px!important}
  .social-action-icon{width:68px!important;height:68px!important}
  .social-action b{font-size:.8rem!important}
  .ghost-about{top:.6rem!important;left:59%!important;width:calc(100% - .8rem)!important;font-size:15.4vw!important}
  
  .floor-overview .section-head,.highlights-section .section-head{padding-top:1.75rem}
  .about-copy{padding-top:1.55rem!important}
  .plan-shell{padding:0!important}
  .plan-image-area{aspect-ratio:1/1}
  .plan-image-area>img{padding:.65rem}
  .plan-image-area::after,.overview-stage::after{font-size:.55rem;padding:.36rem .54rem;right:.5rem;bottom:.5rem}
  .footer-inner{min-height:230px!important;padding:1.55rem 1rem 1.25rem!important}
  
  
  
  .lightbox-toolbar{left:.85rem;top:.85rem;gap:.42rem}
  .lightbox-tool,.lightbox-download{height:40px;min-width:40px;padding:0 .75rem;font-size:.58rem}
  .lightbox-image-wrap{max-width:92vw;max-height:67vh}
  .floating-actions{right:.8rem;bottom:calc(1rem + env(safe-area-inset-bottom))}
  .floating-bubble{width:52px;height:52px}
}
@media(max-width:380px){
  .social-action-icon{width:62px!important;height:62px!important}
  .social-action b{font-size:.72rem!important}
  .ghost-about{font-size:14.7vw!important}
}



/* === Aug 21 fix pass 2 === */
.section-ghost-word{animation:none!important;font-family:var(--oswald)!important;font-weight:500!important;letter-spacing:.04em!important;line-height:.85!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important}
.ghost-about{color:transparent!important;-webkit-text-stroke:1.2px rgba(170,170,170,.18)!important;text-shadow:none!important;opacity:1!important}
.ghost-about{top:.55rem!important;left:auto!important;right:.35rem!important;transform:none!important;width:min(74%,980px)!important;text-align:center!important;font-size:clamp(4.8rem,10.8vw,10.6rem)!important}



.about-copy,.floor-overview .section-head,.highlights-section .section-head{position:relative;z-index:1}
.about-copy{padding-top:1.1rem!important}
.floor-overview .section-head,.highlights-section .section-head{padding-top:1.35rem!important}

.floor-gallery{background:#060606!important;color:#fff!important}
.floor-gallery .section-kicker,.floor-gallery .plan-tabs button{color:#fff!important}
.floor-gallery .section-kicker:before{background:var(--gold)!important}

.plan-shell{background:#0a0a0a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important}
.plan-image-area{background:#e8e5de!important;border-radius:0!important;min-height:520px!important;cursor:zoom-in!important}
.plan-image-area>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:0!important;background:#e8e5de!important}
.plan-image-area::after{content:none!important}
.plan-details{background:#090909!important;color:#fff!important;display:flex;flex-direction:column;justify-content:center}
.plan-details h3,.plan-details h4,.variations strong{color:#fff!important}
.plan-details p,.variations b{color:rgba(255,255,255,.74)!important}



.lightbox-content h3,.lightbox-content p,.lightbox-counter{display:none!important}
.lightbox-image-wrap{overflow:hidden!important;cursor:grab!important}
.lightbox-image-wrap.zoomed,.lightbox-image-wrap.dragging{cursor:grabbing!important}
.lightbox-content img{pointer-events:auto!important;user-select:none!important;-webkit-user-drag:none!important}

.site-footer{min-height:275px!important}
.footer-inner{align-items:center!important;text-align:center!important;justify-content:flex-start!important;gap:1rem!important;padding:1.8rem 1rem 1.25rem!important}








.footer-line{width:min(100%,76rem)!important}

@media(max-width:900px){
  .ghost-about{width:min(78%,780px)!important;font-size:clamp(4rem,12.8vw,8.4rem)!important}
  
  .plan-shell{grid-template-columns:1fr!important}
  .plan-image-area{min-height:430px!important}
}
@media(max-width:700px){
  .ghost-about{top:.55rem!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 1rem)!important;font-size:15vw!important}
  
  .about-copy{padding-top:1rem!important}
  .floor-overview .section-head,.highlights-section .section-head{padding-top:1.15rem!important}
  .plan-image-area{min-height:290px!important}
  
  
  
  
  
}


/* === Aug 21 exact correction pass === */
/* Residences/Amenities decorative words removed in HTML; do not recreate them. */


/* About Us: MAYLAN PARK belongs only to the right text column, behind its kicker/title. */
.about-copy{position:relative!important;isolation:isolate!important;padding-top:2rem!important;overflow:visible!important}
.about-copy>.ghost-about{
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  top:-.55rem!important;
  left:-.2rem!important;
  right:auto!important;
  transform:none!important;
  width:calc(100% + .4rem)!important;
  max-width:none!important;
  overflow:hidden!important;
  text-align:left!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  user-select:none!important;
  animation:none!important;
  font-family:var(--oswald)!important;
  font-weight:300!important;
  font-size:clamp(4.2rem,8.4vw,8.6rem)!important;
  line-height:.86!important;
  letter-spacing:.01em!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(110,110,110,.13)!important;
  text-shadow:none!important;
  opacity:1!important;
}
.about-copy>.section-kicker,.about-copy>h2,.about-copy>p,.about-copy>.btn-gold{position:relative!important;z-index:1!important}

/* Gallery section itself stays light/original. Only the details panel is black, as in the reference. */
.floor-gallery{background:#fff!important;color:#111!important}
.floor-gallery .section-head h2{color:#222!important}
.floor-gallery .section-head p{color:#666!important}
.floor-gallery .section-kicker{color:var(--gold)!important}
.plan-tabs{margin-bottom:3rem!important}
.plan-shell{
  display:grid!important;
  grid-template-columns:minmax(0,2.25fr) minmax(300px,.95fr)!important;
  gap:0!important;
  min-height:500px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #e6e3dc!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(0,0,0,.08)!important;
}
.plan-image-area{
  position:relative!important;
  min-height:500px!important;
  aspect-ratio:auto!important;
  background:#f7f5f0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  cursor:zoom-in!important;
}
.plan-image-area>img{
  width:100%!important;
  height:100%!important;
  min-height:500px!important;
  max-height:none!important;
  object-fit:contain!important;
  padding:0!important;
  background:#f7f5f0!important;
}
.plan-image-area::after{content:none!important}
.plan-details{
  background:#080808!important;
  color:#fff!important;
  padding:clamp(2rem,3.1vw,3rem)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.plan-details h3{font-family:var(--serif)!important;font-size:clamp(2.35rem,3.5vw,3.5rem)!important;line-height:1!important;color:#fff!important;margin:0 0 1.4rem!important}
.plan-details h4{font-family:var(--oswald)!important;font-size:.72rem!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--gold)!important;margin:1.5rem 0 .8rem!important}
.plan-details p{color:rgba(255,255,255,.78)!important;line-height:1.72!important;margin:0!important}
.variations{border-top:1px solid rgba(255,255,255,.14)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;margin-bottom:1rem!important}
.variations div{background:transparent!important;border-color:rgba(255,255,255,.12)!important}
.variations b{color:#fff!important;font-family:var(--oswald)!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.variations strong{color:var(--gold)!important;font-family:var(--serif)!important;font-weight:500!important}
.plan-details .btn-gold.full{margin-top:1.25rem!important;border-radius:0!important;background:var(--gold)!important;color:#111!important}
.plan-details .btn-gold.full:hover{background:#fff!important;color:#111!important}
.round-arrow{background:#222!important;color:#fff!important}
.round-arrow:hover{background:var(--gold)!important;color:#111!important}
.plan-dots button{background:#bbb!important}.plan-dots button.active{background:var(--gold)!important}

/* Social/contact strip title requested above the icons. */
.social-connect{background:#fff!important;padding:clamp(3.2rem,5vw,4.5rem) 0!important}
.social-connect-heading{text-align:center!important;margin-bottom:2.1rem!important}
.social-connect-heading .section-kicker{margin-bottom:.7rem!important}
.social-connect-heading h2{font-family:var(--serif)!important;font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1.05!important;color:#111!important;margin:0!important}

/* Footer restored to the original centered composition; only original socials are removed. */
.site-footer{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#000!important;
  border-top:12px solid var(--gold)!important;
  color:#fff!important;
  min-height:auto!important;
}
.footer-ghost{
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  bottom:-.08em!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 2rem)!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-family:var(--oswald)!important;
  font-weight:700!important;
  line-height:.72!important;
  letter-spacing:-.045em!important;
  font-size:clamp(5rem,18vw,17rem)!important;
  color:#0d0d0d!important;
  opacity:1!important;
  animation:none!important;
  pointer-events:none!important;
  user-select:none!important;
}
.footer-inner{
  position:relative!important;
  z-index:2!important;
  min-height:0!important;
  padding-block:2.5rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:1rem!important;
}
.footer-mark{display:block!important;width:96px!important;height:96px!important;filter:drop-shadow(0 0 15px rgba(211,175,55,.4))!important}
.footer-inner>h2{display:block!important;font-family:var(--serif)!important;font-size:clamp(2rem,4vw,3rem)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--gold)!important;margin:0!important;font-weight:700!important}
.footer-inner>h2 span{color:#fff!important}
.footer-inner>p{color:#9ca3af!important;line-height:1.7!important;margin:0!important;max-width:36rem!important;text-align:center!important}
.footer-inner>p b{display:block!important;color:var(--gold)!important;font-family:var(--oswald)!important;font-size:.72rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-top:.4rem!important}

.footer-line{width:min(100%,28rem)!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important;margin-top:.75rem!important}
.copyright{font-family:var(--oswald)!important;font-size:.68rem!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#52525b!important;white-space:nowrap!important}
.copyright strong{color:#fff!important}


@media(max-width:900px){
  .about-copy>.ghost-about{font-size:clamp(4rem,13vw,7.4rem)!important;top:-.35rem!important}
  .plan-shell{grid-template-columns:1fr!important}
  .plan-image-area,.plan-image-area>img{min-height:420px!important}
  .plan-details{padding:2rem!important}
}
@media(max-width:700px){
  .about-copy{padding-top:1.75rem!important}
  .about-copy>.ghost-about{top:.15rem!important;left:0!important;width:100%!important;font-size:13.8vw!important;letter-spacing:.005em!important}
  .plan-image-area,.plan-image-area>img{min-height:300px!important}
  .plan-details{padding:1.6rem 1.25rem!important}
  .plan-details h3{font-size:2.35rem!important}
  .social-connect-heading{margin-bottom:1.7rem!important;padding-inline:1rem!important}
  .footer-inner{padding:2.1rem 1rem 1.8rem!important}
  .footer-mark{width:82px!important;height:82px!important}
  .footer-ghost{width:calc(100% - 1rem)!important;font-size:17vw!important}
  .copyright{font-size:.58rem!important;white-space:normal!important}
}


/* === Aug 21 precision refinement: gallery spacing, unified typography, developer frame, mobile photo grid === */
:root{
  --body:"Oswald",sans-serif!important;
  --serif:"Oswald",sans-serif!important;
  --oswald:"Oswald",sans-serif!important;
}
html,body,button,input,textarea,select{font-family:var(--body)!important}
body{font-size:16px;line-height:1.6}
h1,h2,h3,h4,h5,h6,.section-head h2,.about-copy h2,.map-section h2,.social-connect-heading h2,.plan-details h3,.developer-inner h3,.footer-inner>h2{
  font-family:var(--body)!important;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.section-kicker,.plan-tab b,.plan-tab small,.variations b,.social-action b,.copyright,.nidaam-logo span{
  font-family:var(--body)!important;
}
.section{padding:clamp(3.5rem,4.8vw,4.8rem) 0!important}
.section-head{margin-bottom:clamp(2.15rem,3.5vw,3.15rem)!important}
.section-head.compact{margin-bottom:clamp(2rem,3vw,2.7rem)!important}
.section-head h2,.about-copy h2,.map-section h2,.social-connect-heading h2{
  font-size:clamp(2rem,3.25vw,3.25rem)!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
.section-head p,.about-copy p,.map-section .section-head p,.developer-inner p,.contact-info p{
  font-size:clamp(1rem,1.18vw,1.08rem)!important;
  line-height:1.68!important;
}

/* Floor-gallery transition: white around the A-D selectors, then a soft grey approach into the image/detail box. */
.floor-gallery{
  position:relative!important;
  background:linear-gradient(180deg,#fff 0%,#fff 43%,#f7f7f5 61%,#ececea 100%)!important;
  color:#111!important;
}
.floor-gallery>.container{position:relative;z-index:1}
.plan-tabs{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.7rem 1rem!important;
  max-width:960px!important;
  margin:0 auto clamp(1.8rem,2.8vw,2.5rem)!important;
}
.plan-tab{
  min-height:58px!important;
  padding:.68rem 1rem!important;
  border-radius:0!important;
}
.plan-tab strong{font-size:clamp(2rem,2.5vw,2.45rem)!important}
.plan-tab b{font-size:.82rem!important;letter-spacing:.13em!important}
.plan-tab small{font-size:.76rem!important;line-height:1.2!important}
.plan-shell{
  min-height:430px!important;
  background:#efefed!important;
  border-color:#deddd8!important;
}
.plan-image-area,
.plan-image-area>img{
  min-height:430px!important;
  height:430px!important;
  background:#ecebe7!important;
}
.plan-image-area>img{object-fit:contain!important}
.plan-details{min-height:430px!important;padding:clamp(1.7rem,2.6vw,2.4rem)!important}
.plan-details h3{font-size:clamp(2rem,3vw,2.85rem)!important;line-height:1.02!important}
.plan-details p{font-size:1rem!important;line-height:1.62!important}

/* Gold square architectural frame around the developer content. */
.developer-section{padding:clamp(3.7rem,5vw,5rem) 0!important}
.developer-inner{
  position:relative!important;
  max-width:54rem!important;
  padding:clamp(2.25rem,4vw,3.5rem) clamp(1.35rem,4vw,3.25rem)!important;
  border:1px solid rgba(211,175,55,.68)!important;
  background:rgba(4,4,4,.42)!important;
  box-shadow:inset 0 0 0 7px rgba(211,175,55,.035),0 26px 65px rgba(0,0,0,.22)!important;
}
.developer-inner::before,
.developer-inner::after{
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  pointer-events:none;
}
.developer-inner::before{
  top:-1px;left:-1px;
  border-top:3px solid var(--gold);
  border-left:3px solid var(--gold);
}
.developer-inner::after{
  right:-1px;bottom:-1px;
  border-right:3px solid var(--gold);
  border-bottom:3px solid var(--gold);
}
.developer-inner h3{font-size:clamp(1.9rem,2.7vw,2.5rem)!important;line-height:1.08!important;margin-bottom:1.55rem!important}
.nidaam-logo{margin-bottom:1.5rem!important}
.nidaam-logo b{font-family:var(--body)!important;font-size:1.65rem!important;letter-spacing:.1em!important}

/* Amenities-following image gallery: clean photography only, no text overlays. */
.photo-gallery{background:#fff!important}
.photo-grid{gap:clamp(.7rem,1.5vw,1.15rem)!important}
.photo-card{
  border-radius:0!important;
  box-shadow:none!important;
  background:#eee!important;
  cursor:zoom-in!important;
}
.photo-card>span{display:none!important}
.photo-card img{transition:transform .55s ease!important}
.photo-card:hover img{transform:scale(1.035)!important}

/* Keep connective/social section spacing consistent with the rest of the page. */
.social-connect{padding:clamp(3.4rem,4.8vw,4.7rem) 0!important}
.social-connect-heading{margin-bottom:clamp(1.6rem,2.8vw,2.15rem)!important}

@media(max-width:900px){
  .section{padding:clamp(3.25rem,5.5vw,4.2rem) 0!important}
  .plan-tabs{max-width:760px!important}
  .plan-shell{min-height:0!important}
  .plan-image-area,.plan-image-area>img{min-height:360px!important;height:360px!important}
  .plan-details{min-height:0!important}
  .developer-inner{max-width:calc(100% - 2rem)!important}
}
@media(max-width:700px){
  body{font-size:16px!important}
  .section{padding:3.25rem 0!important}
  .section-head{margin-bottom:2.25rem!important}
  .section-head h2,.about-copy h2,.map-section h2,.social-connect-heading h2{
    font-size:clamp(1.9rem,8.8vw,2.55rem)!important;
    line-height:1.08!important;
  }
  .plan-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.6rem!important;
    margin-bottom:1.6rem!important;
  }
  .plan-tab{min-height:56px!important;padding:.58rem .55rem!important;gap:.55rem!important}
  .plan-tab strong{font-size:1.9rem!important}
  .plan-tab b{font-size:.72rem!important;letter-spacing:.09em!important}
  .plan-tab small{font-size:.67rem!important}
  .plan-image-area,.plan-image-area>img{min-height:260px!important;height:260px!important}
  .plan-details{padding:1.4rem 1.15rem!important}
  .plan-details h3{font-size:2rem!important}
  .developer-section{padding:3.25rem 0!important}
  .developer-inner{max-width:calc(100% - 2rem)!important;padding:2.15rem 1.15rem!important}
  .developer-inner::before,.developer-inner::after{width:38px;height:38px}
  .developer-inner h3{font-size:2rem!important}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}
  .photo-card{aspect-ratio:1/1!important}
  .photo-card img{width:100%!important;height:100%!important;object-fit:cover!important}
}
@media(max-width:380px){
  .plan-tab strong{font-size:1.72rem!important}
  .plan-tab b{font-size:.67rem!important}
  .plan-tab small{font-size:.62rem!important}
  .photo-grid{gap:.5rem!important}
}


/* === V12 precision pass: Oswald, header visibility, desktop gallery alternation, premium motion === */
:root{
  --body:"Oswald",sans-serif!important;
  --serif:"Oswald",sans-serif!important;
  --oswald:"Oswald",sans-serif!important;
}
html,body,button,input,textarea,select,a,h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label{
  font-family:"Oswald",sans-serif!important;
}

/* Header: clearer contacts in a slightly slimmer premium top strip. */
.topbar{height:34px!important;min-height:34px!important;padding:0!important;background:#050505!important}
.topbar-inner{height:34px!important}
.top-phones,.top-location{font-size:.78rem!important;letter-spacing:.115em!important;font-weight:500!important;line-height:1!important}
.top-phones .icon,.top-location .icon{width:15px!important;height:15px!important}
.main-nav{height:62px!important}

.mobile-book-viewing{display:none}
.hero-copy p{text-transform:uppercase!important;font-weight:400!important;letter-spacing:.075em!important}

/* Desktop gallery: restore the A-D selectors to one single row. */
@media(min-width:901px){
  .plan-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:none!important;
    width:100%!important;
    gap:1rem!important;
    margin:0 auto 1.75rem!important;
  }
  .plan-tab{min-height:64px!important;padding:.65rem .95rem!important}
  .plan-shell{
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr)!important;
    min-height:390px!important;
    height:390px!important;
    gap:0!important;
    background:#ecece9!important;
    overflow:hidden!important;
  }
  .plan-image-area,.plan-image-area>img{
    min-height:390px!important;
    height:390px!important;
  }
  .plan-image-area{order:1!important;position:relative!important;padding-top:38px!important;background:#ecece9!important}
  .plan-image-area>img{height:352px!important;min-height:352px!important;background:#f4f3ef!important;object-fit:contain!important}
  .plan-details{order:2!important;min-height:390px!important;height:390px!important;padding:1.45rem 2rem!important;overflow:auto!important}
  .plan-details h3{font-size:2.25rem!important;margin-bottom:.85rem!important}
  .plan-details h4{margin:1rem 0 .55rem!important}
  .plan-details p{font-size:.94rem!important;line-height:1.52!important}
  .plan-details .btn-gold.full{margin-top:.8rem!important;padding:.78rem 1rem!important}
  .plan-shell.layout-reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1.65fr)!important}
  .plan-shell.layout-reverse .plan-details{order:1!important}
  .plan-shell.layout-reverse .plan-image-area{order:2!important}
  .plan-view-hint{
    position:absolute;z-index:5;left:0;right:0;top:0;height:38px;
    display:flex;align-items:center;justify-content:center;gap:.72rem;
    color:#575757;background:#e5e5e2;border-bottom:1px solid rgba(0,0,0,.055);
    font-size:.67rem;letter-spacing:.18em;font-weight:500;text-transform:uppercase;
  }
  .plan-view-hint i{width:18px;height:1px;background:var(--gold);display:block}
  .plan-image-area:hover .plan-view-hint{color:#111;background:#e0d7b9}
}

/* Mobile/tablet header: logo left, Book Viewing CTA, menu right. Gallery layout below 900px is deliberately unchanged. */
@media(max-width:900px){
  .topbar{height:36px!important;min-height:36px!important}
  .topbar-inner{height:36px!important;justify-content:center!important}
  .top-phones{font-size:.74rem!important;gap:.55rem!important;letter-spacing:.1em!important}
  .top-location{display:none!important}
  .main-nav{height:64px!important}
  .nav-inner{padding-inline:1rem!important;display:grid!important;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center!important}
  .brand{grid-column:1!important;margin:0!important;justify-self:start!important;align-items:center!important;gap:.08rem!important}
  .brand-mark{width:40px!important;height:40px!important}
  .brand span{font-size:.54rem!important;letter-spacing:.18em!important}
  .mobile-book-viewing{
    grid-column:2!important;display:inline-flex!important;justify-self:end!important;align-items:center!important;gap:.65rem!important;
    height:36px;padding:.25rem .28rem .25rem 1rem;background:#050505;color:#fff!important;border:1px solid #050505;border-radius:999px;
    font-size:.7rem!important;font-weight:600!important;letter-spacing:.105em!important;line-height:1!important;white-space:nowrap;
    box-shadow:0 8px 20px rgba(0,0,0,.12);transition:transform .28s ease,background .28s ease,color .28s ease;
  }
  .mobile-book-viewing i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#050505;font-style:normal;font-size:1.05rem;line-height:1}
  .mobile-book-viewing:active{transform:scale(.97)}
  .menu-toggle{grid-column:3!important;display:grid!important;position:static!important;justify-self:end!important;place-items:center!important;padding:.4rem!important}
  .menu-toggle .icon{width:25px!important;height:25px!important}
  
  
  
  
  .plan-view-hint{display:none!important}
}
@media(max-width:430px){
  .top-phones{font-size:.69rem!important;gap:.42rem!important;letter-spacing:.075em!important}
  .top-phones .icon{width:13px!important;height:13px!important}
  .nav-inner{grid-template-columns:auto 1fr auto!important;gap:.42rem!important}
  .brand-mark{width:37px!important;height:37px!important}
  .brand span{font-size:.49rem!important;letter-spacing:.14em!important}
  .mobile-book-viewing{height:34px!important;padding-left:.75rem!important;gap:.5rem!important;font-size:.64rem!important;letter-spacing:.08em!important}
  .mobile-book-viewing i{width:25px!important;height:25px!important}
  .menu-toggle{padding:.25rem!important}
  .menu-toggle .icon{width:23px!important;height:23px!important}
}
@media(max-width:360px){
  .brand span{display:none!important}
  .mobile-book-viewing{font-size:.61rem!important;padding-left:.65rem!important}
}

/* Premium motion layer: expressive but transform/opacity based for smooth desktop and mobile rendering. */
@media(prefers-reduced-motion:no-preference){
  .reveal,.reveal-left,.reveal-right{
    transition:opacity .82s ease,transform .95s cubic-bezier(.16,1,.3,1),filter .8s ease!important;
    filter:blur(2px);
  }
  .reveal{transform:translateY(34px) scale(.988)!important}
  .reveal-left{transform:translateX(-42px) scale(.992)!important}
  .reveal-right{transform:translateX(42px) scale(.992)!important}
  .reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{transform:none!important;filter:blur(0)!important}
  .feature-card,.highlight-card,.photo-card,.plan-tab,.social-action-icon,.developer-inner{
    transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .35s ease!important;
  }
  .feature-card:hover,.highlight-card:hover{transform:translateY(-7px)!important}
  .photo-card:hover{transform:translateY(-5px)!important}
  .plan-tab:hover{transform:translateY(-3px)!important;box-shadow:0 14px 28px rgba(0,0,0,.10)!important}
  .developer-inner:hover{transform:translateY(-5px)!important;box-shadow:inset 0 0 0 7px rgba(211,175,55,.04),0 34px 80px rgba(0,0,0,.30)!important}
  .plan-shell .plan-image-area,.plan-shell .plan-details{transition:opacity .38s ease,transform .5s cubic-bezier(.16,1,.3,1)!important}
  .section-kicker{transition:letter-spacing .45s ease,color .35s ease!important}
  .reveal.is-visible .section-kicker,.reveal-left.is-visible .section-kicker,.reveal-right.is-visible .section-kicker{letter-spacing:.23em!important}
}


/* === V13 refinement pass: non-sticky header, cleaner gallery, amenities and location === */

:root{
  --body:"Oswald",sans-serif!important;
  --serif:"Oswald",sans-serif!important;
  --oswald:"Oswald",sans-serif!important;
}
html,body,button,input,textarea,select,a,h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label{font-family:"Oswald",sans-serif!important}
body{font-size:16px;line-height:1.62}

/* non-sticky header */
.site-header{position:relative!important;inset:auto!important}
.hero{margin-top:0!important}



.topbar{height:35px!important;min-height:35px!important;background:#050505!important}
.topbar-inner{height:35px!important}
.top-phones,.top-location{font-size:.76rem!important;letter-spacing:.11em!important;font-weight:500!important}
.main-nav{height:62px!important}

/* responsive typography sizing */
.section-head h2,.about-copy h2,.map-section h2,.social-connect-heading h2,.plan-details h3,.developer-inner h3,.contact-section h2{
  font-size:clamp(1.95rem,3.25vw,3.1rem)!important;
  line-height:1.08!important;
  letter-spacing:.015em!important;
}
.hero-copy h1{font-size:clamp(2.9rem,5.8vw,5.8rem)!important;line-height:.96!important;letter-spacing:.02em!important}
.hero-copy p,.section-head p,.about-copy p,.map-section .section-head p,.developer-inner p,.contact-info p,.plan-details p{font-size:clamp(.98rem,1.2vw,1.08rem)!important;line-height:1.68!important}

/* gallery viewer hint */
.plan-view-hint{position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:0!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e4e4e1!important;border-bottom:1px solid rgba(0,0,0,.06)!important;color:#5d5d5d!important;font-size:.66rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:500!important;padding:0 .75rem!important}
.plan-view-hint-mobile{display:none!important}
.plan-view-hint-desktop{display:block!important;text-align:center!important}

/* cleaner gallery shell with no scrollbars */
.floor-gallery{background:linear-gradient(180deg,#fff 0%,#fff 43%,#f7f7f5 61%,#ececea 100%)!important}
@media(min-width:901px){
  .plan-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;margin:0 auto 1.55rem!important;max-width:none!important}
  .plan-tab{min-height:62px!important;padding:.68rem .9rem!important}
  .plan-tab strong{font-size:2.35rem!important}
  .plan-tab small{font-size:.75rem!important}
  .plan-shell{grid-template-columns:minmax(0,1.62fr) minmax(315px,.78fr)!important;min-height:378px!important;height:auto!important;gap:0!important;background:#ecece9!important;border-color:#d9d7d1!important;overflow:hidden!important;align-items:stretch!important}
  .plan-shell.layout-reverse{grid-template-columns:minmax(315px,.78fr) minmax(0,1.62fr)!important}
  .plan-image-area{order:1!important;min-height:378px!important;height:378px!important;background:#ebeae6!important;padding-top:34px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
  .plan-image-area>img{height:344px!important;min-height:344px!important;max-height:344px!important;width:100%!important;object-fit:contain!important;background:#f4f3ef!important}
  .plan-details{order:2!important;min-height:378px!important;height:auto!important;padding:1.25rem 1.55rem!important;overflow:hidden!important;background:#0a0a0a!important}
  .plan-details h3{font-size:2.05rem!important;margin:0 0 .65rem!important;color:#fff!important}
  .plan-details>p{font-size:.92rem!important;line-height:1.55!important;margin:0 0 1.2rem!important;color:rgba(255,255,255,.78)!important}
  .plan-details h4{margin:0 0 .7rem!important;font-size:.66rem!important;letter-spacing:.18em!important;color:#fff!important}
  .variations{gap:.55rem!important;margin-bottom:1rem!important}
  .variations div{padding:.7rem .8rem!important}
  .variations b{font-size:.76rem!important;color:rgba(255,255,255,.66)!important}
  .variations strong{font-size:1rem!important;color:#fff!important}
  .plan-details .btn-gold.full{margin-top:auto!important;padding:.78rem 1rem!important}
}
@media(max-width:900px){
  .topbar{height:36px!important;min-height:36px!important}
  .topbar-inner{height:36px!important;justify-content:center!important}
  .top-phones{font-size:.73rem!important;gap:.55rem!important;letter-spacing:.095em!important}
  .top-location{display:none!important}
  .main-nav{height:64px!important}
  .nav-inner{grid-template-columns:auto 1fr auto!important;gap:.5rem!important}
  .brand{grid-column:1!important;justify-self:start!important;margin:0!important}
  .brand-mark{width:38px!important;height:38px!important}
  .brand span{font-size:.5rem!important;letter-spacing:.16em!important}
  .mobile-book-viewing{display:inline-flex!important;grid-column:2!important;justify-self:end!important;height:34px!important;padding:.25rem .28rem .25rem .8rem!important;gap:.5rem!important;background:#050505!important;color:#fff!important;border-radius:999px!important;font-size:.63rem!important;letter-spacing:.08em!important;border:1px solid #050505!important}
  .mobile-book-viewing i{width:25px!important;height:25px!important;border-radius:50%!important;background:#fff!important;color:#050505!important;display:grid!important;place-items:center!important}
  .menu-toggle{display:grid!important;grid-column:3!important;justify-self:end!important}
  .plan-view-hint{height:32px!important;font-size:.6rem!important;letter-spacing:.13em!important;padding:0 .45rem!important}
  .plan-view-hint-desktop{display:none!important}
  .plan-view-hint-mobile{display:block!important;text-align:center!important}
  .plan-image-area{padding-top:32px!important}
}
@media(max-width:430px){
  .top-phones{font-size:.68rem!important;letter-spacing:.06em!important;gap:.42rem!important}
  .brand span{display:none!important}
}

/* amenities: stronger icons + white frame on hover */
.highlights-grid{gap:clamp(.9rem,1.7vw,1.5rem)!important}
.highlight-card{background:#1d1d1f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.highlight-card::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,0);transition:.35s ease;pointer-events:none}
.amenity-icon{width:72px!important;height:72px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.amenity-icon .icon{width:34px!important;height:34px!important;color:var(--gold)!important;stroke-width:1.7!important}
.highlight-card h3{font-size:1.18rem!important;line-height:1.2!important;color:#fff!important}
.highlight-card p{font-size:.92rem!important;color:#b7b7bb!important}
.highlight-card:hover{background:var(--gold)!important;border-color:var(--gold)!important;transform:translateY(-10px)!important}
.highlight-card:hover::before{border-color:rgba(255,255,255,.82)!important}
.highlight-card:hover .amenity-icon{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.75)!important}
.highlight-card:hover .amenity-icon .icon{color:#111!important;transform:scale(1.08)!important}
.highlight-card:hover h3{color:#111!important}
.highlight-card:hover p{color:rgba(17,17,17,.82)!important}

/* developer section: full image outside, dark card inside */
.developer-bg{filter:none!important;opacity:1!important;background:url("https://images.unsplash.com/photo-1600607686527-6fb886090705?q=80&w=2000&auto=format&fit=crop") center/cover no-repeat fixed!important}
.developer-overlay{background:linear-gradient(180deg,rgba(10,10,10,.22),rgba(10,10,10,.1),rgba(10,10,10,.22))!important}
.developer-inner{background:rgba(7,7,8,.72)!important;border:1px solid rgba(211,175,55,.62)!important;box-shadow:inset 0 0 0 7px rgba(211,175,55,.035),0 26px 65px rgba(0,0,0,.26)!important}
.developer-inner p{color:#dfdfdf!important}

/* location section creative nearby list */
.map-container{max-width:1140px!important}
.location-box{grid-template-columns:minmax(350px,.98fr) minmax(0,1.22fr)!important;min-height:420px!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 18px 48px rgba(0,0,0,.10)!important}
.nearby{padding:2.1rem 1.6rem!important;background:linear-gradient(180deg,#0f0f10 0%,#171719 100%)!important;border-right:0!important;color:#fff!important}
.nearby-top h3{font-size:1.55rem!important;color:#fff!important;margin:0 0 .8rem!important;padding-bottom:0!important}
.nearby-top h3:after{display:none!important}
.nearby-top p{color:rgba(255,255,255,.72)!important;font-size:.96rem!important;line-height:1.62!important;margin:0 0 1.2rem!important}
.nearby-grid{display:grid;grid-template-columns:1fr;gap:.85rem!important}
.nearby-spot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:.9rem .9rem .9rem .85rem;transition:.3s ease}
.nearby-spot i{width:44px;height:44px;display:grid;place-items:center;background:rgba(211,175,55,.16);color:var(--gold);border-radius:14px;flex:0 0 auto}
.nearby-spot i .icon{width:22px;height:22px;stroke-width:1.7}
.nearby-spot div{min-width:0}
.nearby-spot b{display:block;font-size:.95rem;line-height:1.25;color:#fff;margin-bottom:.18rem;font-weight:500}
.nearby-spot span{display:block;font-size:.84rem;line-height:1.42;color:rgba(255,255,255,.66)}
.nearby-spot em{font-style:normal;white-space:nowrap;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#111;background:#fff;padding:.38rem .55rem}
.nearby-spot:hover{transform:translateY(-3px);background:rgba(211,175,55,.12);border-color:rgba(211,175,55,.35)}
.map-frame{min-height:420px!important}
@media(max-width:900px){
  .location-box{grid-template-columns:1fr!important}
  .nearby{padding:1.5rem 1rem!important}
  .nearby-grid{gap:.7rem!important}
}
@media(max-width:520px){
  .nearby-spot{grid-template-columns:auto 1fr!important}
  .nearby-spot em{grid-column:2!important;justify-self:start!important;margin-top:.1rem}
}


/* === V14 precision pass: dual-font hierarchy, gallery height, hero/footer balance === */
:root{
  --body:"Roboto Condensed",Arial,sans-serif!important;
  --serif:"Oswald",Arial,sans-serif!important;
  --oswald:"Oswald",Arial,sans-serif!important;
  --reading:"Roboto Condensed",Arial,sans-serif!important;
}

/* Two-font system: Oswald for architectural display/UI; Roboto Condensed for reading copy. */
html,body,p,li,input,textarea,select,option,.section-head p,.about-copy p,.plan-details>p,.developer-inner p,.contact-info p,.nearby-spot span,.footer-inner>p,.form-note{
  font-family:var(--reading)!important;
}
h1,h2,h3,h4,h5,h6,
.site-header,.desktop-nav,.mobile-menu,.brand,.mobile-book-viewing,
.section-kicker,.hero-eyebrow,.btn-outline-gold,.btn-gold,
.plan-tab,.plan-details h3,.plan-details h4,.variations b,.variations strong,
.highlight-card h3,.amenity-icon,.nearby-spot b,.nearby-spot em,
.social-action b,.social-connect-heading h2,.contact-item h4,
.contact-form-card h3,.contact-form-card label,.contact-form-card button,
.footer-inner>h2,.copyright,.call-selector,.lightbox-toolbar{
  font-family:var(--oswald)!important;
}
body{font-size:16px!important;line-height:1.62!important;font-weight:400!important}

/* Consistent readable scale without unnecessary wrapping. */
.section-head h2,.about-copy h2,.map-section h2,.social-connect-heading h2,.contact-section h2{
  font-size:clamp(2.05rem,3.25vw,3.2rem)!important;
  line-height:1.06!important;
  font-weight:600!important;
  letter-spacing:.015em!important;
  text-wrap:balance;
}
.section-head p,.about-copy p,.map-section .section-head p,.developer-inner p,.contact-info p{
  font-size:clamp(1rem,1.12vw,1.08rem)!important;
  line-height:1.68!important;
  font-weight:400!important;
}

/* Hero copy: visually centered but lifted so the space above is not excessive. */
.hero{height:calc(100svh - 97px)!important;min-height:620px!important}
.hero-content{
  padding-top:0!important;
  transform:translateY(-clamp(1.5rem,4vh,3.5rem))!important;
}
.hero-copy{max-width:76rem!important}
.hero-copy h1{
  font-family:var(--oswald)!important;
  font-size:clamp(3rem,5.9vw,5.65rem)!important;
  line-height:.98!important;
  font-weight:600!important;
  margin:.9rem 0 .9rem!important;
}
.hero-copy p{
  font-family:var(--reading)!important;
  font-size:clamp(.98rem,1.32vw,1.18rem)!important;
  line-height:1.55!important;
  font-weight:500!important;
  letter-spacing:.055em!important;
  max-width:64rem!important;
  white-space:normal!important;
  margin:0 auto 1.8rem!important;
}

/* About Us ghost word: same strong modern Oswald character as footer, slightly higher and clearer. */
.about-copy{position:relative!important;isolation:isolate!important;padding-top:1.75rem!important}
.about-copy>.ghost-about{
  top:-1.15rem!important;
  left:-.1rem!important;
  width:calc(100% + .2rem)!important;
  font-family:var(--oswald)!important;
  font-weight:700!important;
  font-size:clamp(4.35rem,8.5vw,8.9rem)!important;
  line-height:.82!important;
  letter-spacing:-.035em!important;
  color:rgba(0,0,0,.018)!important;
  -webkit-text-stroke:1px rgba(78,78,78,.13)!important;
  opacity:1!important;
  animation:none!important;
}

/* Gallery intro: width/rhythm now matches the floor-plan explanatory section. */
.floor-gallery .section-head.narrow{max-width:74rem!important}
.floor-gallery .section-head p{max-width:71rem!important;margin-inline:auto!important;text-align:center!important}

/* Gallery shell: make imagery comfortably larger again, but keep panel compact and scrollbar-free. */
@media(min-width:901px){
  .plan-tabs{margin-bottom:1.7rem!important}
  .plan-shell{
    grid-template-columns:minmax(0,1.62fr) minmax(330px,.80fr)!important;
    min-height:510px!important;
    height:510px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  .plan-shell.layout-reverse{grid-template-columns:minmax(330px,.80fr) minmax(0,1.62fr)!important}
  .plan-image-area{
    min-height:510px!important;
    height:510px!important;
    padding-top:36px!important;
    overflow:hidden!important;
  }
  .plan-image-area>img{
    min-height:474px!important;
    height:474px!important;
    max-height:474px!important;
    object-fit:contain!important;
  }
  .plan-view-hint{height:36px!important}
  .plan-details{
    min-height:510px!important;
    height:510px!important;
    padding:1.55rem 1.8rem!important;
    overflow:hidden!important;
    justify-content:center!important;
  }
  .plan-details h3{font-size:2.25rem!important;line-height:1!important;margin:0 0 .85rem!important;font-weight:600!important}
  .plan-details>p{font-size:.98rem!important;line-height:1.58!important;margin:0 0 1.25rem!important}
  .plan-details h4{margin:.15rem 0 .7rem!important}
  .variations{gap:.6rem!important;margin-bottom:1rem!important}
  .variations div{padding:.72rem .9rem!important}
  .plan-details .btn-gold.full{margin-top:.85rem!important;padding:.8rem 1rem!important}
}

/* Footer: preserve original composition but reduce total height and gold separator thickness. */
.site-footer{border-top-width:6px!important}
.footer-inner{
  padding-block:1.65rem 1.35rem!important;
  gap:.62rem!important;
}
.footer-mark{width:74px!important;height:74px!important}
.footer-inner>h2{font-size:clamp(1.75rem,3.2vw,2.45rem)!important;line-height:1!important;margin:0!important}
.footer-inner>p{font-size:.92rem!important;line-height:1.5!important}
.footer-inner>p b{margin-top:.25rem!important}
.footer-line{margin-top:.35rem!important}
.footer-ghost{bottom:-.13em!important;font-size:clamp(4.5rem,16vw,14.5rem)!important}
.copyright{font-size:.62rem!important}

/* Connected Living: requested explanatory paragraph removed; keep the useful drive-time cards compact. */
.nearby-top{margin-bottom:1rem!important}
.nearby-top h3{margin-bottom:0!important}

/* Mobile/tablet tuning. */
@media(max-width:900px){
  .hero{height:calc(100svh - 100px)!important;min-height:580px!important}
  .hero-content{transform:translateY(-1.35rem)!important}
  .floor-gallery .section-head.narrow{max-width:48rem!important}
  .plan-image-area{min-height:390px!important;height:390px!important;padding-top:32px!important}
  .plan-image-area>img{min-height:358px!important;height:358px!important;max-height:358px!important}
  .plan-details{min-height:0!important;height:auto!important;overflow:hidden!important}
  .about-copy>.ghost-about{top:-.75rem!important;font-size:clamp(4.1rem,13vw,7.4rem)!important}
  .footer-inner{padding-block:1.5rem 1.25rem!important}
  .footer-mark{width:68px!important;height:68px!important}
}
@media(max-width:700px){
  .hero{height:calc(100svh - 100px)!important;min-height:560px!important}
  .hero-content{padding-inline:1rem!important;transform:translateY(-.85rem)!important}
  .hero-copy h1{font-size:clamp(2.65rem,12.2vw,4rem)!important}
  .hero-copy p{font-size:.95rem!important;line-height:1.5!important;letter-spacing:.035em!important;margin-bottom:1.4rem!important}
  .about-copy{padding-top:1.45rem!important}
  .about-copy>.ghost-about{top:-.4rem!important;left:0!important;width:100%!important;font-size:13.9vw!important;letter-spacing:-.03em!important}
  .floor-gallery .section-head p{text-align:left!important}
  .plan-image-area{min-height:340px!important;height:340px!important;padding-top:32px!important}
  .plan-image-area>img{min-height:308px!important;height:308px!important;max-height:308px!important}
  .plan-details{padding:1.55rem 1.2rem!important}
  .plan-details h3{font-size:2.15rem!important}
  .site-footer{border-top-width:5px!important}
  .footer-inner{padding:1.35rem 1rem 1.1rem!important;gap:.55rem!important}
  .footer-mark{width:62px!important;height:62px!important}
  .footer-inner>h2{font-size:1.85rem!important}
  .footer-inner>p{font-size:.88rem!important}
  .copyright{font-size:.56rem!important}
}


/* === V15 precision pass: uppercase titles, simple location list, compact contact/developer, uniform gutters === */
@font-face{
  font-family:"Oswald";
  src:url("../fonts/Oswald-VariableFont_wght.woff2") format("woff2");
  font-weight:200 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Roboto Condensed";
  src:url("../fonts/RobotoCondensed-VariableFont_wght.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Roboto Condensed";
  src:url("../fonts/RobotoCondensed-Italic-VariableFont_wght.woff2") format("woff2");
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
}

/* Uniform page gutters on phones, tablets, laptops and very wide screens. */
.container{
  width:min(1500px,calc(100% - clamp(2rem,8vw,10rem)))!important;
  padding-inline:0!important;
  margin-inline:auto!important;
}
.map-container{
  width:min(1160px,calc(100% - clamp(2rem,8vw,10rem)))!important;
  max-width:none!important;
  padding-inline:0!important;
  margin-inline:auto!important;
}

/* Titles/headlines: one consistent uppercase architectural language. */
h1,h2,h3,h4,
.section-head h2,.about-copy h2,.map-section h2,.social-connect-heading h2,
.plan-details h3,.plan-details h4,.developer-inner h3,.contact-info h2,.contact-form-card h3,
.highlight-card h3,.nearby-top h3,.contact-item h4{
  text-transform:uppercase!important;
}

/* Consistent vertical rhythm between normal sections. */
.section{padding:clamp(3.35rem,4.35vw,4.35rem) 0!important}
.section-head{margin-bottom:clamp(2rem,3vw,2.8rem)!important}
.section-head.compact{margin-bottom:clamp(1.8rem,2.6vw,2.4rem)!important}
.social-connect{padding:clamp(3.1rem,4vw,4rem) 0!important}

/* Location: simple premium listing, equal visual height with the map. */
.location-box{
  grid-template-columns:minmax(390px,.96fr) minmax(0,1.2fr)!important;
  min-height:500px!important;
  height:500px!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid rgba(0,0,0,.07)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.09)!important;
}
.nearby{
  height:500px!important;
  padding:1.65rem 1.5rem!important;
  background:#111214!important;
  color:#fff!important;
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.nearby-top{margin:0 0 .7rem!important}
.nearby-top .section-kicker{margin-bottom:.45rem!important}
.nearby-top h3{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.35rem,1.8vw,1.7rem)!important;
  line-height:1.1!important;
}
.nearby-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.nearby-spot{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.8rem!important;
  padding:.64rem 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  transition:padding .28s ease,background .28s ease!important;
}
.nearby-spot i{
  width:38px!important;
  height:38px!important;
  border-radius:0!important;
  background:rgba(211,175,55,.12)!important;
  border:1px solid rgba(211,175,55,.28)!important;
  color:var(--gold)!important;
  display:grid!important;
  place-items:center!important;
}
.nearby-spot i .icon{width:19px!important;height:19px!important;stroke-width:1.65!important}
.nearby-spot div{min-width:0!important}
.nearby-spot b{
  display:block!important;
  margin:0 0 .08rem!important;
  color:#fff!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
.nearby-spot span{
  display:block!important;
  color:rgba(255,255,255,.66)!important;
  font-size:.78rem!important;
  line-height:1.28!important;
}
.nearby-spot em{
  font-style:normal!important;
  white-space:nowrap!important;
  background:transparent!important;
  color:var(--gold)!important;
  padding:0!important;
  font-size:.7rem!important;
  font-weight:600!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.nearby-spot:hover{
  transform:none!important;
  background:rgba(255,255,255,.025)!important;
  padding-left:.35rem!important;
  padding-right:.35rem!important;
}
.map-frame{min-height:500px!important;height:500px!important}
.map-frame iframe{height:100%!important}

/* Compact developer composition while preserving the gold architectural frame. */
.developer-section{padding:clamp(2.8rem,3.6vw,3.6rem) 0!important}
.developer-inner{
  padding:clamp(1.65rem,2.6vw,2.25rem) clamp(1.35rem,3.3vw,2.8rem)!important;
}
.developer-inner .section-kicker{margin-bottom:.6rem!important}
.developer-inner h3{margin-bottom:1.05rem!important}
.nidaam-logo{margin-bottom:1rem!important}
.nidaam-logo svg{width:68px!important;height:68px!important;margin-bottom:.65rem!important}
.developer-inner p{margin-bottom:.6rem!important;line-height:1.58!important}
.developer-inner p:last-child{margin-bottom:0!important}

/* Contact form: shorter, cleaner, still easy to complete. */
.contact-grid{gap:clamp(2.4rem,4vw,4rem)!important;align-items:center!important}
.contact-form-card{
  padding:clamp(1.4rem,2.4vw,1.9rem)!important;
}
.contact-form-card h3{
  margin:0 0 .32rem!important;
  font-size:clamp(1.55rem,2.15vw,1.9rem)!important;
  line-height:1.05!important;
}
.contact-form-intro{
  margin:0 0 .9rem!important;
  color:rgba(255,255,255,.9)!important;
  font-family:var(--reading)!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.contact-form-card form{gap:.82rem!important}
.form-row{gap:.9rem!important}
.contact-form-card label{font-size:.72rem!important;letter-spacing:.07em!important}
.contact-form-card input,.contact-form-card textarea{
  margin-top:.3rem!important;
  padding:.68rem .8rem!important;
  min-height:42px!important;
}
.contact-form-card textarea{height:92px!important;min-height:92px!important;resize:vertical!important}
.contact-form-card form>button{min-height:44px!important;padding:.78rem 1rem!important}
.contact-form-card .form-note{min-height:.4rem!important;font-size:.74rem!important}
.contact-list{gap:1.15rem!important}
.contact-item{gap:1.1rem!important}
.contact-item>i{width:54px!important;height:54px!important}
.contact-item h4{margin-bottom:.28rem!important;font-size:1.08rem!important}
.contact-item a,.contact-item span{font-size:1rem!important;line-height:1.45!important}

/* Footer ghost word: move MAYLAN PARK slightly upward without changing the footer structure. */
.footer-ghost{bottom:-.015em!important}

@media(max-width:900px){
  .location-box{grid-template-columns:1fr!important;height:auto!important;min-height:0!important}
  .nearby{height:auto!important;padding:1.45rem 1.1rem!important}
  .map-frame{height:370px!important;min-height:370px!important}
  .developer-section{padding:2.8rem 0!important}
  .developer-inner{padding:1.7rem 1.25rem!important}
  .contact-form-intro{white-space:normal!important}
}
@media(max-width:700px){
  .container,.map-container{
    width:calc(100% - 2rem)!important;
  }
  .section{padding:3rem 0!important}
  .section-head{margin-bottom:2rem!important}
  .location-box{box-shadow:0 14px 30px rgba(0,0,0,.08)!important}
  .nearby{padding:1.25rem 1rem!important}
  .nearby-top{margin-bottom:.55rem!important}
  .nearby-top h3{font-size:1.4rem!important}
  .nearby-spot{grid-template-columns:38px minmax(0,1fr) auto!important;gap:.65rem!important;padding:.65rem 0!important}
  .nearby-spot i{width:34px!important;height:34px!important}
  .nearby-spot b{font-size:.86rem!important}
  .nearby-spot span{font-size:.75rem!important}
  .nearby-spot em{font-size:.64rem!important}
  .map-frame{height:320px!important;min-height:320px!important}
  .developer-section{padding:2.7rem 0!important}
  .developer-inner{padding:1.55rem 1rem!important}
  .nidaam-logo svg{width:60px!important;height:60px!important}
  .contact-grid{gap:2.2rem!important}
  .contact-form-card{padding:1.3rem 1.05rem!important}
  .contact-form-card h3{font-size:1.62rem!important}
  .contact-form-intro{font-size:.84rem!important;margin-bottom:.75rem!important}
  .contact-form-card form{gap:.72rem!important}
  .contact-form-card textarea{height:84px!important;min-height:84px!important}
  .footer-ghost{bottom:.015em!important}
}
@media(max-width:390px){
  .nearby-spot{grid-template-columns:34px minmax(0,1fr)!important}
  .nearby-spot em{grid-column:2!important;justify-self:start!important;margin-top:.1rem!important}
  .contact-form-intro{font-size:.8rem!important}
}


/* === V16 go-live polish: premium motion, readable copy, inset map/floor plan, mobile timing row === */

/* Slightly larger reading text without disturbing the compact architectural UI labels. */
.section-head p,.about-copy p,.floor-overview .section-head p,.floor-gallery .section-head p,
.plan-details>p,.developer-inner p,.map-section .section-head p,.contact-info p,
.contact-form-intro,.nearby-spot span,.footer-inner>p{
  font-size:clamp(1.02rem,1.25vw,1.13rem)!important;
  line-height:1.7!important;
}
.plan-details>p{font-size:clamp(1rem,1.12vw,1.06rem)!important;line-height:1.62!important}

/* Connected Living label: white on the black location panel. */
.nearby-top .section-kicker{color:#fff!important}
.nearby-top .section-kicker:before{background:var(--gold)!important}

/* Move only the location composition slightly inward; heading stays on the normal site grid. */
.location-box{
  width:calc(100% - clamp(1.5rem,3vw,2.6rem))!important;
  margin-inline:auto!important;
}
.nearby-spot i{
  background:linear-gradient(145deg,rgba(211,175,55,.22),rgba(211,175,55,.07))!important;
  border:1px solid rgba(211,175,55,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.nearby-spot:nth-child(1) i .icon{transform:scale(.96)}
.nearby-spot:nth-child(2) i .icon{transform:scale(1.03)}
.nearby-spot:nth-child(5) i{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(211,175,55,.12))!important}

/* Floor plans: bring only the actual image slider inward so it feels framed, not edge-heavy. */
.floor-overview .overview-slider{
  width:calc(100% - clamp(1rem,2.8vw,2.4rem))!important;
  max-width:73rem!important;
  margin-inline:auto!important;
  padding-inline:clamp(1.4rem,3vw,3rem)!important;
}

/* Footer credit is intentionally subtle but visible. Hidden crawler-only text is not used. */
.site-credit{
  position:relative;z-index:3;
  margin-top:-.18rem;
  font-family:var(--reading)!important;
  font-size:.58rem!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  color:rgba(255,255,255,.28)!important;
}
.site-credit a{color:rgba(211,175,55,.42)!important;transition:color .25s ease}
.site-credit a:hover{color:var(--gold)!important}

/* Premium motion system: energetic but GPU-friendly and layout-safe. */
@media(prefers-reduced-motion:no-preference){
  .hero-slide img{will-change:transform;transform:scale(1.025);transition:transform 7s cubic-bezier(.2,.65,.25,1)}
  .hero-slide.active img{animation:maylanHeroDrift 7.2s ease-out both}
  @keyframes maylanHeroDrift{
    0%{transform:scale(1.075) translate3d(-.45%,.2%,0)}
    100%{transform:scale(1.025) translate3d(.35%,-.15%,0)}
  }

  .motion-item{
    opacity:0;
    transform:translate3d(0,28px,0) scale(.985);
    filter:blur(1.8px);
    transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease;
    transition-delay:var(--motion-delay,0ms);
  }
  .motion-item.motion-visible{opacity:1;transform:none;filter:none}
  .heading-motion{position:relative;overflow:visible}
  .heading-motion::after{
    content:"";display:block;width:0;height:2px;margin:1.05rem auto 0;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    transition:width 1.1s cubic-bezier(.16,1,.3,1) .08s;
    opacity:.72;
  }
  .heading-motion.motion-visible::after{width:min(110px,30%)}
  .about-copy.heading-motion::after{margin-left:0}

  .section-kicker{position:relative}
  .section-kicker::before{transition:width .65s cubic-bezier(.16,1,.3,1),opacity .45s ease!important}
  .is-visible .section-kicker::before,.motion-visible .section-kicker::before{width:2.15rem!important}

  .btn-gold,.btn-outline-gold,.contact-form-card form>button,.mobile-book-viewing{
    position:relative;overflow:hidden;isolation:isolate;
  }
  .btn-gold::after,.btn-outline-gold::after,.contact-form-card form>button::after,.mobile-book-viewing::after{
    content:"";position:absolute;z-index:-1;top:-80%;left:-45%;width:34%;height:250%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    transform:rotate(18deg) translateX(-260%);transition:transform .85s cubic-bezier(.16,1,.3,1);
  }
  .btn-gold:hover::after,.btn-outline-gold:hover::after,.contact-form-card form>button:hover::after,.mobile-book-viewing:hover::after{transform:rotate(18deg) translateX(620%)}

  .feature-card:hover{transform:translateY(-9px) scale(1.012)!important;box-shadow:0 22px 44px rgba(0,0,0,.08)}
  .highlight-card:hover{transform:translateY(-11px) scale(1.012)!important;box-shadow:0 26px 55px rgba(0,0,0,.24)!important}
  .highlight-card:hover .amenity-icon{transform:translateY(-5px) rotate(-3deg) scale(1.07)}
  .highlight-card:hover .amenity-icon .icon{transform:rotate(3deg) scale(1.08)!important}

  .plan-tab{overflow:hidden;isolation:isolate}
  .plan-tab::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 61%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none}
  .plan-tab:hover::after,.plan-tab.active::after{transform:translateX(120%)}
  .plan-image-area>img{transition:opacity .35s ease,transform .62s cubic-bezier(.16,1,.3,1)!important}
  .plan-image-area:hover>img{transform:scale(1.018)}

  .nearby-spot{transition:background .3s ease,padding .3s ease,border-color .3s ease,transform .35s cubic-bezier(.16,1,.3,1)!important}
  .nearby-spot:hover{transform:translateX(5px)!important;background:rgba(255,255,255,.035)!important}
  .nearby-spot:hover i{transform:scale(1.06) rotate(-2deg);border-color:rgba(211,175,55,.7)!important}

  .photo-card img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease!important}
  .photo-card:hover img{transform:scale(1.055)!important;filter:contrast(1.035) saturate(1.035)}

  .developer-inner::before,.developer-inner::after{transition:width .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1)}
  .developer-inner:hover::before,.developer-inner:hover::after{width:76px;height:76px}
  .nidaam-logo{animation:maylanFloat 4.8s ease-in-out infinite!important}
  @keyframes maylanFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

  .social-action-icon{will-change:transform}
  .social-action:hover .social-action-icon{transform:translateY(-7px) rotate(-2deg) scale(1.065)!important}
  .floating-bubble{animation:maylanBubblePulse 4s ease-in-out infinite}
  .floating-bubble:nth-child(2){animation-delay:.6s}.floating-bubble:nth-child(3){animation-delay:1.2s}
  @keyframes maylanBubblePulse{0%,72%,100%{transform:translateY(0)}82%{transform:translateY(-4px)}90%{transform:translateY(0)}}

  .footer-ghost{animation:maylanFooterGlow 8s ease-in-out infinite alternate!important}
  @keyframes maylanFooterGlow{0%{opacity:.78;transform:translateX(-50%) scale(1)}100%{opacity:1;transform:translateX(-50%) scale(1.012)}}
}

/* Mobile: keep timings on the same row as each listing, even on narrow iPhones. */
@media(max-width:700px){
  .location-box{width:calc(100% - .8rem)!important}
  .nearby-spot{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:.55rem!important;
    align-items:center!important;
  }
  .nearby-spot em{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    min-width:40px!important;
    text-align:right!important;
    font-size:.61rem!important;
    letter-spacing:.065em!important;
  }
  .nearby-spot b{font-size:.87rem!important;line-height:1.17!important}
  .nearby-spot span{font-size:.8rem!important;line-height:1.28!important}
  .floor-overview .overview-slider{width:calc(100% - .5rem)!important;padding-inline:.85rem!important}
  .site-credit{font-size:.54rem!important}
}
@media(max-width:390px){
  .nearby-spot{grid-template-columns:32px minmax(0,1fr) auto!important;gap:.48rem!important}
  .nearby-spot em{grid-column:3!important;grid-row:1!important;min-width:36px!important;font-size:.58rem!important}
  .nearby-spot b{font-size:.82rem!important}
  .nearby-spot span{font-size:.75rem!important}
}

/* Reduced-motion users get the same premium layout without forced animation. */
@media(prefers-reduced-motion:reduce){
  .motion-item{opacity:1!important;transform:none!important;filter:none!important}
  .heading-motion::after{width:min(110px,30%)!important}
  .floating-bubble,.footer-ghost,.nidaam-logo,.hero-slide.active img{animation:none!important}
}


/* === V17 go-live integration: supplied media, production forms, speed + mobile overflow hardening === */
html,body{width:100%;max-width:100%;overflow-x:clip!important}
body{min-width:0}
main,.site-header,.site-footer,.section,.features-section,.social-connect{max-width:100%;overflow-x:clip}
.container,.features-wrap,.about-grid,.contact-grid,.location-box,.plan-shell,.photo-grid{min-width:0}
img,video,iframe,svg{max-width:100%}

/* About video replaces the external TikTok embed. */




/* Uploaded photo gallery: thumbnails only on-page, full WebP only in the viewer. */
.photo-gallery{background:#fff!important}
.photo-gallery-head{max-width:70rem;margin:0 auto clamp(2rem,3vw,3rem);text-align:center}
.photo-gallery-head h2{font-family:var(--oswald);font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;text-transform:uppercase;margin:.15rem 0 1rem;color:#151515}
.photo-gallery-head p{max-width:55rem;margin:auto;font-family:"Roboto Condensed",sans-serif;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.65;color:#646464}
.photo-card{background:#efefed!important;aspect-ratio:4/3!important;border:1px solid rgba(0,0,0,.07)!important;box-shadow:0 14px 34px rgba(0,0,0,.10)!important}
.photo-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.gallery-actions{display:flex;justify-content:center;margin-top:clamp(1.6rem,3vw,2.5rem)}
.btn-gallery{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.9rem 1.4rem;border:1px solid #111;background:#111;color:#fff;font-family:var(--oswald);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;transition:.28s ease}
.btn-gallery:hover,.btn-gallery:focus-visible{background:var(--gold);color:#111;border-color:var(--gold);transform:translateY(-2px);outline:none}
.btn-gallery .icon{width:18px;height:18px}

/* Former 360 block is now a clean project video section using the supplied landscape video. */
.video-showcase-section{background:linear-gradient(180deg,#fff 0%,#f4f4f2 100%)!important}
.video-showcase-section .panorama-head{margin-bottom:clamp(1.5rem,2.6vw,2.3rem)!important}
.video-showcase-section .panorama-head h2{font-family:var(--oswald)!important;font-size:clamp(2.25rem,4vw,3.7rem)!important;letter-spacing:.03em;text-transform:uppercase;color:#151515!important}
.video-showcase-intro{margin:.8rem auto 0;max-width:42rem;font-family:"Roboto Condensed",sans-serif;font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.65;color:#666}
.project-video-shell{width:min(1180px,100%);margin:auto;background:#050505;border:1px solid rgba(0,0,0,.14);box-shadow:0 24px 55px rgba(0,0,0,.16);overflow:hidden;aspect-ratio:16/9}


/* Real submission feedback states. */

.contact-form-card form>button:disabled,.modal-submit:disabled{opacity:.66;cursor:not-allowed;transform:none!important}
.form-note,.brochure-status{min-height:1.15rem!important;font-family:"Roboto Condensed",sans-serif!important;font-size:.82rem!important;font-weight:600!important;line-height:1.35!important;text-align:center!important}
.form-note.pending,.brochure-status.pending{color:rgba(255,255,255,.9)!important}
.form-note.success{color:#fff!important;background:rgba(5,75,35,.28);border:1px solid rgba(255,255,255,.26);padding:.65rem .75rem}
.form-note.error{color:#fff!important;background:rgba(115,20,20,.30);border:1px solid rgba(255,255,255,.26);padding:.65rem .75rem}
.brochure-status{color:#555!important}
.brochure-status.success{color:#17643d!important;background:#edf8f2;border:1px solid #b9dfc9;padding:.7rem .8rem}
.brochure-status.error{color:#a32626!important;background:#fff1f1;border:1px solid #efc4c4;padding:.7rem .8rem}
.brochure-download-link{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.9rem 1rem;background:var(--gold);color:#111;border:1px solid var(--gold);font-family:var(--oswald);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:.25s}
.brochure-download-link[hidden]{display:none!important}
.brochure-download-link:hover{background:#111;color:#fff;border-color:#111}
.modal-card{overscroll-behavior:contain}

/* Mobile/iPhone/Android: no right-side blank strip, media stays inside the viewport. */
@media(max-width:900px){
  
  .project-video-shell{width:100%!important}
}
@media(max-width:700px){
  html,body{overflow-x:hidden!important}
  .container{width:100%!important;max-width:100%!important;padding-left:max(1rem,env(safe-area-inset-left))!important;padding-right:max(1rem,env(safe-area-inset-right))!important}
  .about-grid,.contact-grid,.plan-shell,.location-box{width:100%!important;max-width:100%!important}
  .about-media{width:100%;max-width:100%;margin:0!important}
  
  
  .photo-gallery-head{text-align:left;margin-bottom:1.6rem}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;width:100%!important}
  .photo-card{aspect-ratio:1/1!important;min-width:0!important}
  .gallery-actions{margin-top:1.35rem}
  .btn-gallery{width:100%;max-width:360px}
  .video-showcase-section .panorama-head{text-align:center!important}
  .project-video-shell{aspect-ratio:16/9!important;box-shadow:0 14px 30px rgba(0,0,0,.14)}
  .contact-form-card{width:100%;max-width:100%;overflow:hidden}
  .contact-form-card input,.contact-form-card textarea,.brochure-modal input{min-width:0!important;max-width:100%!important}
  .brochure-modal{padding:max(.7rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left))!important}
  .modal-card{width:100%!important;max-width:440px!important;max-height:calc(100dvh - 1.4rem)!important;padding:1.55rem 1rem 1.1rem!important}
  .floating-actions{max-width:calc(100% - 1.6rem)}
}
@media(max-width:380px){
  .photo-grid{gap:.42rem!important}
  
  .modal-head h2{font-size:1.48rem!important}
}

/* === V18 feedback pass: alignment, gallery, popup videos, map redesign, mobile polish === */
html,body,main,.site-header,.site-footer,.section,.container,.location-box,.map-container{max-width:100%!important;overflow-x:hidden!important}
body{overflow-x:hidden!important}
iframe,img,video{max-width:100%}

.top-phones{gap:.8rem!important;flex-wrap:wrap!important}
.top-label{font-size:.72rem!important;letter-spacing:.18em!important;color:var(--gold)!important;font-weight:700}
.top-phone-link{display:inline-flex!important;align-items:center!important;gap:.38rem!important;color:var(--gold)!important;font-size:.72rem!important;letter-spacing:.08em!important}
.top-phone-link .icon{width:13px!important;height:13px!important;opacity:.95}
.top-phone-link:hover{color:#fff!important}
.brand span{display:block!important}

.mobile-book-viewing{position:relative!important;animation:bookPulse 1.95s ease-in-out infinite!important;box-shadow:0 0 0 0 rgba(212,175,55,.42)!important}
.mobile-book-viewing::before{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid rgba(212,175,55,.7);opacity:.9;animation:bookRing 1.95s ease-out infinite}
@keyframes bookPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.035)}}
@keyframes bookRing{0%{transform:scale(.96);opacity:.9}70%{transform:scale(1.11);opacity:0}100%{transform:scale(1.11);opacity:0}}

.video-preview-card,.project-video-shell{position:relative!important;display:block!important;border:0!important;padding:0!important;background:#0b0b0b!important;cursor:pointer!important;overflow:hidden!important;isolation:isolate!important}
.video-preview-card img,.project-video-poster{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .45s ease!important}
.video-preview-card:hover img,.project-video-shell:hover .project-video-poster{transform:scale(1.03)!important;filter:saturate(1.04) contrast(1.04)!important}
.video-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 38%,rgba(0,0,0,.68) 100%);pointer-events:none}
.video-preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 18px 34px rgba(0,0,0,.28);transition:transform .28s ease,background .28s ease}
.video-preview-play.large{width:94px;height:94px}
.video-preview-play .icon{width:34%;height:34%;fill:currentColor;stroke:none;margin-left:4px}
.video-preview-card:hover .video-preview-play,.project-video-shell:hover .video-preview-play{transform:translate(-50%,-50%) scale(1.06);background:rgba(212,175,55,.82)!important;color:#111!important}
.video-preview-caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.1rem;display:flex;flex-direction:column;gap:.2rem;color:#fff;text-align:left;pointer-events:none}
.video-preview-caption b{font-family:var(--oswald);font-size:1.02rem;letter-spacing:.18em;text-transform:uppercase}
.video-preview-caption small{font-size:.8rem;opacity:.82;letter-spacing:.08em;text-transform:uppercase}
.about-video-card{width:min(100%,410px)!important;aspect-ratio:9/16!important;margin-inline:auto!important;border-radius:26px!important;box-shadow:0 24px 50px rgba(0,0,0,.18)!important}
.project-video-shell{width:min(1180px,100%)!important;margin:auto!important;aspect-ratio:16/9!important;border-radius:22px!important;box-shadow:0 24px 50px rgba(0,0,0,.14)!important}
.project-video-poster{object-fit:cover!important}

.photo-gallery-head{text-align:center!important;max-width:60rem!important;margin-inline:auto!important}
.photo-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch!important}
.photo-card{position:relative!important;aspect-ratio:1/1!important;min-width:0!important;background:#f0f0ee!important;border-radius:22px!important;overflow:hidden!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 16px 32px rgba(0,0,0,.08)!important}
.photo-card img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .35s ease!important}

.photo-card span{position:absolute!important;left:.7rem!important;right:.7rem!important;bottom:.7rem!important;padding:.75rem .85rem!important;background:linear-gradient(180deg,rgba(8,8,8,.08),rgba(8,8,8,.82))!important;border-radius:16px!important;color:#fff!important}
.photo-card b{font-size:.82rem!important;letter-spacing:.08em!important}
.photo-card small{font-size:.66rem!important;letter-spacing:.22em!important;text-transform:uppercase!important;opacity:.82!important}
.gallery-actions{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:1.35rem!important;text-align:center!important}
#openFullGallery{margin-inline:auto!important}

.gallery-modal,.video-modal{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .28s ease}
.gallery-modal.open,.video-modal.open{opacity:1;pointer-events:auto}
.gallery-modal-backdrop,.video-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.gallery-modal-card,.video-modal-card{position:relative;z-index:1;background:#fff;border-radius:24px;width:min(1220px,96vw);max-height:min(92vh,1000px);overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.gallery-modal-card{display:flex;flex-direction:column}
.gallery-modal-close,.video-modal-close{position:absolute;top:1rem;right:1rem;z-index:2;border:0;background:#0c0c0c;color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 24px rgba(0,0,0,.28)}
.gallery-modal-head{padding:1.35rem 1.35rem .8rem 1.35rem;border-bottom:1px solid rgba(0,0,0,.08)}
.gallery-modal-head h3{margin:.2rem 0 .35rem;font-family:var(--oswald);font-size:2rem;letter-spacing:.08em;color:#111}
.gallery-modal-head p{margin:0;color:#5d6066;line-height:1.6;font-size:.98rem;max-width:64rem}
.gallery-modal-grid{padding:1.15rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;overflow:auto}
.gallery-modal-thumb{position:relative;border:0;padding:0;display:block;overflow:hidden;border-radius:18px;background:#f4f4f2;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.gallery-modal-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease}
.gallery-modal-thumb span{position:absolute;left:.55rem;bottom:.55rem;background:rgba(0,0,0,.68);color:#fff;padding:.35rem .55rem;border-radius:999px;font-family:var(--oswald);font-size:.66rem;letter-spacing:.14em}
.gallery-modal-thumb:hover img{transform:scale(1.05)}

.lightbox{padding:1.2rem!important;background:rgba(0,0,0,.9)!important}
.lightbox-content{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0 4.8rem!important}
.lightbox-image-wrap{width:min(94vw,1320px)!important;height:min(82vh,860px)!important;max-width:none!important;max-height:none!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;overflow:hidden!important}
.lightbox-content img{max-width:96%!important;max-height:96%!important;object-fit:contain!important;box-shadow:none!important;border:0!important;transition:transform .12s ease!important;touch-action:none!important}
.lightbox-prev,.lightbox-next{width:52px!important;height:52px!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.2)!important}
.lightbox-prev:hover,.lightbox-next:hover{background:#fff!important;color:#111!important}
.lightbox-counter{display:block!important;position:absolute!important;left:50%!important;bottom:1rem!important;transform:translateX(-50%)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;padding:.55rem .95rem!important;border-radius:999px!important;font-family:var(--oswald)!important;letter-spacing:.16em!important;font-size:.72rem!important}

.video-modal-card{background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.video-modal-card.landscape .video-modal-player-wrap{width:min(1120px,94vw)!important;aspect-ratio:16/9!important}
.video-modal-card.portrait .video-modal-player-wrap{width:min(430px,92vw)!important;aspect-ratio:9/16!important}
.video-modal-player-wrap{background:#000!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 28px 80px rgba(0,0,0,.4)!important}
#videoModalPlayer{width:100%!important;height:100%!important;display:block!important;background:#000!important;object-fit:contain!important}

.map-section .location-box{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:1.35rem!important;align-items:stretch!important}
.nearby{padding:1.9rem 1.5rem!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:24px!important;color:#111!important;box-shadow:0 18px 42px rgba(0,0,0,.08)!important;overflow:visible!important}
.nearby-top{margin:0 0 1rem!important;padding:0!important}
.nearby-top .section-kicker{color:var(--gold)!important;margin-bottom:.5rem!important}
.nearby-top h3{margin:0!important;padding:0!important;color:#111!important;font-size:1.9rem!important;line-height:1.05!important}
.nearby-grid{gap:.25rem!important}
.nearby-spot{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:1rem!important;align-items:center!important;background:#fff!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:1rem 0!important;color:#111!important;transform:none!important}
.nearby-spot:last-child{border-bottom:0!important}
.nearby-spot i{width:48px!important;height:48px!important;border-radius:16px!important;background:rgba(212,175,55,.12)!important;color:var(--gold)!important;border:1px solid rgba(212,175,55,.22)!important}
.nearby-spot b{color:#111!important;font-size:1rem!important;font-weight:700!important;margin-bottom:.2rem!important}
.nearby-spot span{color:#5b5f67!important;font-size:.92rem!important;line-height:1.52!important}
.nearby-spot em{background:#111!important;color:#fff!important;border-radius:999px!important;padding:.45rem .72rem!important;font-size:.66rem!important;letter-spacing:.16em!important;min-width:60px!important;text-align:center!important}
.nearby-spot:hover{background:#faf8f0!important;padding-left:.35rem!important;padding-right:.35rem!important}
.map-frame{border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(0,0,0,.1)!important;min-height:100%!important}
.map-frame iframe{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;border:0!important}

@media (max-width: 1200px){
  .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .gallery-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width: 980px){
  .about-grid{grid-template-columns:1fr!important;gap:2rem!important}
  .about-video-card{width:min(100%,390px)!important}
  .map-section .location-box{grid-template-columns:1fr!important}
  .project-video-shell{width:100%!important}
  .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .gallery-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width: 767px){
  .topbar{height:auto!important;min-height:44px!important;padding:.35rem 0!important}
  .topbar-inner{height:auto!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:.3rem 1rem!important}
  .top-phones{justify-content:center!important;gap:.35rem .8rem!important;font-size:.66rem!important}
  .top-label{width:100%!important;text-align:center!important;font-size:.63rem!important;letter-spacing:.14em!important}
  .top-phone-link{font-size:.66rem!important}
  .top-location{display:none!important}
  .nav-inner{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:.6rem!important;align-items:center!important}
  .brand{justify-self:start!important;margin:0!important}
  .brand-mark{width:38px!important;height:38px!important}
  .brand span{display:block!important;font-size:.54rem!important;letter-spacing:.16em!important;line-height:1.05!important}
  .mobile-book-viewing{display:inline-flex!important;justify-self:center!important;height:36px!important;padding:.35rem .38rem .35rem .9rem!important;gap:.45rem!important;border-radius:999px!important;font-size:.62rem!important;letter-spacing:.08em!important}
  .mobile-book-viewing i{width:25px!important;height:25px!important;border-radius:50%!important;background:#fff!important;color:#050505!important;display:grid!important;place-items:center!important}
  .menu-toggle{display:block!important;justify-self:end!important}
  .about-video-card{width:min(100%,360px)!important;aspect-ratio:9/16!important;border-radius:24px!important}
  .video-preview-play{width:70px!important;height:70px!important}
  .project-video-shell{aspect-ratio:16/9!important;border-radius:18px!important}
  .video-preview-caption{left:.85rem!important;right:.85rem!important;bottom:.8rem!important}
  .video-preview-caption b{font-size:.86rem!important}
  .video-preview-caption small{font-size:.68rem!important}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}
  .photo-card{aspect-ratio:1/1!important}
  .gallery-actions{margin-top:1rem!important}
  .gallery-modal-card{width:min(96vw,96vw)!important;max-height:92vh!important;border-radius:20px!important}
  .gallery-modal-head{padding:1rem .95rem .75rem!important}
  .gallery-modal-head h3{font-size:1.45rem!important;padding-right:2.8rem!important}
  .gallery-modal-grid{padding:.85rem!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}
  .lightbox{padding:.8rem!important}
  .lightbox-content{padding:0 3.2rem!important}
  .lightbox-image-wrap{width:92vw!important;height:72vh!important;border-radius:16px!important}
  .lightbox-prev,.lightbox-next{width:42px!important;height:42px!important}
  .nearby{padding:1.25rem 1rem!important;border-radius:20px!important}
  .nearby-top h3{font-size:1.42rem!important}
  .nearby-spot{grid-template-columns:40px minmax(0,1fr) auto!important;gap:.75rem!important;padding:.8rem 0!important}
  .nearby-spot i{width:38px!important;height:38px!important;border-radius:12px!important}
  .nearby-spot b{font-size:.88rem!important}
  .nearby-spot span{font-size:.78rem!important}
  .nearby-spot em{font-size:.58rem!important;min-width:48px!important;padding:.35rem .5rem!important}
  .map-frame{min-height:340px!important}
}
@media (max-width: 420px){
  .brand span{font-size:.49rem!important;letter-spacing:.12em!important}
  .mobile-book-viewing{font-size:.58rem!important;padding:.32rem .34rem .32rem .75rem!important}
  .lightbox-content{padding:0 2.7rem!important}
  .lightbox-image-wrap{height:68vh!important}
}

/* === V19 final instruction review pass === */
/* Header: mobile contact line + always-visible Maylan Park wordmark */
@media(max-width:767px){
  .topbar{height:40px!important;min-height:40px!important;padding:0!important;overflow:visible!important}
  .topbar-inner{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;padding-inline:.55rem!important}
  .top-phones{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:.42rem!important;white-space:nowrap!important;min-width:0!important}
  .top-label{width:auto!important;flex:0 0 auto!important;font-size:.62rem!important;letter-spacing:.1em!important;line-height:1!important}
  .top-phone-link{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:.22rem!important;font-size:.63rem!important;letter-spacing:.035em!important;line-height:1!important}
  .top-phone-link .icon{width:12px!important;height:12px!important;flex:0 0 auto!important}
  .main-nav{height:66px!important}
  .nav-inner{height:66px!important;display:grid!important;grid-template-columns:minmax(70px,auto) minmax(0,1fr) 36px!important;align-items:center!important;gap:.45rem!important;padding-inline:.75rem!important}
  .brand{grid-column:1!important;justify-self:start!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.04rem!important;margin:0!important;min-width:66px!important}
  .brand-mark{width:39px!important;height:39px!important}
  .brand span{display:block!important;visibility:visible!important;opacity:1!important;font-size:.48rem!important;letter-spacing:.115em!important;line-height:1!important;white-space:nowrap!important}
  .mobile-book-viewing{grid-column:2!important;justify-self:center!important;align-self:center!important;display:inline-flex!important;animation:bookBoom 1.7s ease-in-out infinite!important;box-shadow:0 0 0 0 rgba(211,175,55,.42),0 7px 18px rgba(0,0,0,.14)!important}
  .menu-toggle{grid-column:3!important;justify-self:end!important;position:static!important;padding:.3rem!important}
}
@media(max-width:350px){
  .top-phones{gap:.3rem!important}
  .top-label{font-size:.57rem!important}
  .top-phone-link{font-size:.57rem!important;gap:.16rem!important}
  .top-phone-link .icon{width:11px!important;height:11px!important}
  .brand span{font-size:.44rem!important;letter-spacing:.08em!important}
  .mobile-book-viewing{font-size:.54rem!important;padding-left:.58rem!important;gap:.32rem!important}
}
@keyframes bookBoom{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(211,175,55,.44),0 7px 18px rgba(0,0,0,.14)}
  48%{transform:scale(1.045);box-shadow:0 0 0 8px rgba(211,175,55,0),0 11px 24px rgba(0,0,0,.18)}
  58%{transform:scale(1.02)}
}

/* Location: eliminate clipped/black panel and keep the whole card aligned */
.map-container{width:min(1180px,100%)!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:clamp(1rem,3vw,2rem)!important;overflow:visible!important}
.map-section .location-box{width:100%!important;max-width:100%!important;margin:0!important;min-height:0!important;height:auto!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important;align-items:stretch!important}
.nearby{height:auto!important;min-height:0!important;justify-content:flex-start!important;overflow:visible!important;padding-top:1.65rem!important}
.nearby-top{position:relative!important;display:block!important;overflow:visible!important;padding-top:.1rem!important}
.nearby-top .section-kicker{display:block!important;position:relative!important;z-index:2!important;color:var(--gold)!important}
.nearby-top h3{display:block!important;position:relative!important;z-index:2!important;color:#111!important;overflow:visible!important}
.nearby-spot{overflow:visible!important}
.map-frame{height:auto!important;min-height:520px!important;background:#ececec!important}
.map-frame iframe{position:relative!important;inset:auto!important;height:100%!important;min-height:520px!important}
@media(max-width:980px){
  .map-section .location-box{gap:1rem!important}
  .map-frame,.map-frame iframe{min-height:390px!important}
}
@media(max-width:767px){
  .map-container{padding-inline:1rem!important}
  .map-section .location-box{width:100%!important}
  .nearby{padding:1.2rem .95rem!important}
  .nearby-top{margin-bottom:.7rem!important}
  .nearby-top h3{font-size:1.48rem!important;line-height:1.08!important}
  .nearby-spot{grid-template-columns:38px minmax(0,1fr) auto!important;gap:.62rem!important;padding:.74rem 0!important}
  .nearby-spot i{width:36px!important;height:36px!important;border-radius:12px!important}
  .nearby-spot i .icon{width:17px!important;height:17px!important}
  .nearby-spot b{font-size:.84rem!important;line-height:1.18!important}
  .nearby-spot span{font-size:.74rem!important;line-height:1.32!important}
  .nearby-spot em{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;margin:0!important;min-width:44px!important;font-size:.56rem!important;letter-spacing:.06em!important;padding:.32rem .44rem!important;text-align:center!important}
  .map-frame,.map-frame iframe{min-height:330px!important}
}

/* Gallery: 10 live preview cells = exactly 5 rows on phones */
@media(max-width:767px){
  #photoGrid.photo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:.58rem!important}
  #photoGrid .photo-card{display:block!important;width:100%!important;min-width:0!important;aspect-ratio:1/1!important}
  .gallery-actions{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;margin:1.15rem auto 0!important}
  #openFullGallery{display:inline-flex!important;margin:0 auto!important;justify-content:center!important}
}

/* Floor/interior gallery: smoother directional slide */
.plan-image-area>img{will-change:transform,opacity!important;transition:opacity .34s ease,transform .64s cubic-bezier(.16,1,.3,1)!important}
.plan-image-area.slide-next.changing>img{opacity:.18!important;transform:translateX(-32px) scale(.985)!important}
.plan-image-area.slide-prev.changing>img{opacity:.18!important;transform:translateX(32px) scale(.985)!important}
.overview-slide{transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1)!important}
.overview-slide.active{opacity:1!important;transform:translateX(0) scale(1)!important}

/* Flexible full-screen image viewer: remove the boxed/clipped feel */
.lightbox{overflow:hidden!important}
.lightbox-content{max-width:none!important;width:100%!important;height:100%!important;overflow:visible!important;padding:0 4.6rem!important}
.lightbox-image-wrap{width:min(88vw,1380px)!important;height:min(84vh,900px)!important;max-width:none!important;max-height:none!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;touch-action:none!important;cursor:grab!important}
.lightbox-image-wrap.zoomed{cursor:move!important}
.lightbox-image-wrap.dragging{cursor:grabbing!important}
.lightbox-content img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;border:0!important;box-shadow:0 20px 70px rgba(0,0,0,.42)!important;transform-origin:center center!important;touch-action:none!important;user-select:none!important;-webkit-user-drag:none!important}
.lightbox-prev,.lightbox-next{z-index:6!important;display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important}
.lightbox-toolbar{z-index:7!important}
.lightbox-close{z-index:8!important}
.lightbox-counter{z-index:7!important}
@media(max-width:767px){
  .lightbox{padding:.6rem!important}
  .lightbox-content{padding:0 2.85rem!important}
  .lightbox-image-wrap{width:94vw!important;height:76vh!important}
  .lightbox-content img{max-width:100%!important;max-height:100%!important}
  .lightbox-prev,.lightbox-next{width:40px!important;height:40px!important}
  .lightbox-prev{left:.35rem!important}
  .lightbox-next{right:.35rem!important}
  .lightbox-toolbar{left:.55rem!important;top:.55rem!important}
  .lightbox-close{right:.55rem!important;top:.55rem!important}
  .lightbox-counter{bottom:.55rem!important}
}

/* Video previews remain light; actual MP4 is requested only after click */
.about-video-card{aspect-ratio:9/16!important;width:min(360px,100%)!important;max-width:360px!important;border-radius:24px!important;margin-inline:auto!important}
.about-video-card img{object-fit:cover!important}
.project-video-shell{width:min(1080px,100%)!important;aspect-ratio:16/9!important;margin-inline:auto!important}
.project-video-poster{object-fit:cover!important}
@media(min-width:981px){
  .about-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;align-items:center!important}
  .about-media{display:flex!important;justify-content:center!important;align-items:center!important}
}
@media(max-width:767px){
  .project-video-shell{width:100%!important;aspect-ratio:16/9!important;margin-inline:auto!important;border-radius:16px!important}
  .video-showcase-section .container{padding-inline:1rem!important}
  .about-video-card{width:min(84vw,350px)!important;aspect-ratio:9/16!important;border-radius:22px!important}
}

/* Popup video with native scrub/volume plus YouTube-like 10-second quick controls */
.video-modal-card{width:min(1180px,96vw)!important;max-height:96vh!important;overflow:visible!important}
.video-modal-player-wrap{position:relative!important;background:#000!important;overflow:hidden!important}
.video-modal-card.landscape .video-modal-player-wrap{width:min(1120px,94vw)!important;aspect-ratio:16/9!important}
.video-modal-card.portrait .video-modal-player-wrap{width:min(430px,88vw)!important;aspect-ratio:9/16!important}
.video-quick-controls{position:absolute;z-index:5;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:center;gap:.48rem;padding:.48rem .58rem;background:rgba(8,8,8,.72);border:1px solid rgba(255,255,255,.16);border-radius:999px;backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(0,0,0,.3);opacity:.98;transition:opacity .22s ease}
.video-quick-btn{width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:1px;padding:0;transition:.2s ease}
.video-quick-btn:hover{background:#fff;color:#111;transform:scale(1.06)}
.video-quick-btn .icon{width:18px;height:18px}
.video-quick-btn b{font-family:var(--oswald);font-size:.62rem;line-height:1}
.skip-glyph{font-size:.88rem;line-height:1}
.video-play-toggle .pause-state{display:none}
.video-play-toggle.is-playing .play-state{display:none}
.video-play-toggle.is-playing .pause-state{display:block}
.video-time{min-width:82px;color:#fff;font-family:var(--oswald);font-size:.65rem;letter-spacing:.04em;text-align:center;white-space:nowrap}
.video-fullscreen{margin-left:.05rem}
@media(max-width:600px){
  .video-modal{padding:.5rem!important}
  .video-modal-card.landscape .video-modal-player-wrap{width:96vw!important;aspect-ratio:16/9!important;border-radius:14px!important}
  .video-modal-card.portrait .video-modal-player-wrap{width:min(86vw,390px)!important;aspect-ratio:9/16!important;border-radius:16px!important}
  .video-modal-close{top:-48px!important;right:0!important;width:40px!important;height:40px!important}
  .video-quick-controls{bottom:44px;gap:.3rem;padding:.35rem .4rem}
  .video-quick-btn{width:34px;height:34px}
  .video-time{min-width:72px;font-size:.58rem}
}

/* Reduced-motion users still get a complete static interface. */
@media(prefers-reduced-motion:reduce){
  .mobile-book-viewing{animation:none!important}
  .mobile-book-viewing::before{animation:none!important;opacity:.35!important}
}

/* V19.1 visual QA refinements */
@media(max-width:767px){
  .top-phone-link span{color:#fff!important;opacity:1!important}
  .top-phone-link .icon,.top-label{color:var(--gold)!important}
}
.gallery-modal-thumb{position:relative!important;display:block!important;aspect-ratio:1/1!important;min-height:0!important;overflow:hidden!important}
.gallery-modal-thumb img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.gallery-modal-thumb span{z-index:2!important}
.gallery-modal-head{position:sticky!important;top:0!important;z-index:3!important;background:#fff!important}
.gallery-modal-grid{align-content:start!important}
.gallery-modal-close{z-index:8!important}

/* === V20 surgical QA pass: no nested scrollbars, restored location, square media, header clarity === */
html{width:100%!important;max-width:100%!important;overflow-x:clip!important;overflow-y:auto!important;scrollbar-gutter:auto!important}
body{width:100%!important;max-width:100%!important;overflow-x:clip!important;overflow-y:visible!important}
html.modal-open,html.menu-open,body.modal-open,body.menu-open{overflow:hidden!important}
main,.site-header,.site-footer,.section,.container,.features-section,.features-wrap,.about-grid,.floor-overview,.floor-gallery,.highlights-section,.photo-gallery,.developer-section,.map-section,.map-container,.location-box,.panorama-section,.contact-section,.social-connect,.plan-shell,.plan-details{max-width:100%!important;overflow-x:clip!important;overflow-y:visible!important}
.hero,.hero-slides,.hero-slide,.plan-image-area,.photo-card,.video-preview-card,.project-video-shell,.map-frame{overflow:hidden!important}
@media(min-width:901px){.plan-shell{height:auto!important;min-height:378px!important;align-items:stretch!important}.plan-details{height:auto!important;min-height:378px!important;overflow:visible!important}.plan-image-area{height:378px!important;min-height:378px!important;overflow:hidden!important}}

.topbar{overflow:hidden!important}
.top-phones{flex-wrap:nowrap!important;align-items:center!important}
.top-phones span{opacity:1!important}
.top-label{color:var(--gold)!important;opacity:1!important;font-weight:700!important}
.top-phone-link{color:#fff!important;opacity:1!important;display:inline-flex!important;align-items:center!important;gap:.38rem!important;white-space:nowrap!important}
.top-phone-link span{color:#fff!important;opacity:1!important}
.top-phone-link .icon{color:var(--gold)!important;opacity:1!important;flex:0 0 auto!important}
@media(max-width:900px){
  .topbar{height:38px!important;min-height:38px!important;padding:0!important}
  .topbar-inner{height:38px!important;padding-inline:.8rem!important;justify-content:center!important}
  .top-phones{width:auto!important;max-width:100%!important;justify-content:center!important;gap:.7rem!important;font-size:.66rem!important;letter-spacing:.035em!important;line-height:1!important}
  .top-label{font-size:.63rem!important;letter-spacing:.11em!important;flex:0 0 auto!important}
  .top-phone-link{font-size:.65rem!important;gap:.28rem!important;letter-spacing:.025em!important}
  .top-phone-link .icon{display:block!important;width:12px!important;height:12px!important}
  .nav-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;column-gap:.45rem!important;align-items:center!important;padding-inline:.85rem!important}
  .brand{grid-column:1!important;justify-self:start!important;margin:0!important;min-width:0!important}
  .brand-mark{width:39px!important;height:39px!important}
  .brand span{display:block!important;font-size:.5rem!important;letter-spacing:.13em!important;line-height:1!important}
  .mobile-book-viewing{grid-column:3!important;justify-self:end!important;margin:0!important;height:34px!important;padding:.28rem .32rem .28rem .76rem!important;gap:.45rem!important;white-space:nowrap!important;font-size:.61rem!important;letter-spacing:.075em!important}
  .mobile-book-viewing .book-call-icon{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;color:#050505!important;flex:0 0 auto!important}
  .mobile-book-viewing .book-call-icon .icon{width:13px!important;height:13px!important;stroke-width:2!important}
  .menu-toggle{grid-column:4!important;justify-self:end!important;margin:0!important;padding:.3rem!important}
}
@media(max-width:430px){
  .top-phones{gap:.46rem!important;font-size:.6rem!important}.top-label{font-size:.58rem!important;letter-spacing:.085em!important}.top-phone-link{font-size:.59rem!important;gap:.2rem!important}.top-phone-link .icon{width:11px!important;height:11px!important}
  .nav-inner{column-gap:.3rem!important;padding-inline:.7rem!important}.brand-mark{width:36px!important;height:36px!important}.brand span{display:block!important;font-size:.46rem!important;letter-spacing:.1em!important}
  .mobile-book-viewing{font-size:.56rem!important;padding-left:.58rem!important;gap:.32rem!important;height:32px!important}.mobile-book-viewing .book-call-icon{width:23px!important;height:23px!important}.menu-toggle .icon{width:22px!important;height:22px!important}
}
@media(max-width:360px){.top-phones{gap:.32rem!important}.top-label{font-size:.53rem!important}.top-phone-link{font-size:.54rem!important}.brand span{display:block!important;font-size:.42rem!important}.mobile-book-viewing{font-size:.52rem!important;padding-left:.48rem!important}}

.about-video-card,.about-video-card img,.photo-card,.photo-card img,.project-video-shell,.project-video-poster,.video-modal-player-wrap{border-radius:0!important}
.photo-card{box-shadow:0 12px 28px rgba(0,0,0,.09)!important}.about-video-card{box-shadow:0 22px 46px rgba(0,0,0,.16)!important}
.video-showcase-section{padding:2.65rem 0 2.9rem!important}.video-showcase-section .panorama-head{margin-bottom:1.35rem!important}.video-showcase-section .panorama-head .section-kicker{margin-bottom:.55rem!important}.video-showcase-section .panorama-head h2{margin-bottom:.45rem!important}.video-showcase-intro{margin:.4rem auto 0!important}.project-video-shell{width:min(980px,100%)!important;aspect-ratio:16/9!important;border-radius:0!important}
@media(max-width:767px){.video-showcase-section{padding:2.2rem 0 2.35rem!important}.video-showcase-section .panorama-head{margin-bottom:1rem!important}.project-video-shell{width:100%!important;aspect-ratio:16/9!important;border-radius:0!important}}
.photo-card{border-radius:0!important}
@media(max-width:767px){#photoGrid.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.58rem!important}#photoGrid .photo-card{aspect-ratio:1/1!important;border-radius:0!important}}

.gallery-modal{overflow:hidden!important}
.gallery-modal-card{width:min(1220px,94vw)!important;height:min(88vh,880px)!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:0!important;background:#fff!important}
.gallery-modal-head{position:relative!important;top:auto!important;flex:0 0 auto!important;padding:1.25rem 1.35rem .9rem!important;background:#fff!important;border-bottom:1px solid #e7e7e7!important}
.gallery-modal-grid{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:max-content!important;align-content:start!important;gap:.85rem!important;padding:1rem 1.05rem 1.15rem!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior:contain!important}
.gallery-modal-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.gallery-modal-thumb{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#ececeb!important;box-shadow:0 7px 18px rgba(0,0,0,.08)!important}
.gallery-modal-thumb img{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:0!important}
.gallery-modal-thumb span{position:absolute!important;left:.5rem!important;bottom:.5rem!important;z-index:2!important;border-radius:0!important}
@media(max-width:980px){.gallery-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){.gallery-modal{padding:.55rem!important}.gallery-modal-card{width:calc(100vw - 1.1rem)!important;height:90vh!important}.gallery-modal-head{padding:1rem .9rem .7rem!important}.gallery-modal-head h3{font-size:1.35rem!important;margin-bottom:.25rem!important}.gallery-modal-head p{font-size:.8rem!important;line-height:1.4!important;padding-right:2rem!important}.gallery-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.52rem!important;padding:.7rem!important}.gallery-modal-close{top:.55rem!important;right:.55rem!important;width:38px!important;height:38px!important}}
.modal-card{scrollbar-width:none!important;-ms-overflow-style:none!important}.modal-card::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

.map-container{width:100%!important;max-width:none!important;margin-inline:auto!important;padding-inline:clamp(1rem,6vw,8rem)!important;overflow-x:clip!important;overflow-y:visible!important}
.map-section .location-box{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:1.35rem!important;width:100%!important;max-width:100%!important;margin:0!important;min-height:0!important;height:auto!important;align-items:stretch!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important}
.nearby{padding:1.9rem 1.5rem!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:24px!important;color:#111!important;box-shadow:0 18px 42px rgba(0,0,0,.08)!important;overflow:visible!important;height:auto!important;min-height:0!important}
.nearby-top{margin:0 0 1rem!important;padding:0!important}.nearby-top .section-kicker{color:var(--gold)!important;margin-bottom:.5rem!important}.nearby-top h3{margin:0!important;padding:0!important;color:#111!important;font-size:1.9rem!important;line-height:1.05!important}.nearby-grid{display:grid!important;grid-template-columns:1fr!important;gap:.25rem!important}
.nearby-spot{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:1rem!important;align-items:center!important;background:#fff!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:1rem 0!important;color:#111!important;transform:none!important;overflow:visible!important}.nearby-spot:last-child{border-bottom:0!important}
.nearby-spot i{width:48px!important;height:48px!important;border-radius:16px!important;background:rgba(212,175,55,.12)!important;color:var(--gold)!important;border:1px solid rgba(212,175,55,.22)!important}.nearby-spot i .icon{width:19px!important;height:19px!important;stroke-width:1.65!important}.nearby-spot b{color:#111!important;font-size:1rem!important;font-weight:700!important;margin-bottom:.2rem!important}.nearby-spot span{color:#5b5f67!important;font-size:.92rem!important;line-height:1.52!important}.nearby-spot em{background:#111!important;color:#fff!important;border-radius:999px!important;padding:.45rem .72rem!important;font-size:.66rem!important;letter-spacing:.16em!important;min-width:60px!important;text-align:center!important}.nearby-spot:hover{background:#faf8f0!important;padding-left:.35rem!important;padding-right:.35rem!important}
.map-frame{border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(0,0,0,.1)!important;min-height:100%!important;height:auto!important;background:#ececec!important}.map-frame iframe{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;min-height:100%!important;border:0!important}
@media(max-width:980px){.map-section .location-box{grid-template-columns:1fr!important}.map-frame,.map-frame iframe{min-height:390px!important}}
@media(max-width:767px){.map-container{padding-inline:1rem!important}.nearby{padding:1.25rem 1rem!important;border-radius:20px!important}.nearby-top h3{font-size:1.42rem!important}.nearby-spot{grid-template-columns:40px minmax(0,1fr) auto!important;gap:.75rem!important;padding:.8rem 0!important}.nearby-spot i{width:38px!important;height:38px!important;border-radius:12px!important}.nearby-spot b{font-size:.88rem!important}.nearby-spot span{font-size:.78rem!important}.nearby-spot em{grid-column:3!important;grid-row:1!important;justify-self:end!important;margin:0!important;font-size:.58rem!important;min-width:48px!important;padding:.35rem .5rem!important}.map-frame,.map-frame iframe{min-height:340px!important}}

@media(prefers-reduced-motion:no-preference){.reveal,.reveal-left,.reveal-right{transform:translateY(24px) scale(.992)!important;transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease!important}.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{transform:none!important}}

/* V20 final proportion tune: shorter, cleaner main video section. */
.video-showcase-section{padding:2rem 0 2.2rem!important}
.video-showcase-section .panorama-head{margin-bottom:1.05rem!important}
.project-video-shell{width:min(900px,100%)!important}
@media(max-width:767px){
  .video-showcase-section{padding:1.8rem 0 2rem!important}
  .video-showcase-section .panorama-head{margin-bottom:.85rem!important}
  .project-video-shell{width:100%!important}
}

/* === V21 surgical correction: floor gallery reveal, original location proportions, contact inset, uniform section rhythm === */
:root{--section-rhythm:clamp(3.6rem,4.8vw,4.8rem)}
.about-section,.floor-overview,.floor-gallery,.highlights-section,.photo-gallery,.developer-section,.map-section,.contact-section{padding-top:var(--section-rhythm)!important;padding-bottom:var(--section-rhythm)!important}
.video-showcase-section{padding-top:2rem!important;padding-bottom:2.15rem!important}
.social-connect{padding-top:3rem!important;padding-bottom:3rem!important}

/* Interior Drawings: never hide/crop the lower part of the supplied 2:1 artwork. */
@media(min-width:901px){
  .floor-gallery .container{width:min(1280px,calc(100% - 3rem))!important;padding-inline:0!important}
  .plan-tabs{margin-bottom:1.75rem!important}
  .plan-shell,.plan-shell.layout-reverse{grid-template-columns:minmax(0,1.68fr) minmax(320px,.76fr)!important;gap:0!important;min-height:0!important;height:auto!important;align-items:stretch!important;background:#fff!important;overflow:visible!important}
  .plan-image-area,.plan-shell.layout-reverse .plan-image-area{order:1!important;align-self:start!important;height:auto!important;min-height:0!important;padding:36px 0 0!important;background:#fff!important;overflow:hidden!important;display:block!important}
  .plan-image-area>img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2/1!important;object-fit:contain!important;background:#fff!important;padding:0!important;margin:0!important}
  .plan-view-hint{height:36px!important;min-height:36px!important;top:0!important;left:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e9e9e6!important}
  .plan-details,.plan-shell.layout-reverse .plan-details{order:2!important;min-height:0!important;height:auto!important;align-self:stretch!important;overflow:visible!important}
  .plan-dots{bottom:.45rem!important}
}
@media(max-width:900px){
  .plan-shell,.plan-shell.layout-reverse{grid-template-columns:1fr!important;gap:0!important;min-height:0!important;height:auto!important;background:#fff!important;overflow:visible!important}
  .plan-image-area,.plan-shell.layout-reverse .plan-image-area{order:1!important;height:auto!important;min-height:0!important;padding:32px 0 0!important;background:#fff!important;overflow:hidden!important;display:block!important}
  .plan-image-area>img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2/1!important;object-fit:contain!important;background:#fff!important;padding:0!important;margin:0!important}
  .plan-view-hint{height:32px!important;min-height:32px!important;top:0!important;left:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e9e9e6!important}
  .plan-details,.plan-shell.layout-reverse .plan-details{order:2!important;min-height:0!important;height:auto!important}
  .plan-dots{bottom:.38rem!important}
}

/* Location: restore the established original white Connected Living card + map balance. */
.map-section{background:#f4f4f3!important}
.map-section .diagonal-pattern{display:block!important}
.map-container{width:min(1200px,calc(100% - 3rem))!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:0!important;overflow:visible!important}
.map-section .section-head{max-width:68rem!important;margin-bottom:2.6rem!important}
.map-section .location-box{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:1.2rem!important;width:100%!important;margin:0!important;align-items:stretch!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.nearby{padding:1.75rem 1.45rem!important;background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:24px!important;box-shadow:0 16px 36px rgba(0,0,0,.07)!important;color:#111!important;height:100%!important;min-height:0!important;overflow:visible!important}
.nearby-top{margin:0 0 .85rem!important;padding:0!important}
.nearby-top .section-kicker{margin-bottom:.55rem!important;color:var(--gold)!important}
.nearby-top h3{font-size:1.85rem!important;line-height:1.08!important;color:#111!important;margin:0!important}
.nearby-grid{gap:0!important}
.nearby-spot{grid-template-columns:54px minmax(0,1fr) auto!important;gap:1rem!important;padding:.95rem 0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.09)!important;transform:none!important}
.nearby-spot:last-child{border-bottom:0!important}
.nearby-spot i{width:48px!important;height:48px!important;border-radius:16px!important;background:#fffaf0!important;border:1px solid rgba(211,175,55,.34)!important;color:var(--gold)!important}
.nearby-spot b{color:#161616!important;font-size:.98rem!important;line-height:1.2!important;margin-bottom:.18rem!important}
.nearby-spot span{color:#666970!important;font-size:.87rem!important;line-height:1.4!important}
.nearby-spot em{background:#111!important;color:#fff!important;border-radius:999px!important;min-width:60px!important;padding:.42rem .65rem!important;font-size:.64rem!important;letter-spacing:.1em!important;text-align:center!important}
.nearby-spot:hover{background:transparent!important;padding-left:0!important;padding-right:0!important;transform:translateX(3px)!important}
.map-frame{height:auto!important;min-height:100%!important;border-radius:24px!important;overflow:hidden!important;background:#ececec!important;box-shadow:0 16px 36px rgba(0,0,0,.08)!important}
.map-frame iframe{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;border:0!important}
@media(max-width:980px){
  .map-container{width:min(760px,calc(100% - 2rem))!important}
  .map-section .location-box{grid-template-columns:1fr!important;gap:1rem!important}
  .nearby{height:auto!important}
  .map-frame,.map-frame iframe{min-height:390px!important}
}
@media(max-width:600px){
  .map-container{width:calc(100% - 1.5rem)!important}
  .map-section .section-head{margin-bottom:2rem!important}
  .nearby{padding:1.2rem 1rem!important;border-radius:20px!important}
  .nearby-top h3{font-size:1.42rem!important}
  .nearby-spot{grid-template-columns:40px minmax(0,1fr) auto!important;gap:.72rem!important;padding:.76rem 0!important}
  .nearby-spot i{width:38px!important;height:38px!important;border-radius:12px!important}
  .nearby-spot b{font-size:.86rem!important}
  .nearby-spot span{font-size:.76rem!important}
  .nearby-spot em{min-width:46px!important;padding:.34rem .45rem!important;font-size:.56rem!important}
  .map-frame,.map-frame iframe{min-height:330px!important;border-radius:18px!important}
}

/* Contact: slightly more inset on both sides and more breathing room between columns. */
.contact-section .container{width:min(1200px,calc(100% - 4rem))!important;max-width:1200px!important;padding-inline:0!important}
.contact-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:clamp(4.5rem,6vw,6rem)!important;align-items:center!important}
.contact-info>p{max-width:32rem!important}
.contact-form-card{margin:0!important}
@media(max-width:900px){
  .contact-section .container{width:min(720px,calc(100% - 2rem))!important}
  .contact-grid{grid-template-columns:1fr!important;gap:2.6rem!important}
}
@media(max-width:600px){
  :root{--section-rhythm:3.1rem}
  .contact-section .container{width:calc(100% - 1.5rem)!important}
  .contact-grid{gap:2.15rem!important}
  .contact-info h2{font-size:2.45rem!important}
  .contact-info>p{font-size:.98rem!important;margin-bottom:1.6rem!important}
  .contact-list{gap:1.1rem!important}
}

/* Keep section proportions coherent without touching the hero. */
.section-head{margin-bottom:clamp(2.4rem,3.6vw,3.4rem)!important}
.floor-gallery .section-head{margin-bottom:2.5rem!important}
.photo-gallery .photo-gallery-head{margin-bottom:2.4rem!important}
.video-showcase-section .panorama-head{margin-bottom:.9rem!important}

/* === V22 final client-review pass: mobile menu button + no section layout changes === */
.menu-toggle-label{display:none}
@media(max-width:767px){
  .menu-toggle{
    width:36px!important;height:36px!important;padding:0!important;
    border:1px solid rgba(0,0,0,.12)!important;background:#0a0a0a!important;color:#fff!important;
    border-radius:50%!important;display:grid!important;place-items:center!important;
    box-shadow:0 7px 16px rgba(0,0,0,.13)!important;transition:transform .22s ease,background .22s ease!important;
  }
  .menu-toggle:active{transform:scale(.94)!important}
  .menu-toggle .icon{width:18px!important;height:18px!important;stroke-width:1.9!important}
  .menu-toggle-label{display:none!important}
}
@media(max-width:380px){.menu-toggle{width:34px!important;height:34px!important}.menu-toggle .icon{width:17px!important;height:17px!important}}

/* === V23 final client-review correction: original location, synchronized gallery, root overflow === */
/* Keep horizontal overflow control only at the document root. This prevents the bottom browser bar
   without turning individual site sections into independent scrolling containers. */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body{position:relative!important}
.site-footer{width:100%!important;max-width:100%!important;overflow:hidden!important}
.footer-ghost{max-width:calc(100% - 1.5rem)!important}

/* Gallery intro copy requested for the finished client version. */
.photo-gallery-head p{
  max-width:760px!important;
  margin:.8rem auto 0!important;
  color:#666!important;
  font-family:var(--reading)!important;
  font-size:clamp(.98rem,1.15vw,1.08rem)!important;
  line-height:1.65!important;
  text-align:center!important;
}
/* All visible gallery boxes cross-fade together as one composition. */
.photo-card img{opacity:1!important;transition:opacity .52s ease,transform .75s cubic-bezier(.16,1,.3,1),filter .6s ease!important}


/* LOCATION — restored from the original supplied Maylan build.
   Black Connected Living panel, square composition, map directly beside it, original proportions. */
.map-section{position:relative!important;background:#f4f4f5!important;overflow:visible!important}
.map-section .diagonal-pattern{display:block!important}
.map-container{
  width:min(1160px,calc(100% - clamp(2rem,8vw,10rem)))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  overflow:visible!important;
}
.map-section .section-head{max-width:64rem!important;margin:0 auto clamp(2rem,3vw,2.8rem)!important;text-align:center!important}
.map-section .location-box{
  display:grid!important;
  grid-template-columns:minmax(390px,.96fr) minmax(0,1.2fr)!important;
  gap:0!important;
  width:calc(100% - clamp(1.5rem,3vw,2.6rem))!important;
  height:500px!important;
  min-height:500px!important;
  margin-inline:auto!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:0!important;
  box-shadow:0 20px 44px rgba(0,0,0,.09)!important;
}
.map-section .nearby{
  height:500px!important;
  min-height:500px!important;
  padding:1.65rem 1.5rem!important;
  background:#111214!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.map-section .nearby-top{margin:0 0 .7rem!important;padding:0!important}
.map-section .nearby-top .section-kicker{margin-bottom:.45rem!important;color:#fff!important}
.map-section .nearby-top h3{
  margin:0!important;padding:0!important;color:#fff!important;
  font-size:clamp(1.35rem,1.8vw,1.7rem)!important;line-height:1.1!important;
}
.map-section .nearby-top h3:after{display:none!important}
.map-section .nearby-grid{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.map-section .nearby-spot{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.8rem!important;
  padding:.64rem 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  transform:none!important;
  overflow:visible!important;
  transition:padding .28s ease,background .28s ease,transform .35s cubic-bezier(.16,1,.3,1)!important;
}
.map-section .nearby-spot i{
  width:38px!important;height:38px!important;border-radius:0!important;
  background:linear-gradient(145deg,rgba(211,175,55,.22),rgba(211,175,55,.07))!important;
  border:1px solid rgba(211,175,55,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  color:var(--gold)!important;display:grid!important;place-items:center!important;
}
.map-section .nearby-spot i .icon{width:19px!important;height:19px!important;stroke-width:1.65!important}
.map-section .nearby-spot div{min-width:0!important}
.map-section .nearby-spot b{
  display:block!important;margin:0 0 .08rem!important;color:#fff!important;
  font-size:.9rem!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.01em!important;
}
.map-section .nearby-spot span{
  display:block!important;color:rgba(255,255,255,.66)!important;
  font-size:.78rem!important;line-height:1.28!important;
}
.map-section .nearby-spot em{
  font-style:normal!important;white-space:nowrap!important;background:transparent!important;
  color:var(--gold)!important;padding:0!important;font-size:.7rem!important;font-weight:600!important;
  letter-spacing:.11em!important;text-transform:uppercase!important;min-width:0!important;text-align:right!important;
}
@media(hover:hover) and (pointer:fine){
  .map-section .nearby-spot:hover{
    transform:translateX(5px)!important;background:rgba(255,255,255,.035)!important;
    padding-left:.35rem!important;padding-right:.35rem!important;
  }
  .map-section .nearby-spot:hover i{transform:scale(1.06) rotate(-2deg)!important;border-color:rgba(211,175,55,.7)!important}
}
.map-section .map-frame{
  height:500px!important;min-height:500px!important;
  border-radius:0!important;overflow:hidden!important;background:#ddd!important;
  box-shadow:none!important;position:relative!important;
}
.map-section .map-frame iframe{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important;border:0!important;display:block!important;
}
@media(max-width:900px){
  .map-container{width:calc(100% - 2rem)!important}
  .map-section .location-box{
    grid-template-columns:1fr!important;width:100%!important;height:auto!important;min-height:0!important;
  }
  .map-section .nearby{height:auto!important;min-height:0!important;padding:1.45rem 1.1rem!important}
  .map-section .map-frame,.map-section .map-frame iframe{height:370px!important;min-height:370px!important}
}
@media(max-width:700px){
  .map-section .nearby{padding:1.25rem 1rem!important}
  .map-section .nearby-top{margin-bottom:.55rem!important}
  .map-section .nearby-top h3{font-size:1.4rem!important}
  .map-section .nearby-spot{grid-template-columns:34px minmax(0,1fr) auto!important;gap:.55rem!important;padding:.65rem 0!important}
  .map-section .nearby-spot i{width:34px!important;height:34px!important}
  .map-section .nearby-spot b{font-size:.87rem!important;line-height:1.17!important}
  .map-section .nearby-spot span{font-size:.8rem!important;line-height:1.28!important}
  .map-section .nearby-spot em{
    grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
    margin:0!important;min-width:40px!important;text-align:right!important;font-size:.61rem!important;letter-spacing:.065em!important;
  }
  .map-section .map-frame,.map-section .map-frame iframe{height:320px!important;min-height:320px!important}
}
@media(max-width:390px){
  .map-container{width:calc(100% - 1.5rem)!important}
  .map-section .nearby-spot{grid-template-columns:32px minmax(0,1fr) auto!important;gap:.48rem!important}
  .map-section .nearby-spot em{grid-column:3!important;grid-row:1!important;min-width:36px!important;font-size:.58rem!important}
  .map-section .nearby-spot b{font-size:.82rem!important}
  .map-section .nearby-spot span{font-size:.75rem!important}
}

/* === V24 final polish: seamless gallery crossfade + refined amenity icon system === */
#photoGrid .photo-card{
  position:relative!important;
  isolation:isolate!important;
  background:#ecebe8!important;
}
#photoGrid .photo-card>img.photo-card-current,
#photoGrid .photo-card>img.photo-card-next{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
  filter:none!important;
  transition:opacity 1.15s cubic-bezier(.4,0,.2,1),transform 1.8s cubic-bezier(.2,.8,.2,1)!important;
  will-change:opacity;
}
#photoGrid .photo-card>img.photo-card-current{opacity:1!important;z-index:1!important}
#photoGrid .photo-card>img.photo-card-next{opacity:0!important;z-index:2!important}
#photoGrid .photo-card.is-crossfading>img.photo-card-current{opacity:0!important;transform:scale(1.012)!important}
#photoGrid .photo-card.is-crossfading>img.photo-card-next{opacity:1!important;transform:scale(1)!important}
#photoGrid .photo-card>span{z-index:4!important}

/* Purpose-built amenity icons: restrained, architectural and consistent with the black/gold identity. */
.highlights-section .amenity-icon{
  width:70px!important;
  height:70px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#171717,#222)!important;
  border:1px solid rgba(217,181,53,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.18)!important;
  position:relative!important;
}
.highlights-section .amenity-icon::before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(217,181,53,.12);
  pointer-events:none;
}
.highlights-section .amenity-icon .icon{
  width:32px!important;
  height:32px!important;
  color:#d9b535!important;
  stroke-width:1.55!important;
  transition:transform .35s ease,color .35s ease!important;
}
.highlights-section .highlight-card:hover .amenity-icon{
  background:#151515!important;
  border-color:rgba(255,255,255,.72)!important;
  transform:translateY(-4px)!important;
}
.highlights-section .highlight-card:hover .amenity-icon::before{border-color:rgba(217,181,53,.34)!important}
.highlights-section .highlight-card:hover .amenity-icon .icon{color:#d9b535!important;transform:scale(1.08)!important}

@media (max-width:700px){
  .highlights-section .amenity-icon{width:62px!important;height:62px!important;border-radius:12px!important}
  .highlights-section .amenity-icon .icon{width:28px!important;height:28px!important}
}

/* === V26 hero/logo/amenities/slider refinement === */
.brand{
  gap:.1rem!important;
}
.brand-logo-image{
  display:block!important;
  width:84px!important;
  height:auto!important;
  max-width:none!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.08))!important;
}



.hero-copy{max-width:82rem!important}
.hero-eyebrow{
  font-size:.94rem!important;
  letter-spacing:.42em!important;
  margin-bottom:.25rem!important;
}
.hero-copy h1{
  font-size:clamp(3.25rem,6.8vw,6rem)!important;
  line-height:.98!important;
  letter-spacing:.01em!important;
}

.footer-logo-image{
  display:block!important;
  width:152px!important;
  height:auto!important;
  max-width:70vw!important;
  margin-inline:auto!important;
  filter:drop-shadow(0 8px 18px rgba(211,175,55,.18))!important;
}
.footer-inner>h2{display:none!important}
.footer-inner>p{margin-top:.95rem!important}

.highlights-section .amenity-icon{
  width:82px!important;
  height:82px!important;
  border-radius:16px!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.highlights-section .amenity-icon::before{
  inset:7px!important;
  border-color:rgba(217,181,53,.18)!important;
}
.highlights-section .amenity-icon-img{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 5px 12px rgba(217,181,53,.16))!important;
  transform-origin:center!important;
  transition:transform .35s ease, filter .35s ease!important;
}
.highlights-section .highlight-card:hover .amenity-icon-img{
  transform:scale(1.08)!important;
  filter:drop-shadow(0 8px 18px rgba(217,181,53,.24))!important;
}

.overview-slide{
  transition:opacity .82s ease, transform 1.05s cubic-bezier(.22,1,.36,1)!important;
}
.overview-slide.active{
  transform:translateX(0) scale(1)!important;
}
.plan-image-area>img{
  transition:opacity .46s ease, transform .82s cubic-bezier(.22,1,.36,1)!important;
}
.plan-image-area.slide-next.changing>img{opacity:.14!important;transform:translateX(-24px) scale(.992)!important}
.plan-image-area.slide-prev.changing>img{opacity:.14!important;transform:translateX(24px) scale(.992)!important}

@media (max-width: 767px){
  .brand-logo-image{width:70px!important}
  
  .hero-eyebrow{font-size:.83rem!important;letter-spacing:.3em!important}
  .hero-copy h1{font-size:clamp(2.55rem,11vw,4.3rem)!important}
  .footer-logo-image{width:122px!important}
  .highlights-section .amenity-icon{width:66px!important;height:66px!important;padding:8px!important}
  .highlights-section .amenity-icon::before{inset:6px!important}
  .highlights-section .amenity-icon-img{width:40px!important;height:40px!important}
}

/* === V27 cleanup and final polish === */
.brand span{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  max-height:0!important;
  overflow:hidden!important;
}
.brand{
  gap:0!important;
}
.brand-logo-image{
  width:78px!important;
}


.footer-logo-image{
  width:156px!important;
  filter:drop-shadow(0 6px 14px rgba(255,255,255,.08))!important;
}

.highlights-section .highlight-card:hover .amenity-icon{
  background:#fff!important;
  border-color:#fff!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
.highlights-section .highlight-card:hover .amenity-icon::before{
  border-color:rgba(17,17,17,.08)!important;
}

.overview-slide{
  transition:opacity .68s ease, transform .9s cubic-bezier(.22,1,.36,1)!important;
}
.plan-image-area>img{
  transition:opacity .4s ease, transform .72s cubic-bezier(.22,1,.36,1)!important;
}
#photoGrid .photo-card>img.photo-card-current,
#photoGrid .photo-card>img.photo-card-next{
  transition:opacity .9s ease, transform .9s ease!important;
}

@media (max-width: 767px){
  .brand-logo-image{width:64px!important}
  
  .footer-logo-image{width:126px!important}
}

/* === V28 footer text + amenities hover final override === */
.footer-logo-image{
  width:156px!important;
  height:auto!important;
}
.highlights-section .highlight-card:hover .amenity-icon,
.highlights-section .highlight-card:focus-within .amenity-icon,
.highlights-section .highlight-card:hover .amenity-icon::before{
  background:#ffffff!important;
}
.highlights-section .highlight-card:hover .amenity-icon,
.highlights-section .highlight-card:focus-within .amenity-icon{
  border-color:#ffffff!important;
  box-shadow:0 16px 32px rgba(0,0,0,.16)!important;
}
.highlights-section .highlight-card:hover .amenity-icon::before,
.highlights-section .highlight-card:focus-within .amenity-icon::before{
  border-color:rgba(17,17,17,.08)!important;
}
.highlights-section .highlight-card:hover .amenity-icon-img,
.highlights-section .highlight-card:focus-within .amenity-icon-img{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.06))!important;
}

/* Accessibility utility: visually hidden, still available to assistive technology. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* === V30 hero typography refinement ===
   Client request: make MAYLAN PARK RESIDENCE more prominent and
   reduce Kileleshwa Forest Garden without changing the hero layout. */
.hero-eyebrow{
  font-size:1.15rem!important;
  letter-spacing:.36em!important;
}
.hero-copy h1{
  font-size:clamp(2.75rem,5.4vw,4.85rem)!important;
  line-height:1!important;
}
@media (max-width:767px){
  .hero-eyebrow{
    font-size:.98rem!important;
    letter-spacing:.26em!important;
  }
  .hero-copy h1{
    font-size:clamp(2.15rem,9.4vw,3.5rem)!important;
    line-height:1.02!important;
  }
}
@media (max-width:390px){
  .hero-eyebrow{
    font-size:.9rem!important;
    letter-spacing:.22em!important;
  }
  .hero-copy h1{
    font-size:clamp(2rem,9vw,3.15rem)!important;
  }
}


/* === V33 surgical update: six residence types + project video moved into About === */
.about-video-card{
  width:min(100%,620px)!important;
  max-width:620px!important;
  aspect-ratio:16/9!important;
  margin-inline:auto!important;
}
.about-video-card img{object-fit:cover!important}
@media(min-width:901px){
  .plan-tabs{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.7rem!important;max-width:none!important}
  .plan-tab{padding:.65rem .6rem!important;gap:.6rem!important}
  .plan-tab strong{font-size:2.05rem!important}
  .plan-tab b{font-size:.76rem!important;letter-spacing:.12em!important}
  .plan-tab small{font-size:.67rem!important;white-space:nowrap!important}
}
@media(max-width:900px){
  .plan-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.65rem!important;max-width:760px!important}
  .about-video-card{width:min(100%,680px)!important;max-width:680px!important;aspect-ratio:16/9!important}
}
@media(max-width:600px){
  .plan-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.58rem!important}
  .plan-tab{min-height:58px!important;padding:.58rem .5rem!important;gap:.48rem!important}
  .plan-tab strong{font-size:1.8rem!important}
  .plan-tab b{font-size:.68rem!important;letter-spacing:.08em!important}
  .plan-tab small{font-size:.62rem!important}
  .about-video-card{width:100%!important;max-width:none!important;aspect-ratio:16/9!important}
}



/* === V34 gallery replacement + about video horizontal refinement === */
.about-media{width:100%!important;max-width:760px!important;margin-inline:auto!important}
.about-video-card{display:block!important;width:100%!important;max-width:760px!important;aspect-ratio:16/9!important;margin-inline:auto!important}
.about-video-card img{width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:900px){
  .about-media{max-width:720px!important}
  .about-video-card{max-width:720px!important;aspect-ratio:16/9!important}
}
@media(max-width:600px){
  .about-video-card{width:100%!important;max-width:none!important;aspect-ratio:16/9!important}
}

/* === V35 surgical readability pass: remove video obstruction + improve readable type === */
/* Core reading sizes — intentionally moderate to preserve the premium layout. */
body{font-size:16px!important;line-height:1.55!important}
.section-kicker{font-size:.92rem!important;line-height:1.35!important}
.section-head p,.about-copy p,.photo-gallery-head p,.developer-inner p,.contact-info>p{
  font-size:clamp(1.03rem,1.25vw,1.16rem)!important;
  line-height:1.72!important;
}
.feature-card h3{font-size:1.08rem!important;line-height:1.3!important}
.feature-card p{font-size:1rem!important;line-height:1.6!important}
.plan-tab b{font-size:.78rem!important;line-height:1.25!important}
.plan-tab small{font-size:.72rem!important;line-height:1.35!important}
.plan-details p{font-size:1rem!important;line-height:1.72!important}
.variations b{font-size:.82rem!important}
.nearby-spot b{font-size:1rem!important;line-height:1.35!important}
.nearby-spot span{font-size:.94rem!important;line-height:1.5!important}
.nearby-spot em{font-size:.74rem!important}
.contact-item a,.contact-item span{font-size:1.08rem!important;line-height:1.58!important}
.contact-form-card label,.brochure-modal label{font-size:.84rem!important;line-height:1.35!important}
.contact-form-card input,.contact-form-card textarea,.brochure-modal input,.brochure-modal textarea{font-size:1rem!important;line-height:1.45!important}
.contact-form-card form>button,.modal-submit,.btn-gallery,.btn-gold,.btn-outline-gold{font-size:.76rem!important}
.footer-inner p{font-size:1rem!important;line-height:1.7!important}
.footer-inner p b{font-size:.78rem!important}
.copyright{font-size:.74rem!important;line-height:1.5!important}
.modal-head p{font-size:.96rem!important;line-height:1.55!important}
.brochure-modal small{font-size:.72rem!important;line-height:1.45!important}

/* Mobile top contacts — larger and clearer, while retaining a single compact row. */
@media(max-width:900px){
  .topbar{height:42px!important;min-height:42px!important}
  .topbar-inner{height:42px!important;padding-inline:.7rem!important}
  .top-phones{gap:.68rem!important;letter-spacing:.02em!important}
  .top-label{font-size:.69rem!important;letter-spacing:.075em!important}
  .top-phone-link{font-size:.76rem!important;gap:.25rem!important;letter-spacing:.01em!important;font-weight:600!important}
  .top-phone-link .icon{width:13px!important;height:13px!important}
}
@media(max-width:430px){
  .topbar{height:42px!important;min-height:42px!important}
  .topbar-inner{height:42px!important;padding-inline:.42rem!important}
  .top-phones{gap:.42rem!important}
  .top-label{font-size:.64rem!important;letter-spacing:.045em!important}
  .top-phone-link{font-size:.71rem!important;gap:.18rem!important;letter-spacing:0!important}
  .top-phone-link .icon{width:12px!important;height:12px!important}
}
@media(max-width:360px){
  .top-phones{gap:.28rem!important}
  .top-label{font-size:.59rem!important;letter-spacing:.025em!important}
  .top-phone-link{font-size:.67rem!important;gap:.14rem!important}
  .top-phone-link .icon{width:11px!important;height:11px!important}
}

/* Phone readability without forcing headings or controls to wrap unnaturally. */
@media(max-width:700px){
  .section-kicker{font-size:.86rem!important}
  .section-head p,.about-copy p,.photo-gallery-head p,.developer-inner p,.contact-info>p{font-size:1rem!important;line-height:1.68!important}
  .feature-card h3{font-size:1.02rem!important}
  .feature-card p{font-size:.94rem!important;line-height:1.55!important}
  .plan-tab b{font-size:.72rem!important}
  .plan-tab small{font-size:.68rem!important}
  .plan-details p{font-size:.98rem!important}
  .nearby-spot b{font-size:.96rem!important}
  .nearby-spot span{font-size:.9rem!important}
  .contact-form-card label,.brochure-modal label{font-size:.8rem!important}
  .footer-inner p{font-size:.96rem!important}
  .copyright{font-size:.7rem!important;letter-spacing:.11em!important}
}


/* V35 final legibility calibration after responsive cascade QA. */
.contact-form-card form>button,.modal-submit,.btn-gallery,.btn-gold,.btn-outline-gold{font-size:.8rem!important}
@media(max-width:900px){
  .top-label{font-size:.72rem!important}
  .top-phone-link{font-size:.8rem!important}
  .mobile-book-viewing{font-size:.64rem!important}
}
@media(max-width:700px){
  .hero-copy p{font-size:1rem!important;line-height:1.55!important}
  .feature-card p{font-size:.98rem!important}
  .plan-tab b{font-size:.74rem!important}
  .plan-tab small{font-size:.72rem!important}
  .map-section .nearby-spot b{font-size:.98rem!important;line-height:1.3!important}
  .map-section .nearby-spot span{font-size:.9rem!important;line-height:1.48!important}
  .map-section .nearby-spot em{font-size:.66rem!important}
  .copyright{font-size:.72rem!important}
}
@media(max-width:430px){
  .top-label{font-size:.68rem!important}
  .top-phone-link{font-size:.78rem!important}
  .mobile-book-viewing{font-size:.6rem!important}
}
@media(max-width:360px){
  .top-label{font-size:.64rem!important}
  .top-phone-link{font-size:.74rem!important}
  .mobile-book-viewing{font-size:.57rem!important}
}

/* V35 location-copy and compact-header legibility safeguard. */
.map-section .nearby-spot b{font-size:1rem!important;line-height:1.3!important}
.map-section .nearby-spot span{font-size:.94rem!important;line-height:1.5!important}
@media(max-width:430px){.mobile-book-viewing{font-size:.64rem!important}}
@media(max-width:360px){.top-phone-link{font-size:.76rem!important}.mobile-book-viewing{font-size:.6rem!important}}