.case-boccone .field-proof-gallery figure {
  display: grid;
  grid-template-rows: auto 1fr;
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.case-boccone .field-proof-gallery figure:first-child {
  grid-row: auto;
}

.case-boccone .field-proof-gallery img {
  transition: filter 260ms ease, transform 420ms ease;
}

.case-boccone .field-proof-gallery figcaption {
  min-height: 7.25rem;
}

.boccone-screen a {
  border-color: #b79b7d;
  background: #eadbc7;
  color: #5f4939;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.boccone-screen a:hover,
.boccone-screen a:focus-visible {
  border-color: #94765a;
  background: #dfc9ac;
  transform: translateY(-2px);
}

@media (min-width: 981px) {
  .case-boccone .case-hero h1 {
    max-width: 100%;
    font-size: clamp(3.8rem, 6.25vw, 6rem);
    overflow-wrap: normal;
    text-wrap: balance;
    word-break: normal;
  }

  .case-boccone .case-hero-content {
    padding-block: clamp(2.5rem, 4vw, 4rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .case-boccone .field-proof-gallery figure:hover {
    border-color: rgba(242, 189, 119, 0.8);
    box-shadow: 0 1.8rem 3.8rem rgba(0, 0, 0, 0.42);
    transform: translateY(-0.4rem);
  }

  .case-boccone .field-proof-gallery figure:hover img {
    filter: saturate(1) contrast(1.06);
    transform: scale(1.025);
  }
}

@media (max-width: 680px) {
  .case-boccone .case-hero h1 {
    max-width: 100%;
    font-size: clamp(2.65rem, 12.5vw, 4.8rem);
    line-height: 0.94;
    overflow-wrap: normal;
    text-wrap: balance;
    word-break: normal;
  }

  .case-boccone .case-hero-content,
  .case-boccone .case-breadcrumb,
  .case-boccone .eyebrow,
  .case-boccone .hero-copy {
    visibility: visible;
    opacity: 1;
  }
}