/* Browser-only refinements: the house cover light in the home's own sage and terracotta, and quiet hover lift. */
.uses-fresco {
  background:
    radial-gradient(120% 90% at 85% 8%, rgba(214, 140, 100, .34), transparent 60%),
    radial-gradient(90% 70% at 8% 100%, rgba(255, 207, 102, .18), transparent 60%),
    linear-gradient(180deg, #4a6f5a 0%, #22382f 100%);
}

.uses-hero-fact,
.uses-zone,
.uses-tool-card,
.uses-gallery-item,
.uses-project-item { transition: transform 150ms ease, box-shadow 150ms ease; }

.uses-hero-fact:hover,
.uses-zone:hover,
.uses-tool-card:hover,
.uses-gallery-item:hover,
.uses-project-item:hover { transform: translateY(-2px); }

.uses-property-picture img,
.uses-gallery-item img,
.uses-project-item img { background: #776a56; }

@media (max-width: 980px) {
  .uses-zone-grid { grid-template-columns: 1fr 1fr; }
  .uses-research { grid-template-columns: 1fr; }
  .uses-gallery { grid-template-columns: 1fr; }
  .uses-gallery-item { display: grid; grid-template-columns: minmax(280px, .9fr) 1.1fr; }
  .uses-gallery-item img { height: 100%; min-height: 280px; }
  .uses-gallery-item figcaption { align-self: center; }
}

@media (max-width: 720px) {
  .uses-fresco { padding: 84px 22px 38px; }
  .uses-hero-facts,
  .uses-tool-grid { grid-template-columns: 1fr; }
  .uses-command-shelf { grid-template-columns: 1fr 1fr; }
  .uses-gallery-item { display: block; }
  .uses-gallery-item img { height: auto; min-height: 0; }
  .uses-project-grid { grid-template-columns: 1fr; }
  .uses-project-item--wide { grid-column: auto; }
}

@media (max-width: 520px) {
  .uses-fresco { padding: 92px 18px 30px; }
  .uses-fresco h1 { font-size: clamp(40px, 13vw, 52px); }
  .uses-hero-facts { gap: 10px; margin-top: 30px; }
  .uses-hero-fact { padding: 21px 18px; }
  .uses-command-shelf,
  .uses-zone-grid,
  .uses-tool-grid { grid-template-columns: 1fr; }
  .uses-property,
  .uses-research,
  .uses-tools,
  .uses-projects { padding: 30px 16px 36px; }
  .uses-gallery { padding: 16px; }
  .uses-zone,
  .uses-tool-card { padding: 20px 17px; }
  .uses-zone > p:not(.uses-zone-number) { min-height: 0; }
  .uses-seed-bank { padding: 15px; }
  .uses-residence { padding: 40px 18px; }
  .uses-residence-copy > p:not(.eyebrow) { font-size: 18px; }
  .uses-gallery-item figcaption { padding: 20px 17px; }
  .uses-project-item figcaption { padding: 20px 17px 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .uses-hero-fact,
  .uses-zone,
  .uses-tool-card,
  .uses-gallery-item,
  .uses-project-item { transition: none; }

  .uses-hero-fact:hover,
  .uses-zone:hover,
  .uses-tool-card:hover,
  .uses-gallery-item:hover,
  .uses-project-item:hover { transform: none; }
}