/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-v6drx6c0m5] {
    padding: var(--cd-space-40) var(--cd-gutter) 32px;
    background: var(--cd-espresso);
    color: color-mix(in srgb, var(--cd-cream) 70%, transparent);
    font-size: var(--cd-text-meta)
}

.footer-grid[b-v6drx6c0m5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding-bottom: 36px
}

.footer-brand[b-v6drx6c0m5] {
    padding-bottom: 16px
}

.footer-claim[b-v6drx6c0m5] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-copy);
    color: var(--cd-crema);
    max-width: 220px;
    line-height: 1.4
}

.site-footer h4[b-v6drx6c0m5] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--cd-crema);
    margin: 0 0 12px;
    font-weight: 500
}

.site-footer ul[b-v6drx6c0m5] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px
}

.site-footer a[b-v6drx6c0m5] {
    color: inherit;
    text-decoration: none
}

.site-footer a:hover[b-v6drx6c0m5] {
    color: var(--cd-cream)
}

.footer-baseline[b-v6drx6c0m5] {
    border-top: 1px solid color-mix(in srgb, var(--cd-cream) 12%, transparent);
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    font-size: var(--cd-text-label);
    color: color-mix(in srgb, var(--cd-cream) 50%, transparent)
}

@media (max-width: 880px) {
    .site-footer[b-v6drx6c0m5] {
        padding-left: var(--cd-gutter-narrow);
        padding-right: var(--cd-gutter-narrow)
    }

    .footer-grid[b-v6drx6c0m5] {
        grid-template-columns: 1fr 1fr
    }

    .site-footer ul[b-v6drx6c0m5] {
        gap: 2px
    }

    .site-footer li a[b-v6drx6c0m5] {
        display: inline-block;
        padding: 5px 0
    }
}

@media (max-width: 480px) {
    .footer-grid[b-v6drx6c0m5] {
        grid-template-columns: 1fr;
        gap: 28px
    }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-z1hl5c9gil] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: color-mix(in srgb, var(--cd-sand-soft) 94%, transparent);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--cd-hairline-soft)
}

.site-header-inner[b-z1hl5c9gil] {
    padding: 14px clamp(20px, 4vw, var(--cd-gutter));
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(12px, 2.5vw, 30px)
}

.brand[b-z1hl5c9gil] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    text-decoration: none;
    color: inherit;
    flex-shrink: 0
}

.brand-tagline[b-z1hl5c9gil] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-label);
    color: var(--cd-steel-deep);
    letter-spacing: .01em;
    padding-left: 2px;
    white-space: nowrap
}

.header-actions[b-z1hl5c9gil] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0
}

.navigation-toggle[b-z1hl5c9gil] {
    display: none
}

.navigation[b-z1hl5c9gil] {
    display: flex;
    gap: clamp(12px, 2.2vw, 26px);
    font-size: clamp(var(--cd-text-meta), 1.5vw, var(--cd-text-body));
    align-items: flex-start
}

.navigation-link[b-z1hl5c9gil] {
    color: var(--cd-bean);
    text-decoration: none;
    font-weight: 500;
    padding: 6px 2px;
    border-bottom: 2px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    text-align: center
}

.navigation-link span[b-z1hl5c9gil] {
    white-space: nowrap
}

.navigation-link:hover[b-z1hl5c9gil] {
    color: var(--cd-steel-deep)
}

.navigation-sublabel[b-z1hl5c9gil] {
    font-size: var(--cd-text-chip);
    font-weight: 400;
    letter-spacing: .02em;
    color: color-mix(in srgb, var(--cd-bean) 65%, transparent)
}

.navigation-link.active[b-z1hl5c9gil] {
    color: var(--cd-steel-deep);
    font-weight: 700;
    border-bottom-color: var(--cd-steel)
}

.navigation-link.active .navigation-sublabel[b-z1hl5c9gil] {
    color: var(--cd-steel)
}

.button-header[b-z1hl5c9gil] {
    padding: 10px 18px;
    font-size: var(--cd-text-body-small)
}

@media (max-width: 880px) {
    .site-header-inner[b-z1hl5c9gil] {
        flex-wrap: wrap
    }

    .brand[b-z1hl5c9gil] {
        order: 1
    }

    .header-actions[b-z1hl5c9gil] {
        order: 2;
        margin-left: auto
    }

    .navigation-toggle[b-z1hl5c9gil] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 999px;
        color: var(--cd-bean);
        cursor: pointer
    }

    .navigation-toggle:hover[b-z1hl5c9gil] {
        color: var(--cd-steel-deep)
    }

    .site-header:has(.navigation-toggle input:focus-visible) .navigation-toggle[b-z1hl5c9gil] {
        outline: 2px solid var(--cd-steel);
        outline-offset: 2px
    }

    .navigation-toggle-open[b-z1hl5c9gil],
    .navigation-toggle-close[b-z1hl5c9gil] {
        display: inline-flex
    }

    .navigation-toggle-close[b-z1hl5c9gil] {
        display: none
    }

    .site-header:has(.navigation-toggle input:checked) .navigation-toggle-open[b-z1hl5c9gil] {
        display: none
    }

    .site-header:has(.navigation-toggle input:checked) .navigation-toggle-close[b-z1hl5c9gil] {
        display: inline-flex
    }

    .navigation[b-z1hl5c9gil] {
        order: 3;
        flex-basis: 100%;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        font-size: var(--cd-text-copy);
        padding: 6px 0 14px;
        max-height: calc(100dvh - 76px);
        overflow-y: auto
    }

    .site-header:has(.navigation-toggle input:checked) .navigation[b-z1hl5c9gil] {
        display: flex;
        opacity: 1;
        translate: 0 0
    }

    .navigation-link[b-z1hl5c9gil] {
        align-items: flex-start;
        text-align: left;
        padding: 10px 2px;
        gap: 2px;
        border-bottom: 1px solid var(--cd-hairline-faint)
    }
}

