/* Personal-photo masthead: the supplied image stays intact behind fixed controls. */
.header.personal-header{max-width:none;padding:14px max(24px,calc((100vw - 1176px)/2)) 0;background:#233b32;border-bottom:1px solid #526e5d}
.personal-header .header-top{position:relative;isolation:isolate;display:flex;justify-content:flex-start;align-items:center;gap:24px;min-height:200px;padding:18px 0}
.header-photo-scene{position:absolute;inset:-14px -24px 0;z-index:-1;overflow:hidden;pointer-events:none}
.header-photo-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#233b32 0%,#233b32 24%,rgba(35,59,50,.18) 64%,rgba(35,59,50,.06) 100%)}
.header-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease}
.header-slide.is-current{opacity:1}
.header-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}
.personal-header .header-top>.brand{padding:9px 16px 13px;border-radius:13px;background:#f7f5ee;border:1px solid #e6e7dc;flex-shrink:0}
.personal-header .brand-logo{width:280px}
.personal-header .brand .tagline{color:#233b32}
.personal-header .header-actions{align-items:flex-start;flex-wrap:wrap;max-width:270px;gap:8px}
.personal-header .active-rig{flex-basis:100%;color:#fff;font-size:11px}
.personal-header .header-actions .button{background:#f7f5ee;color:#233b32;border:1px solid #f7f5ee}
.personal-header .header-actions .button.secondary{background:#233b32;color:#fff;border-color:#b7c7b6}
.personal-header nav{margin:0;padding:7px 14px;gap:0 24px;background:#233b32;border:1px solid #597264;border-bottom:0;border-radius:10px 10px 0 0}
.personal-header nav a{display:inline-flex;align-items:center;min-height:44px;color:#fff}
.personal-header nav a[aria-current=page]{color:#f5d3b4;text-decoration:underline;text-underline-offset:6px}
.personal-header a:focus-visible,.personal-header button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #233b32}
.personal-header .brand:focus-visible{outline-color:#233b32;box-shadow:0 0 0 6px #fff}
.header-rotation{position:absolute;right:0;bottom:8px;display:flex;gap:7px;align-items:center;background:#233b32;border:1px solid #b7c7b6;border-radius:999px;padding:2px 6px 2px 12px;color:white;font-size:11px}
.header-rotation button{min-height:36px;padding:5px 10px;font-size:11px;background:#f7f5ee;color:#233b32}
.personal-photo-credit{font-size:11px;margin:12px auto 0;max-width:650px;color:#59665e}
@media(max-width:1000px){.personal-header .header-top{gap:16px}.personal-header .header-actions{max-width:185px}.personal-header .brand-logo{width:240px}}
@media(max-width:850px){.header.personal-header{padding:12px 20px 0}.personal-header .header-top{min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:14px 0}.personal-header .brand-logo{width:200px}.personal-header .header-top>.brand{padding:7px 12px 11px}.personal-header .header-actions{max-width:240px;flex-direction:row}.personal-header .active-rig{display:none}.personal-header .header-actions .button{font-size:11px;padding:6px 10px;min-height:34px}.personal-header nav{gap:0 20px;padding:5px 12px}}
@media(max-width:650px){.personal-header .header-top{min-height:170px}.header-photo-scene{inset:-12px -20px 0}.header-photo-scene::after{background:linear-gradient(90deg,#233b32 0%,#233b32 23%,rgba(35,59,50,.05) 58%,rgba(35,59,50,.05) 100%)}.personal-header .brand-logo{width:155px}.personal-header .brand .tagline{font-size:7px;letter-spacing:.7px;margin-top:-3px}.personal-header .header-actions{max-width:180px;gap:6px}.personal-header .header-actions .button{font-size:10px;padding:6px 8px}.personal-header nav{gap:0 19px}.personal-header nav a{font-size:12px}.header-rotation{bottom:4px;right:-8px;font-size:10px;padding-left:8px}.header-rotation button{font-size:10px;padding:5px 8px}}
@media(max-width:360px){.header.personal-header{padding:10px 12px 0}.personal-header .brand-logo{width:130px}.personal-header .header-top>.brand{padding:7px 8px 10px}.personal-header .header-top{min-height:170px}.personal-header .header-actions{max-width:155px;gap:5px}.personal-header .header-actions .button{padding:6px 7px;font-size:9px}.personal-header nav{gap:0 17px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.header-slide{transition:none}}

@media(min-width:651px) and (max-width:850px){.header-photo-scene{inset:-12px -20px 0}}
@media(max-width:360px){.header-photo-scene{inset:-10px -12px 0}}

.header-photo-scene{inset:-14px calc(-1 * max(24px,calc((100vw - 1176px)/2))) 0}
.header-slide img{position:absolute;right:0;width:auto;max-width:none;height:100%;mask-image:linear-gradient(90deg,transparent,#000 18%)}
@media(max-width:850px){.header-photo-scene{inset:-12px -20px 0}}
@media(max-width:360px){.header-photo-scene{inset:-10px -12px 0}}