/* Shared maritime glass. Last in the cascade; photographs and reading surfaces
   stay sharp. Only floating navigation uses backdrop blur. */
html.liquid-glass {
  --glass-ink: #eff8fc;
  --glass-muted: #b6cad7;
  --glass-edge: #c4e5f33b;
  --glass-focus: #a7e8ff;
  --glass-ease: cubic-bezier(.22, 1, .36, 1);
  --glass-panel: radial-gradient(ellipse at 0 0, #3d8db247, transparent 66%),
    radial-gradient(ellipse at 100% 100%, #348f882e, transparent 70%),
    linear-gradient(135deg, #132c3dea, #091727f5 65%, #10313eea);
  --glass-shadow: inset 0 1px 0 #e6f7ff47, inset 1px 0 0 #c4e6ff0d,
    inset 0 -1px 0 #88c5d71f, 0 16px 36px -20px #000b;
  --glass-control: radial-gradient(ellipse at 10% 0, #b3e7ff29, transparent 75%),
    linear-gradient(140deg, #294d63ee, #102a40ed 62%, #1a4855eb);
  --glass-ice: linear-gradient(135deg, #f7fbfd, #d1e4ee 38%, #b3d5e3 72%, #eaf8fc);
  --glass-matte: #0b1b29;
  --glass-action-shadow: inset 0 1px 1px #fff, inset 0 -2px 4px #35607a35,
    0 2px 5px #0004, 0 8px 22px -12px #81c8ed66;
}

/* Navigation floats above the scene, with an opaque fallback below. */
html.liquid-glass .site-header:is(.masthead,.journal-header),
html.liquid-glass .site-menu {
  border: 1px solid var(--glass-edge);
  background: var(--glass-panel);
  box-shadow: var(--glass-shadow), 0 8px 36px #0004;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html.liquid-glass .site-header:is(.masthead,.journal-header),
  html.liquid-glass .site-menu {
    background: radial-gradient(ellipse at 0 0, #65a8ce26, transparent 70%),
      linear-gradient(140deg, #172e3dce, #09151fd9 58%, #173844cf);
    -webkit-backdrop-filter: blur(22px) saturate(130%);
    backdrop-filter: blur(22px) saturate(130%);
  }
}
html.liquid-glass .site-menu {border-radius: 28px;}
html.liquid-glass .menu-links {gap: 8px;}
html.liquid-glass .menu-links a {
  border: 1px solid #c7e8f01a;
  background: linear-gradient(130deg, #a6d6f00e, #4e7c9603);
  box-shadow: inset 0 1px 0 #e6f7ff0b;
  transition: background-color 180ms, border-color 180ms;
}
html.liquid-glass .menu-links a small {color: var(--glass-muted);}
html.liquid-glass .site-navigation a {min-width:44px;justify-content:center;}
html.liquid-glass .menu-links a svg {
  background: var(--glass-control); border-color: var(--glass-edge);
  box-shadow: inset 0 1px 0 #fff3, inset 0 -1px 0 #a9dfe51a;
}
html.liquid-glass .menu-preview-frame {border-color: var(--glass-edge);box-shadow: var(--glass-shadow);}

/* Ice glass is reserved for the primary action. Keep the two existing
   hero shader canvases; their opacity is reduced to preserve the label. */
html.liquid-glass :is(a.founder-action,button.contact-button),
html.liquid-glass .site-header :is(.nav-contact,.header-contact),
html.liquid-glass :is(.sp-service-contact,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a),
html.liquid-glass .editorial-refined .button.primary,
html.liquid-glass .editorial-refined .article-cta .button.primary,
html.liquid-glass #request-dialog .button.primary,
html.liquid-glass #contact-dialog :is(button[type=submit],.dialog-success a) {
  background: var(--glass-ice); color: #092634;
  border: 1px solid #d9f5ffbb; border-radius: 999px;
  text-shadow: 0 1px 0 #ffffff66;
  box-shadow: inset 0 1px 1px #fff, inset 0 -2px 3px #244e6852,
    0 2px 0 #163f5399, 0 8px 24px -10px #8cdbed47;
  transition: transform 180ms var(--glass-ease);
}
html.liquid-glass :is(a.founder-action,button.contact-button)::before {
  background: linear-gradient(120deg,#d9f0f7b3,#ffffff4d 35%,#a9d6e73d 64%,#d0f1ef4d);
}
html.liquid-glass :is(a.founder-action,button.contact-button)::after {
  background: linear-gradient(180deg,#fff7,transparent 46%,#0d47661f);
  box-shadow: inset 0 1px 0 #fff9, inset 0 -1px 1px #537e8e70;
}
html.liquid-glass :is(a.founder-action,button.contact-button)>.liquid-metal-rim {opacity:.2;}
html.liquid-glass :is(.sp-service-contact,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a)::before,
html.liquid-glass .editorial-refined .article-cta .button.primary::before,
html.liquid-glass #request-dialog .button.primary::before,
html.liquid-glass #contact-dialog :is(button[type=submit],.dialog-success a)::before {background:linear-gradient(135deg,#fff9,#def6ff14,#d9f7ff77);}

/* Smoked glass controls. These selectors retain existing sizes and native
   semantics; we do not turn text links into button-shaped decorations. */
html.liquid-glass :is(.menu-toggle,.motion-toggle,.chapter-controls,.artifact-controls),
html.liquid-glass :is(.helm-controls button,.gallery-controls button,.gallery-filter button),
html.liquid-glass :is(.button.secondary,.sp-service-copy .inline-link,.card-read),
html.liquid-glass .editorial-refined #article-grid .card-read,
html.liquid-glass :is(.close-dialog,.dialog-close,.close-art,.art-zoom,.copy-prompt,.copy-request),
html.liquid-glass :is(.topic-filters button,.format-filters button) {
  color: var(--glass-ink); border: 1px solid var(--glass-edge);
  background: var(--glass-control); box-shadow: inset 0 1px 0 #e9faff42,
    inset 0 -1px 1px #82c4d42b, 0 4px 14px -8px #000b;
  transition: transform 180ms var(--glass-ease);
}
html.liquid-glass :is(.button.secondary,.sp-service-copy .inline-link,.card-read),
html.liquid-glass .editorial-refined #article-grid .card-read {border-radius:999px;}
html.liquid-glass .site-header .menu-toggle {border-radius:50%;}
html.liquid-glass .site-header .menu-toggle[aria-expanded=true] {
  background:var(--glass-ice);color:#092634;border-color:#d9f5ffbb;
}
html.liquid-glass :is(.topic-filters button,.format-filters button,.gallery-filter button)[aria-pressed=true] {
  background:var(--glass-ice);color:#092634;border-color:#d9f5ffbb;
}
html.liquid-glass .editorial-refined .filter-buttons {
  border:1px solid var(--glass-edge);border-radius:999px;
  background:linear-gradient(140deg,#1d3d4e7a,#091723bd);
  box-shadow:inset 0 1px 0 #fff2,inset 0 3px 9px #0004;
}
html.liquid-glass .filter-buttons .filter-indicator {
  background:var(--glass-ice);border:1px solid #d9f5ff99;
  box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #40697b66,0 3px 9px #0003;
}
html.liquid-glass .editorial-refined .filter-buttons button[aria-pressed=true] {color:#092634;}
html.liquid-glass .editorial-refined .filter-buttons button[data-editorial-active=false] {color:var(--glass-muted);}
html.liquid-glass .editorial-refined .filter-buttons button[data-editorial-active=true] {color:#092634;}

/* Article cards use a static optical material instead of 74 live blurs. */
html.liquid-glass .editorial-refined :is(#article-grid,.related-grid) .article-card,
html.liquid-glass .editorial-refined .related-section .article-card,
html.liquid-glass .journal-entry {
  --card-tint:#3b7ba246;
  position:relative;isolation:isolate;min-width:0;
  border:1px solid var(--glass-edge);border-radius:26px;
  background:radial-gradient(ellipse 160% 95% at -50% -10%,transparent 62%,#d9faff0a 64%,transparent 66%),
    radial-gradient(ellipse at 0 0,var(--card-tint),transparent 74%),
    radial-gradient(ellipse at 100% 100%,#377e7824,transparent 65%),
    linear-gradient(145deg,#142838,#0d1b2a 64%,#142a3a);
  box-shadow:var(--glass-shadow);overflow:hidden;
  transform:none;transition:transform 240ms var(--glass-ease);
}
html.liquid-glass .editorial-refined :is(#article-grid,.related-grid) .article-card:nth-child(3n+2),
html.liquid-glass .journal-entry:nth-child(3n+2) {--card-tint:#3852a13f;}
html.liquid-glass .editorial-refined :is(#article-grid,.related-grid) .article-card:nth-child(3n+3),
html.liquid-glass .journal-entry:nth-child(3n+3) {--card-tint:#2b87813b;}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-image {
  width:calc(100% - 16px);margin:8px 8px 0;border-radius:19px;
  border:1px solid #d7f2ff1a;box-sizing:border-box;
}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-body {
  padding:24px;gap:0;
}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-meta {color:#b7cedb;}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-excerpt {color:#c0d1dc;}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-bottom {
  border-color:#b6dce52b;gap:12px;flex-wrap:wrap;
}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .case-stage {max-width:100%;color:#adc4d1;}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-read {
  margin-left:auto;white-space:nowrap;min-height:44px;padding:11px 17px;
}
html.liquid-glass .journal-entry {padding:28px;}
html.liquid-glass .journal-entry h3 {margin-block:20px 16px;}
html.liquid-glass .journal-entry p {color:#bfd0db;}
html.liquid-glass .journal-entry h3 a>span {
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  font-size:18px;background:var(--glass-control);box-shadow:inset 0 1px 0 #fff3;
}
html.liquid-glass .journal-entry h3 a {grid-template-columns:minmax(0,1fr) 32px;}

/* Supporting UI shares the same material; long-form body copy stays matte. */
html.liquid-glass .sp-service-panel[hidden] {display:none!important;}
html.liquid-glass :is(.editorial-search-field,.mobile-toc,.case-summary,.prompt-card,.article-cta),
html.liquid-glass :is(.edition-path,.guide-pick,.gallery-teaser),
html.liquid-glass .services-panel.sp-enhanced .sp-service-media,
html.liquid-glass :is(#request-dialog,#contact-dialog,#art-dialog),
html.liquid-glass .journal-overview.wrap {
  background:var(--glass-panel);border:1px solid var(--glass-edge);
  box-shadow:var(--glass-shadow);border-radius:24px;color:var(--glass-ink);
}
html.liquid-glass .editorial-search-field {border-radius:999px;}
html.liquid-glass .editorial-search-field:focus-within {outline:2px solid var(--glass-focus);outline-offset:3px;}
html.liquid-glass .editorial-search-field input {background:transparent;color:var(--glass-ink);}
html.liquid-glass .editorial-search-field input::placeholder {color:#b6cad7;}
html.liquid-glass .desktop-toc {
  padding:22px;border:1px solid var(--glass-edge);border-radius:22px;
  background:var(--glass-panel);box-shadow:var(--glass-shadow);
}
html.liquid-glass .editorial-refined .article-cta {background:var(--glass-panel);border-color:var(--glass-edge);border-radius:26px;}
html.liquid-glass .editorial-refined .case-summary {background:var(--glass-panel);border-color:var(--glass-edge);border-radius:22px;}
html.liquid-glass .editorial-refined .prompt-card {background:var(--glass-panel);border-color:var(--glass-edge);border-radius:20px;}
html.liquid-glass .gallery-teaser {padding:32px;}
html.liquid-glass .services-panel.sp-enhanced .sp-service-tab {
  border:1px solid var(--glass-edge);border-radius:20px;padding:20px;
  background:linear-gradient(140deg,#2341519c,#0b1c2a9e);box-shadow:inset 0 1px 0 #fff2;
}
html.liquid-glass .services-panel.sp-enhanced .sp-service-tab[aria-selected=true] {
  background:var(--glass-control);border-color:#a6e1f580;box-shadow:var(--glass-shadow);
}
html.liquid-glass .services-panel.sp-enhanced .sp-service-tab::after {display:none;}
html.liquid-glass :is(#request-dialog,#contact-dialog) :is(input,textarea,select) {
  background:#081923c4;border:1px solid #bddde63d;color:var(--glass-ink);
  box-shadow:inset 0 2px 5px #0004;border-radius:13px;
}
html.liquid-glass :is(#request-dialog,#contact-dialog) :is(input,textarea)::placeholder {color:#9db6c5;}
html.liquid-glass :is(#request-dialog,#contact-dialog,#art-dialog)::backdrop {background:#02090ed9;}
html.liquid-glass body.night-docs :is(.mp-page-header,.static-site>header) {
  background:var(--glass-panel);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);
  border:1px solid var(--glass-edge);border-radius:24px;padding-inline:22px;margin-top:16px;
}
html.liquid-glass body.night-docs :is(.mp-page-nav a,.static-site>header a) {
  background:var(--glass-control);border:1px solid var(--glass-edge);border-radius:999px;
  color:var(--glass-ink);box-shadow:inset 0 1px 0 #fff3;
}
html.liquid-glass body.night-docs :is(.mp-document-help,.mp-contract-download,.mp-browser-settings,.mp-rescue) {
  background:var(--glass-panel);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);
}
html.liquid-glass body.night-docs :is(.mp-page-action,.mp-storage-clear) {
  background:var(--glass-ice);color:#092634;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #244e6852;
}

html.liquid-glass :is(button,.button,.card-read,.menu-links a,.founder-action,.inline-link):focus-visible {
  outline:3px solid var(--glass-focus);outline-offset:4px;
}
@media(hover:hover) and (pointer:fine) {
  html.liquid-glass :is(a.founder-action,button.contact-button),
  html.liquid-glass .site-header :is(.nav-contact,.header-contact),
  html.liquid-glass :is(.sp-service-contact,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a) {will-change:auto;}
  html.liquid-glass :is(a.founder-action,button.contact-button):hover,
  html.liquid-glass .site-header :is(.nav-contact,.header-contact):hover,
  html.liquid-glass :is(.sp-service-contact,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a):hover,
  html.liquid-glass .editorial-refined .button.primary:hover,
  html.liquid-glass .editorial-refined .article-cta .button.primary:hover,
  html.liquid-glass #request-dialog .button.primary:hover,
  html.liquid-glass #contact-dialog :is(button[type=submit],.dialog-success a):hover {
    background:var(--glass-ice);color:#092634;transform:translateY(-2px);
    box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #244e6852,0 10px 26px -8px #7cbfd65c;
  }
  html.liquid-glass .menu-links a:hover {border-color:#bce9ff54;background:#78c0e515;}
  html.liquid-glass .menu-links a:hover svg {color:var(--glass-ink);background:var(--glass-control);}
  html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .article-card:hover,
  html.liquid-glass .journal-entry:hover {
    transform:translateY(-4px);box-shadow:inset 0 1px 0 #e6f7ff70,inset 0 -1px 0 #88c5d736,0 20px 40px -20px #000d;
  }
  html.liquid-glass :is(.button.secondary,.sp-service-copy .inline-link,.card-read):hover,
  html.liquid-glass .editorial-refined #article-grid .card-read:hover {
    color:#fff;background:var(--glass-control);box-shadow:inset 0 1px 0 #e9faff7d,inset 0 -1px 1px #82c4d452,0 5px 16px -8px #000b;
  }
}
html.liquid-glass :is(.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact):active {
  transform:translateY(1px) scale(.98);transition-duration:80ms;
}
@media(max-width:800px) {
  html.liquid-glass .site-menu {border-radius:24px;}
  html.liquid-glass .journal-entry {padding:24px;}
  html.liquid-glass .services-panel.sp-enhanced .sp-service-tab {padding:16px;}
  html.liquid-glass .gallery-teaser {padding:22px;}
  html.liquid-glass body.night-docs .mp-page-header {padding-inline:16px;}
  html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-body {padding:22px;}
}
@media(max-width:359px) {
  html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-body {padding:18px;}
  html.liquid-glass .journal-entry {padding:20px;}
}
@media(prefers-reduced-motion:reduce) {
  html.liquid-glass :is(.article-card,.journal-entry,.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact) {
    transition:none!important;transform:none!important;
  }
}
html.liquid-glass.reduced :is(.article-card,.journal-entry,.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact),
html.liquid-glass .reduced :is(.article-card,.journal-entry,.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact) {
  transition:none!important;transform:none!important;
}
@media(prefers-reduced-transparency:reduce) {
  html.liquid-glass .site-header:is(.masthead,.journal-header),html.liquid-glass .site-menu {
    background:#102331;backdrop-filter:none;-webkit-backdrop-filter:none;
  }
}
@media(forced-colors:active) {
  html.liquid-glass :is(.site-header,.site-menu,.article-card,.journal-entry,.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact,.menu-toggle,.article-cta,.case-summary,.prompt-card,.mobile-toc,.desktop-toc,.editorial-search-field) {
    background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;
    box-shadow:none!important;backdrop-filter:none!important;
  }
  html.liquid-glass :is(.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact)::before,
  html.liquid-glass :is(.button,.founder-action,.contact-button,.nav-contact,.header-contact,.card-read,.sp-service-contact)::after {display:none;}
}

/* Mobile refinement: long Russian titles, readable actions and safe-area chrome. */
html.liquid-glass {
  --safe-top: env(safe-area-inset-top,0px);
  --safe-right: env(safe-area-inset-right,0px);
  --safe-bottom: env(safe-area-inset-bottom,0px);
  --safe-left: env(safe-area-inset-left,0px);
  -webkit-text-size-adjust:100%;
}
/* Denser navigation tint keeps page copy from competing with menu labels. */
html.liquid-glass .site-menu {background:var(--glass-panel);}
html.liquid-glass .editorial-refined .project-quicklinks a,
html.liquid-glass .journal-read {
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:46px;max-width:100%;padding:11px 18px;box-sizing:border-box;
  border:1px solid var(--glass-edge);border-radius:999px;
  background:var(--glass-control);color:var(--glass-ink);
  box-shadow:inset 0 1px 0 #e9faff42,inset 0 -1px 1px #82c4d42b,0 4px 14px -8px #000b;
  font-size:15px;font-weight:500;line-height:1.4;text-decoration:none;
  transition:transform 160ms var(--glass-ease);
}
html.liquid-glass .editorial-refined .project-quicklinks a:first-child {
  background:var(--glass-ice);color:#092634;border-color:#d9f5ffbb;
  box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #244e6852,0 5px 16px -10px #8cdbed47;
}
html.liquid-glass .editorial-refined :is(#article-grid,.related-section,.related-grid) .card-read {font-size:14px;}
html.liquid-glass .journal-entry {display:flex;flex-direction:column;}
html.liquid-glass .journal-entry h3 a {display:block;}
html.liquid-glass .journal-entry h3 {margin-top:20px;}
html.liquid-glass .journal-entry>p:last-of-type {margin-bottom:20px;}
html.liquid-glass .journal-read {margin-top:auto;align-self:flex-start;}
html.liquid-glass .journal-read svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;}
html.liquid-glass :is(.journal-read,.project-quicklinks a):focus-visible {outline:3px solid var(--glass-focus);outline-offset:4px;}
html.liquid-glass :is(.journal-read,.project-quicklinks a):active {transform:scale(.98);}
@media(hover:hover) and (pointer:fine) {
  html.liquid-glass :is(.journal-read,.project-quicklinks a):hover {transform:translateY(-2px);}
}
@media(max-width:800px), (max-width:950px) and (pointer:coarse) {
  html.liquid-glass .site-header:is(.masthead,.journal-header) {
    inset:calc(10px + var(--safe-top)) max(10px,var(--safe-right)) auto max(10px,var(--safe-left));
    height:60px;min-height:60px;padding:0 7px 0 16px;gap:10px;
  }
  html.liquid-glass .site-header .site-navigation {display:none;}
  html.liquid-glass.read-flow .site-header.masthead {
    inset:auto;max-width:none;
    width:calc(100% - max(10px,var(--safe-left)) - max(10px,var(--safe-right)));
    margin:calc(10px + var(--safe-top)) max(10px,var(--safe-right)) 10px max(10px,var(--safe-left));
  }
  html.liquid-glass .site-menu {
    inset:calc(80px + var(--safe-top)) max(10px,var(--safe-right)) auto max(10px,var(--safe-left));
    max-height:calc(100dvh - 94px - var(--safe-top) - var(--safe-bottom));
    grid-template-columns:1fr;gap:16px;padding:14px;
  }
  html.liquid-glass .site-menu .menu-about {display:none;}
  html.liquid-glass .journal-interface main {padding-top:calc(96px + var(--safe-top));}
  html.liquid-glass .services-panel.sp-enhanced .sp-service-tabs {gap:10px;border-bottom:0;}
  html.liquid-glass .editorial-refined .project-quicklinks {gap:10px;}
  html.liquid-glass .editorial-refined .project-quicklinks a {
    flex:1 1 calc(50% - 10px);min-width:0;min-height:48px;padding:11px 14px;
    font-size:14px;white-space:normal;text-align:center;
  }
  html.liquid-glass .editorial-refined .project-quicklinks a:first-child {flex-basis:100%;}
  html.liquid-glass :is(#request-dialog,#contact-dialog,#art-dialog) {
    inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
    max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));
    scroll-padding-block:16px;overscroll-behavior:contain;
  }
  html.liquid-glass #gallery-lightbox {
    inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
    max-width:calc(100vw - 16px - var(--safe-left) - var(--safe-right));
    height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));
    max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));
  }
  html.liquid-glass body.night-docs :is(.mp-page-header,.static-site>header) {margin-top:calc(16px + var(--safe-top));}
  html.liquid-glass :is(#request-dialog,#contact-dialog) :is(input,textarea,select) {font-size:16px;}
}
@media(max-width:399px) {
  html.liquid-glass .editorial-refined .article-heading h1 {font-size:clamp(32px,10vw,38px);}
  html.liquid-glass .editorial-refined .article-cta h2 {font-size:clamp(25px,7.8125vw,30px);}
}
@media(max-width:359px) {
  html.liquid-glass .site-header .brand {gap:6px;}
  html.liquid-glass .site-header .brand>span:last-child {font-size:10px;letter-spacing:.02em;}
  html.liquid-glass .site-header :is(.nav-contact,.header-contact) {font-size:13px;padding-inline:10px;gap:8px;}
  html.liquid-glass .site-header :is(.nav-contact,.header-contact)>span[aria-hidden=true] {display:none;}
}
@media(orientation:landscape) and (pointer:coarse) {
  html.liquid-glass main :is(.wrap,.article-shell) {max-width:calc(100% - 40px - var(--safe-left) - var(--safe-right));}
  html.liquid-glass body.night-docs :is(.mp-page-header,.mp-page-footer,.mp-document-main,.mp-lost-main) {max-width:calc(100% - 40px - var(--safe-left) - var(--safe-right));}
  html.liquid-glass :is(#request-dialog,#contact-dialog,#art-dialog) {max-width:calc(100% - 24px - var(--safe-left) - var(--safe-right));}
}
@media(prefers-reduced-motion:reduce) {
  html.liquid-glass :is(.journal-read,.project-quicklinks a) {transition:none;transform:none!important;}
}
html.liquid-glass.reduced :is(.journal-read,.project-quicklinks a) {transition:none;transform:none!important;}
@media(forced-colors:active) {
  html.liquid-glass :is(.journal-read,.project-quicklinks a) {background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText;box-shadow:none;}
}

/* One material and response for actions along the entire visit. The hero keeps
   its own authored shimmer; these highlights only travel on hover or focus. */
html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a) {
  position:relative;isolation:isolate;overflow:hidden;
  min-height:54px;max-width:100%;border:1px solid #e3f5ffbf;border-radius:999px;
  background:var(--glass-ice);color:#092634;box-shadow:var(--glass-action-shadow);
  font-weight:600;letter-spacing:-.015em;text-wrap:balance;text-align:center;
  transition:transform 180ms var(--glass-ease);
  touch-action:manipulation;
}
html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a)::after {
  content:'';position:absolute;inset:-50% -25%;z-index:-1;pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 61%);
  transform:translateX(-70%);opacity:0;
  transition:transform 520ms var(--glass-ease),opacity 180ms;
}
html.liquid-glass :is(.journal-read,.card-read,.button.secondary,.sp-service-copy .inline-link,.project-quicklinks a,.helm-controls button,.gallery-controls button) {
  touch-action:manipulation;
}
html.liquid-glass :is(.journal-read,.card-read,.button.secondary,.sp-service-contact,.helm-case-link,.project-quicklinks a)>:is(svg,span[aria-hidden=true]) {
  flex-shrink:0;transition:transform 220ms var(--glass-ease);
}
/* A summary or a prompt is reading content, not a floating control. */
html.liquid-glass .editorial-refined :is(.case-summary,.prompt-card) {
  background:var(--glass-matte);border-color:#81acc533;box-shadow:none;
}
html.liquid-glass .editorial-refined .article-cta {
  background:radial-gradient(ellipse at 100% 100%,#245b6354,transparent 65%),var(--glass-panel);
}
html.liquid-glass .editorial-refined .related-section .article-card {
  background:radial-gradient(ellipse at 0 0,#366c9145,transparent 70%),
    radial-gradient(ellipse at 100% 100%,#27776e29,transparent 65%),#0d1d2d;
}
html.liquid-glass ::selection {background:#addde6;color:#071a29;}
html.liquid-glass :is(input,textarea) {caret-color:#b4e7f3;}
html.liquid-glass :is(.article-content,.article-prose) a {text-underline-offset:.2em;}
html.liquid-glass :is(.mobile-toc,.desktop-toc,.site-menu) {scrollbar-color:#557b91 #0b1b29;scrollbar-width:thin;}
/* Chapter names already include their number in step-by-step guides. */
html.liquid-glass .editorial-refined :is(.mobile-toc,.desktop-toc) ol {list-style:none;padding-inline-start:0;}
@media(max-width:800px) {
  html.liquid-glass .editorial-refined .project-quicklinks a {flex-basis:100%;}
}
@media(max-width:600px) {
  html.liquid-glass .editorial-refined .filter-buttons {border-radius:24px;}
  html.liquid-glass .editorial-refined .filter-buttons .filter-indicator {border-radius:17px;}
}
@media(hover:hover) and (pointer:fine) {
  html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a):is(:hover,:focus-visible) {
    background:var(--glass-ice);color:#092634;box-shadow:var(--glass-action-shadow);transform:translateY(-2px);
  }
  html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary,#request-dialog .button.primary,#contact-dialog button[type=submit],#contact-dialog .dialog-success a):is(:hover,:focus-visible)::after {
    transform:translateX(65%);opacity:1;
  }
  html.liquid-glass :is(.journal-read,.card-read,.button.secondary,.project-quicklinks a):hover>svg {transform:translate(2px,-2px);}
}
html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.editorial-refined .button.primary):active {
  transform:translateY(1px) scale(.98);transition-duration:80ms;
}
/* Progressive cross-document transitions keep native links, Back and deep
   links intact. Unsupported browsers navigate normally, without extra JS. */
@view-transition {navigation:auto;}
::view-transition-old(root) {animation:140ms ease-out both glass-page-out;}
::view-transition-new(root) {animation:180ms ease-out both glass-page-in;}
@keyframes glass-page-out {to {opacity:0;}}
@keyframes glass-page-in {from {opacity:0;}}
@media(prefers-reduced-motion:reduce) {
  @view-transition {navigation:none;}
  html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-read,.card-read,.project-quicklinks a,.button.primary),
  html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.button.primary)::after,
  html.liquid-glass :is(.journal-read,.card-read,.button.secondary,.sp-service-contact,.helm-case-link,.project-quicklinks a)>:is(svg,span) {transition:none!important;transform:none!important;}
}
html.liquid-glass.reduced::view-transition-old(root),html.liquid-glass.reduced::view-transition-new(root) {animation:none;}
html.liquid-glass.reduced :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.button.primary)::after {transition:none!important;opacity:0!important;}
@media(forced-colors:active) {
  html.liquid-glass :is(.sp-service-contact,.helm-case-link,.button.primary),
  html.liquid-glass .editorial-refined :is(.case-summary,.prompt-card,.article-cta,.related-section .article-card) {background:Canvas!important;color:CanvasText!important;box-shadow:none;}
  html.liquid-glass :is(.sp-service-contact,.helm-case-link,.journal-intro .inline-link,.work-heading>.inline-link,.button.primary)::after {display:none;}
}