:root{--paper:#f4f2ed;--ink:#222823;--muted:#697067;--line:#d5d6ce;--serif:'Italiana',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ac8048;outline-offset:5px}header{height:112px;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%}.brand{font-family:var(--serif);font-size:56px;line-height:.7;display:block;letter-spacing:-3px}.brand span{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2px;display:block;margin-top:15px;line-height:1.2}nav{display:flex;align-items:center;gap:40px;font-size:14px}.nav-contact{border:1px solid var(--ink);padding:12px 23px}.hero{height:calc(100svh - 112px);min-height:620px;max-height:920px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;animation:zoom 1.4s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,22,19,.66),rgba(11,22,19,.08)),linear-gradient(0deg,rgba(11,22,19,.36),transparent 40%)}.hero-content{position:absolute;left:8%;top:50%;transform:translateY(-50%)}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:500;margin:0 0 26px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06;margin:0;letter-spacing:0.035em}h1{font-size:clamp(54px,5.7vw,92px)}h1 em{font-style:normal}h2{font-size:clamp(42px,4.2vw,64px)}h3{font-size:clamp(36px,3vw,49px)}.hero-content>p:not(.eyebrow){margin:28px 0 30px;color:#efefea;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;font-size:14px;line-height:1.4;transition:background .2s,color .2s}.light{background:var(--paper);color:var(--ink)}.light:hover{background:white}.dark{background:var(--ink);color:white}.dark:hover{background:#455246}.hero-bottom{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.wrap{max-width:1600px;margin:auto;padding-left:8%;padding-right:8%}.intro{padding-top:120px;padding-bottom:120px;border-bottom:1px solid var(--line)}.intro>div{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.intro>div>p{margin:0;max-width:490px;color:var(--muted)}.residences{padding-top:110px;padding-bottom:115px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:65px}.filters{display:flex;border-bottom:1px solid var(--line);gap:20px;flex-wrap:wrap}.filters button{border:0;background:none;color:var(--muted);font-size:14px;padding:12px 0;border-bottom:2px solid transparent}.filters button.active{color:var(--ink);border-color:var(--ink)}.property{display:grid;grid-template-columns:1.07fr 1fr;gap:6%;margin-top:75px;align-items:center}.property[hidden]{display:none}.property-image{height:610px;position:relative;overflow:hidden}.photo-open{padding:0;border:0;height:100%;width:100%;background:none;display:block}.property-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-open:hover img{transform:scale(1.035)}.badge{position:absolute;top:24px;left:24px;background:var(--paper);padding:10px 17px;font-size:11px;letter-spacing:1.2px;pointer-events:none}.gallery-button{position:absolute;bottom:24px;left:24px;background:rgba(244,242,237,.95);border:0;font-size:13px;padding:11px 18px}.property-info{position:relative;padding:30px 0}.number{display:block;font-family:var(--serif);font-size:42px;color:#a6aba1;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:26px}.property-info .eyebrow{font-size:11px;margin-bottom:17px}.description{color:var(--muted);max-width:480px;margin:24px 0 29px}dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dt{font-size:10px;letter-spacing:1.5px;margin-bottom:4px}dd{margin:0;font-family:var(--serif);font-size:34px;line-height:1.2}dd small{font-family:'DM Sans',sans-serif;font-size:16px}.features{display:flex;flex-wrap:wrap;gap:7px 18px;margin:22px 0;color:var(--muted);font-size:13px}.property-footer{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:28px}.property-footer>span{font-size:13px;color:var(--muted)}.location{display:inline-block;margin-top:20px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.reverse .property-image{order:2}.reverse .property-info{order:1}.closing{height:610px;position:relative;color:white;overflow:hidden}.closing>img{width:100%;height:100%;object-fit:cover;object-position:center}.closing:after{content:'';position:absolute;inset:0;background:rgba(13,26,20,.47)}.closing>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.closing h2{font-size:clamp(50px,5vw,78px);margin-bottom:32px}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding-top:120px;padding-bottom:110px}.contact p{color:var(--muted);margin-top:25px}.contact-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px}.contact-details>a{font-size:clamp(17px,1.7vw,25px);border-bottom:1px solid var(--line);padding-bottom:7px}.contact-details p{font-size:14px;margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line)}footer .brand{font-size:40px}footer .brand span{font-size:8px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}dialog{width:min(1100px,94vw);border:0;background:var(--paper);padding:20px;color:var(--ink);max-height:95svh}dialog::backdrop{background:#111b16de}.dialog-bar,.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-bar{margin-bottom:18px}.dialog-bar h2{font-size:30px;letter-spacing:0.035em}.dialog-bar button,.gallery-controls button{border:1px solid var(--line);padding:8px 16px;background:none;font-size:14px}#gallery-photo{display:block;width:100%;height:65svh;object-fit:contain;background:#e5e4de}.gallery-controls{margin-top:16px;font-size:13px}@keyframes zoom{from{transform:scale(1.045)}to{transform:scale(1)}}@media(min-width:1700px){.wrap{padding-left:100px;padding-right:100px}}@media(max-width:900px){header{height:90px}nav{gap:20px}.hero{height:740px;min-height:0}.hero-content{left:7%}.intro>div{gap:35px}.wrap{padding-left:7%;padding-right:7%}.section-heading{align-items:flex-start;flex-direction:column}.property{gap:5%}.property-image{height:590px}.property-footer .button{padding:14px 16px}.contact{gap:30px}.contact h2{font-size:43px}}@media(max-width:640px){header{height:92px;padding:0 6%}.brand{font-size:45px}.brand span{font-size:8px;letter-spacing:1.5px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 12px;font-size:12px}.hero{height:720px;max-height:calc(100svh - 92px);min-height:560px}.hero>img{object-position:57% center}.hero-content{left:7%;right:7%}.hero .eyebrow{max-width:260px;font-size:10px;line-height:1.7}.hero h1{font-size:49px;letter-spacing:0.035em;line-height:1.12}.hero-content>p:not(.eyebrow){font-size:14px}.hero-bottom{font-size:9px;letter-spacing:1px}.hero-bottom span:last-child{max-width:145px;text-align:right}.intro{padding-top:70px;padding-bottom:70px}.intro>div{grid-template-columns:1fr;gap:27px}.eyebrow{font-size:10px;letter-spacing:1.8px}.intro h2,.section-heading h2{font-size:44px}.residences{padding-top:70px;padding-bottom:70px}.section-heading{gap:22px;margin-bottom:30px}.filters{gap:19px}.filters button{font-size:13px}.property{grid-template-columns:1fr;gap:0;margin-top:35px}.property-image{height:440px}.property-info{padding-top:25px}.reverse .property-image,.reverse .property-info{order:initial}.number{font-size:30px;padding-bottom:8px;margin-bottom:20px}.description{font-size:15px}.property-footer{gap:13px}.closing{height:470px}.closing h2{font-size:52px}.contact{grid-template-columns:1fr;padding-top:70px;padding-bottom:60px;gap:25px}.contact h2{font-size:42px}.contact p{font-size:15px}.contact-details>a{font-size:19px}footer{flex-wrap:wrap;gap:25px}footer p{order:3;width:100%;margin:0}.dialog-bar h2{font-size:24px}.dialog-bar button{padding:7px 10px}#gallery-photo{height:58svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Original MPI Rentals brand asset. */
header{background:#fff}.brand{font-size:inherit;letter-spacing:normal;line-height:1;flex-shrink:0}.brand img{display:block;width:185px;height:auto}footer .brand{font-size:inherit}footer .brand img{width:155px}footer{background:#fff}@media(max-width:640px){.brand img{width:142px}footer .brand img{width:142px}}

.hero-content > .button{margin-top:32px}.section-heading .eyebrow{margin-bottom:0}

.carousel-controls{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;background:rgba(244,242,237,.96);color:var(--ink);height:44px}.carousel-controls button{border:0;background:none;width:44px;height:44px;font-size:30px;line-height:1}.carousel-controls button:hover{background:#e0e3d9}.carousel-controls span{min-width:56px;text-align:center;font-size:13px}.photo-open{touch-action:pan-y}@media(max-width:640px){.gallery-button{left:16px;bottom:16px;padding:12px;font-size:12px}.carousel-controls{right:16px;bottom:16px}.carousel-controls span{min-width:48px}}
/* Overlay the original brand and navigation on the full-height opening photo. */
header{position:absolute;top:0;left:0;width:100%;z-index:10;background:transparent;mix-blend-mode:multiply;color:#111}
header .nav-contact{border-color:#111;background:transparent}
.hero{height:100svh;min-height:720px;max-height:1032px}
.hero-shade{mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 112px,#000 38%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.12) 112px,#000 38%)}
.hero-content{top:54%}
@media(max-width:900px){.hero{height:830px;min-height:0;max-height:none}}
@media(max-width:640px){.hero{height:100svh;max-height:none;min-height:652px}.hero-content{top:54%}}
/* Center the header logo independently of the navigation. */
header>.brand{position:absolute;left:50%;top:9px;transform:translateX(-50%)}
header nav{width:100%}
header .nav-contact{margin-left:auto}
@media(max-width:1000px){header nav>a:not(.nav-contact){display:none}}
@media(max-width:640px){header{height:160px;align-items:flex-end;padding-bottom:14px}header>.brand{top:10px}header nav{justify-content:center}header .nav-contact{margin-left:0}}

.intro>div{align-items:start}.about-copy{max-width:560px;color:var(--muted)}.about-copy p{margin:0 0 22px}.about-copy p:last-child{margin-bottom:0}@media(max-width:900px){.intro>div{grid-template-columns:1fr;gap:32px}.about-copy{max-width:680px}}

.property-prices{font-size:16px;line-height:1.6}.property-prices p{margin:0 0 6px}.property-prices p:last-child{margin-bottom:0}.property-prices strong{font-weight:500}
/* Give the introduction title a stronger typographic presence. */
#about h2{font-size:clamp(3.5rem,6vw,5.5rem);line-height:1.06}
@media(max-width:640px){#about h2{font-size:clamp(2.9rem,9vw,3.75rem)}}

.property-text-only{grid-template-columns:1fr;border-top:1px solid var(--line);padding-top:35px}.property-text-only .property-info{max-width:850px;width:100%}.property-text-only .description{max-width:720px}.property-text-only .number{border-bottom:0;padding-bottom:0}

/* Warm, understated treatment for the Who We Are section. */
#about{background:#F7F5F0;position:relative;isolation:isolate}
#about::before{content:"";position:absolute;inset:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);background:#F7F5F0;z-index:-1;pointer-events:none}
#about h2{position:relative}
#about h2::before{content:"";position:absolute;left:0;top:-24px;width:64px;height:1px;background:#7C8464}

/* Full-bleed property cards with readable overlay information. */
.property{display:block;position:relative;min-height:680px;margin-top:75px;overflow:hidden;background:#17211c;color:#fff}
.property-image{height:680px;width:100%}
.property-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,22,18,.78),rgba(12,22,18,.12) 62%,rgba(12,22,18,.2)),linear-gradient(0deg,rgba(12,22,18,.68),transparent 42%);pointer-events:none}
.property-info{position:absolute;z-index:2;inset:0;padding:68px 7%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.property-info .number{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.35);margin-bottom:30px}
.property-info .eyebrow,.property-info h3,.property-info .description,.property-info dt,.property-info dd,.property-info .features,.property-info .location{color:#fff}
.property-info h3{font-size:clamp(48px,5vw,84px);max-width:760px}
.property-info .description{max-width:560px;margin:22px 0 30px}
.property-info dl{max-width:520px}
.property-info .property-footer{margin-top:auto}
.property-info .property-prices{font-size:22px;color:#fff}
.property-info .location{background:var(--paper);color:var(--ink);padding:14px 24px;border:0}
.property-info .gallery-button{z-index:3}
@media(max-width:640px){.property{min-height:650px}.property-image{height:650px}.property-info{padding:42px 7%}.property-info h3{font-size:48px}.property-info .description{font-size:15px}.property-info .property-prices{font-size:18px}}
/* Keep pricing on the right side of the full-bleed property card. */
.property-info .property-footer{position:absolute;right:7%;bottom:58px;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:18px;text-align:right}
.property-info .property-prices{max-width:360px;text-align:right}
.property-info .location{align-self:flex-end}
@media(max-width:640px){.property-info .property-footer{right:7%;bottom:34px;align-items:flex-end}.property-info .property-prices{font-size:17px;max-width:260px}}
/* Place the gallery control in the upper-right corner of each property image. */
.property-info .gallery-button{position:absolute;top:68px;right:7%;z-index:4;background:var(--paper);color:var(--ink);padding:14px 22px;border:0}
@media(max-width:640px){.property-info .gallery-button{top:42px;right:7%;padding:11px 16px;font-size:12px}}
/* Final card positioning refinements. */
.property-info .eyebrow,.property-info h3,.property-info>.description{align-self:flex-end;text-align:right;margin-right:0}
.property-info dl>div:nth-child(2){text-align:center}
.property-info .property-footer{left:7%;right:auto;bottom:58px;align-items:flex-start;text-align:left}
.property-info .property-prices{text-align:left;text-transform:uppercase;font-size:clamp(22px,2.2vw,34px);font-weight:600;letter-spacing:.04em;line-height:1.25}
.property-info .location{position:absolute;right:0;bottom:0;transform:translateY(100%)}
@media(max-width:640px){.property-info .eyebrow,.property-info h3,.property-info>.description{max-width:90%;font-size:inherit}.property-info .property-footer{left:7%;bottom:34px}.property-info .property-prices{font-size:19px}.property-info .location{right:auto;left:0}}
/* Simplify cards: hide redundant labels and center features along the bottom. */
#residences>.section-heading .eyebrow{display:none}
.property-info>.number{display:none}
.property-info>.description{display:none}
.property-info>.features{position:absolute;left:50%;bottom:108px;transform:translateX(-50%);width:max-content;max-width:86%;justify-content:center;text-align:center;z-index:3}
@media(max-width:640px){.property-info>.features{bottom:92px;width:90%;flex-wrap:wrap;line-height:1.8}.property-info>.description{display:none}}
/* Interactive location map with residence markers. */
.location-map{padding-top:110px;padding-bottom:115px}.map-heading{max-width:700px;margin-bottom:42px}.map-heading h2{margin-bottom:18px}.map-heading>p:last-child{color:var(--muted);max-width:560px}.map-wrap{position:relative;border-radius:28px;overflow:hidden;background:#dfe8df}.property-map{height:560px;background:#dfe8df url('https://tile.openstreetmap.org/10/587/357.png') center/cover}.map-card{position:absolute;left:28px;bottom:28px;background:rgba(255,255,255,.94);padding:17px 22px;display:flex;flex-direction:column;gap:3px}.map-card span{font-size:13px;color:var(--muted)}.map-marker{position:absolute;transform:translate(-50%,-100%);border:0;background:var(--ink);color:#fff;border-radius:999px;padding:10px 14px;font-size:12px;box-shadow:0 6px 15px #17211c44;white-space:nowrap}.map-marker::after{content:'';position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border:7px solid transparent;border-top-color:var(--ink);border-bottom:0}.map-marker:hover,.map-marker:focus-visible{background:#7c8464}.map-marker:hover::after,.map-marker:focus-visible::after{border-top-color:#7c8464}@media(max-width:640px){.location-map{padding-top:70px;padding-bottom:70px}.map-wrap{border-radius:18px}.property-map{height:430px}.map-card{left:16px;bottom:16px;padding:13px 16px}}
/* Compact Budapest overview map. */
.property-map{height:360px}
@media(max-width:640px){.property-map{height:280px}}
/* Gallery control sits in the lower-right corner of each property card. */
.property-info .gallery-button{top:auto;bottom:68px;right:7%;left:auto}
@media(max-width:640px){.property-info .gallery-button{bottom:34px;right:7%;top:auto;left:auto}}
.property-image .gallery-button{left:auto;right:24px;bottom:24px;top:auto}
@media(max-width:640px){.property-image .gallery-button{right:16px;left:auto;bottom:16px}}
/* Zoki-inspired editorial direction: charcoal canvas, ivory type, oversized serif display. */
:root{--paper:#151713;--ink:#f4f1e9;--muted:#b9b8ae;--line:#4b5048}
body{background:#151713;color:var(--ink);font-size:15px}
header{background:transparent;color:#fff;mix-blend-mode:normal;height:96px;padding:0 4.5%}
header>.brand{left:4.5%;top:30px;transform:none;filter:brightness(0) invert(1)}
header .brand img{width:230px}
header nav{justify-content:flex-end}
header .nav-contact{border-color:rgba(255,255,255,.65);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}
.hero{height:100svh;min-height:680px;max-height:none}
.hero>img{object-position:center 50%}
.hero-shade{background:linear-gradient(90deg,rgba(10,12,10,.66),rgba(10,12,10,.1) 70%),linear-gradient(0deg,rgba(10,12,10,.55),transparent 45%);mask-image:none;-webkit-mask-image:none}
.hero-content{left:7%;top:55%;max-width:690px}
.hero h1{font-size:clamp(68px,8.5vw,132px);line-height:.88;letter-spacing:-.025em}
.hero-content>.button{margin-top:44px;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.65);padding:9px 0;text-transform:uppercase;letter-spacing:1.7px;font-size:11px}
.hero-bottom{left:7%;right:7%;font-size:10px;color:rgba(255,255,255,.75)}
.intro,.residences,.location-map,.contact{background:#151713}
.intro{border-bottom:1px solid var(--line);padding-top:145px;padding-bottom:145px}
#about::before{background:#151713}
#about h2{font-size:clamp(60px,7vw,110px);letter-spacing:-.02em}
#about h2::before{background:#b2a77d}
.about-copy{color:#c4c3b8}
.residences{padding-top:145px;padding-bottom:145px}
.section-heading{margin-bottom:72px}.filters{border-color:var(--line)}.filters button{color:#9d9e96;text-transform:uppercase;letter-spacing:1.4px;font-size:11px}.filters button.active{color:#fff;border-color:#fff}
.property{margin-top:95px;background:#1b1e1a;min-height:760px}.property-image{height:760px}.property-image::after{background:linear-gradient(90deg,rgba(10,13,10,.8),rgba(10,13,10,.05) 70%),linear-gradient(0deg,rgba(10,13,10,.72),transparent 50%)}
.property-info{padding:78px 7%}.property-info h3{font-size:clamp(56px,6vw,104px);letter-spacing:-.025em}.property-info .eyebrow{letter-spacing:2.8px;color:#dddcd4}.property-info dl{border-color:rgba(255,255,255,.4)}.property-info .features{color:#e0ded5}.property-info .property-prices{font-size:clamp(24px,2.5vw,38px);letter-spacing:.03em}.property-info .location{background:#f1eee5;color:#1a1d18;text-transform:uppercase;letter-spacing:1.2px;font-size:10px}
.gallery-button{background:rgba(241,238,229,.94);color:#1a1d18;text-transform:uppercase;letter-spacing:1px;font-size:10px}
.location-map{padding-top:145px;padding-bottom:145px}.map-heading h2{font-size:clamp(56px,6vw,96px);letter-spacing:-.02em}.map-heading>p:last-child{color:#aeb0a7}.map-wrap{border-radius:0}.map-card{background:#f1eee5;color:#1a1d18}.property-map{filter:saturate(.75) brightness(.8)}
.closing{height:720px}.closing:after{background:rgba(10,13,10,.58)}.closing h2{font-size:clamp(62px,7vw,110px);letter-spacing:-.025em}
.contact{border-top:1px solid var(--line);padding-top:145px;padding-bottom:145px}.contact-details>a{border-color:var(--line)}.contact-details p,.contact p{color:#adafa7}
footer{border-color:var(--line);background:#151713;color:#aaa}.brand img{filter:brightness(0) invert(1)}footer p,footer>a:last-child{color:#aaa}
@media(max-width:640px){header{height:120px;padding:0 7%}header>.brand{left:7%;top:22px}.hero h1{font-size:56px}.hero-content{left:7%;top:52%}.property,.property-image{min-height:650px;height:650px}.property-info{padding:44px 7%}.property-info h3{font-size:54px}.intro,.residences,.location-map,.contact{padding-top:85px;padding-bottom:85px}.closing{height:540px}}
/* Minimal card treatment requested in preview comments. */
header>.brand,footer .brand{display:none}
.property-info .property-prices,.property-info>.features{display:none}
.property-info{cursor:pointer}
.property-info:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}

/* Show residences side by side on larger screens. */
@media(min-width:901px){
  #residences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:5.5%;padding-right:5.5%}
  #residences>.section-heading{grid-column:1/-1}
  #residences>.property{display:block;margin-top:0;min-height:680px}
  #residences>.property .property-image{height:680px}
}
@media(max-width:900px){#residences{display:block}}

/* Keep property context minimal and anchor the key figures near the bottom of each card. */
.property-info>.eyebrow{display:none}
@media(min-width:901px){
  .property-info dl{position:absolute;left:7%;bottom:122px;width:min(520px,86%);max-width:none;background:rgba(10,13,10,.28);padding:18px 0;border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65)}
}
@media(max-width:900px){
  .property-info dl{position:absolute;left:7%;right:7%;bottom:106px;width:auto}
}

/* Light collection backdrop and compact icon-led details. */
#residences{background:#f4f2ed;color:#222823}
#residences .filters button{color:#697067}
#residences .filters button.active{color:#222823;border-color:#222823}
.property-info dl{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.property-info dt{white-space:nowrap}
.property-info dd{white-space:nowrap}
.property-info dt::before{content:'◇';display:inline-block;margin-right:7px;font-size:11px;opacity:.8}
.property-info .location{left:7%;right:auto;bottom:28px;transform:none;width:42px;height:42px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0;background:#f4f2ed;color:#1a1d18}
.property-info .location::before{content:'⌖';font-size:23px;line-height:1}
@media(max-width:640px){.property-info .location{left:7%;bottom:20px;width:38px;height:38px}}

/* Gallery shortcut and compact property facts. */
.property-info dl{padding:12px 0}
.property-info dt{font-size:9px;letter-spacing:1px}
.property-info dd{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:500;line-height:1.2}
.property-info dd small{font-size:12px}
.property-info .location::before{content:'📷';font-size:20px}

/* Light, centered information sections. */
#about,#locations{background:#f7f5f0;color:#222823}
#about::before,#locations::before{content:"";position:absolute;inset:0;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);background:#f7f5f0;z-index:-1;pointer-events:none}
#about{position:relative}
#about h2{font-size:clamp(4.5rem,8vw,8rem);text-align:center}
#locations{position:relative}
#locations .map-heading h2{color:#222823}
#locations{isolation:isolate}

/* Remove the overlay information panels from the residence cards. */
.property-info{display:none}

/* Keep only the compact camera shortcut; remove the large gallery labels. */
.property-image .gallery-button{display:none}
.property-info .location{width:34px;height:26px;border-radius:2px;background:transparent;color:#f4f2ed;border:1px solid rgba(244,242,237,.9);bottom:28px}
.property-info .location::before{content:'◉';font-family:Arial,sans-serif;font-size:13px;line-height:1;border:1px solid currentColor;border-radius:2px;width:13px;height:9px;display:flex;align-items:center;justify-content:center}
.property-info .location::after{content:'';position:absolute;left:5px;right:5px;bottom:-6px;border-bottom:1px solid currentColor;box-shadow:0 3px 0 rgba(244,242,237,.75)}
.property-info{display:flex}

/* Final alignment refinements. */
#about h2{align-self:center;justify-self:center;text-align:center}
@media(min-width:901px){.property-info dl{left:auto;right:7%;width:48%;bottom:112px}}

/* Remove the location shortcut and balance the three facts along the card bottom. */
.property-info .location{display:none}
@media(min-width:901px){
  .property-info dl{right:7%;left:auto;width:78%;bottom:110px;gap:10px}
  .property-info dt{font-size:8px;letter-spacing:.5px}
  .property-info dd{font-size:16px}
  .property-info dt::before{margin-right:4px;font-size:9px}
}

/* Full-width, transparent facts row at the bottom of each image. */
.property-info dl{left:7%;right:7%;width:auto;bottom:74px;background:transparent;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);padding:14px 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.property-info dt{font-size:9px;letter-spacing:1px}
.property-info dd{font-size:16px}
@media(max-width:640px){.property-info dl{left:7%;right:7%;bottom:70px}}

/* Facts sit flush with the image edge without a framed panel. */
.property-info dl{left:0;right:0;bottom:0;width:100%;border:0;background:transparent;padding:18px 7% 24px;gap:0}
.property-info dt{font-size:10px;letter-spacing:1.1px}
.property-info dd{font-size:19px;font-weight:500}
.property-info dd small{font-size:13px}
@media(max-width:640px){.property-info dl{left:0;right:0;width:100%;padding-left:7%;padding-right:7%;bottom:0}}

/* Stack the property facts vertically along the lower-left edge. */
.property-info dl{left:7%;right:auto;bottom:24px;width:230px;display:grid;grid-template-columns:1fr;gap:12px;padding:0;border:0;background:transparent}
.property-info dl>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:8px}
.property-info dt{margin:0}
.property-info dd{font-size:18px}
@media(max-width:640px){.property-info dl{left:7%;right:auto;bottom:22px;width:210px}}

/* Warm gold status badge and explicit gallery action. */
.property .badge{background:#c7a45a;color:#171a16;font-weight:600;letter-spacing:1.1px;cursor:pointer}
.property .badge:hover{background:#d8b96d}
.property-image .gallery-button{display:inline-flex;right:24px;left:auto;bottom:24px;background:#c7a45a;color:#171a16;border:0;padding:10px 16px;font-size:11px;letter-spacing:.8px}

/* Place property actions above the shade and keep the information overlay click-through. */
.property-image::after{z-index:1;pointer-events:none}
.property-info{pointer-events:none}
.property-image .badge,.property-image .gallery-button{z-index:3;pointer-events:auto}
.property-image .badge{border:0}
.property-image .gallery-button:hover{background:#d8b96d}

/* Reserve a separate bottom action row so gallery buttons never cover facts. */
.property-info dl{bottom:92px;max-width:86%;width:230px}
@media(max-width:640px){.property-info dl{bottom:88px;width:210px}}

/* Hidden cards must remain hidden after all layout overrides. */
.property[hidden]{display:none!important}
.property .badge{cursor:default}

/* One responsive horizontal row for any number of residences. */
#residences{display:block;padding-left:5.5%;padding-right:5.5%}
#residences .section-heading{margin-bottom:24px}
.residence-navigation{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:0 0 24px;color:var(--ink)}
.residence-navigation button{width:44px;height:44px;border:1px solid #b7b5aa;background:transparent;color:var(--ink);font-size:23px}
.residence-navigation button:hover:not(:disabled){background:#c7a45a;border-color:#c7a45a}
.residence-navigation button:disabled{opacity:.3;cursor:default}
.residence-navigation span{font-size:12px;letter-spacing:1px;min-width:44px;text-align:center}
.residence-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c7a45a transparent;padding-bottom:18px}
.residence-track>.property{flex:0 0 calc((100% - 56px)/3);min-width:0;margin:0;scroll-snap-align:start;min-height:680px;height:680px}
.residence-track>.property .property-image{height:100%}
@media(max-width:900px){.residence-track>.property{flex-basis:calc((100% - 28px)/2)}}
@media(max-width:640px){.residence-track{gap:16px}.residence-track>.property{flex-basis:90%;height:650px;min-height:650px}.residence-track .property-info h3{font-size:clamp(38px,10vw,54px)}}

/* Highlight the residence under the pointer without shifting the row. */
.residence-track{padding-top:10px;margin-top:-10px}
.residence-track>.property{transition:transform .25s ease,box-shadow .25s ease}
.residence-track>.property::after{content:'';position:absolute;inset:0;border:2px solid transparent;z-index:4;pointer-events:none;transition:border-color .25s ease}
.residence-track>.property:focus-within{transform:translateY(-6px);box-shadow:0 8px 20px rgba(35,31,20,.18)}
.residence-track>.property:focus-within::after{border-color:#c7a45a}
@media(hover:hover) and (pointer:fine){
 .residence-track>.property:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(35,31,20,.18)}
 .residence-track>.property:hover::after{border-color:#c7a45a}
 .residence-track>.property:hover .property-image img{transform:scale(1.035)}
}
.residence-navigation,.residence-navigation button{color:#222823}
@media(prefers-reduced-motion:reduce){.residence-track>.property:hover,.residence-track>.property:focus-within{transform:none}.residence-track>.property:hover .property-image img{transform:none}}

/* Scale the complete card, including its text and action, on hover. */
.residence-track{padding:30px 14px 38px;margin:-30px -14px -20px;scroll-padding-inline:14px}
.residence-track>.property{transform-origin:center;z-index:0}
@media(hover:hover) and (pointer:fine){
 .residence-track>.property:hover{transform:translateY(-4px) scale(1.04);z-index:5;box-shadow:0 12px 26px rgba(35,31,20,.24)}
 .residence-track>.property:hover .property-image img{transform:none}
}
.residence-track>.property:focus-within{transform:translateY(-4px) scale(1.04);z-index:5}
@media(prefers-reduced-motion:reduce){.residence-track>.property:hover,.residence-track>.property:focus-within{transform:none}}