.uses-fresco {
  background-image:
    radial-gradient(circle at 84% 18%, rgba(255, 222, 150, .26), transparent 24%),
    linear-gradient(128deg, #263f39, #496c56 58%, #9b6546);
}

.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-command-shelf .command:focus-visible,
.uses-breadcrumbs a:focus-visible {
  outline: 3px solid #ffd68f;
  outline-offset: 2px;
}

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

@media (max-width: 980px) {
  .uses-fresco { min-height: 0; padding: 60px 46px 48px; }
  .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: 56px 28px 38px; }
  .uses-fresco h1 { font-size: 68px; letter-spacing: -3px; }
  .uses-hero-facts,
  .uses-tool-grid { grid-template-columns: 1fr; }
  .uses-command-shelf { grid-template-columns: 1fr 1fr; }
  .uses-residence { padding: 46px 30px; }
  .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-institution { width: 100%; margin: 0; border-right: 0; border-left: 0; }
  .uses-fresco { padding: 54px 18px 30px; }
  .uses-fresco h1 { font-size: 53px; letter-spacing: -2px; }
  .uses-hero-facts { gap: 9px; margin-top: 30px; }
  .uses-hero-fact { padding: 21px 18px; box-shadow: 4px 4px 0 rgba(39, 29, 19, .22); }
  .uses-hero-amount { font-size: 29px; }
  .uses-command-shelf,
  .uses-zone-grid,
  .uses-tool-grid { grid-template-columns: 1fr; }
  .uses-property,
  .uses-research,
  .uses-tools,
  .uses-projects { padding: 30px 14px 34px; }
  .uses-section-heading h2,
  .uses-research-copy h2 { font-size: 39px; }
  .uses-zone,
  .uses-tool-card { padding: 20px 17px; }
  .uses-zone > p:not(.uses-zone-number) { min-height: 0; }
  .uses-research .uses-estimate-amount { font-size: 37px; }
  .uses-seed-bank { padding: 15px; }
  .uses-residence { min-height: 0; padding: 40px 20px; }
  .uses-residence h2 { font-size: 43px; }
  .uses-residence-copy > p:not(.eyebrow) { font-size: 18px; }
  .uses-gallery { display: block; margin: 10px; }
  .uses-gallery-item + .uses-gallery-item { margin-top: 10px; }
  .uses-gallery-item figcaption { padding: 20px 17px; }
  .uses-project-item { box-shadow: 3px 3px 0 #8f7c61; }
  .uses-project-item figcaption { padding: 20px 17px 23px; }
  .uses-project-item h3 { font-size: 27px; }
}

@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; }
}