:root {
    --hh-indigo: #2e3355;
    --hh-indigo-deep: #202541;
    --hh-gold: #f5b04a;
    --hh-terracotta: #c56b52;
    --hh-green: #3d4737;
    --hh-paper: #faf5ec;
    --hh-paper-deep: #f3ebdf;
    --hh-white: #fffdfa;
    --hh-text: #252738;
    --hh-muted: #6b6862;
    --hh-line: rgba(46, 51, 85, 0.12);
    --hh-shadow: 0 20px 50px rgba(32, 37, 65, 0.1);
    --hh-shadow-soft: 0 10px 25px rgba(32, 37, 65, 0.06);
    --hh-page-gutter: clamp(20px, 4vw, 56px);
    --hh-shell-max: 1380px;
    --hh-article-shell-max: 1380px;
    --hh-reading-max: 80rem;
    --gh-font-heading: "Cormorant Garamond", Georgia, serif;
    --gh-font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: var(--gh-font-heading);
    --font-body: var(--gh-font-body);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--hh-text);
    font-family: var(--font-body);
    font-size: 1.7rem;
    line-height: 1.7;
    background:
        radial-gradient(circle at top left, rgba(245, 176, 74, 0.08), transparent 25%),
        radial-gradient(circle at bottom right, rgba(197, 107, 82, 0.06), transparent 25%),
        linear-gradient(180deg, #fdf9f3 0%, var(--hh-paper) 100%);
}

img,
picture,
svg {
    display: block;
    max-width: 100%;
}

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

button,
input,
textarea,
select {
    font: inherit;
}

p,
blockquote {
    margin: 0;
}

.is-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: var(--hh-indigo);
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 0.95;
}

.gh-outer {
    padding-inline: 0;
}

.gh-inner {
    width: min(calc(100vw - (2 * var(--hh-page-gutter))), var(--hh-shell-max));
    margin-inline: auto;
}

.gh-main {
    padding-bottom: 72px;
}

.gh-viewport {
    overflow: clip;
}

.gh-navigation {
    position: sticky;
    top: 0;
    z-index: 40;
    padding-top: 16px;
}

.pswp {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    touch-action: none;
    outline: 0;
}

.pswp--open {
    display: block;
}

.pswp,
.pswp__bg,
.pswp__scroll-wrap,
.pswp__container,
.pswp__item,
.pswp__img,
.pswp__zoom-wrap {
    width: 100%;
    height: 100%;
}

.pswp__bg,
.pswp__scroll-wrap,
.pswp__container,
.pswp__zoom-wrap {
    position: absolute;
    inset: 0;
}

.pswp__bg {
    background: rgba(32, 37, 65, 0.92);
}

.pswp__scroll-wrap {
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pswp__item {
    position: absolute;
    inset: 0;
    display: none;
    padding: clamp(24px, 4vw, 48px);
}

.pswp__item:first-child,
.pswp__item:nth-child(2),
.pswp__item:nth-child(3) {
    display: block;
}

.pswp__img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    object-fit: contain;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.pswp__ui {
    position: absolute;
    inset: 0;
    color: var(--hh-white);
    pointer-events: none;
}

.pswp__top-bar,
.pswp__caption,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    position: absolute;
    z-index: 5;
}

.pswp__top-bar {
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 64px;
    padding: 16px 20px;
    pointer-events: none;
}

.pswp__counter {
    margin-right: auto;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pswp__button {
    pointer-events: auto;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: var(--hh-white);
    cursor: pointer;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    top: 50%;
    transform: translateY(-50%);
}

.pswp__button--arrow--left {
    left: 20px;
}

.pswp__button--arrow--right {
    right: 20px;
}

.pswp__caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
}

.pswp__caption__center {
    width: min(100%, 720px);
    margin: 0 auto;
    color: rgba(255, 253, 250, 0.86);
    font-size: 1.5rem;
    text-align: center;
}

.pswp__share-modal,
.pswp__preloader {
    display: none;
}

.gh-navigation-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 88px;
    padding: 10px 14px 10px 18px;
    color: var(--hh-white);
    background: linear-gradient(135deg, rgba(32, 37, 65, 0.96), rgba(46, 51, 85, 0.92));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    backdrop-filter: blur(18px);
    box-shadow: 0 16px 34px rgba(32, 37, 65, 0.16);
}

.page-template .gh-navigation-inner.gh-inner,
.post-template .gh-navigation-inner.gh-inner,
.page-template .gh-footer-inner.gh-inner,
.post-template .gh-footer-inner.gh-inner {
    width: min(calc(100vw - (2 * var(--hh-page-gutter))), var(--hh-article-shell-max));
}

