body.home {
    --sketchbook-paper: #f8edcf;
    --zen-home-section-title-size: clamp(30px, 3.2vw, 48px);
    --zen-button-ink: #000;
    --zen-button-surface: #fff;
    --zen-button-radius: 8px;
    --zen-button-duration: 180ms;
    --zen-home-text: #000;
    --zen-home-control-ink: #2a241c;
    --zen-home-control-muted: #756b5d;
    --zen-home-product-copy-surface: rgb(255 255 255 / 70%);
    isolation: isolate;
    background: var(--sketchbook-paper);
}
.zen-home-background {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--sketchbook-paper);
}
.zen-home-background img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
body.home .zen-and-tao-site-header { backdrop-filter: none; }
/* Black page copy; retain the existing colors of interactive controls. */
body.home .zen-classic-home {
    --zen-and-tao-ink: var(--zen-home-text);
    --zen-and-tao-muted: var(--zen-home-text);
    color: var(--zen-home-text);
}
body.home :is(.zen-and-tao-handmade__tab, .zen-featured__dot) {
    --zen-and-tao-ink: var(--zen-home-control-ink);
    --zen-and-tao-muted: var(--zen-home-control-muted);
}
body.home :is(.skip-link, .screen-reader-text) {
    color: var(--zen-home-text);
}
body.home .zen-and-tao-search-form input::placeholder {
    color: var(--zen-home-text);
    opacity: 1;
}
.zen-home-collection-button { font-family: "Jost", Arial, sans-serif; }
.zen-classic-home > section { position: relative; background: transparent; }
/* Translucent product details; images and text retain their full opacity. */
.zen-classic-home > .zen-featured .zen-featured__card {
    background: var(--zen-home-product-copy-surface);
}
.zen-classic-home > .zen-and-tao-handmade .zen-and-tao-handmade__feature {
    background: transparent;
}
.zen-classic-home > .zen-and-tao-handmade .zen-and-tao-handmade__feature-copy {
    background: var(--zen-home-product-copy-surface);
}
.home-sketchbook {
    position: relative;
    isolation: isolate;
    height: var(--sketchbook-frame-height, 640px);
    overflow: clip;
    scroll-margin-block-start: var(--sketchbook-header-height, 0px);
    padding: 0;
}
.home-sketchbook__frame,
.home-sketchbook__frame iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; }
.home-sketchbook__frame iframe { visibility: hidden; }
.home-sketchbook__frame iframe[data-sketchbook-ready="true"] { visibility: visible; }
.home-hero-spiral { padding: clamp(56px, 7vw, 104px) 0; }
.home-hero-spiral__inner { display: grid; gap: 32px; }
.home-hero-spiral__gallery { width: 100%; min-width: 0; }
@media (max-width: 782px) {
    .home-hero-spiral__inner { gap: 24px; }
}
@media (max-width: 640px) { .home-sketchbook { height: var(--sketchbook-frame-height, 360px); } }

/* One mobile scale for the homepage; the approved desktop remains independent. */
@media (max-width: 782px) {
    body.home .zen-classic-home {
        --zen-home-section-title-size: 28px;
        --home-mobile-body-size: 16px;
        --home-mobile-label-size: 13px;
        --home-mobile-section-space: 56px;
        --home-mobile-content-space: 24px;
        --home-mobile-copy-gap: 16px;
        --home-mobile-image-gap: 8px;
        --home-mobile-action-height: 48px;
        --home-mobile-action-width: 232px;
        --home-mobile-content-width: 600px;
    }
    body.home .zen-classic-home > section > .zen-and-tao-container--wide {
        max-width: calc(var(--home-mobile-content-width) + 32px);
    }
    body.home .zen-classic-home .zen-home-collection-button {
        width: min(var(--home-mobile-action-width), 100%);
        min-height: var(--home-mobile-action-height);
        padding: 12px 24px;
        font-size: var(--home-mobile-body-size);
    }
    body.home .zen-featured {
        --featured-title-space: var(--home-mobile-content-space);
        --featured-section-space: var(--home-mobile-section-space);
        --featured-dots-space: 0px;
        --featured-dot-size: 6px;
        --featured-dot-active-width: 16px;
        --featured-dot-mobile-width: 28px;
        --featured-name-space: 12px;
        --featured-name-size: var(--home-mobile-body-size);
        --featured-price-size: var(--home-mobile-body-size);
    }
    body.home .zen-featured__title,
    body.home .zen-and-tao-handmade__eyebrow,
    body.home .zen-home-elements__title {
        letter-spacing: -.02em;
        text-wrap: balance;
    }
    body.home .zen-featured__media { aspect-ratio: 1; }
    body.home .zen-featured__dot { width: var(--featured-dot-mobile-width); }
    body.home .zen-and-tao-handmade {
        --handmade-top-space: 0px;
        --handmade-section-space: var(--home-mobile-section-space);
    }
    body.home .zen-and-tao-handmade__head {
        gap: var(--home-mobile-content-space);
        margin-bottom: var(--home-mobile-content-space);
    }
    body.home .zen-and-tao-handmade__tabs { gap: var(--home-mobile-content-space); }
    body.home .zen-and-tao-handmade__tab {
        font-size: var(--home-mobile-label-size);
        letter-spacing: 0;
    }
    body.home .zen-and-tao-handmade__panel { margin-bottom: var(--home-mobile-content-space); }
    body.home .zen-and-tao-handmade__panel:last-child { margin-bottom: 0; }
    body.home .zen-home-elements {
        --elements-section-space: var(--home-mobile-section-space);
        --elements-head-gap: var(--home-mobile-copy-gap);
        --elements-grid-space: var(--home-mobile-content-space);
        --elements-grid-gap: var(--home-mobile-copy-gap);
        --elements-label-size: var(--home-mobile-body-size);
    }
    body.home .zen-home-elements__list { max-width: 480px; margin-inline: auto; }
    body.home .zen-home-reading {
        --reading-layout-gap: var(--home-mobile-content-space);
        --reading-content-gap: var(--home-mobile-content-space);
        --reading-section-space: var(--home-mobile-section-space);
        --reading-subtitle-size: var(--home-mobile-body-size);
    }
    body.home .zen-home-reading__media { width: min(100%, 420px); justify-self: center; }
    body.home .zen-home-reading__subtitle,
    body.home .zen-home-story__copy { line-height: 1.65; }
    body.home .zen-home-story {
        --story-padding: 0px;
        --story-copy-size: var(--home-mobile-body-size);
        --story-content-gap: var(--home-mobile-copy-gap);
        --story-bottom-space: var(--home-mobile-section-space);
    }
    body.home .zen-home-story__box { gap: var(--home-mobile-content-space); }
    body.home .zen-home-story__title { margin-bottom: 0; }
    body.home .zen-home-story__action {
        position: absolute;
        margin-top: 0;
    }
}