:root {
    --shadow-soft: 0 18px 42px rgba(0, 0, 0, 0.16);
    --shadow-hero: 0 40px 100px rgba(0, 0, 0, 0.18);
    --radius-xl: 34px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --surface-dark: rgba(19, 21, 19, 0.92);
    --surface-light: rgba(255, 255, 255, 0.82);
    --panel-line: rgba(22, 22, 18, 0.08);
    --warm-bg: #f3efe7;
    --warm-bg-2: #ede7db;
    --warm-ink: #161612;
    --warm-muted: #655f53;
}

body {
    background:
        radial-gradient(circle at top left, rgba(181, 147, 101, 0.08), transparent 26%),
        radial-gradient(circle at right 20%, rgba(87, 92, 70, 0.08), transparent 24%),
        linear-gradient(180deg, #f5f1e9 0%, #efe9de 40%, #ece5d9 100%);
    color: var(--warm-ink);
}

body.mobile-nav-open {
    overflow: hidden;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(16px);
    background: rgba(245, 241, 233, 0.72);
    border-bottom: 1px solid rgba(22, 22, 18, 0.06);
}

.site-header.is-scrolled {
    background: rgba(245, 241, 233, 0.92);
}

.nav-wrap {
    min-height: 86px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 22px;
}

.brand-mark {
    gap: 14px;
}

.brand-mark-logo {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.brand-mark span {
    color: var(--warm-ink);
}

.brand-mark span small {
    color: var(--warm-muted);
}

.site-nav-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.site-nav a {
    position: relative;
    padding: 8px 0;
    color: #5f5a4f;
    transition: color 0.2s ease;
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
    color: #171712;
}

.site-nav a[aria-current="page"]::after,
.site-nav a:hover::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(166, 129, 80, 0.92), rgba(166, 129, 80, 0.18));
}

.mobile-nav-toggle {
    display: none;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border-radius: 999px;
    border: 1px solid rgba(22, 22, 18, 0.08);
    background: rgba(255,255,255,0.65);
}

.mobile-nav-toggle span {
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #171712;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.nav-actions .btn {
    border-radius: 999px;
}

.site-footer {
    margin-top: 48px;
    padding: 38px 0 50px;
    border-top: 1px solid rgba(22, 22, 18, 0.08);
    background: #1a1b17;
}

.site-footer .eyebrow,
.site-footer h3,
.site-footer a,
.site-footer p {
    color: #f5f1e9;
}

.footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 28px;
    align-items: start;
}

.footer-grid h3 {
    margin: 8px 0 0;
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 2.8vw, 2rem);
}

.footer-brand-mark {
    display: flex;
    gap: 16px;
    align-items: center;
}

.footer-brand-logo {
    width: 88px;
    height: 88px;
    object-fit: contain;
}

.footer-tagline {
    color: rgba(245, 241, 233, 0.72);
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
}

.footer-links a {
    color: rgba(245, 241, 233, 0.76);
    transition: color 0.2s ease, transform 0.2s ease;
}

.footer-links a:hover {
    color: #fff;
    transform: translateX(4px);
}

.section-shell {
    padding: 76px 0;
}

.top-gap-none {
    padding-top: 30px;
}

.surface-light,
.surface-dark {
    position: relative;
}

.section-copy,
.eyebrow,
.detail-list span,
.category-slab p,
.category-slab li,
.editorial-note-list,
.info-card p,
.quick-link-card p,
.document-card p,
.category-card p,
.service-card p,
.contact-channel-card p,
.contact-conversion-card p,
.contact-visual-item p,
.service-visual-item p,
.contact-priority-card p,
.inner-stat-card p,
.home-feature p,
.home-category-card p,
.home-resource-card p,
.home-service-card p,
.home-pane p,
.home-cta-panel p,
.home-hero-text,
.home-metric span,
.home-chip,
.brand-stack-copy,
.showcase-editorial-card p,
.showcase-material-card p,
.showcase-brand-feature-copy p,
.showcase-brand-list-item p,
.showcase-application-card p,
.showcase-document-card p,
.showcase-service-card p,
.showcase-cta-card p,
.showcase-contact-card p,
.showcase-point p {
    color: var(--warm-muted);
}