.gh-navigation-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.gh-navigation-logo,
.gh-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--hh-white);
    font-size: 2.8rem;
    line-height: 1;
}

.gh-brand-wordmark {
    display: inline-block;
    font-family: var(--font-heading);
    font-size: clamp(2.8rem, 2.2vw, 3.8rem);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 0.92;
    white-space: nowrap;
    color: var(--hh-white);
}

.gh-navigation-logo::before,
.gh-footer-logo::before {
    content: "HH";
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1.5px solid var(--hh-gold);
    border-radius: 999px;
    background: rgba(245, 176, 74, 0.08);
    color: var(--hh-gold);
    font-family: var(--font-heading);
    font-size: 1.7rem;
    font-weight: 700;
}

.gh-navigation-logo.has-logo::before,
.gh-footer-logo.has-logo::before {
    display: none;
}

.gh-navigation-logo img,
.gh-footer-logo img {
    display: block;
    width: auto;
    height: 64px;
    max-width: 64px;
    object-fit: contain;
}

.gh-navigation-logo .gh-navigation-logo-image {
    width: 64px;
    height: 64px;
    max-width: 64px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 10px 22px rgba(32, 37, 65, 0.18);
}

.gh-navigation-menu,
.gh-navigation-actions,
.gh-footer-menu,
.hh-button-row,
.hh-badge-row,
.hh-lead-cta-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.gh-navigation-menu {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 62px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.gh-navigation-menu a,
.gh-footer-menu a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.76);
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.gh-navigation-menu a:hover,
.gh-footer-menu a:hover {
    color: var(--hh-gold);
}

.gh-navigation-menu a:hover {
    background: rgba(255, 255, 255, 0.06);
    transform: translateY(-1px);
}

.home-template .gh-navigation-menu a[href="/"],
.route-home .gh-navigation-menu a[href="/"],
.page-slug-programma .gh-navigation-menu a[href="/programma/"],
.page-slug-over .gh-navigation-menu a[href="/over/"],
.page-slug-resultaten .gh-navigation-menu a[href="/resultaten/"],
.page-slug-contact .gh-navigation-menu a[href="/contact/"],
.route-members .gh-navigation-menu a[href="/members/"] {
    color: var(--hh-white);
    background: rgba(255, 255, 255, 0.08);
}

.gh-navigation-actions {
    gap: 10px;
    flex: 0 0 auto;
}

.gh-navigation .gh-button {
    min-height: 54px;
    padding-inline: 22px;
}

.gh-navigation .gh-button-secondary {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.08);
    color: var(--hh-white);
}

.gh-navigation .gh-button-secondary:hover {
    background: rgba(255, 255, 255, 0.14);
    box-shadow: none;
}

.gh-navigation-mobile-actions {
    display: none;
}

.gh-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--hh-gold), #da9832);
    color: var(--hh-white);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(245, 176, 74, 0.24);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.gh-button:hover {
    opacity: 1;
    transform: translateY(-1px);
    box-shadow: 0 18px 32px rgba(245, 176, 74, 0.3);
}

.gh-button-secondary {
    border-color: rgba(37, 39, 56, 0.14);
    background: rgba(255, 255, 255, 0.68);
    color: var(--hh-indigo);
    box-shadow: none;
}

.gh-burger {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--hh-white);
}

.gh-burger svg:last-child {
    display: none;
}

.gh-navigation.is-open .gh-burger svg:first-child {
    display: none;
}

.gh-navigation.is-open .gh-burger svg:last-child {
    display: block;
}

.hh-home {
    display: grid;
    gap: 24px;
    padding-top: 18px;
}

.hh-section {
    padding-top: 0;
}

.hh-section-intro {
    max-width: 72rem;
    margin-top: 12px;
    color: var(--hh-muted);
}

.hh-hero-shell,
.hh-programs-shell,
.hh-about-shell,
.hh-results-shell,
.hh-resources-shell,
.hh-faq-shell,
.hh-contact-shell,
.hh-page-header,
.gh-content,
.gh-footer-inner,
.gh-card,
.hh-lead-cta {
    border: 1px solid rgba(46, 51, 85, 0.08);
    border-radius: 24px;
    background: rgba(255, 253, 250, 0.82);
    box-shadow: var(--hh-shadow);
}

.hh-hero-shell,
.hh-about-shell,
.hh-results-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
    overflow: hidden;
}

.hh-hero-copy,
.hh-brand-panel,
.hh-about-copy,
.hh-about-brand,
.hh-quote-card,
.hh-proof-panel,
.hh-cta-panel,
.hh-page-header,
.gh-content {
    padding: clamp(28px, 4vw, 60px);
}

