/* ===== round-4: veil transitions, aurora waves, layout and toggle fixes ===== */
#intro{display:none!important}
#pageVeil{position:fixed;inset:0;z-index:240;pointer-events:none;
  transform:translate3d(0,0,0);will-change:transform;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 30%),linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,0) 24%),rgba(14,13,11,.44);
  box-shadow:0 -70px 90px -10px rgba(16,15,13,.55),0 70px 90px -10px rgba(16,15,13,.55);
  -webkit-backdrop-filter:blur(27px) saturate(1.45);backdrop-filter:blur(27px) saturate(1.45);
  animation:laVeilThrough .9s cubic-bezier(.76,0,.24,1) .18s forwards}
html[data-theme="light"] #pageVeil{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 28%),linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0) 22%),rgba(247,246,242,.55);box-shadow:0 -70px 90px -10px rgba(247,246,242,.8),0 70px 90px -10px rgba(247,246,242,.8)}
#pageVeil::after{content:"";position:absolute;left:50%;top:50%;width:56px;height:74px;margin:-37px 0 0 -28px;
  background:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 132%22%3E%3Cpath d=%22M50 16 L82 74 L18 74 Z%22 stroke=%22%23F1EFE9%22 stroke-width=%2214%22 stroke-linejoin=%22round%22 fill=%22%23F1EFE9%22/%3E%3Ccircle cx=%2250%22 cy=%22107%22 r=%2213%22 fill=%22%23F1EFE9%22/%3E%3C/svg%3E') center/contain no-repeat;
  opacity:.96}
html[data-theme="light"] #pageVeil::after{background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 132%22%3E%3Cpath d=%22M50 16 L82 74 L18 74 Z%22 stroke=%22%23141310%22 stroke-width=%2214%22 stroke-linejoin=%22round%22 fill=%22%23141310%22/%3E%3Ccircle cx=%2250%22 cy=%22107%22 r=%2213%22 fill=%22%23141310%22/%3E%3C/svg%3E')}
@keyframes laVeilThrough{to{transform:translate3d(0,-112%,0)}}
@keyframes laMarkDrift{from{transform:translateY(30px);opacity:.9}to{transform:translateY(-34px);opacity:1}}
/* exit handled in fx7 */
@media (prefers-reduced-motion: reduce){#pageVeil{display:none}}
/* dither dots melt into soft aurora, same animation underneath */
#bgWaves{filter:blur(9px) saturate(1.18);opacity:.9}
/* hero stage hugs the content instead of stretching edge to edge */
.la-stage{inset:auto;top:clamp(6.2rem,8vw,7.6rem);bottom:clamp(2.2rem,3.4vw,3.4rem);
  left:50%;transform:translateX(-50%);width:min(1280px,calc(100% - 3rem))}
/* rail: only where there is real room, smaller pills */
@media(max-width:1459px){#rail{display:none!important}}
.rail-kf{left:14px;padding:.34rem .7rem}
.rail-kf .lbl{font-size:.5rem;letter-spacing:.12em}
/* theme toggle: only the hovered icon scales, with its own little bubble */
.theme-tg:hover{transform:none}
.theme-tg svg{width:13px;height:13px;border-radius:50%;padding:3px;box-sizing:content-box;background:transparent;
  transition:transform .45s var(--spr),background-color .3s ease,color .35s ease,opacity .35s ease}
.theme-tg .i-moon{left:4.5px}
.theme-tg .i-sun{right:4.5px}
.theme-tg:hover svg{transform:translateY(-50%)}
.theme-tg svg:hover{transform:translateY(-50%) scale(1.2);background:var(--glass)}
/* thumbnails speak for themselves: captions off, scrim off */
.wi .cap,.card .cap{display:none!important}
.wi::after{display:none!important}
/* glass mats: bigger, brighter, actually visible on dark */
.glassmat{padding:18px;border-radius:30px}
html:not([data-theme="light"]) .glassmat{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.16),0 26px 70px rgba(0,0,0,.42)}
html:not([data-theme="light"]) .orbit-card::before{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.14),0 22px 55px rgba(0,0,0,.4)}
.card::after,.oc-frame::after{box-shadow:none;border-color:rgba(255,255,255,.1)}
html[data-theme="light"] .card::after,html[data-theme="light"] .oc-frame::after{border-color:rgba(20,19,16,.1)}
/* about brand wall readable on dark */
html:not([data-theme="light"]) .logo-track img.b{filter:invert(1) grayscale(1) brightness(1.12);opacity:.85}
html:not([data-theme="light"]) .logo-track .lgx:hover img.b{opacity:1}