:root {
    --poet-paper: #fbfaf6;
    --poet-ink: #201f1b;
    --poet-muted: #6f6a61;
    --poet-line: #ded7cb;
    --poet-clay: #9a5f4c;
    --poet-card-bg: #fffdfa;
    --poet-hero-wash-a: rgba(251,250,246,.96);
    --poet-hero-wash-b: rgba(251,250,246,.78);
    --poet-hero-accent: rgba(154,95,76,.18);
    --poet-max: 1180px;
    --poet-page-pad: clamp(18px, 4vw, 56px);
}

html[data-poet-palette="soft-garden"] {
    --poet-paper: #f0f8ef;
    --poet-ink: #243024;
    --poet-muted: #5f7261;
    --poet-line: #cbe4c9;
    --poet-clay: #8d6aa7;
    --poet-card-bg: #fff1f5;
    --poet-hero-wash-a: rgba(240,248,239,.96);
    --poet-hero-wash-b: rgba(216,192,232,.46);
    --poet-hero-accent: rgba(249,223,232,.72);
}

html[data-poet-palette="literary-pastel"] {
    --poet-paper: #fbfaf6;
    --poet-ink: #281f2e;
    --poet-muted: #706276;
    --poet-line: #cbe4c9;
    --poet-clay: #c67c9a;
    --poet-card-bg: #f5effa;
    --poet-hero-wash-a: rgba(251,250,246,.96);
    --poet-hero-wash-b: rgba(234,220,244,.72);
    --poet-hero-accent: rgba(169,208,173,.42);
}

html[data-poet-palette="blush-notebook"] {
    --poet-paper: #fff1f5;
    --poet-ink: #2b2430;
    --poet-muted: #76636b;
    --poet-line: #efc4d4;
    --poet-clay: #8d6aa7;
    --poet-card-bg: #f0f8ef;
    --poet-hero-wash-a: rgba(255,241,245,.96);
    --poet-hero-wash-b: rgba(203,228,201,.58);
    --poet-hero-accent: rgba(216,192,232,.64);
}

html[data-poet-palette="neutral-sage-type"] {
    --poet-paper: #fbfaf6;
    --poet-ink: #6f9f78;
    --poet-muted: #6f6a61;
    --poet-line: #d8e6d5;
    --poet-clay: #7fae87;
    --poet-card-bg: #fffdfa;
    --poet-hero-wash-a: rgba(251,250,246,.98);
    --poet-hero-wash-b: rgba(251,250,246,.86);
    --poet-hero-accent: rgba(203,228,201,.38);
}

html[data-poet-palette="neutral-lilac-type"] {
    --poet-paper: #fbfaf6;
    --poet-ink: #8d6aa7;
    --poet-muted: #6f6a61;
    --poet-line: #e4d8ec;
    --poet-clay: #9b78b4;
    --poet-card-bg: #fffdfa;
    --poet-hero-wash-a: rgba(251,250,246,.98);
    --poet-hero-wash-b: rgba(251,250,246,.86);
    --poet-hero-accent: rgba(216,192,232,.34);
}

html[data-poet-palette="neutral-rose-type"] {
    --poet-paper: #fbfaf6;
    --poet-ink: #c67c9a;
    --poet-muted: #6f6a61;
    --poet-line: #efd5de;
    --poet-clay: #c67c9a;
    --poet-card-bg: #fffdfa;
    --poet-hero-wash-a: rgba(251,250,246,.98);
    --poet-hero-wash-b: rgba(251,250,246,.86);
    --poet-hero-accent: rgba(249,223,232,.42);
}

html[data-poet-palette="neutral-mixed-type"] {
    --poet-paper: #fbfaf6;
    --poet-ink: #625d66;
    --poet-muted: #6f6a61;
    --poet-line: #d8e6d5;
    --poet-clay: #8d6aa7;
    --poet-card-bg: #fffdfa;
    --poet-hero-wash-a: rgba(251,250,246,.98);
    --poet-hero-wash-b: rgba(251,250,246,.86);
    --poet-hero-accent: rgba(216,192,232,.34);
}