.hh-hero-shell {
    min-height: min(90vh, 860px);
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.18), transparent 24%),
        radial-gradient(circle at 10% 85%, rgba(197, 107, 82, 0.12), transparent 22%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.5));
}

.hh-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hh-brand-panel {
    display: grid;
    align-content: space-between;
    gap: 18px;
    color: var(--hh-white);
    background:
        linear-gradient(180deg, rgba(46, 51, 85, 0.98), rgba(32, 37, 65, 1));
}

.hh-brand-portrait,
.hh-about-founder-image,
.hh-proof-image {
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: var(--hh-shadow-soft);
}

.hh-brand-portrait img,
.hh-about-founder-image img,
.hh-proof-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hh-brand-portrait {
    min-height: 340px;
    background: rgba(255, 255, 255, 0.08);
}

.hh-eyebrow,
.hh-mini-label {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.hh-eyebrow {
    color: var(--hh-terracotta);
}

.hh-mini-label {
    color: var(--hh-gold);
}

.hh-hero-title {
    max-width: 7.3ch;
    margin-bottom: 18px;
    font-size: clamp(6rem, 9vw, 10rem);
}

.hh-hero-text {
    max-width: 58rem;
    margin-bottom: 28px;
    font-size: 1.9rem;
    color: var(--hh-muted);
}

.hh-proof-list {
    display: grid;
    gap: 10px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.hh-proof-list li {
    position: relative;
    padding-left: 22px;
    color: var(--hh-indigo);
    font-weight: 500;
}

.hh-proof-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--hh-gold);
}

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

.hh-brand-founder-note {
    display: grid;
    gap: 8px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}

.hh-brand-founder-note p:last-child {
    color: rgba(255, 255, 255, 0.82);
}

.hh-logo-tile {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 180px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}

.hh-logo-tile strong,
.hh-logo-tile small,
.hh-badge-pill {
    color: var(--hh-white);
}

.hh-logo-tile-main {
    place-items: center;
    text-align: center;
}

.hh-logo-tile-main span {
    display: inline-grid;
    place-items: center;
    width: 100px;
    height: 100px;
    border: 1.5px solid var(--hh-gold);
    border-radius: 999px;
    color: var(--hh-gold);
    font-family: var(--font-heading);
    font-size: 4.6rem;
}

.hh-logo-tile-main small,
.hh-logo-tile-seal small {
    font-size: 1.2rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hh-logo-tile-seal {
    place-items: center;
    text-align: center;
}

.hh-logo-tile-seal strong {
    font-family: var(--font-heading);
    font-size: 3.2rem;
}

.hh-logo-tile-mantra {
    background: linear-gradient(180deg, rgba(197, 107, 82, 0.48), rgba(197, 107, 82, 0.18));
}

.hh-logo-tile-mantra strong {
    font-family: var(--font-heading);
    font-size: 3.9rem;
    line-height: 0.9;
}

.hh-logo-tile-palette {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
}

.hh-swatch {
    display: block;
    height: 50px;
    border-radius: 14px;
}

.hh-swatch-indigo {
    background: var(--hh-indigo);
}

.hh-swatch-gold {
    background: var(--hh-gold);
}

.hh-swatch-terracotta {
    background: var(--hh-terracotta);
}

.hh-swatch-green {
    background: var(--hh-green);
}

.hh-badge-row {
    display: flex;
    flex-wrap: wrap;
}

.hh-badge-pill {
    padding: 11px 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hh-programs-shell,
.hh-resources-shell,
.hh-faq-shell,
.hh-contact-shell {
    padding: 34px;
}

.hh-section-heading {
    max-width: 86rem;
    margin-bottom: 26px;
}

.hh-section-heading h2,
.hh-about-copy h2,
.hh-quote-card h2,
.hh-cta-panel h2,
.hh-lead-cta-title {
    font-size: clamp(4.2rem, 5vw, 6.6rem);
}

.hh-service-grid,
.hh-feed-preview,
.gh-feed,
.hh-faq-grid,
.hh-about-credentials {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.hh-service-card,
.hh-faq-card,
.hh-about-card {
    padding: 28px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: var(--hh-shadow-soft);
}

.hh-service-mark {
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border: 1px solid rgba(245, 176, 74, 0.3);
    border-radius: 14px;
    background: rgba(245, 176, 74, 0.12);
    color: var(--hh-gold);
    font-family: var(--font-heading);
    font-size: 2.2rem;
}

.hh-service-card h3,
.hh-about-card h3,
.hh-faq-card h3 {
    margin-bottom: 12px;
    font-size: 3.2rem;
}

.hh-service-card p:last-child,
.hh-about-copy p,
.hh-proof-panel li,
.gh-card-excerpt,
.gh-card-date,
.gh-card-author,
.gh-article-excerpt,
.gh-article-meta-content,
.gh-footer-copyright,
.hh-about-card p:last-child,
.hh-faq-card p,
.hh-about-gallery-copy p,
.hh-about-gallery-copy li {
    color: var(--hh-muted);
}

.hh-lead-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 32px;
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.92));
}

