/* Desktop-only photographic refinement for the three Italy's Great Cities heroes. */
@media (min-width: 1024px) {
  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero::after {
    background:
      linear-gradient(180deg, rgba(4, 27, 34, .42) 0%, rgba(4, 27, 34, .08) 22%, rgba(4, 27, 34, 0) 38%),
      linear-gradient(0deg, rgba(4, 27, 34, .34) 0%, rgba(4, 27, 34, 0) 34%),
      radial-gradient(ellipse 92% 82% at 12% 100%,
        rgba(4, 27, 34, .95) 0%,
        rgba(4, 27, 34, .8) 42%,
        rgba(4, 27, 34, .44) 62%,
        rgba(4, 27, 34, .08) 84%,
        rgba(4, 27, 34, 0) 100%);
  }

  .nj-tour--igc10 .nj-hero { background-position: 66% center; }
  .nj-tour--igc12 .nj-hero { background-position: 67% center; }
  .nj-tour--igc14 .nj-hero { background-position: 58% center; }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__content {
    padding-bottom: clamp(44px, 5.5vh, 62px);
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__inner {
    display: grid;
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(500px, .95fr) minmax(430px, 1.05fr);
    grid-template-rows: repeat(6, auto);
    column-gap: clamp(40px, 5vw, 72px);
    align-items: end;
  }

  .nj-tour--igc12 .nj-hero__primary {
    display: contents;
    margin: 0;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero .nj-eyebrow {
    grid-column: 1;
    grid-row: 1;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero h1 {
    grid-column: 1;
    grid-row: 2;
    max-width: 10ch;
    margin-bottom: 10px;
    font-size: clamp(62px, 6.25vw, 90px);
    line-height: .94;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-cinematic-hero__statement {
    grid-column: 1;
    grid-row: 3;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__subhead {
    grid-column: 1;
    grid-row: 4;
    max-width: 35ch;
    margin-bottom: 9px;
    font-size: clamp(18px, 1.45vw, 21px);
    line-height: 1.34;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__route {
    grid-column: 1;
    grid-row: 5;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 14.5px;
    line-height: 1.35;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero-facts {
    align-self: end;
    width: 100%;
    grid-column: 2;
    grid-row: 1 / 7;
    margin-bottom: 0;
    padding: 4px 10px;
    border-color: rgba(255, 255, 255, .18);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(4, 29, 37, .58), rgba(10, 51, 59, .34));
    box-shadow: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero-fact {
    grid-template-columns: 21px minmax(0, 1fr);
    gap: 8px;
    padding: 6px 8px;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero-fact--duration,
  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero-fact--group {
    padding-left: 1px;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero-fact__icon {
    width: 21px;
    font-size: 14px;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero-fact strong {
    font-size: 13px;
    line-height: 1.28;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__actions {
    grid-column: 1;
    grid-row: 6;
    flex-wrap: nowrap;
    gap: 10px;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__actions .nj-button {
    min-height: 48px;
    padding: 11px 18px;
    font-size: 12px;
  }

  /* Guest proof already has dedicated editorial treatments below the hero. */
  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__tripadvisor-proof {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__inner {
    width: 100%;
    grid-template-columns: minmax(0, 500px) minmax(0, 1fr);
    column-gap: 28px;
  }

  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__actions .nj-button {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 11.5px;
    letter-spacing: .035em;
  }
}

@media (min-width: 1024px) and (max-height: 850px) {
  .nj-tour:is(.nj-tour--igc10, .nj-tour--igc12, .nj-tour--igc14) .nj-hero__content {
    padding-bottom: 136px;
  }
}