/* Shared header: retains the homepage dimensions on every page. */
.site-header{width:100%;max-width:100%;box-sizing:border-box;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid transparent}
.wordmark{font:600 1.12rem/1 var(--sans);letter-spacing:0;text-transform:uppercase}
.site-header nav a{font:500 .82rem/1 var(--sans);letter-spacing:0;padding:.4rem 0}
.site-header .cv-link{padding:.7rem 1rem!important}
/* Photography uses the same visible header scale as the homepage. */
body.photography-page .site-header{height:94px}
body.photography-page .wordmark{font-size:1.36rem}
body.photography-page .site-header nav{gap:2.5rem}
body.photography-page .site-header nav a{font-size:1.04rem}
body.photography-page .site-header .cv-link{padding:.9rem 1.25rem!important}
@media(max-width:700px){.site-header{height:64px}.wordmark{font-size:1rem}.site-header nav a{font-size:.78rem}}