.hh-lead-cta-copy {
    max-width: 72rem;
}

.hh-lead-cta-text {
    margin-top: 10px;
    color: var(--hh-muted);
}

.hh-about-copy {
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 22%),
        linear-gradient(135deg, #c56b52 0%, #b65e46 100%);
}

.hh-about-copy .hh-eyebrow,
.hh-about-copy h2,
.hh-about-copy p {
    color: var(--hh-white);
}

.hh-about-brand {
    display: grid;
    align-content: center;
    gap: 18px;
    background:
        radial-gradient(circle at top left, rgba(245, 176, 74, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.92));
}

.hh-brand-stack {
    display: grid;
    gap: 18px;
}

.hh-brand-stack-card {
    padding: 28px;
    border-radius: 18px;
    background: var(--hh-white);
    box-shadow: var(--hh-shadow-soft);
}

.hh-brand-stack-card h3 {
    font-size: 4.4rem;
}

.hh-foundation-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.hh-foundation-grid span {
    display: grid;
    place-items: center;
    min-height: 92px;
    border-radius: 16px;
    background: var(--hh-indigo);
    color: var(--hh-white);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    box-shadow: var(--hh-shadow-soft);
}

.hh-quote-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.76));
}

.hh-quote-card blockquote p {
    margin-top: 18px;
    font-family: var(--font-heading);
    font-size: clamp(4.4rem, 5vw, 6.2rem);
    line-height: 0.94;
}

.hh-quote-card span {
    display: inline-block;
    margin-top: 18px;
    color: var(--hh-muted);
}

.hh-proof-panel {
    display: grid;
    align-content: center;
    gap: 18px;
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 22%),
        linear-gradient(180deg, var(--hh-indigo) 0%, var(--hh-indigo-deep) 100%);
}

.hh-proof-panel .hh-mini-label,
.hh-proof-columns li {
    color: var(--hh-white);
}

.hh-proof-columns {
    display: grid;
    gap: 14px;
    margin: 0;
    padding-left: 20px;
}

.hh-proof-image {
    min-height: 220px;
    background: rgba(255, 255, 255, 0.08);
}

.gh-card {
    padding: 24px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gh-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 42px rgba(32, 37, 65, 0.14);
}

.gh-card-link {
    display: grid;
    gap: 14px;
}

.gh-card-image {
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(46, 51, 85, 0.12), rgba(197, 107, 82, 0.12));
}

.gh-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gh-card-tag,
.gh-article-tag {
    color: var(--hh-terracotta);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.gh-card-title {
    margin: 6px 0 8px;
    font-size: 3.2rem;
}

.gh-card-cta {
    display: inline-flex;
    align-items: center;
    margin-top: 4px;
    color: var(--hh-indigo);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gh-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    font-size: 1.3rem;
}

.hh-empty-state {
    display: grid;
    gap: 18px;
    padding: 28px;
    border-radius: 18px;
    background: var(--hh-white);
}

.hh-empty-state-grid {
    grid-template-columns: 240px 1fr;
    align-items: center;
}

.hh-empty-state .hh-logo-tile {
    min-height: 140px;
    background: var(--hh-indigo);
}

.hh-conversion-shell {
    margin-top: 8px;
}

.hh-conversion-shell,
.gh-comments.gh-inner,
.gh-container-inner.gh-inner {
    width: min(calc(100vw - (2 * var(--hh-page-gutter))), var(--hh-article-shell-max));
    margin-inline: auto;
}

.hh-about-page-shell {
    padding: 0;
}

.hh-about-page-content {
    display: grid;
    gap: 26px;
}

.hh-about-page-content > * {
    max-width: none;
}

.hh-program-page {
    display: grid;
    gap: 20px;
}

.hh-program-hero-shell,
.hh-program-results-shell,
.hh-program-journey-shell,
.hh-program-includes-shell,
.hh-program-fit-shell,
.hh-program-experience-shell,
.hh-program-faq-panel,
.hh-program-cta-shell {
    border: 1px solid rgba(46, 51, 85, 0.08);
    border-radius: 24px;
    background: rgba(255, 253, 250, 0.82);
    box-shadow: var(--hh-shadow);
}

.hh-program-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 24px;
    padding: 34px;
    margin-top: 18px;
    background:
        radial-gradient(circle at top left, rgba(245, 176, 74, 0.12), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 242, 233, 0.82));
}

