/* White-led palette: pale peach ivory sections and charcoal details. */
:root,.area-family{--paper:#ffffff;--ink:#292929;--muted:#5e5a57;--accent:#80675a;--soft:#fff8f3;--line:#eee6e0}
.home-hero{background:#ffffff;box-shadow:none;clip-path:none}
.button,.contact .button{background:#d6b6a3;border-color:#d6b6a3;color:var(--ink)}
.button:hover,.contact .button:hover{background:#c9a58f;border-color:#c9a58f;color:var(--ink)}
.button.outline{background:#d6b6a3;border-color:#d6b6a3;color:var(--ink)}
.button.outline:hover{background:#c9a58f;border-color:#c9a58f;color:var(--ink)}
.divider{background:transparent;color:var(--muted);border-color:var(--line)}
.tint{background:var(--soft)}
.quote-box .eyebrow::before,.contact .eyebrow::before{content:"";display:block;width:36px;height:1px;background:#d6b6a3;margin:0 auto 22px}
.contact{background:var(--soft);color:var(--ink);border-color:transparent}
.contact p,.contact .eyebrow{color:var(--muted)!important}
.contact a:not(.button){color:var(--ink)}
.section-nav a.current,.audience-switch a.active{color:var(--ink)}
.audience-switch a.active{border-bottom-color:#d6b6a3}
.audience-switch a.client-signin{color:var(--muted)}
a:hover{color:var(--ink)}
.section-nav a:last-child{background:#d6b6a3;border-color:#d6b6a3;color:var(--ink)}
.location-card{background:transparent;border-color:var(--line)}
.location-card:hover{background:var(--soft)}
.site-footer{background:#ffffff}
.skip{background:#ffffff}

/* Shared family and client gallery presentation. */
.area-family .contact{background:var(--soft);color:var(--ink);border-color:transparent}
.area-family .contact .button{background:#d6b6a3;border-color:#d6b6a3;color:var(--ink)}
.area-family .contact .button:hover{background:#c9a58f;border-color:#c9a58f;color:var(--ink)}
.area-family .divider{background:transparent}
:root{--blue:#80675a}
.primary{background:#d6b6a3;color:var(--ink)}
.primary:hover{background:#c9a58f;color:var(--ink)}
.secondary{border-color:#c9afa0}
.cover-photo,.login-photo{background:#ffffff}
.tabs button[aria-pressed=true]{border-color:#d6b6a3}
.heart{background:#fffffff0;color:var(--ink)}
.heart[aria-pressed=true]{background:#d6b6a3;color:var(--ink)}
button:focus-visible,a:focus-visible{outline-color:#80675a}
h1 em{color:var(--ink)}
dialog::backdrop{background:#242222ed}
#lightbox{background:#242222}
#lightbox .secondary{border-color:#d6b6a3;color:#ffffff}
@media(max-width:760px){.viewer-stage>button{background:#242222dd}}

/* Client welcome pages follow the same compact opening treatment. */
@media(min-width:761px){
 .cover{align-items:start;padding-top:12px;padding-bottom:40px}
 .cover-copy{padding-top:12px}
 .cover-photo{padding:0;display:flex;flex-direction:column;align-items:center}
 .cover-photo img{width:auto;max-width:100%;height:auto;max-height:clamp(320px,calc(100svh - 270px),560px);object-fit:contain}
 .cover h1{font-size:clamp(2.8rem,min(5vw,7.5svh),4.8rem)}
}