/* Composite the complete bar against the page, just like the white wordmark.
   Search results and dropdowns live outside this layer to preserve image colours. */
html[data-theme="dark"] body .site-header .brand:not(.over-content){mix-blend-mode:normal!important;color:#fff!important}
html body #site-navigation{mix-blend-mode:difference;isolation:auto!important;background:transparent!important;overflow:visible}
html body #site-navigation > :is(a,button,.site-search){position:relative;z-index:1}
html body #site-navigation > a,
html body #site-navigation :is(.theme-toggle,.site-search-toggle){color:#fff!important;background:transparent!important}
html body #site-navigation > a:is([aria-current],[aria-expanded="true"],:hover,:focus-visible),
html body #site-navigation .site-search-toggle:is([aria-expanded="true"],:hover,:focus-visible){background:#fff!important;color:#000!important}
html.nav-magnet-enabled body #site-navigation > a:not([aria-current]):not([aria-expanded="true"]):not(.nav-magnet-target):hover,
html.nav-magnet-enabled body #site-navigation .site-search-toggle:not([aria-expanded="true"]):not(.nav-magnet-target):hover{background:transparent!important;color:#fff!important}
html body #site-navigation > a.nav-magnet-target:not([aria-current]):not([aria-expanded="true"]),
html body #site-navigation .site-search-toggle.nav-magnet-target:not([aria-expanded="true"]){background:transparent!important;color:#000!important}
html body #site-navigation .navigation-cursor-bubble{background:#fff!important}
/* Utility icons share the search button's expanding magnetic silhouette. */
html body #site-navigation .theme-toggle.nav-magnet-target{color:#000!important}
html body #site-navigation .theme-toggle svg{scale:1!important}
html.nav-magnet-enabled body:has(.theme-toggle:hover) .navigation-cursor-bubble,
html.nav-magnet-enabled body.page-projects:has(.browser-view-switch button:hover) .navigation-cursor-bubble{opacity:1!important}
html.nav-magnet-enabled body.page-projects .browser-view-switch button.nav-magnet-target{color:var(--theme-base,#fff)!important;background:transparent!important}
html.nav-magnet-enabled body.page-projects .browser-view-switch button:hover svg{transform:none!important}
html body #site-navigation .theme-toggle:focus-visible{background:#fff!important;color:#000!important}
html body.page-projects .browser-view-switch button:focus-visible{background:var(--theme-ink,#171917)!important;color:var(--theme-base,#fff)!important;border-radius:50%}
html body #site-navigation [data-control-label]::after{color:#fff!important}
.site-search-overlay .site-search-panel{position:fixed;right:auto;z-index:2103;box-sizing:border-box;max-height:calc(100dvh - 115px);overflow:auto}
.site-search-overlay .site-search-result{display:flex;align-items:flex-start;gap:13px;padding:13px 5px;border-radius:6px;border-top:1px solid currentColor;text-align:left;text-decoration:none;white-space:normal}
.site-search-overlay :is(input,strong,small,p){font-family:var(--font-support)!important}

/* The same uninterrupted image rhythm and bottom-left caption as the rotunda. */
html body .press-grid{gap:var(--image-sequence-gap,2px)}
html body .press-thumbnail{position:relative;isolation:isolate}
html body .press-thumbnail::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}
html body .press-project-caption{position:absolute;z-index:1;inset:auto 0 0;padding:clamp(12px,1.6vw,24px);color:#fff!important;text-align:left;pointer-events:none}
html body .press-project .press-project-caption h2{font-family:var(--font-display)!important;font-size:clamp(19px,2.1vw,32px)!important;font-weight:300!important;line-height:1.08;letter-spacing:-.035em;margin:0 0 8px;text-decoration:none!important;color:#fff!important;overflow-wrap:anywhere}
html body .press-project-caption>span{display:block;font:300 10px/1.4 var(--font-support);letter-spacing:.07em;color:#fff!important}
@media(max-width:600px){html body .press-thumbnail{aspect-ratio:1}html body .press-project .press-project-caption h2{font-size:19px!important;margin-bottom:5px}html body .press-project-caption>span{font-size:9px;letter-spacing:.025em}}