/* The photography occupies the complete window below the shared Hey Eye menu. */
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#f3f0e9;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}
button{font:inherit}
.photography-embed{position:fixed;inset:calc(var(--nav-h,80px) + var(--photography-bar-height,90px)) 0 auto;height:calc(100svh - var(--nav-h,80px) - var(--photography-bar-height,90px));height:calc(100dvh - var(--nav-h,80px) - var(--photography-bar-height,90px));overflow:hidden;background:#000}
.photography-embed:focus{outline:none}
#david-portfolio{display:block;width:100%;height:100%;border:0;background:#000}
.david-embedded>nav.heyeye-nav,.david-embedded #site-menu{background:#000}
.photography-skip{position:fixed;top:-100px;left:16px;z-index:9500;padding:14px 18px;background:#f3f0e9;color:#111;font-size:12px;text-decoration:none}
.photography-skip:focus{top:12px;outline:2px solid #ed397d;outline-offset:3px}
.photography-notice{position:fixed;inset:auto 20px 20px;z-index:400;padding:20px;background:#111;font-size:14px;line-height:1.6}
.photography-notice a{color:inherit}

.photography-bar{position:fixed;top:var(--nav-h,80px);left:0;right:0;z-index:250;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:14px 24px;background:#000;border-bottom:1px solid #ffffff18}
.photography-wordmark{flex:0 0 auto;color:#f3f0e9;text-decoration:none;font:400 19px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.085em;white-space:nowrap}
.photography-wordmark span{display:block;font-size:7px;letter-spacing:.28em;margin-top:8px}
.photography-pages{grid-column:2;justify-self:center;display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:6px clamp(18px,2vw,32px);min-width:0;width:max-content;max-width:100%}
.photography-pages a{display:inline-flex;align-items:center;position:relative;min-height:44px;padding:4px 0;color:#fff;text-decoration:none;font:400 clamp(15px,1.3vw,20px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em;white-space:nowrap}
.photography-pages a::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.photography-pages a:hover::after,.photography-pages a[aria-current=page]::after{transform:scaleX(1)}
.photography-pages a[aria-current=page]{color:#ed397d;font-weight:600}
.photography-pages a:hover{color:#fff}
.photography-pages a[aria-current=page]:hover{color:#ed397d}
.photography-wordmark:focus-visible,.photography-pages a:focus-visible{outline:2px solid #ed397d;outline-offset:4px}
@media(max-width:1350px){.photography-bar{grid-template-columns:1fr;gap:8px;padding:12px 22px}.photography-pages{grid-column:1;width:100%;gap:5px 24px}.photography-wordmark{justify-self:start;font-size:17px}}
@media(max-width:600px){.photography-bar{padding:12px 16px;gap:6px}.photography-wordmark{font-size:15px}.photography-wordmark span{font-size:6px;margin-top:6px}.photography-pages{gap:5px 14px}.photography-pages a{font-size:13px}}
@media(max-width:360px){.photography-pages a{font-size:12px}.photography-pages{gap:5px 12px}}
@media(prefers-reduced-motion:reduce){.photography-pages a::after{transition:none}}

/* A photo opens above both site headers and uses the whole browser window. */
.david-embedded.is-photo-viewing .photography-embed{inset:0;height:100svh;height:100dvh;z-index:10000}
.david-embedded.is-photo-viewing>nav.heyeye-nav,.david-embedded.is-photo-viewing .photography-bar,.david-embedded.is-photo-viewing .photography-skip{visibility:hidden}