/* Match the main site's compact, gold-edged header in the visit palette. */
html body>.header{background:radial-gradient(ellipse at 80% 0,#e89ab842,transparent 66%),linear-gradient(115deg,#81264e,#b44476 66%,#912b58);border:0;border-bottom:1px solid #d9bc78;box-shadow:0 2px 9px #6d1e3e24;color:#fff}
.header .brand-service{min-width:0;border:0;padding-left:0;color:#fff;line-height:1.35;text-align:center}
.header .brand-service .visit-service-kicker{display:block;font:500 13px/1.35 var(--sans);letter-spacing:.06em;color:#f1dfb5}
.header .brand-service .visit-service-title{display:block;margin-top:3px;font:600 24px/1.35 var(--serif);letter-spacing:.06em;color:#fff}
.header .reading-tools>span{color:#fff}
.header .reading-tools button{background:#ffffff12;color:#fff;border-color:#ecc3d2;box-shadow:inset 0 1px #ffffff3d,0 2px 0 #6c2149}
.header .reading-tools button[aria-pressed=true]{background:linear-gradient(#fffdfb,#fbe9ef);color:#84264f;border-color:#efcf99;box-shadow:inset 0 1px #fff,0 2px 0 #74244b}
.header .desktop-nav{color:#fff}
.header .header-contact{background:#ffffff12;color:#fff;border:1px solid #e8c88b;box-shadow:inset 0 1px #ffffff32}
.header .menu-toggle{position:relative;isolation:isolate;border:1px solid #d7b87e;border-radius:9px;background:radial-gradient(ellipse at 0 0,#d37e9c,transparent 70%),linear-gradient(145deg,#a34171,#702445);color:#fff;box-shadow:inset 0 1px #ffffff59,0 3px 0 #63213c,0 5px 10px #4e15332b}
.header .menu-toggle:before{content:'';position:absolute;inset:3px;border:1px solid #efd3a77a;border-radius:6px;pointer-events:none}
.header .menu-toggle:active{transform:scale(.98);filter:brightness(.9)}
@media(max-width:800px){
 html body>.header{padding-left:16px;padding-right:8px;gap:8px}
 .header .brand-service{margin-left:clamp(10px,6vw,26px)}
 .header .brand-service .visit-service-kicker{font-size:11px;letter-spacing:.03em}
 .header .brand-service .visit-service-title{font-size:20px;letter-spacing:.055em}
 .header .menu-toggle{width:50px;min-width:50px;min-height:47px;padding-left:4px;padding-right:4px}
}
@media(max-width:359px){
 html body>.header{padding-left:12px;padding-right:7px;gap:6px}
 .header .brand-service{margin-left:10px}
 .header .brand-service .visit-service-kicker{font-size:10px}
 .header .brand-service .visit-service-title{font-size:18px}
 .header .menu-toggle{width:47px;min-width:47px;min-height:45px;padding-left:3px;padding-right:3px}
}

/* Warm window light and small highlights sit on the photos, below all text. */
.visit-cover .cover-grandfather img{filter:brightness(1.06) saturate(1.065) contrast(1.03)}
.visit-cover .cover-main-photo img{filter:brightness(.98) saturate(1.08) contrast(1.07)}
.visit-cover .cover-main-photo:before,.visit-cover .cover-grandfather:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 98% 0,#fff2be66,transparent 46%),linear-gradient(132deg,transparent 40%,#fff3c71f 51%,transparent 66%);mix-blend-mode:screen}
.visit-cover .cover-main-photo:after,.visit-cover .cover-grandfather:after{content:'';position:absolute;z-index:2;pointer-events:none;top:0;right:0;width:66%;height:65%;background:url('window-sparkles.svg') right top/100% 100% no-repeat;opacity:.85}
/* Keep skin tones and clothing clear beneath the warm window light. */
.visit-cover .cover-main-photo:before{opacity:.2}
.visit-cover .cover-main-photo:after{opacity:.28}
.visit-cover .cover-grandfather:before{background:radial-gradient(ellipse at 100% 0,#fff4cb70,transparent 55%),linear-gradient(135deg,transparent 46%,#fff7d526 61%,transparent 78%)}
.visit-cover .cover-grandfather:after{width:50%;height:40%;opacity:.7}

/* Keep the fixed contact buttons close to the cover above them. */
html body .bottom-dock{padding-top:3px;border-top:0;background:#e1eff8}

/* The menu caption stays on one line inside the compact header button. */
.header .menu-toggle small{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:9px;letter-spacing:0}