/* One optical surface. No moulded bevels, stacked borders or glass-on-glass. */
html body .liquid-glass{
 --glass-ink:#142236;--glass-tint:rgba(255,255,255,.025);
 --glass-x:50%;--glass-y:50%;--glass-energy:0;--glass-lens-radius:110px;
 --glass-dx:0px;--glass-dy:0px;--glass-sx:1;--glass-sy:1;
 position:relative;isolation:isolate;z-index:0;overflow:visible;
 border:1px solid transparent;border-radius:999px;
 background:transparent!important;color:var(--glass-ink)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 box-shadow:none;
 text-shadow:none;translate:var(--glass-dx) var(--glass-dy);scale:var(--glass-sx) var(--glass-sy);
 transition:box-shadow .3s ease;
 -webkit-tap-highlight-color:transparent;
}
.liquid-glass::before{
 content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-2;pointer-events:none;
 background:radial-gradient(circle var(--glass-lens-radius) at var(--glass-x) var(--glass-y),rgb(255 255 255 / calc(var(--glass-energy) * .045)),transparent 72%),var(--glass-tint);
 -webkit-backdrop-filter:blur(.7px) saturate(1.14);
 backdrop-filter:blur(.7px) saturate(1.14);
 box-shadow:0 1px 2px rgba(19,35,52,.075),0 5px 10px -6px rgba(19,35,52,.22),0 14px 24px -21px rgba(19,35,52,.17);
 transition:box-shadow .3s ease;
}
.liquid-glass[data-glass-optics='cursor-lens'][data-glass-material-active='true']::before{
 backdrop-filter:var(--glass-filter) blur(.7px) saturate(1.14);
}
/* One restrained outer contour. The moving lens has no visible circular border. */
.liquid-glass::after{
 content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;pointer-events:none;
 border:1px solid rgba(255,255,255,.30);
}
html body .liquid-glass:hover{background:transparent;box-shadow:none}

