/* Shared palette across the entire page. */
:root{--dark:#241f2a;--paper:#f4efe8;--peach:#e9a78f;--sage:#d9b8a5;--surface:#302936;--surface-raised:#3a303e;--text-soft:#ccbec9;--accent-soft:#dfb49f;--theme-line:rgba(233,190,166,.22)}
body{background:var(--dark);color:var(--paper)}
.chapter-bridge{background:var(--dark);color:var(--paper);border-color:var(--theme-line)}
.bridge-label{color:var(--text-soft)}.bridge-line{background:var(--theme-line)}.bridge-line>span{background:var(--peach)}.bridge-words{color:var(--accent-soft)}.chapter-bridge>a{border-color:var(--theme-line);color:var(--accent-soft)}
.personal-section{--ink:var(--paper);--quiet:var(--text-soft);--cream:var(--dark);background:var(--dark);color:var(--paper)}
.personal-services,.personal-welcome,.personal-about,.personal-process,.personal-faq,.personal-contact{background:var(--dark)}
.personal-section h2,.personal-path h3{color:var(--paper)}
.personal-section .personal-kicker{color:var(--accent-soft)}
.personal-text-link{border-color:var(--theme-line);color:var(--accent-soft)}
.personal-note{background:var(--surface);border:1px solid var(--theme-line);box-shadow:12px 18px 0 #1c182180}
.personal-note-pin{background:#dfb49f66}.personal-note .personal-handwritten,.personal-note-sign{color:var(--accent-soft)}
.personal-sprig{stroke:var(--accent-soft);fill:#6d4e50}
.personal-service{background:var(--surface);border-color:var(--theme-line)}
.personal-service:hover,.personal-service:has([aria-expanded=true]){background:var(--surface-raised);box-shadow:0 12px 30px #100d162b}
.personal-service .service-name{color:var(--paper)}
.personal-service .service-tag{color:var(--accent-soft)}
.personal-service-description{color:var(--text-soft)}
.personal-service .service-toggle{border-color:var(--theme-line);background:#4a3944;color:var(--accent-soft)}
.personal-service .service-trigger[aria-expanded=true] .service-toggle{background:var(--peach);color:var(--dark)}
.personal-service .service-detail p{border-color:var(--theme-line)}
.personal-service-art i{border-color:#d5a28a;background:#b9857055}
.personal-art-conversation i+i,.personal-art-relations i:nth-child(3),.personal-art-group i:nth-child(2),.personal-art-door i{background:#e4c1a766;border-color:#e4c1a7}
.personal-art-relations i:nth-child(2){background:transparent;border-color:#e4c1a7}
.personal-art-door i+i{background:#a779715e;border-color:#d5a28a}
.personal-signature,.personal-side-caption{color:var(--accent-soft)}
.personal-garden{background:var(--surface);border:1px solid var(--theme-line)}
.personal-garden svg{stroke:var(--accent-soft);fill:#76545b}
.personal-garden span{color:var(--accent-soft)}
.personal-path:before{border-color:#9b7c79}
.personal-path-dot{background:var(--surface-raised);color:var(--peach);border:1px solid var(--theme-line)}
.personal-questions details{background:var(--surface);border-color:var(--theme-line)}
.personal-questions details[open]{background:var(--surface-raised)}
.personal-questions summary span{color:var(--peach)}
.personal-contact-panel{background:var(--surface);border-color:var(--theme-line)}
.personal-envelope{color:var(--accent-soft)}
.personal-button{background:var(--peach);color:var(--dark)}
.personal-button:hover{background:#f0c3aa}
.personal-contact-action>span:last-child{color:var(--text-soft)}
.personal-footer{background:var(--dark);color:var(--text-soft);border-color:var(--theme-line)}
.personal-footer-name{color:var(--paper)}
.personal-section :is(a,button,summary):focus-visible{outline-color:var(--peach)}
.header .menu-star-node{fill:var(--peach)}
::selection{background:var(--peach);color:var(--dark)}

/* The same starry sky continues through every content section. */
.personal-section,.chapter-bridge,.personal-footer{background-image:url('assets/stars.svg');background-repeat:repeat;background-size:1100px 850px}
.personal-note,.personal-service,.personal-garden,.personal-questions details,.personal-contact-panel{position:relative;background-image:none}
#constellation{opacity:1}
/* Meeting revision: a flock as a visual metaphor for relationships. */
#constellation{opacity:.5}
.flock-art{perspective:none;overflow:visible}
#bird-flock{display:block;width:100%;height:100%;pointer-events:none}
.flock-caption{position:absolute;bottom:-5px;right:10%;font:italic 16px/1.6 Georgia,serif;color:var(--accent-soft);text-align:right;letter-spacing:0}
@media(max-width:760px){.flock-caption{font-size:13px;bottom:0;right:6%}}
/* The opening flight spans the hero, then lands in the original artwork area. */
.hero > #bird-flock{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
@media print{.hero > #bird-flock{display:none}}