@media (max-width: 880px) and (prefers-reduced-motion: no-preference) {
    .site-header:has(.navigation-toggle input:checked) .navigation[b-z1hl5c9gil] {
        transition: opacity .2s ease, translate .2s ease
    }

    @starting-style {
        .site-header:has(.navigation-toggle input:checked) .navigation[b-z1hl5c9gil] {
            opacity: 0;
            translate: 0 -8px
        }
    }
}

@media (max-width: 560px) {
    .site-header-inner[b-z1hl5c9gil] {
        padding-left: 16px;
        padding-right: 16px;
        gap: 12px
    }

    .brand-tagline[b-z1hl5c9gil] {
        display: none
    }

    .brand[b-z1hl5c9gil] {
        --brand-logo-height-override: 28px
    }

    .button-header[b-z1hl5c9gil] {
        padding: 8px 14px
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.error-note[b-odljedpa6r] {
    font-family: var(--cd-serif);
    font-size: var(--cd-text-intro);
    color: var(--cd-bean);
    margin-top: 18px;
    max-width: 560px
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-r1gs6a833s] {
    padding-top: var(--cd-space-100);
    padding-bottom: var(--cd-space-70);
    position: relative;
    overflow: hidden
}

.hero-inner[b-r1gs6a833s] {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    position: relative
}

.hero h1[b-r1gs6a833s] {
    font-size: var(--cd-text-hero);
    line-height: .95;
    margin-top: 20px;
    margin-bottom: 0
}

.hero h1 .italic[b-r1gs6a833s] {
    color: var(--cd-steel);
    font-family: var(--cd-serif)
}

.hero-lead[b-r1gs6a833s] {
    font-family: var(--cd-serif);
    font-size: var(--cd-text-lead);
    line-height: 1.45;
    color: var(--cd-bean);
    margin: 26px auto 0;
    max-width: 620px
}

.hero-actions[b-r1gs6a833s] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 34px;
    flex-wrap: wrap
}

.button-hero[b-r1gs6a833s] {
    padding: 14px 26px
}

.hero-note[b-r1gs6a833s] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-bean);
    margin-top: 16px
}

.menu[b-r1gs6a833s] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-90);
    background: var(--cd-cream)
}

.menu-head[b-r1gs6a833s] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 36px;
    gap: 20px;
    flex-wrap: wrap
}

.menu-head h2[b-r1gs6a833s] {
    font-size: var(--cd-text-section-large);
    margin-top: 10px
}

.menu-note[b-r1gs6a833s] {
    font-family: var(--cd-serif);
    font-style: italic;
    color: var(--cd-bean);
    font-size: var(--cd-text-copy-large)
}

.menu-grid[b-r1gs6a833s] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}

@media (max-width: 1100px) {
    .menu-grid[b-r1gs6a833s] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 880px) {
    .menu-grid[b-r1gs6a833s] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/Leistungen.razor.rz.scp.css */
.offer-overview[b-6rbs5ai29l] {
    padding-top: 20px;
    padding-bottom: var(--cd-space-90)
}

.offer-overview-grid[b-6rbs5ai29l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px
}

@media (max-width: 880px) {
    .offer-overview-grid[b-6rbs5ai29l] {
        grid-template-columns: 1fr;
        gap: 36px
    }
}
/* /Components/Pages/Methode.razor.rz.scp.css */
.method[b-q1akflr6ep] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-90)
}

.method h1[b-q1akflr6ep] {
    font-size: var(--cd-text-page);
    margin-top: 14px;
    margin-bottom: 0
}

.method h1 .italic[b-q1akflr6ep] {
    color: var(--cd-steel);
    font-family: var(--cd-serif)
}
/* /Components/Pages/NotFoundPage.razor.rz.scp.css */
.not-found-links[b-jyfbn6khi8] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 26px;
    margin-top: 32px
}
/* /Components/Pages/OfferPage.razor.rz.scp.css */
.offer-hero[b-j0vgciubap] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-60)
}

.offer-hero-grid[b-j0vgciubap] {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 60px;
    align-items: end
}

.offer-hero h1[b-j0vgciubap] {
    font-size: var(--cd-text-title);
    line-height: .98;
    margin-top: 16px;
    margin-bottom: 0
}

.offer-hero-dot[b-j0vgciubap] {
    color: var(--cd-steel)
}

.offer-tagline[b-j0vgciubap] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: 24px;
    color: var(--cd-steel-deep);
    margin-top: 12px
}

.offer-intro[b-j0vgciubap] {
    font-family: var(--cd-serif);
    font-size: var(--cd-text-intro);
    line-height: 1.5;
    color: var(--cd-bean);
    margin-top: 20px;
    max-width: 560px
}

.offer-actions[b-j0vgciubap] {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-top: 28px;
    flex-wrap: wrap
}

.offer-subtitle[b-j0vgciubap] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-meta);
    color: var(--cd-bean)
}

