:root {
    --cm-ivory: #f6f3ed;
    --cm-stone: #ded8ce;
    --cm-sage: #7d8172;
    --cm-botanical: #26372f;
    --cm-earth: #796353;
    --cm-ink: #171715;
    --cm-white: #fffdf8;

    --cm-shell: min(1240px, calc(100% - 48px));
    --cm-reading: 720px;

    --cm-space-1: 0.5rem;
    --cm-space-2: 1rem;
    --cm-space-3: 1.5rem;
    --cm-space-4: 2rem;
    --cm-space-5: 3rem;
    --cm-space-6: 5rem;
    --cm-space-7: 8rem;

    --cm-serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
    --cm-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

html {
    color: var(--cm-ink);
    background: var(--cm-ivory);
    font-family: var(--cm-sans);
    line-height: 1.6;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--cm-ivory);
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--cm-earth);
    outline-offset: 4px;
}

.shell {
    width: var(--cm-shell);
    margin-inline: auto;
}

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    padding: 0.65rem 0.9rem;
    background: var(--cm-ink);
    color: var(--cm-white);
    transform: translateY(-160%);
}

.skip-link:focus {
    transform: translateY(0);
}

.site-header {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid rgba(23, 23, 21, 0.15);
    background: rgba(246, 243, 237, 0.96);
}

.site-header__inner {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cm-space-4);
}

.wordmark {
    font-family: var(--cm-serif);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 500;
    letter-spacing: -0.035em;
    text-decoration: none;
}

.primary-nav__list,
.footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.primary-nav a,
.footer-nav a {
    position: relative;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.primary-nav a::after,
.footer-nav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.35rem;
    left: 0;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.primary-nav a:hover::after,
.primary-nav a:focus-visible::after,
.footer-nav a:hover::after,
.footer-nav a:focus-visible::after {
    transform: scaleX(1);
}

.eyebrow {
    margin: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.home-hero {
    overflow: hidden;
    border-bottom: 1px solid rgba(23, 23, 21, 0.15);
}

.home-hero__inner {
    position: relative;
    min-height: min(800px, calc(100vh - 86px));
    padding-block: 2rem 4rem;
    display: grid;
    grid-template-rows: auto 1fr;
}

.home-hero__meta {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(23, 23, 21, 0.15);
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-hero__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 2.6fr) minmax(250px, 0.8fr);
    align-items: end;
    gap: clamp(2rem, 5vw, 6rem);
    padding-top: clamp(4rem, 9vw, 8rem);
}

.home-hero h1,
.article-header h1,
.section-heading h2,
.section-intro h2,
.manifesto h2,
.evidence-note h2 {
    margin: 0;
    font-family: var(--cm-serif);
    font-weight: 400;
    letter-spacing: -0.058em;
    line-height: 0.9;
}

.home-hero h1 {
    max-width: 980px;
    margin-top: 1.1rem;
    font-size: clamp(4.4rem, 9.2vw, 9rem);
}

.home-hero h1 em,
.manifesto h2 em {
    color: var(--cm-botanical);
    font-weight: 400;
}

.home-hero__aside {
    align-self: end;
    max-width: 330px;
    padding: 1.4rem 0 0 1.4rem;
    border-left: 1px solid rgba(23, 23, 21, 0.3);
}

.home-hero__aside p {
    margin: 0 0 1.75rem;
    font-family: var(--cm-serif);
    font-size: clamp(1.05rem, 1.5vw, 1.3rem);
    line-height: 1.35;
}

.text-link {
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 2.5rem;
    min-width: 190px;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid currentColor;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.home-hero__monogram {
    position: absolute;
    right: -0.07em;
    bottom: -0.25em;
    z-index: 0;
    color: rgba(38, 55, 47, 0.055);
    font-family: var(--cm-serif);
    font-size: clamp(16rem, 34vw, 34rem);
    letter-spacing: -0.1em;
    line-height: 0.72;
    pointer-events: none;
    user-select: none;
}

.editorial-strip {
    border-bottom: 1px solid rgba(23, 23, 21, 0.15);
    background: var(--cm-white);
}

.editorial-strip__inner {
    min-height: 58px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 1rem;
    font-family: var(--cm-serif);
    font-size: 0.95rem;
}

.editorial-strip__inner span:nth-child(2) {
    text-align: center;
}

.editorial-strip__inner span:last-child {
    text-align: right;
}

.section,
.page-shell {
    padding-block: var(--cm-space-7);
}

.section-intro {
    display: grid;
    grid-template-columns: minmax(120px, 0.65fr) minmax(0, 2.2fr) minmax(240px, 0.9fr);
    align-items: end;
    gap: 2rem;
    margin-bottom: var(--cm-space-6);
}

.section-intro h2 {
    max-width: 760px;
    font-size: clamp(3.2rem, 6.5vw, 6.4rem);
}

.section-intro > p:last-child {
    max-width: 32ch;
    margin: 0;
    font-family: var(--cm-serif);
    font-size: 1.15rem;
    line-height: 1.45;
}

.principle-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(23, 23, 21, 0.22);
    border-bottom: 1px solid rgba(23, 23, 21, 0.22);
}

.principle {
    min-height: 330px;
    padding: 1.5rem 2rem 2rem 0;
}

.principle + .principle {
    padding-left: 2rem;
    border-left: 1px solid rgba(23, 23, 21, 0.22);
}

.principle__number {
    margin: 0 0 4.5rem;
    color: var(--cm-earth);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
}

.principle h3 {
    margin: 0 0 1rem;
    font-family: var(--cm-serif);
    font-size: clamp(2rem, 3vw, 3.1rem);
    font-weight: 400;
    letter-spacing: -0.045em;
    line-height: 0.98;
}

.principle p:last-child {
    max-width: 34ch;
    margin-bottom: 0;
}

.manifesto {
    padding-block: var(--cm-space-7);
    background: var(--cm-botanical);
    color: var(--cm-ivory);
}

.manifesto__grid {
    display: grid;
    grid-template-columns: minmax(120px, 0.65fr) minmax(0, 3fr);
    gap: var(--cm-space-5);
}

.manifesto h2 {
    max-width: 900px;
    font-size: clamp(3.5rem, 7vw, 7.4rem);
}

.manifesto h2 em {
    color: var(--cm-stone);
}

.manifesto p:not(.eyebrow) {
    max-width: 610px;
    margin: 2.5rem 0 0;
    font-family: var(--cm-serif);
    font-size: 1.15rem;
}

.section-heading {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: end;
    gap: 3rem;
    margin-bottom: var(--cm-space-5);
}

.section-heading h2 {
    margin-top: 0.7rem;
    font-size: clamp(3.2rem, 6vw, 5.7rem);
}

.section-heading__note {
    max-width: 40ch;
    margin: 0;
}

.article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(23, 23, 21, 0.22);
    border-left: 1px solid rgba(23, 23, 21, 0.22);
}

