@font-face{font-family:Good Timing;src:url("/assets/good timing bd.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cyber Blast;src:url(/assets/Cyber\ Blast.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--color-bg:#050505;--color-bg-alt:#090909;--color-panel:#0c0c0c;--color-panel-contrast:#0e0e0e;--color-accent:#dac5a7;--color-accent-rgb:218,197,167;--color-ivory:#f7f2e8;--color-ivory-rgb:247,242,232;--color-text:var(--color-ivory);--color-text-strong:#fff;--color-text-muted:rgba(var(--color-accent-rgb),0.72);--color-text-soft:rgba(var(--color-accent-rgb),0.55);--color-text-inverse:#0b0b0b;--color-cta-text:var(--color-text-inverse);--color-success:#4ade80;--color-danger:#f87171;--color-border:rgba(var(--color-accent-rgb),0.18);--color-border-strong:rgba(var(--color-accent-rgb),0.35);--color-border-soft:rgba(var(--color-accent-rgb),0.12);--color-border-inverse:rgba(var(--color-accent-rgb),0.65);--color-surface:rgba(var(--color-accent-rgb),0.05);--color-surface-strong:rgba(var(--color-accent-rgb),0.08);--color-surface-tint:rgba(var(--color-accent-rgb),0.12);--color-glass:hsla(0,0%,5%,.92);--color-shadow:rgba(0,0,0,.45);--color-white-rgb:255,255,255;--color-black-rgb:0,0,0;--color-charcoal-rgb:12,12,12;--color-night-rgb:7,7,7;--color-warm-rgb:63,57,47;--color-deep-warm-rgb:49,45,40;--menu-width:clamp(180px,22vw,250px);--article-basis:clamp(420px,90vw,90vw);--overlay-shape-size:ellipse 60vw 60vh;--overlay-at:50% 10%;--overlay-stop-1:rgba(var(--color-black-rgb),0) 0%;--overlay-stop-2:rgba(var(--color-black-rgb),0) 50%;--overlay-stop-3:rgba(var(--color-black-rgb),0) 100%;--overlay-size:100vw 100vh;--overlay-position:center top;--work-preview-card-background:linear-gradient(135deg,hsla(35,41%,75%,.05))}*{box-sizing:border-box}body,html{min-height:100%;overflow-x:hidden;background-color:var(--color-bg)}body{margin:0;font-family:Helvetica,sans-serif;color:var(--color-text);-webkit-font-smoothing:antialiased;background-repeat:no-repeat,no-repeat;background-size:100vw 100vh,100% calc(100% - 100vh);background-position:top,center 100vh}.test-navbar-page{position:relative;isolation:isolate;min-height:100vh;width:100%;margin:0;padding:clamp(2.5rem,6vw,4rem) 0 0;display:flex;flex-direction:column;gap:clamp(2rem,5vw,3.5rem);color:var(--color-text-muted);background:transparent;overflow-x:hidden;background:var(--color-panel)}.test-navbar-page--blog,.test-navbar-page--compact{gap:0}.test-navbar-content{width:min(100%,100%);margin:0 auto;gap:1.75rem}.app-root,.test-navbar-content{display:flex;flex-direction:column}.app-root{min-height:100vh;padding-top:64px;margin-bottom:0;position:relative}.bg-decor{inset:0;pointer-events:none;z-index:0}.bg-decor,.visually-hidden{position:absolute;overflow:hidden}.visually-hidden{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-nav .social{display:inline-flex;align-items:center;gap:.75rem}.site-nav__social-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(var(--color-accent-rgb),.15);background:rgba(var(--color-accent-rgb),.05);color:rgba(var(--color-accent-rgb),1);text-decoration:none;transition:color .18s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-nav__social-btn svg{width:18px;height:18px}.site-nav__social-btn:focus-visible,.site-nav__social-btn:hover{border-color:rgba(var(--color-accent-rgb),.45);box-shadow:0 0 10px rgba(var(--color-accent-rgb),.1);color:rgba(var(--color-accent-rgb),1)}@media (max-width:800px){.site-nav{padding:.5rem 1rem;height:56px}.site-nav .nav-toggle{display:inline-flex}.site-nav .right{position:absolute;top:56px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem 1rem 1rem;background:rgba(var(--color-charcoal-rgb),.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(var(--color-white-rgb),.06)}.site-nav.open .right{display:flex}.site-nav .links{display:flex;flex-direction:column}.site-nav .links a{margin:0;padding:.6rem .2rem;border-radius:6px}.site-nav .social{margin-top:.25rem}.global-ellipses{top:0;width:120vw;height:60vh}}.content{flex:1 1;width:100%;margin:0;padding:0;position:relative;z-index:1}.page{background:rgba(var(--color-white-rgb),.02);padding:1.25rem;border-radius:8px;margin-bottom:0}.home h1{margin:0 0 .5rem}.cta-row{margin-top:1rem}.global-ellipses{position:absolute;left:50vw;top:0;width:80vw;height:80vh;transform:translate3d(-50%,-50%,0) scale(10) rotate(0);will-change:transform;opacity:.9;pointer-events:none;mix-blend-mode:normal;animation:rotate-slow 30s linear infinite;z-index:0}@media (prefers-reduced-motion:reduce){.global-ellipses{animation:none}}.route-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;overflow:hidden;background:transparent}.route-progress:before{content:"";position:absolute;left:-20%;top:0;height:100%;width:20%;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:route-progress-move 1s linear infinite}@keyframes route-progress-move{0%{left:-20%}to{left:120%}}@keyframes rotate-slow{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.about-layout{display:flex;gap:1.25rem;align-items:stretch}.left-menu{position:fixed;width:var(--menu-width);flex:0 0 auto;overflow:auto;transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.22,.61,.36,1);transform:translateX(0);z-index:2}.left-menu.collapsed{width:0;min-width:0;opacity:0;pointer-events:none;overflow:hidden;transform:translateX(-100%)}.about-layout.menu-collapsed .detail-article{margin-left:0;transition:margin-left .22s cubic-bezier(.22,.61,.36,1)}.about-layout .detail-article{margin-left:var(--menu-width);flex:1 1 var(--article-basis);background:transparent;min-width:0;padding:0 .5rem 0 2rem;position:relative}.section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.section-list button{padding:.6rem .8rem;border-radius:6px;background:transparent;cursor:pointer}.section-list a,.section-list button{width:100%;text-align:left;border:1px solid rgba(var(--color-white-rgb),.03);color:var(--color-text)}.section-list a{padding:1rem;display:block;border-radius:6px;text-decoration:none}.section-list button .item-title{font-weight:600}.section-list button .item-period{font-size:12px;color:var(--color-text-muted)}.section-list a.active,.section-list button.active{background:rgba(var(--color-white-rgb),.02);border-color:rgba(var(--color-white-rgb),.04)}.detail-article h2{margin-top:0}.muted{color:var(--color-text-muted)}.small{font-size:.9rem}.page.about .detail-section>h1,.page.about .detail-section>h2{margin-bottom:.1rem}.page.about .detail-section>h3.muted{margin:0 0 .2rem}.page.about .detail-section>.muted.small{display:block;margin-top:0}.image-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.image-grid img{width:180px;height:auto;border-radius:6px}@media (max-width:800px){.about-layout{flex-direction:column}.left-menu{width:100%;flex:unset;position:static;transform:none;opacity:1;pointer-events:auto}.section-list{flex-direction:row;overflow:auto}.section-list button{flex:0 0 auto}.about-layout .detail-article{width:auto;margin-left:0;max-height:none;flex:1 1}}.md-content{margin-top:.75rem;color:var(--color-text);line-height:1.6}.md-content h1,.md-content h2,.md-content h3{color:var(--color-text);margin:.6rem 0;scroll-margin-top:84px}.md-content p{margin:.6rem 0}.md-content li,.md-content p{overflow-wrap:anywhere;word-break:break-word}.md-content a{color:var(--color-accent)}.md-content pre{padding:.75rem;border-radius:6px;overflow:auto}.md-content code,.md-content pre{background:rgba(var(--color-white-rgb),.03)}.md-content code{padding:2px 6px;border-radius:4px}.md-content ul{margin:.4rem 0 .6rem 1.2rem}.md-content img{max-width:100%;height:auto;display:block;margin:2rem 0}.md-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.md-content td,.md-content th{padding:.375rem .5rem;border:1px solid rgba(var(--color-white-rgb),.06)}.md-content embed,.md-content iframe,.md-content video{max-width:100%;height:auto;display:block}.btn{display:inline-block;padding:.5rem .9rem;background:var(--color-accent);color:var(--color-cta-text);border-radius:6px;text-decoration:none}.btn.ghost{background:transparent;border:1px solid rgba(var(--color-white-rgb),.06)}.articles-list{max-height:100vh}.articles-list .articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem;margin-bottom:0}.article-card{background:var(--color-surface);padding:1rem;border-radius:8px}.article-card h3{margin:0 0 .5rem}.article-card .link{color:var(--color-accent)}.article-page .md-content{margin-top:.75rem}.home-articles{margin-top:1.5rem;margin-bottom:0}.home-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:0}.article-teaser{background:var(--color-surface);padding:.9rem;border-radius:8px}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.project-card{background:var(--color-surface);padding:1rem;border-radius:6px}.contact{width:90vw}.contact-form{width:100%;max-width:100%;gap:1rem;margin:0 auto;background:rgba(var(--color-white-rgb),.02);border-radius:8px}.contact-form,.contact-form label{display:flex;flex-direction:column}.contact-form label{gap:.4rem}.contact-form input,.contact-form textarea{padding:.75rem 1rem;font-size:1rem;border-radius:6px;border:1px solid rgba(var(--color-white-rgb),.06);background:transparent;color:var(--color-text);width:100%;box-sizing:border-box}.contact-form textarea{min-height:120px}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2)}@media (max-width:600px){.contact-form{gap:.75rem}.contact-form .btn{width:100%}}a{color:var(--color-text);text-decoration:none}a:focus,a:hover{color:var(--color-accent);text-decoration:underline}a:visited{color:var(--color-text)}.work-preview-panel{position:relative;min-height:500px;width:clamp(160px,45vw,45vw)}.work-preview{margin-top:.75rem;background:var(--color-surface);flex-direction:row;border:1px solid rgba(var(--color-white-rgb),.06);border-radius:10px;padding:1rem;opacity:0;transform:translateX(600px);transition:opacity .4s ease,transform .4s ease}.work-preview.visible{opacity:1;transform:translateX(0)}.work-preview-inner{display:flex;gap:1rem;align-items:center}.work-preview-img{width:clamp(160px,30vw,30vw);height:auto;border-radius:8px;border:1px solid rgba(var(--color-white-rgb),.06);object-fit:cover}.work-preview-text h3{margin:0 0 .25rem}.work-preview-text p{margin:0}@media (max-width:800px){.work-preview-inner{flex-direction:column;align-items:flex-start}.work-preview-img{width:100%}}.page.work .work-preview-inner{flex-direction:column;align-items:flex-start}.page.work .work-preview-img{width:100%}.page.work .work-preview-text{margin-top:.25rem}.work-detail{opacity:0;transform:translateY(-14px)}.work-detail.visible{opacity:1;transform:translateY(0);transition:opacity .24s ease,transform .24s ease}@keyframes page-slide-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes page-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.page-transition{animation:page-slide-in .1s ease both}.page-transition.exiting{animation:page-slide-out .1s ease both}@media (prefers-reduced-motion:reduce){.page-transition,.page-transition.exiting,.work-detail,.work-detail.visible{transition:none!important;transform:none!important;animation:none!important}}