@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{color:#e0e0ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Space Mono,monospace;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background-color:#000;overflow-x:hidden}#shader-canvas{z-index:1;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#noise-overlay{z-index:2;pointer-events:none;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;inset:0}.hud{z-index:10;pointer-events:none;text-shadow:0 0 10px #000c,0 2px 4px #00000080;grid-template-rows:auto auto 1fr auto auto;gap:2rem;min-height:100%;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.identity{pointer-events:auto;align-self:start;max-width:44rem}.whisper{letter-spacing:.4em;text-transform:uppercase;color:#8af;opacity:.8;margin:0;font-size:.7rem;animation:4s infinite alternate pulse}@keyframes pulse{0%{opacity:.4;filter:blur(1px)}to{opacity:.9;filter:blur();text-shadow:0 0 8px #8af}}h1{letter-spacing:-.05em;text-wrap:balance;color:#fff;text-shadow:0 0 20px #fff6,-2px -2px #f0f,2px 2px #0ff;margin:.5rem 0 0;font-family:Cinzel,serif;font-size:clamp(2.5rem,8vw,6.5rem);line-height:.9;display:inline-block;position:relative;transform:scaleY(1.1)}h1:after{content:"Eneko Sarasola";z-index:-1;color:#0000;text-shadow:none;background:linear-gradient(90deg,#0000,#fff3,#0000);-webkit-background-clip:text;background-clip:text;animation:3s linear infinite scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{background-position:-200% 0}to{background-position:200% 0}}.subtitle{color:#bcf;letter-spacing:.05em;max-width:32rem;margin:1rem 0 0;font-size:.9rem}.about{pointer-events:auto;max-width:48rem;padding:1.5rem;position:relative}.about:before{content:"";opacity:.2;border-left:1px solid #fff;border-right:1px solid #fff;transition:transform .5s,opacity .5s;position:absolute;inset:0;transform:scaleY(.5)}.about:hover:before{opacity:.6;transform:scaleY(1);box-shadow:inset 0 0 20px #ffffff1a}.about h2{letter-spacing:.3em;text-transform:uppercase;color:#fff;border-bottom:1px dashed #ffffff4d;margin:0 0 1rem;padding-bottom:.5rem;font-family:Cinzel,serif;font-size:1.2rem;display:inline-block}.about p{color:#ddf;text-align:justify;margin:.8rem 0;font-size:.9rem;line-height:1.6}.project-list{pointer-events:auto;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));place-self:center;gap:1.5rem;width:min(65rem,100%);display:grid}.portal{color:#fff;background:#00000a66;border:1px solid #ffffff1a;align-items:center;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.portal:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)translateY(-100%)rotate(45deg)}.portal-label{letter-spacing:.15em;text-transform:uppercase;color:#aaf;margin-bottom:.4rem;font-family:Cinzel,serif;font-size:1.1rem;transition:color .3s}.portal-text{z-index:2;flex-direction:column;display:flex;position:relative}.portal-description{letter-spacing:.05em;color:#99b;font-family:Space Mono,monospace;font-size:.75rem;line-height:1.4}.portal:hover,.portal:focus-visible{background:#0a0a1e99;border-color:#ffffff80;transform:scale(1.05)translateZ(0);box-shadow:0 10px 30px #0032ff33,inset 0 0 15px #ffffff1a}.portal:hover .portal-label,.portal:focus-visible .portal-label{color:#fff;text-shadow:0 0 8px #fff}.portal:hover:before,.portal:focus-visible:before{transform:translate(100%)translateY(100%)rotate(45deg)}.portal:focus-visible{outline:none}.social-list{pointer-events:auto;flex-wrap:wrap;place-self:center;align-items:center;gap:1.5rem;margin-top:-1rem;display:flex}.social-separator{color:#557;opacity:.5;font-family:Space Mono,monospace}.social-link{letter-spacing:.2em;text-transform:uppercase;color:#aaf;font-family:Cinzel,serif;font-size:.9rem;text-decoration:none;transition:all .3s;position:relative}.social-link:after{content:"";transform-origin:100% 100%;background-color:#fff;width:100%;height:1px;transition:transform .25s ease-out;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.social-link:hover,.social-link:focus-visible{color:#fff;text-shadow:0 0 8px #fff,0 0 15px #aaf}.social-link:hover:after,.social-link:focus-visible:after{transform-origin:0 100%;transform:scaleX(1);box-shadow:0 0 8px #fff}.hint{color:#779;letter-spacing:.1em;pointer-events:none;opacity:.7;place-self:end;font-size:.75rem}kbd{color:#99b;background:0 0;border:1px solid #557;border-radius:2px;padding:.1rem .4rem;font-family:inherit;font-size:.7rem}@media (width<=700px){.hud{grid-template-rows:auto auto auto auto 1fr;gap:2rem}.project-list{align-self:end}.social-list{margin-top:0}.hint{place-self:end center}}