/* Concept 3: crisp blue panel, soft blue wash, faded interior and compact navigation. */
.selector-masthead { --header-blue:#006AB6; --header-button:#799FD3; position:relative; isolation:isolate; background:#fff; border-bottom:1px solid #E6E6E6; }
.masthead-scene { position:absolute; z-index:-2; inset:0 0 0 50%; overflow:hidden; background:#f2f5f7 url('./assets/branding/header-interior.jpg') center 48%/cover no-repeat; }
.masthead-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,106,182,.65),rgba(0,106,182,.13) 22%,rgba(255,255,255,.77) 52%,rgba(255,255,255,.95) 100%); }
.masthead-blue { position:absolute; z-index:-1; inset:0 auto 0 0; width:56%; background:var(--header-blue); clip-path:polygon(0 0,96% 0,100% 100%,0 100%); }
.masthead-inner { position:relative; width:100%; max-width:1800px; margin:auto; height:clamp(170px,12.2vw,220px); }
.masthead-name { position:absolute; left:3%; top:22%; color:#fff; text-decoration:none; white-space:nowrap; font:400 clamp(36px,3.9vw,66px)/1 Georgia,'Times New Roman',serif; letter-spacing:-1.5px; text-shadow:0 1px 1px #0002; }
.masthead-name span { display:block; margin-top:12px; font:600 clamp(9px,.91vw,15px)/1.4 Montserrat,sans-serif; text-transform:uppercase; letter-spacing:2.8px; }
.masthead-tagline { position:absolute; left:33.6%; top:26%; margin:0; padding:7px 0 7px 2%; border-left:1px solid #ffffff80; color:white; font:400 clamp(14px,1.37vw,23px)/1.45 Georgia,'Times New Roman',serif; white-space:nowrap; }
.masthead-portrait { position:absolute; left:52%; bottom:0; width:14%; height:100%; overflow:hidden; pointer-events:none; }
.masthead-portrait img { display:block; width:100%; height:auto; margin-top:0; }
.masthead-contact { position:absolute; top:18%; right:2%; display:flex; align-items:center; gap:clamp(14px,2vw,34px); }
.masthead-phone { display:inline-flex; align-items:center; gap:10px; color:#006AB6; text-decoration:none; white-space:nowrap; font:500 clamp(12px,1.1vw,18px)/1.4 Montserrat,sans-serif; }
.masthead-book { display:inline-flex; justify-content:center; align-items:center; gap:18px; padding:16px 22px; background:var(--header-button); color:#fff; border:1px solid #8ab0df; border-radius:5px; text-decoration:none; font:700 clamp(13px,1.2vw,19px)/1.3 Montserrat,sans-serif; box-shadow:inset 0 1px 0 #ffffff20,0 1px 3px #25476515; white-space:nowrap; }
.masthead-book:hover { filter:brightness(.96); }
.masthead-book span { font-size:1.3em; font-weight:400; }
.masthead-menu { position:absolute; right:2%; bottom:8%; display:flex; align-items:center; gap:30px; }
.masthead-menu a,.masthead-menu button { color:#404041; font:500 clamp(12px,1vw,16px)/1.5 Montserrat,sans-serif; text-decoration:none; border:0; background:none; padding:8px 0; cursor:pointer; }
.masthead-menu [aria-current=page] { border-bottom:3px solid #FF5F00; }
.masthead-menu [data-shortlist-count] { font-size:.85em; margin-left:4px; }
.masthead-menu-toggle { display:none; }
.selector-masthead a:focus-visible,.selector-masthead button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(min-width:1800px) { .masthead-blue { width:calc(50% + 108px); } .masthead-scene { left:calc(50% - 0px); } }
@media(min-width:761px) and (max-width:1050px) {
 .masthead-inner { height:185px; }
 .masthead-name { top:20%; font-size:clamp(31px,3.9vw,42px); }
 .masthead-name span { letter-spacing:1.4px; font-size:8px; }
 .masthead-tagline { font-size:13px; top:28%; left:34%; padding-left:1.5%; }
 .masthead-contact { gap:10px; top:16%; right:1.5%; flex-direction:column; align-items:flex-end; }
 .masthead-book { padding:12px 16px; font-size:12px; }
 .masthead-phone { font-size:12px; }
 .masthead-menu { gap:18px; right:1.5%; bottom:5%; }
 .masthead-menu a,.masthead-menu button { font-size:11px; }
 .masthead-portrait { width:15%; left:56%; }
}
@media(max-width:760px) {
 .selector-masthead { background:#006AB6; }
 .masthead-inner { height:240px; }
 .masthead-blue { width:100%; clip-path:none; }
 .masthead-scene { left:35%; opacity:.17; z-index:0; }
 .masthead-scene::after { background:linear-gradient(90deg,#006AB6,rgba(0,106,182,.2)); }
 .masthead-name { left:5%; top:16px; z-index:2; font-size:clamp(28px,7.4vw,42px); letter-spacing:-1px; }
 .masthead-name span { font-size:clamp(8px,2vw,10px); letter-spacing:1.5px; margin-top:7px; }
 .masthead-tagline { left:5%; top:93px; padding:0; border:0; z-index:2; font-size:clamp(17px,4.6vw,22px); line-height:1.4; }
 .masthead-portrait { left:auto; right:0; width:clamp(126px,35vw,190px); height:194px; z-index:1; }
 .masthead-portrait img { margin-top:0; }
 .masthead-contact { top:auto; bottom:16px; left:5%; right:17%; z-index:3; display:block; }
 .masthead-phone { display:none; }
 .masthead-book { width:100%; min-height:52px; padding:12px 8px; font-size:16px; gap:16px; background:rgba(121,159,211,.94); border-color:#97b5dc; }
 .masthead-menu-toggle { display:flex; position:absolute; right:4%; top:14px; z-index:5; width:44px; height:44px; flex-direction:column; justify-content:center; align-items:center; gap:5px; border:0; background:transparent; cursor:pointer; color:#fff; }
 .masthead-menu-toggle span { display:block; width:25px; height:3px; border-radius:1px; background:currentColor; }
 .masthead-menu { display:none; z-index:6; left:5%; right:4%; top:64px; bottom:auto; padding:12px 18px; background:#fff; border:1px solid #E6E6E6; border-radius:5px; box-shadow:0 8px 22px #0002; flex-direction:column; align-items:stretch; gap:3px; }
 .masthead-menu.is-open { display:flex; }
 .masthead-menu a,.masthead-menu button { text-align:left; font-size:14px; padding:11px 0; }
 .masthead-menu [aria-current=page] { align-self:flex-start; }
}
@media(max-width:360px) {
 .masthead-name { font-size:27px; }
 .masthead-name span { font-size:7.5px; letter-spacing:1px; }
 .masthead-tagline { font-size:16px; }
 .masthead-book { font-size:14px; }
}

.masthead-tagline > span { display:block; }
.masthead-tagline .masthead-ideas { color:#1E87F0; text-shadow:0 1px 1px rgba(0,0,0,.12); }
/* Face into the mobile header; desktop keeps the original portrait. */
@media(max-width:760px) { .masthead-portrait img { transform:scaleX(-1); } }

/* Review: balanced text, Concept 3 dark blue and the branded-blue CTA. */
.selector-masthead { --header-blue:#004B76; --header-button:#006AB6; }
.masthead-scene::after { background:linear-gradient(90deg,rgba(0,75,118,.65),rgba(0,75,118,.13) 22%,rgba(255,255,255,.77) 52%,rgba(255,255,255,.95) 100%); }
.masthead-book { border-color:#1E87F0; }
.masthead-tagline .masthead-ideas { color:#B8D8F2; text-shadow:none; }
@media(min-width:761px) {
 .masthead-name,.masthead-tagline { top:50%; transform:translateY(-50%); }
}
@media(max-width:760px) {
 .selector-masthead { background:#004B76; }
 .masthead-scene::after { background:linear-gradient(90deg,#004B76,rgba(0,75,118,.2)); }
 .masthead-book { background:#006AB6; border-color:#1E87F0; }
}


@media(max-width:760px){.masthead-contact{right:auto;width:auto}.masthead-book{width:fit-content;min-height:40px;padding:8px 12px;font-size:12px;font-weight:600;gap:8px;box-shadow:none}.masthead-tagline{font-size:clamp(15px,4.15vw,21px)}}