.crumb{align-items:center;color:var(--ink-faint);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.74rem;gap:.5rem;padding-top:1.4rem}.crumb a{color:var(--ink-soft)}.crumb a:hover{color:var(--red)}.crumb span[aria-current]{color:var(--ink)}.page-hero{padding-bottom:clamp(1.4rem,3vw,2.4rem);padding-top:1.4rem}.page-hero h1{font-size:clamp(2.3rem,5vw,3.7rem);margin:1rem 0 1.1rem;max-width:22ch}.page-hero h1 em{color:var(--red)}.page-hero .lead{max-width:60ch}.bloglist{padding-bottom:clamp(3rem,6vw,5rem)}.artgrid{display:grid;gap:clamp(1.2rem,2.5vw,1.8rem);grid-template-columns:repeat(3,1fr)}.artcard{background:var(--surface);border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.artcard:hover{border-color:var(--line-strong);transform:translateY(-2px)}.artcard-media{aspect-ratio:16/9;background:var(--paper-2);border-bottom:1px solid var(--line);overflow:hidden}.artcard-media img{display:block;height:100%;object-fit:cover;width:100%}.artcard-media.ph{align-items:center;color:var(--ink-faint);display:flex;font-family:var(--font-mono);font-size:.72rem;justify-content:center;letter-spacing:.1em;text-transform:uppercase}.artcard-body{display:flex;flex:1;flex-direction:column;gap:.55rem;padding:1.4rem 1.4rem 1.5rem}.art-tag{align-self:flex-start;border:1px solid var(--line-strong);border-radius:2px;color:var(--red);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;padding:.2em .55em;text-transform:uppercase}.artcard h2{font-family:var(--font-display);font-size:1.22rem;font-weight:500;letter-spacing:-.01em;line-height:1.22}.artcard h2 a{color:var(--ink)}.artcard:hover h2 a{color:var(--red-deep)}.art-excerpt{color:var(--ink-soft);flex:1;font-size:.95rem}.art-meta{border-top:1px solid var(--line);color:var(--ink-faint);font-size:.72rem;margin-top:.4rem;padding-top:.8rem}.art-meta,.pager{font-family:var(--font-mono)}.pager{align-items:center;display:flex;font-size:.8rem;gap:1rem;justify-content:center;margin-top:clamp(2rem,4vw,3rem)}.pager a{border:1px solid var(--line-strong);border-radius:2px;color:var(--ink);padding:.55em 1em}.pager a:hover{background:var(--ink);border-color:var(--ink);color:#fff}.pager .pager-cur{color:var(--ink-faint)}.blog-empty{background:var(--paper-2);border:1px dashed var(--line-strong);border-radius:3px;color:var(--ink-soft);padding:clamp(2rem,5vw,3.5rem);text-align:center}.blog-empty h2{font-size:1.4rem;margin-bottom:.6rem}.post-hero{padding-bottom:clamp(1.4rem,3vw,2.2rem);padding-top:1.4rem}.post-hero .wrap{max-width:760px}.post-hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem);line-height:1.08;margin:.9rem 0 1rem}.post-meta{color:var(--ink-faint);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.76rem;gap:.4rem 1rem;letter-spacing:.03em}.post-featured{margin:0 auto clamp(1.6rem,3vw,2.4rem);max-width:980px}.post-featured img{border:1px solid var(--line);border-radius:4px;display:block;height:auto;width:100%}.post-body{margin:0 auto;max-width:720px;padding-bottom:clamp(3rem,6vw,5rem)}.post-body h2{font-size:clamp(1.45rem,2.6vw,2rem);font-weight:500;line-height:1.15;margin:2.2rem 0 1rem}.post-body h2,.post-body h3{font-family:var(--font-display)}.post-body h3{font-size:1.25rem;font-weight:600;margin:1.8rem 0 .8rem}.post-body p{color:var(--ink-soft);line-height:1.7;margin-bottom:1.15rem}.post-body a{color:var(--red);text-decoration:underline;text-underline-offset:2px}.post-body ol,.post-body ul{color:var(--ink-soft);display:grid;gap:.5rem;margin:0 0 1.2rem 1.2rem}.post-body blockquote{border-left:3px solid var(--red);color:var(--ink);font-family:var(--font-display);font-size:1.4rem;line-height:1.4;margin:1.8rem 0;padding-left:1.4rem}.post-body img{border-radius:3px;height:auto;margin:1.4rem 0;max-width:100%}.post-body figure{margin:1.6rem 0}.post-back{margin:0 auto;max-width:720px;padding-bottom:clamp(3rem,6vw,4.5rem)}.post-back a{align-items:center;color:var(--red);display:inline-flex;font-family:var(--font-mono);font-size:.8rem;gap:.45em}@media (max-width:920px){.artgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.artgrid{grid-template-columns:1fr}}