.article-card {
    min-height: 330px;
    padding: var(--cm-space-4);
    border-right: 1px solid rgba(23, 23, 21, 0.22);
    border-bottom: 1px solid rgba(23, 23, 21, 0.22);
    background: var(--cm-ivory);
}

.article-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.article-card__title {
    margin: 2.8rem 0 1.4rem;
    font-family: var(--cm-serif);
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 400;
    letter-spacing: -0.045em;
    line-height: 0.98;
}

.article-card__title a {
    text-decoration: none;
}

.article-card__excerpt {
    max-width: 38ch;
}

.article-card--placeholder {
    grid-column: span 2;
    background: var(--cm-stone);
}

.evidence-note {
    padding-block: var(--cm-space-6);
    border-top: 1px solid rgba(23, 23, 21, 0.15);
    background: var(--cm-white);
}

.evidence-note__grid {
    display: grid;
    grid-template-columns: minmax(120px, 0.65fr) minmax(0, 3fr);
    gap: var(--cm-space-5);
}

.evidence-note h2 {
    font-size: clamp(3rem, 6vw, 5.8rem);
}

.evidence-note p:not(.eyebrow) {
    max-width: 570px;
    margin: 1.5rem 0 0;
    font-family: var(--cm-serif);
    font-size: 1.15rem;
}

.article-shell {
    max-width: 980px;
    padding-block: var(--cm-space-7);
}

.article-header {
    max-width: 900px;
    margin-bottom: var(--cm-space-5);
}

.article-header h1 {
    margin-top: var(--cm-space-2);
    font-size: clamp(3.7rem, 8vw, 7rem);
}

.article-deck {
    max-width: 700px;
    margin-top: var(--cm-space-4);
    font-family: var(--cm-serif);
    font-size: clamp(1.25rem, 2.2vw, 1.7rem);
}

.article-hero {
    margin: 0 0 var(--cm-space-6);
}

.article-body {
    max-width: var(--cm-reading);
    margin-inline: auto;
    font-size: 1.06rem;
}

.article-body h2,
.article-body h3 {
    font-family: var(--cm-serif);
    font-weight: 400;
    letter-spacing: -0.035em;
    line-height: 1.05;
}

.article-body h2 {
    margin-top: var(--cm-space-6);
    font-size: clamp(2.2rem, 4vw, 3.6rem);
}

.article-body h3 {
    margin-top: var(--cm-space-5);
    font-size: 2rem;
}

.site-footer {
    padding-block: var(--cm-space-6) 2rem;
    border-top: 1px solid rgba(23, 23, 21, 0.14);
    background: var(--cm-ink);
    color: var(--cm-ivory);
}

.site-footer__inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--cm-space-5);
}

.site-footer__statement {
    max-width: 470px;
    margin-bottom: 0;
    color: var(--cm-stone);
}

.site-footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: var(--cm-space-6);
    padding-top: 1.25rem;
    border-top: 1px solid rgba(246, 243, 237, 0.2);
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.site-footer__bottom p {
    margin: 0;
}

@media (max-width: 920px) {
    :root {
        --cm-shell: min(100% - 32px, 1240px);
        --cm-space-7: 6rem;
    }

    .home-hero__grid,
    .section-intro,
    .section-heading,
    .manifesto__grid,
    .evidence-note__grid,
    .site-footer__inner {
        grid-template-columns: 1fr;
    }

    .home-hero__grid {
        align-content: end;
    }

    .home-hero__aside {
        max-width: 480px;
        padding-left: 0;
        border-left: 0;
    }

    .section-intro > p:last-child,
    .section-heading__note {
        max-width: 50ch;
    }

    .principle-grid,
    .article-grid {
        grid-template-columns: 1fr;
    }

    .principle {
        min-height: 0;
        padding: 2rem 0 3rem;
    }

    .principle + .principle {
        padding-left: 0;
        border-top: 1px solid rgba(23, 23, 21, 0.22);
        border-left: 0;
    }

    .principle__number {
        margin-bottom: 2.8rem;
    }

    .article-card--placeholder {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    :root {
        --cm-shell: min(100% - 28px, 1240px);
        --cm-space-7: 4.75rem;
    }

    .site-header__inner {
        min-height: 74px;
    }

    .primary-nav__list {
        gap: 1rem;
    }

    .primary-nav a {
        font-size: 0.72rem;
    }

    .home-hero__inner {
        min-height: calc(100svh - 74px);
        padding-block: 1rem 2.2rem;
    }

    .home-hero__meta {
        display: block;
    }

    .home-hero__meta span:last-child {
        display: none;
    }

    .home-hero h1 {
        font-size: clamp(3.6rem, 17vw, 5.2rem);
    }

    .home-hero__grid {
        gap: 2.5rem;
        padding-top: 3.5rem;
    }

    .home-hero__monogram {
        right: -0.12em;
        bottom: -0.05em;
        font-size: 15rem;
    }

    .editorial-strip__inner {
        grid-template-columns: 1fr;
        gap: 0.2rem;
        padding-block: 1rem;
    }

    .editorial-strip__inner span,
    .editorial-strip__inner span:nth-child(2),
    .editorial-strip__inner span:last-child {
        text-align: left;
    }

    .section-intro,
    .section-heading,
    .manifesto__grid,
    .evidence-note__grid {
        gap: 1.4rem;
    }

    .section-intro h2,
    .section-heading h2,
    .manifesto h2,
    .evidence-note h2 {
        font-size: clamp(3rem, 14vw, 4.6rem);
    }

    .article-card {
        min-height: 280px;
        padding: 1.5rem;
    }

    .site-footer__bottom {
        flex-direction: column;
        gap: 0.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .primary-nav a::after,
    .footer-nav a::after {
        transition: none;
    }
}


/* Personal-blog homepage: intentionally minimal. */
.home-hero--personal .home-hero__inner {
    min-height: min(680px, calc(88vh - 86px));
    grid-template-rows: 1fr;
    padding-block: clamp(4rem, 9vw, 8rem);
}

.home-hero--personal .home-hero__grid {
    padding-top: 0;
}

.section-heading--simple {
    grid-template-columns: 1fr;
}

.personal-note {
    padding-block: var(--cm-space-6);
    border-top: 1px solid rgba(23, 23, 21, 0.15);
}

.personal-note__inner {
    display: grid;
    grid-template-columns: minmax(110px, 0.45fr) minmax(0, 1.55fr);
    gap: var(--cm-space-5);
}

.personal-note h2 {
    max-width: 720px;
    margin: 0;
    font-family: var(--cm-serif);
    font-size: clamp(2.8rem, 5vw, 5rem);
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.personal-note p:not(.eyebrow) {
    max-width: 620px;
    margin: 1.5rem 0 0;
    font-family: var(--cm-serif);
    font-size: 1.1rem;
}

.site-footer--minimal {
    padding-block: 1.5rem;
}

.site-footer__bottom--minimal {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    align-items: center;
}

@media (max-width: 920px) {
    .personal-note__inner {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }
}

@media (max-width: 640px) {
    .home-hero--personal .home-hero__inner {
        min-height: auto;
        padding-block: 4.5rem;
    }

    .site-footer__bottom--minimal {
        align-items: flex-start;
    }
}


/* Journal and article templates. */
.archive-shell {
    padding-block: var(--cm-space-7);
}

.archive-header {
    max-width: 900px;
    margin-bottom: var(--cm-space-5);
}

.archive-header h1 {
    margin: 0.75rem 0 1.5rem;
    font-family: var(--cm-serif);
    font-size: clamp(3.6rem, 7vw, 7rem);
    font-weight: 400;
    letter-spacing: -0.058em;
    line-height: 0.92;
}

.archive-description {
    max-width: 620px;
    margin-bottom: 1.5rem;
    font-family: var(--cm-serif);
    font-size: 1.1rem;
}

.archive-description p {
    margin: 0;
}

.topic-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.8rem;
    max-width: 760px;
    font-size: 0.78rem;
}

.topic-links a {
    text-decoration: none;
}

.topic-links a:hover,
.topic-links a:focus-visible {
    text-decoration: underline;
}

.article-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.1rem;
    font-size: 0.76rem;
}

.article-meta a {
    text-decoration: none;
}

.article-meta time {
    color: rgba(23, 23, 21, 0.72);
}

.article-body > :first-child {
    margin-top: 0;
}

.article-body p,
.article-body ul,
.article-body ol,
.article-body blockquote {
    margin-top: 0;
    margin-bottom: 1.35rem;
}

.article-body blockquote {
    margin-left: 0;
    padding-left: 1.25rem;
    border-left: 1px solid rgba(23, 23, 21, 0.3);
    font-family: var(--cm-serif);
    font-size: 1.18rem;
}

.article-body a {
    text-decoration-thickness: 1px;
}

.article-footer {
    max-width: var(--cm-reading);
    margin: var(--cm-space-6) auto 0;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(23, 23, 21, 0.18);
    font-size: 0.8rem;
}

.article-footer a {
    text-decoration: none;
}

.navigation.pagination {
    margin-top: var(--cm-space-5);
}

.nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    font-size: 0.8rem;
}

