@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--gold:#c29e47;--black:#080808;--cream:#f7f3ec;--text:#242424}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--text);font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;display:block}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.08;font-weight:500;margin:.15em 0 .45em}h1{font-size:clamp(3.3rem,7vw,6.4rem)}h2{font-size:clamp(2.6rem,4.5vw,4.5rem)}h3{font-size:2rem}em{font-weight:400;color:var(--gold)}p{margin:0 0 1.2rem}.container{max-width:1240px;padding:0 32px;margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:999;background:white}.header{position:sticky;top:0;z-index:50;background:var(--black);color:white;border-bottom:1px solid #343434}.header-inner{max-width:1440px;margin:auto;padding:10px 30px;min-height:82px;display:flex;align-items:center;gap:35px}.logo{width:200px;height:66px;object-fit:contain;object-position:left center}.desktop-nav{display:flex;gap:24px;align-items:center;margin:auto}.desktop-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;border:1px solid transparent;border-radius:2px;padding:13px 23px;min-height:48px;font:600 12px Montserrat,Arial,sans-serif;letter-spacing:.045em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:white}.gold:hover{background:#a78331;color:white}.dark{background:var(--black);color:white}.dark:hover{color:white;background:#333}.outline-light{border-color:#c4c4c4;color:white}.outline-light:hover{color:var(--gold)}.desktop-cta{border-radius:40px;white-space:nowrap}.menu-toggle,.mobile-nav{display:none}.home-hero{background:var(--black);color:white}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding-top:60px;padding-bottom:60px}.hero-grid h1{max-width:750px}.hero-grid p:not(.eyebrow){max-width:560px}.hero-art{border:1px solid #403724;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at center,#252016,#080808 75%)}.hero-art img{width:100%;max-width:520px}.hero-art p{font-size:10px;letter-spacing:.2em;color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.section{padding-top:95px;padding-bottom:95px}.section-head{max-width:730px;margin-bottom:36px}.section-head p:not(.eyebrow){max-width:590px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.property-card{border:1px solid #e7e2d9;overflow:hidden}.property-card a:hover{color:inherit}.property-card:hover{box-shadow:0 12px 32px #00000013}.photo-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#ded4bd,#f2ece0 47%,#9e987e);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:26px;gap:8px;color:#2e2a24}.photo-placeholder span,.photo-placeholder small{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.photo-placeholder strong{font:500 clamp(26px,3vw,42px) 'Cormorant Garamond',Georgia,serif;line-height:1.05}.photo-placeholder.large{aspect-ratio:16/7;min-height:300px}.card-content{padding:24px}.card-content h3{font-size:29px}.card-content p{font-size:12px}.text-link{font-weight:700;color:#987522;font-size:12px}.center{text-align:center;margin-top:36px}.cream{background:var(--cream)}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.community-card{min-height:240px;background:#161616;color:white;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border-top:4px solid var(--gold)}.community-card:nth-child(even){background:#292723}.community-card:hover{color:white;transform:translateY(-3px)}.community-card h3{font-size:42px}.community-card span:last-child{font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split .btn{margin-right:10px;margin-top:15px}.portrait-panel{display:flex;align-items:center;justify-content:center}.portrait-panel img{width:100%;height:auto;object-fit:contain}.black-band{background:var(--black);color:white}.black-band .container{max-width:850px}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-teaser{background:var(--cream);padding:26px;display:flex;align-items:center;flex-direction:column;text-align:center}.guide-teaser img{height:230px;width:auto;object-fit:contain}.guide-teaser h3{font-size:30px}.page-hero{padding-top:80px;padding-bottom:55px}.page-hero h1{max-width:980px}.lead{font-size:18px;max-width:760px}.breadcrumbs{font-size:11px;color:#666}.property-detail{padding-bottom:90px}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin:55px 0}.inquiry{background:var(--cream);padding:32px;align-self:start}.inquiry .btn{width:100%;margin:8px 0}.note{font-size:11px;color:#777}.resource-row{display:grid;grid-template-columns:1.5fr .8fr;gap:70px;align-items:center;border-bottom:1px solid #ddd;padding:40px 0 70px}.resource-row img{max-height:330px;margin:auto;object-fit:contain}.blog-card{padding:30px;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-grid iframe{width:100%;height:310px;border:0;margin-top:20px}.form-panel{background:var(--cream);padding:36px}label{display:block;font-size:12px;font-weight:600;margin:0 0 16px}input,textarea,select{width:100%;border:1px solid #c9c5be;background:white;padding:14px;font:14px Montserrat,Arial,sans-serif;margin-top:7px;border-radius:0}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold)}.footer{background:var(--black);color:white;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:65px}.footer-grid h2{font-size:46px}.footer-grid h3{font-size:26px}.footer-grid a{display:block}.footer-grid .btn{display:inline-flex}.fine,.foot-bottom{font-size:10px;color:#b0b0b0}.foot-bottom{border-top:1px solid #333;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;gap:25px}
@media(max-width:1120px){.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.logo{width:155px}.desktop-cta{font-size:10px;padding:10px}.header-inner{gap:15px}}
@media(max-width:850px){.container{padding:0 20px}.header-inner{min-height:72px;padding:7px 18px;justify-content:space-between}.logo{width:175px;height:60px}.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #555;color:white;font-size:25px;min-width:44px;min-height:44px}.mobile-nav.open{display:flex}.mobile-nav{flex-direction:column;padding:12px 20px 24px;gap:8px}.mobile-nav a{padding:10px 0}.mobile-nav .btn{margin-top:12px}.hero-grid,.split,.detail-grid,.contact-grid,.resource-row{grid-template-columns:1fr;gap:32px}.hero-grid{padding-top:65px;padding-bottom:45px;min-height:auto}.hero-art{min-height:260px}.section{padding-top:65px;padding-bottom:65px}.property-grid,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-bottom{flex-direction:column}.photo-placeholder.large{aspect-ratio:4/3}.resource-row img{max-height:270px}}
@media(max-width:540px){h1{font-size:clamp(3rem,13vw,4.2rem)}.property-grid,.community-grid,.two-grid,.footer-grid{grid-template-columns:1fr}.community-card{min-height:185px}.section{padding-top:55px;padding-bottom:55px}.page-hero{padding-top:48px;padding-bottom:35px}.hero-art{min-height:230px}.form-panel{padding:20px}.footer{padding-top:45px}.resource-row{gap:15px}.actions .btn{width:100%}}

/* Muted video sits behind the homepage hero while the text remains readable. */
.home-hero{position:relative;overflow:hidden;isolation:isolate}.hero-video{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.hero-video iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.55));pointer-events:none}.home-hero .hero-art{background:rgba(8,8,8,.65)}@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{max-width:850px}

