:root {
    --bg: #F6F2E9;
    --bg-alt: #EFEAE0;
    --bg-deep: #E6E0D0;
    --ink: #121210;
    --ink-soft: #3A3832;
    --ink-muted: #7D7A72;
    --ink-faint: #A19E94;
    --rule: #D8D2C4;
    --rule-soft: #E3DDCF;
    --accent: #B15821;
    --accent-deep: #6C3512;
    --accent-soft: #E8D8C6;
    --serif: 'Instrument Serif', Georgia, serif;
    --sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
    --mono: 'IBM Plex Mono', ui-monospace, monospace;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    font-weight: 400;
    line-height: 1.55;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}

/* ───────── NAV ───────── */
nav.site-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(246, 242, 233, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--rule-soft);
}

.nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
}


.nav-links {
    display: flex;
    gap: 36px;
    font-size: 13px;
    color: var(--ink-soft);
    letter-spacing: 0.01em;
}

.nav-links a {
    position: relative;
    padding-bottom: 2px;
    transition: color 0.2s;
}

.nav-links a:hover {
    color: var(--ink);
}

.nav-links a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--ink);
    transition: width 0.3s ease;
}

.nav-links a:hover::after {
    width: 100%;
}

.nav-cta {
    font-size: 13px;
    padding: 9px 18px;
    border: 1px solid var(--ink);
    border-radius: 999px;
    transition: all 0.2s;
}

.nav-cta:hover {
    background: var(--ink);
    color: var(--bg);
}

/* ───────── HERO ───────── */
.hero {
    padding: clamp(80px, 12vh, 140px) 0 clamp(80px, 10vh, 120px);
    position: relative;
}

.section-label {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-label::before {
    content: '';
    width: 18px;
    height: 1px;
    background: var(--ink-muted);
}

.eyebrow {
    font-family: var(--sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--ink-soft);
    margin-bottom: 32px;
    letter-spacing: 0.005em;
    max-width: 42ch;
    line-height: 1.4;
}

.hero-title {
    font-family: var(--serif);
    font-weight: 400;
    font-size: clamp(56px, 10vw, 128px);
    line-height: 0.95;
    letter-spacing: -0.025em;
    margin-bottom: 48px;
    color: var(--ink);
    max-width: 14ch;
}

.hero-title em {
    font-style: italic;
    color: var(--accent);
}

.hero-subhead {
    font-size: clamp(17px, 1.3vw, 20px);
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 58ch;
    margin-bottom: 48px;
    font-weight: 300;
}

.hero-ctas {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--ink);
    color: var(--bg);
    padding: 16px 26px;
    font-size: 14px;
    border-radius: 999px;
    font-weight: 400;
    transition: all 0.2s;
    letter-spacing: 0.005em;
}

.btn-primary:hover {
    background: var(--accent-deep);
    transform: translateY(-1px);
}

.btn-secondary {
    padding: 16px 8px;
    font-size: 14px;
    color: var(--ink);
    border-bottom: 1px solid var(--ink);
    transition: all 0.2s;
}

.btn-secondary:hover {
    color: var(--accent-deep);
    border-color: var(--accent-deep);
}

/* Scroll hint */
.scroll-hint {
    position: absolute;
    bottom: 40px;
    right: clamp(24px, 5vw, 64px);
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--ink-faint);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

/* ───────── SECTIONS ───────── */
section {
    padding: clamp(80px, 12vh, 140px) 0;
    position: relative;
}

.section-head {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: clamp(40px, 6vw, 80px);
    margin-bottom: clamp(48px, 8vh, 96px);
    align-items: start;
}

.section-head-meta {
    position: sticky;
    top: 100px;
}

.section-head-title {
    font-family: var(--serif);
    font-size: clamp(40px, 5.5vw, 72px);
    line-height: 1.0;
    letter-spacing: -0.02em;
    color: var(--ink);
    max-width: 18ch;
}

.section-head-title em {
    font-style: italic;
    color: var(--accent);
}

