.menu-overlay{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(140,60,20,.18) 0%,transparent 65%),linear-gradient(180deg,#0a0402c7,#0a040285,#0a0402d1)}.portal-main{position:relative;z-index:5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 1rem) 1.5rem 2rem;gap:1.75rem}.portal-header{text-align:center;opacity:0;transform:translateY(18px);transition:opacity 1s ease,transform 1s ease}.portal-header.door-open{opacity:1;transform:translateY(0)}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portal-eyebrow{font-family:var(--font-body);font-size:.68rem;font-weight:400;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.portal-title{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,3rem);font-weight:500;line-height:1.1;color:var(--beige);letter-spacing:-.01em}.portal-title em{font-style:italic;font-weight:400;color:var(--terracotta-light)}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1100px;perspective:1400px}.portal-card{position:relative;border:1px solid rgba(201,168,76,.15);background:#1a0f0a8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:2px;overflow:hidden;cursor:pointer;opacity:0;transform:perspective(1400px) translateZ(-700px) scale(.06);filter:blur(14px);transition:border-color .4s ease,background .4s ease,transform .35s cubic-bezier(.25,.46,.45,.94)}.portal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent);opacity:0;transition:opacity .4s ease}.portal-card:hover:before{opacity:1}.portal-card:hover{border-color:#c9a84c59;background:#1a0f0ab8;transform:perspective(1400px) translateZ(0) scale(1) translateY(-4px)}.portal-card.visible{opacity:1;transform:perspective(1400px) translateZ(0) scale(1);filter:blur(0)}@keyframes emergeFromDepth{0%{opacity:0;transform:perspective(1400px) translateZ(-700px) scale(.06);filter:blur(14px)}60%{opacity:.85;filter:blur(2px)}to{opacity:1;transform:perspective(1400px) translateZ(0) scale(1);filter:blur(0)}}.portal-card.animate-in{animation:emergeFromDepth .9s cubic-bezier(.16,1,.3,1) forwards}.portal-card.animate-in:nth-child(1){animation-delay:0s}.portal-card.animate-in:nth-child(2){animation-delay:0s}.portal-card.animate-in:nth-child(3){animation-delay:0s}.portal-card.card-featured{border-color:#c4704f40}.portal-card.card-featured:before{background:linear-gradient(90deg,transparent,rgba(196,112,79,.5),transparent)}.portal-card.card-featured:hover{border-color:#c4704f80}.card-link{display:flex;flex-direction:column;gap:0;padding:1.6rem 1.5rem 1.5rem;color:inherit;text-decoration:none;height:100%;min-height:290px}.card-number{font-family:var(--font-display);font-size:.68rem;font-weight:400;letter-spacing:.22em;color:var(--gold-muted);opacity:.55;margin-bottom:.8rem;order:1}.card-icon{width:36px;height:36px;color:var(--terracotta-light);margin-bottom:1rem;order:0;transition:color .3s ease,transform .4s ease}.portal-card:hover .card-icon{color:var(--gold-light);transform:scale(1.08)}.card-icon svg{width:100%;height:100%}.card-title{font-family:var(--font-display);font-size:clamp(1.35rem,2.8vw,1.7rem);font-weight:500;color:var(--beige);line-height:1.2;margin-bottom:1rem;order:2;transition:color .3s ease}.portal-card:hover .card-title{color:var(--cream)}.card-body{font-family:var(--font-body);font-size:.97rem;font-weight:400;line-height:1.7;color:#f5ecd7e0;margin-bottom:1rem;order:3;flex:1;transition:color .3s ease}.portal-card:hover .card-body{color:#f5ecd7f5}.card-tags{display:flex;flex-wrap:wrap;gap:.38rem;margin-bottom:1.2rem;order:4}.card-tags span{font-family:var(--font-body);font-size:.66rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid rgba(245,236,215,.12);padding:.28rem .6rem;border-radius:1px;transition:border-color .3s ease,color .3s ease}.portal-card:hover .card-tags span{border-color:#c9a84c38;color:#f5ecd7a6}.card-featured .card-tags span{border-color:#c4704f2e;color:#f5ecd780}.card-cta{font-family:var(--font-body);font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-muted);order:5;display:flex;align-items:center;gap:.5rem;transition:color .3s ease,gap .3s ease}.portal-card:hover .card-cta{color:var(--gold-light);gap:.75rem}.cta-arrow{display:inline-block;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.portal-card:hover .cta-arrow{transform:translate(5px)}@media(max-width:900px){.portal-grid{grid-template-columns:1fr;max-width:400px;gap:1.25rem}.portal-card.animate-in:nth-child(1){animation-delay:0s}.portal-card.animate-in:nth-child(2){animation-delay:0s}.portal-card.animate-in:nth-child(3){animation-delay:0s}.card-link{min-height:auto;padding:1.5rem 1.25rem 1.25rem}}@media(max-width:600px){.portal-main{padding-top:calc(var(--nav-height) + 1rem);gap:1.5rem}.portal-grid{max-width:320px}.card-link{padding:1.25rem 1rem 1rem}}@media(hover:none){.portal-card:hover{transform:perspective(1400px) translateZ(0) scale(1)}}