/* v206: mobile/tablet sizing and glass contrast. Desktop is unchanged. */
@media (max-width:1180px) {
  /* Keep the front card centred while allowing both adjacent cards to peek. */
  .svc151-card {
    left:calc(50% - min(34%,230px))!important;
    width:min(68%,460px);
  }
  .svc151-card .svc151-panel,
  .svc151-card.is-frontmost .svc151-panel {
    background:
      linear-gradient(180deg,rgba(12,5,16,.22),rgba(12,5,16,.49)),
      linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 35%,rgba(255,255,255,.04) 72%,rgba(255,255,255,.09)),
      rgba(17,10,23,.30);
  }

  .about-gallery__title,
  .about-gallery.is-open .about-gallery__title {
    font-size:clamp(54px,4.8vw,93px);
  }
  /* Moving photos can pass beneath the enlarged title. Keep the same red
     canvas behind its glyphs without adding a text shadow or clipping photos. */
  .about-gallery:not(.is-open) .about-gallery__copy {
    background:linear-gradient(90deg,rgba(184,0,13,.86) 0%,rgba(184,0,13,.86) 91%,rgba(184,0,13,0) 100%);
  }
  /* A split panel leaves less room for its right-aligned title. */
  .about-gallery.is-open .about-gallery__title {
    font-size:clamp(32px,3.7vw,48px);
  }
  /* Two typographic points are 2.667 CSS pixels at 96 dpi. */
  .about-gallery__article p { font-size:15.667px;line-height:1.52; }
}
@media (max-width:900px) {
  .about-gallery__title { font-size:clamp(25.5px,7.35vw,60px); }
}
@media (min-width:701px) and (max-width:900px) {
  /* On portrait tablets, share the width so the title can stay in the right pane. */
  .about-gallery__panel { width:50vw; }
  .about-gallery__outside { inset-inline-start:50vw; }
  .about-gallery__cursor-close { left:calc(50vw + 7px); }
  .about-gallery.is-open .about-gallery__field { clip-path:inset(0 0 0 50vw); }
  .about-gallery.is-open .about-gallery__copy {
    right:18px;
    width:calc(50vw - 36px);
  }
  .about-gallery.is-open .about-gallery__title { font-size:clamp(25px,3.5vw,31.5px); }
}
@media (max-width:700px) {
  .svc151-card { left:16%!important;width:68%; }
  /* A narrow split would clip both the reading column and the title. */
  .about-gallery__panel { width:100%; }
  .about-gallery.is-open .about-gallery__field { clip-path:inset(0 0 0 100%); }
  .about-gallery.is-open .about-gallery__copy { display:none; }
  .about-gallery.is-open .about-gallery__outside { display:none; }
}
@media (max-width:350px) {
  /* The long second line must remain inside a 320px viewport. */
  .about-gallery__title { font-size:min(7.2vw,23.5px); }
}