/* Shared artificial-horizon glass: blue sky, white horizon, blue-green terrain. */
:root {
  --paper:#fbfcfd; --ink:#193f43; --muted:#55757a;
  --line:rgba(56,113,122,.22); --panel:#fcfdfd;
  --accent:#3e9298; --accent2:#a7ccd0;
  --w-ink:#193f43; --w-blue:#286b75; --w-green:#43818a;
  --w-muted:#55757a; --w-line:#c7dfe2; --w-paper:#fbfcfd;
  --flight-horizon:linear-gradient(180deg,rgba(164,201,214,.19) 0%,rgba(219,236,239,.16) 35%,rgba(249,255,255,.38) 49%,rgba(184,222,223,.20) 54%,rgba(88,153,161,.18) 100%);
  --flight-reflection:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.12) 35%,rgba(255,255,255,.65) 45%,transparent 59%);
  --flight-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -2px 5px rgba(42,103,115,.17),0 5px 18px rgba(40,88,99,.12);
}
/* A single static landscape keeps the cloudy white horizon consistent on every
   page. Stretching the artwork preserves the hills on narrow screens, too. */
html body {
  min-height:100vh;
  background:#fbfcfd url('/assets/cloudy-vista.svg') center / 100% 100% fixed no-repeat !important;
  color:var(--ink);
}
/* Shared glass excludes the independent cookie controls. */
html body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],[role="tab"]) {
  background-image:var(--flight-reflection),var(--flight-horizon) !important;
  background-color:rgba(193,222,226,.35) !important;
  background-origin:border-box;
  background-clip:padding-box;
  color:#193f43 !important;
  border-color:rgba(243,255,255,.85) !important;
  box-shadow:var(--flight-shadow) !important;
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
  text-shadow:0 1px 0 rgba(255,255,255,.55);
  accent-color:#397983;
}
/* Keep ink fully readable; transparency belongs to the glass layers. */
html body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],[role="tab"]):not(:is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],[role="tab"]) *) {
  opacity:1;
}
html body :is(.w-nav a,[data-ark-session]>a){border:1px solid rgba(243,255,255,.85);border-radius:16px;padding:9px 13px}
html body :is(.nav a[aria-current="page"],.w-tab.active,.filter.active,.w-button:not(.secondary),.button:not(.secondary),button:not(.cookie-prompt *)[aria-pressed="true"]) {
  border-color:#43818a !important;
  box-shadow:var(--flight-shadow),inset 0 0 0 1px rgba(52,112,123,.65) !important;
  font-weight:700;
}
/* A soft blue wash beneath the toolbar fades smoothly into the white sky. */
html body :is(.site-header,.w-header){background:rgba(251,253,255,.8) !important;border-bottom-color:var(--line) !important;box-shadow:0 12px 28px rgba(83,171,224,.18) !important}
html body :is(.logo-stage,.logo-stage-upgraded,.lab-background,#archidHeroStill,#archidLabStill){background:var(--flight-horizon) !important;box-shadow:var(--flight-shadow) !important}
html body :is(.eyebrow,.w-eyebrow,.archid-page-label,.iconography-original,.archid-gallery-tile figcaption a){color:#356975 !important}
html body :is(.w-meter>span){background:linear-gradient(90deg,#acd9dc,#397b88) !important}
html body :is(a,button:not(.cookie-prompt *),input,select,textarea,summary):focus-visible{outline:3px solid #337683 !important;outline-offset:3px}
/* Language flags retain their established overlays and readable lettering. */
html body .lang-switch button[data-lang].active{color:white !important;text-shadow:0 1px 3px #183e45}
@media(hover:hover) and (pointer:fine){
  html body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.filter,.archid-glass-cta,.ark-login-link,summary):not(:disabled):hover{
    box-shadow:var(--flight-shadow),inset 0 0 14px rgba(255,255,255,.55),0 7px 22px rgba(40,88,99,.18) !important;
  }
}
/* Match every text surface to the shared title ink, including control states.
   The ID specificity keeps legacy page and component colours consistent. */
html body :is(*, #archid-title-ink),
html body {
  color:#193f43 !important;
}
html body :is(*, #archid-title-ink)::before,
html body :is(*, #archid-title-ink)::after,
html body :is(input,textarea)::placeholder,
html body :is(input,textarea)::file-selector-button {
  color:#193f43 !important;
}
html body :is(input,textarea)::placeholder { opacity:1; }

/* Six faint Pride colours run along a crisp 1px rim. Separate edge
   strips leave the glass interior transparent and the title ink unfiltered. */
:root {
  --flight-spectrum:linear-gradient(90deg,rgba(222,112,131,.055),rgba(234,173,112,.055),rgba(232,210,136,.055),rgba(127,192,153,.055),rgba(124,173,223,.055),rgba(180,144,207,.055));
}
html:root body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],input[type="reset"],input[type="image"],[role="tab"],[role="button"],.w-social a) {
  border:1px solid transparent !important;
  border-radius:6px !important;
  background-color:rgba(232,246,248,.12) !important;
  background-image:var(--flight-reflection),var(--flight-horizon),var(--flight-spectrum),var(--flight-spectrum),var(--flight-spectrum),var(--flight-spectrum) !important;
  background-origin:border-box;
  background-clip:padding-box,padding-box,border-box,border-box,border-box,border-box;
  background-repeat:no-repeat;
  background-size:250% 100%,100% 100%,100% 1px,100% 1px,1px 100%,1px 100%;
  background-position:110% 0,0 0,left top,left bottom,left top,right top;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.98),inset 0 -1px 2px rgba(70,138,150,.22),0 2px 8px rgba(58,110,130,.14) !important;
}
html:root body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],input[type="reset"],input[type="image"],[role="tab"],[role="button"],.w-social a):not(:disabled):not([aria-disabled="true"]):is(:focus-visible,:active) {
  --flight-spectrum:linear-gradient(90deg,rgba(230,138,156,.095),rgba(239,182,124,.095),rgba(234,220,152,.095),rgba(140,203,167,.095),rgba(143,189,236,.095),rgba(194,160,224,.095));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 0 0 1px rgba(136,218,237,.075),0 0 12px rgba(151,187,240,.045) !important;
}
@media(hover:hover) and (pointer:fine) {
  html:root body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],input[type="reset"],input[type="image"],[role="tab"],[role="button"],.w-social a):not(:disabled):not([aria-disabled="true"]):hover {
    --flight-spectrum:linear-gradient(90deg,rgba(230,138,156,.095),rgba(239,182,124,.095),rgba(234,220,152,.095),rgba(140,203,167,.095),rgba(143,189,236,.095),rgba(194,160,224,.095));
    box-shadow:inset 0 1px 2px white,inset 0 -1px 2px rgba(98,203,219,.0625),0 0 0 1px rgba(173,221,247,.085),0 0 10px rgba(171,185,244,.055),0 5px 15px rgba(65,139,153,.055) !important;
  }
}
@media(prefers-reduced-motion:no-preference) {
  html:root body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],input[type="reset"],input[type="image"],[role="tab"],[role="button"],.w-social a) {
    animation:flight-glass-light 12s ease-in-out infinite;
  }
  html:root body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],input[type="reset"],input[type="image"],[role="tab"],[role="button"],.w-social a):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {
    animation-duration:1.8s;
  }
  @keyframes flight-glass-light {
    0%,15% {background-position:110% 0,0 0,left top,left bottom,left top,right top}
    65%,100% {background-position:-80% 0,0 0,left top,left bottom,left top,right top}
  }
}
@media(forced-colors:active) {
  html:root body :is(.nav a,.w-nav a,button:not(.cookie-prompt *),.button,.w-button,.w-tab,.filter,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,.floating-dock,.dock-mark,.badge-icon,.archid-stage-indicator,.cp-button,select,input[type="submit"],input[type="button"],input[type="reset"],input[type="image"],[role="tab"],[role="button"],.w-social a) {border-color:ButtonText !important;background-image:none !important;box-shadow:none !important}
}