.ingredients[b-j0vgciubap] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-70);
    background: var(--cd-cream)
}

.ingredients h2[b-j0vgciubap] {
    font-size: var(--cd-text-section);
    margin-top: 10px;
    margin-bottom: 36px
}

.ingredients-grid[b-j0vgciubap] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 40px
}

.ingredient[b-j0vgciubap] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.ingredient-icon[b-j0vgciubap] {
    display: flex;
    color: var(--cd-steel)
}

.ingredient-title[b-j0vgciubap] {
    font-family: var(--cd-display);
    font-size: 21px;
    letter-spacing: -.01em
}

.ingredient p[b-j0vgciubap] {
    margin: 0;
    color: var(--cd-bean);
    font-size: var(--cd-text-body);
    line-height: 1.55
}

.case-study[b-j0vgciubap] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-80)
}

.case-study-grid[b-j0vgciubap] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center
}

.case-study h2[b-j0vgciubap] {
    font-size: var(--cd-text-section-small);
    margin-top: 12px
}

.case-metric[b-j0vgciubap] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-emphasis);
    color: var(--cd-steel-deep);
    margin-top: 10px
}

.case-note[b-j0vgciubap] {
    color: var(--cd-bean);
    font-size: var(--cd-text-copy);
    line-height: 1.6;
    margin-top: 14px;
    max-width: 480px
}

.case-chips[b-j0vgciubap] {
    padding-top: 18px
}

.case-links[b-j0vgciubap] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 22px
}

.browser[b-j0vgciubap] {
    border: 1px solid var(--cd-hairline-strong);
    border-radius: 8px;
    overflow: hidden;
    background: var(--cd-cream)
}

.browser-bar[b-j0vgciubap] {
    display: flex;
    gap: 6px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--cd-hairline-soft);
    align-items: center
}

.browser-dot[b-j0vgciubap] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    opacity: .7
}

.browser-dot-close[b-j0vgciubap] {
    background: var(--cd-dot-close)
}

.browser-dot-minimize[b-j0vgciubap] {
    background: var(--cd-dot-minimize)
}

.browser-dot-expand[b-j0vgciubap] {
    background: var(--cd-dot-expand)
}

.browser-url[b-j0vgciubap] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    color: var(--cd-bean);
    margin-left: 8px
}

.price[b-j0vgciubap] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-70);
    background: var(--cd-cream)
}

.price-grid[b-j0vgciubap] {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 64px;
    align-items: start
}

.price-amount[b-j0vgciubap] {
    font-size: var(--cd-text-price);
    margin-top: 14px
}

.price-meta[b-j0vgciubap] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-meta);
    color: var(--cd-steel-deep);
    margin-top: 8px
}

.price-note[b-j0vgciubap] {
    font-family: var(--cd-serif);
    font-style: italic;
    color: var(--cd-bean);
    font-size: var(--cd-text-copy-large);
    margin-top: 16px;
    max-width: 320px
}

.price-includes[b-j0vgciubap] {
    border-top: 1px solid var(--cd-hairline)
}

.price-include-row[b-j0vgciubap] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid var(--cd-hairline);
    font-size: var(--cd-text-copy)
}

.price-include-icon[b-j0vgciubap] {
    display: flex;
    color: var(--cd-steel);
    flex-shrink: 0
}

.faq[b-j0vgciubap] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-90)
}

.faq-grid[b-j0vgciubap] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 64px;
    align-items: start
}

.faq-grid h2[b-j0vgciubap] {
    font-size: var(--cd-text-section-small);
    margin-top: 12px;
    line-height: 1.05
}

.faq-list[b-j0vgciubap] {
    border-top: 1px solid var(--cd-hairline)
}

.faq-item[b-j0vgciubap] {
    border-bottom: 1px solid var(--cd-hairline)
}

.faq-item summary[b-j0vgciubap] {
    list-style: none;
    cursor: pointer;
    padding: 18px 0;
    display: flex;
    align-items: baseline;
    gap: 16px
}

.faq-item summary[b-j0vgciubap]::-webkit-details-marker {
    display: none
}

.faq-number[b-j0vgciubap] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-steel)
}

.faq-question[b-j0vgciubap] {
    font-family: var(--cd-display);
    font-size: 20px;
    letter-spacing: -.01em;
    flex: 1;
    font-weight: var(--cd-display-weight)
}

.faq-toggle[b-j0vgciubap] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-copy-large);
    color: var(--cd-steel)
}

.faq-item[open] .faq-toggle-open[b-j0vgciubap], .faq-item:not([open]) .faq-toggle-close[b-j0vgciubap] {
    display: none
}

.faq-item p[b-j0vgciubap] {
    margin: 0 0 20px 27px;
    max-width: 560px;
    color: var(--cd-bean);
    font-size: var(--cd-text-body);
    line-height: 1.6
}

@media (max-width: 1100px) {
    .ingredients-grid[b-j0vgciubap] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 880px) {
    .offer-hero-grid[b-j0vgciubap], .case-study-grid[b-j0vgciubap], .price-grid[b-j0vgciubap], .faq-grid[b-j0vgciubap] {
        grid-template-columns: 1fr;
        gap: 36px
    }

    .ingredients-grid[b-j0vgciubap] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/Project/ProjectLinkComponent.razor.rz.scp.css */
.project-row[b-h56ar33ghw] {
    display: grid;
    grid-template-columns: 48px 260px minmax(0, 1fr) auto;
    gap: 14px;
    padding: 30px 10px;
    border-bottom: 1px solid var(--cd-hairline);
    align-items: center;
    color: inherit;
    text-decoration: none
}

.project-row:hover[b-h56ar33ghw] {
    background: var(--cd-paper)
}

.project-row:focus-visible[b-h56ar33ghw] {
    outline: 2px solid var(--cd-steel);
    outline-offset: 2px
}

.project-arrow[b-h56ar33ghw] {
    display: block;
    padding-top: 10px;
    color: var(--cd-steel)
}

.project-number[b-h56ar33ghw] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-meta);
    font-weight: 600;
    color: var(--cd-steel)
}