.hh-program-hero-copy,
.hh-program-journey-copy,
.hh-program-experience-copy {
    display: grid;
    align-content: start;
    gap: 18px;
}

.hh-program-hero-copy .gh-article-excerpt {
    max-width: 64rem;
}

.hh-program-hero-note {
    display: grid;
    gap: 8px;
    max-width: 60rem;
    padding: 20px 22px;
    border-left: 4px solid var(--hh-gold);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
}

.hh-program-hero-note strong {
    color: var(--hh-indigo);
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hh-program-hero-note p,
.hh-program-highlight-card p,
.hh-program-phase p,
.hh-program-result-card p,
.hh-program-include-card p,
.hh-program-fit-card p,
.hh-program-fit-list li,
.hh-program-experience-copy p {
    color: var(--hh-muted);
}

.hh-program-hero-visual,
.hh-program-journey-visual,
.hh-program-experience-visual {
    display: grid;
    gap: 18px;
}

.hh-program-hero-image,
.hh-program-journey-visual img,
.hh-program-experience-visual img,
.hh-program-fit-image img {
    overflow: hidden;
    border-radius: 18px;
    box-shadow: var(--hh-shadow-soft);
}

.hh-program-hero-image img,
.hh-program-journey-visual img,
.hh-program-experience-visual img,
.hh-program-fit-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hh-program-highlight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.hh-program-highlight-card,
.hh-program-result-card,
.hh-program-include-card,
.hh-program-fit-card,
.hh-program-phase {
    padding: 24px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--hh-shadow-soft);
}

.hh-program-highlight-card h2,
.hh-program-result-card h3,
.hh-program-include-card h3,
.hh-program-fit-card h2,
.hh-program-phase h3 {
    margin-bottom: 10px;
    font-size: 3.4rem;
}

.hh-program-results-shell,
.hh-program-includes-shell,
.hh-program-faq-panel {
    padding: 34px;
}

.hh-program-results-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.hh-program-journey-shell,
.hh-program-experience-shell,
.hh-program-fit-shell {
    display: grid;
    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);
    gap: 24px;
    padding: 34px;
}

.hh-program-phase-list,
.hh-program-fit-list {
    display: grid;
    gap: 14px;
}

.hh-program-phase {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 18px;
    align-items: start;
}

.hh-program-phase > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(245, 176, 74, 0.14);
    color: var(--hh-terracotta);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hh-program-includes-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.hh-program-includes-aside {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 28px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(180deg, var(--hh-indigo) 0%, var(--hh-indigo-deep) 100%);
}

.hh-program-includes-aside h3,
.hh-program-includes-aside .hh-mini-label,
.hh-program-includes-aside .hh-proof-columns li {
    color: var(--hh-white);
}

.hh-program-fit-card-alt {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(243, 235, 223, 0.72));
}

.hh-program-fit-card {
    display: grid;
    gap: 16px;
}

.hh-program-fit-list {
    margin: 0;
    padding-left: 20px;
}

.hh-program-fit-image {
    margin: 0;
}

.hh-program-experience-shell {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.12), transparent 20%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 242, 233, 0.82));
}

.hh-program-cta-shell {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.hh-program-editor-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
    gap: 24px;
}

.hh-program-editor-content {
    padding: 28px;
}

.hh-program-editor-content .hh-reading-shell {
    display: block;
}

.hh-program-editor-content .hh-reading-inner {
    width: 100%;
}

.hh-program-editor-side {
    display: grid;
    align-content: start;
    gap: 18px;
}

.hh-program-side-card {
    padding: 28px;
    border: 1px solid rgba(46, 51, 85, 0.08);
    border-radius: 18px;
    background: rgba(255, 253, 250, 0.82);
    box-shadow: var(--hh-shadow-soft);
}

.hh-program-side-card h2 {
    margin-bottom: 12px;
    font-size: 3.6rem;
}

.hh-program-side-card p {
    color: var(--hh-muted);
}

.hh-program-side-card-accent {
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 235, 223, 0.88));
}

.hh-editor-page {
    display: grid;
    gap: 20px;
}

