.portal-stage{--portal-yellow:#fb0;--portal-cream:#eee9da;--portal-muted:#a4aaa5;--portal-line:#ffffff1c;height:clamp(460px,64vh,640px);margin-block:6px 18px;position:relative}.portal-canvas{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000)}.portal-hint{border:1px solid var(--portal-line);color:var(--portal-muted);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010508b3;border-radius:99px;padding:8px 14px;font-size:12px;animation:.5s .4s both portal-rise;position:absolute;bottom:6px;left:50%;translate:-50%}.portal-dots{display:none}@media (max-width:740px){.portal-dots{z-index:2;gap:2px;animation:.5s .3s both portal-rise;display:flex;position:absolute;bottom:50px;left:50%;translate:-50%}.portal-stage[data-inside=true] .portal-dots{display:none}}.portal-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;padding:0;display:grid}.portal-dots span{background:#ffffff4d;border-radius:999px;width:6px;height:6px;transition:width .4s cubic-bezier(.22,1,.36,1),background .3s;display:block}.portal-dots button[aria-current] span{background:var(--portal-yellow);width:20px}.portal-dots button:focus-visible{outline:2px solid var(--portal-yellow);outline-offset:0;border-radius:8px}.portal-inside{pointer-events:none;flex-direction:column;justify-content:space-between;padding-block:22px 34px;display:flex;position:absolute;inset:0}.portal-inside>*{pointer-events:auto}.portal-back{min-height:42px;color:var(--portal-cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010508a6;border:1px solid #ffffff2e;border-radius:99px;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:background .2s,border-color .2s;animation:.45s both portal-rise;display:inline-flex}.portal-back:hover{border-color:var(--portal-yellow);background:#010508d9}.portal-copy{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#0b1210e6,#010508d9);border:1px solid #ffffff1f;border-radius:20px;align-self:flex-start;max-width:340px;padding:22px 24px 24px;animation:.55s cubic-bezier(.2,.8,.2,1) 80ms both portal-rise}.portal-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--portal-yellow);font-size:10.5px;font-weight:600}.portal-title{letter-spacing:-.05em;margin-top:8px;font-size:clamp(34px,4vw,48px);font-weight:650;line-height:1}.portal-copy>p:not(.portal-kicker){color:var(--portal-muted);margin-top:10px;font-size:15px}.portal-explore{background:var(--portal-yellow);color:#010508;border-radius:99px;align-items:center;gap:8px;margin-top:18px;padding:12px 18px;font-size:14px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.portal-explore:hover{background:#ffcf4d;transform:translateY(-1px)}.portal-back:focus-visible,.portal-explore:focus-visible{outline:2px solid var(--portal-yellow);outline-offset:3px}@keyframes portal-rise{0%{opacity:0;transform:translateY(10px)}}.portal-fallback{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:16px;height:100%;display:grid}.portal-poster{border:1px solid var(--portal-line);color:#fff;border-radius:22px;flex-direction:column;justify-content:flex-end;gap:4px;padding:22px;display:flex;position:relative;overflow:hidden}.portal-poster img{z-index:-1;object-fit:cover;filter:brightness(.72)}.portal-poster span{letter-spacing:.18em;text-transform:uppercase;color:var(--portal-yellow);font-size:10px}.portal-poster strong{letter-spacing:-.04em;font-size:30px;font-weight:650}@media (max-width:640px){.portal-stage{height:min(560px,76svh);min-height:440px}.portal-inside{padding-block:14px 18px}.portal-copy{align-self:stretch;max-width:none;padding:18px 18px 20px}.portal-title{font-size:34px}.portal-fallback{grid-auto-flow:row}}@media (prefers-reduced-motion:reduce){.portal-stage *,.portal-stage :before{transition:none!important;animation:none!important}}