.project-tag[b-h56ar33ghw] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cd-steel)
}

.project-client[b-h56ar33ghw] {
    font-family: var(--cd-display);
    font-size: 26px;
    margin: 6px 0 8px;
    letter-spacing: -.01em;
    font-weight: var(--cd-display-weight)
}

.project-metric[b-h56ar33ghw] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-copy);
    color: var(--cd-steel-deep);
    margin-bottom: 6px
}

.project-result[b-h56ar33ghw] {
    color: var(--cd-bean);
    font-size: var(--cd-text-body);
    max-width: 640px;
    overflow-wrap: break-word;
    hyphens: auto
}

.project-side[b-h56ar33ghw] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-bean);
    text-align: right
}

.project-chips[b-h56ar33ghw] {
    padding-top: 12px
}

@media (max-width: 880px) {
    .project-row[b-h56ar33ghw] {
        grid-template-columns: 48px minmax(0, 1fr) auto
    }

    .project-thumb[b-h56ar33ghw], .project-side-info[b-h56ar33ghw] {
        display: none
    }
}
/* /Components/Pages/Project/ProjectPage.razor.rz.scp.css */
.project-hero[b-d50m6rpsux] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-50)
}

.project-hero-grid[b-d50m6rpsux] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 56px;
    align-items: start
}

.project-hero h1[b-d50m6rpsux] {
    font-size: var(--cd-text-page);
    margin-top: 14px
}

.project-hero-dot[b-d50m6rpsux] {
    color: var(--cd-crema)
}

.project-hero-metric[b-d50m6rpsux] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-intro);
    color: var(--cd-steel-deep);
    padding-top: 14px
}

.project-hero-result[b-d50m6rpsux] {
    color: var(--cd-bean);
    font-size: var(--cd-text-copy-large);
    max-width: 56ch;
    padding: 14px 0 20px
}

.chip-nda[b-d50m6rpsux] {
    background: color-mix(in srgb, var(--cd-crema) 18%, transparent);
    color: var(--cd-espresso)
}

.project-shot[b-d50m6rpsux] {
    padding-top: 0;
    padding-bottom: var(--cd-space-60)
}

.project-shot-frame[b-d50m6rpsux] {
    max-width: 960px
}

.project-stack[b-d50m6rpsux] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-70)
}

.project-stack-grid[b-d50m6rpsux] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: start
}

.project-stack h2[b-d50m6rpsux] {
    font-size: var(--cd-text-section);
    margin-top: 14px
}

.project-stack-chips[b-d50m6rpsux] {
    padding-top: 22px
}

.project-architecture[b-d50m6rpsux] {
    color: var(--cd-bean);
    font-size: var(--cd-text-copy-large);
    margin: 0;
    max-width: 56ch
}

.project-gallery[b-d50m6rpsux] {
    padding-top: 0;
    padding-bottom: var(--cd-space-70)
}

.gallery-grid[b-d50m6rpsux] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px
}

.project-next[b-d50m6rpsux] {
    padding-top: var(--cd-space-60);
    padding-bottom: var(--cd-space-70);
    border-top: 1px solid var(--cd-hairline)
}

.project-next-grid[b-d50m6rpsux] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 56px;
    align-items: center
}

.project-next h2[b-d50m6rpsux] {
    font-size: var(--cd-text-subsection);
    margin-top: 14px
}

.project-next-note[b-d50m6rpsux] {
    color: var(--cd-bean);
    font-size: var(--cd-text-copy);
    padding-top: 12px;
    max-width: 56ch;
    margin: 0
}

.project-next-actions[b-d50m6rpsux] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

@media (max-width: 1100px) {
    .project-hero-grid[b-d50m6rpsux],
    .project-stack-grid[b-d50m6rpsux],
    .project-next-grid[b-d50m6rpsux] {
        grid-template-columns: 1fr;
        gap: 34px
    }
}

@media (max-width: 880px) {
    .gallery-grid[b-d50m6rpsux] {
        grid-template-columns: 1fr
    }
}
/* /Components/Pages/Project/ProjectsPage.razor.rz.scp.css */
.projects[b-wbz5sw8xaz] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-90)
}

.projects h1[b-wbz5sw8xaz] {
    font-size: var(--cd-text-page);
    margin-top: 14px;
    margin-bottom: 44px
}

.project-list[b-wbz5sw8xaz] {
    border-top: 1px solid var(--cd-hairline)
}
/* /Components/Pages/Team.razor.rz.scp.css */
.team[b-5oh7goth9f] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-90)
}

.team h1[b-5oh7goth9f] {
    font-size: var(--cd-text-page);
    margin-top: 14px;
    margin-bottom: 0
}

.team-lead[b-5oh7goth9f] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-emphasis);
    color: var(--cd-bean);
    margin: 0;
    padding-top: 14px
}