.hh-editor-page-hero,
.hh-members-hero,
.hh-members-side-card,
.hh-members-feed-shell {
    border: 1px solid rgba(46, 51, 85, 0.08);
    border-radius: 24px;
    background: rgba(255, 253, 250, 0.82);
    box-shadow: var(--hh-shadow);
}

.hh-editor-page-hero,
.hh-members-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 24px;
    padding: 34px;
    margin-top: 18px;
    background:
        radial-gradient(circle at top left, rgba(245, 176, 74, 0.12), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 242, 233, 0.82));
}

.hh-editor-page-copy,
.hh-members-hero-copy {
    display: grid;
    align-content: start;
    gap: 18px;
}

.hh-editor-page-image,
.hh-members-side-card {
    margin: 0;
    overflow: hidden;
}

.hh-editor-page-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: var(--hh-shadow-soft);
}

.hh-editor-page-note {
    display: grid;
    gap: 8px;
    max-width: 60rem;
    padding: 20px 22px;
    border-left: 4px solid var(--hh-gold);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
}

.hh-editor-page-note strong {
    color: var(--hh-indigo);
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hh-editor-page-note p {
    color: var(--hh-muted);
}

.hh-page-editor-content {
    padding: 28px;
}

.hh-members-page {
    display: grid;
    gap: 20px;
}

.hh-members-hero {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
}

.hh-members-side-card {
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 28px;
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 235, 223, 0.88));
}

.hh-members-side-card p:last-of-type,
.hh-members-empty-state p {
    color: var(--hh-muted);
}

.hh-members-side-card h2 {
    font-size: 3.6rem;
}

.hh-members-feed-shell {
    padding: 34px;
}

.hh-members-feed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hh-members-empty-state {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 28px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--hh-shadow-soft);
}

.hh-home-page .hh-page-editor-content {
    margin-top: 0;
}

.hh-contact-page {
    display: grid;
    gap: 20px;
}

.hh-contact-page-hero,
.hh-contact-route-card,
.hh-contact-process-shell {
    border: 1px solid rgba(46, 51, 85, 0.08);
    border-radius: 24px;
    background: rgba(255, 253, 250, 0.82);
    box-shadow: var(--hh-shadow);
}

.hh-contact-page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 24px;
    padding: 34px;
    margin-top: 18px;
    background:
        radial-gradient(circle at top left, rgba(245, 176, 74, 0.12), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 242, 233, 0.82));
}

.hh-contact-page-copy,
.hh-contact-process-copy {
    display: grid;
    align-content: start;
    gap: 18px;
}

.hh-contact-page-note {
    display: grid;
    gap: 8px;
    max-width: 60rem;
    padding: 20px 22px;
    border-left: 4px solid var(--hh-gold);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
}

.hh-contact-page-note strong {
    color: var(--hh-indigo);
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hh-contact-page-note p,
.hh-contact-page-summary-card p,
.hh-contact-route-card p,
.hh-contact-process-copy p {
    color: var(--hh-muted);
}

.hh-contact-page-visual,
.hh-contact-page-summary {
    display: grid;
    gap: 18px;
}

.hh-contact-page-image,
.hh-contact-process-image {
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: var(--hh-shadow-soft);
}

.hh-contact-page-image img,
.hh-contact-process-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.hh-contact-page-summary-card,
.hh-contact-route-card {
    padding: 24px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--hh-shadow-soft);
}

.hh-contact-page-summary-card h2,
.hh-contact-route-card h2 {
    margin-bottom: 10px;
    font-size: 3.4rem;
}

.hh-contact-route-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.hh-contact-route-card {
    display: grid;
    align-content: start;
    gap: 16px;
}

.hh-contact-process-shell {
    display: grid;
    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);
    gap: 24px;
    padding: 34px;
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(180deg, var(--hh-indigo) 0%, var(--hh-indigo-deep) 100%);
}

.hh-contact-process-copy .hh-eyebrow,
.hh-contact-process-copy h2,
.hh-contact-process-copy .hh-proof-columns li {
    color: var(--hh-white);
}

.hh-contact-editor-content {
    padding: 28px;
}

.hh-results-page {
    display: grid;
    gap: 20px;
}

.hh-results-page-hero,
.hh-results-trust-card {
    border: 1px solid rgba(46, 51, 85, 0.08);
    border-radius: 24px;
    background: rgba(255, 253, 250, 0.82);
    box-shadow: var(--hh-shadow);
}

.hh-results-page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 24px;
    padding: 34px;
    margin-top: 18px;
    background:
        radial-gradient(circle at top left, rgba(245, 176, 74, 0.12), transparent 24%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 242, 233, 0.82));
}

