/* Original photographs are composited once, rather than darkened in two layers. */
.premium-gallery .viewer-image-wrap,
.premium-gallery .viewer-image-wrap picture,
.premium-gallery .viewer-image {
  mix-blend-mode: normal;
  opacity: 1;
}
.premium-gallery .viewer[data-photo-kind="original"] {
  background: var(--studio-surface);
}
.premium-gallery .viewer[data-photo-kind="original"]::before { opacity: .1; }
.premium-gallery .viewer[data-photo-kind="original"] .viewer-image-wrap {
  mix-blend-mode: multiply;
}
.premium-gallery .viewer[data-photo-kind="original"] .viewer-image-wrap:has(img[src*="falcon-matt-rear"]) {
  mix-blend-mode: multiply;
}
.premium-gallery .viewer img[src*="falcon-matt-side"] {
  mix-blend-mode: normal;
  filter: contrast(.68) brightness(2.1) saturate(.94);
}
.premium-gallery .viewer img[src*="falcon-matt-rear"] {
  mix-blend-mode: normal;
  filter: contrast(.75) brightness(1.8) saturate(.95);
}
.premium-gallery .viewer[data-photo-kind="studio"] .viewer-image-wrap,
.premium-gallery .viewer[data-photo-kind="studio"] picture,
.premium-gallery .viewer img[src*="falcon-hero-studio"] {
  mix-blend-mode: normal;
}
.premium-gallery .viewer img[src*="falcon-hero-studio"] {
  filter: brightness(1.04) contrast(1.01);
}
.premium-gallery .view-thumb {
  opacity: 1;
  background: radial-gradient(ellipse at 50% 43%, #899383, #53634a 64%, #273127 100%);
}
.premium-gallery .view-thumb.selected {
  background: radial-gradient(ellipse at 50% 43%, #899383, #53634a 64%, #2b362b 100%);
}
.premium-gallery .view-thumb img {
  mix-blend-mode: multiply;
  filter: brightness(1.65) contrast(.98) saturate(.95);
}
.premium-gallery .view-thumb img[src*="falcon-matt-side"] { filter: contrast(.68) brightness(2.1) saturate(.94); }
.premium-gallery .view-thumb img[src*="falcon-matt-rear"] {
  mix-blend-mode: multiply;
  filter: contrast(.75) brightness(1.8) saturate(.95);
}
.premium-gallery .view-thumb img[src*="falcon-hero-studio"] {
  mix-blend-mode: normal;
  filter: brightness(1.04) contrast(1.01);
}

/* Fade the source photograph into the page itself on every edge. */
.signature-detail {
  height: clamp(460px, 43vw, 620px);
  min-height: 0;
  background: transparent;
  overflow: hidden;
}
.signature-detail::after { background: none; }
.signature-media {
  left: 29%;
  right: -3%;
  top: -20px;
  bottom: -20px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 82%, transparent 100%), linear-gradient(90deg, transparent 0%, #000 20%, #000 86%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 82%, transparent 100%), linear-gradient(90deg, transparent 0%, #000 20%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.signature-media > picture { mix-blend-mode: normal; }
.signature-media img {
  object-fit: contain;
  object-position: 66% center;
  transform: none;
  filter: brightness(1.12) contrast(1.015);
}
.signature-top { top: 22px; }
.signature-copy {
  left: var(--pad);
  right: auto;
  bottom: 42px;
  max-width: 56%;
  width: auto;
  padding: 0;
  background: transparent;
}
.premium-home .signature-copy h2,
.signature-copy h2 > span {
  font-size: clamp(38px, 4.65vw, 68px);
  line-height: 1.1;
  letter-spacing: -.035em;
  text-shadow: 0 2px 24px #141a1466;
}
.signature-copy > p { margin-top: 14px; }
.signature-copy .design-feature-facts { margin-top: 17px; padding-top: 14px; }
.signature-copy > p.signature-equipment-note { margin-top: 9px; font-size: 11px; }

@media (max-width: 1059px) and (min-width: 761px) {
  .signature-media { left: 27%; right: -6%; }
  .signature-copy { max-width: 58%; bottom: 32px; }
  .premium-home .signature-copy h2,
  .signature-copy h2 > span { font-size: 42px; }
}
@media (max-width: 760px) {
  .signature-detail {
    display: block;
    height: auto;
    min-height: 0;
    padding: 0 var(--pad) 18px;
  }
  .signature-media {
    position: relative;
    inset: auto;
    width: calc(100% + 2 * var(--pad));
    height: clamp(280px, 87vw, 390px);
    margin-inline: calc(-1 * var(--pad));
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 75%, transparent 100%), linear-gradient(90deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 75%, transparent 100%), linear-gradient(90deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
  }
  .signature-media img { object-position: center; }
  .signature-top { left: var(--pad); right: var(--pad); top: 14px; }
  .signature-copy {
    position: relative;
    inset: auto;
    max-width: none;
    width: 100%;
    margin-top: -20px;
    padding: 0 0 16px;
  }
  .premium-home .signature-copy h2,
  .signature-copy h2 > span {
    font-size: clamp(28px, 7.6vw, 41px);
    line-height: 1.13;
    letter-spacing: -.03em;
  }
  .signature-copy > p { font-size: 13px; margin-top: 11px; }
  .signature-copy .design-feature-facts { margin-top: 13px; padding-top: 12px; gap: 8px 18px; }
  .signature-copy .design-feature-facts > span { font-size: 11px; }
}
