/* Palette derived from the supplied cactus, mountain, and sun logo. */
:root{--cream:#f6f2e9;--green:#343c25;--ink:#303622;--muted:#555e4b;--line:#b9beaa;--orange:#a64f0c;--sage:#d3d8c2;--slate:#526874;--sand:#eee7d9}
body{background:var(--cream)}
header{background:var(--cream);border-bottom:1px solid #ded8ca}
.brand img,header>img{filter:none;mix-blend-mode:normal}
.nav-contact{background:var(--green);color:var(--cream);border-color:var(--green)}
.hero-copy{background:var(--cream)}
h1 em{color:#596d75}
.eyebrow:before{background:#c56b16}
.button{background:var(--green);border-color:var(--green);color:#fff9ed}
.button:hover{background:#526041;border-color:#526041}
.intro-strip{background:var(--sand);border-color:#b9beaa}
.intro-strip span:first-child{color:#89420e}
#rentals{background:var(--cream)}
.availability{border-color:#aeb79e}
.mission{background:var(--green);color:#f8f2e5}
.mission .eyebrow,.mission p{color:#e0e4d2}
.mission .text-link{color:#fff6e4}
.tenant{background:#ede7da}
.contact{background:var(--slate);color:#fff9ed;border-color:var(--slate)}
.contact .eyebrow,.contact p,.contact a,.contact address{color:#f1eee4}
.contact-grid>div{border-color:#8e9da2}
footer{background:#303622;border-color:#526041;color:#eee8d9}
.concept-bar{background:#303622;color:#eee8d9}
/* Retreat uses the mountain blue as a quiet frame for the property photography. */
body[data-direction="b"] .hero-copy{background:transparent}
body[data-direction="b"] .hero{background:var(--slate)}
body[data-direction="b"] .hero-photo:after{background:linear-gradient(90deg,rgba(34,47,37,.88),rgba(52,70,65,.22))}
body[data-direction="b"] .hero-copy h1 em{color:#efd3a0}
body[data-direction="b"] .hero-copy .button{background:#e5d4b5;color:#303622;border-color:#e5d4b5}
body[data-direction="b"] .intro-strip{background:#cbd2bd}
/* Modern Local puts the same brand colors into broader, more geometric fields. */
body[data-direction="c"] .hero{background:var(--cream)}
body[data-direction="c"] .hero-copy h1 em{color:#904712}
body[data-direction="c"] .photo-note{background:var(--sand);color:#303622}
body[data-direction="c"] .intro-strip{margin:0;padding:24px 7%;background:var(--sand)}
body[data-direction="c"] .mission{background:#d1d7c1;color:#303622}
body[data-direction="c"] .mission p,body[data-direction="c"] .mission .eyebrow{color:#48543d}
body[data-direction="c"] .mission .text-link{color:#303622}
body[data-direction="c"] .tenant{background:var(--cream)}
/* The comparison page belongs to the same visual system. */
body[data-direction="comparison"]{background:var(--cream);color:#303622}
body[data-direction="comparison"] header{background:var(--cream)}
body[data-direction="comparison"] .intro p{color:#4c5842}
body[data-direction="comparison"] .kicker,body[data-direction="comparison"] .number{color:#89420e}
body[data-direction="comparison"] .card{background:#eee7da;border-color:#d4ccbc}
body[data-direction="comparison"] .preview{border-color:#aeb69e;background:var(--sand)}
body[data-direction="comparison"] .preview:after{background:var(--sand);color:#303622}
body[data-direction="comparison"] .info p,body[data-direction="comparison"] .tags{color:#4d5944}
body[data-direction="comparison"] .tags{border-color:#bbc2aa}
body[data-direction="comparison"] .open{background:var(--green);color:#fff9ed}
body[data-direction="comparison"] .card:nth-child(2) .info{background:var(--slate);color:#fff9ed}
body[data-direction="comparison"] .card:nth-child(2) .info p,body[data-direction="comparison"] .card:nth-child(2) .tags,body[data-direction="comparison"] .card:nth-child(2) .number{color:#f4efdf}
body[data-direction="comparison"] .card:nth-child(2) .open{background:var(--sand);color:#303622}
body[data-direction="comparison"] .note{border-color:#a7b198;color:#46533d}

.action-arrow{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.nav-contact,.open{display:inline-flex;align-items:center;justify-content:space-between;gap:16px}.button .action-arrow,.inquire .action-arrow,.open .action-arrow,.nav-contact .action-arrow{transition:transform .18s ease}a:hover>.action-arrow{transform:translateX(3px)}@media(prefers-reduced-motion:reduce){.action-arrow{transition:none!important}}