.section-index,
.card-index,
.process-step-index,
.brand-tag,
.detail-pill,
.card-number,
.hero-profile-line span,
.home-trust-pill,
.showcase-profile-line span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(22, 22, 18, 0.08);
    background: rgba(255,255,255,0.72);
    color: #866744;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.card-number {
    width: 44px;
    height: 44px;
    padding: 0;
    font-weight: 700;
}

.homepage-shell .home-section {
    position: relative;
    padding: 52px 0;
}

.home-button,
.button,
.button-compact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 700;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.home-button:hover,
.button:hover,
.button-compact:hover {
    transform: translateY(-2px);
}

.home-button.primary,
.button-primary {
    background: linear-gradient(145deg, #b38d5c, #d6ba8d);
    color: #13120d;
    box-shadow: 0 18px 34px rgba(179, 141, 92, 0.18);
}

.home-button.ghost,
.button-secondary {
    background: rgba(255,255,255,0.68);
    color: #171712;
    border-color: rgba(22, 22, 18, 0.08);
}

.button-compact {
    min-height: 44px;
    padding: 0 18px;
}

.home-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #8b6a43;
    font-weight: 700;
}

.home-link:hover {
    color: #6d5231;
}

.home-actions,
.home-inline-actions,
.home-chip-row,
.home-metrics,
.pill-stack,
.home-system-grid,
.brand-stack-head,
.home-section-header.split,
.inline-actions,
.cta-actions,
.contact-primary-actions,
.contact-inline-links,
.editorial-chip-list,
.brand-doc-list,
.showcase-profile-line {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.home-actions,
.home-inline-actions,
.home-metrics,
.pill-stack,
.showcase-profile-line {
    margin-top: 24px;
}

.home-metric,
.inner-stat-card,
.showcase-point,
.showcase-application-card,
.showcase-contact-card,
.showcase-service-card,
.showcase-document-card,
.showcase-material-card,
.showcase-brand-list-item,
.showcase-brand-feature,
.showcase-editorial-card,
.showcase-logo-card,
.showcase-cta-card {
    border-radius: 28px;
    border: 1px solid var(--panel-line);
    background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(248,244,237,0.92));
    box-shadow: var(--shadow-soft);
}

.home-metric {
    min-width: 180px;
    padding: 18px 18px;
}

.home-metric strong,
.inner-stat-card strong {
    display: block;
    font-family: var(--font-display);
    color: #8a6940;
}

.home-section-header {
    display: grid;
    gap: 10px;
    margin-bottom: 24px;
}

.home-section-header.split {
    justify-content: space-between;
    align-items: end;
}

.home-section-header h2,
.showcase-editorial-card h2,
.showcase-brand-feature-copy h3,
.showcase-cta-card h2,
.showcase-document-card h3,
.showcase-service-card h3,
.showcase-contact-card h3,
.showcase-material-card h3,
.showcase-application-card h3,
.showcase-point h3,
.showcase-brand-list-item h3 {
    margin: 0 0 12px;
    font-family: var(--font-display);
    color: #171712;
}

.home-section-header h2 {
    font-size: clamp(2.1rem, 4vw, 3.6rem);
    line-height: 1.02;
}

/* Showcase homepage rebuild */
.homepage-showcase .home-section {
    padding: 56px 0;
}

.home-showcase-hero {
    padding-top: 34px;
}

.showcase-hero-grid,
.showcase-split-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
    gap: 24px;
    align-items: stretch;
}

.showcase-split-grid.reversed {
    grid-template-columns: minmax(340px, 0.92fr) minmax(0, 1.08fr);
}

