:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--surface:#111827;--surface-soft:#131d2b;--surface-raised:#172233;--text:#f5f7fa;--text-soft:#c3cbd7;--muted:#9ca3af;--line:#9fb1ca26;--line-strong:#9fb1ca3d;--accent:#2f80ed;--accent-soft:#56ccf2;--accent-glow:#2f80ed3b;--shadow:0 24px 70px #0000003d;--radius:18px;--page-width:1180px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,IBM Plex Sans Arabic,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-soft:#eef3fa;--surface-raised:#e5edf7;--text:#101827;--text-soft:#334155;--muted:#64748b;--line:#1c2d471f;--line-strong:#1c2d4733;--accent-glow:#2f80ed1f;--shadow:0 20px 60px #1b304e17}:root[data-accent=cyan]{--accent:#1b9ac0;--accent-soft:#56ccf2;--accent-glow:#56ccf233}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 82% 4%, #2f80ed13, transparent 28rem), radial-gradient(ellipse at 5% 26%, #56ccf209, transparent 30rem), var(--bg);margin:0;font-size:15px;line-height:1.65;transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:var(--accent)}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}.skip-link{z-index:200;color:#fff;background:var(--accent);border-radius:8px;padding:9px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.site-frame{min-height:100vh;overflow:clip}.page-wrap,.header-inner,.footer-inner{width:min(var(--page-width), calc(100% - 56px));margin-inline:auto}.site-header{z-index:30;background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.brand,.footer-brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent-soft);background:var(--accent-glow);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:10px;place-items:center;display:grid}.brand-name{letter-spacing:-.045em;font-size:16px;font-weight:700}.brand-dot{color:var(--accent-soft)}.primary-nav{align-items:center;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:600;transition:color .18s,background .18s}.nav-link:hover,.nav-link.is-active{color:var(--text);background:var(--surface-soft)}.nav-link.is-active{box-shadow:inset 0 -2px var(--accent)}.nav-actions{border-left:1px solid var(--line);align-items:center;gap:7px;margin-left:12px;padding-left:13px;display:flex}.icon-button{width:35px;height:35px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;transition:color .18s,background .18s,border-color .18s;display:grid}.icon-button:hover{color:var(--text);background:var(--surface-soft);border-color:var(--line)}.nav-github{height:34px;color:var(--text-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.nav-github:hover{border-color:var(--accent);color:var(--text)}.nav-github svg:last-child{color:var(--muted)}.menu-toggle{display:none}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:610px;padding-top:64px;padding-bottom:82px;display:grid;position:relative}.hero-copy{z-index:2;max-width:590px;animation:.75s both riseIn;position:relative}.eyebrow{color:var(--accent-soft);letter-spacing:.16em;align-items:center;gap:10px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex}.eyebrow-line{background:var(--accent);width:22px;height:1px;display:inline-block}.status-pulse{background:var(--accent-soft);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-glow);border-radius:50%}.hero h1{letter-spacing:-.075em;max-width:620px;margin:22px 0 18px;font-size:clamp(52px,6.3vw,82px);font-weight:700;line-height:.99}.gradient-text{color:var(--accent-soft);background:linear-gradient(110deg, var(--accent-soft), var(--accent), #a0bdf9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-name{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:11px;margin:22px 0 8px;font-size:13px;font-weight:600;display:flex}.hero-divider{color:var(--accent);font-size:17px}.hero-intro{max-width:520px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:29px;display:flex}.button{border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(115deg, var(--accent), color-mix(in srgb, var(--accent) 68%, var(--accent-soft)));box-shadow:0 8px 24px var(--accent-glow);border-color:#0000}.button-primary:hover{box-shadow:0 12px 30px var(--accent-glow)}.button-secondary{color:var(--text-soft);background:var(--surface)}.button-secondary:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-raised)}.hero-socials{gap:20px;margin-top:24px;display:flex}.hero-socials a{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.hero-socials a:hover{color:var(--accent-soft)}.hero-art{place-items:center;min-height:400px;animation:.9s .12s both riseIn;display:grid;position:relative}.hero-grid{opacity:.25;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg,var(--line) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:8% 0 5%;-webkit-mask-image:radial-gradient(#000 20%,#0000 72%);mask-image:radial-gradient(#000 20%,#0000 72%)}.terminal-card{z-index:2;background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--line-strong);width:min(100%,410px);box-shadow:var(--shadow), 0 0 70px var(--accent-glow);border-radius:16px;position:relative;overflow:hidden;transform:rotate(-2deg)}.terminal-top{height:43px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.terminal-top>svg{color:var(--accent-soft);margin-left:auto}.terminal-dots{gap:5px;display:flex}.terminal-dots i{background:#ed6a5e;border-radius:50%;width:7px;height:7px}.terminal-dots i:nth-child(2){background:#f4bf50}.terminal-dots i:nth-child(3){background:#61c554}.terminal-content{color:var(--text-soft);padding:22px 20px 19px;font:12px/2.2 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-content p{margin:0}.terminal-content p>span:first-child{color:#687589;width:22px;display:inline-block}.terminal-content b{color:#c792ea;font-weight:500}.terminal-content strong{color:#82aaff;font-weight:500}.terminal-content em{color:#c3e88d;font-style:normal}.terminal-muted{color:var(--muted)}.terminal-output{width:fit-content;color:var(--accent-soft);background:var(--accent-glow);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:6px;align-items:center;gap:8px;margin:15px 0 0 22px;padding:4px 10px;font:10px ui-monospace,monospace;display:flex}.terminal-output i{background:var(--accent-soft);width:5px;height:12px;animation:1.2s steps(2,end) infinite blink}.orbit{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;position:absolute}.orbit-a{width:390px;height:240px;transform:rotate(25deg)}.orbit-b{border-color:color-mix(in srgb, var(--accent-soft) 18%, transparent);width:330px;height:310px;transform:rotate(-36deg)}.hero-spark{z-index:3;background:var(--accent-soft);width:7px;height:7px;box-shadow:0 0 19px var(--accent-soft);border-radius:50%;position:absolute}.spark-a{top:14%;right:14%}.spark-b{width:4px;height:4px;bottom:16%;left:10%}.hero-coordinate{color:var(--muted);letter-spacing:.12em;font:9px ui-monospace,monospace;position:absolute;bottom:16px;right:7px}.hero-coordinate span{color:var(--accent);margin-inline:8px}.hero-scroll{color:var(--muted);letter-spacing:.15em;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:26px;left:0}.hero-scroll span{background:var(--accent);width:21px;height:1px}.section-block{padding-top:66px;padding-bottom:66px;animation:.65s both riseIn}.home-about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.section-intro h2,.section-heading-row h2,.focus-copy h2,.contact-banner h2{letter-spacing:-.055em;margin:17px 0 0;font-size:clamp(28px,3.2vw,42px);line-height:1.14}.muted-heading{color:var(--muted)}.home-about-copy p{max-width:525px;color:var(--muted);margin:0 0 18px;line-height:1.85}.text-link{color:var(--accent-soft);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.text-link:hover{color:var(--text);gap:12px}.section-heading-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-heading-row h2{margin-top:13px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-4px);box-shadow:0 18px 50px #00000024}.project-visual{background:var(--surface-soft);border-bottom:1px solid var(--line);height:165px;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%}.project-art{background:radial-gradient(circle at 50% 50%, var(--accent-glow), transparent 58%), linear-gradient(135deg, var(--surface-soft), var(--surface-raised));place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.project-art:before{content:"";border:1px solid var(--line);border-radius:12px;position:absolute;inset:18px;transform:rotate(-5deg)}.art-orbit{border:1px solid color-mix(in srgb, var(--accent-soft) 38%, transparent);border-radius:50%;width:155px;height:90px;position:absolute;transform:rotate(-25deg)}.orbit-two{border-color:color-mix(in srgb, var(--accent) 35%, transparent);width:220px;height:68px;transform:rotate(35deg)}.art-glyph{width:62px;height:62px;color:var(--accent-soft);background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);box-shadow:0 10px 32px var(--accent-glow);border-radius:18px;place-items:center;display:grid}.art-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font:9px ui-monospace,monospace;position:absolute;bottom:15px;right:20px}.art-android{--accent:#69c78a;--accent-soft:#9ce6a9;--accent-glow:#69c78a30}.art-community{--accent:#ad8ef2;--accent-soft:#d0b7ff;--accent-glow:#ad8ef233}.art-discord{--accent:#7289da;--accent-soft:#a9b7f3;--accent-glow:#7289da33}.art-gaming{--accent:#e69558;--accent-soft:#ffc28e;--accent-glow:#e6955833}.project-status{max-width:calc(100% - 24px);color:var(--text);background:color-mix(in srgb, var(--bg) 85%, transparent);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:4px 8px;font-size:9px;font-weight:600;position:absolute;top:12px;left:12px}.project-card-body{padding:17px 17px 15px}.project-card-title{justify-content:space-between;gap:12px;display:flex}.project-category{color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.project-card h3{letter-spacing:-.035em;margin:3px 0 0;font-size:17px}.project-card h3 a:hover{color:var(--accent-soft)}.card-arrow{width:31px;height:31px;color:var(--muted);border:1px solid var(--line);border-radius:9px;flex:none;place-items:center;display:grid}.card-arrow:hover{color:var(--accent-soft);border-color:var(--accent)}.project-card-body>p{min-height:68px;color:var(--muted);margin:11px 0 14px;font-size:12px;line-height:1.7}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:23px;color:var(--text-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;align-items:center;padding:3px 8px;font-size:9px;line-height:1.2;display:inline-flex}.project-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:12px;min-height:41px;margin-top:14px;padding-top:11px;display:flex}.project-card-footer .text-link{font-size:10px}.project-external-links{color:var(--muted);gap:9px;display:flex}.project-external-links a:hover{color:var(--accent-soft)}.show-small{display:none}.home-focus{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.focus-copy h2{margin-top:16px;font-size:clamp(34px,4vw,49px)}.focus-copy>p{max-width:400px;color:var(--muted);margin:17px 0 21px;line-height:1.8}.focus-list{border-top:1px solid var(--line)}.focus-list>div{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:19px 0;display:grid}.focus-list>div>svg{color:var(--accent-soft)}.focus-index,.skill-number,.timeline-index{color:var(--accent-soft);font:10px ui-monospace,monospace}.focus-list h3{margin:0 0 3px;font-size:14px}.focus-list p{color:var(--muted);margin:0;font-size:11px}.contact-banner{background:linear-gradient(105deg, var(--surface), color-mix(in srgb, var(--accent) 11%, var(--surface)));border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:32px;margin-top:28px;margin-bottom:80px;padding:29px 34px;display:flex}.contact-banner h2{margin-top:12px;font-size:27px}.contact-banner p{color:var(--muted);margin:8px 0 0;font-size:12px}.inner-page{min-height:calc(100vh - 180px);padding-top:68px;padding-bottom:88px;animation:.5s both riseIn}.page-heading{max-width:760px;margin-bottom:37px}.page-heading .back-link{color:var(--muted);margin-bottom:27px;font-size:11px;display:inline-flex}.page-heading .back-link:hover{color:var(--accent-soft)}.page-heading h1{letter-spacing:-.07em;margin:14px 0 10px;font-size:clamp(40px,5.5vw,64px);line-height:1.04}.page-lede{max-width:670px;color:var(--muted);margin:0;font-size:15px;line-height:1.8}.about-layout{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.prose-card,.principle-card,.skill-card,.detail-panel,.contact-intro-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.prose-card{padding:28px 30px}.prose-card p{color:var(--text-soft);line-height:1.9}.prose-card p:first-of-type{margin-top:23px}.prose-card p:last-of-type{margin-bottom:22px}.about-principles{gap:12px;display:grid}.principle-card{padding:17px 18px}.principle-icon,.contact-icon,.contact-link-icon{width:39px;height:39px;color:var(--accent-soft);background:var(--accent-glow);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);border-radius:11px;place-items:center;display:grid}.principle-card h3{margin:11px 0 3px;font-size:14px}.principle-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.project-controls{justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;display:flex}.filter-row{flex-wrap:wrap;gap:7px;display:flex}.filter-chip{min-height:31px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;padding:0 11px;font-size:10px}.filter-chip:hover,.filter-chip.is-selected{color:var(--text);background:var(--surface-soft);border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.filter-chip.is-selected{box-shadow:inset 0 -2px var(--accent)}.search-field{min-width:210px;height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--accent)}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);justify-items:center;padding:70px 20px;display:grid}.empty-state>svg{color:var(--accent-soft)}.empty-state h2{color:var(--text);margin:12px 0 0;font-size:18px}.empty-state p{margin:5px 0 18px;font-size:12px}.detail-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.detail-main,.detail-sidebar{gap:16px;display:grid}.detail-panel{padding:23px}.detail-panel h2{margin:0 0 15px;font-size:15px}.detail-copy{color:var(--text-soft);margin:19px 0 0;line-height:1.85}.detail-note,.unavailable-note{color:var(--muted);background:var(--surface-soft);border-left:2px solid var(--accent);border-radius:4px;padding:10px 12px;font-size:11px;line-height:1.7}.detail-note{margin:16px 0 0}.feature-list{gap:12px;margin:17px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--text-soft);gap:10px;font-size:12px;display:flex}.feature-check{color:var(--accent-soft);font-weight:700}.detail-list{gap:12px;margin:0;display:grid}.detail-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding-bottom:10px;display:flex}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{color:var(--text-soft);text-align:right;margin:0;font-size:11px}.detail-tech{margin-top:18px}.detail-tech h3{color:var(--muted);margin:0 0 9px;font-size:10px;font-weight:600}.detail-links{gap:8px;display:grid}.full-button{justify-content:flex-start;width:100%;font-size:10px}.full-button svg:last-child{margin-left:auto}.unavailable-note{margin:0}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-card{min-height:180px;padding:23px;position:relative;overflow:hidden}.skill-number{opacity:.7;position:absolute;top:24px;right:23px}.skill-card h2{letter-spacing:-.025em;margin:0 0 5px;font-size:17px}.skill-card>p{color:var(--muted);margin:0 0 18px;font-size:11px}.skills-note{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);margin-top:27px;padding:23px 25px}.skills-note p{max-width:750px;color:var(--text-soft);margin:12px 0 10px;font-size:13px}.timeline{border-left:1px solid var(--line-strong);max-width:850px;margin-left:5px}.timeline-item{padding:0 0 25px 30px;position:relative}.timeline-marker{width:18px;height:18px;color:var(--accent-soft);background:var(--bg);place-items:center;display:grid;position:absolute;top:0;left:-9px}.timeline-content{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px 21px}.timeline-title-row{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.timeline-title-row time{color:var(--accent-soft)}.timeline-content h2{letter-spacing:-.03em;margin:11px 0 6px;font-size:17px}.timeline-content>p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.8}.timeline-project{margin-top:13px}.timeline-footnote{max-width:850px;color:var(--muted);background:var(--surface-soft);border-radius:8px;margin:6px 0 0 5px;padding:13px 16px;font-size:10px}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.contact-intro-card{padding:25px}.contact-intro-card h2{letter-spacing:-.04em;margin:16px 0 7px;font-size:23px}.contact-intro-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.contact-hint{color:var(--muted);border-top:1px solid var(--line);margin-top:21px;padding-top:14px;font-size:10px;display:block}.contact-link-list{align-content:start;gap:10px;display:grid}.contact-link-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:68px;padding:12px 14px;transition:border-color .2s,transform .2s;display:flex}.contact-link-card:hover{border-color:var(--accent);transform:translate(3px)}.contact-link-copy{flex:1;gap:2px;display:grid}.contact-link-copy strong{font-size:12px}.contact-link-copy small{color:var(--muted);font-size:10px}.contact-link-card>svg{color:var(--muted)}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:68vh;padding-top:50px;padding-bottom:70px;display:flex}.not-found-code{color:var(--accent-soft);letter-spacing:.16em;font:11px ui-monospace,monospace}.not-found-code i{color:var(--muted);font-style:normal}.not-found h1{letter-spacing:-.075em;margin:19px 0 10px;font-size:clamp(44px,7vw,78px);line-height:1}.not-found p{color:var(--muted);margin:0 0 22px}.site-footer{border-top:1px solid var(--line)}.footer-inner{justify-content:space-between;align-items:center;gap:18px;min-height:75px;display:flex}.footer-brand{color:var(--text-soft);font-size:10px;font-weight:600}.footer-brand .brand-mark{border-radius:8px;width:28px;height:28px}.footer-inner>p{color:var(--muted);margin:0;font-size:10px}.footer-separator{color:var(--accent);padding-inline:6px}.footer-links{color:var(--muted);align-items:center;gap:15px;font-size:10px;display:flex}.footer-links a{align-items:center;gap:6px;display:inline-flex}.footer-links a:hover{color:var(--accent-soft)}.route-loading{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.loading-dot{background:var(--accent-soft);border-radius:50%;width:7px;height:7px;animation:.9s steps(2,end) infinite blink}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.28}}@media (width<=960px){.page-wrap,.header-inner,.footer-inner{width:min(var(--page-width), calc(100% - 40px))}.primary-nav{gap:0}.nav-link{padding-inline:8px;font-size:11px}.nav-actions{margin-left:7px;padding-left:8px}.nav-github{padding-inline:7px}.hero{min-height:560px}.hero-art{transform:scale(.9)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=760px){.site-header{height:68px}.menu-toggle{margin-left:auto;display:grid}.header-inner{position:relative}.primary-nav{background:var(--bg);border-bottom:1px solid var(--line);align-items:stretch;gap:3px;padding:13px 20px 17px;display:none;position:absolute;top:calc(100% + 1px);left:-20px;right:-20px;box-shadow:0 18px 25px #0000001f}.primary-nav.is-open{flex-direction:column;display:flex}.nav-link{padding:11px 12px;font-size:13px}.nav-actions{border-top:1px solid var(--line);border-left:0;justify-content:flex-start;margin:8px 0 0;padding:12px 7px 0}.nav-github{min-width:94px}.hero{grid-template-columns:1fr;gap:13px;min-height:auto;padding-top:68px;padding-bottom:86px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(52px,11vw,74px)}.hero-art{min-height:330px;margin-top:-8px;transform:none}.terminal-card{width:min(88%,410px)}.orbit-a{width:min(90vw,390px)}.orbit-b{width:min(80vw,330px)}.hero-scroll{bottom:24px}.home-about,.home-focus{grid-template-columns:1fr;gap:24px}.section-block{padding-top:49px;padding-bottom:49px}.home-about-copy{max-width:610px}.contact-banner{margin-bottom:55px}.inner-page{padding-top:55px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.about-layout,.contact-layout{grid-template-columns:1fr}}@media (width<=560px){.page-wrap,.header-inner,.footer-inner{width:calc(100% - 36px)}.hero{padding-top:52px}.hero h1{font-size:clamp(47px,12.2vw,64px)}.hero-intro{font-size:14px}.hero-art{min-height:290px}.terminal-content{padding:16px;font-size:10px}.section-heading-row{align-items:start}.section-heading-row h2{max-width:300px;font-size:31px}.project-grid{grid-template-columns:1fr}.project-card:last-child:nth-child(odd){grid-column:auto}.project-visual{height:180px}.hide-small{display:none}.show-small{margin-top:19px;display:inline-flex}.home-focus{gap:18px}.contact-banner{flex-direction:column;align-items:flex-start;padding:24px}.contact-banner h2{font-size:24px}.page-heading h1{font-size:clamp(38px,10vw,53px)}.page-lede{font-size:13px}.inner-page{padding-top:42px;padding-bottom:62px}.page-heading{margin-bottom:27px}.project-controls{flex-direction:column;align-items:stretch}.filter-row{gap:6px}.search-field{width:100%;min-width:0}.detail-sidebar{grid-template-columns:1fr}.prose-card{padding:21px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:150px;padding:19px}.timeline-item{padding-left:22px}.timeline-content{padding:16px}.footer-inner{flex-wrap:wrap;justify-content:center;padding-block:17px}.footer-inner>p{text-align:center;flex-basis:100%;order:3}.footer-links{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.screenshot-grid figure{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;margin:0;overflow:hidden}.screenshot-grid img{aspect-ratio:16/10;object-fit:cover;width:100%}.screenshot-grid figcaption{color:var(--muted);padding:8px 10px;font-size:10px}@media (width<=560px){.screenshot-grid{grid-template-columns:1fr}}:root[data-theme=light]{--accent-soft:#185e94}:root[data-theme=light][data-accent=cyan]{--accent:#14789b;--accent-soft:#125d79;--accent-glow:#14789b21}:root[data-theme=light] .gradient-text{background-image:linear-gradient(110deg, var(--accent-soft), var(--accent), #264f83)}:root[data-theme=light][data-accent=cyan] .gradient-text{background-image:linear-gradient(110deg,#125d79,#14789b,#1a6889)}.button-primary{background:linear-gradient(115deg, color-mix(in srgb, var(--accent) 78%, #07111e), color-mix(in srgb, var(--accent) 84%, #07111e))}:root[data-theme=light] .terminal-card{background:#101722;border-color:#9fb1ca40}:root[data-theme=light] .terminal-top{color:#a7b2c2;border-color:#9fb1ca33}:root[data-theme=light] .terminal-top>svg{color:#56ccf2}:root[data-theme=light] .terminal-content{color:#c3cbd7}:root[data-theme=light] .terminal-content .terminal-muted{color:#a7b2c2}:root[data-theme=light] .terminal-content p>span:first-child{color:#8795a8}:root[data-theme=light] .terminal-output{color:#8ee5fb;background:#2f80ed29;border-color:#56ccf273}.contact-link-card{min-height:82px}.contact-link-icon{flex:0 0 39px}.contact-link-copy small.contact-detail{opacity:.78;margin-top:2px;font-size:10px}.screenshot-button{cursor:zoom-in;background:var(--surface-soft);border:0;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.screenshot-button img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .25s}.screenshot-button:hover img{transform:scale(1.035)}.lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03070deb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px 24px;display:flex;position:fixed;inset:0}.lightbox>img{object-fit:contain;border:1px solid #ffffff26;border-radius:12px;max-width:min(1100px,94vw);max-height:78vh;box-shadow:0 24px 80px #00000073}.lightbox>p{color:#d1d5db;margin:0;font-size:12px}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#ffffff29}@media (width<=640px){.contact-layout{grid-template-columns:1fr}.contact-link-card{min-height:76px}.lightbox{padding-inline:12px}.lightbox-close{top:12px;right:12px}}.project-visual-link{color:inherit;display:block;position:relative}.project-visual-link:focus-visible{outline-offset:-4px}.art-upload-hint{color:var(--muted);background:color-mix(in srgb, var(--bg) 78%, transparent);border:1px solid var(--line);letter-spacing:.03em;border-radius:5px;padding:4px 7px;font-size:9px;position:absolute;bottom:10px;right:12px}