html body .liquid-glass:focus-visible{outline:2px solid #244fae;outline-offset:5px}
.liquid-glass a,.liquid-glass button{color:inherit}
.home-page .nav nav.liquid-glass{--glass-ink:#fff;--glass-tint:rgba(6,19,43,.16);text-shadow:0 1px 5px rgba(3,12,31,.38)}
html body .nav nav.liquid-glass{gap:1px;padding:6px;translate:none;scale:1}
.nav nav.liquid-glass>a,.nav nav.liquid-glass>button{
 position:relative;padding:12px 16px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;
 border-radius:999px;outline-offset:3px;white-space:nowrap;opacity:1;transition:color .2s;
}
.nav nav.liquid-glass .motion{font-size:12px;padding-inline:15px}
.nav nav.liquid-glass a:focus-visible,.nav nav.liquid-glass button:focus-visible{outline:2px solid currentColor}
.nav nav.liquid-glass a:hover,.nav nav.liquid-glass button:hover{text-decoration:none}
.nav nav.liquid-glass .glass-nav-light{
 position:absolute;left:0;top:0;pointer-events:none;z-index:-1;display:block;
 height:42px;width:0;border-radius:999px;opacity:0;
 background:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
 transition:opacity .22s ease;
}
html body .pill.liquid-glass{min-height:56px;gap:40px;padding:0 25px;font-weight:500;letter-spacing:-.015em}
.liquid-glass.cinema-play{min-width:155px;min-height:48px}
html body .cinema-open.liquid-glass{--glass-ink:#fffdf4;--glass-tint:rgba(240,244,240,.065)}
html body .cinema-open.liquid-glass:hover>span{transform:none}
.liquid-glass.project-link,.liquid-glass.glass-link{min-height:48px}
.liquid-glass.round-link{border-radius:50%}
.category-filters button.liquid-glass{min-height:44px;--glass-tint:rgba(255,255,255,.08)}
.category-filters button.liquid-glass[aria-pressed='true'],.category-filters button.liquid-glass.active{--glass-ink:#173a75;--glass-tint:rgba(160,190,231,.3);font-weight:600}
.reduced-motion .liquid-glass{transition:none!important;translate:none!important;scale:1!important}
.reduced-motion .glass-nav-light{transition:none!important}
@media(prefers-reduced-motion:reduce){html body .liquid-glass{transition:none;translate:none!important;scale:1!important}.glass-nav-light{transition:none!important}}
@media(prefers-reduced-transparency:reduce){html body .liquid-glass{background:#edf0ed!important;color:#142236!important;text-shadow:none}.liquid-glass::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important}.home-page .nav nav.liquid-glass{background:#20375b!important;color:#fff!important}}
@media(forced-colors:active){html body .liquid-glass{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText;box-shadow:none;text-shadow:none}.liquid-glass::before,.liquid-glass::after,.glass-nav-light{display:none}}
@media(max-width:800px){html body .nav nav.liquid-glass{padding:4px}.nav nav.liquid-glass>a,.nav nav.liquid-glass>button{min-height:44px;padding:10px 12px}.nav nav.liquid-glass .motion{padding-inline:12px}.home-page .nav nav.liquid-glass{--glass-ink:#142236;--glass-tint:rgba(255,255,255,.1);text-shadow:none}.home-page .nav nav.liquid-glass>a:first-child{display:none}.liquid-glass.cinema-play{min-width:132px;min-height:44px}.liquid-glass.project-link,.liquid-glass.glass-link{min-height:44px}html body .pill.liquid-glass{min-height:52px}}

/* A standalone action has one outer edge, without the legacy native border. */
html body .liquid-glass.glass-cta{border-color:transparent!important}
html body .liquid-glass.glass-cta::after{padding:.75px;inset:-1px}
@media(forced-colors:active){html body .liquid-glass.glass-cta{border-color:ButtonText!important}}

/* Caption and navigation docks share the lens, not the button's shape or motion. */
html body .glass-surface.liquid-glass{
 --glass-tint:rgba(245,247,243,.10);--glass-ink:#17283c;
 border-radius:22px;translate:none;scale:1;text-shadow:none;
}
.glass-surface.liquid-glass::before{box-shadow:0 1px 2px rgba(19,35,52,.075),0 9px 18px -13px rgba(19,35,52,.25)}
.glass-surface.liquid-glass::after{padding:.8px}
html body .glass-surface.liquid-glass:hover{translate:none;scale:1}
.glass-surface button{font-family:var(--font-text);color:inherit}
@media(prefers-reduced-transparency:reduce){html body .glass-surface.liquid-glass{background:#f1f3ef!important}}
.glass-surface.liquid-glass[data-glass-optics='cursor-lens'][data-glass-material-active='true']::before{backdrop-filter:var(--glass-filter) blur(.7px) saturate(1.14)}

/* Clear scene captions: show the moving stone through one thin optical edge. */
html body .scene-glass.glass-surface.liquid-glass{
 --glass-tint:rgba(246,249,250,.025);--glass-ink:#17283c;
 border-radius:24px;border-color:transparent;
}
html body .study-evidence.scene-glass.liquid-glass{position:absolute;z-index:3;pointer-events:auto}
.scene-glass.liquid-glass::before{
 -webkit-backdrop-filter:blur(.7px) saturate(1.14);
 backdrop-filter:blur(.7px) saturate(1.14);
 box-shadow:0 1px 2px rgba(19,35,52,.075),0 9px 18px -13px rgba(19,35,52,.25);
}
.scene-glass.glass-surface.liquid-glass[data-glass-optics='cursor-lens'][data-glass-material-active='true']::before{
 backdrop-filter:var(--glass-filter) blur(.7px) saturate(1.14);
}

.scene-glass.liquid-glass::after{padding:.75px}
.scene-glass a:focus-visible{outline:2px solid #244fae;outline-offset:5px;border-radius:3px}
@media(max-width:800px){html body .scene-glass.glass-surface.liquid-glass{border-radius:20px}}
@media(prefers-reduced-transparency:reduce){
 .scene-glass.liquid-glass::before{box-shadow:none}
}

/* The existing image-viewer dock is glass; collection cards stay untouched. */
html body .pg-lightbox-toolbar.glass-surface.liquid-glass{--glass-tint:rgba(240,245,240,.20)}
.reduced-motion .liquid-glass::before{transition:none!important}
@media(prefers-reduced-motion:reduce){.liquid-glass::before{transition:none!important}}


/* Pale labels remain readable over the blue film; no change to other CTA text. */
html body .hero-film .pill.liquid-glass{--glass-ink:#f6f9ff;--glass-tint:rgba(8,24,46,.14);text-shadow:0 1px 5px rgba(3,12,31,.32)}
@media(prefers-reduced-transparency:reduce){html body .hero-film .pill.liquid-glass{background:#20375b!important;color:#fff!important}}

/* One local optical field acts on the actual glyphs, with no word/line scaling. */
html body .liquid-glass .glass-text-label{
 display:inline-block;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;
 margin:0;padding:0;transform:none;scale:1;filter:none;
}
html body .liquid-glass .glass-copy-text{scale:1;filter:none}
html body .liquid-glass [data-glass-letter-lens='active'],
html body .liquid-glass [data-glass-letter-lens='ready']{filter:var(--glass-letter-filter)}
html body.reduced-motion .liquid-glass [data-glass-letter-lens]{filter:none!important}
@media(prefers-reduced-motion:reduce){
 html body .liquid-glass [data-glass-letter-lens]{filter:none!important}
}