.hh-results-page-copy {
    display: grid;
    align-content: start;
    gap: 18px;
}

.hh-results-page-note {
    display: grid;
    gap: 8px;
    max-width: 60rem;
    padding: 20px 22px;
    border-left: 4px solid var(--hh-gold);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
}

.hh-results-page-note strong {
    color: var(--hh-indigo);
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hh-results-page-note p,
.hh-results-summary-card p,
.hh-results-trust-card p {
    color: var(--hh-muted);
}

.hh-results-page-visual,
.hh-results-summary-grid {
    display: grid;
    gap: 18px;
}

.hh-results-page-image,
.hh-results-placeholder {
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: var(--hh-shadow-soft);
}

.hh-results-page-image img,
.hh-results-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hh-results-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hh-results-summary-card,
.hh-results-trust-card {
    padding: 24px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--hh-shadow-soft);
}

.hh-results-summary-card h2,
.hh-results-trust-card h2 {
    margin-bottom: 10px;
    font-size: 3.4rem;
}

.hh-results-trust-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 18px;
}

.hh-results-trust-card {
    display: grid;
    align-content: start;
    gap: 16px;
}

.hh-results-trust-card-accent {
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 235, 223, 0.88));
}

.hh-results-trust-card-accent blockquote {
    margin: 0;
    padding-left: 18px;
    border-left: 4px solid var(--hh-gold);
    font-family: var(--font-heading);
    font-size: 2.8rem;
    color: var(--hh-indigo);
}

.hh-results-editor-content {
    padding: 28px;
}

.hh-about-story,
.hh-about-gallery {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
    gap: 24px;
    align-items: center;
}

.hh-about-story-copy,
.hh-about-gallery-copy {
    padding: 6px;
}

.hh-about-story h2,
.hh-about-gallery-copy h3 {
    margin-bottom: 16px;
    font-size: clamp(4rem, 5vw, 5.8rem);
}

.hh-about-story-image img,
.hh-about-gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: var(--hh-shadow-soft);
}

.hh-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 22px;
    background:
        radial-gradient(circle at top right, rgba(245, 176, 74, 0.14), transparent 24%),
        linear-gradient(135deg, var(--hh-indigo) 0%, var(--hh-indigo-deep) 100%);
}

.hh-cta-panel .hh-eyebrow,
.hh-cta-panel h2,
.hh-cta-panel p {
    color: var(--hh-white);
}

.gh-page-article,
.gh-article {
    display: grid;
    gap: 20px;
}

.hh-article-shell {
    display: grid;
    gap: 20px;
    width: min(calc(100vw - (2 * var(--hh-page-gutter))), var(--hh-article-shell-max));
    margin-inline: auto;
}

.hh-page-header {
    margin-top: 18px;
}

.gh-article-title {
    font-size: clamp(4.8rem, 6vw, 7rem);
}

.gh-content {
    background: rgba(255, 255, 255, 0.78);
}

.hh-reading-shell {
    display: block;
    width: 100%;
}

.hh-reading-inner {
    width: 100%;
    max-width: none;
}

.hh-prose {
    display: grid;
    gap: 18px;
}

.hh-prose > * {
    max-width: 100%;
}

.hh-prose h2 {
    margin-top: 20px;
    font-size: 4.2rem;
}

.hh-prose h3 {
    margin-top: 14px;
    font-size: 3rem;
}

.hh-prose p,
.hh-prose li {
    font-size: 1.8rem;
    line-height: 1.85;
}

.hh-prose ul,
.hh-prose ol {
    padding-left: 22px;
}

.hh-prose ul,
.hh-prose ol,
.hh-prose blockquote,
.hh-prose figure,
.hh-prose .kg-card {
    margin-top: 8px;
}

.hh-prose blockquote {
    padding-left: 18px;
    border-left: 4px solid var(--hh-gold);
    font-family: var(--font-heading);
    font-size: 2.8rem;
    color: var(--hh-indigo);
}

.hh-prose img,
.hh-prose .kg-image-card img,
.hh-prose .kg-gallery-card img {
    border-radius: 14px;
}

.hh-prose .kg-width-wide,
.kg-width-wide {
    width: min(calc(100% + 12rem), 120rem);
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
}

.hh-prose .kg-width-full,
.kg-width-full {
    width: 100vw;
    max-width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.hh-prose .kg-width-full img,
.kg-width-full img {
    width: 100%;
    border-radius: 0;
}

.hh-prose hr {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--hh-line);
}

.gh-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.gh-article-author-name {
    margin: 0;
    font-family: var(--font-body);
    font-size: 1.6rem;
    color: var(--hh-indigo);
}

