:root{--polar-night:#2e3440;--polar-light:#3b4252;--snow-storm:#eceff4;--frost-muted:#5e81ac;--frost-blue:#88c0d0;--frost-cyan:#8fbcbb;--aurora-green:#a3be8c;background:var(--polar-night);color:var(--snow-storm);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.portfolio{background:var(--polar-night);justify-content:center;align-items:center;min-height:100svh;padding:32px;display:flex;position:relative;overflow:hidden}.intro{text-align:center;z-index:1;animation:.7s cubic-bezier(.22,1,.36,1) both arrive;position:relative}.eyebrow{color:var(--frost-blue);letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px;font-size:.75rem;font-weight:700}h1{color:var(--snow-storm);letter-spacing:-.075em;margin:0;font-size:clamp(4rem,13vw,10rem);font-weight:700;line-height:.9}.social-links{flex-wrap:wrap;justify-content:center;gap:12px;margin:48px 0 0;padding:0;list-style:none;display:flex}.social-links a{background:color-mix(in srgb, var(--polar-light) 75%, transparent);border:1px solid var(--frost-muted);color:var(--snow-storm);border-radius:999px;align-items:center;gap:9px;padding:12px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.social-links a:hover{background:var(--frost-blue);border-color:var(--frost-blue);color:var(--polar-night);transform:translateY(-3px)}.social-links a:focus-visible{outline:3px solid var(--frost-cyan);outline-offset:4px}.social-links svg{fill:currentColor;width:19px;height:19px}.aurora{filter:blur(16px);opacity:.2;border-radius:50%;position:absolute}.aurora-one{background:var(--frost-blue);width:min(54vw,700px);height:min(54vw,700px);top:-28vw;right:-15vw}.aurora-two{background:var(--aurora-green);width:min(50vw,600px);height:min(50vw,600px);bottom:-32vw;left:-18vw}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.portfolio{padding:24px}.social-links{margin-top:38px}.social-links a{justify-content:center;min-width:120px}}