/* SchreinerBlick calmer visual rhythm v1.8 */
:root {
    --line: #d9d2c6;
    --muted: #5c5851;
}

body {
    line-height: 1.68;
}

.gh-head-menu a {
    color: var(--muted);
    font-weight: 500;
    letter-spacing: .07em;
}

.gh-head-menu .nav-current a,
.gh-head-menu a:hover {
    color: var(--ink);
}

.sb-hero h1,
.sb-section-copy h2,
.sb-solution h2,
.sb-result h2,
.sb-resources h2,
.sb-about h2,
.sb-blog h2,
.sb-final h2,
.sb-index-head h1,
.gh-title {
    letter-spacing: -.025em;
}

.sb-hero h1 {
    font-size: clamp(5.4rem, 6.1vw, 8.4rem);
    line-height: .98;
}

.sb-section-copy h2,
.sb-solution h2,
.sb-result h2,
.sb-resources h2,
.sb-about h2,
.sb-blog h2,
.sb-final h2 {
    font-size: clamp(4.2rem, 4.5vw, 6.2rem);
    line-height: 1.02;
}

.sb-index-head h1 {
    font-size: clamp(4.8rem, 5.6vw, 7.2rem);
    line-height: 1;
}

.gh-title {
    font-size: clamp(4.4rem, 5vw, 6.6rem);
    line-height: 1;
}

.sb-belief blockquote {
    font-size: clamp(3.8rem, 4.2vw, 5.8rem);
    line-height: 1.06;
}

.sb-offers h3 {
    font-size: 3.9rem;
}

.sb-offers h3,
.sb-result-grid h3,
.gh-card-title,
.sb-resource-list h3,
.sb-resource-library h2,
.sb-resource-signup h2,
.sb-gate h2 {
    letter-spacing: -.015em;
    line-height: 1.15;
    text-transform: none;
}

.sb-pain,
.sb-solution,
.sb-result,
.sb-resources,
.sb-about,
.sb-blog,
.sb-final {
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.sb-offers,
.sb-result-grid,
.sb-blog-grid,
.gh-postfeed,
.sb-resource-library {
    margin-top: 6.5rem;
}

.sb-offers {
    gap: 2.4rem;
}

.sb-offers article,
.sb-result-grid article,
.gh-card,
.sb-resource-library article {
    border-color: var(--line);
}

.sb-offers article {
    padding: 4.2rem;
}

.sb-offers article.featured {
    border-color: var(--orange);
}

.sb-offer-page .gh-canvas {
    grid-template-columns:
        [full-start] minmax(24px, 1fr)
        [wide-start] minmax(0, 200px)
        [main-start] min(780px, calc(100% - 48px))
        [main-end] minmax(0, 200px)
        [wide-end] minmax(24px, 1fr)
        [full-end];
}

.sb-offer-page .gh-header {
    margin-bottom: 5rem;
}

.sb-offer-page .gh-content {
    row-gap: 7rem;
}

@media (max-width: 900px) {
    .sb-pain,
    .sb-solution,
    .sb-result,
    .sb-resources,
    .sb-about,
    .sb-blog,
    .sb-final {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
}

@media (max-width: 600px) {
    .sb-hero h1 {
        font-size: 5.2rem;
    }

    .sb-section-copy h2,
    .sb-solution h2,
    .sb-result h2,
    .sb-resources h2,
    .sb-about h2,
    .sb-blog h2,
    .sb-final h2 {
        font-size: 4.2rem;
    }

    .sb-index-head h1,
    .gh-title {
        font-size: 4.6rem;
    }

    .sb-offers article {
        padding: 3rem;
    }
}