html[data-poet-palette="morning-meadow"] { --poet-paper:#fbfaf6; --poet-ink:#86ad8c; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#b997d0; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(217,154,176,.34); }
html[data-poet-palette="lavender-letterpress"] { --poet-paper:#fbfaf6; --poet-ink:#8f74a8; --poet-muted:#6f6a61; --poet-line:#e4d8ec; --poet-clay:#96b89a; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(215,163,182,.34); }
html[data-poet-palette="rose-garden-ink"] { --poet-paper:#fbfaf6; --poet-ink:#c27f98; --poet-muted:#6f6a61; --poet-line:#efd5de; --poet-clay:#83a987; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(169,138,192,.32); }
html[data-poet-palette="sage-and-wisteria"] { --poet-paper:#fbfaf6; --poet-ink:#789f80; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#a78ac4; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(216,165,184,.32); }
html[data-poet-palette="peony-manuscript"] { --poet-paper:#fbfaf6; --poet-ink:#b97891; --poet-muted:#6f6a61; --poet-line:#efd5de; --poet-clay:#7f9f87; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(155,122,179,.3); }
html[data-poet-palette="misty-orchid"] { --poet-paper:#fbfaf6; --poet-ink:#9a85ad; --poet-muted:#6f6a61; --poet-line:#e4d8ec; --poet-clay:#92ad96; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(200,147,169,.28); }
html[data-poet-palette="greenhouse-poem"] { --poet-paper:#fbfaf6; --poet-ink:#6f9b78; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#b28ac7; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(214,155,176,.34); }
html[data-poet-palette="violet-archive"] { --poet-paper:#fbfaf6; --poet-ink:#806195; --poet-muted:#6f6a61; --poet-line:#e4d8ec; --poet-clay:#8baa91; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(205,143,166,.3); }
html[data-poet-palette="soft-plum-notes"] { --poet-paper:#fbfaf6; --poet-ink:#776175; --poet-muted:#6f6a61; --poet-line:#ded7cb; --poet-clay:#95b199; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(209,151,170,.28); }
html[data-poet-palette="spring-margins"] { --poet-paper:#fbfaf6; --poet-ink:#91b58f; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#c2a4d5; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(224,170,188,.34); }
html[data-poet-palette="moonlit-lilac"] { --poet-paper:#fbfaf6; --poet-ink:#7f7290; --poet-muted:#6f6a61; --poet-line:#ded7cb; --poet-clay:#84a98c; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(201,137,162,.26); }
html[data-poet-palette="pressed-flower"] { --poet-paper:#fbfaf6; --poet-ink:#b8869b; --poet-muted:#6f6a61; --poet-line:#efd5de; --poet-clay:#8ea98d; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(169,144,189,.28); }
html[data-poet-palette="quiet-herbarium"] { --poet-paper:#fbfaf6; --poet-ink:#6f8f75; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#9d86ae; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(199,142,163,.28); }
html[data-poet-palette="blush-and-sage"] { --poet-paper:#fbfaf6; --poet-ink:#cf8ea5; --poet-muted:#6f6a61; --poet-line:#efd5de; --poet-clay:#7fae87; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(166,135,189,.3); }
html[data-poet-palette="lavender-fog"] { --poet-paper:#fbfaf6; --poet-ink:#9386a1; --poet-muted:#6f6a61; --poet-line:#e4d8ec; --poet-clay:#8fad92; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(211,160,179,.28); }
html[data-poet-palette="garden-party"] { --poet-paper:#fbfaf6; --poet-ink:#7fae87; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#b997d0; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(223,163,185,.34); }
html[data-poet-palette="petal-annotation"] { --poet-paper:#fbfaf6; --poet-ink:#c0839c; --poet-muted:#6f6a61; --poet-line:#efd5de; --poet-clay:#91aa8f; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(154,130,176,.28); }
html[data-poet-palette="silver-sage"] { --poet-paper:#fbfaf6; --poet-ink:#78877d; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#9b86af; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(206,149,169,.26); }
html[data-poet-palette="rose-violet"] { --poet-paper:#fbfaf6; --poet-ink:#a87a9b; --poet-muted:#6f6a61; --poet-line:#e4d8ec; --poet-clay:#89a98e; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(198,141,164,.3); }
html[data-poet-palette="pastel-ink-trio"] { --poet-paper:#fbfaf6; --poet-ink:#849f8a; --poet-muted:#6f6a61; --poet-line:#d8e6d5; --poet-clay:#9175a6; --poet-card-bg:#fffdfa; --poet-hero-accent:rgba(201,133,157,.3); }

body {
    background: var(--poet-paper);
    color: var(--poet-ink);
}

body.home-template {
    --poet-paper: #fbfaf4;
    --poet-ink: #5f8f68;
    --poet-muted: #6f6a61;
    --poet-line: #dbe8d6;
    --poet-clay: #7fae87;
    --poet-card-bg: #fffefa;
    --poet-hero-wash-a: rgba(251,250,244,.98);
    --poet-hero-wash-b: rgba(246,241,232,.88);
    --poet-hero-accent: rgba(203,228,201,.46);
}

body.page-creative-works {
    --poet-ink: #625d66;
    --poet-clay: #8d6aa7;
    --poet-line: #e4d8ec;
    --poet-hero-accent: rgba(216,192,232,.38);
}

body.page-meet-the-author {
    --poet-ink: #625d66;
    --poet-clay: #c67c9a;
    --poet-line: #efd5de;
    --poet-hero-accent: rgba(249,223,232,.42);
}

.gh-head,
.gh-foot {
    background: var(--poet-paper);
}

.gh-head-brand-wrapper {
    display: none;
}

.poet-instagram-link {
    border: 1px solid var(--poet-line);
    border-radius: 999px;
    color: #8fb7d3;
    transition: background-color .2s ease, border-color .2s ease, opacity .2s ease;
}

.gh-search {
    color: #8fb7d3;
}

.poet-instagram-link:hover {
    border-color: #8fb7d3;
    background: var(--poet-card-bg);
    opacity: 1;
}

.poet-instagram-link svg {
    width: 19px;
    height: 19px;
}

.poet-floating-palette {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1000;
    display: grid;
    justify-items: end;
    gap: 8px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.poet-floating-palette-toggle {
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid var(--poet-line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--poet-card-bg) 92%, transparent);
    color: var(--poet-clay);
    box-shadow: 0 10px 30px rgba(32,31,27,.12);
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.poet-floating-palette-menu {
    display: none;
    width: min(240px, calc(100vw - 32px));
    padding: 8px;
    border: 1px solid var(--poet-line);
    background: color-mix(in srgb, var(--poet-card-bg) 96%, transparent);
    box-shadow: 0 18px 44px rgba(32,31,27,.16);
}

.poet-floating-palette.is-open .poet-floating-palette-menu {
    display: grid;
    gap: 4px;
}

.poet-floating-palette-menu button {
    min-height: 36px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: var(--poet-muted);
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: left;
}

.poet-floating-palette-menu button:hover,
.poet-floating-palette-menu button[aria-current] {
    background: color-mix(in srgb, var(--poet-line) 48%, transparent);
    color: var(--poet-clay);
}

.gh-head-logo,
.gh-article-title,
.poet-hero h1,
.poet-featured h2,
.post-caption-title {
    font-family: Lora, Georgia, serif;
    font-weight: 400;
    letter-spacing: 0;
}

.gh-head .nav-home > a {
    color: #7fae87;
}

.gh-head .nav-works-in-progress > a,
.gh-head .nav-creative-works > a {
    color: #8d6aa7;
}

.gh-head .nav-blog > a {
    color: #d7b85f;
}

.gh-head .nav-meet-the-author > a {
    color: #c67c9a;
}

.poet-blog-page {
    --poet-ink: #8a7440;
    --poet-clay: #d7b85f;
    --poet-line: #eadfae;
    --poet-hero-accent: rgba(232,213,128,.34);
}

.poet-blog-page .poet-archive-page-hero h1,
.poet-blog-page .poet-archive-entry-main h2 {
    color: #8a7440;
}

.gh-head .nav-current > a {
    border-bottom: 2px solid currentColor;
    padding-bottom: 4px;
}

body.home-template .poet-hero h1,
body.home-template .post-caption-title,
body.home-template .poet-featured h2 {
    color: #5f8f68;
}

body.home-template .poet-kicker,
body.home-template .poet-section-heading,
body.home-template .post-caption-meta,
body.home-template .post-caption-meta a,
body.home-template .poet-featured .poet-kicker {
    color: #7fae87;
}

body.home-template .poet-hero {
    position: relative;
    background:
        linear-gradient(90deg, var(--poet-hero-wash-a), var(--poet-hero-wash-b)),
        radial-gradient(circle at 82% 18%, rgba(203,228,201,.5), transparent 30%),
        radial-gradient(circle at 12% 86%, rgba(240,248,239,.9), transparent 34%);
}

body.home-template .poet-hero-copy > .poet-kicker {
    position: absolute;
    top: .75in;
    left: var(--poet-page-pad);
    transform: none;
    margin: 0;
    color: #8fb7d3;
    font-size: clamp(1.55rem, 2.2vw, 2.2rem);
    letter-spacing: .1em;
}

body.home-template .poet-hero-copy > .poet-hero-description {
    position: absolute;
    top: calc(.75in + 34px);
    left: var(--poet-page-pad);
    max-width: min(560px, calc(100vw - var(--poet-page-pad) * 2));
    margin: 0;
    color: #6f6a61;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.35rem, 1.8vw, 1.9rem);
    font-style: italic;
    line-height: 1.45;
}

body.home-template .poet-featured,
body.home-template .poet-card {
    border-color: #dbe8d6;
    box-shadow: 0 12px 36px rgba(95,143,104,.06);
}

body.home-template .poet-featured:hover,
body.home-template .poet-card:hover {
    border-color: #b9d5b6;
}

body.home-template .poet-featured {
    background:
        linear-gradient(180deg, rgba(255,254,250,.94), rgba(255,254,250,.84)),
        #f0f8ef;
}

body.home-template .poet-card {
    background:
        linear-gradient(180deg, rgba(255,254,250,.96), rgba(255,254,250,.9)),
        #f6fbf5;
}

body.page-creative-works .gh-article-header,
body.page-creative-works .gh-content,
body.page-meet-the-author .gh-article-header,
body.page-meet-the-author .gh-content {
    text-align: center;
}

body.page-creative-works .content-area,
body.page-meet-the-author .content-area,
.poet-blog-page.content-area {
    position: relative;
}

body.page-creative-works .gh-article-header,
body.page-meet-the-author .gh-article-header,
.poet-blog-page .gh-article-header {
    padding-top: 70px;
}

body.page-creative-works .gh-article-title,
body.page-meet-the-author .gh-article-title,
.poet-blog-page .gh-article-title {
    position: absolute;
    top: 0;
    left: var(--poet-page-pad);
    margin: 0;
    color: #8fb7d3;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-size: clamp(1.55rem, 2.2vw, 2.2rem);
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.25;
    text-transform: uppercase;
}

body.page-creative-works .gh-article-title {
    color: #8d6aa7;
}

body.page-meet-the-author .gh-article-title {
    color: #c67c9a;
}

.poet-blog-page .gh-article-title {
    color: #d7b85f;
    top: .75in;
}

body.page-creative-works .gh-content > *,
body.page-meet-the-author .gh-content > * {
    margin-right: auto;
    margin-left: auto;
}

.poet-author-bio-placeholder {
    max-width: 560px;
    margin: 14px auto 0;
    color: #c67c9a;
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.45rem, 1.8vw, 1.85rem);
    font-style: italic;
    line-height: 1.45;
}

.poet-author-faq {
    max-width: 760px;
    margin-top: clamp(58px, 8vw, 104px);
    margin-bottom: clamp(42px, 7vw, 84px);
    text-align: left;
}

.poet-author-faq .poet-kicker {
    color: #c67c9a;
}

.poet-author-faq h2 {
    display: inline-block;
    margin: 8px 0 18px;
    padding: 0;
    background: none;
    color: #c67c9a;
    font-family: Lora, Georgia, serif;
    font-size: clamp(2.1rem, 3.4vw, 3.7rem);
    font-style: italic;
    font-weight: 400;
    line-height: 1;
}

.poet-author-faq details {
    margin-top: 12px;
    padding: 16px 18px;
    border: 1px solid rgba(198, 124, 154, .28);
    background:
        linear-gradient(180deg, rgba(255, 253, 250, .94), rgba(255, 247, 250, .84)),
        #fff7fa;
    box-shadow: 0 12px 30px rgba(198, 124, 154, .06);
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.poet-author-faq details:last-child {
    border-bottom: 1px solid rgba(198, 124, 154, .28);
}

.poet-author-faq details:hover,
.poet-author-faq details[open] {
    border-color: rgba(198, 124, 154, .48);
    background:
        linear-gradient(180deg, rgba(255, 253, 250, .98), rgba(255, 242, 247, .94)),
        #fff2f7;
    box-shadow: 0 16px 36px rgba(198, 124, 154, .1);
    transform: translateY(-2px);
}

.poet-author-faq summary {
    color: #c67c9a;
    cursor: pointer;
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.8rem, 2.3vw, 2.3rem);
    line-height: 1.25;
    transition: color .22s ease, transform .22s ease;
}

.poet-author-faq details:hover summary {
    color: #b56586;
    transform: translateX(4px);
}

.poet-author-faq p {
    margin: 12px 0 0;
    color: #6f6a61;
    font-size: clamp(1.5rem, 1.7vw, 1.75rem);
    line-height: 1.65;
}

.poet-work-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    color: #8d6aa7;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
    font-size: clamp(1.25rem, 1.8vw, 1.7rem);
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.poet-work-tabs a {
    color: inherit;
}

.poet-work-tabs a[aria-current],
.poet-work-tabs a:hover {
    border-bottom: 2px solid currentColor;
    opacity: 1;
}

.poet-work-tabs span:not([aria-hidden]) {
    white-space: nowrap;
}

.poet-work-panels {
    padding: 18px 0 42px;
}

.poet-work-panel {
    display: grid;
    gap: 10px;
    max-width: 720px;
    margin: 0 auto;
}

.poet-work-panel[hidden] {
    display: none;
}

.poet-work-card {
    padding: 14px 0;
    border-bottom: 1px solid var(--poet-line);
    text-align: center;
}

.poet-work-title-link {
    color: #625d66;
    font-family: Lora, Georgia, serif;
    font-size: clamp(2.3rem, 3vw, 3.4rem);
    line-height: 1.1;
}

.poet-work-title-link:hover {
    color: #8d6aa7;
    opacity: 1;
}

.poet-work-preview {
    position: relative;
    display: grid;
    grid-template-rows: 0fr;
    margin: 0 auto;
    max-width: 560px;
    overflow: hidden;
    color: #6f6a61;
    font-size: 1.35rem;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(-4px);
    transition:
        grid-template-rows .28s ease,
        margin-top .24s ease,
        opacity .18s ease,
        transform .18s ease;
}

.poet-work-preview-shell {
    min-height: 0;
    overflow: hidden;
}

.poet-work-preview-inner > *:not(:first-child) {
    display: none;
}

.poet-work-preview-inner p:not(:first-of-type) {
    display: none;
}

.poet-work-card .poet-work-preview-inner > p:nth-of-type(n + 2) {
    display: none !important;
}

.poet-work-preview-inner p {
    margin: 0 0 1.1em;
}

.poet-work-preview-inner p:last-child {
    margin-bottom: 0;
}

.poet-preview-continue,
.poet-preview-read-more,
.poet-preview-first-stanza-note,
.poet-preview-label-text {
    display: none;
}

.poet-preview-continue {
    display: block;
    margin-top: 12px;
    color: #8d6aa7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3rem;
    font-style: italic;
}

.poet-preview-fade .poet-work-preview-shell {
    position: relative;
}

.poet-preview-fade .poet-work-preview-shell::after {
    position: absolute;
    right: 0;
    bottom: 2.4em;
    left: 0;
    height: 3em;
    content: "";
    background: linear-gradient(180deg, rgba(251, 250, 246, 0), #fbfaf6 84%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
}

.poet-preview-fade:hover .poet-work-preview-shell::after,
.poet-preview-fade:focus-within .poet-work-preview-shell::after {
    opacity: 1;
    transition-delay: .78s;
}

.poet-poetry-panel {
    max-width: 840px;
}

.poet-poetry-panel .poet-work-card {
    padding: 18px 0;
    border-bottom-color: rgba(141, 106, 167, .22);
    text-align: center;
}

.poet-poetry-panel .poet-work-title-link {
    color: #625d66;
    font-size: clamp(1.75rem, 2.45vw, 2.75rem);
    font-style: italic;
    line-height: 1.12;
    overflow-wrap: anywhere;
    transition: color .2s ease, transform .2s ease;
}

.poet-poetry-panel .poet-work-title-link:hover,
.poet-prose-panel .poet-work-title-link:hover {
    color: #8d6aa7;
}

.poet-poetry-panel .poet-work-card:hover .poet-work-preview,
.poet-prose-panel .poet-work-card:hover .poet-work-preview,
.poet-poetry-panel .poet-work-card:focus-within .poet-work-preview,
.poet-prose-panel .poet-work-card:focus-within .poet-work-preview {
    grid-template-rows: 1fr;
    margin-top: 10px;
    opacity: 1;
    transform: translateY(0);
    transition:
        grid-template-rows .42s ease .42s,
        margin-top .28s ease .42s,
        opacity .32s ease .42s,
        transform .32s ease .42s;
}

.poet-poetry-panel .poet-work-card:focus-within .poet-work-preview,
.poet-prose-panel .poet-work-card:focus-within .poet-work-preview {
    transition:
        grid-template-rows .32s ease,
        margin-top .24s ease,
        opacity .22s ease,
        transform .22s ease;
}

.poet-poetry-panel .poet-work-card:hover,
.poet-poetry-panel .poet-work-card:focus-within,
.poet-prose-panel .poet-work-card:hover,
.poet-prose-panel .poet-work-card:focus-within {
    background: rgba(255, 253, 250, .52);
}

.poet-photography-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2.4vw, 28px);
    max-width: var(--poet-max);
}

.poet-photography-panel .poet-work-card {
    padding: 0;
    border-bottom: 0;
    text-align: left;
}

.poet-photo-card-link {
    display: block;
    color: #625d66;
}

.poet-photo-card-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #f8f5ef;
}

.poet-photo-card-image .kg-card,
.poet-photo-card-image figure {
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: none;
}

.poet-photo-card-image .kg-image-card {
    display: block;
}

.poet-photo-card-image picture,
.poet-photo-card-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.poet-photo-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease, opacity .35s ease;
}

.poet-photo-card-link:hover {
    opacity: 1;
}

.poet-photo-card-link:hover img {
    transform: scale(1.035);
    opacity: .92;
}

.poet-photo-card-title {
    display: block;
    margin-top: 10px;
    color: #625d66;
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.55rem, 1.8vw, 2rem);
    font-style: italic;
    line-height: 1.2;
    text-align: center;
}

.poet-photo-preview-link {
    color: #625d66;
    font-family: Lora, Georgia, serif;
    font-size: 1.5rem;
    font-style: italic;
}

.poet-photo-preview-link:hover {
    color: #9bbfd1;
}

html[data-poet-palette^="neutral-"] .gh-head .nav a,
html[data-poet-palette^="neutral-"] .gh-head-logo,
html[data-poet-palette^="neutral-"] .gh-article-title,
html[data-poet-palette^="neutral-"] .poet-hero h1,
html[data-poet-palette^="neutral-"] .poet-featured h2,
html[data-poet-palette^="neutral-"] .post-caption-title,
html[data-poet-palette^="neutral-"] .poet-archive-entry-main h2,
html[data-poet-palette^="neutral-"] .poet-palette-hero h1,
html[data-poet-palette^="neutral-"] .poet-palette-heading h2,
html[data-poet-palette^="neutral-"] .poet-palette-combos h2 {
    color: var(--poet-ink);
}

html[data-poet-palette^="neutral-"] .gh-content,
html[data-poet-palette^="neutral-"] .gh-content p,
html[data-poet-palette^="neutral-"] .poet-card-excerpt,
html[data-poet-palette^="neutral-"] .poet-hero-description,
html[data-poet-palette^="neutral-"] .poet-featured p {
    color: #34302b;
}

html[data-poet-palette="neutral-mixed-type"] .gh-head .nav a {
    color: #7fae87;
}

html[data-poet-palette="neutral-mixed-type"] .poet-kicker,
html[data-poet-palette="neutral-mixed-type"] .poet-section-heading,
html[data-poet-palette="neutral-mixed-type"] .poet-article-meta,
html[data-poet-palette="neutral-mixed-type"] .poet-archive-entry-meta,
html[data-poet-palette="neutral-mixed-type"] .poet-combo-card strong,
html[data-poet-palette="neutral-mixed-type"] .poet-palette-reset a {
    color: #8d6aa7;
}

html[data-poet-palette="neutral-mixed-type"] .post-caption-meta a,
html[data-poet-palette="neutral-mixed-type"] .poet-featured .poet-kicker {
    color: #c67c9a;
}

html[data-poet-palette="neutral-mixed-type"] .post-caption-title,
html[data-poet-palette="neutral-mixed-type"] .poet-featured h2,
html[data-poet-palette="neutral-mixed-type"] .poet-archive-entry-main h2 {
    color: #625d66;
}

html[data-poet-palette="neutral-mixed-type"] .poet-hero h1,
html[data-poet-palette="neutral-mixed-type"] .gh-article-title,
html[data-poet-palette="neutral-mixed-type"] .poet-palette-hero h1 {
    color: #625d66;
}

html[data-poet-palette="morning-meadow"],
html[data-poet-palette="lavender-letterpress"],
html[data-poet-palette="rose-garden-ink"],
html[data-poet-palette="sage-and-wisteria"],
html[data-poet-palette="peony-manuscript"],
html[data-poet-palette="misty-orchid"],
html[data-poet-palette="greenhouse-poem"],
html[data-poet-palette="violet-archive"],
html[data-poet-palette="soft-plum-notes"],
html[data-poet-palette="spring-margins"],
html[data-poet-palette="moonlit-lilac"],
html[data-poet-palette="pressed-flower"],
html[data-poet-palette="quiet-herbarium"],
html[data-poet-palette="blush-and-sage"],
html[data-poet-palette="lavender-fog"],
html[data-poet-palette="garden-party"],
html[data-poet-palette="petal-annotation"],
html[data-poet-palette="silver-sage"],
html[data-poet-palette="rose-violet"],
html[data-poet-palette="pastel-ink-trio"] {
    --poet-hero-wash-a: rgba(251,250,246,.98);
    --poet-hero-wash-b: rgba(251,250,246,.86);
}

html[data-poet-palette="morning-meadow"] .gh-head .nav a,
html[data-poet-palette="greenhouse-poem"] .gh-head .nav a,
html[data-poet-palette="garden-party"] .gh-head .nav a,
html[data-poet-palette="quiet-herbarium"] .gh-head .nav a,
html[data-poet-palette="pastel-ink-trio"] .gh-head .nav a {
    color: #8d6aa7;
}

html[data-poet-palette="lavender-letterpress"] .gh-head .nav a,
html[data-poet-palette="violet-archive"] .gh-head .nav a,
html[data-poet-palette="moonlit-lilac"] .gh-head .nav a,
html[data-poet-palette="lavender-fog"] .gh-head .nav a,
html[data-poet-palette="silver-sage"] .gh-head .nav a,
html[data-poet-palette="rose-violet"] .gh-head .nav a {
    color: #7fae87;
}

html[data-poet-palette="rose-garden-ink"] .gh-head .nav a,
html[data-poet-palette="peony-manuscript"] .gh-head .nav a,
html[data-poet-palette="pressed-flower"] .gh-head .nav a,
html[data-poet-palette="blush-and-sage"] .gh-head .nav a,
html[data-poet-palette="petal-annotation"] .gh-head .nav a {
    color: #8ea98d;
}

.site-content {
    padding-top: 0;
}

.gh-outer {
    padding-right: var(--poet-page-pad);
    padding-left: var(--poet-page-pad);
}

.gh-inner {
    max-width: var(--poet-max);
}

.poet-hero {
    padding: clamp(44px, 8vw, 86px) 0 clamp(38px, 6vw, 64px);
    border-bottom: 1px solid var(--poet-line);
    background:
        linear-gradient(90deg, var(--poet-hero-wash-a), var(--poet-hero-wash-b)),
        radial-gradient(circle at 82% 18%, var(--poet-hero-accent), transparent 30%);
}

.poet-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: clamp(28px, 5vw, 56px);
    align-items: end;
}

.poet-kicker,
.poet-section-heading {
    color: var(--poet-clay);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.poet-hero h1 {
    max-width: 780px;
    margin: 0;
    font-size: clamp(4.4rem, 8vw, 11.2rem);
    line-height: .94;
    overflow-wrap: anywhere;
}

.poet-hero-description {
    max-width: 620px;
    margin-top: clamp(18px, 3vw, 28px);
    color: var(--poet-muted);
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.9rem, 2.1vw, 2.8rem);
    line-height: 1.35;
}

.poet-featured {
    display: block;
    min-width: 0;
    padding: clamp(16px, 2.4vw, 22px);
    border: 1px solid var(--poet-line);
    background: color-mix(in srgb, var(--poet-card-bg) 78%, transparent);
}

.poet-featured img {
    width: 100%;
    margin-bottom: 22px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.poet-featured h2 {
    margin: 10px 0 12px;
    font-size: clamp(2.5rem, 3vw, 3.2rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.poet-featured p,
.poet-card-excerpt {
    color: var(--poet-muted);
    line-height: 1.6;
}

.poet-feed-wrap {
    padding-top: clamp(36px, 5vw, 56px);
}

.poet-photo-slideshow {
    padding: clamp(40px, 6vw, 72px) 0;
}

.poet-section-heading {
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 24px;
    max-width: var(--poet-max);
}

.poet-slideshow {
    position: relative;
    min-height: clamp(360px, 58vw, 640px);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--poet-line) 82%, transparent);
    background: #f8f5ef;
}

.poet-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transform: scale(1.015);
    transition: opacity 1.2s ease, transform 6s ease;
}

.poet-slide.is-active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.poet-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.poet-slide::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(250, 247, 240, .78), rgba(250, 247, 240, .22) 46%, rgba(98, 93, 102, .2)),
        linear-gradient(0deg, rgba(98, 93, 102, .28), transparent 46%);
}

.poet-slide figcaption {
    position: absolute;
    left: clamp(20px, 5vw, 60px);
    bottom: clamp(28px, 6vw, 72px);
    z-index: 2;
    max-width: min(520px, calc(100% - 40px));
    color: #625d66;
}

.poet-slide figcaption span {
    display: block;
    margin-bottom: 12px;
    color: #8d6aa7;
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-style: italic;
}

.poet-slide figcaption p {
    margin: 0;
    font-family: Lora, Georgia, serif;
    font-size: clamp(2.4rem, 5vw, 6rem);
    font-style: italic;
    line-height: 1;
    overflow-wrap: anywhere;
}

.poet-slideshow-dots {
    position: absolute;
    right: clamp(18px, 4vw, 44px);
    bottom: clamp(18px, 4vw, 44px);
    z-index: 3;
    display: flex;
    gap: 10px;
}

.poet-slideshow-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid rgba(98, 93, 102, .46);
    border-radius: 50%;
    background: rgba(255, 255, 255, .58);
    cursor: pointer;
}

.poet-slideshow-dots button.is-active {
    border-color: #8d6aa7;
    background: #8d6aa7;
}

.poet-slideshow-concepts {
    padding: 0 0 clamp(44px, 7vw, 86px);
}

.poet-slideshow-concepts .gh-inner {
    display: grid;
    gap: clamp(24px, 4vw, 44px);
}

.poet-format-preview {
    border-top: 1px solid color-mix(in srgb, var(--poet-line) 86%, transparent);
    padding-top: clamp(26px, 4vw, 42px);
}

.poet-format-copy span,
.poet-split-copy span {
    display: block;
    margin-bottom: 10px;
    color: #8d6aa7;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.poet-format-copy h2,
.poet-split-copy h2 {
    margin: 0 0 12px;
    color: #625d66;
    font-family: Lora, Georgia, serif;
    font-size: clamp(2.6rem, 4vw, 4.8rem);
    font-weight: 400;
    line-height: 1;
}

.poet-format-copy p,
.poet-split-copy p {
    max-width: 520px;
    margin: 0;
    color: var(--poet-muted);
    font-size: clamp(1.55rem, 1.8vw, 1.85rem);
    line-height: 1.55;
}

.poet-polaroid-preview {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(300px, 1fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
}

.poet-polaroid-stack {
    position: relative;
    min-height: clamp(360px, 42vw, 520px);
}

.poet-polaroid-stack figure {
    position: absolute;
    width: min(56%, 320px);
    margin: 0;
    padding: 12px 12px 42px;
    background: #fffdfa;
    box-shadow: 0 18px 36px rgba(98, 93, 102, .16);
}

.poet-polaroid-stack figure:nth-child(1) {
    top: 32px;
    left: 0;
    transform: rotate(-7deg);
}

.poet-polaroid-stack figure:nth-child(2) {
    top: 0;
    left: 28%;
    z-index: 2;
    transform: rotate(4deg);
}

.poet-polaroid-stack figure:nth-child(3) {
    right: 0;
    bottom: 0;
    transform: rotate(-2deg);
}

.poet-polaroid-stack img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.poet-polaroid-stack figcaption {
    position: absolute;
    right: 14px;
    bottom: 13px;
    left: 14px;
    color: #8d6aa7;
    font-family: Lora, Georgia, serif;
    font-size: 1.35rem;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
}

.poet-split-preview {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .72fr);
    gap: clamp(24px, 4vw, 48px);
    align-items: stretch;
}

.poet-split-image {
    min-height: clamp(320px, 42vw, 520px);
    overflow: hidden;
    background: #f8f5ef;
}

.poet-split-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.poet-split-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 4vw, 46px);
    background: #fffefa;
    border: 1px solid color-mix(in srgb, var(--poet-line) 86%, transparent);
}

.poet-split-copy p {
    color: #8fb7d3;
    font-family: Georgia, serif;
    font-size: clamp(2rem, 3vw, 3.4rem);
    font-style: italic;
    line-height: 1.15;
}

.poet-split-copy a {
    width: max-content;
    margin-top: 28px;
    color: #8d6aa7;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.poet-quiet-feed {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    max-width: var(--poet-max);
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
}

.poet-card {
    position: relative;
    width: auto;
    margin: 0;
    padding: clamp(15px, 2vw, 18px);
    border: 1px solid var(--poet-line);
    background: var(--poet-card-bg);
    min-width: 0;
}

.poet-card .post-image {
    margin: -18px -18px 18px;
    max-width: calc(100% + 36px);
    width: calc(100% + 36px);
}

.poet-card .post-caption {
    display: block;
}

.poet-card .post-caption-title {
    margin-bottom: 10px;
    font-size: clamp(2.1rem, 2.2vw, 2.6rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.poet-card .post-caption-meta {
    margin-top: 18px;
    color: var(--poet-muted);
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.poet-article .gh-article-title {
    font-size: clamp(3.8rem, 7vw, 8.4rem);
    line-height: .98;
    overflow-wrap: anywhere;
}

body.post-template.tag-poetry .poet-article .gh-article-title {
    font-size: clamp(1.65rem, 5.6vw, 6.4rem);
    font-style: italic;
    line-height: 1;
    overflow-wrap: normal;
    white-space: nowrap;
}

.gh-article-title.is-italic-title {
    font-style: italic;
}

.poet-article .gh-article-title.is-italic-title {
    font-size: clamp(2rem, 5.4vw, 6.2rem);
    overflow-wrap: normal;
    white-space: nowrap;
}

.poet-article .gh-article-title.is-single-line-title {
    font-size: clamp(2.15rem, 5.8vw, 6.5rem);
    overflow-wrap: normal;
    white-space: nowrap;
}

@media (max-width: 520px) {
    body.post-template.tag-poetry .poet-article .gh-article-title,
    .poet-article .gh-article-title.is-italic-title,
    .poet-article .gh-article-title.is-single-line-title {
        font-size: clamp(1.2rem, 6.8vw, 2.2rem);
    }
}

.poet-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 18px;
    color: var(--poet-clay);
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
}

body.post-template.tag-poetry .poet-article-meta,
body.post-template.tag-poetry .poet-article-meta a {
    color: #8d6aa7;
}

body.post-template.tag-photography .poet-article .gh-article-title {
    font-size: clamp(2.6rem, 5.4vw, 6.4rem);
    line-height: 1;
    text-align: center;
}

body.post-template.tag-photography .poet-article-meta {
    justify-content: center;
}

body.post-template.tag-photography .gh-content {
    max-width: min(1100px, calc(100vw - var(--poet-page-pad) * 2));
}

body.post-template.tag-photography .kg-image-card {
    margin: clamp(22px, 4vw, 46px) auto 0;
}

body.post-template.tag-photography .kg-image-card img {
    display: block;
    width: 100%;
    max-height: 78vh;
    object-fit: contain;
    background: #f8f5ef;
}

.poet-article .gh-content {
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.8rem, 1.7vw, 2.05rem);
    line-height: 1.85;
}

.poet-archive-page-hero {
    padding: clamp(44px, 7vw, 82px) 0 clamp(28px, 4vw, 44px);
    border-bottom: 1px solid var(--poet-line);
}

.poet-archive-page-hero h1 {
    margin: 8px 0 16px;
    font-family: Lora, Georgia, serif;
    font-size: clamp(4.6rem, 8vw, 9.6rem);
    font-weight: 400;
    line-height: .96;
    letter-spacing: 0;
}

.poet-archive-page-intro {
    max-width: 620px;
    color: var(--poet-muted);
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.9rem, 2vw, 2.6rem);
    line-height: 1.45;
}

.poet-archive-page-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

.poet-archive-page-tags a {
    padding: 8px 11px;
    border: 1px solid var(--poet-line);
    border-radius: 999px;
    color: var(--poet-muted);
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
}

.poet-archive-page-list {
    padding: clamp(24px, 5vw, 56px) 0 80px;
}

.poet-archive-entry {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: clamp(18px, 4vw, 44px);
    padding: clamp(20px, 3vw, 34px) 0;
    border-bottom: 1px solid var(--poet-line);
}

.poet-archive-entry-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--poet-clay);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.poet-archive-entry-main h2 {
    margin: 0 0 10px;
    font-family: Lora, Georgia, serif;
    font-size: clamp(2.8rem, 4vw, 5.2rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.poet-archive-entry-main p {
    max-width: 680px;
    color: var(--poet-muted);
    line-height: 1.6;
}

.poet-palette-hero {
    padding: clamp(44px, 7vw, 82px) 0 clamp(28px, 4vw, 44px);
    border-bottom: 1px solid var(--poet-line);
    background:
        linear-gradient(120deg, var(--poet-hero-wash-a), var(--poet-hero-wash-b) 48%, var(--poet-hero-accent)),
        var(--poet-paper);
}

.poet-palette-hero h1 {
    margin: 8px 0 16px;
    font-family: Lora, Georgia, serif;
    font-size: clamp(4.4rem, 8vw, 8.8rem);
    font-weight: 400;
    line-height: .96;
    letter-spacing: 0;
}

.poet-palette-hero p:not(.poet-kicker) {
    max-width: 760px;
    color: var(--poet-muted);
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.9rem, 2vw, 2.5rem);
    line-height: 1.5;
}

.poet-palette-board {
    padding: clamp(32px, 5vw, 62px) 0 86px;
}

.poet-palette-group + .poet-palette-group,
.poet-palette-combos {
    margin-top: clamp(34px, 5vw, 58px);
}

.poet-palette-heading {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    gap: 22px;
    margin-bottom: 18px;
    align-items: end;
}

.poet-palette-heading h2,
.poet-palette-combos h2 {
    margin: 0;
    font-family: Lora, Georgia, serif;
    font-size: clamp(2.8rem, 4vw, 4.8rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.poet-palette-heading p {
    max-width: 620px;
    color: var(--poet-muted);
    line-height: 1.6;
}

.poet-swatch-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.poet-swatch {
    display: flex;
    min-height: 160px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 14px;
    border: 1px solid rgba(32,31,27,.12);
    background: var(--swatch);
}

.poet-swatch span {
    color: #201f1b;
    font-family: Lora, Georgia, serif;
    font-size: 2rem;
    line-height: 1.1;
}

.poet-swatch code {
    margin-top: 8px;
    color: rgba(32,31,27,.68);
    font-size: 1.2rem;
    background: transparent;
    padding: 0;
}

.poet-combo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px;
}

.poet-combo-card {
    display: block;
    padding: 16px;
    border: 1px solid var(--poet-line);
    background: var(--poet-card-bg);
}

.poet-combo-card:hover {
    border-color: var(--poet-clay);
    opacity: 1;
}

.poet-combo-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 74px;
    margin-bottom: 16px;
    border: 1px solid rgba(32,31,27,.1);
}

.poet-combo-card h3 {
    margin: 0 0 8px;
    font-family: Lora, Georgia, serif;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 0;
}

.poet-combo-card p {
    color: var(--poet-muted);
    line-height: 1.55;
}

.poet-combo-card strong,
.poet-palette-reset a {
    display: inline-flex;
    margin-top: 14px;
    color: var(--poet-clay);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.poet-palette-reset {
    margin-top: 18px;
}

.poet-element-lab {
    margin-top: clamp(44px, 6vw, 70px);
    padding-top: clamp(30px, 4vw, 46px);
    border-top: 1px solid var(--poet-line);
}

.poet-element-lab > h2 {
    margin: 0 0 12px;
    color: var(--poet-ink);
    font-family: Lora, Georgia, serif;
    font-size: clamp(3rem, 5vw, 5.6rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
}

.poet-element-lab > p {
    max-width: 760px;
    color: var(--poet-muted);
    font-family: Lora, Georgia, serif;
    font-size: clamp(1.9rem, 2vw, 2.4rem);
    line-height: 1.55;
}

.poet-element-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr);
    gap: 18px;
    margin-top: 24px;
}

.poet-sample-panel {
    padding: clamp(18px, 3vw, 28px);
    border: 1px solid var(--poet-line);
    background: var(--poet-card-bg);
}

.poet-sample-panel h1,
.poet-sample-panel h2,
.poet-sample-panel h3 {
    color: var(--poet-ink);
    font-family: Lora, Georgia, serif;
    font-weight: 400;
    letter-spacing: 0;
}

.poet-sample-panel h1 {
    margin: 0 0 16px;
    font-size: clamp(4rem, 6vw, 7rem);
    line-height: .96;
}

.poet-sample-panel h2 {
    margin: 0 0 12px;
    font-size: 3.2rem;
    line-height: 1.05;
}

.poet-sample-panel h3 {
    margin: 20px 0 8px;
    font-size: 2.4rem;
}

.poet-sample-panel p {
    color: #34302b;
    line-height: 1.7;
}

.poet-sample-panel a {
    color: var(--poet-clay);
    font-weight: 800;
}

.poet-sample-panel blockquote {
    margin: 24px 0;
    padding-left: 20px;
    border-left: 3px solid var(--poet-clay);
    color: var(--poet-muted);
    font-family: Lora, Georgia, serif;
    font-size: 2.2rem;
    line-height: 1.5;
}

.poet-sample-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.poet-sample-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--poet-clay);
    border-radius: 999px;
    color: var(--poet-clay);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.poet-sample-button.is-filled {
    background: var(--poet-clay);
    color: var(--poet-paper);
}

.poet-sample-mini-card + .poet-sample-mini-card {
    margin-top: 12px;
}

.poet-sample-mini-card {
    padding: 16px;
    border: 1px solid var(--poet-line);
    background: var(--poet-paper);
}

.poet-sample-mini-card span {
    display: block;
    margin-bottom: 8px;
    color: var(--poet-clay);
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.poet-sample-mini-card h3 {
    margin: 0 0 8px;
}

.poet-sample-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    color: var(--poet-muted);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

@media (min-width: 1680px) {
    :root {
        --poet-max: 1320px;
    }

    .poet-hero-inner {
        grid-template-columns: minmax(0, 1fr) 400px;
    }
}

@media (max-width: 1180px) {
    .poet-hero-inner {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 34vw);
    }
}

@media (max-width: 980px) {
    .poet-hero-inner {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .poet-featured {
        display: grid;
        grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
        gap: 22px;
        align-items: center;
    }

    .poet-featured img {
        height: 100%;
        min-height: 190px;
        margin: 0;
    }

    .poet-quiet-feed {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: calc(100vw - var(--poet-page-pad) * 2);
    }

    .poet-photography-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .poet-card .post-caption-meta {
        display: grid;
        gap: 6px;
    }

    .poet-swatch-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .poet-combo-grid {
        grid-template-columns: 1fr;
    }

    .poet-element-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .gh-head {
        height: 64px;
    }

    .poet-hero {
        padding-top: 38px;
    }

    .poet-featured {
        display: block;
    }

    .poet-featured img {
        height: auto;
        min-height: 0;
        margin-bottom: 18px;
    }

    .poet-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .poet-photo-slideshow {
        padding-top: 30px;
    }

    .poet-slideshow {
        min-height: 420px;
    }

    .poet-slide::after {
        background:
            linear-gradient(0deg, rgba(250, 247, 240, .84), rgba(250, 247, 240, .18) 58%),
            linear-gradient(180deg, rgba(98, 93, 102, .16), transparent 42%);
    }

    .poet-slide figcaption {
        right: 20px;
        bottom: 54px;
        max-width: calc(100% - 40px);
    }

    .poet-slide figcaption p {
        font-size: clamp(2.15rem, 10vw, 3.6rem);
    }

    .poet-slideshow-dots {
        right: 20px;
        bottom: 22px;
    }

    .poet-polaroid-preview,
    .poet-split-preview {
        grid-template-columns: 1fr;
    }

    .poet-polaroid-stack {
        min-height: 430px;
    }

    .poet-polaroid-stack figure {
        width: min(66%, 280px);
    }

    .poet-polaroid-stack figure:nth-child(2) {
        left: 22%;
    }

    .poet-split-copy {
        padding: 24px 0 0;
        border: 0;
        background: transparent;
    }

    .poet-card .post-caption-meta {
        font-size: 1.1rem;
    }

    .poet-archive-entry {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .poet-archive-entry-meta {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .poet-palette-heading {
        grid-template-columns: 1fr;
        gap: 8px;
    }

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

@media (max-width: 640px) {
    .poet-hero {
        padding-top: 34px;
    }

    .poet-quiet-feed {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .poet-photography-panel {
        grid-template-columns: 1fr;
    }

    .poet-card .post-image {
        margin-bottom: 16px;
    }
}

@media (max-width: 380px) {
    :root {
        --poet-page-pad: 16px;
    }

    .poet-kicker,
    .poet-section-heading {
        font-size: 1.05rem;
    }

    .poet-hero h1 {
        font-size: clamp(3.6rem, 16vw, 4.6rem);
    }

    .poet-hero-description {
        font-size: 1.75rem;
    }

    .poet-swatch-grid {
        grid-template-columns: 1fr;
    }
}

@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) {
    .poet-hero {
        padding-top: 28px;
        padding-bottom: 32px;
    }

    .poet-hero h1 {
        font-size: clamp(3.8rem, 9vw, 6.8rem);
    }
}

/* Responsive polish for the custom poet layout. Keep the same visual hierarchy,
   but reserve space for absolute-positioned page labels on smaller screens. */
@media (max-width: 980px) {
    body.home-template .poet-hero {
        padding-top: 150px;
    }

    body.home-template .poet-hero-copy > .poet-kicker {
        top: 30px;
        left: var(--poet-page-pad);
        max-width: calc(100vw - var(--poet-page-pad) * 2);
    }

    body.home-template .poet-hero-copy > .poet-hero-description {
        top: 66px;
        left: var(--poet-page-pad);
        max-width: min(620px, calc(100vw - var(--poet-page-pad) * 2));
    }

    body.page-creative-works .gh-article-header,
    body.page-meet-the-author .gh-article-header,
    .poet-blog-page .gh-article-header {
        padding-top: 112px;
    }

    body.page-creative-works .gh-article-title,
    body.page-meet-the-author .gh-article-title,
    .poet-blog-page .gh-article-title {
        top: 30px;
        left: var(--poet-page-pad);
        max-width: calc(100vw - var(--poet-page-pad) * 2);
        text-align: left;
    }
}

@media (max-width: 760px) {
    body.home-template .poet-hero {
        padding-top: 138px;
    }

    body.home-template .poet-hero-copy > .poet-kicker {
        top: 22px;
        font-size: clamp(1.35rem, 4.4vw, 1.65rem);
    }

    body.home-template .poet-hero-copy > .poet-hero-description {
        top: 54px;
        font-size: clamp(1.22rem, 4vw, 1.52rem);
        line-height: 1.42;
    }

    body.page-creative-works .gh-article-header,
    body.page-meet-the-author .gh-article-header,
    .poet-blog-page .gh-article-header {
        padding-top: 92px;
    }

    body.page-creative-works .gh-article-title,
    body.page-meet-the-author .gh-article-title,
    .poet-blog-page .gh-article-title {
        top: 22px;
        font-size: clamp(1.3rem, 4.4vw, 1.65rem);
        line-height: 1.2;
    }

    .poet-work-tabs {
        gap: 6px;
        margin-top: 8px;
        font-size: clamp(1.05rem, 3.5vw, 1.3rem);
        letter-spacing: .06em;
    }

    .poet-floating-palette {
        right: 12px;
        bottom: 12px;
    }

    .poet-floating-palette-toggle {
        min-height: 38px;
        padding: 0 12px;
        font-size: 1.05rem;
    }

    .poet-floating-palette-menu {
        max-height: min(420px, 62vh);
        overflow: auto;
    }
}

@media (max-width: 420px) {
    body.home-template .poet-hero {
        padding-top: 132px;
    }

    body.home-template .poet-hero-copy > .poet-hero-description {
        max-width: calc(100vw - 32px);
    }

    body.page-creative-works .gh-article-header,
    body.page-meet-the-author .gh-article-header,
    .poet-blog-page .gh-article-header {
        padding-top: 86px;
    }

    .poet-work-tabs {
        display: flex;
        max-width: 260px;
        margin-right: auto;
        margin-left: auto;
    }

    .poet-work-title-link {
        font-size: clamp(2rem, 6vw, 2.7rem);
    }

    .poet-poetry-panel .poet-work-card {
        padding: 15px 0;
    }

    .poet-poetry-panel .poet-work-title-link {
        font-size: clamp(1.45rem, 6vw, 2rem);
    }
}

@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) {
    body.home-template .poet-hero {
        padding-top: 112px;
    }

    body.home-template .poet-hero-copy > .poet-kicker,
    body.page-creative-works .gh-article-title,
    body.page-meet-the-author .gh-article-title,
    .poet-blog-page .gh-article-title {
        top: 18px;
    }

    body.home-template .poet-hero-copy > .poet-hero-description {
        top: 48px;
    }
}