/* THE LUMINOUS BETWEEN — Door Beyond the Mirror | additive, scoped */
.luminous-between-doorway{
  --lb-x:50%;--lb-y:50%;
  position:relative; isolation:isolate; overflow:hidden;
  margin:clamp(22px,4vw,46px) 0; padding:clamp(24px,4.6vw,54px);
  border:1px solid rgba(214,223,202,.28); border-radius:clamp(24px,4vw,42px);
  background:
    radial-gradient(circle at var(--lb-x) var(--lb-y),rgba(196,255,241,.14),transparent 26%),
    linear-gradient(135deg,#080b0d 0%,#0b1012 40%,#050607 100%);
  color:#f3f5ef; box-shadow:0 30px 80px rgba(4,7,8,.28), inset 0 1px rgba(255,255,255,.06);
  transform:translateZ(0);
}
.luminous-between-doorway::before{
  content:""; position:absolute; inset:-28%; z-index:-2; pointer-events:none;
  background:
    radial-gradient(ellipse at 28% 45%,rgba(120,255,220,.14),transparent 26%),
    radial-gradient(ellipse at 72% 54%,rgba(188,145,255,.12),transparent 24%),
    conic-gradient(from 210deg at 50% 50%,transparent,rgba(185,255,239,.07),transparent 35%,rgba(174,136,255,.07),transparent 66%);
  filter:blur(20px); animation:lbMirrorDrift 18s ease-in-out infinite alternate;
}
.luminous-between-doorway::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.28;
  background:linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.11) 48%,transparent 59%);
  transform:translateX(-46%); animation:lbMirrorSheen 8.5s ease-in-out infinite;
}
.lb-doorway-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:clamp(22px,5vw,58px);align-items:center}
.lb-doorway-copy{max-width:760px;position:relative;z-index:2}
.lb-doorway-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#cde9db}
.lb-doorway-eyebrow::before{content:"";width:24px;height:1px;background:currentColor;opacity:.7}
.lb-doorway-title{margin:0;color:#fff;font-size:clamp(2rem,5vw,4.7rem);line-height:.94;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 10px 42px rgba(0,0,0,.36)}
.lb-doorway-spanish{margin:.65rem 0 0;color:#bcd1cb;font-size:clamp(.82rem,1.5vw,1.02rem);font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.lb-doorway-lead{max-width:650px;margin:1.35rem 0 0;color:#e8eee9;font-size:clamp(1.02rem,1.7vw,1.23rem);line-height:1.65}
.lb-doorway-details{display:flex;flex-wrap:wrap;gap:8px;margin:1.25rem 0 0;padding:0;list-style:none}
.lb-doorway-details li{padding:7px 10px;border:1px solid rgba(224,242,234,.16);border-radius:999px;background:rgba(255,255,255,.045);font-size:.78rem;color:#cfdad5}
.lb-doorway-action{display:inline-flex;align-items:center;gap:12px;margin-top:1.5rem;padding:13px 18px;border:1px solid rgba(222,255,245,.32);border-radius:999px;background:rgba(220,255,245,.1);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.035em;box-shadow:0 12px 34px rgba(0,0,0,.18);transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}
.lb-doorway-action span:last-child{transition:transform .24s ease}
.lb-doorway-action:hover,.lb-doorway-action:focus-visible{transform:translateY(-2px);background:rgba(224,255,247,.16);border-color:rgba(232,255,249,.62);box-shadow:0 18px 44px rgba(0,0,0,.28)}
.lb-doorway-action:hover span:last-child,.lb-doorway-action:focus-visible span:last-child{transform:translateX(3px) rotate(8deg)}
.lb-doorway-action:focus-visible{outline:3px solid rgba(223,255,246,.34);outline-offset:4px}
.lb-portal-visual{position:relative;min-height:clamp(250px,36vw,410px);display:grid;place-items:center;perspective:800px;pointer-events:none}
.lb-portal-membrane{position:absolute;width:min(82%,330px);aspect-ratio:.76;border-radius:48% 52% 45% 55% / 55% 44% 56% 45%;background:
  radial-gradient(circle at 45% 40%,rgba(255,255,255,.2),transparent 10%),
  radial-gradient(ellipse at 52% 48%,rgba(100,255,224,.2),transparent 38%),
  linear-gradient(145deg,rgba(205,255,243,.12),rgba(125,91,192,.12) 46%,rgba(0,0,0,.3));
  border:1px solid rgba(216,255,245,.28);box-shadow:inset 12px 0 35px rgba(120,255,224,.08),inset -14px -10px 45px rgba(135,89,210,.09),0 0 64px rgba(120,255,224,.09);
  backdrop-filter:blur(4px);transform:rotate(-4deg);animation:lbMembrane 7.5s ease-in-out infinite alternate}
.lb-portal-core{position:absolute;width:min(52%,210px);aspect-ratio:.72;border-radius:49% 51% 44% 56% / 57% 42% 58% 43%;background:radial-gradient(ellipse at 50% 42%,rgba(243,255,249,.14),rgba(19,34,35,.28) 27%,#030405 70%);box-shadow:0 0 0 1px rgba(224,255,247,.12),0 0 42px rgba(153,255,231,.08);animation:lbCore 6.6s ease-in-out infinite alternate}
.lb-portal-ring{position:absolute;width:min(94%,370px);aspect-ratio:1;border:1px solid rgba(204,255,243,.13);border-radius:50%;transform:rotateX(67deg) rotateZ(-12deg);box-shadow:0 0 26px rgba(152,255,230,.07);animation:lbRing 12s linear infinite}
.lb-portal-ring.r2{width:min(68%,285px);opacity:.8;transform:rotateX(72deg) rotateZ(34deg);animation-direction:reverse;animation-duration:9s}
.lb-portal-shard{position:absolute;width:9px;height:58px;border-radius:999px;background:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(190,255,237,.55),rgba(138,92,203,.16));filter:drop-shadow(0 0 10px rgba(180,255,238,.22));opacity:.7}
.lb-portal-shard.s1{transform:translate(-130px,-62px) rotate(28deg)}.lb-portal-shard.s2{transform:translate(122px,78px) rotate(-26deg);height:42px}.lb-portal-shard.s3{transform:translate(104px,-104px) rotate(58deg);height:34px}.lb-portal-shard.s4{transform:translate(-102px,118px) rotate(-48deg);height:31px}
.lb-portal-caption{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(220,237,230,.58)}
@keyframes lbMirrorDrift{to{transform:translate3d(4%,-3%,0) rotate(8deg) scale(1.08)}}
@keyframes lbMirrorSheen{0%,28%{transform:translateX(-58%);opacity:0}48%{opacity:.28}68%,100%{transform:translateX(58%);opacity:0}}
@keyframes lbMembrane{0%{transform:rotate(-4deg) scale(.98) skewY(-1deg)}100%{transform:rotate(3deg) scale(1.025) skewY(1.5deg);border-radius:53% 47% 54% 46% / 45% 57% 43% 55%}}
@keyframes lbCore{to{transform:scale(.93) translateY(4px);filter:saturate(1.15)}}
@keyframes lbRing{to{transform:rotateX(67deg) rotateZ(348deg)}}
@media(max-width:760px){.luminous-between-doorway{padding:25px 20px;border-radius:28px}.lb-doorway-grid{grid-template-columns:1fr}.lb-portal-visual{min-height:250px;order:-1}.lb-doorway-title{font-size:clamp(2.25rem,13vw,3.8rem)}.lb-doorway-action{width:100%;justify-content:center}.lb-portal-caption{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.luminous-between-doorway::before,.luminous-between-doorway::after,.lb-portal-membrane,.lb-portal-core,.lb-portal-ring{animation:none!important}.lb-doorway-action,.lb-doorway-action span:last-child{transition:none!important}}