@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d10;--surface:#11151a;--surface2:#171c22;--text:#f3f5f6;--muted:#9aa5af;--faint:#68737d;--line:#242b32;--accent:#a8edce;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background-color:var(--bg);background-image:linear-gradient(rgba(168,237,206,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(168,237,206,.028) 1px,transparent 1px),radial-gradient(circle at 72% 8%,rgba(168,237,206,.055),transparent 27%);background-size:48px 48px,48px 48px,100% 100%;color:var(--text);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.skip-link{position:fixed;z-index:20;top:10px;left:10px;padding:9px 14px;background:var(--accent);color:#07110c;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header,main,footer{width:min(calc(100% - 64px),1180px);margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{font-size:1.2rem;font-weight:800;letter-spacing:-.1em}.logo span{color:var(--accent)}nav,.header-actions,.hero-actions,.project-actions,.social-links,.cv-row{display:flex;align-items:center}nav{gap:27px;color:var(--muted);font-size:.84rem}nav a:hover,.header-link:hover,.social-links a:hover,.compact-card a:hover{color:var(--accent)}.header-actions{gap:16px}.header-link{font-size:.8rem;color:var(--muted)}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:0 18px;border:1px solid var(--line);border-radius:6px;font-size:.84rem;font-weight:700;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary,.cv-small{background:var(--accent);border-color:var(--accent);color:#07110c}.btn.secondary:hover,.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.cv-small{min-height:38px;padding:0 13px;font-size:.76rem}.hero{position:relative;min-height:min(760px,calc(100svh - 82px));display:flex;align-items:center;padding:100px 0 130px;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow,.project-type,.timeline span{font:500 .69rem/1.4 var(--mono);letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #a8edce70}.hero h1{margin:22px 0 20px;font-size:clamp(4.8rem,10vw,8.8rem);line-height:.89;letter-spacing:-.09em}.hero h1 span{color:#d9e0e4}.hero-lead{max-width:650px;margin:0;color:#b2bbc2;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px}.hero-note{color:var(--faint);font-size:.78rem;margin-top:18px}.hero-art{position:absolute;width:min(43vw,500px);aspect-ratio:1;right:-10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}.hero-visual-frame{position:relative;width:88%;aspect-ratio:1;border:1px solid rgba(168,237,206,.13);background:linear-gradient(135deg,rgba(168,237,206,.025),transparent 55%);clip-path:polygon(0 0,91% 0,100% 9%,100% 100%,9% 100%,0 91%)}.hero-visual-frame:before,.hero-visual-frame:after{content:"";position:absolute;inset:11%;border:1px solid rgba(168,237,206,.07);border-radius:50%}.hero-visual-frame:after{inset:25%;border-style:dashed;transform:rotate(18deg)}.gamepad-art{position:absolute;width:58%;height:58%;left:21%;top:21%;filter:invert(91%) sepia(17%) saturate(525%) hue-rotate(95deg) brightness(103%) contrast(87%);opacity:.88;z-index:2}.frame-label,.frame-coord{position:absolute;z-index:3;font:500 .55rem var(--mono);letter-spacing:.12em;color:rgba(168,237,206,.55)}.frame-label{top:14px;left:17px}.frame-coord{right:17px;bottom:14px}.tetris-cluster{position:absolute;right:-3%;top:12%;display:grid;grid-template-columns:repeat(3,22px);grid-template-rows:repeat(2,22px);gap:4px;transform:rotate(7deg);z-index:4}.tetris-cluster i{display:block;border:1px solid rgba(168,237,206,.75);background:rgba(168,237,206,.12);box-shadow:inset 0 0 10px rgba(168,237,206,.08)}.tetris-cluster i:nth-child(1){grid-column:2}.tetris-cluster i:nth-child(2){grid-column:1;grid-row:2}.tetris-cluster i:nth-child(3){grid-column:2;grid-row:2;background:rgba(168,237,206,.7)}.tetris-cluster i:nth-child(4){grid-column:3;grid-row:2}.crosshair{position:absolute;width:18px;height:18px;z-index:3}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(168,237,206,.45)}.crosshair:before{width:18px;height:1px;top:8px}.crosshair:after{width:1px;height:18px;left:8px}.crosshair-a{left:-9px;bottom:27%}.crosshair-b{right:17%;top:-9px}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,transparent 24%,transparent 76%,var(--bg) 100%);opacity:.42}
.work-section,.about-section,.experience-section,.contact-section{padding:100px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading h2,.about-heading h2,.contact-section h2{margin:8px 0 0;font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.075em}.section-intro{max-width:360px;margin:0 0 5px;color:var(--muted);font-size:.93rem}.text-link{color:var(--accent);font-weight:700}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden;min-height:410px;display:flex;flex-direction:column;padding:30px;background:linear-gradient(145deg,#151a20,#101317);border:1px solid var(--line);border-radius:8px;transition:.2s ease}.project-card:hover,.compact-card:hover{transform:translateY(-3px);border-color:#3b4b44}.project-card:before{content:"";position:absolute;width:80px;height:80px;right:-41px;top:-41px;border:1px solid rgba(168,237,206,.08);transform:rotate(45deg)}.project-featured{background:radial-gradient(ellipse at top right,#1c2924 0,transparent 45%),linear-gradient(145deg,#151a20,#101317)}.project-topline{display:flex;justify-content:space-between}.project-number{color:#59636b;font:500 .7rem var(--mono)}.project-card h3,.compact-card h3{margin:38px 0 4px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.06em}.project-role{color:#d5dce0!important;font-weight:700;margin-bottom:13px!important}.project-card p,.compact-card p{color:var(--muted);font-size:.9rem}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.tags span{padding:5px 9px;border:1px solid #2a3239;border-radius:4px;color:#b8c1c7;font:400 .66rem var(--mono)}.project-actions{gap:18px;margin-top:auto;border-top:1px solid var(--line);padding-top:14px;flex-wrap:wrap}.project-link{font-size:.79rem;font-weight:700}.project-link span{color:var(--accent)}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-card{min-height:270px;padding:26px;border:1px solid var(--line);border-radius:8px;background:#101419;transition:.2s ease;display:flex;flex-direction:column}.compact-card h3{margin-top:26px;font-size:1.8rem}.compact-card p{margin:5px 0 20px}.compact-card a{margin-top:auto;color:#d5dce0;font-weight:700;font-size:.8rem}.itch-card{background:radial-gradient(ellipse at bottom right,#1c2924,transparent 55%),#101419}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-heading h2{font-size:clamp(2.5rem,5vw,4rem);line-height:1.08}.about-copy>p{color:#b4bdc4;line-height:1.85;margin:30px 0}.skill-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-groups div{padding:17px;border:1px solid var(--line);border-radius:6px}.skill-groups strong{font-size:.78rem}.skill-groups p{margin:5px 0 0;color:var(--muted);font:400 .68rem/1.6 var(--mono)}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:180px 1fr 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.timeline h3{margin:0;font-size:1.2rem}.timeline p{margin:0;color:var(--muted);font-size:.9rem}.cv-row{gap:10px;margin-top:30px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-section h2{max-width:760px}.social-links{gap:24px;margin-top:42px;padding-top:19px;border-top:1px solid var(--line);font-size:.82rem;font-weight:700;flex-wrap:wrap}footer{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--faint);font-size:.75rem}footer p{margin:0}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:850px){.site-header,main,footer{width:min(calc(100% - 40px),1180px)}nav{display:none}.hero-art{right:-70px;opacity:.27}.timeline article{grid-template-columns:150px 1fr}.timeline p{grid-column:2}}
@media(max-width:650px){.site-header{height:72px}.header-link{display:none}.cv-small{display:inline-flex}.hero{min-height:700px;padding:80px 0 100px}.hero-art{width:70vw;right:0;top:62%;opacity:.16}.hero h1{font-size:clamp(4.1rem,18vw,7rem)}.work-section,.about-section,.experience-section,.contact-section{padding:72px 0}.section-heading{display:block}.section-intro{margin-top:14px}.featured-grid,.compact-grid,.about-section,.skill-groups{grid-template-columns:1fr}.project-card{min-height:370px;padding:24px}.compact-card{min-height:245px}.about-section{display:grid;gap:0}.about-copy>p{margin-top:18px}.timeline article{display:block}.timeline h3{margin:8px 0}.timeline p{margin-top:5px}.contact-row{align-items:flex-start;flex-direction:column}.contact-section h2{font-size:3.3rem}.hero-actions{align-items:flex-start}.hero-note{max-width:310px}}
@media(max-width:390px){.site-header,main,footer{width:calc(100% - 30px)}.cv-small{font-size:.7rem;padding:0 10px}.hero-actions{flex-direction:column}.btn{min-width:180px;justify-content:space-between}.social-links{gap:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}