/* Anteprima Satinato · applicazioni di Dynamics Lab. */
.dynamics-applications {
  --case-gutter: clamp(17px, 2.5vw, 30px);
}

.dynamics-applications > h2 {
  margin-block-end: clamp(13px, 2vw, 23px);
  padding: clamp(13px, 2vw, 22px) var(--case-gutter);
  border: 1px solid var(--satin-line);
  border-block-start-color: var(--satin-edge);
  border-radius: 18px;
  background:
    linear-gradient(125deg, var(--satin-warm), transparent 76%),
    color-mix(in srgb, var(--satin-pane) 78%, transparent);
  font-size: clamp(27px, 3.25vw, 46px);
  font-weight: 450;
}

.dynamics-applications-grid > article {
  overflow: hidden;
  padding: 0 0 var(--case-gutter);
  border-radius: 22px;
  background:
    linear-gradient(155deg, var(--satin-cool), transparent 80%),
    color-mix(in srgb, var(--satin-pane) 83%, transparent);
}

.dynamics-applications-grid > article > :not(.dynamics-case-photo) {
  margin-inline: var(--case-gutter);
}

.dynamics-applications-grid > article > .dynamics-case-photo {
  order: -1;
  margin: 0;
  border-block-end: 1px solid var(--satin-line);
}

.dynamics-applications-grid .dynamics-case-photo img {
  border-radius: 0;
}

.dynamics-applications-grid .dynamics-case-photo figcaption {
  margin: 0;
  padding: 9px var(--case-gutter);
  border-block-start: 1px solid var(--satin-edge);
  background: color-mix(in srgb, var(--satin-pane) 90%, transparent);
  color: var(--satin-muted);
}

.dynamics-applications-grid > article > .labs-eyebrow {
  margin-block: clamp(16px, 2.1vw, 24px) .5rem;
  color: var(--accent);
}

.dynamics-applications-grid > article > h3 {
  font-size: clamp(24px, 2.65vw, 39px);
  font-weight: 450;
  letter-spacing: -.05em;
}

.dynamics-applications-grid > article > .dynamics-case-question {
  margin-block-start: 12px;
}

.dynamics-applications-grid > article > .research-discover {
  box-sizing: border-box;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid var(--satin-line);
  border-block-start-color: var(--satin-edge);
  border-radius: 10px;
  background: color-mix(in srgb, var(--satin-pane) 76%, transparent);
}

.dynamics-applications-grid > article > .research-discover:is(:hover, :focus-visible) {
  border-color: var(--accent);
}

.dynamics-applications-grid > article > .flight-context-link {
  display: inline-flex;
  align-items: center;
  gap: .3em;
  min-height: 44px;
}

@media (min-width: 701px) {
  .dynamics-applications-grid .dynamics-case-photo figcaption {
    box-sizing: border-box;
    min-block-size: calc(2.9em + 19px);
  }

  .dynamics-applications-grid > article:not(:has(.flight-context-link)) {
    padding-block-end: calc(var(--case-gutter) + 44px + .55rem);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .dynamics-applications > h2,
  .dynamics-applications-grid > article,
  .dynamics-applications-grid .dynamics-case-photo figcaption {
    background: var(--satin-pane);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}