.sec.a-trust.showcase-band { padding: var(--sec-pad) 0; }

.showcase-band h2.sec-head {

  font-size: clamp(30px, 3.6vw, 50px); max-width: 22ch; margin-top: var(--label-gap);

}

.showcase-band .lede {

  font-size: 20px; line-height: 1.68; color: var(--ink-soft); max-width: 37ch;

}

.showcase-head {

  display: flex; align-items: flex-end; justify-content: space-between;

  gap: 32px; flex-wrap: wrap; padding-bottom: 24px;

}

.showcase-who { text-align: end; }

.showcase-name {

  font-family: var(--font-display); font-weight: 500; letter-spacing: -.025em;

  font-size: 24px; line-height: 1.1; color: var(--red110); margin: 0;

}

.showcase-place {

  display: block; margin-top: 4px; font-size: 15px; color: var(--warm-grey);

}



.showcase-block { margin-top: 28px; background: var(--paper); }



.showcase-top {

  display: grid; grid-template-columns: minmax(0, 1fr) .34fr;

  gap: 14px; align-items: stretch;

}

.showcase-hero {

  width: 100%; margin-inline: auto; aspect-ratio: 16 / 9;

  border-radius: var(--radius-panel); overflow: hidden; background: var(--stonelight);

}

.showcase-hero-image, .showcase-hero-video {

  display: block; width: 100%; height: 100%; object-fit: cover;

  object-position: center;

  background: var(--stonelight);

}

.showcase-under {

  display: grid; grid-template-columns: minmax(0, 1fr) .78fr;

  gap: clamp(32px, 5vw, 72px); margin-top: 34px; align-items: start;

}

.showcase-copy .lede { margin: 0; }

.showcase-side { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }

.showcase-pair {

  display: grid; grid-template-rows: 1fr 1fr; gap: 14px;

  width: 100%; height: 100%;

}

.showcase-pair figure {

  margin: 0; min-height: 0; display: flex; flex-direction: column;

}

.showcase-frame {

  margin: 0; border-radius: var(--radius-panel); overflow: hidden;

  flex: 1 1 auto; min-height: 0; background: var(--stonelight);

}

.showcase-pair img {

  display: block; width: 100%; height: 100%; object-fit: cover;

}

.showcase-caption { font-size: 14px; color: var(--warm-grey); margin-top: 8px; }

.showcase-case { margin-top: 0; }

.showcase-film { margin-top: 0; }



.showcase-stats {

  display: flex; flex-wrap: wrap; gap: 10px clamp(28px, 5vw, 66px);

  font-size: 15px; color: var(--warm-grey);

}

.showcase-stats.is-low { margin-top: 40px; }

.showcase-stats.is-high { margin-top: 0; margin-bottom: 28px; }

.showcase-stats strong {

  font-family: var(--font-display); font-weight: 500; font-size: 17px;

  letter-spacing: -.02em; color: var(--red110); margin-inline-end: 8px;

}



.showcase-more { margin-top: 26px; }

.anchor-mark { height: 0; }

.showcase-band .btn:focus-visible { outline: 2px solid var(--flare); outline-offset: 3px; }



@media (max-width: 900px) {

  .showcase-under { grid-template-columns: 1fr; }

  .showcase-side { align-items: flex-start; }

  .showcase-who { text-align: start; }

  .showcase-top { grid-template-columns: 1fr; gap: 20px; }

  .showcase-pair { grid-template-rows: none; grid-template-columns: 1fr 1fr; height: auto; }

  .showcase-frame { flex: 0 0 auto; aspect-ratio: 4 / 3; }

}