/* /Pages/Home.razor.rz.scp.css */
.container[b-yfzc6kzab7] {
    max-width: var(--content-max-width);
    padding-right: var(--page-gutter);
    padding-left: var(--page-gutter);
}

.section-nav[b-yfzc6kzab7] {
    position: sticky;
    top: 0;
    z-index: 1020;
    border-bottom: 1px solid var(--border-color);
    background: color-mix(in srgb, var(--background) 86%, transparent);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

    .section-nav .container[b-yfzc6kzab7] {
        min-height: 4.5rem;
    }

    .section-nav a[b-yfzc6kzab7] {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 2.75rem;
        padding: 0;
        color: var(--muted-text);
        font-weight: 700;
        text-decoration: none;
    }

        .section-nav a:hover[b-yfzc6kzab7],
        .section-nav a.active[b-yfzc6kzab7] {
            color: var(--text);
        }

            .section-nav a.active[b-yfzc6kzab7]::after {
                position: absolute;
                right: 0;
                bottom: -0.2rem;
                left: 0;
                height: 0.15rem;
                background: var(--accent);
                content: "";
            }

.section-nav-brand[b-yfzc6kzab7] {
    color: var(--text) !important;
    font-size: 1.25rem;
    letter-spacing: -0.03em;
}

.hero[b-yfzc6kzab7] {
    isolation: isolate;
    min-height: auto;
    padding-top: clamp(8rem, 13vw, 11rem);
    overflow: hidden;
    background: var(--background);
    color: var(--text) !important;
}

    .hero[b-yfzc6kzab7]::before,
    .hero[b-yfzc6kzab7]::after {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
    }

    .hero[b-yfzc6kzab7]::before {
        z-index: -2;
        bottom: auto;
        height: clamp(10rem, 18vw, 15rem);
        background-image: url('/img/background_header.jpg');
        background-position: center;
        background-size: cover;
        filter: saturate(0.78) contrast(0.94);
        opacity: 0.9;
    }

    .hero[b-yfzc6kzab7]::after {
        z-index: -1;
        bottom: auto;
        height: clamp(10rem, 18vw, 15rem);
        background: linear-gradient( 180deg, color-mix(in srgb, var(--background) 5%, transparent) 0%, color-mix(in srgb, var(--background) 8%, transparent) 52%, var(--background) 100% );
    }

    .hero .container[b-yfzc6kzab7] {
        display: flex;
        align-items: center;
        min-height: clamp(31rem, 62vh, 39rem);
        position: relative;
        z-index: 1;
    }

.hero-orb[b-yfzc6kzab7] {
    display: none;
}

.hero-title[b-yfzc6kzab7] {
    max-width: 11ch;
    margin: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: var(--text);
    font-size: clamp(3.5rem, 8vw, 6.5rem);
    font-weight: 800;
    line-height: 0.92;
    letter-spacing: -0.06em;
}

.hero-lead[b-yfzc6kzab7] {
    max-width: 38rem;
    color: var(--muted-text);
    font-size: clamp(1.12rem, 2vw, 1.4rem);
}

.hero-badges[b-yfzc6kzab7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.25rem;
}

.hero-badge[b-yfzc6kzab7] {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--muted-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.hero .btn-outline-light[b-yfzc6kzab7] {
    --bs-btn-color: var(--text);
    --bs-btn-border-color: var(--border-color);
    --bs-btn-hover-color: var(--text);
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.3);
    --bs-btn-hover-border-color: var(--text);
}

.hero-links a[b-yfzc6kzab7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--border-color);
    border-radius: 0.2rem;
    background: transparent;
    color: var(--text) !important;
    transition: border-color 160ms ease, color 160ms ease;
}

    .hero-links a:hover[b-yfzc6kzab7] {
        border-color: var(--accent);
        color: var(--accent-dark) !important;
    }