.team-grid[b-5oh7goth9f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 44px
}

.member-card[b-5oh7goth9f] {
    background: var(--cd-cream);
    border: 1px solid var(--cd-hairline-soft);
    border-radius: 10px;
    padding: 28px 26px;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.member-head[b-5oh7goth9f] {
    display: flex;
    align-items: center;
    gap: 16px
}

.member-photo[b-5oh7goth9f] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0
}

.member-initials[b-5oh7goth9f] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--cd-steel);
    color: var(--cd-cream);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--cd-display);
    font-size: var(--cd-text-intro);
    flex-shrink: 0
}

.member-name[b-5oh7goth9f] {
    font-family: var(--cd-display);
    font-size: 21px;
    letter-spacing: -.01em;
    font-weight: var(--cd-display-weight)
}

.member-role[b-5oh7goth9f] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    color: var(--cd-steel);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-top: 3px
}

.member-bio[b-5oh7goth9f] {
    font-size: var(--cd-text-body-small);
    color: var(--cd-bean);
    line-height: 1.55
}

.member-focus[b-5oh7goth9f] {
    margin-top: auto
}

@media (max-width: 1100px) {
    .team-grid[b-5oh7goth9f] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 880px) {
    .team-grid[b-5oh7goth9f] {
        grid-template-columns: 1fr
    }
}
/* /Components/Shared/BrandLogo.razor.rz.scp.css */
.brand-logo[b-mvoazgbbu8] {
    position: relative;
    display: inline-block
}

.brand-steam[b-mvoazgbbu8] {
    position: absolute;
    left: 24.5%;
    bottom: 60%;
    transform: translateX(-50%);
    overflow: visible;
    pointer-events: none
}

.brand-wordmark[b-mvoazgbbu8] {
    display: block;
    height: var(--brand-logo-height-override, var(--brand-logo-height));
    width: auto;
    clip-path: polygon(0 0, 19.5% 0, 19.5% 34%, 30% 34%, 30% 0, 100% 0, 100% 100%, 0 100%)
}

.brand-logo-light .brand-wordmark[b-mvoazgbbu8] {
    filter: brightness(0) invert(1);
    opacity: .92
}

.wisp[b-mvoazgbbu8] {
    opacity: 0;
    fill: var(--cd-steel)
}

.brand-logo-light .wisp[b-mvoazgbbu8] {
    fill: color-mix(in srgb, var(--cd-cream) 85%, transparent)
}

@media (prefers-reduced-motion: no-preference) {
    .wisp[b-mvoazgbbu8] {
        animation: brand-steam-b-mvoazgbbu8 2.2s ease-out infinite
    }

    .wisp-2[b-mvoazgbbu8] {
        animation-delay: .45s
    }

    .wisp-3[b-mvoazgbbu8] {
        animation-delay: .9s
    }

    .wisp-4[b-mvoazgbbu8] {
        animation-delay: 1.35s
    }

    .wisp-5[b-mvoazgbbu8] {
        animation-delay: 1.7s
    }
}

@media (prefers-reduced-motion: reduce) {
    .wisp[b-mvoazgbbu8] {
        opacity: .7
    }
}

@keyframes brand-steam-b-mvoazgbbu8 {
    0% {
        opacity: 0;
        transform: translateY(4px) scale(.9)
    }
    25% {
        opacity: .75
    }
    100% {
        opacity: 0;
        transform: translateY(-5px) scale(1.05)
    }
}
/* /Components/Shared/CookieDunkMark.razor.rz.scp.css */
.cookie-dunk-mark[b-vvp2n4sheh] {
    display: block;
    width: auto;
    overflow: visible;
    fill: var(--cd-steel)
}

.cookie-dunk-coffee[b-vvp2n4sheh] {
    fill: var(--cd-espresso);
    opacity: .85
}

.cookie-dunk-cookie[b-vvp2n4sheh] {
    fill: var(--cd-crema);
    transform-box: fill-box;
    transform-origin: center;
    transform: rotate(-8deg)
}

.cookie-dunk-chip[b-vvp2n4sheh] {
    fill: var(--cd-espresso)
}

.cookie-dunk-crumb[b-vvp2n4sheh] {
    fill: var(--cd-crema)
}

@media (prefers-reduced-motion: no-preference) {
    .cookie-dunk-cookie[b-vvp2n4sheh] {
        transition: transform .35s ease
    }
}
/* /Components/Shared/CookieFreeNotice.razor.rz.scp.css */
.cookie-free-notice[b-o7uuz58lmp] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 90;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: min(300px, calc(100vw - 40px));
    padding: 15px 13px 12px;
    background: var(--cd-paper);
    border: 1px solid var(--cd-hairline-strong);
    border-radius: 10px;
    box-shadow: 0 10px 24px -14px var(--cd-hairline-strong);
}

.cookie-free-notice-mark[b-o7uuz58lmp] {
    flex-shrink: 0;
    display: inline-flex;
    cursor: pointer;
}

.cookie-free-notice-mark:hover[b-o7uuz58lmp] {
    opacity: .75;
}

.cookie-free-notice:has(input:focus-visible) .cookie-free-notice-mark[b-o7uuz58lmp] {
    outline: 2px solid var(--cd-steel);
    outline-offset: 2px;
    border-radius: 4px;
}

.cookie-free-notice-message[b-o7uuz58lmp] {
    margin: 0;
    font-family: var(--cd-mono);
    font-size: var(--cd-text-meta);
    line-height: 1.5;
    color: var(--cd-bean);
    text-wrap: balance;
}

