/* Cruises-from landing layout. Scoped to .from-landing so the port /
         category / front pages that share this template are untouched. */
      .from-landing main > .container { padding-top: 1rem !important; }  /* normal gap under breadcrumb */
      /* Ink (not pure black) for the dark top-bar nav + hero heading. */
      .from-landing .port_name { margin: 0; color: #10233a; text-shadow: 0 1px 2px rgba(255,255,255,.5); }
      .from-landing .nav-link:not(.nav-link--lux) { color: #10233a; }
      .from-landing .nav-link:not(.nav-link--lux):hover { color: #3a5170; }
      /* Tint the SVG logo (native #1a1a1a) to ink to match the nav. */
      .from-landing .cruisesheet-logo-header { filter: brightness(0) invert(9%) sepia(48%) saturate(1400%) hue-rotate(183deg) brightness(95%) contrast(96%); }
      /* LUX pill is generalised in the logos partial (gold pill / ink pill). */
      .from-landing .from-h2 { margin: 0 0 0.75rem; }
      .from-landing .blurb-content, .from-landing .blurb-content > :last-child { margin-bottom: 0; }
      @media (min-width: 768px) {
        /* equal-height columns so the sort selector can bottom-align with the blurb */
        .from-landing .from-top { align-items: stretch; }
        .from-landing .from-right { display: flex; flex-direction: column; }
        /* push the sort to the bottom of the right column (level with the blurb
           bottom), with breathing room above it, and flush right */
        .from-landing .from-sort { margin-top: auto; padding-top: 2.5rem; width: 100%; display: flex; justify-content: flex-end; align-items: center; }
        /* the port itself counts as a filter — hide the baseline "1" badge here */
        .from-landing .filter-count { display: none !important; }
        .from-landing .from-sort > div { width: auto; }  /* content width, so justify-end lands it at the right edge */
        /* polaroids pop up over the hero */
        .from-landing .polaroid-container { margin-top: -150px; position: relative; z-index: 20; }
      }