/* Web interpretation, not Apple's native Liquid Glass renderer.
 * HIG Materials: glass belongs to navigation; content uses standard materials.
 * https://developer.apple.com/design/human-interface-guidelines/materials
 * Dark Mode: elevated surfaces are lighter than the base background.
 * https://developer.apple.com/design/human-interface-guidelines/dark-mode
 */
html[data-site-theme="dark"]{
 --pro-content:#202225;
 --pro-elevated:#2c2e32;
 --pro-control:#35383d;
 --pro-label:#f0f1ee;
 --pro-secondary:#b8bec6;
 --pro-separator:#525961;
 --pro-control-edge:#87919c;
 --pro-glass-solid:#24262a;
 --pro-glass-surface:var(--pro-glass-solid);
 --pro-glass-filter:none;
 --pro-glass-shadow:0 10px 28px #0004;
}
/* A dense regular material guarantees legibility even over bright video.
 * Opacity is intentional: clear glass is not appropriate for text-heavy menus.
 * Browsers without backdrop-filter retain the opaque surface above.
 */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-site-theme="dark"]{
  --pro-glass-surface:linear-gradient(160deg,rgba(48,51,56,.9),rgba(32,34,38,.88));
  --pro-glass-filter:blur(24px) saturate(120%);
 }
}
html[data-site-theme="dark"] :is(.header-theme-toggle,.header-theme-options,.mg-mobile-menu,.mg-scroll-map,.topbar.is-compact .topbar-inner,.topbar.is-menu-open .topbar-inner){
 background:var(--pro-glass-surface);
 -webkit-backdrop-filter:var(--pro-glass-filter);
 backdrop-filter:var(--pro-glass-filter);
 box-shadow:var(--pro-glass-shadow);
 color:var(--pro-label);
}
html[data-site-theme="dark"] .header-theme{
 --theme-panel:var(--pro-glass-solid);--theme-muted:var(--pro-secondary);
 --theme-line:transparent;--theme-hover:#ffffff12;
}
html[data-site-theme="dark"] .mg-mobile-menu{
 --mg-mobile-muted:var(--pro-secondary);--mg-mobile-line:var(--pro-separator);
}
html[data-site-theme="dark"] .mg-scroll-map{
 --pro-glass-shadow:0 10px 28px #0004;
 --mg-scroll-muted:var(--pro-secondary);--mg-scroll-line:var(--pro-separator);
 --mg-scroll-track:#78818c;--mg-scroll-focus:#d5deeb;
}
html[data-site-theme="dark"] :is(.mg-mobile-menu,.mg-scroll-map)::before{display:none}
/* One glass layer per navigation group; the nested switch is a simple fill. */
@media(min-width:1367px){
 html[data-site-theme="dark"] .topbar:is(.is-compact,.is-menu-open) .header-theme-toggle{
  background:#ffffff12;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
 }
}
/* Solid, quieter content surfaces. No glass added to the form or service art. */
html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-form{color:var(--pro-label)}
html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-fields :is(input,textarea){border-color:transparent}
html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-fields :is(input,textarea)::placeholder{color:var(--pro-secondary)}
html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-topics label{box-shadow:none}
html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-topics label:has(:checked){background:var(--pro-control);box-shadow:none}
html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-consent{color:var(--pro-secondary)}
html[data-site-theme="dark"] .pro-chat{
 --chat-material:rgb(44,46,50);
 color:var(--pro-label);box-shadow:0 24px 90px #0008;
}
html[data-site-theme="dark"] .pro-chat .pro-chat-input-row{background:var(--pro-control);border-color:transparent}
html[data-site-theme="dark"] .pro-chat :is(.pro-chat-date,.pro-chat-note,.pro-chat-count){color:var(--pro-secondary)}
html[data-site-theme="dark"] .services-page :is(.catalog-modes,.catalog-up){background:var(--pro-content);border:1px solid transparent}
html[data-site-theme="dark"] .services-page .catalog-modes{border-color:transparent}
html[data-site-theme="dark"] .services-page .catalog-modes button{color:var(--pro-secondary)}
html[data-site-theme="dark"] .services-page .catalog-modes button[aria-pressed=true]{background:var(--pro-control);color:var(--pro-label);box-shadow:none}
@media(max-width:767px){
 html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-form{background:var(--pro-content)}
 html[data-site-theme="dark"] :is(.home-page,.contact-page) .brief-fields :is(input,textarea){box-shadow:none}
}
/* Honor preferences where the browser exposes them. Do not disable forced colors. */
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-site-theme="dark"]{--pro-glass-surface:var(--pro-glass-solid);--pro-glass-filter:none}
}
@media(prefers-contrast:more){
 html[data-site-theme="dark"]{
  --pro-label:#ffffff;--pro-secondary:#e0e4ea;--pro-separator:#8b95a0;
  --pro-control-edge:#aab5c2;--pro-glass-shadow:none;
 }
 html[data-site-theme="dark"]:has(.home-page){--ink:#ffffff;--muted:#e0e4ea;--line:#8b95a0}
 html[data-site-theme="dark"] .services-page :is(.catalog-heading p,.catalog-hint,.catalog-kicker,.catalog-step,.catalog-summary>p,.catalog-detail-intro>p,.catalog-detail-body p){color:var(--pro-secondary)}
}