/* Shared public chrome: tint/blur the backing, never dim or blur its labels.
   Loaded last in both public shells; deliberately absent from Studio/iframes. */
:root{--public-glass-solid:#111311;--public-glass-surface:rgb(17 19 17 / .80);--public-glass-ink:#fff;--public-glass-blur:blur(16px) saturate(115%)}
/* Difference blending inverts the glass and creates a backdrop boundary.
   The existing contrast controller still supplies the unfilled label colour. */
html:root[data-theme] body .site-header #site-navigation{mix-blend-mode:normal!important;filter:none!important;will-change:auto!important}
html:root[data-theme] body .site-header #site-navigation>:is(a,button):not(.liquid-menu-owner),
html:root[data-theme] body .site-header #site-navigation :is(.editor-shortcut,.theme-toggle){color:var(--chrome-ink,var(--theme-ink,#191b18))!important}
html:root[data-theme] body .site-header #site-navigation>a:is([aria-current],[aria-expanded=true],:hover,:focus-visible):not(.nav-liquid-control):not(.liquid-menu-owner){background:var(--public-glass-surface)!important;color:var(--public-glass-ink)!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
/* Native magnetic feedback paints ONE surface, not a second translucent pill. */
html:root[data-theme].nav-magnet-enabled body .site-header #site-navigation>a.nav-liquid-control:not(.liquid-menu-owner){background:transparent!important;color:var(--chrome-ink,var(--theme-ink,#191b18))!important}
html:root[data-theme] body :is(#site-navigation,.about-section-selector,.people-grid-toolbar,.globe-tools) .navigation-cursor-bubble,
html:root[data-theme] body>.navigation-cursor-bubble{background:var(--public-glass-surface)!important;filter:none!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur);box-shadow:none!important}
html:root[data-theme] body .navigation-cursor-bubble::after{display:none!important}
html:root[data-theme].nav-magnet-enabled body :is(#site-navigation>a,#site-navigation .editor-shortcut,#site-navigation .theme-toggle,.about-section-selector>a,.people-nav-control,.browser-view-switch button,.filter-layer>summary,.collection-scope button).nav-magnet-target:not(.liquid-menu-owner){color:var(--public-glass-ink)!important}
/* Dropdown owns its complete silhouette, including the liquid neck. */
html:root[data-theme] body :is(.project-typology-menu,.liquid-navigation-menu,.project-filter-menu){--menu-surface:var(--public-glass-surface);--menu-ink:var(--public-glass-ink);color:var(--public-glass-ink)!important}
html:root[data-theme] body .project-typology-surface{background:var(--public-glass-surface)!important;filter:none!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
html:root[data-theme] body .project-typology-surface :is(b,i){display:none!important}
html:root[data-theme] body :is(dialog.mobile-menu,.navigation-managed>div,.site-search-overlay .site-search-panel){background:var(--public-glass-surface)!important;color:var(--public-glass-ink)!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
html:root[data-theme] body dialog.mobile-menu{--menu-surface:var(--public-glass-surface);--menu-ink:var(--public-glass-ink)}
html:root[data-theme] body .mobile-menu :is(.navigation-managed>div,.site-search-panel){background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
/* Search remains unpainted at rest; only its existing disclosed surface blurs. */
html:root[data-theme] body :is(.site-search:not(.site-search-overlay),[data-local-search].local-search-pill)::before{background:var(--public-glass-surface)!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
html:root[data-theme] body :is(.icon-info,.social-pill,.contact-pill,.home-projects-cta a,.studio-link){background:var(--public-glass-surface)!important;color:var(--public-glass-ink)!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
html:root[data-theme] body :is(.about-section-selector>a,.collection-scope button,.filter-layer>summary):is([aria-current],[aria-pressed=true],:hover,:focus-visible):not(.nav-liquid-control):not(.liquid-menu-owner){background:var(--public-glass-surface)!important;color:var(--public-glass-ink)!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
html:root[data-theme] body .people-nav-control:is(:hover,:focus-visible,[aria-pressed=true]):not(.nav-liquid-control),
html:root[data-theme] body .news-index .news-filters :is(a,button):is(:hover,:focus-visible,[aria-pressed=true],[aria-current]){color:var(--public-glass-ink)!important}
html:root[data-theme] body .people-nav-control:is(:hover,:focus-visible,[aria-pressed=true]):not(.nav-liquid-control)::before,
html:root[data-theme] body .news-index .news-filters :is(a,button):is(:hover,:focus-visible,[aria-pressed=true],[aria-current])::before{background:var(--public-glass-surface)!important;-webkit-backdrop-filter:var(--public-glass-blur);backdrop-filter:var(--public-glass-blur)}
/* No full-width grey/blurred header sheet on People. Only individual controls
   get glass; portraits remain sharp in the space between those controls. */
html:root[data-theme] body.page-people :is(.site-header,.people-grid-toolbar){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html:root[data-theme] body.page-people :is(.site-header,.people-grid-toolbar)::before,
html:root[data-theme] body.page-people :is(.site-header,.people-grid-toolbar)::after{display:none!important}
html:root[data-theme] body.page-people .header-overlap-blur{display:none!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--public-glass-surface:var(--public-glass-solid)}}
@media(prefers-reduced-transparency:reduce){:root{--public-glass-surface:var(--public-glass-solid);--public-glass-blur:none}}
@media(forced-colors:active){:root{--public-glass-surface:Canvas;--public-glass-solid:Canvas;--public-glass-ink:CanvasText;--public-glass-blur:none}}
