:root {
    --color-background:#F5F0E8; --color-surface:#FFFCF8; --color-sand:#E8DED0;
    --color-accent:#765B46; --color-primary:#211D1A; --color-muted:#746A60;
    --color-deep:#352A23; --color-beige:#D8C7B4;
    --font-display:"Cormorant Garamond",Georgia,serif; --font-body:"Manrope",Arial,sans-serif;
    --container:1240px; --gutter:clamp(20px,6vw,80px);
}
body { background:var(--color-background); color:var(--color-primary); font-family:var(--font-body); font-size:15px; line-height:1.75; -webkit-font-smoothing:antialiased; }
[hidden] { display:none!important; }
h1,h2,h3 { font-family:var(--font-display); font-weight:400; line-height:1.12; letter-spacing:-.025em; text-wrap:balance; }
em { font-weight:400; color:var(--color-accent); }
button,select { font:inherit; cursor:pointer; color:inherit; }
button:disabled { opacity:.35; cursor:default; }
a,button { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--color-accent); outline-offset:4px; }
.site-header :focus-visible,.site-footer :focus-visible { outline-color:var(--color-beige); }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; padding:10px 20px; background:white; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
section[id] { scroll-margin-top:2rem; }
.site-header { position:absolute; inset:0 0 auto; padding:26px var(--gutter); z-index:10; color:var(--color-surface); }
.main-navigation { max-width:1320px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { font-family:var(--font-display); font-size:30px; line-height:1.1; letter-spacing:-.025em; white-space:nowrap; }
.brand span { display:block; margin-top:8px; font-family:var(--font-body); text-transform:uppercase; font-size:10px; letter-spacing:.16em; color:var(--color-sand); }
.navigation-list { display:flex; gap:30px; font-size:13px; }
.navigation-list a { display:block; padding:10px 0; border-bottom:1px solid transparent; }
.navigation-list a:hover { border-color:var(--color-beige); }
.contact-button { font-size:13px; border-bottom:1px solid var(--color-sand); padding:10px 0; }
.navigation-toggle { display:none; }
.hero-section { position:relative; isolation:isolate; min-height:620px; height:100svh; background:var(--color-deep); display:flex; align-items:center; padding:145px var(--gutter) 100px; }
.hero-architecture { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 58%; z-index:-2; }
.hero-section::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(24,18,14,.55),transparent 30%),linear-gradient(90deg,rgba(24,18,14,.72),rgba(24,18,14,.12) 85%),linear-gradient(0deg,rgba(24,18,14,.4),transparent 60%); }
.hero-content { width:min(100%,1240px); margin:auto; color:var(--color-surface); }
.hero-eyebrow,.section-eyebrow { text-transform:uppercase; font-size:11px; letter-spacing:.15em; font-weight:600; margin-bottom:20px; color:var(--color-accent); }
.hero-eyebrow { color:var(--color-surface); }
.hero-content h1 { font-size:clamp(36px,4vw,56px); max-width:720px; line-height:1.06; }
.hero-content h1 em { color:inherit; }
.hero-description { font-size:15px; line-height:1.75; margin-top:24px; max-width:46ch; }
.primary-button { display:inline-flex; gap:24px; align-items:center; min-height:44px; padding:10px 0; margin-top:24px; border-bottom:1px solid var(--color-accent); font-size:14px; font-weight:500; transition:color .2s; }
.primary-button:hover { color:var(--color-accent); }
.hero-content .primary-button { padding:13px 20px; background:var(--color-background); color:var(--color-deep); border:0; border-radius:8px; }
.hero-content .primary-button:hover { background:var(--color-sand); }
.hero-scroll { position:absolute; right:var(--gutter); bottom:30px; color:var(--color-surface); font-size:11px; display:flex; gap:16px; align-items:center; min-height:44px; }
.hero-scroll span { display:grid; place-items:center; width:30px; height:40px; border:1px solid var(--color-beige); border-radius:20px; font-size:16px; }
.editorial-intro,.properties-section,.services-section,.contact-section { width:min(calc(100% - 2 * var(--gutter)),var(--container)); margin-inline:auto; }
.editorial-intro { padding-block:72px 55px; display:grid; grid-template-columns:.75fr 1.25fr; gap:7%; align-items:start; }
.editorial-intro .section-eyebrow { margin-top:8px; }
.editorial-intro h2,.section-heading h2,.contact-content h2 { font-size:clamp(28px,2.7vw,38px); }
.editorial-intro div > p { max-width:56ch; color:var(--color-muted); margin-top:22px; }
.properties-section { padding-top:40px; border-top:1px solid var(--color-beige); position:relative; }
.section-heading { max-width:620px; }
.section-heading > p:last-child:not(.section-eyebrow) { margin-top:18px; color:var(--color-muted); }
.catalog-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; margin:24px 0; font-size:13px; }
.catalog-toolbar label { color:var(--color-muted); }
.catalog-toolbar select { border:0; border-bottom:1px solid var(--color-beige); background:transparent; padding:10px 20px 10px 0; max-width:100%; }
#catalog-message { color:var(--color-muted); margin:24px 0; }
#catalog-message:empty { display:none; }
#retry-catalog { border:0; background:transparent; text-decoration:underline; margin-bottom:20px; min-height:44px; }
.properties-carousel { position:relative; padding-bottom:70px; }
/* Clipping is restricted to the translating carousel; card sizing prevents page overflow. */
.properties-track-wrapper { overflow:hidden; padding:8px 8px 24px; margin-inline:-8px; }
.properties-track { display:flex; gap:24px; transition:transform .4s ease; }
.property-card { flex:0 0 calc((100% - 24px)/2); min-width:0; border-radius:20px; background:var(--color-surface); box-shadow:0 8px 20px rgb(53 42 35 / 10%); display:flex; flex-direction:column; }
.property-image-carousel { position:relative; aspect-ratio:1.5; overflow:hidden; border-radius:20px 20px 0 0; background:var(--color-sand); display:grid; place-items:center; }
.property-image { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.property-card:hover .property-image { transform:scale(1.025); }
.property-content { padding:22px 24px 24px; display:flex; flex-direction:column; flex:1; }
.property-type { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--color-accent); margin-bottom:10px; }
.property-content h3 { font-size:clamp(24px,2.1vw,28px); overflow-wrap:break-word; }
.property-location { margin-top:10px; color:var(--color-muted); font-size:14px; overflow-wrap:anywhere; }
.property-details { margin-top:12px; color:var(--color-muted); font-size:13px; }
.property-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 20px; margin-top:auto; padding-top:22px; }
.property-price { font-size:18px; font-weight:600; letter-spacing:-.02em; }
.property-link { font-size:13px; padding:10px 0; border-bottom:1px solid var(--color-beige); }
.property-link:hover { border-color:var(--color-accent); }
.properties-navigation { position:absolute; bottom:0; width:44px; height:44px; border:1px solid var(--color-beige); border-radius:50%; background:transparent; font-size:20px; }
.properties-navigation:hover:not(:disabled) { background:var(--color-sand); }
.properties-navigation.previous { right:56px; }.properties-navigation.next { right:0; }
.properties-counter { font-size:12px; letter-spacing:.1em; color:var(--color-muted); margin-top:-34px; pointer-events:none; }
.property-image-button { position:absolute; top:50%; width:44px; height:44px; border:0; border-radius:50%; background:rgb(255 252 248 / 94%); transform:translateY(-50%); }
.property-image-button.previous { left:12px; }.property-image-button.next { right:12px; }
.about-section { margin-top:85px; padding:64px var(--gutter); background:var(--color-sand); }
.about-layout { max-width:1050px; margin:auto; display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:clamp(32px,7vw,90px); align-items:center; }
.about-portrait { width:100%; margin:0; }
.about-portrait img { width:100%; height:auto; border-radius:16px; }
.about-portrait figcaption { font-size:12px; color:var(--color-muted); margin-top:14px; }
.about-portrait figcaption span { display:block; font-size:11px; margin-top:2px; }
.about-content { min-width:0; max-width:560px; }
.about-content h2 { font-size:clamp(30px,2.8vw,40px); }
.about-tagline { font-family:var(--font-display); font-size:clamp(22px,1.9vw,26px); line-height:1.25; margin-top:22px; color:var(--color-deep); }
.about-content > p:not(.section-eyebrow):not(.about-tagline):not(.professional-registration) { margin-top:20px; color:#625247; }
.professional-registration { font-size:13px; color:var(--color-accent); margin-top:10px; }
.contact-note:empty,#contact-note:empty,#detail-note:empty { display:none; }
.services-section { margin-block:72px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(32px,7vw,88px); align-items:center; }
.services-section .section-heading { min-width:0; }
.services-section h2 { max-width:20ch; font-size:clamp(28px,2.7vw,38px); line-height:1.15; }
.services-description { max-width:48ch; margin-top:22px; color:var(--color-muted); line-height:1.8; }
.services-section .primary-button { margin-top:20px; border-radius:2px; transition:color .2s,background-color .2s; }
.services-section .primary-button:hover { color:var(--color-deep); background-color:var(--color-sand); }
.services-grid { display:grid; min-width:0; }
.service-card { padding-block:28px; border-top:1px solid var(--color-beige); }
.service-card:last-child { border-bottom:1px solid var(--color-beige); }
.service-card h3 { font-size:clamp(23px,2vw,27px); line-height:1.2; }
.service-card p { color:var(--color-muted); margin-top:12px; max-width:44ch; line-height:1.8; }
.contact-section { margin-block:60px; padding-block:40px; border-top:1px solid var(--color-beige); }
.contact-content { display:grid; grid-template-columns:1fr 1fr; gap:20px 9%; align-items:start; }
.contact-content .section-eyebrow { grid-column:1/-1; margin-bottom:0; }
.contact-content h2 { grid-row:2/4; }
.contact-content > p:not(.section-eyebrow) { color:var(--color-muted); max-width:40ch; }
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.contact-actions .primary-button { margin-top:0; }
.site-footer { background:var(--color-deep); color:var(--color-background); padding:34px max(var(--gutter),calc((100% - 1240px)/2)) 20px; }
.footer-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; align-items:start; }
.footer-heading p { font-family:var(--font-display); font-size:clamp(20px,1.6vw,23px); line-height:1.25; }
.footer-heading > a { font-size:12px; padding-block:10px; border-bottom:1px solid var(--color-accent); }
.footer-signature { font-family:var(--font-display); display:block; font-size:clamp(30px,3.4vw,42px); line-height:1.15; letter-spacing:-.035em; padding-block:22px; overflow-wrap:break-word; }
.footer-signature span { display:block; font-family:var(--font-body); font-size:clamp(11px,.85vw,12px); line-height:1.7; letter-spacing:.08em; text-transform:uppercase; margin-top:8px; color:var(--color-beige); }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; border-top:1px solid var(--color-accent); padding-top:16px; font-size:12px; color:var(--color-beige); }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:20px; }.footer-bottom nav a { display:inline-block; padding-block:8px; }
#property-dialog { border:0; border-radius:18px; margin:auto; padding:0; width:min(920px,94vw); max-width:94vw; max-height:92dvh; overflow-y:auto; background:var(--color-background); color:var(--color-primary); }
#property-dialog::backdrop { background:rgb(33 30 27 / 70%); }
.detail-header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 24px; font-size:12px; background:var(--color-background); position:sticky; top:0; z-index:2; }
.detail-header button { border:0; background:none; padding:10px; min-height:44px; white-space:nowrap; }
#detail-gallery { position:relative; display:grid; place-items:center; overflow:hidden; min-width:0; background:var(--color-sand); }
#detail-gallery .detail-gallery-image { display:block; width:100%; height:clamp(220px,48svh,500px); object-fit:contain; }
.detail-content { padding:30px; }.detail-content h2 { font-size:clamp(28px,2.8vw,36px); overflow-wrap:anywhere; }
.detail-content p { margin-top:16px; font-size:14px; }.detail-content .detail-price { font-size:22px; }
#detail-description { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--color-muted); }
.dialog-open { overflow:hidden; }
.detail-gallery-arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--color-beige); border-radius:50%; background:rgb(255 252 248 / 94%); color:var(--color-deep); font-size:20px; z-index:1; }
.detail-gallery-arrow.previous { left:12px; }.detail-gallery-arrow.next { right:12px; }
.detail-gallery-arrow:hover:not(:disabled) { background:var(--color-background); }.detail-gallery-arrow:disabled { opacity:.45; }
.detail-gallery-counter { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); color:var(--color-surface); background:rgb(53 42 35 / 80%); padding:4px 12px; border-radius:20px; font-size:12px; }
.detail-gallery-message { position:absolute; inset:0; display:grid; place-items:center; padding:30px; margin:0; font-size:14px; color:var(--color-deep); text-align:center; }
#detail-gallery:not(:has(img[src])) { min-height:220px; }
@media(max-width:900px) {
    .main-navigation { gap:20px; }.navigation-list { gap:20px; }.contact-button { display:none; }
    .about-layout { grid-template-columns:minmax(0,250px) minmax(0,1fr); gap:32px; }
    .property-content { padding:20px; }
}
@media(max-width:768px) {
    .site-header { padding-block:22px; }.brand { font-size:27px; }
    .navigation-toggle { display:block; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--color-beige); border-radius:8px; background:var(--color-deep); color:var(--color-surface); font-size:13px; }
    .navigation-list { display:none; position:absolute; top:calc(100% - 8px); left:var(--gutter); right:var(--gutter); padding:14px 20px; border-radius:12px; background:var(--color-deep); box-shadow:0 8px 24px #211d1a33; flex-direction:column; gap:0; }
    .navigation-list.is-open { display:flex; }.navigation-list a { min-height:44px; }
    .hero-section { min-height:540px; padding-block:135px 100px; }.hero-architecture { object-position:62% center; }
    .hero-content h1 { font-size:clamp(32px,5.6vw,42px); }.hero-content h1 br { display:none; }
    .hero-description { font-size:14px; max-width:38ch; }.hero-description br { display:none; }
    .hero-scroll { bottom:20px; font-size:11px; }
    .editorial-intro { display:block; padding-block:48px; }.editorial-intro h2 br { display:none; }
    .properties-section { padding-top:32px; }.catalog-toolbar { justify-content:flex-start; }
    .property-card { flex-basis:100%; }.property-image-carousel { aspect-ratio:1.4; }
    .about-section { margin-top:65px; padding-block:44px; }
    .about-layout { grid-template-columns:1fr; gap:28px; }.about-portrait { width:min(100%,230px); margin:auto; }
    .about-content { max-width:560px; margin:auto; }.about-content h2 { font-size:32px; }
    .services-section { grid-template-columns:1fr; gap:28px; margin-block:48px; }
    .contact-section { margin-block:40px; padding-block:32px; }.contact-content { display:block; }
    .contact-content h2 { margin-bottom:20px; }.contact-actions { margin-top:20px; }
    .site-footer { padding-block:28px 18px; }.footer-bottom { flex-direction:column; }
    .detail-header { padding:8px 14px; }.detail-header > span { max-width:22ch; }.detail-content { padding:22px; }
    #detail-gallery .detail-gallery-image { height:clamp(220px,42svh,400px); }
}
@media(max-width:375px) {
    .brand { font-size:24px; }.brand span { font-size:9px; letter-spacing:.1em; }
    .navigation-toggle { padding-inline:10px; }.main-navigation { gap:12px; }
    .property-content { padding:18px; }.property-price { font-size:17px; }
    .footer-signature span { letter-spacing:.03em; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }