@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{color-scheme:dark;--bg:#0b1120;--panel:#111c30;--line:#26354e;--text:#f1f5fd;--muted:#a4b3cc;--accent:#72b4ff;--mono:'IBM Plex Mono',monospace;--heading:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.accent{color:var(--accent)}.muted{color:var(--muted)}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:1.3px}.header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-family:var(--heading);font-size:23px;font-weight:700;display:flex;align-items:center;letter-spacing:-1px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--accent);margin-right:12px;font-size:21px;color:var(--accent);line-height:1}.logo-mark span{font-size:16px;align-self:flex-end;margin-bottom:4px}.logo-dot{color:var(--muted)}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.github-nav{border:1px solid #344965;padding:7px 17px}.github-nav span{margin-left:15px}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--accent);color:#0b1120;z-index:5}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:35px;align-items:center;padding-block:85px 80px}.hero .eyebrow{display:flex;gap:13px;align-items:center;margin:0 0 25px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #d0f53c44}h1,h2,h3,p{margin-top:0}h1{font-family:var(--heading);font-size:clamp(45px,5.3vw,75px);font-weight:500;line-height:1.06;letter-spacing:-4px;margin-bottom:28px}.ground{color:#8cadde}.intro{color:var(--muted);max-width:395px;font-size:15px;line-height:1.85;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--accent);color:#06172c;padding:13px 19px;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#a2d0ff;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:10px}.stack-bar{border-block:1px solid var(--line)}.stack-inner{display:flex;align-items:center;justify-content:space-between;padding-block:20px;gap:25px}.stack-inner>div{display:flex;gap:43px;font:13px var(--mono)}.stack-note{color:#92a6c3;font-size:11px;align-self:center}.projects{padding-block:85px 70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:10px}h2{font-family:var(--heading);font-weight:500;font-size:36px;letter-spacing:-1.6px;line-height:1.2;margin-bottom:0}.count{font:10px var(--mono);color:var(--muted);padding-bottom:5px}.project-card{background:var(--panel);border:1px solid var(--line)}.featured{display:grid;grid-template-columns:1.4fr 1fr;min-height:390px}.wildfire-visual{position:relative;display:flex;align-items:center;overflow:hidden;background:#0c1729;padding:28px}.wildfire-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#11190db0);pointer-events:none}.wildfire-visual img{width:100%;height:auto;max-height:330px;object-fit:contain;box-shadow:0 15px 45px #0007;transition:transform .4s}.wildfire-visual:hover img{transform:scale(1.035)}.image-badge{position:absolute;top:18px;left:18px;font:9px var(--mono);letter-spacing:1px;background:#0b162be8;border:1px solid #426591;color:var(--accent);padding:5px 9px}.image-caption{position:absolute;bottom:16px;left:20px;font:8px var(--mono);letter-spacing:1.4px;color:#d0e0f9;z-index:1}.featured-copy{padding:31px}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-top p,.project-top span.eyebrow{margin:0;font-size:9px}.project-icon{color:var(--accent);font-size:24px}h3{font-family:var(--heading);font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin-bottom:16px}h3 a:hover{color:var(--accent)}.featured-copy p,.small-copy p{font-size:13px;color:var(--muted);line-height:1.8}.feature-list{list-style:none;padding:0;margin:18px 0 23px;font-size:11px;color:#b8c8de}.feature-list li{margin-top:5px}.feature-list li:before{content:'+';color:var(--accent);font-family:var(--mono);margin-right:10px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:3px 8px;border:1px solid #30445f;font:9px/1.6 var(--mono);color:#b8cbe6}.project-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:14px;font-size:12px}.project-link:hover{color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.small-card{display:flex;flex-direction:column}.mini-visual{height:205px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:#101b2e}.small-copy{padding:24px;display:flex;flex-direction:column;flex:1}.small-copy .eyebrow{font:9px var(--mono);margin-bottom:14px}.small-copy h3{font-size:23px}.small-copy h3 a{display:flex;justify-content:space-between}.small-copy h3 span{font-size:20px;color:#adb299}.small-copy p{margin-bottom:22px}.small-copy .tags{margin-top:auto}.toolbox-visual{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#233c60,#101a2d)}.code-window{width:88%;background:#0c1526;border:1px solid #30496c;padding:12px;box-shadow:8px 8px 0 #080c062e;transform:rotate(-3deg)}.window-dots{display:flex;gap:4px;align-items:center;margin-bottom:15px}.window-dots i{width:5px;height:5px;background:#527398;border-radius:50%}.window-dots span{font:8px var(--mono);color:#97abc8;margin-left:auto}.code-window code{font:9px/1.9 var(--mono);color:#d6e4fa;white-space:nowrap}.code-purple{color:#bea8d9}.code-gold{color:#d7bd84}.all-projects{display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid var(--line);padding:28px 0;font-size:12px;color:var(--muted)}.all-projects:hover{color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:30px 80px;border-bottom:1px solid var(--line)}.about .eyebrow{font-size:9px;margin-bottom:15px}.about-copy p{font-size:14px;color:var(--muted);line-height:1.9}.about-copy .about-lead{font-size:22px;line-height:1.4;color:var(--text);letter-spacing:-.5px;margin-bottom:24px}.about-copy .text-link{display:inline-block;margin-top:6px;color:var(--accent)}.closing{padding:72px 0;text-align:center;background:radial-gradient(ellipse at center,#235cad1f,transparent 65%)}.closing h2{font-size:45px;margin:15px 0 28px}.closing .eyebrow{font-size:9px}.closing .button{font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--line);font:9px/1.8 var(--mono);color:var(--muted)}.footer-note{color:#92a6c3}
@media(min-width:1600px){.hero{padding-block:100px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:10px;padding-block:65px}h1{font-size:57px;letter-spacing:-3px}.hero-actions{gap:18px;flex-wrap:wrap}.stack-inner>div{gap:24px}.stack-note{display:none}.featured{grid-template-columns:1.1fr 1fr}.featured-copy{padding:24px}.project-grid{gap:13px}.small-copy{padding:18px}.code-window code{font-size:7px}.small-copy h3{font-size:21px}.about{gap:35px}.footer-note{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:80px}.logo{font-size:20px}.logo-mark{width:26px;height:26px;margin-right:8px}nav{gap:19px;font-size:12px}.github-nav{display:none}.hero{grid-template-columns:1fr;padding-block:45px 20px}.hero .eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:clamp(44px,10.8vw,70px);letter-spacing:-2.5px}.intro{max-width:440px;font-size:14px}.stack-inner{display:block;padding-block:17px}.stack-inner>.eyebrow{display:block;margin-bottom:12px;font-size:8px}.stack-inner>div{justify-content:space-between;font-size:12px}.projects{padding-block:49px 42px}.section-heading{align-items:start}.section-heading .eyebrow{font-size:9px}h2{font-size:29px;letter-spacing:-1.1px}.count{font-size:8px;white-space:nowrap;padding-top:5px;margin-left:10px}.featured{grid-template-columns:1fr}.wildfire-visual{min-height:230px;padding:28px 20px}.featured-copy{padding:24px}.project-top{margin-bottom:15px}.project-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.mini-visual{height:220px}.small-copy{padding:24px}.small-copy h3{font-size:25px}.code-window{max-width:300px}.code-window code{font-size:10px}.about{grid-template-columns:1fr;gap:27px;padding-block:0 45px}.about-copy .about-lead{font-size:21px}.about-copy .about-lead br{display:none}.closing{padding-block:50px}.closing h2{font-size:33px}footer{font-size:8px;padding-block:20px}.hero-actions .text-link{font-size:11px}}
body{background:radial-gradient(ellipse at 80% 5%,#17376955,transparent 32%),var(--bg)}
.header{height:96px}.logo-mark{border-radius:8px;background:#162a46}.github-nav{border-radius:9px;background:#14223b88}.hero{gap:52px;padding-block:82px}.hero-copy{min-width:0}h1{font-size:clamp(44px,5vw,70px);letter-spacing:-3px}.ground{color:#8cadde}.button{border-radius:10px;box-shadow:0 4px 24px #3687ee20}.status-dot{box-shadow:0 0 14px #72b4ff66}
.hero-preview{min-width:0;background:#101b2d;border:1px solid #365172;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #0005,0 0 70px #3975de12;transform:rotate(2deg)}.preview-bar{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #2b4160;color:#a4bde0;font:8px var(--mono);letter-spacing:1px}.preview-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72b4ff;margin-right:8px}.hero-preview img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#080e19}.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;font-family:var(--heading);font-size:18px}.preview-caption small{display:block;font:11px/1.7 'DM Sans',sans-serif;color:var(--muted);margin-top:3px}.preview-caption>span:last-child{color:var(--accent);font-size:26px}.hero-preview a:hover .preview-caption{color:var(--accent)}
.stack-bar{background:#111c3055}.project-card{border-radius:16px;overflow:hidden;box-shadow:0 6px 25px #030a171c;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#4b709e}.project-grid{gap:22px}.small-card:hover{transform:translateY(-4px)}.tags span{border-radius:6px;background:#182640}.wildfire-visual{background:linear-gradient(135deg,#132846,#0c1729);padding:24px}.wildfire-visual img{border-radius:8px}.wildfire-visual:after{background:linear-gradient(transparent 70%,#081326b0)}.image-badge{border-radius:5px}.mini-visual.game-visual{display:flex;align-items:center;justify-content:center;padding:12px;background:#0c1628;height:auto;aspect-ratio:1.6}.game-visual img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:6px}.game-visual:hover img{filter:brightness(1.08)}.toolbox-visual{aspect-ratio:1.6;height:auto}.code-window{border-radius:9px;transform:rotate(-2deg)}.code-window code{font-size:clamp(7px,.72vw,10px)}.window-dots{color:#97abc8}.about{padding-top:15px}.closing{border-radius:22px}.footer-note{color:#92a6c3}
@media(max-width:1000px){.hero{gap:28px}h1{font-size:clamp(44px,5.5vw,57px)}.preview-bar{font-size:6px;padding:12px}.preview-caption{font-size:15px;padding:16px}.project-grid{gap:14px}}
@media(max-width:700px){.header{height:78px}.hero{padding-block:44px 35px;gap:30px}h1{font-size:clamp(42px,10.8vw,65px);letter-spacing:-2px}.hero-preview{width:100%;max-width:480px;margin:auto;transform:none}.preview-bar{font-size:8px;padding:14px}.preview-caption{font-size:18px}.project-grid{gap:20px}.code-window code{font-size:10px}.toolbox-visual{min-height:205px}.closing{padding-inline:10px}.count{font-size:7px}.section-heading h2{font-size:27px}}
.contact-copy{max-width:440px;margin:0 auto 16px;color:var(--muted)}.contact-email{display:block;width:fit-content;max-width:100%;margin:0 auto 25px;color:var(--accent);overflow-wrap:anywhere}.contact-email:hover{text-decoration:underline}.contact .button{min-width:150px}
@media(max-width:700px){.header{height:auto;min-height:78px;flex-wrap:wrap;gap:16px;padding-block:19px}.header nav{gap:18px;flex-wrap:wrap}.contact-copy{font-size:14px}.contact-email{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}