.page-home .hero { position: relative; min-height: clamp(480px, 42vw, 600px); display: grid; place-items: center; overflow: hidden; background: #f4e7cf; color: #102d3d; }
.page-home .hero-art, .page-home .hero-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.page-home .hero-copy { position: relative; z-index: 1; text-align: center; padding: 1.6rem 1rem 1.2rem; max-width: 920px; color: #102d3d; }
.page-home .hero-side { display: flex; justify-content: center; flex-wrap: wrap; gap: .35rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 .35rem; color: #102d3d; }
.page-home .hero h1 { display: flex; flex-direction: column; align-items: center; font-size: clamp(4.2rem, 7.6vw, 6.6rem); line-height: .84; text-transform: uppercase; color: #102d3d; margin: 0; }
.page-home .hero h1 .hero-trump { color: #d72920; }
.page-home .hero-for { font-size: .4em; letter-spacing: .08em; white-space: nowrap; margin-top: .08em; color: #102d3d; }
.page-home .hero-star { color: #9a7424; }
.page-home .hero-slogan { color: #102d3d; margin: .65rem 0 .9rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.hero-cta { box-shadow: 0 8px 0 rgba(16,45,61,.18); }
.value-strip { background: var(--cream); border-bottom: 1px solid var(--border); }
.value-strip ul { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 1rem 0; }
.value-strip li { display: grid; justify-items: center; text-align: center; gap: .15rem; }
.value-strip img { filter: none; }
.value-strip strong { font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; }
.value-strip span { font-size: .85rem; }
.category-row { background: var(--teal); padding: 1.15rem 0 1.3rem; }
.category-row-inner { display: flex; justify-content: space-between; gap: .75rem; }
.category-row a { color: var(--navy); font-weight: 700; letter-spacing: .06em; text-align: center; display: grid; justify-items: center; gap: .4rem; flex: 1 1 0; }
.category-row a .category-icon { width: 104px; height: 104px; border-radius: 50%; background: #fffaf0; display: block; overflow: hidden; flex: 0 0 auto; }
.category-row a .category-icon img { width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center; padding: 12px; box-sizing: border-box; border-radius: 50%; background: #fffaf0; display: block; }
.story-split { display: grid; grid-template-columns: 1.1fr .9fr; background: var(--navy); color: #fffaf0; }
.story-photo img { width: 100%; height: 100%; object-fit: cover; min-height: 320px; }
.story-copy { padding: clamp(1.35rem, 3vw, 2.6rem); display: grid; align-content: center; gap: .75rem; color: #fffaf0; background: #102d3d; }
.story-split .story-copy h2,
.story-split .story-copy .story-title,
.story-split .story-copy p { color: #fffaf0; }
.story-split .story-copy h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1; text-transform: uppercase; }
.join-band { background: #0d2431; color: #fffaf0; padding: 1.4rem 0; }
.join-band h2, .join-band p { color: #fffaf0; }
.join-band-inner { display: grid; gap: .25rem; }
@media (max-width: 860px) {
  .page-home .hero { min-height: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; place-items: stretch; }
  .page-home .hero-copy { order: 1; padding: .85rem 1rem .7rem; max-width: none; text-shadow: none; background: #f4e7cf; }
  .page-home .hero-art { order: 2; position: relative; inset: auto; display: block; width: 100%; height: clamp(250px, 68vw, 360px); overflow: hidden; background: #f4e7cf; }
  .page-home .hero-art img { position: absolute; inset: auto; top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 72%; }
  .page-home .hero-side { flex-direction: column; gap: .05rem; font-size: .78rem; }
  .page-home .hero-side span { white-space: nowrap; }
  .page-home .hero h1 { font-size: clamp(2.7rem, 13.5vw, 3.5rem); line-height: .88; }
  .page-home .hero-for { font-size: .48em; letter-spacing: .04em; }
  .page-home .hero-star { display: none; }
  .page-home .hero-slogan { margin: .4rem 0 .75rem; font-size: .82rem; }
  .page-home .hero-cta { min-height: 48px; padding-inline: 1.4rem; }
}
@media (max-width: 800px) {
  .value-strip ul { grid-template-columns: 1fr 1fr; }
  .story-split { grid-template-columns: 1fr; }
  .category-row-inner { flex-wrap: wrap; justify-content: center; gap: .75rem .4rem; }
  .category-row a { flex: 0 1 calc((100% - .8rem) / 3); max-width: calc((100% - .8rem) / 3); min-height: 44px; }
  .category-row a .category-icon { width: 84px; height: 84px; }
}
@media (max-width: 560px) {
  .value-strip ul { grid-template-columns: 1fr 1fr; }
  .category-row a .category-icon { width: 76px; height: 76px; }
  .page-home .product-grid--4 { gap: .55rem; }
  .page-home .product-card-image { aspect-ratio: 1; }
}