/* Shared visual finish. Page geometry, artwork and interaction hooks stay intact. */
:root {
  --aero-glass:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,253,255,.78) 48%,rgba(216,242,246,.8));
  --aero-gloss:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.44) 46%,rgba(255,255,255,.08) 49%,rgba(173,224,233,.38) 52%,rgba(241,255,255,.74));
  --aero-rim:rgba(255,255,255,.95);
  --aero-shadow:inset 0 1px 0 #fff,inset 0 -1px 2px rgba(42,117,137,.13),0 10px 28px rgba(28,102,128,.13);
  --flight-horizon:linear-gradient(180deg,rgba(230,250,255,.8),rgba(193,233,247,.48) 48%,rgba(133,209,219,.38) 51%,rgba(231,252,245,.7));
  --flight-reflection:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.15) 37%,rgba(255,255,255,.72) 46%,transparent 62%);
  --panel:#f1fcff;
  --w-panel:#f1fcff;
  --line:#b9dce5;
  --w-line:#b9dce5;
  --shadow:var(--aero-shadow);
  --w-shadow:var(--aero-shadow);
}

html:root body {
  background:#e9f9ff url('/assets/aero-vista.svg') center / cover fixed no-repeat !important;
}
html:root body :is(.site-header,.w-header) {
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(224,246,254,.85) 49%,rgba(204,234,243,.81) 51%,rgba(245,255,255,.9)) !important;
  border-bottom:1px solid var(--aero-rim) !important;
  box-shadow:0 1px 0 rgba(57,130,154,.2),0 6px 24px rgba(48,132,164,.13) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}

/* Rounded glass rims frame content without tinting the original images. */
html:root body :is(.featured-shell,.pin-wrap,.credits-wrap,.credit-group,.contact-card,.wonder-card,.pin-card,.slideshow-frame,.archid-gallery-tile,.archid-home-preview-grid>a,.w-panel,.w-auth-side,.w-result,.cp-shell,.cp-card,.cp-pane,.iconography-study,.iconography-collection,.archid-global-ack,.ark-identity-menu>div,.cookie-prompt) {
  background:var(--aero-glass);
  border-color:var(--aero-rim);
  box-shadow:var(--aero-shadow);
}
html:root body :is(.logo-stage,.logo-stage-upgraded,.lab-background,#archidHeroStill,#archidLabStill) {
  background:radial-gradient(ellipse at 75% 12%,rgba(255,255,255,.95),transparent 45%),linear-gradient(155deg,rgba(228,252,255,.83),rgba(137,215,238,.4) 55%,rgba(194,234,201,.65)) !important;
  border-color:var(--aero-rim) !important;
  box-shadow:inset 0 2px 2px #fff,inset 0 -2px 12px rgba(59,134,157,.15),0 18px 48px rgba(43,119,145,.18) !important;
}
html:root body :is(h1,h2,.brand,.w-mark) {
  text-shadow:0 1px 0 rgba(255,255,255,.85);
}
html:root body :is(.eyebrow,.w-eyebrow,.archid-page-label) {
  text-shadow:0 1px 0 rgba(255,255,255,.95);
}

/* Preserve the existing selected rainbow, flags and animated signature mark. */
html:root body :is(.nav a,.w-nav a,.button,.w-button,.w-tab,.filter,.cp-button,.cp-tab,.archid-glass-cta,.ark-login-link,.ark-identity-menu>summary,[data-ark-session]>a,[role="tab"],.w-social a) {
  border-radius:999px !important;
  border-color:rgba(255,255,255,.95) !important;
  box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px rgba(32,113,143,.18),0 3px 8px rgba(43,117,145,.16) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.85);
}
html:root body .floating-dock {
  background:var(--aero-gloss) !important;
  border:1px solid var(--aero-rim) !important;
  border-radius:24px !important;
  box-shadow:var(--aero-shadow) !important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
html:root body :is(.w-field,.cp-fields) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select),
html:root body .w-search {
  background:linear-gradient(180deg,#e7f5fa,#fff 32%);
  border-color:#94c3d2;
  box-shadow:inset 0 2px 4px rgba(39,111,139,.12),0 1px 0 rgba(255,255,255,.95);
}
html:root body :is(input[type="checkbox"],input[type="radio"],input[type="range"],progress) {accent-color:#247f96}
html:root body .site-real-footer {
  background:linear-gradient(180deg,rgba(237,253,255,.35),rgba(239,255,250,.88));
  border-top-color:rgba(255,255,255,.9);
  box-shadow:0 -1px 0 rgba(68,139,154,.15);
}
html:root body :is(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid #14768e !important;
  outline-offset:3px;
}
::selection {background:#b2e9db;color:#163e43}

@media (hover:hover) and (pointer:fine) {
  html:root body :is(.nav a,.w-nav a,.button,.w-button,.filter,.cp-button,.w-tab):not(:disabled):hover {
    box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px rgba(32,113,143,.2),0 4px 12px rgba(43,117,145,.24) !important;
  }
}
/* Phones: mobile browsers ignore fixed backgrounds, so the sky is painted on a
   separate fixed layer that fills the screen while only the page content scrolls. */
@media (max-width:760px) {
  html:root body {
    --archid-backdrop:url('/assets/aero-vista.svg');
    background-image:none !important;
    background-attachment:scroll !important;
  }
  html:root body::before {
    content:"";
    position:fixed;
    top:0;left:0;right:0;
    height:100vh;
    height:100lvh;
    z-index:-1;
    pointer-events:none;
    background-color:#e9f9ff;
    background-image:var(--archid-backdrop);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
  }
}
@media (prefers-reduced-motion:reduce) {
  html:root body :is(.nav a,.w-nav a,button,.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,[role="tab"],[role="button"],.w-social a) {animation:none !important}
}
@media (forced-colors:active) {
  html:root body {background:Canvas !important}
  html:root body::before {display:none}
  html:root body :is(.site-header,.w-header,.w-panel,.cp-card,.cp-pane,.floating-dock,.nav a,.w-nav a,.button,.w-button,.filter,.cp-button,.cp-tab,.w-tab,[role="tab"],.w-social a) {
    background:Canvas !important;border-color:ButtonText !important;box-shadow:none !important;text-shadow:none !important;
  }
  html:root body :is(a,button,input,select,textarea,summary):focus-visible {outline-color:Highlight !important}
}
@media print {
  html:root body {background:#fff !important}
  html:root body::before {display:none}
  html:root body :is(.w-panel,.cp-card,.cp-pane,.cp-shell,.site-real-footer,.archid-gallery-tile,.pin-card,.credit-group) {background:#fff !important;box-shadow:none !important}
}