.nav-links a {
    text-decoration: none;
}

@media (max-width: 640px) {
    .archive-shell {
        padding-block: 4.5rem;
    }

    .archive-header h1 {
        font-size: clamp(3.2rem, 15vw, 4.8rem);
    }

    .article-shell {
        padding-block: 4.5rem;
    }

    .article-header h1 {
        font-size: clamp(3.2rem, 15vw, 5rem);
    }
}


/* FORM-inspired editorial refinement.
   Uses Carla's existing palette and minimal personal-blog structure. */
:root {
    --cm-rule: rgba(23, 23, 21, 0.17);
}

.site-header__inner {
    min-height: 78px;
}

.primary-nav a,
.footer-nav a,
.topic-links,
.article-meta,
.nav-links {
    letter-spacing: 0.035em;
}

.home-hero--personal {
    border-bottom-color: var(--cm-rule);
}

.home-hero--personal .home-hero__inner {
    min-height: min(720px, calc(92vh - 78px));
    padding-block: clamp(5rem, 10vw, 9rem);
}

.home-hero--personal .home-hero__grid {
    grid-template-columns: minmax(0, 2.8fr) minmax(230px, 0.72fr);
    gap: clamp(3rem, 7vw, 8rem);
}

.home-hero--personal .home-hero__aside {
    max-width: 300px;
}

.home-hero--personal .home-hero__aside p {
    font-size: clamp(1.08rem, 1.45vw, 1.28rem);
}

.journal.section {
    padding-block: clamp(6rem, 9vw, 9rem);
}

.section-heading--simple {
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid var(--cm-rule);
}

.section-heading--simple h2 {
    font-size: clamp(3.6rem, 6.5vw, 6.2rem);
}

.article-grid--editorial {
    width: 100%;
    max-width: 1040px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(2.75rem, 4vw, 4rem) clamp(1.25rem, 2.5vw, 2rem);
    border: 0;
    background: transparent;
}

.article-card--editorial {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.article-card__media {
    display: block;
    overflow: hidden;
    margin-bottom: 1.35rem;
    background: var(--cm-stone);
    text-decoration: none;
}

.article-card__media img {
    width: 100%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    transition: transform 350ms ease;
}

.article-card--editorial:hover .article-card__media img {
    transform: scale(1.015);
}

.article-card__content {
    padding-top: 0.2rem;
    border-top: 1px solid var(--cm-rule);
}

.article-card__meta {
    padding-top: 0.85rem;
}

.article-card__title {
    max-width: 17ch;
    margin: 1.15rem 0 0.7rem;
    font-size: clamp(1.65rem, 2.35vw, 2.5rem);
}

.article-card__excerpt {
    max-width: 44ch;
    color: rgba(23, 23, 21, 0.76);
}

.article-card__excerpt p {
    margin: 0;
}

.article-card--placeholder {
    grid-column: auto;
    min-height: 260px;
}

.personal-note {
    padding-block: clamp(6rem, 9vw, 9rem);
    border-top-color: var(--cm-rule);
}

.personal-note__inner {
    grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1.58fr);
}

.personal-note h2 {
    max-width: 760px;
    font-size: clamp(3.4rem, 6vw, 6rem);
}

.archive-shell {
    padding-block: clamp(6rem, 9vw, 9rem);
}

.archive-header {
    max-width: 100%;
    padding-bottom: 2.25rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--cm-rule);
}

.archive-header h1 {
    max-width: 11ch;
    font-size: clamp(4.5rem, 8vw, 8rem);
}

.topic-links {
    gap: 0.55rem 1rem;
    max-width: none;
    margin-top: 2rem;
}

.article-shell {
    width: var(--cm-shell);
    max-width: none;
    padding-block: clamp(6rem, 9vw, 9rem);
}

.article-header {
    max-width: 940px;
    margin-bottom: clamp(3rem, 5vw, 5rem);
}

.article-header h1 {
    max-width: 12ch;
    font-size: clamp(4.5rem, 8.4vw, 8.2rem);
}

.article-deck {
    max-width: 720px;
    font-size: clamp(1.3rem, 2vw, 1.65rem);
    line-height: 1.4;
}

