/* Scoped homepage revamp: editorial typography, architectural frame, restrained green accents */
.home-page-revamp .hero-section { padding-top: clamp(2rem, 5vw, 4rem) !important; }
.home-page-revamp .hero-section .identity-title {
    font-family: var(--font-heading); font-weight: 800; letter-spacing: -0.04em;
    color: var(--text-primary); line-height: 1.1; margin-bottom: 0.75rem;
}
.home-page-revamp .hero-role {
    font-family: var(--font-heading); font-weight: 600; font-size: clamp(1.2rem, 2.2vw, 1.55rem);
    color: var(--brand-text); margin-bottom: 1.25rem;
}
.home-page-revamp .hero-intro {
    font-family: var(--font-body); font-size: 1.05rem; line-height: 1.8;
    color: var(--text-secondary); max-width: 54ch;
}
.home-page-revamp .hero-photo-wrapper {
    background: transparent; border: none; box-shadow: none;
    padding: 0 !important; max-width: 330px; width: 100%;
}
.home-page-revamp .hero-photo-frame {
    position: relative; border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl); padding: 10px;
    background: var(--surface-card); box-shadow: var(--shadow-2);
}
.home-page-revamp .hero-photo-frame::after {
    content: ""; position: absolute; inset: -6px;
    border: 1px solid color-mix(in srgb, var(--brand-1) 22%, transparent);
    border-radius: calc(var(--radius-xl) + 6px); pointer-events: none;
}
.home-page-revamp .hero-photo {
    display: block; width: 100%; height: auto;
    border-radius: var(--radius-lg) !important;
    filter: grayscale(0.2) contrast(1.04); mix-blend-mode: normal;
}
.home-page-revamp .project-card {
    background: var(--surface-card); border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-1);
    display: flex; flex-direction: column;
}
.home-page-revamp .project-header {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin-bottom: 14px;
}
.home-page-revamp .project-num {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8rem; font-weight: 700; color: var(--brand-1);
    background: var(--surface-subtle); border: 1px solid var(--border-subtle);
    padding: 2px 8px; border-radius: var(--radius); line-height: 1.4;
}
.home-page-revamp .project-category {
    margin-bottom: 0; font-size: 0.8rem; font-weight: 600;
    letter-spacing: 0.04em; color: var(--text-muted);
}
.home-page-revamp .project-title::before { content: none !important; }
.home-page-revamp .project-title {
    font-family: var(--font-heading); font-size: 1.3rem;
    font-weight: 700; line-height: 1.35; margin-bottom: 12px;
}
.home-page-revamp .tech-chip {
    font-family: var(--font-body); font-size: 0.76rem; font-weight: 500;
    line-height: 1.4; color: var(--text-secondary); background: var(--surface-subtle);
    border: 1px solid var(--border-subtle); border-radius: var(--radius-full);
    padding: 4px 10px;
}
@media (max-width: 575px) {
    .home-page-revamp .hero-photo-wrapper { max-width: 220px; margin-inline: auto; }
    .home-page-revamp .project-card { padding: 18px; }
}