.warm-noir .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center;position:relative}.warm-noir .hero-visual{position:relative}.warm-noir .hero-term{position:absolute;right:-14px;bottom:-22px;width:248px;box-shadow:var(--ds-shadow-lg)}.warm-noir .focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.warm-noir .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.warm-noir .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.warm-noir .term-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center;background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--ds-radius-xl);padding:clamp(28px,4vw,56px)}@media(max-width:1000px){.warm-noir .focus-grid,.warm-noir .project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.warm-noir .hero-grid,.warm-noir .contact-grid,.warm-noir .term-band{grid-template-columns:1fr}.warm-noir .hero-visual{max-width:460px}.warm-noir .hero-term{right:0!important}}@media(max-width:560px){.warm-noir .focus-grid,.warm-noir .project-grid{grid-template-columns:1fr}}.warm-noir .post-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:24px;padding:26px 8px;border-bottom:1px solid var(--border-subtle);text-decoration:none}.warm-noir .post-row .post-title{margin:0 0 8px;font-size:24px;color:var(--text-primary);transition:color var(--dur-fast) var(--ease-out)}.warm-noir .post-row:hover .post-title{color:var(--accent)}.warm-noir .post-row .post-arrow{color:var(--text-tertiary);transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast)}.warm-noir .post-row:hover .post-arrow{transform:translate(5px);color:var(--accent)}.warm-noir .proj-arrow{color:var(--text-faint);transition:transform var(--dur-base) var(--ease-out),color var(--dur-fast)}.warm-noir .axcard:hover .proj-arrow{transform:translate(3px,-3px);color:var(--accent)}@keyframes wn-blink{50%{opacity:0}}.warm-noir .term-caret{animation:wn-blink 1.1s step-end infinite;color:var(--accent)}@media(prefers-reduced-motion:reduce){.warm-noir .term-caret{animation:none}}.warm-noir .hero-section{position:relative;padding-top:clamp(3rem,2rem + 5vw,6rem);padding-bottom:var(--section-gap)}.warm-noir .hero-dotgrid{height:120%}.warm-noir .hero-kicker{margin-bottom:22px}.warm-noir .hero-title{font-size:var(--text-display-l);margin:0;color:var(--text-primary)}.warm-noir .hero-em{font-style:italic}.warm-noir .hero-lead{margin-top:26px;font-size:var(--ds-text-lead);line-height:1.55;color:var(--text-secondary);max-width:46ch}.warm-noir .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.warm-noir .hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.warm-noir .hero-reticle{--tick:22px;padding:14px;border-radius:var(--ds-radius-xl)}.warm-noir .hero-portrait-frame{position:relative;border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--border-default)}.warm-noir .hero-portrait{display:block;width:100%;height:360px;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(1.02)}.warm-noir .hero-portrait-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--mono-950) 78%,transparent))}.warm-noir .hero-caption{position:absolute;left:16px;bottom:16px;right:16px;display:flex;align-items:center;gap:12px}.warm-noir .hero-caption-text{line-height:1.2}.warm-noir .hero-caption-name{font-family:var(--font-sans);font-weight:600;font-size:15px;color:var(--mono-50)}.warm-noir .hero-caption-role{font-family:var(--font-mono);font-size:11px;color:var(--mono-200);letter-spacing:.04em}.warm-noir .hero-term-line{font-family:var(--font-mono);font-size:12.5px;line-height:1.7}.warm-noir .hero-term-user{color:var(--accent)}.warm-noir .hero-term-sep{color:var(--text-faint)}.warm-noir .hero-term-out{color:var(--text-secondary)}.warm-noir .projects-section{padding-block:var(--section-gap);background:var(--bg-sunken);border-block:1px solid var(--border-subtle)}.warm-noir .project-card{text-decoration:none;display:flex;flex-direction:column;gap:14px}.warm-noir .project-card-head{display:flex;align-items:center;justify-content:space-between}.warm-noir .project-title{margin:0;font-size:25px;color:var(--text-primary)}.warm-noir .project-desc{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-secondary);flex:1}.warm-noir .project-stack{display:flex;flex-wrap:wrap;gap:7px}.warm-noir .project-tag{font-family:var(--font-mono);font-size:11.5px;color:var(--text-tertiary);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--ds-radius-xs);padding:3px 8px}.warm-noir .blog-section{padding-block:var(--section-gap)}.warm-noir .blog-list{border-top:1px solid var(--border-subtle)}.warm-noir .post-num{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.warm-noir .post-meta{display:flex;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--text-faint);letter-spacing:.03em}.warm-noir .focus-section{padding-block:var(--section-gap)}.warm-noir .focus-card{text-decoration:none;display:block}.warm-noir .focus-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line)}.warm-noir .focus-title{margin:20px 0 8px;font-family:var(--font-sans);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.warm-noir .focus-desc{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-secondary)}.warm-noir .contact-section{padding-block:var(--section-gap);background:var(--bg-sunken);border-top:1px solid var(--border-subtle)}.warm-noir .contact-kicker{margin-bottom:18px}.warm-noir .contact-title{font-size:var(--text-display-m);margin:0 0 16px;color:var(--text-primary)}.warm-noir .contact-lead{font-size:var(--ds-text-lead);line-height:1.55;color:var(--text-secondary);max-width:38ch;margin:0}.warm-noir .contact-reticle{--tick:18px;padding:22px;border-radius:var(--ds-radius-lg);background:var(--surface-1)}.warm-noir .contact-success{display:grid;place-items:center;min-height:220px;gap:12px;text-align:center}.warm-noir .contact-check{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--signal-success) 16%,transparent);color:var(--signal-success)}.warm-noir .contact-success-title{font-family:var(--font-serif);font-size:24px;color:var(--text-primary)}.warm-noir .contact-success-sub{color:var(--text-secondary);font-size:14.5px}.warm-noir .contact-form{display:grid;gap:16px}.warm-noir .contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.warm-noir .contact-error{margin:0;font-size:var(--ds-text-sm);color:var(--signal-danger)}