.hero-profile-card[b-yfzc6kzab7] {
    position: relative;
    z-index: 1;
    max-width: 22rem;
    margin-left: auto;
    padding: 0 0 0 2rem;
    border: 0;
    border-left: 1px solid var(--border-color);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.profile-img[b-yfzc6kzab7] {
    width: 10rem;
    height: auto;
    max-width: 100%;
    border: 0;
    border-radius: 0.2rem;
    box-shadow: none !important;
    filter: saturate(0.85);
}

.profile-role[b-yfzc6kzab7] {
    color: var(--text);
    font-size: 1.05rem;
    font-weight: 700;
}

.profile-summary[b-yfzc6kzab7] {
    color: var(--muted-text);
    font-size: 0.95rem;
}

.hero-stats[b-yfzc6kzab7] {
    margin-top: 1.5rem;
    border-top: 1px solid var(--border-color);
}

.stat-card[b-yfzc6kzab7] {
    min-height: 5rem;
    padding: 0.9rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: left;
}

.stat-value[b-yfzc6kzab7] {
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 700;
}

.stat-label[b-yfzc6kzab7] {
    color: var(--muted-text);
    font-size: 0.85rem;
}

.main-surface[b-yfzc6kzab7] {
    position: relative;
    margin: 0;
    padding-bottom: 1.5rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.section-block[b-yfzc6kzab7] {
    scroll-margin-top: 6rem;
}

h2[b-yfzc6kzab7] {
    margin-bottom: 1rem;
    padding: 0;
    border: 0;
    color: var(--text);
    font-size: clamp(1.8rem, 4vw, 2.65rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.section-eyebrow[b-yfzc6kzab7] {
    margin-bottom: 0.6rem;
    color: var(--accent);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.section-copy[b-yfzc6kzab7] {
    max-width: 44rem;
    color: var(--muted-text);
    font-size: 1.08rem;
}

.highlight-grid[b-yfzc6kzab7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.highlight-card[b-yfzc6kzab7],
.info-panel[b-yfzc6kzab7] {
    padding: 1.5rem 0 0;
    border: 0;
    border-top: 1px solid var(--border-color);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

    .highlight-card h3[b-yfzc6kzab7] {
        margin-bottom: 0.45rem;
        color: var(--text);
        font-size: 1.05rem;
    }

    .highlight-card p[b-yfzc6kzab7] {
        margin-bottom: 0;
        color: var(--muted-text);
    }

.highlight-icon[b-yfzc6kzab7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin-bottom: 0.8rem;
    border-radius: 0;
    background: transparent;
    color: var(--accent);
    font-size: 1.25rem;
}

.timeline[b-yfzc6kzab7] {
    position: relative;
    padding-left: 1.6rem;
}

    .timeline[b-yfzc6kzab7]::before {
        position: absolute;
        top: 1.8rem;
        bottom: 1.8rem;
        left: 0.32rem;
        width: 1px;
        background: color-mix(in srgb, var(--accent) 45%, var(--border-color));
        content: "";
    }

    .timeline li[b-yfzc6kzab7] {
        position: relative;
        margin: 0;
    }

        .timeline li[b-yfzc6kzab7]::before {
            position: absolute;
            z-index: 1;
            top: 1.65rem;
            left: -1.6rem;
            width: 0.7rem;
            height: 0.7rem;
            border: 2px solid var(--background);
            border-radius: 50%;
            background: var(--accent);
            box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent);
            content: "";
        }

.timeline-card[b-yfzc6kzab7] {
    display: grid;
    grid-template-columns: minmax(10rem, 0.55fr) minmax(0, 1.45fr);
    gap: 0 2rem;
    padding: 1.5rem 0;
    border: 0;
    border-top: 1px solid var(--border-color);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.timeline-meta[b-yfzc6kzab7] {
    grid-row: 1 / span 2;
    margin: 0;
    color: var(--accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.timeline-card h5[b-yfzc6kzab7] {
    color: var(--text);
}

.timeline-card p[b-yfzc6kzab7] {
    color: var(--muted-text);
}

.sidebar-stack[b-yfzc6kzab7] {
    position: sticky;
    top: 6rem;
}

.skill-group + .skill-group[b-yfzc6kzab7] {
    margin-top: 1.4rem;
}

.skill-group-title[b-yfzc6kzab7] {
    margin-bottom: 0.65rem;
    color: var(--muted-text);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pill-list[b-yfzc6kzab7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.skill-pill[b-yfzc6kzab7] {
    padding: 0.38rem 0.58rem;
    border: 1px solid var(--border-color);
    border-radius: 0.2rem !important;
    background: rgba(255, 255, 255, 0.2);
    color: var(--text);
}

.site-footer[b-yfzc6kzab7] {
    margin-top: 4rem;
    border-top: 1px solid var(--border-color);
    background: rgba(255, 255, 255, 0.12);
    color: var(--muted-text) !important;
}

.back-to-top[b-yfzc6kzab7] {
    color: var(--accent-dark);
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .hero[b-yfzc6kzab7] {
        min-height: auto;
        padding-top: 7rem;
    }

        .hero .container[b-yfzc6kzab7] {
            min-height: auto;
            padding-top: 4rem !important;
            padding-bottom: 4rem !important;
        }

    .hero-title[b-yfzc6kzab7] {
        font-size: clamp(3rem, 13vw, 5rem);
    }

    .hero-profile-card[b-yfzc6kzab7] {
        max-width: none;
        margin-top: 2rem;
        padding: 2rem 0 0;
        border-top: 1px solid var(--border-color);
        border-left: 0;
    }

    .sidebar-stack[b-yfzc6kzab7] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .section-nav .container[b-yfzc6kzab7] {
        justify-content: space-between;
        gap: 0.5rem !important;
        min-height: 3.75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .section-nav-brand[b-yfzc6kzab7] {
        display: none !important;
    }

    .section-nav a[b-yfzc6kzab7] {
        min-height: 2.75rem;
        font-size: 0.86rem;
    }

    .highlight-grid[b-yfzc6kzab7] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .hero[b-yfzc6kzab7] {
        padding-top: 3.75rem;
    }

        .hero .container[b-yfzc6kzab7] {
            padding-top: 2rem !important;
            padding-bottom: 3rem !important;
        }

    .hero[b-yfzc6kzab7]::before {
        height: 7rem;
        background-position: center;
        filter: saturate(0.7) contrast(0.92);
        opacity: 0.76;
    }

    .hero[b-yfzc6kzab7]::after {
        height: 7rem;
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--accent) 28%, transparent) 0%,
            color-mix(in srgb, var(--background) 42%, transparent) 55%,
            var(--background) 100%
        );
    }

    .hero-title[b-yfzc6kzab7] {
        max-width: none;
        font-size: clamp(2.75rem, 12vw, 3.5rem);
    }

    .hero-actions[b-yfzc6kzab7] {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.75rem !important;
    }

        .hero-actions .btn[b-yfzc6kzab7] {
            width: 100%;
        }

    .main-surface .container[b-yfzc6kzab7] {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .timeline-card[b-yfzc6kzab7] {
        display: block;
    }

    .timeline-meta[b-yfzc6kzab7] {
        margin-bottom: 0.5rem;
    }

    .site-footer[b-yfzc6kzab7] {
        margin-top: 2rem;
        padding-right: var(--page-gutter);
        padding-left: var(--page-gutter);
    }
}

@media (prefers-color-scheme: dark) {
    .hero .btn-outline-light[b-yfzc6kzab7] {
        --bs-btn-color: var(--text);
        --bs-btn-border-color: var(--border-color);
        --bs-btn-hover-color: #111716;
        --bs-btn-hover-bg: var(--text);
        --bs-btn-hover-border-color: var(--text);
    }

    .skill-pill[b-yfzc6kzab7] {
        background: rgba(255, 255, 255, 0.03);
    }
}