.showcase-hero-copy,
.showcase-hero-visual {
    min-height: 720px;
}

.showcase-hero-copy {
    border-radius: 36px;
    border: 1px solid var(--panel-line);
    background:
        linear-gradient(135deg, rgba(255,255,255,0.92), rgba(244, 236, 224, 0.96)),
        radial-gradient(circle at top left, rgba(167, 132, 84, 0.12), transparent 34%);
    box-shadow: var(--shadow-hero);
    padding: clamp(32px, 4vw, 56px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.showcase-hero-copy h1 {
    margin: 16px 0 18px;
    max-width: 11ch;
    font-family: var(--font-display);
    font-size: clamp(3rem, 6vw, 5.6rem);
    line-height: 0.95;
    letter-spacing: -0.05em;
    color: #151510;
}

.showcase-hero-visual {
    display: grid;
    gap: 18px;
}

.showcase-logo-card {
    min-height: 230px;
    padding: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.showcase-logo-card img {
    max-width: min(100%, 340px);
    max-height: 180px;
    object-fit: contain;
}

.showcase-brand-mosaic {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.showcase-brand-tile {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    border-radius: 28px;
    border: 1px solid var(--panel-line);
    box-shadow: var(--shadow-soft);
}

.showcase-brand-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
}

.showcase-brand-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 18px;
    background: linear-gradient(180deg, rgba(18,18,14,0), rgba(18,18,14,0.82));
}

.showcase-brand-overlay h3 {
    margin: 0;
    font-family: var(--font-display);
    color: #f7f3ea;
}

.showcase-contact-grid,
.showcase-point-list,
.showcase-material-wall,
.showcase-brand-list,
.showcase-application-grid,
.showcase-document-grid,
.showcase-service-strip {
    display: grid;
    gap: 18px;
}

.showcase-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.showcase-point-list,
.showcase-application-grid,
.showcase-service-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.showcase-material-wall,
.showcase-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.showcase-contact-card,
.showcase-document-card,
.showcase-service-card,
.showcase-point,
.showcase-material-card,
.showcase-application-card,
.showcase-brand-list-item {
    padding: 24px;
}

.showcase-editorial-card {
    padding: 34px;
}

.showcase-editorial-card.dark,
.showcase-cta-card {
    background: linear-gradient(135deg, rgba(26, 27, 23, 0.96), rgba(49, 44, 36, 0.94));
    box-shadow: var(--shadow-hero);
}

.showcase-editorial-card.dark h2,
.showcase-editorial-card.dark p,
.showcase-editorial-card.dark .section-index,
.showcase-cta-card h2,
.showcase-cta-card p,
.showcase-cta-card .section-index {
    color: #f5f1e9;
}

.showcase-editorial-card.dark .section-index,
.showcase-cta-card .section-index,
.home-contact-stage .home-chip {
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
}

.showcase-brand-gallery {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: 22px;
}

.showcase-brand-feature {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
    overflow: hidden;
}

.showcase-brand-feature-media {
    min-height: 100%;
}

.showcase-brand-feature-media img,
.showcase-brand-list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showcase-brand-feature-copy {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.showcase-brand-list {
    grid-template-columns: 1fr;
}

.showcase-brand-list-item {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 16px;
    align-items: center;
}

.showcase-brand-list-item img {
    height: 96px;
    border-radius: 18px;
}

.showcase-cta-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
    gap: 22px;
    align-items: stretch;
}

.showcase-cta-card {
    padding: 34px;
}

.showcase-cta-links {
    display: grid;
    gap: 12px;
    align-content: center;
}

.home-contact-stage .home-chip {
    justify-content: flex-start;
    color: #f5f1e9;
}

.contact-inline-links a,
.brand-doc-list a {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(22, 22, 18, 0.08);
    background: rgba(255,255,255,0.74);
}

.contact-checklist,
.contact-reasons,
.editorial-note-list,
.detail-list,
.category-slab ul {
    display: grid;
    gap: 10px;
    padding-inline-start: 18px;
}

.contact-checklist li,
.contact-reasons li,
.editorial-note-list li,
.detail-list li,
.category-slab li {
    line-height: 1.7;
}

.contact-route-marquee-shell,
.audience-marquee-track {
    overflow: hidden;
}

.contact-route-marquee-track,
.audience-marquee-track {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.contact-route-marquee-track span,
.audience-marquee-track span,
.editorial-chip-list span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(22, 22, 18, 0.08);
    background: rgba(255,255,255,0.74);
    color: var(--warm-muted);
}

/* Existing shared grids */
.brand-stack-logos,
.home-feature-grid,
.home-category-grid,
.home-resource-grid,
.home-service-list,
.inner-cinematic-grid,
.inner-dual-feature-grid,
.dual-card-grid,
.contact-command-grid,
.contact-conversion-grid,
.home-system-grid,
.brand-atelier-grid,
.category-atelier-grid,
.technical-atelier-grid,
.service-outcomes-grid,
.editorial-service-grid,
.quick-links-grid,
.document-library-grid,
.card-grid,
.home-intro-grid,
.home-intro-panels {
    display: grid;
    gap: 18px;
}

.brand-stack-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brand-chip {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    border: 1px solid rgba(22, 22, 18, 0.08);
    background: rgba(255,255,255,0.86);
    overflow: hidden;
}

.brand-chip img,
.visual-montage img,
.service-visual-logo img,
.contact-visual-logo img,
.brand-library-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-trust-shell {
    padding-top: 18px;
}

.home-trust-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: center;
}

.home-intro-band {
    padding-top: 20px;
}

.home-intro-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
    align-items: start;
}