.article-hero {
    width: 100%;
    margin: 0 0 clamp(4rem, 7vw, 7rem);
    overflow: hidden;
}

.article-hero img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.article-body {
    font-size: 1.075rem;
    line-height: 1.72;
}

.article-body h2 {
    margin-top: 4.8rem;
}

.article-body h3 {
    margin-top: 3.2rem;
}

.article-footer {
    margin-top: 5rem;
}

.site-footer--minimal {
    padding-block: 1.25rem;
}

@media (max-width: 920px) {
    .home-hero--personal .home-hero__grid,
    .personal-note__inner {
        grid-template-columns: 1fr;
    }

    .article-grid--editorial {
        grid-template-columns: 1fr 1fr;
    }

    .article-card__title {
        max-width: 16ch;
    }
}

@media (max-width: 640px) {
    .home-hero--personal .home-hero__inner {
        min-height: auto;
        padding-block: 4.75rem 5rem;
    }

    .home-hero--personal .home-hero__grid {
        gap: 3rem;
    }

    .journal.section,
    .personal-note,
    .archive-shell,
    .article-shell {
        padding-block: 4.75rem;
    }

    .section-heading--simple h2,
    .personal-note h2 {
        font-size: clamp(3rem, 15vw, 4.6rem);
    }

    .article-grid--editorial {
        grid-template-columns: 1fr;
        gap: 3.5rem;
    }

    .article-card__media img {
        aspect-ratio: 4 / 3;
    }

    .archive-header h1,
    .article-header h1 {
        font-size: clamp(3.6rem, 16vw, 5.4rem);
    }

    .article-hero img {
        aspect-ratio: 4 / 5;
    }
}

@media (prefers-reduced-motion: reduce) {
    .article-card__media img {
        transition: none;
    }

    .article-card--editorial:hover .article-card__media img {
        transform: none;
    }
}


/* Homepage content architecture: featured note + topic explorer. */
.featured-note {
    padding-block: clamp(5.5rem, 8vw, 8rem);
    border-bottom: 1px solid var(--cm-rule);
    background: var(--cm-white);
}

.featured-note__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    align-items: center;
    gap: clamp(3rem, 7vw, 7rem);
}

.featured-note__media {
    display: block;
    overflow: hidden;
    background: var(--cm-stone);
    text-decoration: none;
}

.featured-note__media img {
    width: 100%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    transition: transform 350ms ease;
}

.featured-note__media:hover img {
    transform: scale(1.012);
}

.featured-note__content {
    max-width: 520px;
}

.featured-note__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1.35rem;
    font-size: 0.73rem;
    letter-spacing: 0.035em;
}

.featured-note__meta a {
    text-decoration: none;
}

.featured-note__meta time {
    color: rgba(23, 23, 21, 0.7);
}

.featured-note h2 {
    max-width: 11ch;
    margin: 1.4rem 0 1.2rem;
    font-family: var(--cm-serif);
    font-size: clamp(2.8rem, 5vw, 5.1rem);
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 0.94;
}

.featured-note h2 a {
    text-decoration: none;
}

.featured-note__excerpt {
    max-width: 44ch;
    margin-bottom: 2rem;
    color: rgba(23, 23, 21, 0.78);
}

.featured-note__excerpt p {
    margin: 0;
}

.topic-explorer {
    padding-block: clamp(5rem, 8vw, 7.5rem);
    background: var(--cm-botanical);
    color: var(--cm-ivory);
}

.topic-explorer__inner {
    display: grid;
    grid-template-columns: minmax(200px, 0.65fr) minmax(0, 1.75fr);
    gap: clamp(3rem, 7vw, 7rem);
}

.topic-explorer__heading h2 {
    max-width: 7ch;
    margin: 0.8rem 0 0;
    font-family: var(--cm-serif);
    font-size: clamp(3rem, 5.5vw, 5.3rem);
    font-weight: 400;
    letter-spacing: -0.055em;
    line-height: 0.94;
}

.topic-explorer__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    border-top: 1px solid rgba(246, 243, 237, 0.32);
}

.topic-explorer__item {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 94px;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(246, 243, 237, 0.32);
    text-decoration: none;
}

.topic-explorer__item:nth-child(odd) {
    padding-right: 1.8rem;
    border-right: 1px solid rgba(246, 243, 237, 0.32);
}

.topic-explorer__item:nth-child(even) {
    padding-left: 1.8rem;
}

.topic-explorer__item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    padding-right: 0;
    border-right: 0;
}

.topic-explorer__number {
    color: var(--cm-stone);
    font-size: 0.66rem;
    letter-spacing: 0.12em;
}

.topic-explorer__name {
    font-family: var(--cm-serif);
    font-size: clamp(1.35rem, 2.3vw, 2.2rem);
    letter-spacing: -0.035em;
    line-height: 1;
}

.topic-explorer__arrow {
    font-size: 0.85rem;
    transition: transform 180ms ease;
}

.topic-explorer__item:hover .topic-explorer__arrow,
.topic-explorer__item:focus-visible .topic-explorer__arrow {
    transform: translate(0.18rem, -0.18rem);
}

.journal__empty {
    margin: 0;
    font-family: var(--cm-serif);
    font-size: 1.15rem;
}

.personal-note {
    background: var(--cm-white);
}

@media (max-width: 920px) {
    .featured-note__grid,
    .topic-explorer__inner {
        grid-template-columns: 1fr;
    }

    .featured-note__content {
        max-width: 680px;
    }

    .topic-explorer__heading h2 {
        max-width: 10ch;
    }
}

@media (max-width: 640px) {
    .featured-note,
    .topic-explorer {
        padding-block: 4.75rem;
    }

    .featured-note__grid {
        gap: 2.5rem;
    }

    .featured-note__media img {
        aspect-ratio: 4 / 3;
    }

    .featured-note h2 {
        font-size: clamp(2.8rem, 13vw, 4.3rem);
    }

    .topic-explorer__inner {
        gap: 2.5rem;
    }

    .topic-explorer__grid {
        grid-template-columns: 1fr;
    }

    .topic-explorer__item,
    .topic-explorer__item:nth-child(odd),
    .topic-explorer__item:nth-child(even),
    .topic-explorer__item:last-child:nth-child(odd) {
        grid-column: auto;
        padding: 1.05rem 0;
        border-right: 0;
    }

    .topic-explorer__item {
        min-height: 82px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .featured-note__media img,
    .topic-explorer__arrow {
        transition: none;
    }

    .featured-note__media:hover img,
    .topic-explorer__item:hover .topic-explorer__arrow,
    .topic-explorer__item:focus-visible .topic-explorer__arrow {
        transform: none;
    }
}


/* Homepage rhythm v3: stronger editorial hierarchy without adding sections. */
.home-hero--personal .home-hero__inner {
    min-height: min(590px, calc(78vh - 78px));
    padding-block: clamp(4rem, 7vw, 6.5rem);
}

.home-hero--personal .home-hero__grid {
    gap: clamp(2.75rem, 6vw, 6.5rem);
}

.featured-note {
    padding-block: clamp(4.25rem, 6.5vw, 6rem);
}

.featured-note__grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
    align-items: end;
    gap: clamp(2.5rem, 5vw, 5.5rem);
}

