/* ===== round-5: snug hero panel, clean deck, safe exit, editorial work scroll ===== */
.la-stage{display:none!important}
.hero-inner{position:relative}
.hero-inner>*{position:relative;z-index:1}
.hero-inner::before{content:"";position:absolute;inset:-2.6rem -3rem;z-index:0;border-radius:32px;
  border:1px solid rgba(138,158,255,.30);
  background:linear-gradient(140deg,rgba(255,255,255,.055),transparent 34%),rgba(24,22,19,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 28px 90px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(19px) saturate(1.08);backdrop-filter:blur(19px) saturate(1.08)}
html[data-theme="light"] .hero-inner::before{
  border-color:rgba(78,105,245,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.60) 58%,rgba(237,241,255,.62));
  box-shadow:inset 0 1px 0 #fff,0 28px 90px rgba(52,66,127,.16)}
.hero-inner::after{content:"";position:absolute;inset:calc(-2.6rem + 10px) calc(-3rem + 10px);z-index:0;
  border-radius:24px;border:1px solid rgba(255,255,255,.025);pointer-events:none}
html[data-theme="light"] .hero-inner::after{border-color:rgba(78,105,245,.045)}
@media(max-width:680px){
  .hero-inner::before{inset:-1.4rem -1rem;border-radius:24px}
  .hero-inner::after{inset:calc(-1.4rem + 8px) calc(-1rem + 8px);border-radius:18px}
}
/* deck: no outlines, no caption bar - the thumbnail is the card */
.card::after,.oc-frame::after{content:none!important}
.card .bar{display:none!important}
/* exit: dim content only, never filter or transform the body (fixed elements stay sane) */
html.la-exit main,html.la-exit header.hero,html.la-exit footer,html.la-exit .section,html.la-exit .pgsec{opacity:0;transition:opacity .75s ease .08s}
/* editorial work scroll: cards leaving the top settle back and dim */
.wi{transform-origin:50% 0}