.home-intro-copy {
    padding: 30px;
}

.home-intro-panels {
    grid-template-columns: 1fr;
}

.intro-panel {
    padding: 22px 24px;
    border-radius: 28px;
    border: 1px solid var(--panel-line);
    background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(248,244,237,0.92));
    box-shadow: var(--shadow-soft);
}

.home-feature-grid,
.home-category-grid,
.home-resource-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.home-feature-grid-split {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-category-grid-premium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-services-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: 22px;
    align-items: start;
}

.home-feature,
.home-category-card,
.home-resource-card,
.home-service-card,
.home-pane,
.home-cta-panel,
.quick-link-card,
.editorial-story-card,
.quote-banner,
.category-slab,
.info-card,
.category-card,
.service-card,
.document-card,
.brand-library-card,
.products-hero,
.cta-banner,
.contact-channel-card,
.contact-conversion-card,
.contact-priority-card,
.contact-visual-item,
.service-visual-item {
    padding: 28px;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    border-radius: 28px;
    border: 1px solid var(--panel-line);
    background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(248,244,237,0.92));
    box-shadow: var(--shadow-soft);
}

.home-feature:hover,
.home-category-card:hover,
.home-resource-card:hover,
.home-service-card:hover,
.quick-link-card:hover,
.info-card:hover,
.category-card:hover,
.service-card:hover,
.document-card:hover,
.brand-library-card:hover,
.showcase-contact-card:hover,
.showcase-document-card:hover,
.showcase-service-card:hover,
.showcase-material-card:hover,
.showcase-brand-list-item:hover,
.showcase-application-card:hover {
    transform: translateY(-5px);
    border-color: rgba(166, 129, 80, 0.2);
}

.home-category-card {
    min-height: 220px;
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(238, 230, 217, 0.96));
}

.home-pane,
.home-cta-panel,
.quote-banner,
.cta-banner {
    box-shadow: var(--shadow-hero);
}

.home-cta-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr);
    gap: 20px;
    align-items: center;
    background: linear-gradient(135deg, rgba(25, 26, 23, 0.96), rgba(49, 44, 36, 0.94));
}

.home-cta-panel h2,
.home-cta-panel p,
.home-contact-stage .home-chip,
.home-contact-stage .section-index {
    color: #f5f1e9;
}

