@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-var.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Switzer Fallback;src:local("Arial");size-adjust:96%;ascent-override:97%;descent-override:24%;line-gap-override:0%}:root{--bg: #0a0a0a;--surface: #0a0a0a;--text: #f2f2f2;--text-dim: #9a9a9a;--accent: #ccff00;--accent-2: #a78bfa;--font-display: "Space Grotesk", sans-serif;--font-body: "Switzer", "Switzer Fallback", sans-serif;--space: clamp(4rem, 10vh, 8rem);--pad-x: clamp(1.25rem, 5vw, 4rem)}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65;letter-spacing:.005em;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:1.05;letter-spacing:-.02em}h1{font-size:clamp(2.75rem,9vw,7rem);font-weight:700}h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:2rem}a{color:var(--text);text-decoration:none}.accent{color:var(--accent)}::selection{background:var(--accent-2);color:var(--bg)}.btn{display:inline-block;padding:.9em 1.8em;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-family:var(--font-display);font-weight:500;transition:background .25s,color .25s}.btn:hover{background:var(--accent);color:var(--bg)}section{padding:var(--space) var(--pad-x);max-width:1200px;margin:0 auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.info-card{position:fixed;z-index:50;max-width:300px;width:max-content;padding:1.1rem 1.3rem;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid #2a2a2a;border-left:3px solid var(--accent);border-radius:.9rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 44px #0000008c;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .25s,transform .25s}.info-card.is-open{opacity:1;transform:none}.info-card__title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.4rem;padding-right:1rem}.info-card__text{color:var(--text-dim);font-size:.9rem;line-height:1.5}.info-card__close{position:absolute;top:.45rem;right:.6rem;background:none;border:none;color:var(--text-dim);font-size:1.3rem;line-height:1;cursor:pointer;transition:color .2s}.info-card__close:hover{color:var(--accent)}@media(max-width:700px){.info-card{max-width:min(300px,calc(100vw - 3rem))}}.skill-card{grid-column:1 / -1;overflow:hidden;margin-top:.35rem}.skill-card__inner{position:relative;padding:clamp(1.5rem,3vw,2.5rem);padding-right:clamp(3rem,5vw,4rem);border-radius:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--brand, var(--accent)) 12%,transparent),transparent 55%),var(--surface);border:1px solid color-mix(in srgb,var(--brand, var(--accent)) 22%,#1e1e1e);box-shadow:0 18px 50px #00000073}.skill-card__title{font-family:var(--font-display);font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}.skill-card__badge{display:inline-block;margin-top:.85rem;padding:.25rem .7rem;border:1px solid color-mix(in srgb,var(--accent-2) 45%,transparent);border-radius:999px;color:var(--accent-2);font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.skill-card__badge[hidden]{display:none}.skill-card__text{max-width:46ch;margin-top:1.1rem;color:var(--text-dim);font-size:1.0625rem;line-height:1.6}.skill-card__bullets{list-style:none;margin-top:1.6rem;padding:0;columns:2;column-gap:2.5rem;color:var(--text);font-size:.95rem;line-height:1.55}.skill-card__bullets>li{position:relative;break-inside:avoid;padding-left:1.1rem;margin-bottom:.55rem}.skill-card__bullets>li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--brand, var(--accent))}.skill-card__bullets ul{list-style:none;margin:.4rem 0 .7rem;padding:0;color:var(--text-dim);font-size:.875rem}.skill-card__bullets ul li{position:relative;padding-left:1rem;margin-bottom:.25rem}.skill-card__bullets ul li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:currentColor;opacity:.6}.skill-card__close{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;background:none;border:1px solid #262626;border-radius:50%;color:var(--text-dim);cursor:pointer;transition:color .2s,border-color .2s,transform .2s}.skill-card__close:hover,.skill-card__close:focus-visible{color:var(--text);border-color:var(--brand, var(--accent));transform:rotate(90deg)}@media(max-width:560px){.skill-card__bullets{columns:1}}.nav{position:fixed;inset:0 0 auto 0;display:flex;justify-content:space-between;align-items:center;padding:1rem var(--pad-x);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--accent)}.nav nav{display:flex;gap:1.5rem}.nav nav a{color:var(--text-dim);font-size:.95rem;transition:color .2s}.nav nav a:hover,.nav nav a.active{color:var(--accent)}.scroll-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left}.hero{min-height:100svh;max-width:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;position:relative;overflow:hidden}.hero h1 .hero-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}.hero h1 .hero-line-inner{display:block}#hero-canvas{position:absolute;top:0;right:0;width:50%;height:100%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%);mask-image:linear-gradient(90deg,transparent 0%,#000 24%)}#hero-canvas canvas{width:100%;height:100%;display:block}@media(max-width:700px),(max-width:1024px)and (orientation:portrait){#hero-canvas{order:1;position:relative;top:auto;right:auto;width:100%;height:46svh;margin-top:2.5rem;-webkit-mask-image:none;mask-image:none}.hero{padding-bottom:2.5rem}}@media(max-width:700px){.hero .btn{display:none}}.hero-hint{position:absolute;bottom:2.2rem;right:25%;transform:translate(50%);color:var(--text-dim);font-family:var(--font-display);font-size:.85rem;letter-spacing:.04em;animation:hero-hint-breathe 2.6s ease-in-out infinite;transition:opacity .4s}.hero-hint.is-hidden{opacity:0;pointer-events:none;animation:none}@keyframes hero-hint-breathe{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:700px),(max-width:1024px)and (orientation:portrait){.hero-hint{order:2;position:static;display:block;width:100%;margin-top:.9rem;text-align:center;transform:none}}@media(min-width:701px)and (max-width:1024px)and (orientation:portrait){.hero h1{font-size:clamp(2.75rem,6.4vw,4.5rem)}.hero-subtitle,.hero-tagline{max-width:40rem}.hero{padding-block:5.5rem 2rem}#hero-canvas{flex:1 1 0;height:auto;min-height:14rem;margin-top:1rem;overflow:hidden}}@media(min-width:701px)and (max-width:1366px)and (orientation:landscape){.hero h1{font-size:clamp(2.5rem,6.2vw,4.5rem)}.hero-subtitle,.hero-tagline{max-width:26rem}}.hero-kicker{color:var(--accent);font-family:var(--font-display);font-size:1.1rem}.hero-subtitle{color:var(--text);font-family:var(--font-display);font-weight:500;font-size:1.3rem;max-width:34rem;margin-top:.5rem}.hero-tagline{color:var(--text-dim);max-width:34rem;font-size:1.15rem;margin-top:.35rem}.marquee{overflow:hidden;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c;padding:1.1rem 0}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{display:flex;align-items:center;white-space:nowrap;font-family:var(--font-display);font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 70%,transparent)}.marquee-track span:nth-child(2n){-webkit-text-stroke-color:color-mix(in srgb,var(--accent-2) 75%,transparent)}.marquee-track span:after{content:"•";margin:0 1.4rem;-webkit-text-stroke-color:color-mix(in srgb,var(--text-dim) 60%,transparent)}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.skills-hint:before{animation:none;opacity:1}.skills.is-focused .skills-grid>li:not(.is-active){filter:none}}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}.about-grid p{font-size:1.2rem;color:var(--text-dim)}.about-photo{width:100%;aspect-ratio:1;border-radius:1rem;object-fit:cover;display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 20%,var(--surface)),color-mix(in srgb,var(--accent) 25%,var(--surface)))}.skill-group+.skill-group{margin-top:clamp(2.5rem,4vw,3.5rem)}.skill-group>h3{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:1.25rem;font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:500;letter-spacing:-.03em;color:var(--text);transition:opacity .4s ease}.skill-group>h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#2a2a2a,transparent)}.skills-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.75rem}.skills-grid>li{--tile-wash: 6%;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.15rem 1.15rem 1rem;background:linear-gradient(0deg,color-mix(in srgb,var(--brand, var(--accent)) var(--tile-wash),transparent),transparent 70%),var(--surface);border:1px solid #1e1e1e;border-radius:.9rem;cursor:pointer;transition:border-color .25s,transform .25s,background .35s,opacity .35s,filter .35s}.skills-grid>li:hover,.skills-grid>li:focus-visible{--tile-wash: 14%;border-color:color-mix(in srgb,var(--brand, var(--accent)) 45%,#1e1e1e);transform:translateY(-3px)}.skills-grid li:focus-visible{outline:2px solid var(--brand, var(--accent));outline-offset:3px}.skills-grid>li.is-active{--tile-wash: 22%;border-color:color-mix(in srgb,var(--brand, var(--accent)) 70%,transparent);transform:translateY(-3px)}.skill-icon{width:34px;height:34px;transition:transform .25s}.skills-grid>li:hover .skill-icon,.skills-grid>li.is-active .skill-icon{transform:scale(1.08)}.skill-label{font-family:var(--font-display);font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}.skills.is-focused .skills-grid>li:not(.is-active){opacity:.32;filter:blur(2px)}.skills.is-focused .skill-group:not(.has-open-card)>h3{opacity:.32}.skills-hint{margin-bottom:2.5rem;color:var(--text-dim);font-size:.9375rem;transition:opacity .4s ease}.skills-hint:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.7rem;vertical-align:middle;border-radius:50%;background:var(--accent);animation:skills-hint-pulse 2.6s ease-in-out infinite}.skills.is-focused .skills-hint{opacity:0}@keyframes skills-hint-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--surface);border:1px solid #222;border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover:before{opacity:1}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card-thumb{width:100%;aspect-ratio:16 / 10;border-radius:.5rem;background:linear-gradient(135deg,#1d1d1d,#101010);object-fit:cover;display:block}.card p{color:var(--text-dim);font-size:.95rem}.card-links{display:flex;gap:1rem;margin-top:auto}.card-links a{color:var(--accent);font-size:.9rem}.card-links a:hover{text-decoration:underline}.card-links a:only-child:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.contact{text-align:center}.contact p{color:var(--text-dim);margin-bottom:2rem}.contact-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.contact-links a{color:var(--text-dim)}.contact-links a:hover{color:var(--accent)}.page-hero{padding-top:calc(var(--space) + 4rem)}.page-hero h1{font-size:clamp(2.5rem,7vw,5rem)}.project-meta{color:var(--text-dim);font-family:var(--font-display);margin-top:1rem}.project-cover{width:100%;aspect-ratio:21 / 9;object-fit:cover;border-radius:1rem;margin-top:3rem;display:block}.project-description p{font-size:1.2rem;color:var(--text-dim);max-width:44rem}.project-description p+p{margin-top:1.5rem}.project-video video{width:100%;height:auto;border-radius:1rem;display:block}.gallery{columns:280px 3;gap:1rem}.gallery img{width:100%;height:auto;border-radius:.75rem;margin-bottom:1rem;display:block}.gallery.is-observed img{opacity:0;transform:translateY(28px);transition:opacity .6s ease-out,transform .6s ease-out}.gallery.is-observed img.is-visible{opacity:1;transform:none}.featured-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.featured-links a{color:var(--text-dim);transition:color .2s}.featured-links a:hover{color:var(--accent)}.featured-links a:before{content:"↗ ";color:var(--accent-2)}.project-back{text-align:center}.footer{text-align:center;padding:2rem var(--pad-x);color:var(--text-dim);font-size:.85rem;border-top:1px solid #1c1c1c}.footer .credits{margin-top:.5rem;font-size:.7rem;opacity:.6}@media(max-width:700px){.about-grid{grid-template-columns:1fr}.nav nav{gap:1rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem}.skills-grid>li{padding:.9rem .9rem .85rem;gap:.7rem}.skill-icon{width:28px;height:28px}.skill-label{font-size:.875rem}}