.cookie-free-notice:has(input:checked)[b-o7uuz58lmp] {
    visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
    .cookie-free-notice[b-o7uuz58lmp] {
        transition-property: opacity, visibility;
        transition-duration: .2s;
        transition-timing-function: ease;
        transition-delay: .25s;
    }

    .cookie-free-notice:has(input:checked)[b-o7uuz58lmp] {
        opacity: 0;
    }

    .cookie-free-notice-mark:hover[b-o7uuz58lmp]  .cookie-dunk-cookie,
    .cookie-free-notice:has(input:focus-visible)[b-o7uuz58lmp]  .cookie-dunk-cookie {
        transform: translateY(58px) rotate(2deg);
    }

    .cookie-free-notice:has(input:checked)[b-o7uuz58lmp]  .cookie-dunk-cookie {
        animation: cookie-dunk-dismiss-b-o7uuz58lmp .4s ease-in forwards;
    }

    @keyframes cookie-dunk-dismiss-b-o7uuz58lmp {
        to {
            transform: translateY(132px) rotate(12deg);
        }
    }
}

@media (max-width: 880px) {
    .cookie-free-notice[b-o7uuz58lmp] {
        right: 12px;
        bottom: 12px;
        max-width: min(300px, calc(100vw - 24px));
    }
}
/* /Components/Shared/CtaBand.razor.rz.scp.css */
.cta-band[b-5mm6karjdj] {
    padding-top: var(--cd-space-110);
    padding-bottom: var(--cd-space-110);
    background: var(--cd-steel-deep);
    color: var(--cd-cream);
    position: relative;
    overflow: hidden
}

.cta-band-compact[b-5mm6karjdj] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-80)
}

.cta-band-inner[b-5mm6karjdj] {
    position: relative
}

.cta-body[b-5mm6karjdj] {
    max-width: 680px;
    position: relative
}

.cta-band .kicker[b-5mm6karjdj] {
    color: var(--cd-crema);
    padding-bottom: 16px
}

.cta-band h2[b-5mm6karjdj] {
    font-size: var(--cd-text-page);
    line-height: .98
}

.cta-band-compact h2[b-5mm6karjdj] {
    font-size: var(--cd-text-band)
}

.cta-band p[b-5mm6karjdj] {
    font-family: var(--cd-serif);
    font-size: var(--cd-text-emphasis);
    max-width: 500px;
    color: color-mix(in srgb, var(--cd-cream) 82%, transparent);
    margin: 18px 0 0
}

.cta-row[b-5mm6karjdj] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
    flex-wrap: wrap
}

.cta-contact[b-5mm6karjdj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-family: var(--cd-mono);
    font-size: var(--cd-text-meta);
    color: var(--cd-crema)
}
/* /Components/Shared/FactBox.razor.rz.scp.css */
.factbox[b-a05xyn612e] {
    border: 1px solid var(--cd-hairline-strong);
    border-radius: 8px;
    background: var(--cd-cream);
    padding: 24px 26px
}

.factbox-row[b-a05xyn612e] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px dashed var(--cd-hairline)
}

.factbox-label[b-a05xyn612e] {
    font-size: var(--cd-text-body);
    font-weight: 500;
    white-space: nowrap
}

.factbox-dots[b-a05xyn612e] {
    flex: 1;
    border-bottom: 1px dotted var(--cd-hairline-heavy);
    margin-bottom: 3px
}

.factbox-value[b-a05xyn612e] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-meta);
    color: var(--cd-steel-deep);
    white-space: nowrap
}

.factbox-note[b-a05xyn612e] {
    padding-top: 14px;
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    color: var(--cd-bean)
}

@media (max-width: 880px) {
    .factbox-value[b-a05xyn612e] {
        white-space: normal;
        text-align: right
    }
}
/* /Components/Shared/HeroSteam.razor.rz.scp.css */
.steam-field[b-w9q4r77ues] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden
}

.steam-glyph[b-w9q4r77ues] {
    position: absolute;
    font-family: var(--cd-mono);
    font-weight: 600;
    line-height: 1;
    color: var(--cd-steel);
    opacity: 0;
    will-change: transform, opacity
}

@media (prefers-reduced-motion: no-preference) {
    .steam-glyph[b-w9q4r77ues] {
        animation: hero-steam-b-w9q4r77ues var(--steam-duration, 7s) linear infinite;
        animation-delay: var(--steam-delay, 0s)
    }
}

@media (prefers-reduced-motion: reduce) {
    .steam-glyph[b-w9q4r77ues] {
        opacity: calc(var(--steam-opacity, .3) * .7)
    }
}

@keyframes hero-steam-b-w9q4r77ues {
    0% {
        opacity: 0;
        transform: translateY(0) scale(.92)
    }
    12% {
        opacity: var(--steam-opacity, .3)
    }
    55% {
        opacity: calc(var(--steam-opacity, .3) * .55)
    }
    100% {
        opacity: 0;
        transform: translateY(-140px) translateX(var(--steam-drift, 0px)) scale(1.06)
    }
}
/* /Components/Shared/LegalSection.razor.rz.scp.css */
.legal-section[b-i0uhnbqhwu] {
    max-width: 760px;
    padding-bottom: 32px;
}

.legal-section-heading[b-i0uhnbqhwu] {
    font-family: var(--cd-display);
    font-weight: var(--cd-display-weight);
    font-size: 20px;
    letter-spacing: -.01em;
    margin: 0 0 12px;
}

