@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk/space-grotesk-v22-latin-regular.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk/space-grotesk-v22-latin-700.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:Archivo Black;src:url(/fonts/archivo-black/archivo-black-v23-latin-regular.woff2)format("woff2");font-display:swap;font-weight:900}:root{--black:#060708;--white:#f3f0e7;--green:#6f5;--pink:#ff2ebd;--line:#f3f0e73d;--font-main:"Space Grotesk", Arial, sans-serif;--font-display:"Archivo Black", Impact, sans-serif}*{box-sizing:border-box}html{background:var(--black)}body{background:var(--black);color:var(--white);font-family:var(--font-main);margin:0}body:before{z-index:50;content:"";pointer-events:none;border:1px solid #66ff552e;position:fixed;inset:0}a{color:inherit}:focus-visible{outline:3px solid var(--green);outline-offset:4px}.skip-link{z-index:100;background:var(--white);color:var(--black);padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topbar{z-index:30;border-bottom:1px solid var(--line);background:var(--black);justify-content:space-between;align-items:center;min-height:72px;padding:0 3rem;display:flex;position:relative}.brand{color:var(--green);font-family:var(--font-display);font-size:1.35rem;text-decoration:none}.portfolio-link{text-transform:uppercase;font-size:.78rem;font-weight:700;text-decoration:none}.portfolio-link:hover{color:var(--green)}.hub{isolation:isolate;grid-template-rows:auto auto;align-content:start;min-height:calc(100svh - 72px);display:grid;position:relative;overflow:hidden}.hub:before{z-index:-2;content:"";background:linear-gradient(#06070838,#0607089e);position:absolute;inset:0}.hub-background{z-index:-3;object-fit:cover;object-position:center;filter:brightness(.52)saturate(.78)contrast(1.16);width:106%;height:106%;animation:16s ease-in-out infinite alternate background-drift;position:absolute;inset:-3%}.scanlines{z-index:20;opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#000000ad 4px);background-position:0 0;animation:8s linear infinite scan;position:absolute;inset:0}.hub-heading{z-index:2;width:min(100%,1440px);margin:0 auto;padding:4.5rem 3rem 2.5rem;position:relative}.hub-heading p{color:var(--green);margin:0 0 .55rem;font-size:.78rem;font-weight:700}h1{width:max-content;max-width:100%;color:var(--white);font-family:var(--font-display);overflow-wrap:anywhere;text-shadow:6px 5px 0 var(--pink), -4px -3px 0 #66ff55bf;margin:0;font-size:6.4rem;line-height:.9;position:relative}h1:before,h1:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}h1:before{color:var(--pink);clip-path:inset(12% 0 62%);animation:4.8s step-end infinite glitch-top}h1:after{color:var(--green);clip-path:inset(68% 0 8%);animation:4.8s step-end infinite glitch-bottom}.portal-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:1.25rem;width:min(100%,1440px);min-height:0;margin:0 auto;padding:0 3rem 3rem;display:grid;position:relative}.portal{border:1px solid var(--line);background:var(--black);border-radius:4px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;min-width:0;min-height:330px;padding:1.4rem;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s;display:grid;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 24px 64px #0000005c}.portal:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#06070814,#060708f0);position:absolute;inset:0}.portal:hover{border-color:var(--green);transform:translateY(-7px);box-shadow:0 26px 70px #00000080,0 0 30px #66ff551f}.portal:active{transform:translateY(-2px)scale(.99)}.portal-scene{z-index:0;object-fit:cover;filter:brightness(.72)saturate(.85);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s;position:absolute;inset:0}.portal-story .portal-scene{object-position:center 36%}.portal:hover .portal-scene{filter:brightness(.86)saturate(1.08);transform:scale(1.055)}.portal-card{z-index:3;object-fit:contain;pointer-events:none;transform-origin:50%;border:1px solid #f3f0e780;width:124px;height:auto;transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s;position:absolute;top:1rem;right:1.2rem;transform:rotate(4deg)translate(0,0);box-shadow:0 18px 28px #0000007a}.portal-adventure .portal-card{transform:rotate(-4deg)translate(0,0)}.portal:hover .portal-card{transform:rotate(0)translate(-8px,-8px)scale(1.07);box-shadow:0 22px 38px #0000009e,0 0 22px #ff2ebd3d}.portal-sweep{z-index:4;filter:blur(12px);opacity:0;pointer-events:none;background:#66ff552e;width:10%;position:absolute;top:-20%;bottom:-20%;left:-18%;transform:skew(-14deg)}.portal:hover .portal-sweep{animation:.72s ease-out portal-sweep}.portal-index,.portal-title,.portal-action{z-index:5;position:relative}.portal-index{color:var(--green);grid-area:1/1;font-size:.72rem;font-weight:700}.portal-title{font-family:var(--font-display);text-transform:uppercase;grid-area:3/1/auto/-1;align-self:end;padding-right:7rem;font-size:2rem;line-height:1}.portal-action{color:var(--green);text-transform:uppercase;grid-area:3/2;place-self:end;font-size:.76rem;font-weight:700}.portal-action span{transition:transform .18s;display:inline-block}.portal:hover .portal-action span{transform:translate(5px)}footer{border-top:1px solid var(--line);color:#f3f0e7b3;text-transform:uppercase;justify-content:space-between;align-items:center;gap:2rem;min-height:84px;padding:1.5rem 3rem;font-size:.72rem;font-weight:700;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--green)}@keyframes background-drift{0%{transform:scale(1)translate(-.5%,-.5%)}to{transform:scale(1.035)translate(.5%,.5%)}}@keyframes scan{0%{background-position:0 0}to{background-position:0 40px}}@keyframes glitch-top{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.9;transform:translate(-8px,-2px)}95%{opacity:.7;transform:translate(6px,1px)}97%{opacity:.85;transform:translate(-3px)}}@keyframes glitch-bottom{0%,92%,to{opacity:0;transform:translate(0)}94%{opacity:.8;transform:translate(7px,2px)}96%{opacity:.75;transform:translate(-5px,-1px)}98%{opacity:.85;transform:translate(3px)}}@keyframes portal-sweep{0%{opacity:0;left:-18%}20%{opacity:1}to{opacity:0;left:118%}}@media (width<=900px){.hub{min-height:auto}.hub-heading{padding-top:4rem}h1{font-size:4.5rem}.portal-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.topbar{min-height:62px;padding:0 1rem}.hub-heading{padding:3.5rem 1rem 2rem}h1{text-shadow:3px 3px 0 var(--pink), -2px -2px 0 #66ff55bf;font-size:3.2rem}.portal-grid{gap:1rem;padding:0 1rem 2rem}.portal{min-height:320px;padding:1rem}.portal-card{width:104px;top:.8rem;right:.8rem}.portal-title{padding-right:5rem;font-size:1.6rem}footer{flex-direction:column;align-items:flex-start;padding:1.5rem 1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}