.section-divider {
    height: 1px;
    background: var(--rule);
    width: 100%;
    margin: 0;
}

/* ───────── SECTION 01: THE MATH ───────── */
.math-body {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: clamp(40px, 6vw, 80px);
    align-items: start;
}

.math-body-text {
    font-size: 19px;
    line-height: 1.65;
    color: var(--ink-soft);
    font-weight: 300;
}

.math-body-text p+p {
    margin-top: 1.2em;
}

.math-body-text .emphasis {
    color: var(--ink);
    font-weight: 400;
}

.math-viz {
    margin-top: clamp(64px, 10vh, 112px);
    padding: clamp(32px, 5vw, 56px) 0;
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

.math-viz-header {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.math-viz-header::before {
    content: '→';
    font-family: var(--mono);
    color: var(--ink-muted);
}

.math-compare {
    display: grid;
    grid-template-columns: 1fr 60px 1fr;
    gap: clamp(24px, 4vw, 56px);
    align-items: center;
}

.math-panel {
    display: flex;
    flex-direction: column;
}

.math-panel-label {
    font-family: var(--sans);
    font-size: 13px;
    color: var(--ink-muted);
    margin-bottom: 16px;
    font-weight: 400;
}

.math-panel-num {
    font-family: var(--serif);
    font-size: clamp(120px, 18vw, 220px);
    line-height: 0.85;
    letter-spacing: -0.04em;
    margin-bottom: 24px;
}

.math-panel--legacy .math-panel-num {
    color: var(--ink-faint);
}

.math-panel--legacy .math-panel-num::after {
    content: '';
    display: block;
    height: 1px;
    background: var(--ink-faint);
    margin-top: -0.3em;
}

.math-panel--us .math-panel-num {
    color: var(--accent);
    font-style: italic;
}

.math-bars {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 60px;
    margin-bottom: 24px;
}

.math-bars span {
    width: 8px;
    border-radius: 1px;
    display: block;
}

.math-panel--legacy .math-bars span {
    background: var(--ink-faint);
}

.math-panel--us .math-bars span {
    background: var(--accent);
}

.math-panel-caption {
    font-size: 14px;
    line-height: 1.5;
    color: var(--ink-soft);
    max-width: 34ch;
}

.math-panel-caption strong {
    font-weight: 500;
    color: var(--ink);
    display: block;
    margin-bottom: 6px;
}

.math-vs {
    font-family: var(--serif);
    font-style: italic;
    font-size: 32px;
    color: var(--ink-muted);
    text-align: center;
    align-self: center;
    padding-top: 40px;
}

/* ───────── SECTION 02: WHAT WE BUILD ───────── */
.practices {
    display: flex;
    flex-direction: column;
}

.practice {
    display: grid;
    grid-template-columns: 80px 1fr 1.5fr;
    gap: clamp(32px, 5vw, 64px);
    padding: clamp(40px, 6vh, 64px) 0;
    border-top: 1px solid var(--rule);
    align-items: start;
}

.practice:last-child {
    border-bottom: 1px solid var(--rule);
}

.practice-num {
    font-family: var(--mono);
    font-size: 13px;
    color: var(--ink-muted);
    letter-spacing: 0.1em;
    padding-top: 12px;
}

.practice-title {
    font-family: var(--serif);
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.05;
    letter-spacing: -0.015em;
    color: var(--ink);
}

.practice-body {
    font-size: 16.5px;
    line-height: 1.65;
    color: var(--ink-soft);
    font-weight: 300;
}

/* ───────── SECTION 03: TEAM ───────── */
.team-viz {
    margin-top: clamp(48px, 8vh, 96px);
    padding: clamp(40px, 6vw, 72px) clamp(32px, 5vw, 56px);
    background: var(--bg-alt);
    border-radius: 4px;
}

.team-viz-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--rule);
}