.gh-feature-image,
.kg-image-card img,
.kg-gallery-image img {
    overflow: hidden;
    border-radius: 16px;
}

.gh-container {
    padding-top: 20px;
}

.gh-container-title {
    margin-bottom: 18px;
    font-size: 4rem;
}

.gh-footer {
    padding: 20px 0 36px;
}

@media (max-width: 767px) {
    .hh-prose .kg-width-wide,
    .kg-width-wide,
    .hh-prose .kg-width-full,
    .kg-width-full {
        width: calc(100% + 3.2rem);
    }
}

.gh-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px;
    color: var(--hh-white);
    background: linear-gradient(135deg, rgba(32, 37, 65, 0.98), rgba(46, 51, 85, 0.98));
}

.gh-footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.gh-footer-copyright {
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 1080px) {
    .hh-hero-shell,
    .hh-about-shell,
    .hh-results-shell,
    .hh-editor-page-hero,
    .hh-members-hero,
    .hh-about-story,
    .hh-about-gallery,
    .hh-program-hero-shell,
    .hh-program-editor-shell,
    .hh-program-journey-shell,
    .hh-program-fit-shell,
    .hh-program-experience-shell,
    .hh-results-page-hero,
    .hh-results-trust-grid,
    .hh-contact-page-hero,
    .hh-contact-process-shell,
    .hh-service-grid,
    .hh-feed-preview,
    .gh-feed,
    .hh-faq-grid,
    .hh-about-credentials,
    .hh-program-results-grid,
    .hh-program-includes-grid,
    .hh-contact-route-grid,
    .gh-footer-bar {
        grid-template-columns: 1fr;
    }

    .hh-service-grid,
    .hh-feed-preview,
    .gh-feed,
    .hh-faq-grid,
    .hh-about-credentials,
    .hh-program-results-grid,
    .hh-program-includes-grid,
    .hh-contact-route-grid {
        display: grid;
    }

    .gh-navigation-actions {
        display: none;
    }
}

@media (max-width: 820px) {
    .gh-navigation-inner {
        flex-wrap: wrap;
        min-height: auto;
        padding: 14px;
    }

    .gh-burger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
    }

    .gh-navigation-menu {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 14px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.04);
    }

    .gh-navigation.is-open .gh-navigation-menu,
    .is-dropdown-loaded .gh-navigation-menu {
        display: flex;
    }

    .gh-navigation-menu a {
        width: 100%;
        justify-content: flex-start;
        padding: 0 14px;
        font-size: 1.25rem;
    }

    .gh-navigation-mobile-actions {
        display: grid;
        width: 100%;
        gap: 10px;
        padding-top: 8px;
    }

    .gh-navigation-mobile-actions .gh-button {
        width: 100%;
    }

    .hh-brand-grid,
    .hh-empty-state-grid,
    .hh-members-empty-state,
    .hh-foundation-grid,
    .hh-program-highlight-grid,
    .hh-program-phase,
    .hh-contact-page-summary,
    .hh-results-summary-grid {
        grid-template-columns: 1fr;
    }

    .hh-button-row,
    .hh-badge-row,
    .hh-lead-cta,
    .hh-lead-cta-actions,
    .hh-cta-panel {
        flex-direction: column;
        align-items: stretch;
    }

    .hh-hero-copy,
    .hh-brand-panel,
    .hh-about-copy,
    .hh-about-brand,
    .hh-quote-card,
    .hh-proof-panel,
    .hh-cta-panel,
    .hh-program-hero-shell,
    .hh-program-editor-content,
    .hh-program-results-shell,
    .hh-program-journey-shell,
    .hh-program-includes-shell,
    .hh-program-fit-shell,
    .hh-program-experience-shell,
    .hh-program-faq-panel,
    .hh-results-page-hero,
    .hh-results-editor-content,
    .hh-contact-page-hero,
    .hh-contact-process-shell,
    .hh-contact-editor-content,
    .hh-editor-page-hero,
    .hh-page-editor-content,
    .hh-members-hero,
    .hh-members-feed-shell,
    .hh-members-side-card,
    .hh-page-header,
    .gh-content,
    .hh-programs-shell,
    .hh-resources-shell,
    .hh-faq-shell,
    .hh-contact-shell,
    .hh-lead-cta {
        padding: 24px;
    }

    .gh-button,
    .gh-button-secondary {
        width: 100%;
    }

    .hh-hero-title,
    .gh-article-title {
        max-width: none;
        font-size: 4.8rem;
    }

    .hh-prose p,
    .hh-prose li {
        font-size: 1.7rem;
    }
}