.home{box-sizing:border-box;background:#000;flex-direction:column;align-items:center;height:100dvh;padding:16px 20px;display:flex}.home .home-main{z-index:10;scrollbar-width:thin;scrollbar-color:var(--gt-iron) transparent;flex-direction:column;flex:1;justify-content:safe center;min-height:0;padding:24px 40px;display:flex;position:relative;overflow:hidden auto}.home .home-main::-webkit-scrollbar{width:8px}.home .home-main::-webkit-scrollbar-track{background:0 0}.home .home-main::-webkit-scrollbar-thumb{background:var(--gt-iron);border-radius:0}.home .home-main::-webkit-scrollbar-thumb:hover{background:var(--gt-gold)}@media (max-width:640px){.home{padding:12px}.home .home-main{padding:16px}}
@keyframes nav-toggle-glitch{0%{clip-path:inset(0);transform:translate(0)}20%{clip-path:inset(30% 0 40%);transform:translate(-3px,1px)}40%{clip-path:inset(60% 0 10%);transform:translate(3px,-2px)}60%{clip-path:inset(10% 0 65%);transform:translate(-2px,2px)}80%{clip-path:inset(45% 0 30%);transform:translate(2px,-1px)}to{clip-path:inset(0);transform:translate(0)}}@keyframes nav-overlay-power-on{0%{filter:brightness(3);transform:scaleY(.02)}60%{filter:brightness(1.8);transform:scaleY(1)}to{filter:brightness();transform:scaleY(1)}}@keyframes nav-overlay-power-off{0%{filter:brightness();transform:scaleY(1)}40%{filter:brightness(1.8);transform:scaleY(1)}to{filter:brightness(3);transform:scaleY(.02)}}.nav{z-index:20;width:100%;max-width:1200px;font-family:var(--gt-font-mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:0 8px 12px;font-size:15px;display:flex;position:relative}.nav .nav-toggle{z-index:2;border:1px solid var(--gt-iron);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--gt-text-muted);cursor:pointer;background:0 0;padding:8px 12px;transition:border-color .15s,color .15s;display:none;position:relative}@media (hover:hover){.nav .nav-toggle:hover{border-color:var(--gt-gold);color:var(--gt-gold)}}.nav .nav-toggle .nav-toggle-label{animation:.35s step-end both nav-toggle-glitch;display:inline-block}.nav .nav-brand{z-index:2;color:var(--gt-gold);font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;padding:0;display:flex;position:relative}.nav .nav-brand .nav-cursor{background:var(--gt-green);width:7px;height:12px;animation:1.1s step-end infinite blink}.nav .nav-brand .nav-name{font-weight:700}.nav .nav-brand .nav-role{color:var(--gt-text-dim)}.nav .nav-links{white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 20px;display:flex}.nav .nav-links .nav-link{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--gt-text-muted);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.nav .nav-links .nav-link:hover,.nav .nav-links .nav-link.nav-link--active{color:var(--gt-gold)}.nav .nav-links .nav-cta{border:1px solid var(--gt-gold);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--gt-gold);cursor:pointer;background:0 0;padding:8px 12px;transition:background-color .15s,color .15s}.nav .nav-links .nav-cta:hover{background:var(--gt-gold);color:var(--gt-bg)}@media (max-width:640px){.nav .nav-role{display:none}.nav .nav-toggle{display:block}.nav .nav-links{z-index:1;background:var(--gt-bg);transform-origin:50%;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;padding:24px;display:none;position:fixed;inset:0}.nav .nav-links.nav-links--open{animation:.2s ease-out nav-overlay-power-on;display:flex}.nav .nav-links.nav-links--closing{animation:.2s ease-in nav-overlay-power-off;display:flex}.nav .nav-links .nav-link{text-align:center;padding:8px 0;font-size:22px}.nav .nav-links .nav-cta{text-align:center;padding:12px 20px;font-size:16px}}
@keyframes flick{0%,to{opacity:.035}47%{opacity:.05}62%{opacity:.022}78%{opacity:.045}}@keyframes rollbar{0%{transform:translateY(-60%)}to{transform:translateY(340%)}}.screen{background:var(--gt-bg);width:100%;max-width:1200px;min-height:0;color:var(--gt-text);border:1px solid #3a3a3ee6;flex-direction:column;flex:1;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px 6px #000000b3,inset 0 0 2px 1px #c9a22738,0 0 40px #0009}@media (max-width:640px){.screen{padding:16px}}.screen .screen-vignette{z-index:4;pointer-events:none;background:radial-gradient(115% 80% at 50% 42%,#39ff140b 0%,#0000 55%),radial-gradient(150% 120% at 50% 42%,#0000 62%,#00000073 88%,#000000b8 100%);position:absolute;inset:0}.screen .screen-flicker{z-index:5;pointer-events:none;opacity:.28;background:repeating-linear-gradient(#0000008c 0 1px,#0000 1px 4px);animation:5.5s steps(2,end) infinite flick;position:absolute;inset:0}.screen .screen-scanlines{z-index:6;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.screen .screen-scanlines .screen-scanlines-gold{opacity:.25;background:repeating-linear-gradient(#c9a227cc 0 1px,#0000 1px 3px);position:absolute;inset:0}.screen .screen-scanlines .screen-scanlines-green{opacity:.07;background:repeating-linear-gradient(90deg,#39ff1447 0 1px,#0000 1px 4px);position:absolute;inset:0}.screen .screen-scanlines .screen-rollbar{background:linear-gradient(#0000,#39ff140d,#0000);height:40%;animation:13s linear infinite rollbar;position:absolute;left:0;right:0}.screen .screen-inset-border{pointer-events:none;border:1px solid #c9a2274d;position:absolute;inset:8px}.screen .screen-corner{pointer-events:none;border:2px solid #c9a227bf;width:26px;height:26px;position:absolute}.screen .screen-corner.screen-corner--tl{border-bottom:none;border-right:none;top:12px;left:12px}.screen .screen-corner.screen-corner--tr{border-bottom:none;border-left:none;top:12px;right:12px}.screen .screen-corner.screen-corner--bl{border-top:none;border-right:none;bottom:12px;left:12px}.screen .screen-corner.screen-corner--br{border-top:none;border-left:none;bottom:12px;right:12px}.screen .screen-diamond{color:#c9a227d9;pointer-events:none;font-size:10px;line-height:1;position:absolute}.screen .screen-diamond.screen-diamond--tl{top:5px;left:5px}.screen .screen-diamond.screen-diamond--tr{top:5px;right:5px}.screen .screen-diamond.screen-diamond--bl{bottom:5px;left:5px}.screen .screen-diamond.screen-diamond--br{bottom:5px;right:5px}
.lifeline{z-index:10;letter-spacing:.24em;color:var(--gt-gold);text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#c9a22714,#0000 60%);flex-shrink:0;align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:13px;display:flex;position:relative}.lifeline .lifeline-bullet{color:var(--gt-green);font-size:10px}.lifeline .lifeline-cursor{background:var(--gt-green);vertical-align:baseline;width:6px;height:11px;margin-left:4px;animation:.9s step-end infinite blink;display:inline-block;box-shadow:0 0 10px 2px #39ff1466}.lifeline .lifeline-sub{color:var(--gt-text-dim);letter-spacing:.1em;text-transform:none;margin-left:8px;font-size:11px}@media (max-width:640px){.lifeline{letter-spacing:.14em;padding:8px 12px;font-size:11px}.lifeline .lifeline-sub{display:none}}
@keyframes home-name-glitch{0%,to{clip-path:inset(0);transform:translate(0)}1.5%{clip-path:inset(18% 0 52%);transform:translate(-6px,2px)}3.5%{clip-path:inset(64% 0 12%);transform:translate(5px,-3px)}5.5%{clip-path:inset(4% 0 78%);transform:translate(-3px,1px)}7.5%{clip-path:inset(44% 0 34%);transform:translate(4px,2px)}9%{clip-path:inset(0);transform:translate(0)}}@keyframes home-name-ghost{0%,9%{opacity:.55}9.01%,to{opacity:0}}.home-inspiration-link{border:1px solid var(--gt-iron);width:28px;height:28px;color:var(--gt-text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:border-color .15s,color .15s;display:flex;position:absolute;top:0;right:0}@media (hover:hover){.home-inspiration-link:hover{border-color:var(--gt-gold);color:var(--gt-gold)}}.home-meta{letter-spacing:.14em;color:var(--gt-text-dim);text-transform:uppercase;white-space:nowrap;margin:-16px 0 32px;font-size:13px}.home-meta .home-meta-available{color:var(--gt-green)}@media (max-width:640px){.home-meta{margin-top:16px}}@media (max-width:480px){.home-meta{white-space:normal}}.home-section{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (max-width:640px){.home-section{grid-template-columns:1fr}}.home-section .home-intro .home-name{font-family:var(--gt-font-display);letter-spacing:.01em;text-transform:uppercase;word-break:keep-all;overflow-wrap:anywhere;margin:0;padding-bottom:.06em;font-size:clamp(24px,3.5vw,52px);font-weight:900;line-height:.95;position:relative}@media (max-width:640px){.home-section .home-intro .home-name{font-size:clamp(40px,16vw,46px)}}.home-section .home-intro .home-name .home-name-text{color:var(--gt-gold);text-shadow:0 0 26px #c9a22747;animation:8s step-end infinite home-name-glitch;display:inline-block;position:relative}.home-section .home-intro .home-name .home-name-ghost{width:100%;color:var(--gt-green);pointer-events:none;animation:8s step-end infinite home-name-ghost;position:absolute;top:0;left:3px}.home-section .home-intro .home-subtitle{letter-spacing:.1em;color:var(--gt-green);text-transform:uppercase;margin:8px 0 0;font-size:clamp(14px,1.6vw,18px)}.home-section .home-intro .home-tagline{max-width:44ch;color:var(--gt-text-muted);margin:24px 0 0;font-size:16px;line-height:1.6}.home-section .home-intro .home-actions{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:12px;margin-top:40px;font-size:15px;display:flex}.home-section .home-intro .home-actions .home-action{font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;padding:8px 16px;transition:background-color .15s,color .15s,border-color .15s}.home-section .home-intro .home-actions .home-action.home-action--primary{border:1px solid var(--gt-gold);color:var(--gt-gold)}.home-section .home-intro .home-actions .home-action.home-action--primary:hover{background:var(--gt-gold);color:var(--gt-bg)}.home-section .home-intro .home-actions .home-action.home-action--secondary{border:1px solid var(--gt-iron);color:var(--gt-text)}.home-section .home-intro .home-actions .home-action.home-action--secondary:hover{border-color:var(--gt-green);color:var(--gt-green)}.home-section .home-panels{gap:16px;display:grid}
.panel{border:1px solid var(--gt-iron);background:#14141880}.panel .panel-header{border-bottom:1px solid var(--gt-iron);letter-spacing:.18em;color:var(--gt-gold);text-transform:uppercase;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.panel .panel-header h2{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.panel .panel-header .panel-badge{color:var(--gt-text)}.panel .panel-body{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;padding:12px;font-size:15px;display:grid}.panel .panel-body .panel-group{border:1px solid var(--gt-border);gap:4px;padding:8px;display:grid}.panel .panel-body .panel-group .panel-label{letter-spacing:.18em;color:var(--gt-text-dim);font-size:13px}.panel .panel-body .panel-group .panel-value{color:var(--gt-gold)}.panel--span-last .panel-group:last-child{grid-column:1/-1}.panel-tags{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.panel-tags .panel-tag{border:1px solid var(--gt-border);letter-spacing:.06em;color:var(--gt-text-muted);text-transform:uppercase;padding:4px 8px;font-size:13px}@media (max-width:640px){.panel-tags .panel-tag{font-size:14px}}
.about-section{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;gap:40px;display:grid}.about-section .about-intro{max-width:60ch;color:var(--gt-text-muted);font-size:16px;line-height:1.6}.about-section .about-intro .about-paragraph{margin:0}.about-section .about-intro .about-paragraph+.about-paragraph{margin-top:12px}.about-section .about-panels{gap:16px;display:grid}
@keyframes changelog-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.changelog-section{flex-direction:column;gap:12px;display:flex}.changelog-section .changelog-intro{color:var(--gt-text-dim);font-size:15px}@media (max-width:640px){.changelog-section .changelog-intro{font-size:16px}}.changelog-section .changelog-intro a{color:var(--gt-gold)}.changelog-section .changelog-intro a:hover{color:var(--gt-green)}.changelog-section .changelog-empty{color:var(--gt-text-dim);font-size:15px}.changelog-section .changelog-list{font-size:15px;line-height:1.5;display:grid}@media (max-width:640px){.changelog-section .changelog-list{font-size:16px}}.changelog-section .changelog-row{border-top:1px solid var(--gt-hairline);color:inherit;grid-template-columns:130px 1fr;gap:20px;padding:12px 0;text-decoration:none;transition:background-color .15s;animation:.25s ease-out both changelog-row-in;display:grid}@media (max-width:640px){.changelog-section .changelog-row{grid-template-columns:1fr;gap:4px}}.changelog-section .changelog-row:hover{background:#c9a2270d}.changelog-section .changelog-row:last-of-type{border-bottom:1px solid var(--gt-hairline)}.changelog-section .changelog-row .changelog-date{color:var(--gt-text)}.changelog-section .changelog-row .changelog-tag{color:var(--gt-green)}.changelog-section .changelog-row .changelog-repo{color:var(--gt-gold)}.changelog-section .changelog-row .changelog-summary{color:var(--gt-text);margin-top:4px}.changelog-section .changelog-crawling{border-top:1px solid var(--gt-hairline);padding:12px 0}.changelog-section .changelog-crawling .changelog-crawling-cursor{background:var(--gt-green);width:6px;height:11px;animation:.7s step-end infinite blink;display:inline-block}
.projects-section{gap:16px;display:grid}.projects-section .projects-changelog-link{letter-spacing:.04em;color:var(--gt-text-dim);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-family:inherit;font-size:13px}@media (max-width:640px){.projects-section .projects-changelog-link{font-size:14px}}.projects-section .projects-changelog-link:hover{color:var(--gt-green)}.projects-section .projects-list{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;display:grid}.projects-section .projects-list .panel{flex-direction:column;height:100%;display:flex}.projects-section .projects-list .panel-body{flex:1}.project-body{flex-direction:column;grid-column:1/-1;gap:12px;height:100%;display:flex}.project-body .project-thumb{aspect-ratio:16/9;border:1px solid var(--gt-border);background:var(--gt-bg);position:relative;overflow:hidden}.project-body .project-thumb img{object-fit:cover;filter:grayscale(.3)contrast(1.1)brightness(.75)sepia(.25);width:100%;height:100%;transition:filter .2s;display:block}.project-body .project-thumb .project-offline-stamp{border:1px solid var(--gt-gold);letter-spacing:.18em;color:var(--gt-gold);text-transform:uppercase;background:#0a0a0dbf;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:10px}.project-body:hover .project-thumb img{filter:grayscale(.4)contrast(1.05)brightness(.9)sepia(.1)}.project-body .project-description{color:var(--gt-text-muted);flex:1;margin:0;font-size:16px;line-height:1.55}.project-body .project-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.project-body .project-meta .project-note{letter-spacing:.1em;color:var(--gt-text-dim);white-space:nowrap;font-size:13px}.project-body .project-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.project-body .project-link{color:var(--gt-gold);font-size:14px;text-decoration:none}@media (max-width:640px){.project-body .project-link{font-size:15px}}.project-body .project-link:hover{color:var(--gt-green)}.project-body .project-link.project-link--offline{color:var(--gt-text-dim);cursor:default;font-style:italic}.project-body .project-link.project-link--repo{color:var(--gt-text-muted)}.project-body .project-link.project-link--repo:hover{color:var(--gt-green)}
.contact-section{gap:16px;display:grid}.contact-section .contact-heading{font-family:var(--gt-font-display);letter-spacing:.03em;color:var(--gt-gold);text-transform:uppercase;margin:0 0 8px;font-size:clamp(20px,2.6vw,30px)}.contact-section .contact-intro{color:var(--gt-text-muted);margin:0 0 16px;font-size:16px;line-height:1.55}.contact-section .contact-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:640px){.contact-section .contact-grid{grid-template-columns:1fr}}.contact-form{border:1px solid var(--gt-iron);background:#12121680;gap:12px;padding:16px;display:grid}.contact-form .contact-field{letter-spacing:.12em;color:var(--gt-text-dim);text-transform:uppercase;gap:4px;font-size:13px;display:grid}@media (max-width:640px){.contact-form .contact-field{font-size:14px}}.contact-form .contact-input-row{border-bottom:1px solid var(--gt-border);align-items:center;gap:8px;padding-bottom:4px;transition:border-color .15s;display:flex}.contact-form .contact-input-row.contact-input-row--area{align-items:flex-start}.contact-form .contact-input-row:focus-within{border-bottom-color:var(--gt-gold)}.contact-form .contact-input-row .contact-prompt{color:var(--gt-gold)}.contact-form .contact-input-row input,.contact-form .contact-input-row textarea{color:var(--gt-text-muted);letter-spacing:0;text-transform:none;background:0 0;border:0;flex:1;font-family:inherit;font-size:16px;line-height:1.5}:is(.contact-form .contact-input-row input,.contact-form .contact-input-row textarea):focus{outline:none}:is(.contact-form .contact-input-row input,.contact-form .contact-input-row textarea)::placeholder{color:var(--gt-text-dim)}.contact-form .contact-input-row textarea{resize:none}.contact-form .contact-submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-form .contact-submit-row .contact-submit{border:1px solid var(--gt-gold);color:var(--gt-gold);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:8px 16px;font-family:inherit;font-size:14px;transition:background-color .15s,color .15s}@media (max-width:640px){.contact-form .contact-submit-row .contact-submit{font-size:15px}}.contact-form .contact-submit-row .contact-submit:hover{background:var(--gt-gold);color:var(--gt-bg)}.contact-form .contact-submit-row .contact-submit:disabled{border-color:var(--gt-iron);color:var(--gt-text-dim);cursor:default}.contact-form .contact-submit-row .contact-submit:disabled:hover{color:var(--gt-text-dim);background:0 0}.contact-form .contact-submit-row .contact-status{color:var(--gt-text-dim);font-size:12.5px}@media (max-width:640px){.contact-form .contact-submit-row .contact-status{font-size:13px}}.contact-form .contact-submit-row .contact-status.contact-status--sent{color:var(--gt-green)}.contact-form .contact-submit-row .contact-status.contact-status--error{color:var(--gt-red)}.contact-side{gap:12px;font-size:15px;display:grid}.contact-side .contact-card{border:1px solid var(--gt-iron);background:#12121680;gap:8px;padding:12px;display:grid}.contact-side .contact-card .contact-card-label{letter-spacing:.16em;color:var(--gt-text-muted);text-transform:uppercase;font-size:12px}.contact-side .contact-card .contact-card-link{color:var(--gt-gold);font-size:15px;text-decoration:none}.contact-side .contact-card .contact-card-link:hover{color:var(--gt-green)}
.inspiration-section{flex-direction:column;gap:16px;display:flex}.inspiration-section .inspiration-heading{font-family:var(--gt-font-display);letter-spacing:.03em;color:var(--gt-gold);text-transform:uppercase;margin:0;font-size:clamp(20px,2.6vw,30px)}.inspiration-section .inspiration-intro{flex-direction:column;gap:12px;display:flex}.inspiration-section .inspiration-intro .inspiration-paragraph{color:var(--gt-text-muted);margin:0;font-size:16px;line-height:1.6}.inspiration-section .inspiration-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.inspiration-card{flex-direction:column;gap:8px;margin:0;display:flex}.inspiration-card .inspiration-thumb{aspect-ratio:16/10;border:1px solid var(--gt-border);background:var(--gt-bg);overflow:hidden}.inspiration-card .inspiration-thumb img{object-fit:cover;filter:grayscale(.3)contrast(1.1)brightness(.75)sepia(.25);width:100%;height:100%;transition:filter .2s;display:block}.inspiration-card:hover .inspiration-thumb img{filter:grayscale(.4)contrast(1.05)brightness(.9)sepia(.1)}.inspiration-card figcaption{letter-spacing:.14em;color:var(--gt-text-dim);text-transform:uppercase;text-align:center;font-size:12.5px}
.footer{z-index:10;border-top:1px solid var(--gt-hairline);letter-spacing:.14em;color:var(--gt-text-dim);text-transform:uppercase;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:8px 20px;padding:12px 32px;font-size:12px;display:flex;position:relative}@media (max-width:640px){.footer{letter-spacing:.06em;gap:8px 12px;padding:12px 16px;font-size:9px}}
