/* One identity and navigation system for the personal site and photography. */
.site-header .site-signature{display:flex;align-items:flex-start;gap:15px;padding:0;font-weight:700;line-height:1;letter-spacing:0;color:inherit}
.site-header .brand-monogram{font-size:35px;line-height:.82;letter-spacing:-.09em;font-weight:700;display:block}
.site-header .brand-copy{font-size:9px;line-height:1.4;font-weight:400;letter-spacing:0;display:block;padding:0}
.site-header nav{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.4;width:auto}
.site-header nav a{padding:10px 8px;border:0;white-space:nowrap;transition:background .2s,color .2s}
.site-header nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}
.portfolio-nav.site-header{position:absolute;top:0;left:0;right:0;margin:0 4.2%;height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efeee760;z-index:3}
.site-header .site-signature:hover{color:inherit;opacity:.78}
.portfolio-nav.site-header nav a:hover{background:var(--paper);color:var(--ink)}
.site-header a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:1000px){.site-header nav{gap:0;font-size:11px}.site-header .site-signature{gap:10px}.site-header .brand-copy{font-size:8px}}
@media(max-width:800px){.site-header,.portfolio-nav.site-header{height:120px;flex-wrap:wrap;align-content:center;gap:16px}.site-header nav{width:100%;justify-content:space-between}.site-header nav a{padding:7px 4px}.site-header .brand-monogram{font-size:30px}}
@media(max-width:600px){.portfolio-nav.site-header{margin:0 6%}.site-header nav{font-size:10px}.site-header .brand-copy{font-size:8px}}
@media(max-width:360px){.site-header nav{font-size:9px}.site-header nav a{padding:7px 2px}}
@media(prefers-reduced-motion:reduce){.site-header nav a{transition:none}}
@media(max-height:700px) and (max-width:520px){.resting-details{top:145px}}

/* Final geometry wins over the historical per-page header rules. */
body>.site-header,html.home-paged body>.site-header,body>.portfolio-nav.site-header{box-sizing:border-box;position:relative;top:auto;left:auto;right:auto;margin:0 4.2%;padding:0;height:84px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:normal;gap:0;border-bottom:1px solid var(--ink);z-index:3}
body>.portfolio-nav.site-header{position:absolute;top:0;left:0;right:0;color:var(--paper);border-color:#efeee760}
html.home-paged body>.site-header{color:var(--paper);border-color:#efeee760}
.site-header .site-signature{flex:0 0 auto;align-self:center}
.site-header nav{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.4;align-self:center;margin:0}
.site-header nav a{box-sizing:border-box;line-height:1.4;margin:0}
@media(max-width:800px){body>.site-header,html.home-paged body>.site-header,body>.portfolio-nav.site-header{height:120px;flex-wrap:wrap;align-content:center;gap:16px}.site-header nav{width:100%}}
@media(max-width:700px){body>.site-header,html.home-paged body>.site-header,body>.portfolio-nav.site-header{margin-inline:6%}}
.site-header nav a{font-size:inherit;position:relative;text-decoration:none!important}
.site-header nav a::after{content:'';position:absolute;left:8px;right:8px;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-header nav a[aria-current]::after,.site-header nav a:hover::after{transform:scaleX(1)}
@media(max-width:800px){.site-header nav a::after{left:4px;right:4px;bottom:2px}}