/* Stationary liquid-glass brand choreography: no shifts of artwork or frame. */
#logoMorphCanvas{display:none!important}
#archidHeroStill{position:absolute;inset:63px 20px 117px;z-index:2;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.76);box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),0 18px 32px rgba(26,75,95,.09);isolation:isolate}
#archidLabStill{position:absolute;inset:0;z-index:1;background:rgba(252,253,253,.82);isolation:isolate}
.archid-still-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;animation:none!important;margin:0!important;pointer-events:none!important;will-change:opacity,filter}
#labImage{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
.lab-background{isolation:isolate}
.lab-background .lab-overlay-label{z-index:3}
.logo-stage-upgraded .logo-ambient,.lab-background::after{animation:none!important;transform:none!important}
.logo-stage-upgraded .logo-word,.logo-stage-upgraded .logo-word.compact{opacity:1!important;transform:none!important;scale:1!important;transition:none!important}
.logo-stage-upgraded .logo-hero-panel{z-index:4;grid-template-columns:1fr;gap:8px;bottom:14px}
.logo-stage-upgraded .logo-mode-pill{display:none}
.archid-logo-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;max-width:100%;z-index:5}
.archid-logo-controls label{font-size:11px;color:#27505c;display:inline-flex;align-items:center;gap:5px}
.archid-logo-controls select,.archid-logo-controls button,.archid-lab-controls select{border-radius:13px;border:1px solid rgba(133,176,189,.6);color:#173d4b;background:linear-gradient(148deg,rgba(255,255,255,.92),rgba(219,245,249,.56));box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 3px 12px rgba(33,87,99,.07);backdrop-filter:blur(12px);font:inherit;font-size:11px;padding:7px 9px;min-height:31px;cursor:pointer}
.archid-logo-controls button:focus-visible,.archid-logo-controls select:focus-visible,.archid-lab-controls select:focus-visible,.logo-thumb:focus-visible,.lab-tile:focus-visible{outline:3px solid #08759f;outline-offset:2px}
.logo-stage-upgraded .logo-thumbs{justify-content:center;flex-wrap:nowrap;gap:5px;max-width:100%}
.logo-stage-upgraded .logo-thumb{width:35px;height:24px;min-width:0;flex-shrink:1;transform:none!important;border-radius:8px}
.logo-stage-upgraded .logo-thumb img{object-fit:cover;transform:none!important}
.logo-stage-upgraded .logo-thumb.active{outline:2px solid #247da4;outline-offset:1px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.logo-stage-upgraded .logo-hero-panel .logo-word{display:none!important}
.archid-stage-indicator{position:absolute;top:52px;left:22px;z-index:5;font-size:10px;color:#38687d;background:rgba(255,255,255,.66);border-radius:999px;padding:5px 10px;border:1px solid rgba(255,255,255,.78)}
.archid-lab-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 20px 20px}
.archid-lab-controls label{font-size:12px;color:#375760;display:inline-flex;gap:10px;align-items:center}
.archid-lab-controls select{min-width:180px}
.archid-lab-controls small{font-size:11px;color:#52717e}
@media(max-width:1100px){#archidHeroStill{inset:61px 20px 124px}}
@media(max-width:760px){
  .logo-stage-upgraded{aspect-ratio:1/1.17!important;min-height:370px}
  #archidHeroStill{inset:61px 10px 113px;border-radius:18px}
  .logo-stage-upgraded .logo-hero-panel{left:10px;right:10px;bottom:10px;gap:8px;display:flex;flex-direction:column;align-items:stretch}
  .logo-stage-upgraded .logo-thumbs{display:flex!important;gap:4px!important;justify-content:center!important}
  .logo-stage-upgraded .logo-thumb{width:calc((100% - 40px)/9)!important;height:25px!important}
  .archid-logo-controls{gap:5px}
  .archid-logo-controls label{max-width:100%;font-size:10px}
  .archid-logo-controls select{max-width:125px}
  .archid-logo-controls select,.archid-logo-controls button{padding:6px 7px;font-size:10px;min-height:29px}
}
@media(prefers-reduced-motion:reduce){.archid-still-image{animation:none!important;transition:none!important;filter:none!important}}

.archid-fallback-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;transform:none!important}


/* Arch-iD 2026: proportion-accurate, unmoving artwork in a shimmering glass shell.
   All nine originals are native 1280 × 720: never crop or stretch their pixels. */
#archidHeroStill, #archidLabStill {
  display:block!important;
  box-sizing:border-box!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(251,255,255,.90),rgba(214,238,247,.64) 40%,rgba(182,223,236,.58) 75%,rgba(250,253,255,.88))!important;
  border:1px solid rgba(248,254,255,.9)!important;
  border-radius:clamp(18px,3vw,36px)!important;
  box-shadow:0 22px 58px rgba(29,76,104,.20), 0 7px 18px rgba(32,93,116,.10),inset 0 2px 1px rgba(255,255,255,.97),inset 0 -5px 22px rgba(87,168,205,.17),inset 2px 0 0 rgba(255,255,255,.55)!important;
  isolation:isolate!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.3)!important;
  backdrop-filter:blur(22px) saturate(1.3)!important;
}
#archidHeroStill{top:58px!important;bottom:auto!important;left:20px!important;right:20px!important;}
#archidLabStill{left:4%!important;right:4%!important;top:50%!important;bottom:auto!important;width:92%!important;transform:translateY(-50%)!important;}
#archidHeroStill .archid-still-image, #archidLabStill .archid-still-image,
#archidHeroStill .archid-fallback-logo, #archidLabStill .archid-fallback-logo {
  position:absolute!important;inset:0!important;z-index:1!important;
  width:100%!important;height:100%!important;max-width:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:50% 50%!important;
  margin:0!important;padding:0!important;border:0!important;
  transform:none!important;transition:none!important;animation:none!important;
  filter:none!important;pointer-events:none!important;
}
/* Transparent lighting only. The glass glints move; the artwork never does. */
#archidHeroStill::before,#archidLabStill::before,
#archidHeroStill::after,#archidLabStill::after {
  content:"";position:absolute;inset:0;pointer-events:none!important;
  border-radius:inherit;
}
#archidHeroStill::before,#archidLabStill::before {
  z-index:3;
  background:linear-gradient(167deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.12) 14%,transparent 26%,transparent 80%,rgba(129,192,218,.20) 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.62), inset 0 14px 20px -16px rgba(255,255,255,.95), inset 0 -16px 18px -18px rgba(31,89,129,.36);
}
#archidHeroStill::after,#archidLabStill::after {
  z-index:4;
  background:linear-gradient(102deg,transparent 0%,transparent 32%,rgba(215,247,255,.08) 40%,rgba(255,255,255,.50) 48%,rgba(242,252,255,.25) 53%,transparent 62%,transparent 100%);
  background-size:265% 100%;background-position:140% 0;
  mix-blend-mode:screen;opacity:.6;
  animation:archid-glass-reflection 9.5s cubic-bezier(.42,0,.28,1) infinite;
}
@keyframes archid-glass-reflection {0%,13%{background-position:140% 0;opacity:0}20%{opacity:.75}49%{opacity:.45}58%,100%{background-position:-140% 0;opacity:0}}
.archid-shimmer-paused #archidHeroStill::after,.archid-shimmer-paused #archidLabStill::after{animation-play-state:paused!important;opacity:0!important}
/* Don't stretch the 16:9 thumbnails or display cropped artwork. */
.logo-stage-upgraded .logo-thumb img, .lab-tile img{object-fit:contain!important;object-position:center!important;transform:none!important}
.logo-stage-upgraded .logo-thumb{background:rgba(255,255,255,.85)}
.archid-logo-controls .archid-shimmer-control{font-weight:600;letter-spacing:.01em}
.archid-logo-controls .archid-shimmer-control[aria-pressed="false"]{opacity:.65}
@media(max-width:760px){#archidHeroStill{top:54px!important;left:10px!important;right:10px!important}}
@media(prefers-reduced-motion:reduce){
  #archidHeroStill::after,#archidLabStill::after{animation:none!important;opacity:0!important}
  #archidHeroStill .archid-still-image,#archidLabStill .archid-still-image{filter:none!important;transition:none!important}
}

/* The Identity page displays the transparent artwork without presentation mats. */
body[data-page="identity"] #archidHeroStill,
body[data-page="identity"] #archidLabStill,
body[data-page="identity"] .logo-stage,
body[data-page="identity"] .lab-background,
body[data-page="identity"] .logo-thumb,
body[data-page="identity"] .lab-tile {
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-page="identity"] #archidHeroStill,
body[data-page="identity"] #archidLabStill,
body[data-page="identity"] .logo-stage {border:0!important}
body[data-page="identity"] #archidHeroStill::before,
body[data-page="identity"] #archidHeroStill::after,
body[data-page="identity"] #archidLabStill::before,
body[data-page="identity"] #archidLabStill::after,
body[data-page="identity"] .logo-stage::before,
body[data-page="identity"] .logo-stage::after,
body[data-page="identity"] .lab-background::after,
body[data-page="identity"] .logo-ambient {display:none!important}

/* Six individual logo treatments from the supplied board. */
#heroLogo[data-logo-collection="supplied-board"] .logo-hero-panel {
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
#heroLogo[data-logo-collection="supplied-board"] .logo-thumbs {
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:auto;gap:7px!important;width:min(100%,420px);
}
#heroLogo[data-logo-collection="supplied-board"] .logo-thumb {
  width:100%!important;height:auto!important;aspect-ratio:2.6/1;border-radius:6px;
}
#heroLogo[data-logo-collection="supplied-board"] #archidHeroStill {
  aspect-ratio:2.6/1!important;top:85px!important;
}
#heroLogo[data-logo-collection="supplied-board"] #archidHeroStill::before,
#heroLogo[data-logo-collection="supplied-board"] #archidHeroStill::after {display:none}
#heroLogo[data-logo-collection="supplied-board"] .archid-stage-indicator {display:none}
@media(max-width:760px){
  #heroLogo[data-logo-collection="supplied-board"]{aspect-ratio:1.25/1!important;min-height:320px}
  #heroLogo[data-logo-collection="supplied-board"] #archidHeroStill{top:85px!important}
  #heroLogo[data-logo-collection="supplied-board"] .logo-hero-panel{gap:12px;bottom:18px}
}