/* One typographic scale, one content grid and a consistent photographic rhythm. */
:root{--serif:var(--sans);--ink:#2a302f;--wine:#252b2a;--section-space:clamp(64px,7.1vw,120px);--grid-gap:28px}
body{color:var(--ink);-webkit-font-smoothing:antialiased}
h2,.journal-heading h2{font:300 clamp(27px,2.4vw,40px)/1.2 var(--sans);letter-spacing:-.035em}
h3,.guide-card h3{font:400 clamp(16px,1.35vw,21px)/1.4 var(--sans);letter-spacing:-.02em}
.wrap{max-width:1440px}.section-heading{margin-bottom:28px;align-items:center}.collection{padding-top:42px;padding-bottom:var(--section-space)}.featured{padding-top:var(--section-space);padding-bottom:var(--section-space)}.rentals,.journal{padding-bottom:var(--section-space)}
.introduction{padding-bottom:46px}.introduction h1{letter-spacing:.065em;font-size:clamp(25px,2.65vw,46px)}.introduction>.eyebrow{color:#747a77;font-size:11px;letter-spacing:.22em}.vertical-rule{opacity:.45}
.carousel{gap:var(--grid-gap);grid-auto-columns:calc((100% - (var(--columns) - 1)*var(--grid-gap))/var(--columns));padding-bottom:10px}.property-card .reference-photo,.carousel .photo{aspect-ratio:1.55!important}.rental-grid.carousel .reference-photo,.rental-grid.carousel .photo{aspect-ratio:1.28!important}.reference-photo.real-photo img{position:static;max-width:100%;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1)}.property-card:hover .real-photo img,.property-card:focus-visible .real-photo img{transform:scale(1.035)}.property-card h3{margin-top:17px}.property-card .eyebrow,.carousel .property-card>p:not(.eyebrow),.featured-caption .eyebrow{margin-top:5px;font-size:11px;line-height:1.6;letter-spacing:.09em;color:#7b807d;font-weight:300}.reference-photo::after,.photo::after{opacity:.15}.property-card:hover .reference-photo::after,.property-card:hover .photo::after,.guide-card:hover .reference-photo::after{opacity:.015}
.button{font-size:11px;letter-spacing:.1em;font-weight:400;min-height:48px;padding:14px 27px;border-color:#b3b8b3}.slider-controls button,.carousel-controls button{width:42px;height:42px;border:1px solid #dde0dc;border-radius:50%;color:#555e58}.slider-controls,.carousel-controls{gap:10px}.slider-controls button:hover,.carousel-controls button:not(:disabled):hover{background:#f3f4f1;border-color:#bbc1bb;color:#222}.chevron{width:8px;height:8px;border-width:1px 1px 0 0}.slider-controls button:focus-visible,.carousel-controls button:focus-visible{outline-offset:4px}
.seller{width:100%;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-rows:auto auto;column-gap:7%;padding:64px 10.13%;background:#252b2a;color:#f2f2ec;align-items:center}.seller-copy{grid-column:1;grid-row:1;align-self:end;width:auto;padding:0}.seller-copy h2{font:300 clamp(32px,3.15vw,52px)/1.13 var(--sans);letter-spacing:-.04em}.seller-copy>.line{display:none}.seller-copy .button{margin-top:30px;color:#eee;border-color:#7a817b}.seller-copy .button:hover{background:#fff;color:#252b2a}.seller-aside{position:static;grid-column:1;grid-row:2;align-self:start;max-width:290px;font-size:13px;line-height:1.8;color:#b4bcb6;margin-top:22px;letter-spacing:0}.seller-image.reference-photo{position:relative;grid-column:2;grid-row:1/3;top:auto;width:100%;height:355px;aspect-ratio:auto!important;clip-path:none}.seller-image::after{opacity:.13}.seller-image:hover::after{opacity:.02}
#featured-photo{height:auto;aspect-ratio:2.05}#featured-photo>.reference-photo{width:100%;height:100%}.featured-caption{margin-top:22px}.featured-caption h3{font-size:20px}.featured-caption .button{min-width:165px}
.journal{border-top:1px solid #e5e7e2;padding-top:54px}.journal-heading{margin-bottom:28px}.journal-heading h2 .line,.guide-card>.line{display:none}.journal-heading p{font:300 13px/1.7 var(--sans);color:#767d77;margin-top:10px}.journal-controls{margin-top:-78px;margin-bottom:36px}.guide-card>.eyebrow{margin-top:17px;font-size:11px;color:#7b807d;letter-spacing:.1em;font-weight:300}.guide-card h3{margin-top:5px;font-size:17px}.guide-grid.carousel .reference-photo{aspect-ratio:1.55!important}
.reference-footer .footer-inner{width:79.74%;max-width:1440px;padding-top:72px;padding-bottom:72px}.reference-footer{background:#202523}.footer-legal{padding-left:10.13%;padding-right:10.13%}.reference-footer h2{font-size:18px;letter-spacing:.07em}.reference-footer h3{font-size:13px;font-weight:400;letter-spacing:.09em}.footer-columns{margin-top:72px}.footer-columns a,.footer-columns button{font-size:11px;letter-spacing:.035em}.footer-social img{width:26px;height:26px}.reference-footer .subscribe{height:50px}.reference-footer .subscribe button{background:#3d4540;font-size:11px}.reference-footer .subscribe input{font-size:11px}.footer-conversation :is(.footer-mail,.footer-call){min-height:48px}.footer-legal{font-size:11px}
@media(min-width:1800px){.seller{padding-left:max(10.13%,calc((100% - 1440px)/2));padding-right:max(10.13%,calc((100% - 1440px)/2))}.seller-image.reference-photo{height:430px}}
@media(max-width:900px){.seller{column-gap:5%;padding-top:45px;padding-bottom:45px}.seller-image.reference-photo{height:310px}.seller-copy h2{font-size:34px}}
@media(max-width:700px){:root{--section-space:58px;--grid-gap:18px}.wrap{width:88%}h2,.journal-heading h2{font-size:27px;letter-spacing:-.035em}.introduction{padding-bottom:38px}.introduction h1{font-size:25px;letter-spacing:.025em}.collection{padding-top:22px}.section-heading{margin-bottom:23px;gap:12px}.section-heading h2{max-width:72%}.carousel{grid-auto-columns:86%;gap:18px}.property-card h3{font-size:17px;margin-top:14px}.slider-controls,.carousel-controls{gap:6px}.slider-controls button,.carousel-controls button{width:34px;height:34px}.seller{padding:38px 6%;grid-template-columns:1fr;gap:0}.seller-copy{grid-column:1;grid-row:1;align-self:auto}.seller-copy h2{font-size:35px}.seller-copy .button{margin-top:24px}.seller-aside{grid-row:2;margin-top:18px;max-width:300px}.seller-image.reference-photo{grid-column:1;grid-row:3;height:250px;margin-top:30px}.featured-caption h3{font-size:17px}.featured-caption .button{min-width:0;font-size:10px;padding:12px 16px}#featured-photo{aspect-ratio:1.45}.journal{padding-top:38px}.journal-heading{margin-bottom:16px}.journal-controls{margin:0 0 22px}.reference-footer .footer-inner{width:88%;padding-top:46px;padding-bottom:38px}.footer-columns{margin-top:38px}.footer-legal{padding-left:6%;padding-right:6%}}
@media(prefers-reduced-motion:reduce){.reference-photo.real-photo img{transition:none}.property-card:hover .real-photo img{transform:none}}
.seller{grid-template-rows:auto}.seller-copy{align-self:center}.seller-copy .seller-aside{margin-top:24px;max-width:285px;font-size:14px;line-height:1.75;color:#bac2bc}.seller-copy .button{margin-top:28px}.seller-image.reference-photo{grid-row:1}
@media(max-width:700px){.seller-image.reference-photo{grid-row:2}.seller-copy .seller-aside{margin-top:18px;font-size:13px}.seller-copy .button{margin-top:23px}}
/* Follow-up: quieter transitions and edge-to-edge seller photography. */
.introduction{padding:36px 0 54px}.introduction .vertical-rule{display:none}.introduction>.eyebrow{margin-top:13px}.collection{padding-top:0}.slider-controls button,.carousel-controls button{border:0;border-radius:0;background:none}.slider-controls button:hover,.carousel-controls button:not(:disabled):hover{background:none;border:0;color:#111}.slider-controls,.carousel-controls{gap:6px}.chevron{width:10px;height:10px}
.seller{padding:0;grid-template-columns:43% 57%;gap:0;min-height:440px;align-items:stretch}.seller-copy{padding:65px 40px 65px max(10.13vw,calc((100vw - 1440px)/2));align-self:center}.seller-copy h2{font-size:clamp(32px,3vw,49px)}.seller-image.reference-photo{grid-column:2;grid-row:1;height:100%;min-height:440px;margin:0;align-self:stretch}.seller-copy .seller-aside{max-width:280px}.seller-image.real-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#featured-photo{aspect-ratio:2.5}.featured-caption{margin-top:18px}.rental-grid .property-card>p{display:none}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.journal-controls{margin:0;flex:none}.journal-heading p{margin-top:12px}.journal-heading h2{font-size:clamp(27px,2.4vw,40px)}.guide-card>.eyebrow{display:none}.guide-card h3{margin-top:17px}
@media(max-width:1100px) and (min-width:701px){.seller-copy{padding-left:10.13vw;padding-right:25px}.seller-copy h2{font-size:32px}}
@media(max-width:700px){.introduction{padding:29px 0 44px}.introduction>.eyebrow{margin-top:12px}.collection{padding-top:0}.seller{grid-template-columns:1fr;min-height:0}.seller-copy{padding:36px 6%;grid-row:1}.seller-copy h2{font-size:35px}.seller-image.reference-photo{grid-column:1;grid-row:2;height:280px;min-height:0;margin:0}.journal-heading{align-items:flex-start;gap:10px}.journal-heading>div:first-child{min-width:0}.journal-heading h2{font-size:25px}.journal-heading p{font-size:12px;max-width:250px}.journal-controls{margin:0;padding-top:0}.journal-controls button{width:30px}#featured-photo{aspect-ratio:1.55}}
/* Signature returned to the photograph, with a quieter navigation grouping. */
.hero::after{opacity:.43}.hero:hover::after{opacity:.37}.hero-caption{left:6%;right:6%;bottom:54px;color:#fff}.hero-caption>p{font-size:clamp(11px,.95vw,15px);letter-spacing:.2em;margin-bottom:20px;color:#fff}.hero-caption h1{font:300 clamp(27px,2.65vw,46px)/1.2 var(--sans);letter-spacing:.065em;color:#fff;background:linear-gradient(110deg,#e7e7e4 0%,#e7e7e4 43%,#fff 49%,#fff 51%,#e7e7e4 57%,#e7e7e4 100%);background-size:260% 100%;background-position:var(--sheen-position,145%) 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-caption .hero-actions{margin-top:38px}.collection{padding-top:72px}.site-header,.site-header.is-sticky{gap:6vw}.site-header .nav-left{justify-content:flex-end}.site-header .nav-right{justify-content:flex-start}.language-toggle img{width:24px;height:24px}.language-toggle{width:30px;height:36px}
@media(max-width:1100px) and (min-width:701px){.site-header,.site-header.is-sticky{gap:3vw}.site-header nav{gap:20px}.language-toggle img{width:22px;height:22px}}
@media(max-width:700px){.hero-caption{bottom:44px}.hero-caption>p{font-size:11px;margin-bottom:17px}.hero-caption h1{font-size:25px;letter-spacing:.025em;max-width:none}.hero-caption .hero-actions{margin-top:30px}.collection{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.hero-caption h1{background:none;-webkit-text-fill-color:#fff;color:#fff}}
/* Full-height hero on desktop and mobile. */
.hero{height:100svh;min-height:0;max-height:none}
/* Optical alignment of the globe and a lighter central brand presence. */
.site-header .language-toggle{transform:translateY(-3px)}
.site-header:not(.is-sticky) .original-logo{width:84px}
@media(min-width:1800px){.site-header:not(.is-sticky) .original-logo{width:100px}}
@media(min-width:701px) and (max-width:1100px){.site-header:not(.is-sticky) .original-logo{width:66px}}
@media(max-width:700px){.site-header:not(.is-sticky) .original-logo{width:59px}}
/* Preserve the upper photograph while adding contrast behind the caption. */
.hero::after,.hero:hover::after{background:linear-gradient(to bottom,rgba(0,0,0,.43) 0%,rgba(0,0,0,.43) 40%,rgba(0,0,0,.51) 66%,rgba(0,0,0,.72) 100%);opacity:1}
.hero-caption h1{background:none;color:#fff;-webkit-text-fill-color:#fff}
.hero-caption .hero-secondary{border-color:rgba(255,255,255,.8);color:#fff}
.hero-caption .hero-secondary:hover{color:#343634}
/* Give the central logo more breathing room. */
.site-header,.site-header.is-sticky{column-gap:8vw}
.site-header:not(.is-sticky) .original-logo{width:75.6px}
.site-header.is-sticky .original-logo{width:36px}
@media(min-width:1800px){.site-header:not(.is-sticky) .original-logo{width:90px}}
@media(min-width:701px) and (max-width:1100px){.site-header,.site-header.is-sticky{column-gap:4vw}.site-header:not(.is-sticky) .original-logo{width:59.4px}}
@media(max-width:700px){.site-header:not(.is-sticky) .original-logo{width:53.1px}.site-header.is-sticky .original-logo{width:30.6px}}
/* Align both outside navigation edges with the content grid. */
@media(min-width:701px){
 .site-header,.site-header.is-sticky{padding-left:max(10.13vw,calc((100vw - 1440px)/2));padding-right:max(10.13vw,calc((100vw - 1440px)/2));column-gap:3vw}
 .site-header .nav-left{justify-content:flex-start}
 .site-header .nav-right{justify-content:flex-end}
 .site-header nav{gap:clamp(18px,2.5vw,48px)}
 .site-header .language-toggle{width:24px}
}
@media(min-width:701px) and (max-width:1100px){.site-header,.site-header.is-sticky{column-gap:2vw}.site-header nav{gap:18px}}
/* Match the monogram's visual weight to the navigation. */
.site-header:not(.is-sticky) .original-logo{width:66px;opacity:.78}
.site-header:not(.is-sticky) nav,.site-header:not(.is-sticky) .menu-toggle{color:rgba(255,255,255,.82)}
.site-header:not(.is-sticky) .language-toggle img{opacity:.82}
@media(min-width:1800px){.site-header:not(.is-sticky) .original-logo{width:78px}}
@media(min-width:701px) and (max-width:1100px){.site-header:not(.is-sticky) .original-logo{width:54px}}
@media(max-width:700px){.site-header:not(.is-sticky) .original-logo{width:48px}}
/* Balance the hero signature with its two actions. */
.hero-caption h1{font-size:clamp(23px,2.2525vw,39.1px)}
.hero-caption>p{letter-spacing:.14em;margin-bottom:17px}
.hero-caption .hero-actions{margin-top:28px}
@media(max-width:700px){.hero-caption h1{font-size:21.25px}.hero-caption>p{margin-bottom:14px}.hero-caption .hero-actions{margin-top:24px}}
/* Keep the additional whitespace above Selected properties. */
.collection{padding-top:100px}
@media(max-width:700px){.collection{padding-top:68px}}
/* Property labels sit within the photograph in a quiet Avenir treatment. */
:is(.sale-grid,.rental-grid) .property-card{position:relative;display:block;overflow:hidden}
:is(.sale-grid,.rental-grid) .property-card::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.65) 100%)}
:is(.sale-grid,.rental-grid) .property-image-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:27px;text-align:center;color:#fff;pointer-events:none}
:is(.sale-grid,.rental-grid) .property-image-caption h3{margin:0;font-family:'Avenir','Avenir Next',var(--sans);font-size:clamp(14px,1.25vw,20px);font-weight:400;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
:is(.sale-grid,.rental-grid) .property-image-caption p{margin:9px 0 0;font-family:'Avenir','Avenir Next',var(--sans);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.88)}
@media(max-width:700px){:is(.sale-grid,.rental-grid) .property-image-caption{left:14px;right:14px;bottom:20px}:is(.sale-grid,.rental-grid) .property-image-caption h3{font-size:14px}:is(.sale-grid,.rental-grid) .property-image-caption p{margin-top:7px}}
/* Expand the shared desktop content grid by five percent. */
@media(min-width:701px){
 :root{--gutter:8.1365vw;--content-edge:max(8.1365vw,calc((100vw - 1512px)/2))}
 .wrap{width:83.727%;max-width:1512px}
 .reference-footer .footer-inner{width:83.727%;max-width:1512px}
 .site-header,.site-header.is-sticky{padding-left:var(--content-edge);padding-right:var(--content-edge)}
 .seller-copy{padding-left:var(--content-edge)}
 .footer-legal{padding-left:var(--content-edge);padding-right:var(--content-edge)}
}

/* Spacing after removing the featured property section. */
.rentals{padding-top:var(--section-space)}

/* Rentals share the sales collection’s landscape image format. */
.rental-grid.carousel .reference-photo,.rental-grid.carousel .photo{aspect-ratio:1.55!important}

/* Collection headings follow the quiet uppercase newsletter treatment. */
.collection > .section-heading h2,
.rentals > .section-heading h2,
.journal > .journal-heading h2 {
 font-family: Avenir, 'Avenir Next', var(--sans);
 font-size: 28px;
 font-weight: 300;
 line-height: 1.4;
 letter-spacing: .07em;
 text-transform: uppercase;
}
@media(max-width:700px){
 .collection > .section-heading h2,
 .rentals > .section-heading h2,
 .journal > .journal-heading h2 {font-size:22px}
}