@font-face{font-family:thaleahfat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thaleah-fat.woff2)format('woff2')}@font-face{font-family:monaspace argon;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/monaspace-argon-variable.woff2)format('woff2-variations')}:root{--color-bg-deep:#0a0a2e;--color-bg-base:#1e1b4b;--color-bg-card:#312e81;--color-bg-card-hover:#3730a3;--color-bg-elevated:rgba(30, 27, 75, 0.9);--color-text-primary:#bae6fd;--color-text-heading:#fef3c7;--color-text-muted:#818cf8;--color-text-accent:#fbbf24;--color-link:#6ee7b7;--color-link-hover:#fbbf24;--color-border:#78350f;--color-border-strong:#b45309;--color-border-subtle:#3730a3;--color-tag-amber-bg:#78350f;--color-tag-amber-text:#fcd34d;--color-tag-emerald-bg:#064e3b;--color-tag-emerald-text:#6ee7b7;--color-tag-sky-bg:#0c4a6e;--color-tag-sky-text:#7dd3fc;--color-btn-primary-bg:#b45309;--color-btn-primary-text:#fef3c7;--color-btn-primary-border:#f59e0b;--color-btn-primary-hover:#92400e;--color-btn-secondary-text:#6ee7b7;--color-btn-secondary-border:#10b981;--color-btn-secondary-hover-bg:#064e3b;--color-social:#7dd3fc;--color-code-bg:rgba(0, 0, 0, 0.4);--color-gradient-fade:#1e1b4b;--art-pixel:2px;--heading-font:'ThaleahFat', monospace;--body-font:'Monaspace Argon', monospace}[data-theme=light]{--color-bg-deep:#faf6f0;--color-bg-base:#f3ece0;--color-bg-card:#fffdf8;--color-bg-card-hover:#f9f4eb;--color-bg-elevated:rgba(250, 246, 240, 0.95);--color-text-primary:#3b2f20;--color-text-heading:#6b3a1f;--color-text-muted:#9a8672;--color-text-accent:#a0540a;--color-link:#1a7a4c;--color-link-hover:#a0540a;--color-border:#d4c4a8;--color-border-strong:#a0540a;--color-border-subtle:#e8dece;--color-tag-amber-bg:#f5e6c8;--color-tag-amber-text:#7c4008;--color-tag-emerald-bg:#d6ece0;--color-tag-emerald-text:#1a5c37;--color-tag-sky-bg:#dae8f0;--color-tag-sky-text:#2a5470;--color-btn-primary-bg:#a0540a;--color-btn-primary-text:#faf6f0;--color-btn-primary-border:#7c4008;--color-btn-primary-hover:#7c4008;--color-btn-secondary-text:#1a7a4c;--color-btn-secondary-border:#1a7a4c;--color-btn-secondary-hover-bg:#d6ece0;--color-social:#4a3f6b;--color-code-bg:rgba(107, 58, 31, 0.06);--color-gradient-fade:#f3ece0}@media(min-resolution:1.5dppx){:root{--art-pixel:1.33px}}@media(min-resolution:2dppx){:root{--art-pixel:1px}}@media(min-resolution:2.5dppx){:root{--art-pixel:0.8px}}@media(min-resolution:3dppx){:root{--art-pixel:0.67px}}*,*::before,*::after{box-sizing:border-box}body{font-family:var(--body-font);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-deep);margin:0;padding:0;font-size:16px;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--color-text-heading);line-height:1.3;margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:1px}h1{font-size:3.2rem}h2{font-size:2.4rem}h3{font-size:1.8rem}h4,h5,h6{font-size:1.4rem}a{color:var(--color-link);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-link-hover)}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 4rem;background-color:var(--color-bg-base);border-bottom:2px solid var(--color-border-strong);transition:background-color .3s ease}.nav-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.nav-brand .ph{font-size:1.5rem;color:var(--color-text-accent)}.nav-brand-text{font-family:var(--heading-font);font-size:1.6rem;color:var(--color-text-accent);letter-spacing:3px;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:2rem}.nav-menu{list-style:none;padding:0;margin:0;display:flex;gap:2rem}.nav-menu a{font-family:var(--heading-font);font-size:1.2rem;color:var(--color-link);text-transform:uppercase;letter-spacing:2px;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:var(--color-link-hover)}.nav-social{display:flex;align-items:center;gap:1rem;margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid var(--color-border)}.nav-social a{color:var(--color-social);font-size:1.25rem;line-height:1;transition:color .3s ease}.nav-social a:hover{color:var(--color-link-hover)}.nav-toggle-theme{background:0 0;border:1px solid var(--color-border);color:var(--color-text-accent);padding:.4rem .6rem;cursor:pointer;font-size:1.1rem;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-toggle-theme:hover{background-color:var(--color-text-accent);color:var(--color-bg-base)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;overflow:hidden;text-align:center;min-height:50vh}.hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,var(--color-bg-base) 0%,transparent 30%,transparent 70%,var(--color-bg-base) 100% );opacity:.7}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:700px}.hero-label{font-size:1rem;letter-spacing:4px;text-transform:uppercase;color:var(--color-text-accent);font-weight:700}.hero-title{font-family:var(--heading-font);font-size:4.5rem;color:var(--color-text-accent);letter-spacing:2px;margin:0;line-height:1.3;text-shadow:0 0 40px rgba(251,191,36,.3)}.hero-divider{width:16rem;height:2px;background:linear-gradient( to right,transparent,var(--color-border-strong),transparent )}.hero-subtitle{font-size:1.25rem;color:#e0e7ff;max-width:36rem;line-height:1.7;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.6)}[data-theme=light] .hero-subtitle{color:#f3ece0;text-shadow:0 1px 4px rgba(0,0,0,.5);background:rgba(30,20,10,.4);padding:.75rem 1.25rem;border-radius:6px}.hero-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary{display:inline-block;padding:1rem 2rem;background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);font-family:var(--heading-font);font-size:1rem;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--color-btn-primary-border);border-radius:4px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background-color:var(--color-btn-primary-hover);color:var(--color-btn-primary-text)}.btn-secondary{display:inline-block;padding:1rem 2rem;background-color:initial;color:var(--color-btn-secondary-text);font-family:var(--heading-font);font-size:1rem;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--color-btn-secondary-border);border-radius:4px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background-color:var(--color-btn-secondary-hover-bg);color:var(--color-btn-secondary-text)}.hero .hero-label,.hero .hero-title{text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero .btn-primary{background-color:#b45309;color:#fef3c7;border-color:#f59e0b}.hero .btn-primary:hover{background-color:#92400e;color:#fef3c7}.hero .btn-secondary{color:#6ee7b7;border-color:#10b981;background-color:rgba(0,0,0,.3);text-shadow:0 1px 4px rgba(0,0,0,.5)}.hero .btn-secondary:hover{background-color:rgba(6,78,59,.7);color:#6ee7b7}.about-preview{display:flex;align-items:center;gap:3rem;padding:5rem 6rem;background-color:var(--color-bg-base);transition:background-color .3s ease}.about-text{flex:3;display:flex;flex-direction:column;gap:1.5rem}.section-label{font-size:.85rem;letter-spacing:4px;text-transform:uppercase;color:var(--color-text-accent);font-weight:700;font-family:var(--body-font)}.about-text h2{font-size:2.4rem;margin:0;line-height:1.4}.about-text p{font-size:1.05rem;line-height:1.8;margin:0}.about-skills{display:flex;gap:1.5rem;flex-wrap:wrap}.about-skill{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-social)}.about-skill .ph{font-size:1.1rem;color:var(--color-text-accent)}.about-skill:nth-child(even) .ph{color:var(--color-link)}.about-cta{display:inline-block;padding:.75rem 1.5rem;border:2px solid var(--color-border-strong);color:var(--color-text-accent);font-family:var(--heading-font);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;text-decoration:none;transition:all .3s ease;width:fit-content}.about-cta:hover{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.latest-posts{padding:5rem 6rem;background-color:var(--color-bg-base);border-top:1px solid var(--color-border);transition:background-color .3s ease}.latest-posts-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}.latest-posts-header h2{margin:.5rem 0 0}.latest-posts-header .view-all{font-size:.85rem;color:var(--color-link);font-weight:700;text-transform:uppercase;letter-spacing:2px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.post-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:var(--color-bg-card);border-radius:8px;border:1px solid var(--color-border);transition:border-color .3s ease,background-color .3s ease;text-decoration:none}.post-card:hover{border-color:var(--color-border-strong)}.post-card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:4px}.tag--amber{background-color:var(--color-tag-amber-bg);color:var(--color-tag-amber-text)}.tag--emerald{background-color:var(--color-tag-emerald-bg);color:var(--color-tag-emerald-text)}.tag--sky{background-color:var(--color-tag-sky-bg);color:var(--color-tag-sky-text)}.post-card h3{font-size:1.3rem;margin:0;line-height:1.4}.post-card-summary{font-size:.9rem;color:var(--color-social);line-height:1.6;margin:0}.post-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border-subtle);font-size:.75rem;color:var(--color-text-muted)}.posts-list{padding:3rem 6rem;background-color:var(--color-bg-base);min-height:60vh;transition:background-color .3s ease}.posts-list .section-header{margin-bottom:2rem}.posts-list .section-header h1{margin:0}.post-summary{margin-bottom:1.5rem;padding:1.5rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;transition:border-color .3s ease,transform .3s ease,background-color .3s ease}.post-summary:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.post-title{margin:0 0 .5rem}.post-title a{color:var(--color-text-heading);text-decoration:none}.post-title a:hover{color:var(--color-link-hover)}.post-meta{font-size:.75rem;color:var(--color-text-muted);display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.post-tag{background-color:var(--color-tag-amber-bg);color:var(--color-tag-amber-text);padding:.15rem .5rem;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:background-color .3s ease}.post-tag:hover{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.post-summary-text{font-size:.95rem;line-height:1.7;color:var(--color-text-primary)}.read-more{font-family:var(--heading-font);font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.page-content{padding:3rem 2rem;background-color:var(--color-bg-base);min-height:60vh;transition:background-color .3s ease}.page-content-inner{max-width:800px;margin:0 auto}.post-header{margin-bottom:2rem}.post-content{font-size:1.05rem;line-height:1.8}.post-content img{max-width:100%;object-fit:contain;margin:1rem auto;display:block}.post-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.homepage-content{font-size:1.05rem;line-height:1.8}.homepage-content p{margin-bottom:1.5rem}.homepage-image{float:right;max-width:45%;margin:0 0 1rem 1.5rem}.homepage-image img{width:calc(98 * var(--art-pixel));height:calc(206 * var(--art-pixel));display:block;image-rendering:pixelated;image-rendering:crisp-edges}.homepage-content::after{content:"";display:table;clear:both}pre,code{background-color:var(--color-code-bg);font-family:monaspace argon,courier new,monospace}pre{padding:1rem;border:1px solid var(--color-border-subtle);border-radius:4px;margin:1rem 0;overflow-x:auto}code{padding:1pt 3pt;border-radius:2px}code.language-text{background:0 0}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 6rem;background-color:var(--color-bg-base);border-top:2px solid var(--color-border-strong);text-align:center;transition:background-color .3s ease}.footer-social{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-social a{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-social);text-decoration:none;transition:color .3s ease}.footer-social a:hover{color:var(--color-link-hover)}.footer-social .ph{font-size:1.1rem}.footer-divider{width:12rem;height:1px;margin:1rem 0;background:linear-gradient( to right,transparent,var(--color-border-strong),transparent )}.footer-info{font-size:.75rem;color:var(--color-text-muted);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.footer-info a{color:var(--color-text-accent)}.footer-info a:hover{color:var(--color-link-hover)}.footer-tagline{font-size:.7rem;color:var(--color-text-muted);letter-spacing:2px;font-family:var(--body-font)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border:2px solid var(--color-bg-deep);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-link-hover)}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}.about-preview{padding:3rem}.latest-posts{padding:3rem}.posts-list{padding:2rem 3rem}}@media(max-width:768px){.site-nav{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.nav-brand-text{font-size:1.2rem}.nav-links{gap:1rem}.nav-social{display:none}.hero{padding:4rem 1.5rem;min-height:40vh}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.about-preview{flex-direction:column-reverse;padding:2.5rem 1.5rem;gap:2rem}.posts-grid{grid-template-columns:1fr}.latest-posts{padding:2.5rem 1.5rem}.latest-posts-header{flex-direction:column;align-items:flex-start;gap:.5rem}.posts-list{padding:2rem 1.5rem}.page-content{padding:2rem 1.5rem}.site-footer{padding:2rem 1.5rem}.footer-social{gap:1rem}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.homepage-image{float:none;max-width:100%;margin:0 auto 1.5rem}.homepage-image img{margin:0 auto}}@media(max-width:480px){.hero-title{font-size:2rem}.nav-menu{gap:1rem}.nav-menu a{font-size:1rem}}