.legal-section[b-i0uhnbqhwu]  p {
    margin: 0 0 12px;
    color: var(--cd-bean);
    font-size: var(--cd-text-copy);
    line-height: 1.65;
}

.legal-section[b-i0uhnbqhwu]  p:last-child {
    margin-bottom: 0;
}

.legal-section[b-i0uhnbqhwu]  ul {
    margin: 0 0 12px;
    padding-left: 20px;
    color: var(--cd-bean);
    font-size: var(--cd-text-copy);
    line-height: 1.65;
}

.legal-section[b-i0uhnbqhwu]  li {
    padding-bottom: 4px;
}

.legal-section[b-i0uhnbqhwu]  dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 20px;
    margin: 0;
    font-size: var(--cd-text-copy);
    line-height: 1.65;
}

.legal-section[b-i0uhnbqhwu]  dt {
    color: var(--cd-bean);
}

.legal-section[b-i0uhnbqhwu]  dd {
    margin: 0;
    color: var(--cd-espresso);
}

@media (max-width: 880px) {
    .legal-section[b-i0uhnbqhwu]  dl {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .legal-section[b-i0uhnbqhwu]  dt {
        padding-top: 8px;
    }
}
/* /Components/Shared/MetricGrid.razor.rz.scp.css */
.metric-band[b-ie369l4hji] {
    padding-top: var(--cd-space-60);
    padding-bottom: var(--cd-space-70);
    background: var(--cd-cream)
}

.metrics-grid[b-ie369l4hji] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-top: 26px
}

.metric-value[b-ie369l4hji] {
    font-family: var(--cd-display);
    font-weight: var(--cd-display-weight);
    font-size: var(--cd-text-figure);
    letter-spacing: -.03em;
    color: var(--cd-steel-deep);
    line-height: 1
}

.metric-label[b-ie369l4hji] {
    font-size: var(--cd-text-body);
    color: var(--cd-bean);
    padding-top: 10px;
    max-width: 24ch
}

@media (max-width: 1100px) {
    .metrics-grid[b-ie369l4hji] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 880px) {
    .metrics-grid[b-ie369l4hji] {
        grid-template-columns: 1fr
    }
}
/* /Components/Shared/OfferCard.razor.rz.scp.css */
.offer-card[b-jxkegq39xz] {
    text-decoration: none;
    color: inherit;
    background: var(--cd-paper);
    border: 1px solid var(--cd-hairline-soft);
    border-radius: 10px;
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform .15s ease, box-shadow .15s ease
}

.offer-card:hover[b-jxkegq39xz] {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--cd-umber) 25%, transparent);
    color: inherit
}

.offer-card-number[b-jxkegq39xz] {
    font-family: var(--cd-serif);
    font-style: italic;
    color: var(--cd-steel);
    font-size: var(--cd-text-body)
}

.offer-card-name[b-jxkegq39xz] {
    font-family: var(--cd-display);
    font-size: 25px;
    letter-spacing: -.01em
}

.offer-card-subtitle[b-jxkegq39xz] {
    font-weight: 600;
    font-size: var(--cd-text-body-small);
    color: var(--cd-espresso)
}

.offer-card-tagline[b-jxkegq39xz] {
    font-size: var(--cd-text-body-small);
    color: var(--cd-bean);
    line-height: 1.5
}

.offer-card-intro[b-jxkegq39xz] {
    margin: 0;
    font-size: var(--cd-text-body);
    color: var(--cd-bean);
    line-height: 1.55
}

.offer-card-footer[b-jxkegq39xz] {
    margin-top: auto;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px dashed var(--cd-hairline-strong);
    gap: 10px
}

.offer-card-meta[b-jxkegq39xz] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-steel-deep)
}

.offer-card-action[b-jxkegq39xz] {
    font-size: var(--cd-text-body-small);
    font-weight: 500;
    color: var(--cd-steel-deep);
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.offer-card-detailed[b-jxkegq39xz] {
    background: var(--cd-cream);
    padding: 30px 28px;
    transition: none
}

.offer-card-detailed:hover[b-jxkegq39xz] {
    transform: none;
    box-shadow: none
}

.offer-card-detailed .offer-card-name[b-jxkegq39xz] {
    font-size: 28px
}

.offer-card-detailed .offer-card-subtitle[b-jxkegq39xz] {
    font-size: var(--cd-text-body-small)
}

.offer-card-detailed .offer-card-footer[b-jxkegq39xz] {
    padding-top: 14px
}
/* /Components/Shared/PageHero.razor.rz.scp.css */
.page-hero[b-s3iv6o0q5o] {
    padding-top: var(--cd-space-80);
    padding-bottom: var(--cd-space-50)
}

.page-hero-short[b-s3iv6o0q5o] {
    padding-bottom: var(--cd-space-90);
}

.page-hero h1[b-s3iv6o0q5o] {
    font-size: var(--cd-text-page);
    margin-top: 14px;
    margin-bottom: 0
}

.page-hero-lead[b-s3iv6o0q5o] {
    font-family: var(--cd-serif);
    font-size: var(--cd-text-intro);
    color: var(--cd-bean);
    margin-top: 18px;
    max-width: 560px
}
/* /Components/Shared/PlaceholderTile.razor.rz.scp.css */
.placeholder-tile[b-afy4v0dyi0] {
    background-image: repeating-linear-gradient(135deg, var(--cd-hairline-faint) 0 2px, transparent 2px 10px);
    background-color: color-mix(in srgb, var(--cd-umber) 6%, transparent);
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    letter-spacing: .04em;
    color: color-mix(in srgb, var(--cd-umber) 60%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    border-radius: 4px
}

.placeholder-tile-flush[b-afy4v0dyi0] {
    border-radius: 0
}
/* /Components/Shared/PrinciplesSwitcher.razor.rz.scp.css */
.principles-grid[b-j07pkccefg] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 70px;
    margin-top: 48px
}

.principle-list[b-j07pkccefg] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.principle-button[b-j07pkccefg] {
    text-align: left;
    border: none;
    background: transparent;
    padding: 14px 0;
    cursor: pointer;
    border-bottom: 1px solid var(--cd-hairline-faint);
    display: flex;
    gap: 12px;
    align-items: baseline;
    color: var(--cd-espresso);
    font-family: var(--cd-sans)
}

.principle-button.active[b-j07pkccefg] {
    color: var(--cd-steel-deep)
}

.principle-number[b-j07pkccefg] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-steel)
}