.team-viz-header-label {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.team-viz-header-caption {
    font-family: var(--serif);
    font-style: italic;
    font-size: 16px;
    color: var(--ink-soft);
}

.team-levels {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.team-level {
    padding: 28px 20px 32px;
    background: var(--bg);
    border-radius: 3px;
    position: relative;
    transition: transform 0.25s;
}

.team-level:hover {
    transform: translateY(-3px);
}

.team-level--architect {
    border-top: 3px solid var(--accent);
}

.team-level--senior {
    border-top: 3px solid var(--accent-deep);
}

.team-level--mid {
    border-top: 3px solid var(--ink-soft);
}

.team-level--associate {
    border-top: 3px solid var(--ink-muted);
}

.team-level-tier {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 12px;
}

.team-level-role {
    font-family: var(--serif);
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 10px;
    color: var(--ink);
}

.team-level-desc {
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-soft);
    font-weight: 300;
}

/* ───────── SECTION 04: ENGAGEMENT ───────── */
.engagement-grid {
    display: grid;
    gap: 1px;
    background: var(--rule);
    border: 1px solid var(--rule);
}

.engagement-row {
    display: grid;
    grid-template-columns: 1.2fr 3fr;
    background: var(--bg);
    padding: clamp(32px, 5vw, 56px);
    gap: clamp(32px, 5vw, 64px);
    align-items: start;
    transition: background 0.2s;
}

.engagement-row:hover {
    background: var(--bg-alt);
}

.engagement-row--default {
    background: var(--accent-soft);
}

.engagement-row--default:hover {
    background: #E0CEBA;
}

.engagement-label-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.engagement-tag {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.engagement-tag.default {
    color: var(--accent-deep);
    font-weight: 500;
}

.engagement-title {
    font-family: var(--serif);
    font-size: clamp(30px, 3.2vw, 42px);
    line-height: 1.05;
    letter-spacing: -0.015em;
    color: var(--ink);
}

.engagement-row--default .engagement-title {
    color: var(--accent-deep);
}

.engagement-body {
    font-size: 16.5px;
    line-height: 1.65;
    color: var(--ink-soft);
    font-weight: 300;
}

.engagement-body p+p {
    margin-top: 1em;
}

.engagement-row--default .engagement-body {
    color: var(--accent-deep);
}

.engagement-pullquote {
    margin-top: clamp(56px, 8vh, 88px);
    padding-top: 40px;
    border-top: 1px solid var(--rule);
    font-family: var(--serif);
    font-style: italic;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.3;
    color: var(--ink);
    max-width: 40ch;
}

.engagement-pullquote em {
    color: var(--accent);
    font-style: normal;
    font-family: var(--serif);
}

/* ───────── SECTION 05: PEOPLE ───────── */
.people-body {
    font-size: 19px;
    line-height: 1.65;
    color: var(--ink-soft);
    font-weight: 300;
    max-width: 62ch;
    margin-bottom: clamp(56px, 8vh, 88px);
}

.people-principles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--rule);
    border-top: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

.people-principle {
    background: var(--bg);
    padding: clamp(32px, 4vw, 48px);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.people-principle-num {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.15em;
    color: var(--accent);
    text-transform: uppercase;
}

.people-principle-title {
    font-family: var(--serif);
    font-size: 26px;
    line-height: 1.15;
    color: var(--ink);
    letter-spacing: -0.01em;
    max-width: 24ch;
}

.people-principle-body {
    font-size: 15px;
    line-height: 1.6;
    color: var(--ink-soft);
    font-weight: 300;
}

/* ───────── SECTION 06: WORK ───────── */
.work-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.work-tile {
    background: var(--bg);
    border: 1px solid var(--rule);
    padding: clamp(28px, 3vw, 40px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 320px;
    transition: all 0.25s;
}

.work-tile:hover {
    border-color: var(--ink);
    transform: translateY(-3px);
}

.work-tile-tag {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--accent);
}

.work-tile-headline {
    font-family: var(--serif);
    font-size: 26px;
    line-height: 1.15;
    color: var(--ink);
    flex: 1;
}

.work-tile-stats {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 20px;
    border-top: 1px solid var(--rule-soft);
    font-family: var(--mono);
    font-size: 11px;
    color: var(--ink-muted);
    letter-spacing: 0.03em;
}

.work-tile-stats div {
    display: flex;
    justify-content: space-between;
}

.work-tile-stats span:last-child {
    color: var(--ink);
}

.work-note {
    margin-top: 32px;
    font-size: 13px;
    color: var(--ink-muted);
    font-style: italic;
    font-family: var(--serif);
    font-size: 16px;
}

/* ───────── SECTION 07: CTA ───────── */
.cta-section {
    background: var(--ink);
    color: var(--bg);
    padding: clamp(100px, 14vh, 160px) 0;
    position: relative;
    overflow: hidden;
}

.cta-section .section-label {
    color: var(--ink-faint);
}

.cta-section .section-label::before {
    background: var(--ink-faint);
}

.cta-headline {
    font-family: var(--serif);
    font-size: clamp(44px, 6.5vw, 88px);
    line-height: 1.0;
    letter-spacing: -0.022em;
    max-width: 16ch;
    margin-bottom: 40px;
    color: var(--bg);
}

.cta-headline em {
    color: var(--accent-soft);
    font-style: italic;
}

.cta-body {
    font-size: 18px;
    line-height: 1.6;
    color: var(--ink-faint);
    max-width: 56ch;
    margin-bottom: 48px;
    font-weight: 300;
}

.cta-body strong {
    color: var(--bg);
    font-weight: 500;
}

.cta-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

.btn-primary-inverse {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--accent);
    color: var(--bg);
    padding: 16px 28px;
    font-size: 14px;
    border-radius: 999px;
    transition: all 0.2s;
}

.btn-primary-inverse:hover {
    background: var(--bg);
    color: var(--ink);
    transform: translateY(-1px);
}

.cta-email {
    font-family: var(--mono);
    font-size: 14px;
    color: var(--bg);
    padding: 16px 8px;
    border-bottom: 1px solid var(--ink-faint);
    transition: all 0.2s;
}

.cta-email:hover {
    border-color: var(--accent-soft);
    color: var(--accent-soft);
}

/* Decorative mark in CTA section */
.cta-mark {
    position: absolute;
    top: 60px;
    right: clamp(24px, 5vw, 64px);
    font-family: var(--mono);
    font-size: 11px;
    color: var(--ink-faint);
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/* ───────── FOOTER ───────── */
footer.site-footer {
    background: var(--bg-deep);
    padding: 80px 0 40px;
    color: var(--ink-soft);
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 80px;
}

.footer-brand-name {
    font-family: var(--serif);
    font-size: 28px;
    color: var(--ink);
    margin-bottom: 16px;
    letter-spacing: -0.01em;
}

.footer-tag {
    font-size: 14px;
    line-height: 1.5;
    max-width: 32ch;
    font-weight: 300;
}

.footer-col-title {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 20px;
}

.footer-col ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-col li {
    font-size: 14px;
}

.footer-col a {
    color: var(--ink-soft);
    transition: color 0.2s;
}

.footer-col a:hover {
    color: var(--ink);
}

.footer-bottom {
    padding-top: 32px;
    border-top: 1px solid var(--rule);
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--ink-muted);
    font-family: var(--mono);
    letter-spacing: 0.03em;
}

.footer-bottom-links {
    display: flex;
    gap: 24px;
}

/* ───────── RESPONSIVE ───────── */
@media (max-width: 900px) {
    .nav-links {
        display: none;
    }

    .section-head,
    .math-body {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .section-head-meta {
        position: static;
    }

    .math-compare {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .math-vs {
        transform: rotate(0);
        padding: 0;
        font-size: 24px;
    }

    .practice {
        grid-template-columns: 60px 1fr;
    }

    .practice-body {
        grid-column: 2;
    }

    .team-levels {
        grid-template-columns: repeat(2, 1fr);
    }

    .engagement-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .people-principles {
        grid-template-columns: 1fr;
    }

    .work-grid {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .scroll-hint {
        display: none;
    }
}

@media (max-width: 560px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 12px;
    }

    .team-levels {
        grid-template-columns: 1fr;
    }

    .team-viz-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

/* ───────── REVEALS ───────── */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero>.container>* {
    animation: fadeUp 0.8s ease-out both;
}

.hero .section-label {
    animation-delay: 0.05s;
}

.hero .eyebrow {
    animation-delay: 0.15s;
}

.hero .hero-title {
    animation-delay: 0.25s;
}

.hero .hero-subhead {
    animation-delay: 0.4s;
}

.hero .hero-ctas {
    animation-delay: 0.55s;
}

#wp-emoji-styles-inline-css {

    img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 0.07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }
}

#wp-block-library-inline-css {
    :root {
        --wp-block-synced-color: #7a00df;
        --wp-block-synced-color--rgb: 122, 0, 223;
        --wp-bound-block-color: var(--wp-block-synced-color);
        --wp-editor-canvas-background: #ddd;
        --wp-admin-theme-color: #007cba;
        --wp-admin-theme-color--rgb: 0, 124, 186;
        --wp-admin-theme-color-darker-10: #006ba1;
        --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
        --wp-admin-theme-color-darker-20: #005a87;
        --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
        --wp-admin-border-width-focus: 2px
    }


    @media (min-resolution:192dpi) {
        :root {
            --wp-admin-border-width-focus: 1.5px
        }
    }

    .wp-element-button {
        cursor: pointer
    }

    :root .has-very-light-gray-background-color {
        background-color: #eee
    }

    :root .has-very-dark-gray-background-color {
        background-color: #313131
    }

    :root .has-very-light-gray-color {
        color: #eee
    }

    :root .has-very-dark-gray-color {
        color: #313131
    }

    :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
        background: linear-gradient(135deg, #00d084, #0693e3)
    }

    :root .has-purple-crush-gradient-background {
        background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
    }

    :root .has-hazy-dawn-gradient-background {
        background: linear-gradient(135deg, #faaca8, #dad0ec)
    }

    :root .has-subdued-olive-gradient-background {
        background: linear-gradient(135deg, #fafae1, #67a671)
    }

    :root .has-atomic-cream-gradient-background {
        background: linear-gradient(135deg, #fdd79a, #004a59)
    }

    :root .has-nightshade-gradient-background {
        background: linear-gradient(135deg, #330968, #31cdcf)
    }

    :root .has-midnight-gradient-background {
        background: linear-gradient(135deg, #020381, #2874fc)
    }

    :root {
        --wp--preset--font-size--normal: 16px;
        --wp--preset--font-size--huge: 42px
    }

    .has-regular-font-size {
        font-size: 1em
    }

    .has-larger-font-size {
        font-size: 2.625em
    }

    .has-normal-font-size {
        font-size: var(--wp--preset--font-size--normal)
    }

    .has-huge-font-size {
        font-size: var(--wp--preset--font-size--huge)
    }

    :root .has-text-align-center {
        text-align: center
    }

    :root .has-text-align-left {
        text-align: left
    }

    :root .has-text-align-right {
        text-align: right
    }

    .has-fit-text {
        white-space: nowrap !important
    }

    #end-resizable-editor-section {
        display: none
    }

    .aligncenter {
        clear: both
    }

    .items-justified-left {
        justify-content: flex-start
    }

    .items-justified-center {
        justify-content: center
    }

    .items-justified-right {
        justify-content: flex-end
    }

    .items-justified-space-between {
        justify-content: space-between
    }

    .screen-reader-text {
        word-wrap: normal !important;
        border: 0;
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .screen-reader-text:focus {
        background-color: #ddd;
        clip-path: none;
        color: #444;
        display: block;
        font-size: 1em;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

    html :where(.has-border-color) {
        border-style: solid
    }

    html :where([style*=border-color]) {
        border-style: solid
    }

    html :where([style*=border-top-color]) {
        border-top-style: solid
    }

    html :where([style*=border-right-color]) {
        border-right-style: solid
    }

    html :where([style*=border-bottom-color]) {
        border-bottom-style: solid
    }

    html :where([style*=border-left-color]) {
        border-left-style: solid
    }

    html :where([style*=border-width]) {
        border-style: solid
    }

    html :where([style*=border-top-width]) {
        border-top-style: solid
    }

    html :where([style*=border-right-width]) {
        border-right-style: solid
    }

    html :where([style*=border-bottom-width]) {
        border-bottom-style: solid
    }

    html :where([style*=border-left-width]) {
        border-left-style: solid
    }

    html :where(img[class*=wp-image-]) {
        height: auto;
        max-width: 100%
    }

    :where(figure) {
        margin: 0 0 1em
    }

    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
    }

    @media screen and (max-width:600px) {
        html :where(.is-position-sticky) {
            --wp-admin--admin-bar--position-offset: 0px
        }
    }
}

#classic-theme-styles-inline-css {

    /*! This file is auto-generated */
    .wp-block-button__link {
        color: #fff;
        background-color: #32373c;
        border-radius: 9999px;
        box-shadow: none;
        text-decoration: none;
        padding: calc(.667em + 2px) calc(1.333em + 2px);
        font-size: 1.125em
    }

    .wp-block-file__button {
        background: #32373c;
        color: #fff;
        text-decoration: none
    }
}

#global-styles-inline-css{

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

:where(body) {
    margin: 0;
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex> :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid> :is(*, div) {
    margin: 0;
}

body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #32373c;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;
    text-transform: inherit;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

}

.logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-main);
    text-decoration: none;
}

.logo span {
    color: var(--accent-cyan);
}

.logo-link {
    display: inline-block;
    line-height: 0;
}

.site-logo {
    height: 40px; /* Adjust this value to fit your layout nicely */
    width: auto;
    object-fit: contain;
}

/* Footer Logo Styling */
.footer-logo-link {
    display: inline-block;
    margin-bottom: 1rem;
    line-height: 0;
}

.footer-logo {
    height: 35px; /* Adjust size for the footer */
    width: auto;
    object-fit: contain;
}

.nav-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dropdown-arrow {
    font-size: 10px;
    transition: transform 0.25s ease;
    color: var(--ink-muted);
}

/* Floating Card Dropdown Menu */
.dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    background: var(--bg);
    min-width: 180px;
    border: 1px solid var(--rule);
    border-radius: 4px;
    padding: 6px;
    box-shadow: 0 12px 24px -6px rgba(18, 18, 16, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 100;
}

/* Links inside the dropdown */
.dropdown-menu a {
    display: block;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--ink-soft);
    border-radius: 2px;
    transition: all 0.15s ease;
    position: static; /* Override parent underline pseudo-elements */
}

.dropdown-menu a::after {
    display: none; /* Removes any conflicting global link underlines */
}

.dropdown-menu a:hover {
    background: var(--bg-alt);
    color: var(--ink);
    transform: none;
}

/* Hover States (Triggers the smooth fade-in and slide) */
.nav-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
    color: var(--ink);
}

/* ───────── FINANCE BOX ───────── */
.finance-box {
    background: var(--bg-alt);
    border: 1px solid var(--rule);
    border-radius: 4px;
    padding: clamp(40px, 6vw, 80px); /* Matches the generous inner spacing from the image container */
    max-width: 1200px;              /* Expands the box width to match your team section container */
    margin: 0 auto;
}

.finance-title {
    font-family: var(--serif);
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--ink);
    margin-bottom: 20px;
}

.finance-title em {
    font-style: italic;
    color: var(--accent);
}

.finance-text {
    font-size: 17px;
    line-height: 1.65;
    color: var(--ink-soft);
    font-weight: 300;
    max-width: 800px; /* Keeps the text line-length readable inside the wider box */
}

.finance-text .emphasis {
    color: var(--ink);
    font-weight: 400;
}