.about-grid{font-family:var(--font-mono);color:var(--fg);grid-template-columns:1.2fr 1fr;gap:64px;font-size:15px;line-height:1.75;display:grid}.about-grid p,.about-experience p{margin:0 0 18px}.about-bio p.dim-p{color:var(--dim)}.acc-link{color:var(--acc);border-bottom:1px solid var(--acc);text-decoration:none}.about-stack{border-left:1px solid var(--line);padding-left:32px}.stack-label{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:16px;font-size:11px}.stack-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);color:var(--fg);font-size:12px;font-family:var(--font-mono);padding:5px 10px}.exp-list{flex-direction:column;display:flex}.exp-row{border-top:1px solid var(--line);grid-template-columns:170px 1fr 1.5fr;align-items:baseline;gap:32px;padding:24px 0;display:grid}.exp-range{font-family:var(--font-mono);color:var(--acc);letter-spacing:.08em;font-size:12px}.exp-role{font-family:var(--font-disp);color:var(--fg);font-size:22px;font-weight:700;line-height:1.15}.exp-org{font-family:var(--font-mono);color:var(--dim);margin-top:4px;font-size:12px}.exp-bullet{font-family:var(--font-mono);color:var(--dim);font-size:14px;line-height:1.7}.exp-border{border-top:1px solid var(--line)}.projects-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.project-card{border:1px solid var(--line);color:var(--fg);background:#0e0e0e;flex-direction:column;justify-content:space-between;min-height:240px;padding:28px 32px;text-decoration:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.project-card:hover{background:var(--acc);color:var(--bg);box-shadow:6px 6px 0 var(--line);transform:translate(-3px,-3px)}.project-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7;justify-content:space-between;margin-bottom:18px;font-size:11px;display:flex}.project-title{font-family:var(--font-disp);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.1}.project-desc{font-family:var(--font-mono);opacity:.85;margin-top:14px;font-size:13px;line-height:1.65}.project-footer{font-family:var(--font-mono);opacity:.85;justify-content:space-between;align-items:flex-end;margin-top:22px;font-size:11px;display:flex}.project-arrow:before{content:"╶▶"}.project-card:hover .project-arrow:before{content:"◀╴"}.articles-list{flex-direction:column;display:flex}.article-row{border-top:1px solid var(--line);grid-template-columns:70px 110px 1fr 80px;align-items:baseline;gap:24px;padding:22px 0;text-decoration:none;transition:background .15s,padding-left .15s;display:grid}.article-row:hover{background:#ff3d8b0f;padding-left:12px}.article-num{font-family:var(--font-mono);color:var(--dim);font-size:11px}.article-date{font-family:var(--font-mono);color:var(--dim);font-size:12px}.article-title{font-family:var(--font-disp);color:var(--fg);font-size:18px;font-weight:600;line-height:1.3}.article-title-group{align-items:baseline;gap:10px;display:flex}.article-tag{font-family:var(--font-mono);color:var(--acc);text-align:right;font-size:11px}.articles-border{border-top:1px solid var(--line)}.contact-grid{grid-template-columns:1.4fr 1fr;align-items:flex-start;gap:64px;display:grid}.contact-hint{font-family:var(--font-mono);color:var(--dim);margin-bottom:18px;font-size:13px}.contact-email{font-family:var(--font-disp);letter-spacing:-.03em;color:var(--fg);word-break:break-all;font-size:clamp(32px,5vw,68px);font-weight:800;line-height:1;text-decoration:none;transition:color .2s;display:block}.contact-email:hover{color:var(--acc)}.contact-socials{border-left:1px solid var(--line);padding-left:32px}.socials-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:16px;font-size:11px}.social-row{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--fg);justify-content:space-between;padding:12px 0;font-size:14px;text-decoration:none;display:flex}.social-row span.dim{color:var(--dim)}.site-footer{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--dim);grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:48px;padding:32px 0 64px;font-size:11px;display:grid}.site-footer span:nth-child(2){text-align:center}.site-footer span:nth-child(3){text-align:right}.now-playing-widget{z-index:40;border:1px solid var(--line);background:#0e0e0e;padding:10px 14px;position:fixed;bottom:16px;right:16px}.dim{color:var(--dim)}.acc{color:var(--acc)}@media (width<=900px){.site-nav{display:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.about-stack,.contact-socials{border-left:none;border-top:1px solid var(--line);padding-top:24px;padding-left:0}.projects-grid{grid-template-columns:1fr}.exp-row{grid-template-columns:1fr;gap:8px}.article-row{grid-template-rows:auto auto;grid-template-columns:80px 1fr}.article-date{display:none}.article-tag{text-align:left}}@media (width<=600px){.header-inner{padding:12px 20px}.site-main{padding:0 20px}.b-section{padding:48px 0}}.details-page-title{font-family:var(--font-disp);letter-spacing:-.03em;color:var(--fg);margin:0 0 24px;font-size:clamp(52px,9vw,112px);font-weight:800;line-height:.92}.details-page-desc{font-family:var(--font-mono);color:var(--dim);max-width:600px;margin:0 0 36px;font-size:14px;line-height:1.7}.cf-hero{padding-top:36px;padding-bottom:56px;position:relative}.cf-prompt{font-family:var(--font-mono);margin-bottom:20px;font-size:13px;line-height:1.7}.cf-grid{grid-template-columns:minmax(280px,360px) 1fr;align-items:flex-start;gap:36px;transition:opacity .3s;display:grid}.cf-avatar-panel{border:1px solid var(--line);position:relative;overflow:hidden}.cf-avatar-img{filter:contrast(1.05)saturate(1.05);width:100%;display:block}.cf-scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000001f 3px 4px);position:absolute;inset:0}.cf-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0a0a0a8c 100%);position:absolute;inset:0}.cf-info{font-family:var(--font-mono);font-size:13px}.cf-info-user{margin-bottom:4px;font-weight:600}.cf-info-sep{color:var(--dim);margin-bottom:14px}.cf-line{gap:10px;line-height:1.65;display:flex}.cf-line-key{min-width:110px;display:inline-block}.cf-line-sep{color:var(--dim)}.cf-line-val{color:var(--fg);flex:1}.cf-line-placeholder{height:1.65em}.cf-palette{gap:4px;margin-top:14px;display:flex}.cf-swatch{border:1px solid var(--line);width:22px;height:14px;display:inline-block}.cf-form{flex-direction:column;gap:16px;display:flex}.cf-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cf-field{flex-direction:column;gap:6px;display:flex}.cf-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:.12em;font-size:11px}.cf-input{font-family:var(--font-mono);color:var(--fg);border:1px solid var(--line);background:0 0;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.cf-input::placeholder{color:#3a3a3a}.cf-input:focus{border-color:var(--acc)}.cf-textarea{resize:vertical;min-height:120px}.cf-error-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cf-error{font-family:var(--font-mono);color:var(--acc);font-size:11px}.cf-submit{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bg);background:var(--acc);border:1px solid var(--acc);cursor:none;align-self:flex-start;padding:12px 24px;font-size:12px;transition:background .15s,color .15s}.cf-submit:hover:not(:disabled){color:var(--acc);background:0 0}.cf-submit:disabled{opacity:.5}.cf-success{border:1px solid var(--acc);align-items:flex-start;gap:16px;padding:24px;display:flex}.cf-success-icon{font-family:var(--font-mono);color:var(--acc);flex-shrink:0;font-size:20px}.cf-success-title{font-family:var(--font-disp);color:var(--fg);margin-bottom:4px;font-size:20px;font-weight:700}.cf-success-sub{font-family:var(--font-mono);color:var(--dim);font-size:13px}@media (width<=900px){.cf-row{grid-template-columns:1fr}.cf-submit{text-align:center;width:100%}}