:root {
  --ink: #202a2a;
  --deep: #126b68;
  --cream: #f3f8f7;
  --paper: #ffffff;
  --coral: #d54134;
  --gold: #f4b942;
  --blue: #7447a8;
}
.product-photo { overflow: hidden; background: #f3f8f7; }
.product-photo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.ornament-photo { background: #fffaf1; }
.ornament-photo img { object-fit: cover; object-position: center; }
.footer-brand img { width: 220px; height: auto; object-fit: contain; background: transparent; }
.footer-brand { align-self: start; }
.announcement strong { color: var(--gold); }
.art-backdrop { background: #e7f3f1; }
.quilt-mark, .quilt-mark.warm { background: var(--gold); }
.quilt-mark.warm span { background: var(--coral); }
.quilt-mark.cool { background: #eee8f6; }
.quilt-mark.cool span { background: var(--blue); }
.quilt-mark.cool i { background: var(--coral); }
.eyebrow.light { color: var(--gold); }
.purpose-mark { background: var(--gold); }
.button.cream { background: #fff7e2; }
footer { background: #edf6f4; }
.product-card > small { color: var(--coral); }
.lifestyle-feature { background: var(--deep); }
.hero-quilt-gallery { height: 505px; overflow: hidden; background: #fff; border: 1px solid #e1ece9; box-shadow: 0 24px 60px rgba(18,107,104,.16); }
.hero-quilt-gallery img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.real-category-photo { background-repeat: no-repeat; background-position: center; background-size: cover; border: 0; }
.resource-card .category-photo { height: 250px; }
.printable-steps-detail { background-image: url("assets/printable-patterns-steps.webp"); background-position: center 53%; }
.grid-plans-detail { background-image: url("assets/grid-pattern-plans.webp"); background-position: center 50%; }
.quilt-color-detail { background-image: url("assets/stormy-coast-color-palette.webp"); background-position: center 48%; }
.finished-quilt-swatch { padding: 0; background-color: var(--coral); background-image: url("assets/quilt-swatch-teal-purple.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }
.finished-purpose-quilt { background-color: var(--coral); background-image: url("assets/quilt-swatch-star.png"); background-size: calc(100% + 10px) calc(100% + 10px); background-position: center; background-repeat: no-repeat; }
@media(max-width:620px){.footer-brand img{width:190px}}
@media(max-width:620px){.hero-quilt-gallery{height:330px}.resource-card .category-photo{height:220px}.finished-purpose-quilt{width:150px}}