/* Keep Rose’s complete original headshot visible at every screen size. */
.about-photo{background:transparent;overflow:visible}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;clip-path:none;margin:0;transform:none}

/* The homepage Meet Rose portrait is a full, uncropped 2 × 2 inch square. */
.portrait-panel img{width:2in;height:2in;max-width:100%;object-fit:contain}

/* Quiet motion outside the locked homepage hero. */
@media (prefers-reduced-motion: no-preference) {
  .reveal-section{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal-section.is-visible{opacity:1;transform:none}
  .property-card,.community-card,.guide-teaser,.blog-card{transition:transform .28s ease,box-shadow .28s ease}
  .property-card:hover,.property-card:focus-within,.community-card:hover,.community-card:focus-visible,.guide-teaser:hover,.guide-teaser:focus-visible,.blog-card:hover,.blog-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12)}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Rose’s button palette: yellow with black text across every page and state. */
.btn,.btn.gold,.btn.dark,.btn.outline-light,.menu-toggle{background:#f5c518;color:#080808;border-color:#f5c518}
.btn:hover,.btn:focus-visible,.btn.gold:hover,.btn.dark:hover,.btn.outline-light:hover,.menu-toggle:hover,.menu-toggle:focus-visible{background:#e4b600;color:#080808;border-color:#e4b600}
.btn:focus-visible,.menu-toggle:focus-visible{outline:2px solid #080808;outline-offset:3px}
/* Let the full headshot sit directly on the page, without a dark panel. */
.portrait-panel{background:transparent;border:0;padding:0;min-height:0}

/* Footer identity and warm gold buttons. */
.footer-exp-logo{display:block;width:180px;max-width:100%;height:auto;margin:0 0 28px}
.footer-corder-logo{display:block;width:230px;max-width:100%;height:auto;margin:26px 0 0}
.footer-intro h2{max-width:500px}
.btn,.btn.gold,.btn.dark,.btn.outline-light,.menu-toggle{background:#d4af37;color:#080808;border-color:#d4af37}
.btn:hover,.btn:focus-visible,.btn.gold:hover,.btn.dark:hover,.btn.outline-light:hover,.menu-toggle:hover,.menu-toggle:focus-visible{background:#e5c14d;color:#080808;border-color:#e5c14d}
/* The second hero action returns to its clear outlined style. */
.home-hero .btn.outline-light{background:transparent;color:#fff;border-color:#c4c4c4}
.home-hero .btn.outline-light:hover,.home-hero .btn.outline-light:focus-visible{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}

/* Reference logo order, using the original high-resolution marks. */
.footer-brand-logos{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:34px}
.footer-brand-logos .footer-corder-logo{width:290px;max-width:100%;height:auto;margin:0}
.footer-brand-logos .footer-exp-logo{width:175px;max-width:100%;height:auto;margin:0}
/* Brighter golden yellow on filled buttons; the hero outline stays clear. */
.btn,.btn.gold,.btn.dark,.btn.outline-light,.menu-toggle{background:#f2c230;color:#080808;border-color:#f2c230}
.btn:hover,.btn:focus-visible,.btn.gold:hover,.btn.dark:hover,.btn.outline-light:hover,.menu-toggle:hover,.menu-toggle:focus-visible{background:#ffd44d;color:#080808;border-color:#ffd44d}
.home-hero .btn.outline-light{background:transparent;color:#fff;border-color:#c4c4c4}
.home-hero .btn.outline-light:hover,.home-hero .btn.outline-light:focus-visible{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}

/* Keep the team marks beside the footer message on wider screens. */
.footer-grid{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,.7fr);gap:40px}
.footer-intro{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:start}
.footer-brand-logos{margin:0;gap:18px}
.footer-brand-logos .footer-corder-logo{width:190px}
.footer-brand-logos .footer-exp-logo{width:155px}
.footer-copy{min-width:0}
@media(max-width:950px){.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:540px){.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto;grid-template-columns:1fr;gap:26px}.footer-brand-logos{max-width:220px}}

/* Rose introduction: black italic heading and a full 4 × 4 inch portrait. */
.meet-rose h2 em{color:#080808}
.meet-rose .portrait-panel img{width:4in;height:4in;max-width:100%;object-fit:contain}
/* Dark gold buttons throughout the site use crisp white text. */
.btn,.btn.gold,.btn.dark,.btn.outline-light,.menu-toggle,.home-hero .btn.outline-light{background:#b8860b;color:#fff;border-color:#b8860b}
.btn:hover,.btn:focus-visible,.btn.gold:hover,.btn.dark:hover,.btn.outline-light:hover,.menu-toggle:hover,.menu-toggle:focus-visible,.home-hero .btn.outline-light:hover,.home-hero .btn.outline-light:focus-visible{background:#d2a024;color:#fff;border-color:#d2a024}

/* Homepage hero buttons match Rose’s reference. */
.home-hero .actions .btn{min-height:65px;min-width:300px;padding:18px 30px;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.home-hero .actions .btn.gold{background:#d29c2f;color:#fff;border-color:#d29c2f}
.home-hero .actions .btn.gold:hover,.home-hero .actions .btn.gold:focus-visible{background:#e1b248;color:#fff;border-color:#e1b248}
.home-hero .actions .btn.outline-light{background:transparent;color:#fff;border-color:#b7b7b7}
.home-hero .actions .btn.outline-light:hover,.home-hero .actions .btn.outline-light:focus-visible{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}
@media(max-width:540px){.home-hero .actions .btn{min-width:0;width:100%}}

/* Dedicated property landing pages. */
.property-landing-top{padding-top:54px;padding-bottom:38px}
.property-landing-top .breadcrumbs{font-size:13px;color:#666;margin-bottom:42px}
.property-landing-top .breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.property-landing-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:60px;align-items:end}
.property-landing-intro h1{font-size:clamp(3.4rem,7vw,6.1rem);margin:.1em 0 .12em}
.property-place{font-size:16px;font-weight:600;letter-spacing:.06em;margin-bottom:20px}
.property-landing-intro .lead{font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.5;max-width:650px}
.property-landing-intro .actions{align-items:center;gap:22px}
.property-landing-aside{border-left:2px solid var(--gold);padding:10px 0 10px 24px;font-size:14px}
.property-landing-aside p{margin:8px 0 14px}.property-landing-aside a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.property-photo-area{padding-bottom:30px}
.property-photo-awaiting{min-height:430px;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#191919,#29241c 52%,#080808);color:#fff;border:1px solid #776742}
.property-photo-awaiting strong{display:block;font:500 clamp(2.6rem,5vw,5rem)/1.1 'Cormorant Garamond',Georgia,serif;margin:14px 0}
.property-photo-awaiting p{color:#ddd;margin:0}
.property-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:80px;align-items:start}
.property-story p:not(.eyebrow){font-size:17px;max-width:720px}
.property-story .note{font-size:13px!important;color:#666}
.property-points{background:var(--cream);padding:28px 32px}.property-points h3{font-size:2rem;margin:0 0 18px}.property-points ul{list-style:none;padding:0;margin:0}.property-points li{padding:11px 0;border-top:1px solid #d9d1c1;font-size:14px}
.property-inquiry-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:70px;align-items:center}
.property-inquiry-grid h2{max-width:630px}.property-inquiry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.property-inquiry-actions .btn{width:100%;max-width:360px}.property-inquiry-actions p{margin:8px 0 0}.property-inquiry-actions p a{text-decoration:underline}
.property-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}.property-more-grid a{display:flex;flex-direction:column;gap:8px;border:1px solid #d8d1c2;padding:25px;transition:border-color .2s}.property-more-grid a:hover{border-color:var(--gold)}.property-more-grid strong{font:500 2rem/1.1 'Cormorant Garamond',Georgia,serif}.property-more-grid a>span:last-child{font-size:13px;font-weight:700}
@media(max-width:850px){.property-landing-intro,.property-story,.property-inquiry-grid{grid-template-columns:1fr;gap:28px}.property-photo-awaiting{min-height:330px}.property-landing-top{padding-top:38px}}
@media(max-width:540px){.property-landing-intro h1{font-size:clamp(2.8rem,12vw,4rem)}.property-photo-awaiting{min-height:270px;padding:25px}.property-more-grid{grid-template-columns:1fr}.property-inquiry-actions .btn{max-width:none}}

/* Compact property facts keep the key specifications clear before the story. */
.property-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding-top:12px;padding-bottom:16px}
.property-facts div{border-top:1px solid #c9b682;padding:18px 18px 12px 0;display:flex;flex-direction:column;gap:4px}
.property-facts strong{font:500 clamp(1.35rem,2vw,2rem)/1.15 'Cormorant Garamond',Georgia,serif}
.property-facts span{font:600 12px Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#675c4a}
.listing-credit{font-size:12px;color:#666;padding-top:24px;padding-bottom:24px}
.card-spec{font-size:12px!important;color:#5d5140}
@media(max-width:850px){.property-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.property-facts strong{font-size:1.45rem}.property-facts div{padding-right:10px}}

.listing-courtesy{font-size:14px;line-height:1.4;color:#705f46;margin:8px 0 14px}
.property-landing-intro .listing-courtesy{margin:0 0 20px}

.contact-details h3{margin:36px 0 10px}.contact-details .text-link{display:inline-block;margin-top:10px}.contact-details a[href^="mailto"]{overflow-wrap:anywhere}.contact-grid label{font-size:14px}

/* Contact page and footer spacing refinements. */
.contact-hero h1{font-size:30px;line-height:1.2;margin:0 0 24px;color:#d4af37}
.footer-intro{grid-template-columns:190px minmax(0,1fr);gap:52px}
.footer-brand-logos .footer-exp-logo{width:130px}
@media(max-width:950px){.footer-intro{gap:52px}}
@media(max-width:540px){.footer-intro{gap:26px}}

/* 2425 E Seaside photography */
.property-card-photo{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.property-gallery-feature{margin:0;position:relative;background:#111}
.property-gallery-feature img{display:block;width:100%;aspect-ratio:16/9;max-height:700px;object-fit:cover}
.property-gallery-feature figcaption{position:absolute;left:18px;bottom:18px;background:rgba(8,8,8,.78);color:white;padding:8px 13px;font-size:13px}
.property-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.property-gallery-grid a{display:block;overflow:hidden;background:#eee}
.property-gallery-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}
.property-gallery-grid a:hover img,.property-gallery-grid a:focus-visible img{transform:scale(1.035)}
@media(max-width:700px){.property-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.property-gallery-feature img{aspect-ratio:4/3}.property-gallery-feature figcaption{font-size:12px;left:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.property-gallery-grid img{transition:none}}

/* Give each featured listing room for its full property photo. */
.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.property-card-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#e4e8e8}
@media(max-width:700px){.property-grid{grid-template-columns:1fr}}

/* Roomier two-column listing collection on wide screens. */
.listing-showcase{max-width:1600px}

/* Interactive community explorer */
.neighborhood-explorer{background:#161616;color:#fff}.explorer-heading{max-width:760px;margin-bottom:30px}.explorer-heading h2{margin-bottom:10px}.explorer-heading p:last-child{color:#d0cbc3}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);border:1px solid #604d2b;min-height:520px;background:#202020}.explorer-map{position:relative;min-width:0;overflow:hidden;background:#202020}.explorer-map img{position:absolute;height:100%;width:148%;max-width:none;object-fit:cover;object-position:left center;left:0;top:0}.map-marker{position:absolute;left:var(--x);top:var(--y);width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 0 rgba(226,174,50,.5);transform:translate(-50%,-50%);transition:background .2s,box-shadow .2s,transform .2s}.map-marker.active{background:#e2ae32;box-shadow:0 0 0 11px rgba(226,174,50,.3);transform:translate(-50%,-50%) scale(1.25)}.explorer-menu{padding:30px 28px;background:#202020;z-index:1}.explorer-menu>.eyebrow{font-size:13px;margin-bottom:20px}.area-options{display:flex;flex-direction:column}.area-option{background:transparent;border:0;border-bottom:1px solid #625232;color:#fff;text-align:left;padding:13px 14px;font:500 15px Montserrat,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,padding .2s}.area-option:hover,.area-option:focus-visible,.area-option.active{background:#c29e47;color:#141414;padding-left:21px}.area-option:focus-visible{outline:2px solid #fff;outline-offset:2px}.area-description{min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0;border-bottom:1px solid #604d2b}.area-description h3{font-size:34px;margin-bottom:8px}.area-description p:last-child{max-width:720px;margin:0;color:#e2dfd8}.area-description .text-link{color:#e9bb53;white-space:nowrap}@media(max-width:850px){.explorer-layout{grid-template-columns:1fr}.explorer-map{height:380px}.explorer-map img{width:125%}.explorer-menu{padding:20px}.area-options{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.area-description{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:540px){.explorer-map{height:230px}.explorer-map img{width:150%}.map-marker{width:10px;height:10px}.explorer-menu{padding:16px}.area-option{font-size:14px;padding:11px 8px}.area-option:hover,.area-option:focus-visible,.area-option.active{padding-left:12px}.area-description h3{font-size:30px}}

/* Property navigation dropdown */
.nav-dropdown{position:relative}.nav-dropdown-heading{display:flex;align-items:center;gap:4px}.nav-dropdown-toggle{border:0;background:transparent;color:inherit;cursor:pointer;min-width:30px;min-height:36px;font-size:21px;padding:0}.nav-dropdown-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:-18px;width:285px;padding:12px 0;background:#111;color:white;border:1px solid #4d4129;box-shadow:0 14px 30px #0005;z-index:60}.desktop-nav .nav-dropdown-menu a{display:block;padding:11px 18px;font-size:14px;letter-spacing:0;text-transform:none;white-space:normal;line-height:1.4}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#2b2518;color:#e9bb53}.nav-dropdown-menu .nav-view-all{border-bottom:1px solid #4d4129;margin-bottom:5px;color:#e9bb53;font-weight:600}.nav-dropdown.open>.nav-dropdown-menu{display:block}@media(hover:hover) and (min-width:851px){.desktop-nav .nav-dropdown:hover>.nav-dropdown-menu{display:block}}@media(max-width:850px){.mobile-nav .nav-dropdown-heading{justify-content:space-between}.mobile-nav .nav-dropdown-toggle{width:44px;height:44px}.mobile-nav .nav-dropdown-menu{position:static;width:100%;box-shadow:none;margin:0 0 10px;border-left:2px solid var(--gold);border-top:0;border-right:0;border-bottom:0;padding:0 0 0 14px}.mobile-nav .nav-dropdown-menu a{font-size:14px;padding:10px 8px}.mobile-nav .nav-dropdown-heading>a{flex:1}}

/* Desktop listing navigation opens on hover without a visible arrow. */
@media(min-width:851px){.desktop-nav .nav-dropdown-toggle{display:none}.desktop-nav .nav-dropdown:focus-within>.nav-dropdown-menu{display:block}.desktop-nav .nav-dropdown-heading{min-height:36px}}

/* Keep the entire map and its labels in view at every screen size. */
.explorer-layout{grid-template-columns:minmax(0,1fr);min-height:0}.explorer-map{height:auto;aspect-ratio:1700/896;width:100%;align-self:start}.explorer-map img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.map-location-label{margin:0;padding:16px 24px;color:#e9bb53;font-size:clamp(16px,2.5vw,24px);letter-spacing:.06em;text-align:center;border-bottom:1px solid #604d2b}.explorer-menu{padding:24px}.area-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.area-option{white-space:normal;min-height:52px}.explorer-menu>.eyebrow{font-size:14px}@media(max-width:850px){.explorer-map{height:auto}.explorer-map img{width:100%}.area-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.explorer-map{height:auto}.explorer-map img{width:100%}.map-location-label{padding:14px 10px;letter-spacing:.02em}.explorer-menu{padding:16px}.area-option{min-height:54px}}

/* Original illustration with independent, accessible labels and interactive points. */
.explorer-map{aspect-ratio:1672/941}.map-marker{padding:0;cursor:pointer;z-index:3;min-width:15px;min-height:15px}.map-marker:before{content:"";position:absolute;inset:-9px;border-radius:50%}.map-marker:after{content:attr(data-label);display:none;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#080808;color:#fff;border:1px solid #c29e47;border-radius:3px;padding:5px 9px;font:500 14px Montserrat,Arial,sans-serif;box-shadow:0 3px 12px #0006}.map-marker.active:after,.map-marker:hover:after,.map-marker:focus-visible:after{display:block}.map-marker:focus-visible{outline:3px solid #fff;outline-offset:5px}.map-water-label,.map-island-label{position:absolute;color:#e9e4d7;letter-spacing:.12em;font-size:clamp(12px,1.7vw,21px);pointer-events:none;text-shadow:0 2px 8px #000;z-index:1}.bay-label{left:42%;top:31%}.gulf-label{left:66%;top:81%}.map-island-label{left:49%;top:70%;font-family:Georgia,serif;font-size:clamp(16px,2.8vw,34px);color:#e9bb53;letter-spacing:.06em}.map-guide-note{margin:0;padding:10px 20px;text-align:center;color:#c6c0b5;font-size:14px}.map-location-label{border-bottom:0}@media(max-width:540px){.map-marker:after{font-size:12px;padding:4px 6px;bottom:17px}.map-marker{min-width:10px;min-height:10px}.map-water-label{letter-spacing:0}.map-island-label{left:46%;top:71%}}

/* Let the map blend into its black section without a framed edge. */
.neighborhood-explorer,.explorer-layout,.explorer-map,.explorer-menu{background:#080808}.explorer-layout{border:0}.explorer-map img{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.area-description{border-bottom:0}