.featured-note__media img {
    aspect-ratio: 16 / 11;
}

.featured-note__content {
    max-width: 560px;
    padding-bottom: 0.45rem;
}

.featured-note h2 {
    max-width: 10ch;
    margin: 1.15rem 0 1rem;
    font-size: clamp(3.2rem, 5.6vw, 5.8rem);
    line-height: 0.91;
}

.featured-note__excerpt {
    max-width: 42ch;
    margin-bottom: 1.65rem;
}

.topic-explorer {
    padding-block: clamp(4.5rem, 6.5vw, 6rem);
}

.topic-explorer__inner {
    grid-template-columns: minmax(200px, 0.52fr) minmax(0, 1.8fr);
    gap: clamp(2.75rem, 6vw, 6rem);
}

.topic-explorer__heading h2 {
    max-width: 6.5ch;
    font-size: clamp(3.2rem, 5vw, 4.9rem);
}

.topic-explorer__item {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 88px;
    gap: 1rem;
}

.topic-explorer__name {
    font-size: clamp(1.55rem, 2.5vw, 2.35rem);
}

.topic-explorer__arrow {
    opacity: 0.8;
}

.journal.section {
    padding-block: clamp(5rem, 7vw, 6.5rem);
}

.section-heading--simple {
    padding-bottom: 1.5rem;
    margin-bottom: 2.25rem;
}

.article-grid--single {
    display: block;
    max-width: none;
}

.article-grid--single .article-card--editorial {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
    align-items: end;
    gap: clamp(2.5rem, 6vw, 6rem);
}

.article-grid--single .article-card__media {
    margin-bottom: 0;
}

.article-grid--single .article-card__media img {
    aspect-ratio: 16 / 10;
}

.article-grid--single .article-card__content {
    padding: 0.35rem 0 0.45rem;
    border-top: 1px solid var(--cm-rule);
}

.article-grid--single .article-card__title {
    max-width: 13ch;
    margin: 1.25rem 0 0.8rem;
    font-size: clamp(2.5rem, 4.2vw, 4.4rem);
    line-height: 0.95;
}

.article-grid--single .article-card__excerpt {
    max-width: 42ch;
}

.article-grid--count-3 .article-card:first-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    align-items: end;
    gap: clamp(2.25rem, 5vw, 5rem);
}

.article-grid--count-3 .article-card:first-child .article-card__media {
    margin-bottom: 0;
}

.article-grid--count-3 .article-card:first-child .article-card__media img {
    aspect-ratio: 16 / 10;
}

.article-grid--count-3 .article-card:first-child .article-card__title {
    max-width: 14ch;
    font-size: clamp(2.2rem, 3.6vw, 3.6rem);
}

.personal-note {
    padding-block: clamp(4.5rem, 6vw, 5.75rem);
}

