:root{--ink:#0e1720;--navy:#122431;--gold:#b99865;--cream:#f4f0e9;--white:#fff;--muted:#f5f5f3;--text:#2a3034}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:#fff}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;color:white;border-bottom:1px solid rgba(255,255,255,.25)}.topbar-inner{height:92px;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none}.brand-mark{border:1px solid rgba(255,255,255,.7);padding:10px 11px;font-family:'Playfair Display',serif}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:14px;letter-spacing:.15em}.brand-copy small{font-size:11px;opacity:.8;margin-top:4px}.nav{display:flex;gap:24px;margin-left:auto}.nav a,.email-link{color:white;text-decoration:none;font-size:14px}.email-link{border-left:1px solid rgba(255,255,255,.3);padding-left:24px}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{position:relative;min-height:820px;display:flex;align-items:center;color:white}.hero-bg{position:absolute;inset:0;background:url('https://www.christiesrealestatemexico.com/wp-content/uploads/2025/12/Casa-Chic-Tulum-Beachfront-Home-2-1024x683.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,22,.72),rgba(5,15,22,.28) 55%,rgba(5,15,22,.15))}.hero-content{position:relative;z-index:2;padding-top:70px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600}.eyebrow.dark{color:#82735e}.hero h1,.section h2,.split-copy h2,.dark-section h2,.contact-copy h2{font-family:'Playfair Display',serif;font-weight:500}.hero h1{font-size:64px;line-height:1.02;margin:14px 0 24px;max-width:780px}.hero p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:660px}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.btn-light{background:white;color:#111}.btn-outline{border:1px solid rgba(255,255,255,.75);color:white}.btn-dark{background:var(--ink);color:white}.search-strip{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:-36px;background:white;padding:18px;display:grid;grid-template-columns:1fr 1fr 1fr auto;box-shadow:0 18px 45px rgba(0,0,0,.14);gap:10px}.search-strip select{border:1px solid #ddd;padding:0 16px;min-height:50px;background:white}.section{padding:110px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.section h2,.split-copy h2,.dark-section h2,.contact-copy h2{font-size:44px;line-height:1.1;margin:8px 0}.text-link{color:#333;text-decoration:none}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.property-card{background:white;border:1px solid #e5e5e5}.property-card img{width:100%;height:275px;object-fit:cover;display:block}.property-body{padding:20px}.property-body span{font-size:12px;color:#84745f;text-transform:uppercase;letter-spacing:.08em}.property-body h3{font-family:'Playfair Display',serif;font-size:23px;margin:10px 0 12px;font-weight:500}.property-body strong{font-size:16px}.property-body p{color:#777;font-size:14px}.property-body a{color:#111;text-decoration:none;border-bottom:1px solid #111;font-size:13px}.feature-split{display:grid;grid-template-columns:1.25fr 1fr;background:var(--cream)}.split-image img{width:100%;height:100%;min-height:580px;object-fit:cover;display:block}.split-copy{padding:80px;display:flex;flex-direction:column;justify-content:center}.split-copy p{line-height:1.8}.split-copy .btn{align-self:flex-start;margin-top:18px}.muted{background:#f6f5f2}.center{text-align:center}.destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.destination{position:relative;height:390px;overflow:hidden;color:white;text-decoration:none}.destination img{width:100%;height:100%;object-fit:cover;transition:.5s}.destination:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.72))}.destination:hover img{transform:scale(1.04)}.destination span{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;flex-direction:column}.destination strong{font-family:'Playfair Display',serif;font-size:25px}.destination small{margin-top:7px;opacity:.9}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;border:1px solid #ddd}.type-grid a{background:white;padding:34px;text-decoration:none;color:#111;font-family:'Playfair Display',serif;font-size:23px}.type-grid a:hover{background:var(--cream)}.dark-section{background:var(--navy);color:white;padding:95px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.dark-section p{line-height:1.8;color:rgba(255,255,255,.82)}.contact-section{padding:110px 0}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.contact-copy p{line-height:1.8}.contact-copy a{color:#111}.form-shell{background:#fafafa;padding:12px;border:1px solid #eee}footer{background:#0d151b;color:white;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid div{display:flex;flex-direction:column;gap:10px}.footer-grid a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px}.footer-brand{font-family:'Playfair Display',serif;font-size:28px}.copyright{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:rgba(255,255,255,.55)}
@media(max-width:980px){.nav,.email-link{display:none}.menu{display:block;margin-left:auto}.menu-open .nav{display:flex;position:absolute;top:92px;left:20px;right:20px;background:#111d25;flex-direction:column;padding:22px}.hero h1{font-size:48px}.search-strip{grid-template-columns:1fr 1fr;bottom:-88px}.section{padding:130px 0 80px}.property-grid,.destination-grid{grid-template-columns:1fr 1fr}.feature-split,.about-grid,.contact-grid{grid-template-columns:1fr}.split-copy{padding:55px 30px}.type-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.hero{min-height:740px}.hero h1{font-size:39px}.hero-content{padding-top:40px}.hero-actions{flex-direction:column;align-items:flex-start}.search-strip{position:relative;left:auto;transform:none;bottom:auto;margin-top:-40px;grid-template-columns:1fr}.section{padding:75px 0}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.section h2,.split-copy h2,.dark-section h2,.contact-copy h2{font-size:34px}.property-grid,.destination-grid,.type-grid{grid-template-columns:1fr}.destination{height:330px}.footer-grid{grid-template-columns:1fr}}
.inner-header{position:relative;background:var(--navy);color:#fff;padding:160px 0 72px;overflow:hidden}.inner-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,35,.94),rgba(10,25,35,.55)),url('https://www.christiesrealestatemexico.com/wp-content/uploads/2025/12/Casa-Chic-Tulum-Beachfront-Home-2-1024x683.jpg') center/cover}.inner-header .container{position:relative;z-index:1}.inner-header h1{font:500 52px/1.05 'Playfair Display',serif;margin:10px 0 14px}.inner-header p{max-width:760px;line-height:1.7;color:rgba(255,255,255,.85)}.listing-toolbar{display:grid;grid-template-columns:1fr 220px auto;gap:12px;margin:0 0 30px}.listing-toolbar input,.listing-toolbar select{min-height:52px;border:1px solid #ddd;padding:0 16px;background:#fff}.listing-count{display:flex;align-items:center;color:#777;font-size:14px}.listing-card img{height:240px}.archive-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.archive-pages a{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #ddd;color:#222;text-decoration:none}.archive-note{margin-top:14px;color:#777;font-size:13px}.city-switch{display:flex;gap:10px;margin-top:24px}.city-switch a{color:#fff;border:1px solid rgba(255,255,255,.5);padding:11px 16px;text-decoration:none;font-size:13px}.city-switch a.active{background:#fff;color:#111}.source-note{background:#f7f4ee;border-left:3px solid var(--gold);padding:18px 20px;margin-bottom:30px;font-size:14px;line-height:1.6}@media(max-width:760px){.inner-header h1{font-size:40px}.listing-toolbar{grid-template-columns:1fr}.listing-card img{height:230px}}
.detail-topbar{position:relative;background:#0d1b24}.listing-hero-detail{position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:330px 330px;gap:4px;background:#fff}.listing-main-image{grid-row:1/3}.listing-main-image img,.listing-side-images img{width:100%;height:100%;object-fit:cover;display:block}.listing-side-images{display:grid;grid-template-rows:1fr 1fr;gap:4px;grid-row:1/3}.view-gallery{position:absolute;right:28px;bottom:26px;background:#fff;border:0;padding:14px 20px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;cursor:pointer}.listing-summary{padding:58px 0 44px;border-bottom:1px solid #e6e6e6}.listing-summary-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.listing-summary h1{font:500 48px/1.08 'Playfair Display',serif;margin:9px 0 10px;color:#17212a}.listing-meta{font-size:15px;color:#6f7478}.listing-price{font:500 28px 'Playfair Display',serif;color:#17212a;white-space:nowrap}.listing-content{padding:80px 0 90px}.listing-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:80px;align-items:start}.listing-copy h2,.listing-gallery-section h2{font:500 38px/1.15 'Playfair Display',serif;color:#17212a;margin:0 0 22px}.listing-copy p{line-height:1.85;color:#61676c}.property-facts{display:grid;grid-template-columns:1fr 1fr;margin:42px 0 54px;border-top:1px solid #ddd;border-left:1px solid #ddd}.property-facts div{padding:22px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.property-facts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8b7a65;margin-bottom:8px}.property-facts strong{font-size:14px;font-weight:500}.detail-cta{margin-top:8px}.listing-enquiry-card{position:sticky;top:24px;border:1px solid #ddd;padding:34px;background:#f8f6f1}.listing-enquiry-card h3{font:500 29px/1.2 'Playfair Display',serif;margin:8px 0 14px}.listing-enquiry-card p{line-height:1.7;color:#656a6e}.listing-enquiry-card .btn{width:100%;margin-top:24px}.email-card{display:block;color:#17212a;word-break:break-word;margin-top:18px}.listing-gallery-section{padding:90px 0;background:#f6f5f2}.detail-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:290px;gap:12px;margin-top:34px}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-gallery img:first-child{grid-row:span 2}.detail-gallery img:nth-child(4){grid-column:span 2}@media(max-width:900px){.listing-hero-detail{grid-template-columns:1fr;grid-template-rows:480px 220px}.listing-main-image{grid-row:auto}.listing-side-images{grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.listing-summary-grid,.listing-content-grid{grid-template-columns:1fr}.listing-price{white-space:normal}.listing-enquiry-card{position:relative;top:auto}.detail-gallery{grid-template-columns:1fr 1fr}.detail-gallery img:first-child,.detail-gallery img:nth-child(4){grid-row:auto;grid-column:auto}}@media(max-width:640px){.listing-hero-detail{grid-template-rows:360px 160px}.listing-summary h1{font-size:37px}.listing-summary{padding:42px 0 34px}.listing-content{padding:60px 0}.property-facts{grid-template-columns:1fr}.detail-gallery{grid-template-columns:1fr;grid-auto-rows:250px}.view-gallery{right:14px;bottom:14px}.listing-copy h2,.listing-gallery-section h2{font-size:32px}}

/* Reference-aligned luxury palette */
:root{--ink:#111111;--navy:#111111;--gold:#a88f67;--cream:#f3f1ed;--white:#ffffff;--muted:#f7f6f3;--text:#202020}
body{color:#202020;background:#fff}.topbar{background:#111;border-bottom:1px solid rgba(255,255,255,.16)}.detail-topbar{background:#111}.inner-header{background:#111}.inner-header:before{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.40)),url('https://www.christiesrealestatemexico.com/wp-content/uploads/2025/12/Casa-Chic-Tulum-Beachfront-Home-2-1024x683.jpg') center/cover}.eyebrow.dark,.property-body span,.property-facts span{color:#85755f}.btn-dark{background:#111;color:#fff}.btn-dark:hover{background:#333}.property-card{border-color:#dedbd5}.property-body a{color:#111;border-bottom-color:#111}.city-switch a.active{background:#fff;color:#111}.source-note{background:#f7f5f1;border-left-color:#9f8b69}.listing-enquiry-card{background:#f4f2ed}.listing-gallery-section{background:#f6f5f2}footer{background:#111}.form-shell{background:#fff;border-color:#dedbd5}.listing-toolbar input,.listing-toolbar select{border-color:#d5d1ca}.archive-pages a{border-color:#d5d1ca}.archive-pages a:hover{background:#111;color:#fff;border-color:#111}.listing-summary h1,.listing-price,.listing-copy h2,.listing-gallery-section h2{color:#111}

/* ===== Invest in Mexico brand system: black / white / #D0A873 ===== */
:root{
  --ink:#000000;
  --navy:#000000;
  --gold:#D0A873;
  --cream:#ffffff;
  --white:#ffffff;
  --muted:#f6f6f6;
  --text:#111111;
}
body{background:#fff;color:#111}

/* Header inspired by supplied reference */
.site-header{position:relative;z-index:50;background:#fff;border-top:5px solid #000;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.header-logo-row{height:112px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative}
.logo-link{grid-column:2;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.site-logo{display:block;width:245px;max-height:86px;object-fit:contain}
.header-search{grid-column:3;justify-self:end;color:#D0A873;width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.header-search svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.main-nav{border-top:1px solid #e5e5e5;background:#fff}
.nav-inner{height:58px;display:flex;align-items:center;justify-content:center;gap:56px}
.nav-inner a{position:relative;text-decoration:none;color:#111;text-transform:uppercase;letter-spacing:.045em;font-size:13px;font-weight:500;padding:21px 0 19px}
.nav-inner a:after{content:"";position:absolute;left:0;right:100%;bottom:13px;height:2px;background:#D0A873;transition:right .22s ease}
.nav-inner a:hover:after{right:0}
.menu{display:none;border:0;background:transparent;color:#000;font-size:25px;cursor:pointer;grid-column:1;justify-self:start}

/* Remove old overlay header assumptions */
.topbar,.detail-topbar{position:relative!important;background:#fff!important;color:#111!important;border:0!important}
.topbar-inner{display:none!important}
.hero{margin-top:0}
.inner-header{padding-top:95px}
.listing-detail-page .listing-hero-detail{margin-top:0}

/* Core palette alignment */
.eyebrow,.eyebrow.dark,.property-body span,.property-facts span{color:#D0A873}
.btn-dark{background:#000;color:#fff;border:1px solid #000}
.btn-dark:hover{background:#D0A873;border-color:#D0A873;color:#000}
.btn-light{background:#fff;color:#000;border:1px solid #fff}
.btn-outline{border-color:#fff;color:#fff}
.text-link,.contact-copy a,.email-card{color:#000}
.dark-section{background:#000;color:#fff}
.form-shell{background:#fff;border:1px solid #e5e5e5}
.source-note{background:#faf8f5;border-left:3px solid #D0A873}
.listing-enquiry-card{background:#faf8f5;border-color:#e5e5e5}
.listing-summary h1,.listing-price,.listing-copy h2,.listing-gallery-section h2{color:#000}
.archive-pages a:hover{background:#D0A873;color:#000;border-color:#D0A873}
.city-switch a.active{background:#D0A873;color:#000;border-color:#D0A873}

/* Footer inspired by supplied reference */
.site-footer{background:#000;color:#fff;padding:0}
.footer-main{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.35fr;gap:62px;padding:70px 0 62px}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-col h3{margin:0 0 12px;color:#D0A873;font-family:'DM Sans',sans-serif;font-weight:500;text-transform:none;font-size:18px}
.footer-col p{margin:0;color:#bcbcbc;line-height:1.65;font-size:14px;max-width:300px}
.footer-col a{color:#fff;text-decoration:none;font-size:14px;line-height:1.8;transition:color .2s ease}
.footer-col a:hover{color:#D0A873}
.footer-logo{width:230px;height:auto;margin-bottom:7px}
.footer-email{word-break:break-word;border-bottom:1px solid #555;padding-bottom:4px}
.footer-cta{margin-top:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:45px!important;padding:0 22px!important;border:1px solid #D0A873!important;color:#D0A873!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important}
.footer-cta:hover{background:#D0A873!important;color:#000!important}
.footer-bottom{border-top:1px solid #292929}
.footer-bottom-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#858585;font-size:11px}
.footer-legal{display:flex;gap:24px}
.footer-legal a{color:#858585;text-decoration:none}
.footer-legal a:hover{color:#D0A873}

@media(max-width:980px){
  .header-logo-row{height:94px}
  .site-logo{width:200px;max-height:70px}
  .menu{display:block}
  .main-nav{display:none}
  .menu-open .main-nav{display:block;border-top:1px solid #ddd}
  .menu-open .nav-inner{height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:12px 20px 18px}
  .menu-open .nav-inner a{width:100%;padding:14px 0;border-bottom:1px solid #eee}
  .footer-main{grid-template-columns:1fr 1fr;gap:42px}
}
@media(max-width:640px){
  .site-header{border-top-width:4px}
  .header-logo-row{height:84px}
  .site-logo{width:165px;max-height:62px}
  .header-search{width:30px;height:30px}
  .footer-main{grid-template-columns:1fr;padding:50px 0 42px}
  .footer-bottom-inner{align-items:flex-start;flex-direction:column;padding:20px 0}
}