.visual-montage,
.service-visual-board,
.contact-visual-board {
    display: grid;
    gap: 14px;
}

.visual-montage-primary,
.visual-montage-tile,
.service-visual-logo,
.contact-visual-logo,
.brand-library-media {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(22, 22, 18, 0.08);
    background: rgba(255,255,255,0.8);
    min-height: 180px;
}

.visual-montage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.inner-cinematic-grid,
.inner-dual-feature-grid,
.contact-command-grid,
.contact-conversion-grid,
.home-intro-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.card-grid.four-up,
.document-library-grid,
.quick-links-grid,
.editorial-service-grid,
.service-outcomes-grid,
.technical-atelier-grid,
.brand-atelier-grid,
.category-atelier-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.card-grid.three-up,
.home-markets-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

@media (max-width: 1180px) {
    .showcase-hero-grid,
    .showcase-split-grid,
    .showcase-brand-gallery,
    .showcase-cta-shell,
    .home-services-grid,
    .home-cta-panel,
    .home-intro-grid,
    .home-feature-grid-split,
    .home-category-grid-premium {
        grid-template-columns: 1fr;
    }

    .showcase-hero-copy,
    .showcase-hero-visual {
        min-height: auto;
    }

    .showcase-hero-copy h1 {
        max-width: 100%;
    }
}

@media (max-width: 980px) {
    .mobile-nav-toggle {
        display: inline-flex;
        justify-self: end;
    }

    .nav-wrap {
        grid-template-columns: auto auto;
    }

    .site-nav-shell {
        position: absolute;
        top: calc(100% + 12px);
        inset-inline: 16px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 18px;
        padding: 18px;
        border-radius: 26px;
        border: 1px solid rgba(22,22,18,0.08);
        background: rgba(245, 241, 233, 0.98);
        box-shadow: var(--shadow-hero);
    }

    .site-nav-shell.is-open {
        display: flex;
    }

    .site-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .site-nav a {
        padding: 12px 0;
    }

    .nav-actions {
        width: 100%;
        justify-content: stretch;
    }

    .nav-actions .btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    .inner-cinematic-grid,
    .inner-dual-feature-grid,
    .dual-card-grid,
    .contact-command-grid,
    .contact-conversion-grid,
    .footer-grid,
    .hero-visual-grid,
    .showcase-contact-grid,
    .showcase-point-list,
    .showcase-material-wall,
    .showcase-brand-mosaic,
    .showcase-application-grid,
    .showcase-document-grid,
    .showcase-service-strip,
    .showcase-brand-feature {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .editorial-story-card,
    .quote-banner,
    .category-slab,
    .info-card,
    .quick-link-card,
    .category-card,
    .service-card,
    .document-card,
    .brand-library-card,
    .products-hero,
    .cta-banner,
    .contact-channel-card,
    .contact-conversion-card,
    .contact-priority-card,
    .contact-visual-item,
    .service-visual-item,
    .home-feature,
    .home-category-card,
    .home-resource-card,
    .home-service-card,
    .home-pane,
    .home-cta-panel,
    .showcase-hero-copy,
    .showcase-logo-card,
    .showcase-contact-card,
    .showcase-editorial-card,
    .showcase-brand-feature,
    .showcase-brand-list-item,
    .showcase-material-card,
    .showcase-application-card,
    .showcase-document-card,
    .showcase-service-card,
    .showcase-cta-card,
    .home-intro-copy,
    .intro-panel {
        padding: 22px;
        border-radius: 24px;
    }

    .visual-montage-grid,
    .brand-stack-logos,
    .footer-links {
        grid-template-columns: 1fr;
    }

    .showcase-hero-copy h1 {
        font-size: clamp(2.2rem, 9vw, 3.5rem);
    }

    .footer-brand-mark,
    .showcase-brand-list-item {
        grid-template-columns: 1fr;
        display: grid;
    }
}