/* Keep all three language choices pill-shaped above the shared glass rule. */
html:root body .lang-switch button[data-lang] {
  border-radius:999px !important;
}

/* Language labels use the same dark ink as the navigation. */
html:root body .lang-switch :is(button[data-lang],#archid-language-ink),
html:root body .lang-switch :is(button[data-lang],#archid-language-ink) * {
  color:#193f43 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}

/* Halve the signature tab background transparency: .12 opacity becomes .56. */
html:root body .floating-dock {background-color:rgba(232,246,248,.56) !important}
/* Artwork sits directly on the tab without an additional glass or white tile. */
html:root body .floating-dock .dock-mark {
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Selected ribbon controls share one persistent rainbow highlighter. */
:root {
  --flight-selected-rainbow:linear-gradient(90deg,rgba(230,138,156,.32),rgba(239,182,124,.32),rgba(234,220,152,.32),rgba(140,203,167,.32),rgba(143,189,236,.32),rgba(194,160,224,.32));
}
html:root body :is(.nav a[aria-current="page"],.w-nav a[aria-current="page"],.iconography-collections a[aria-current="page"],.w-tab.active,.filter.active,[role="tab"][aria-selected="true"],.lang-switch button[data-lang].active) {
  background-image:var(--flight-reflection),var(--flight-selected-rainbow),var(--flight-spectrum),var(--flight-spectrum),var(--flight-spectrum),var(--flight-spectrum) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.98),inset 0 0 0 1px rgba(52,112,123,.65),0 2px 8px rgba(58,110,130,.14) !important;
  font-weight:700;
}
@media(forced-colors:active) {
  html:root body :is(.nav a[aria-current="page"],.w-nav a[aria-current="page"],.iconography-collections a[aria-current="page"],.w-tab.active,.filter.active,[role="tab"][aria-selected="true"],.lang-switch button[data-lang].active) {
    background-image:none !important;
    border-color:Highlight !important;
    outline:2px solid Highlight;
    outline-offset:2px;
    box-shadow:none !important;
  }
}