.personal-note__inner {
    grid-template-columns: minmax(120px, 0.3fr) minmax(0, 1.7fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
}

.personal-note h2 {
    max-width: 700px;
    font-size: clamp(3.3rem, 5.5vw, 5.3rem);
}

.personal-note p:not(.eyebrow) {
    max-width: 54ch;
    margin-top: 1.25rem;
}

@media (max-width: 920px) {
    .home-hero--personal .home-hero__inner {
        min-height: auto;
        padding-block: 5rem 5.5rem;
    }

    .featured-note__grid,
    .topic-explorer__inner,
    .article-grid--single .article-card--editorial,
    .article-grid--count-3 .article-card:first-child {
        grid-template-columns: 1fr;
    }

    .featured-note__content {
        max-width: 700px;
        padding-bottom: 0;
    }

    .article-grid--single .article-card__media,
    .article-grid--count-3 .article-card:first-child .article-card__media {
        margin-bottom: 1.35rem;
    }

    .article-grid--single .article-card__title,
    .article-grid--count-3 .article-card:first-child .article-card__title {
        max-width: 16ch;
    }
}

@media (max-width: 640px) {
    .home-hero--personal .home-hero__inner {
        padding-block: 4.25rem 4.5rem;
    }

    .featured-note,
    .topic-explorer,
    .journal.section,
    .personal-note {
        padding-block: 4.25rem;
    }

    .featured-note__media img,
    .article-grid--single .article-card__media img,
    .article-grid--count-3 .article-card:first-child .article-card__media img {
        aspect-ratio: 4 / 3;
    }

    .featured-note h2 {
        font-size: clamp(3rem, 13vw, 4.35rem);
    }

    .topic-explorer__item {
        min-height: 76px;
    }

    .topic-explorer__name {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    .article-grid--single .article-card__title {
        font-size: clamp(2.4rem, 11vw, 3.4rem);
    }

    .personal-note__inner {
        gap: 1.25rem;
    }
}


/* Homepage compact topics v4. */
.topic-strip {
    border-top: 1px solid var(--cm-rule);
    border-bottom: 1px solid var(--cm-rule);
    background: var(--cm-ivory);
}

.topic-strip__inner {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 58px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 1rem;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.topic-strip__inner::-webkit-scrollbar {
    display: none;
}

.topic-strip__item {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.75rem;
    min-height: 58px;
    padding: 0 1.45rem;
    border-right: 1px solid var(--cm-rule);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

.topic-strip__item:first-child {
    padding-left: 0;
}

.topic-strip__item:last-child {
    border-right: 0;
}

.topic-strip__dot {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 1.35rem;
    border-radius: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: none;
}

/* Topic icons use the supplied PNG artwork for each category. */
.topic-strip__item--mind-brain .topic-strip__dot {
    background-image: url("data:image/png;base64,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");
}

.topic-strip__item--movement-pilates .topic-strip__dot {
    background-image: url("data:image/png;base64,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");
}

.topic-strip__item--sleep-recovery .topic-strip__dot {
    background-image: url("data:image/png;base64,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");
}

.topic-strip__item--rituals-mindfulness .topic-strip__dot {
    background-image: url("data:image/png;base64,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");
}

.topic-strip__item--nutrition-food .topic-strip__dot {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAN3ElEQVR42u1de4wV1Rn/zdy7y3OBZdmi2Mam0dAg29hUa5ASxJqCfdGa0pIG/2itfYBFtAqFgoutGBtJH0TTFNqqTWsfWl8NarBtltoH8qrGmGizCLWGRR4LmrKw996Z6R/n+zLfHs4872tmd08yuffOnHPmnO/9fec75wKjZbSMltEyWiKKRVcexjlsig2gaLhfpGdZKoUMjqnqCckyia6wOhYhp9BAStQ5cxyAluFA+QDQBeCHAPYDeAvAEQC7AWymZ4igukIDxc1SAE8BeAPAFwSn5k7OM0C7AQwC8AKus1RHAvoCAOsBfBLAxBgIqsVYJwB4TBvb4gYRQN3Ezv00ERdAmS4XwNsANgB4UEz2PkFtY4lbPACvA7i+joBgxP5eEEQJQD+AjjwqZAbSMppQiYDuCERcI+pvp/seteEyn9owgm6tAxK4rwX0jgEAFfp+Ux6pnxXZOACHBODLNCkHwOep7gSivosAnKaJH6S2ANAK4AC1KVH7y2oMFJbtP9ZEz8Y6i726U//HaCKDgoqPArhWAFcCYIWY/ELR36/o3hn6fLiOCOglkXhlXoEvJ7ROo6hHAFyo1Vmg/f411V0t+tsgEOmSPmitg1zWTc7c+gEMzPtI0T4IYJ6h3l0E2CX0uwXAeBJBPxf1VhPgWQSdANBeR8VYyKPFY7KnZ5IpqZf3AHhC6IOTAC4Wzy8FsEr8ZkXOOqS/TgjIS3gkdZlMVsxRAmRFWBsvCoVs0iebhSirFgFxAZ17hNgEwEsBbCKLyBPA9zTKfpImLEMP/DkWwH+rFEG2huCgEIeliSA7j/rAElR/SgO8a/CEGQnbDIEwBsbvhCWVFAG2xoljAkIQ8vsYqptIKdsZ5AKXAO+EUF2B6i2jIJ2rcYFFSjgtMbhkCOwA8BqAVwFsoXd5QvF6dG8L1XmN2szTxpQbDmgnkeEFUL6nPTuuUTfHaCwCiKlOHJ9krrCi5PUCgKmi/lS6p9crUR+58YotYVu/mQABbwovWMriFSmVMEuEHs2XkGbtHgDvp2uPFjpxRRCxJ2/+AQPnbwbFq1/87HkD8K8lgCQ1Q/lZG4BjAqDyvY4AeEm7J4nDpT7aot6bJewwAPeIyQQVT1CjbqG0obpFkUII0FhHtdDlBsDQiit+soQABvhjCezux0Vbh+5tB3BYKMmk5SxUhBMB7W1BAHbIPAaor9z5AgDwqJDBFcHWFSFjHzUQEVPcFwWQ3kqgA/j5vgDxEufiNvvqGP6oqx6wybTbETLJHVTHNkyQkXCrkMlJraBHNH8jyVUWwcTcWEEmKrQBfB3AX6HWg4/Q968JqrciOGkOgK0ApsREAAcG19YAAd/W+swlEqQ3OjmiThA1p1HAc2sggubmlQNqbVkVUiB+rIhFOQF+iBsC/EPURySh2Bmm/kkUaugC0ElXF91ri8kFDl1JLLEiWS/bBbC5uMLasuCvWcvnHrU9S315eRU/nYKyTtLFAOmso4XBHHO1kOmu5hg6Gmewpcby/+o8ix8GagfFcXQ2Py7iMVad3m9RdPOA9u5eADdALR7NpO+9Wp0D1Da36wOWCHT1Gyiuv84IkKL5wxRsOwKVA9RpqNtJz44A2AXg8qzHgKwI6uCFmfPIm9SV3gCA6QhPiLVivCeJJSYtsBah3GXIY0oCC60pQC8mCDFIR6piCMLdknCiaRfO7RRAzRzl6wOaRJ7pVEFBMo4/HsBtGBoK1s2/QaozXmvLFDqV3tEOPyUlrVK0BAG1B1yTiQOmZ436GfgTodJFdgHoIzl+BH7ej5xsm1C+ToitfYKQqU/4Quq7n+r0QuUPzUlJoezJLqM+j9FnP43zOFQS2CDpgpasIIGp7SIALxsAeVBwwPtIefHAvxkSCuB7KwXSLqM+mAMOBnip61JwAiPgpyHe7z4KAGbG+rGFhcBmWgl+zqYLlevD5bMAdgqATiZKk3a4XJU6SnV4oj3UB5cnRH3OM2XO+VJCJPA7/ilsfe5rF/xEscxFNFuhVqw8DF1fZQr+rmizku51iQkvCaG468S7ZmscAepb5yA2ZU8AmIZ46SPSJzmpGQJraxB7qpu1A/h5m7oYqWhABFRqoQt/gYXTQBYSdZ8iAPwFfpo61/kjtZXpiddpnqmO/HtjAi0oOHdcKPdMbUniwWwyUL60ZEpQi9qMtL3i+SpN9oKsi+kGwKwW7fZiaJqjvoDviVjOaQDvxdBdOWHyn3USLwa9CPNaRFMLD/YrIQqUg1fH4WczTIOfjMXcsT4CMC0Avqe955TwVMdDLe6XDUjgew/F4AKe0y/h74ThrLxMxXpkjr8Dc0abDGjdKdpeqdn4zOa7AXwZKhG3ja6ZUIs0/9JEAr9rjgCcTb//JxAvuaAClQZphQCSLZqXNA74gYFLmw78S4gKXZhTNRj436D6rTS5Gw0cI73fEtQie19IHb5/o9BDtqbgTW23h1Ayt59BIkuK1OVZQQAP8l3C3KyEAH+FGDgP/oEAkeXAnBtUMSCY2z4gACrDHztDwhoLApDAv68xBAQXZkEEmczNMOCvFMDngc8m6gpaYZKiKU6d09QntGDdTPib6VxtrLsClDETyBqN+h1hQDQ17sMDfDiAgqUZeItoYwkbvAfRWXBxL+6jR7PxGdnfChFFSwwUrWdIMAKOieio1Wzgb4oB/Nu0Njyxq5B+4TtqQXy+JoqYG/6uAZ6V86vkV9haKKEIlfEs5/hS1s1NCfw1BmUlkeciXepHWEqIC7WfTL6LuWEWBc5Momi5ZkFxjGoQ524MaZr8L0aYmxKg6wIsBf69Delzb6JycraGIH6NVpe54DCJFnlKy6cFksr1MEGTKJECDeQSCruaVpwcGtgdAO6m70FZCRxsq3VhOa0X3vCxGWqZkcdm0+f5pKs4+daGv8lbjrM3q+YmU8jGCArRt/rXgwOiTMsunJt36kBtk5Uhj6cNpm/DTVC2WsbAnLvvGiKcxRgItYV9fhb+wRxpr7MBVlCQGF2vzYU//0DO18fJi5bmb1NMUH7RQwEUy7/v1kzNqD4tCogdqCEHHIBaEQsLsrFVVBRBwIoW0jgN846cmpugcfIrHQCLADxDA5XUzb+/D5WMWhSsGgexLsnemyiAVk0ZgDrq5rDoO2peHyR9YAuikJsuPPgZcBy1vYK+NyTjjeXcUwaT0dFi68UUVGHXkWPjWnR3GkLnusddMjiUDZH9gEoy/Y8GdGbZbVUAH7Vk5RR9sShqgb/T0aSYB4UDNr7W6wBRm9Y8qLSLXqhUD09j0w8AeIW+V1K+3yMxtBTp9tbyVqHfUsQ0iXhgUTUDamvUFQH19kOtOb8RQ7zVnJpaoY58MXHAT8QCSTXiYlYNFPCslGKN5zmGAobPw98Q8g+oBLFxzQq+yW3/bkAg6+Yq5KI8ooDj/aUEpifX7avSOtHbmI7JbErkU1+ULmPoyhIjYXGVyskiUZY0OMd1X6mBXDalTyZJqaw7Eu4NsBYcclg+lNJDZMp6LsDDdgTFOwEh6OdqTKWZSi2Xa6a/gTnfho8NeHcKQDCF/SxFaEKemmIhhxvi4gzYE1bP9VCZBx8VThgHsy6AykibTyHfJNaIRw6ULPzOHvjnLlxFl75DvQ853AqUxmKxSDntR/DC+OMJfAN5wsl+jaO4v9tF/dsNoWSP2haRwVydWnqibKO/A3U88EHh0jPAKwA+A+BHhrCFSazxcQKrKCzgGMY0Ef4i/kTD+Dmk8FUaY2G4IgBigocJCSfgH54kkXAzXWUNCbYAuowZtUa8syI81CBnrhsqh9PFMD9MT1o6HyF570SYp60asqdBraoxcjqg8u2lbX+GPjeIdhu0Z2Xx20X8nM9hURh4i3Hu+W6OME8vF226KGJZhr8EyI7YmQBL5x7R/p4YltGcPCGhGrONZfyTJH+30r2CiJdMAPAsgF9A5eZ8CmrVqRtqw8M7or+7tPFIK4jLM4La9f1bvOTYLiyrEVE4DvQdRId19wa4+HYMQikmJCwbI6gwcLYEIIFTQe6neuNGgqJME4Sq1luukLe8lOR8ixAHHomfhVBHjbUSouYB+ATpi1qcrcDiaSf89WF3pCDTJqD/ycAJ8kj62UJ8TcfQc+Jqdb2MnJ5iWwu/YhJUfn9Y3OhiTY/8Gf4KVLUZEiXixrRrBMMCCVMDkMA+wutQJ6Nz6STuCMuCTpqou6wG1t6wRsIhqDQSttmDNvZFXTrSuP3arCOgXqzJIYt+qJSWPSJMIW30twUy0hoFHoLj960j3coqGDiBPd7dGHqa4SxyzMoJRJBMqJLHB5dFfGhEcgAXjm4yJ7wAleaym36fhH+22hRhisY5Zoy97j6oNYIb0MCEqbxyQgeFIKYFEML5FG6Q8SR9i5Lcq/Us/FU4QP31odxOmnkOaJbTx9/Pg//nZ7J0xxA/Gw3t+IiCwVEERCOhA35G2tPw/8CHFedCqO1BJ7Tr3zj3v8VmaJxTHkWAGfgWeb6fg3+EzaBwzhZpIquVFPUUutrhnxHBdRbB/8+BimaGjiLAELDrNnjGFU20jIkAWpHq3IHwjdsj3goKs45KGLqVlFfSuqE2zFXgnz4lrxZ6thwqs9lBDteCm40A04mHtuAKuahiukB1GPi5jfVkbeAyrB3XD8j9n6dl3Vqqpk5uFGMji0mcmJ41qp8Rh4CCUKZ6adFMzEb0M+IQMEAxIFPmHN8baGA/mZe1tS5j4e84CSpnEP0PRLXqZ7SMxmay+U6vQf00tfwfLFH6xmjM6K8AAAAASUVORK5CYII=");
}

.topic-strip__item--skin-beauty .topic-strip__dot {
    background-image: url("data:image/png;base64,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");
}
/* Homepage fold: preserve the hero design and place the topic strip at the viewport bottom. */
:root {
    --cm-home-header-height: 79px;
    --cm-home-topic-strip-height: 58px;
}

.home-fold {
    position: relative;
    min-height: calc(100vh - var(--cm-home-header-height));
    min-height: calc(100dvh - var(--cm-home-header-height));
    padding-bottom: var(--cm-home-topic-strip-height);
}

/* Keep the existing hero sizing, spacing and typography untouched. */
.home-fold .home-hero--personal {
    border-bottom: 0;
}

.home-fold > .topic-strip {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    height: var(--cm-home-topic-strip-height);
}

.home-fold > .topic-strip .topic-strip__inner,
.home-fold > .topic-strip .topic-strip__item {
    min-height: var(--cm-home-topic-strip-height);
}

/* Keep all six topics visible on common laptop widths without changing desktop spacing. */
@media (min-width: 921px) and (max-width: 1280px) {
    .home-fold > .topic-strip .topic-strip__item {
        gap: 0.65rem;
        padding-inline: 1.25rem;
    }

    .home-fold > .topic-strip .topic-strip__item:first-child {
        padding-left: 0;
    }
}

/*
 * Short landscape screens cannot use the stacked tablet hero: its content is taller than
 * the viewport. Restore the editorial two-column composition only for this constrained
 * shape and scale vertical rhythm with the dynamic viewport.
 */
@media (orientation: landscape) and (max-width: 1024px) and (max-height: 650px) {
    .home-fold .home-hero--personal .home-hero__inner {
        height: calc(100dvh - var(--cm-home-header-height) - var(--cm-home-topic-strip-height));
        min-height: 0;
        padding-block: clamp(0.85rem, 4dvh, 1.5rem);
    }

    .home-fold .home-hero--personal .home-hero__grid {
        grid-template-columns: minmax(0, 2fr) minmax(160px, 0.75fr);
        align-content: initial;
        align-items: end;
        gap: clamp(1.25rem, 4vw, 3rem);
    }

    .home-fold .home-hero--personal h1 {
        font-size: clamp(2.5rem, 12dvh, 4.2rem);
    }

    .home-fold .home-hero__aside {
        max-width: none;
        padding: 0 0 0 clamp(1rem, 2.5vw, 1.4rem);
        border-left: 1px solid rgba(23, 23, 21, 0.3);
    }

    .home-fold .home-hero__aside p {
        margin-bottom: 0.75rem;
        font-size: clamp(0.82rem, 3.5dvh, 1rem);
    }

    .home-fold .text-link {
        min-width: 0;
        width: 100%;
        gap: 1rem;
        font-size: 0.68rem;
    }
}

/* Mobile browser chrome changes viewport height dynamically; dvh keeps the strip on-screen. */
@media (max-width: 640px) {
    :root {
        --cm-home-header-height: 79px;
    }
}

/* On unusually short phones, reduce only vertical whitespace so all hero content still fits. */
@media (max-width: 640px) and (max-height: 650px) {
    .home-fold .home-hero--personal .home-hero__inner {
        padding-block: 2rem 2.25rem;
    }

    .home-fold .home-hero--personal .home-hero__grid {
        gap: 1.5rem;
    }

    .home-fold .home-hero__aside p {
        margin-bottom: 1rem;
    }
}

.journal.section {
    padding-block: clamp(4.75rem, 6.5vw, 6.25rem);
}

.article-grid--editorial {
    max-width: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(2.5rem, 4vw, 4rem) clamp(1.2rem, 2vw, 1.8rem);
}

.article-card__media {
    margin-bottom: 1rem;
}

.article-card__media img {
    aspect-ratio: 4 / 3;
}

.article-card__meta {
    padding-top: 0.7rem;
}

.article-card__title {
    max-width: 18ch;
    margin: 0.95rem 0 0.6rem;
    font-size: clamp(1.45rem, 2vw, 2.15rem);
    line-height: 0.98;
}

.article-card__excerpt {
    max-width: 38ch;
    font-size: 0.92rem;
    line-height: 1.5;
}

@media (max-width: 920px) {
    .article-grid--editorial {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .topic-strip__item {
        padding-inline: 1.1rem;
    }
}

@media (max-width: 640px) {
    .topic-strip__inner {
        min-height: 54px;
    }

    .topic-strip__item {
        min-height: 54px;
        padding-inline: 1rem;
        font-size: 0.66rem;
    }

    .article-grid--editorial {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .article-card__title {
        font-size: clamp(1.9rem, 9vw, 2.7rem);
    }
}


/* Dedicated Journal page. */
.journal-page__header {
    margin-bottom: 2.75rem;
}

.journal-page__header .archive-description {
    max-width: 58ch;
    margin-top: 1.25rem;
}

.topic-strip--journal {
    margin-top: 2rem;
}

.journal-page__grid {
    margin-top: 0;
}

.journal-page ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin: 3.5rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
}

.journal-page ul.page-numbers a {
    text-decoration: none;
}

@media (max-width: 640px) {
    .journal-page__header {
        margin-bottom: 2.25rem;
    }
}


/* Site coherence: shared topic archives and active taxonomy state. */
.topic-strip__item[aria-current="page"] {
    position: relative;
    font-weight: 700;
}

.topic-strip__item[aria-current="page"]::after {
    content: "";
    position: absolute;
    right: 1.45rem;
    bottom: 0;
    left: 1.45rem;
    height: 1px;
    background: currentColor;
}

.topic-page__header {
    margin-bottom: 2.75rem;
}

.topic-page__heading {
    max-width: 760px;
}

.topic-page__heading .archive-description {
    max-width: 58ch;
    margin-top: 1.25rem;
    margin-bottom: 0;
}

.topic-page__heading .archive-description p {
    margin: 0;
}

.archive-back-link {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-top: 1.5rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.topic-page .topic-strip {
    margin-top: 2.25rem;
}

.topic-page__grid {
    margin-top: 0;
}

.archive-empty {
    max-width: 520px;
    padding-block: 1rem 3rem;
}

.archive-empty p {
    margin: 0 0 1.5rem;
    font-family: var(--cm-serif);
    font-size: 1.2rem;
}

@media (max-width: 920px) {
    .topic-strip__item[aria-current="page"]::after {
        right: 1.1rem;
        left: 1.1rem;
    }
}

@media (max-width: 640px) {
    .topic-page__header {
        margin-bottom: 2.25rem;
    }

    .topic-strip__item[aria-current="page"]::after {
        right: 1rem;
        left: 1rem;
    }
}


.journal-page .topic-strip {
    margin-top: 2rem;
}


/* Utility archives, search and 404. */
.utility-page__header .archive-description {
    max-width: 54ch;
    margin-top: 1.25rem;
}

.utility-page .search-form {
    display: flex;
    gap: 0.75rem;
    max-width: 620px;
    margin-top: 1.75rem;
}

.utility-page .search-field {
    min-width: 0;
    flex: 1 1 auto;
    padding: 0.8rem 0;
    border: 0;
    border-bottom: 1px solid var(--cm-ink);
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}

.utility-page .search-submit {
    padding: 0.8rem 1rem;
    border: 1px solid var(--cm-ink);
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
}

.utility-page--404 {
    min-height: min(680px, calc(100vh - 160px));
    padding-block: clamp(6rem, 10vw, 10rem);
}

.utility-page--404 h1 {
    max-width: 9ch;
    margin: 0.8rem 0 1.5rem;
    font-family: var(--cm-serif);
    font-size: clamp(4rem, 9vw, 8rem);
    font-weight: 400;
    letter-spacing: -0.058em;
    line-height: 0.92;
}

.utility-page__copy {
    max-width: 46ch;
    margin: 0 0 2.25rem;
    font-family: var(--cm-serif);
    font-size: 1.15rem;
}

.utility-page__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}

.utility-page__secondary {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .utility-page .search-form {
        align-items: stretch;
        flex-direction: column;
    }

    .utility-page .search-submit {
        align-self: flex-start;
    }
}


/* Long-form article navigation. */
.article-toc {
    display: grid;
    grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1.65fr);
    gap: 2rem;
    max-width: var(--cm-reading);
    margin: 0 auto clamp(3rem, 5vw, 4.5rem);
    padding: 1.35rem 0;
    border-top: 1px solid var(--cm-rule);
    border-bottom: 1px solid var(--cm-rule);
}

.article-toc__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1.5rem;
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.86rem;
    line-height: 1.45;
}

.article-toc__list li::marker {
    color: var(--cm-earth);
    font-size: 0.75rem;
}

.article-toc__list a {
    text-decoration: none;
}

.article-toc__list a:hover,
.article-toc__list a:focus-visible {
    text-decoration: underline;
}

.article-body h2 {
    scroll-margin-top: 2rem;
}

@media (max-width: 640px) {
    .article-toc {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 3rem;
    }

    .article-toc__list {
        grid-template-columns: 1fr;
    }
}