.home-content { padding-bottom: var(--space-8); }
.home-content:focus { outline: none; }
.home-hero { position: relative; isolation: isolate; background: var(--color-surface); }
.hero-media { position: absolute; inset: 0; z-index: -1; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.hero-inner { padding-block: var(--space-4) var(--space-7); }
.hero-copy { padding: var(--space-4); background: color-mix(in srgb, var(--color-white) 94%, transparent); }
.hero-copy h1 { font-size: clamp(1.625rem, 3.25vw, 3rem); margin-block: var(--space-3) var(--space-4); max-width: 42rem; }
.hero-description { max-width: 39rem; font-size: var(--text-sm); margin-bottom: var(--space-5); }
.hero-facts { list-style: none; display: none; flex-wrap: wrap; gap: var(--space-2) var(--space-4); padding: 0; margin: var(--space-5) 0 0; font-size: var(--text-xs); font-weight: 650; }
.hero-facts li { display: flex; align-items: baseline; gap: var(--space-2); }
.hero-facts li::before { content: ""; width: .35rem; height: .35rem; background: var(--color-orange); flex-shrink: 0; }
.home-search { position: relative; margin-top: calc(-1 * var(--space-5)); padding: var(--space-5); background: var(--color-white); border: var(--border); border-radius: var(--radius-md); display: grid; gap: var(--space-3) var(--space-5); }
.search-intro { display: flex; align-items: center; gap: var(--space-3); }
.search-intro > .icon { width: 1.5rem; height: 1.5rem; }
.search-intro label { font-weight: 750; }
.search-intro p, #search-status { color: var(--color-muted); font-size: var(--text-xs); }
.search-control { display: flex; gap: var(--space-2); min-width: 0; }
.search-control input { width: 100%; min-width: 0; min-height: 46px; padding: var(--space-3); border: 1px solid var(--color-control-border); border-radius: var(--radius-sm); color: var(--color-text); background: var(--color-white); }
.search-control input:disabled { background: var(--color-surface); opacity: 1; }
.search-control .button { flex-shrink: 0; }
.search-control .button .icon { display: none; }
.home-section { margin-top: var(--space-7); scroll-margin-top: var(--space-5); }
.home-section .section-heading .eyebrow { display: flex; align-items: center; gap: var(--space-3); }
.home-section .section-heading .eyebrow::before { content: ""; width: 1.75rem; height: 2px; background: var(--color-orange); }
.home-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.home-products .card-image { width: 100%; aspect-ratio: 1; object-fit: cover; border-bottom: var(--border); }
.home-products .card-body { padding: var(--space-3); gap: var(--space-2); }
.home-products h3 { font-size: 1rem; letter-spacing: -.015em; }
.home-products p { font-size: var(--text-sm); }
.card-pending { display: block; margin-top: auto; padding-top: var(--space-2); font-size: var(--text-xs); color: var(--color-muted); }
.benefit-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
.benefit { display: flex; align-items: flex-start; gap: var(--space-3); }
.benefit .icon { margin-top: var(--space-1); }
.benefit h3 { font-size: var(--text-base); }
.benefit p { color: var(--color-muted); margin-top: var(--space-2); font-size: var(--text-sm); }
.home-services, .home-guides { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.home-services .card-body > .icon { width: 2rem; height: 2rem; margin-bottom: var(--space-2); }
.palette-section { background: var(--color-surface); padding: var(--space-5); border: var(--border); border-radius: var(--radius-md); display: grid; gap: var(--space-5); }
.palette-number { display: flex; gap: var(--space-3); align-items: center; }
.palette-number > span { font-size: 5rem; font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.palette-number p { color: var(--color-muted); font-size: var(--text-sm); }
.palette-number .icon { width: 2.5rem; height: 2.5rem; margin-left: auto; }
.series-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.series-list li { padding: var(--space-2) var(--space-3); border: var(--border); background: var(--color-white); border-radius: var(--radius-sm); font-size: var(--text-sm); font-weight: 650; }
.availability-note { color: var(--color-muted); font-size: var(--text-sm); margin-top: var(--space-4); }
.palette-section .button { margin-top: var(--space-5); }
.planning-section { border-top: var(--border); padding-top: var(--space-7); }
.planning-grid { display: grid; gap: var(--space-5); }
.planning-grid article { border-left: 2px solid var(--color-orange); padding-left: var(--space-4); }
.planning-grid h3 { margin-block: var(--space-3) var(--space-2); }
.planning-grid p { color: var(--color-muted); font-size: var(--text-sm); }
.home-guides .card-body { padding: var(--space-5); }
.home-quote .cta-panel { gap: var(--space-6); }
.home-quote .cta-panel h2 { max-width: 50rem; }
@media (min-width: 40rem) {
    .hero-copy { max-width: 42rem; padding: var(--space-6); }
    .hero-description { font-size: var(--text-base); }
    .hero-facts { display: flex; }
    .benefit-grid, .home-services, .home-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-products { gap: var(--space-5); }
    .home-products .card-body { padding: var(--space-5); }
    .home-products h3 { font-size: var(--text-h3); }
    .planning-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .palette-section { padding: var(--space-6); grid-template-columns: 1fr 3fr; gap: var(--space-6); }
    .palette-number { flex-direction: column; justify-content: center; align-items: flex-start; }
    .palette-number > span { font-size: 7rem; }
    .palette-number .icon { margin: var(--space-3) 0 0; }
}
@media (min-width: 48rem) {
    .hero-inner { padding-block: var(--space-6) var(--space-7); }
    .hero-copy { width: 66%; }
    .home-search { grid-template-columns: 16rem minmax(0, 1fr); }
    #search-status { grid-column: 2; }
    .search-control .button .icon { display: block; }
    .home-products, .benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-products .card-image { aspect-ratio: 8 / 5; }
    .home-section { margin-top: var(--space-8); }
}
@media (min-width: 72rem) {
    .hero-copy { width: 60%; max-width: 48rem; }
    .hero-media img { object-position: center; }
    .home-section { margin-top: var(--space-7); }
    .home-products .card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
    .home-products .card-media-link { height: 100%; }
    .home-products .card-image { height: 100%; aspect-ratio: auto; border-bottom: 0; border-right: var(--border); background: var(--color-surface); }
    .home-products .card-body { padding: var(--space-4); }
    .home-guides { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}