body { font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 1.2; }
        .site-shell { width: calc(100% - 32px); max-width: 1000px; padding: 16px 0 12px; }
        .masthead { text-align: center; color: #800000; }
        .eyebrow { display: block; margin-bottom: 2px; color: inherit; font-size: 16px; letter-spacing: 0; text-transform: none; font-style: italic; }
        .name-lockup { justify-content: center; gap: 10px; }
        .masthead h1 { font-size: clamp(36px, 7vw, 48px); font-style: italic; letter-spacing: -1px; }
        .little-guy { width: 64px; }
        .masthead-links { display: none; }
        a:link, a:visited { color: #800000; }
        .archive-layout { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 8px; margin-top: 40px; min-height: 290px; }
        .intro-draft { margin: 0; }
        .bio-row { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; margin-bottom: 12px; }
        .bio-row h2 { color: #800000; font-size: 14px; font-weight: normal; text-align: center; margin: 2px 0 0; }
        .pixel-icon { display: block; width: 32px; height: 32px; margin: 0 auto 4px; overflow: visible; }
        .bio-row p { margin: 0; }
        .elsewhere { display: flex; flex-direction: column; align-items: center; border-left: 1px solid #ad8580; padding-left: 8px; text-align: center; }
        .elsewhere h2 { color: #800000; font-size: 16px; font-weight: normal; margin: 0 auto 12px; padding-bottom: 8px; border-bottom: 1px solid #ad8580; width: fit-content; }
        .elsewhere p { align-self: stretch; margin: 0 0 22px; text-align: left; }
        .macintosh-badge { flex-shrink: 0; margin: auto auto 0; width: 88px; height: 31px; }
        .macintosh-badge img { left: -11.5px; top: -19px; transform: scale(0.5); }
        .footer-rule { margin: 20px 0 8px; border-color: #ad8580; }
        footer { color: #111; font-size: 13px; }
        @media (max-width: 600px) {
            .site-shell { width: calc(100% - 24px); }
            .archive-layout { grid-template-columns: 1fr; gap: 12px; margin-top: 30px; min-height: 0; }
            .bio-row { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; }
            .elsewhere { border-left: 0; border-top: 1px solid #ad8580; padding: 18px 0 0; }
            .elsewhere p { margin-bottom: 14px; }
            .macintosh-badge { margin-top: 18px; }
        }
        .projects { margin-top: 24px; padding-top: 12px; text-align: center; }
        .projects h2 { margin: 0 0 16px; font-size: 16px; font-weight: normal; color: #800000; }
        .project-icons { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
        .project-icon { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 72px; padding: 6px; font-size: 14px; text-align: center; }
        .project-icon svg { display: block; width: 32px; height: 32px; overflow: visible; }
        .project-icon:hover, .project-icon:focus-visible { background: rgba(153, 0, 51, .06); }
    
.pixel-shading { filter: blur(0.3px); }

.board-project-icon { filter: blur(0.3px); }