/* One semantic navigation palette, inherited by normal, sticky and dialog headers. */
:root{--nav-bg:16 45 38;--nav-panel:23 59 50;--nav-accent:241 230 210;--nav-ink:16 45 38;--nav-text:248 243 233;--nav-shadow:4 15 12;--hero-grade:23 59 50;--hero-warm:212 188 138;--hero-filter:saturate(.76) brightness(.82)}
:root[data-pf-theme="blue"]{--nav-bg:13 28 51;--nav-panel:23 43 70;--nav-accent:241 169 204;--nav-ink:13 28 51;--nav-text:246 239 246;--nav-shadow:3 10 24;--hero-grade:17 38 75;--hero-warm:207 144 168;--hero-filter:saturate(.6) brightness(.82)}
:root[data-pf-theme="copper"]{--nav-bg:28 29 30;--nav-panel:40 39 38;--nav-accent:223 173 136;--nav-ink:28 29 30;--nav-text:243 233 220;--nav-shadow:10 8 7;--hero-grade:32 31 30;--hero-warm:183 124 83;--hero-filter:saturate(.42) brightness(.79)}
body>.header,body>.header.scrolled,#menu.cinematic-menu>.header{background:rgb(var(--nav-bg) / .97)!important;color:rgb(var(--nav-text));border-bottom:1px solid rgb(var(--nav-accent) / .16);box-shadow:0 8px 28px rgb(var(--nav-shadow) / .2)}
.header .brand,.header .brand-full,.header .wordmark-image{background:transparent!important;box-shadow:none!important}
.approved-footer-logo{background:transparent}
#menu.cinematic-menu .menu-panel{background:linear-gradient(145deg,rgb(var(--nav-panel)),rgb(var(--nav-bg)))!important;border-color:rgb(var(--nav-accent) / .24)!important;box-shadow:0 24px 65px rgb(var(--nav-shadow) / .45)!important;color:rgb(var(--nav-text))}
#menu.cinematic-menu::before{background:rgb(var(--nav-shadow) / .58)!important}
.header .page-toolbar a,#menu.cinematic-menu .menu-panel nav a,#menu.cinematic-menu .close,.header .menu-button{background:rgb(var(--nav-panel))!important;color:rgb(var(--nav-text))!important;border:1px solid rgb(var(--nav-accent) / .22)!important;box-shadow:0 3px 12px rgb(var(--nav-shadow) / .16)}
.header .project-link{background:rgb(var(--nav-accent))!important;color:rgb(var(--nav-ink))!important;border-color:rgb(var(--nav-accent))!important;box-shadow:0 4px 18px rgb(var(--nav-accent) / .12)!important}
.header .project-link .line-icon{color:inherit!important}
.header .menu-button i{background:currentColor!important}
.header .menu-button[aria-expanded="true"],.header .page-toolbar a[aria-current="page"],#menu.cinematic-menu .menu-panel nav a[aria-current="page"]{background:rgb(var(--nav-accent))!important;color:rgb(var(--nav-ink))!important;border-color:rgb(var(--nav-accent))!important}
#menu.cinematic-menu .menu-panel nav a .line-icon,#menu.cinematic-menu .close .line-icon{color:inherit!important}
.header a:focus-visible,.header button:focus-visible,#menu.cinematic-menu a:focus-visible,#menu.cinematic-menu button:focus-visible{outline:2px solid rgb(var(--nav-accent))!important;outline-offset:4px}
@media(hover:hover){
 .header .page-toolbar a:hover,#menu.cinematic-menu .menu-panel nav a:hover,#menu.cinematic-menu .close:hover,.header .menu-button:hover{background:rgb(var(--nav-accent))!important;color:rgb(var(--nav-ink))!important;border-color:rgb(var(--nav-accent))!important}
 .header .project-link:hover{filter:brightness(1.07);box-shadow:0 5px 22px rgb(var(--nav-accent) / .2)!important}
}
.header .project-link:active,.header .menu-button:active,#menu.cinematic-menu .menu-panel nav a:active{filter:brightness(.94)}
.header .project-link::before,.header .project-link::after{--accent:rgb(var(--nav-accent))}
#menu.cinematic-menu .dialog-top{border-color:rgb(var(--nav-accent) / .16)}
#menu.cinematic-menu .menu-foot,.header .location{color:rgb(var(--nav-text) / .72)}
/* New photographic plate, graded gently rather than replaced per theme. */
:root[data-pf-theme] .opening .landscape{filter:var(--hero-filter)!important;object-position:50% 58%;background:rgb(var(--nav-bg))}
.opening .hero-shade{background:linear-gradient(180deg,rgb(var(--hero-grade) / .36),rgb(var(--hero-grade) / .18) 45%,rgb(var(--nav-bg) / .8)),linear-gradient(100deg,rgb(var(--hero-warm) / .1),transparent 60%)!important}
.opening .hero-foot{color:#fff;text-shadow:0 1px 8px rgb(var(--nav-shadow) / .7)}
.opening .hero-foot .explore{color:#fff;border-color:rgb(255 255 255 / .5)}
@media(max-width:800px){:root[data-pf-theme] .opening .landscape{object-position:50% 60%}}
@media(prefers-reduced-motion:reduce){
 .opening .hero-title{display:block!important;position:absolute;top:42svh;left:50%;transform:translate(-50%,-50%)!important;opacity:1!important}
 .opening .hero-shade{display:block;height:100svh;opacity:1!important;transform:none!important}
 .opening .hero-foot{display:flex;top:75svh;bottom:auto;opacity:1!important}
}
@media(forced-colors:active){.header .menu-button i{background:ButtonText!important}.header a:focus-visible,.header button:focus-visible{outline-color:Highlight!important}}