.principle-label[b-j07pkccefg] {
    font-family: var(--cd-serif);
    font-size: 20px;
    letter-spacing: -.01em;
    transition: font-size .2s ease
}

.principle-button.active .principle-label[b-j07pkccefg] {
    font-size: 23px;
    font-style: italic
}

.principle-detail[b-j07pkccefg] {
    border-left: 1px solid var(--cd-hairline);
    padding-left: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 280px
}

.principle-count[b-j07pkccefg] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-steel)
}

.principle-heading[b-j07pkccefg] {
    font-family: var(--cd-serif);
    font-size: var(--cd-text-section-large);
    font-style: italic;
    line-height: 1.05;
    margin: 16px 0 22px;
    letter-spacing: -.02em
}

.principle-detail p[b-j07pkccefg] {
    font-size: var(--cd-text-prose);
    line-height: 1.6;
    color: var(--cd-bean);
    margin: 0;
    max-width: 540px
}

@media (max-width: 880px) {
    .principles-grid[b-j07pkccefg] {
        grid-template-columns: 1fr;
        gap: 36px
    }

    .principle-detail[b-j07pkccefg] {
        border-left: none;
        padding-left: 0;
        min-height: 0
    }
}
/* /Components/Shared/ProjectShot.razor.rz.scp.css */
.project-shot-figure[b-mo24a6jtbo] {
    margin: 0
}

.project-image[b-mo24a6jtbo] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    border: 1px solid var(--cd-hairline-strong)
}

.project-image-flush[b-mo24a6jtbo] {
    border-radius: 0;
    border: 0
}

.project-caption[b-mo24a6jtbo] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-label);
    color: var(--cd-bean);
    padding-top: 10px
}
/* /Components/Shared/StoryArc.razor.rz.scp.css */
.story-arc[b-mnm60vlzn6] {
    padding-top: var(--cd-space-60);
    padding-bottom: var(--cd-space-70);
    border-top: 1px solid var(--cd-hairline)
}

.story-arc h2[b-mnm60vlzn6] {
    font-size: var(--cd-text-section);
    margin-top: 14px;
    margin-bottom: 36px
}

.story-grid[b-mnm60vlzn6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 34px
}

.story-block[b-mnm60vlzn6] {
    border-left: 2px solid var(--cd-crema);
    padding-left: 20px
}

.story-label[b-mnm60vlzn6] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--cd-steel);
    padding-bottom: 8px
}

.story-block p[b-mnm60vlzn6] {
    color: var(--cd-bean);
    font-size: var(--cd-text-copy);
    margin: 0
}

@media (max-width: 880px) {
    .story-grid[b-mnm60vlzn6] {
        grid-template-columns: 1fr
    }
}
/* /Components/Shared/TechStack.razor.rz.scp.css */
.tech-stack[b-yrmykhxpgp] {
    padding-top: var(--cd-space-70);
    padding-bottom: var(--cd-space-80);
    background: var(--cd-cream);
}

.tech-stack-grid[b-yrmykhxpgp] {
    display: grid;
    grid-template-columns: 320px repeat(4, 1fr);
    gap: 40px;
    align-items: start;
}

.tech-stack h2[b-yrmykhxpgp] {
    font-size: var(--cd-text-section-small);
    margin-top: 10px;
}

.tech-stack-preferred[b-yrmykhxpgp] {
    font-family: var(--cd-serif);
    font-style: italic;
    font-size: var(--cd-text-copy-large);
    color: var(--cd-bean);
    margin: 0;
    padding-top: 14px;
}

.tech-stack-category[b-yrmykhxpgp] {
    font-family: var(--cd-mono);
    font-size: var(--cd-text-chip);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cd-steel);
    margin: 0;
}

.tech-stack-list[b-yrmykhxpgp] {
    list-style: none;
    padding: 18px 0 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: var(--cd-text-body-small);
    color: var(--cd-steel-deep);
}

@media (max-width: 1100px) {
    .tech-stack-grid[b-yrmykhxpgp] {
        grid-template-columns: repeat(4, 1fr);
        gap: 36px 40px;
    }

    .tech-stack-grid > :first-child[b-yrmykhxpgp] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 880px) {
    .tech-stack-grid[b-yrmykhxpgp] {
        grid-template-columns: 1fr 1fr;
    }
}