/* Patagonic Travel community stat and the existing brand/site showcase areas. */
.travel-community-stat {
  --travel-ig-gradient: linear-gradient(112deg, #feda75 0%, #fa7e1e 34%, #d62976 68%, #962fbf 100%);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  margin: 20px 0 24px;
}

.travel-community-stat strong {
  display: block;
  width: fit-content;
  max-width: 100%;
  font-family: Manrope, sans-serif;
  font-size: clamp(4.25rem, 10vw, 7.5rem);
  font-weight: 500;
  letter-spacing: -.09em;
  line-height: .94;
  white-space: nowrap;
  color: #d62976;
  background: var(--travel-ig-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.travel-community-stat strong span {
  margin-left: .09em;
  font-size: .43em;
  letter-spacing: -.055em;
}

.travel-community-stat > p,
.travel-community-stat > span {
  margin: 12px 0 0;
  color: currentColor;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.55;
  text-transform: uppercase;
  opacity: .72;
}

.travel-community-stat::before {
  content: "";
  order: 1;
  width: 46px;
  height: 2px;
  margin-top: 17px;
  background: var(--travel-ig-gradient);
}

.travel-community-stat > p,
.travel-community-stat > span { order: 2; }

.travel-links,
.travel-social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.travel-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .025em;
  opacity: .9;
  transition: transform .35s cubic-bezier(.22,1,.36,1), opacity .2s ease, border-color .2s ease;
}

.travel-social-link:hover {
  transform: translateY(-2px);
  opacity: 1;
}

.travel-social-link svg {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.travel-social-link--instagram svg .instagram-mark {
  stroke: url(#pw-instagram-gradient);
}

.travel-social-link--tiktok svg .tiktok-mark {
  fill: currentColor;
}

.travel-badge .travel-community-stat {
  margin: 0;
}

.travel-badge .travel-community-stat > p,
.travel-badge .travel-community-stat > span {
  color: #e2e8dc;
  opacity: .82;
}

.travel-badge .travel-community-stat strong {
  font-size: clamp(3.6rem, 7vw, 6rem);
}

.travel-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(22px, 5vw, 58px);
}

.travel-stats > * { min-width: 0; }

.travel-stats .travel-community-stat {
  flex: 0 1 auto;
}

.travel-badge .travel-social-links,
.travel-badge .travel-links {
  margin-top: 16px;
}

.travel-block .travel-community-stat {
  margin-top: 26px;
  margin-bottom: 18px;
}

.travel-block .travel-community-stat > p,
.travel-block .travel-community-stat > span {
  color: #58634f;
}

/* Logo marquee: compose .brand-track from precisely two matching .brand-run lists. */
.brand-marquee {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.brand-track {
  display: flex;
  width: max-content;
  max-width: none;
  animation: pw-brand-marquee 36s linear infinite;
  will-change: transform;
}

.brand-run {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-around;
  gap: clamp(34px, 5vw, 78px);
  padding-right: clamp(34px, 5vw, 78px);
}

.brand-logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: clamp(112px, 13vw, 190px);
  height: clamp(52px, 6vw, 78px);
}

.brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.brand-logo img.logo-mono {
  filter: brightness(0) invert(1);
}

.brand-marquee:hover .brand-track,
.brand-marquee:focus-within .brand-track {
  animation-play-state: paused;
}
.brand-strip.is-paused .brand-track{animation-play-state:paused}
.brand-strip{display:block}
.brand-strip-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}
.brand-strip-head .eyebrow{min-width:0;margin:0}
.brand-motion-toggle{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;padding:6px 0;background:none;border:0;color:var(--muted,#aebba6);font:inherit;font-size:10px;cursor:pointer}
.brand-motion-toggle svg{width:16px;height:16px}
.brand-motion-toggle:focus-visible,.brand-marquee:focus-visible{outline:2px solid #dacaad;outline-offset:5px}
.website-visit{display:inline-flex;align-items:center;gap:8px;font-size:12px;margin-top:16px;color:#dacaad}
.advertising-more{display:flex;justify-content:center;margin-top:32px}
@media(max-width:360px){.nav .nav-contact{font-size:0;gap:0;padding:10px;min-width:42px;min-height:42px;justify-content:center}}

@keyframes pw-brand-marquee {
  to { transform: translateX(-50%); }
}

/* Existing screenshot showcase cards: retain their current two-column structure. */
.website-grid .website-card {
  min-width: 0;
  border: 1px solid #ffffff20;
  background: #ffffff05;
  transition: border-color .3s ease, transform .45s cubic-bezier(.22,1,.36,1);
}

.website-grid .website-card:hover {
  border-color: #dacaad75;
  transform: translateY(-4px);
}

.website-grid .website-card > img {
  display: block;
  background: #252d24;
}

.website-grid .website-card > div {
  padding: 22px 24px 24px;
}

.website-grid .website-card h3 {
  margin-bottom: 10px;
}

.website-grid .website-card p:last-child {
  margin-bottom: 0;
}

@media (max-width: 850px) {
  .travel-stats {
    gap: 24px 34px;
  }
  .travel-badge .travel-community-stat strong {
    font-size: clamp(3.5rem, 9vw, 5.25rem);
  }
  .brand-track { animation-duration: 30s; }
  .brand-logo { width: clamp(105px, 18vw, 160px); }
}

@media (max-width: 650px) {
  .travel-hero{height:auto;min-height:800px;padding-bottom:36px}
  .travel-hero .travel-badge{position:relative;left:auto;right:auto;bottom:auto;margin:28px 23px 0;display:block}
  .travel-badge .travel-community-stat>p{max-width:none}
}
@media (max-width: 600px) {
  .travel-community-stat {
    margin: 16px 0 21px;
  }
  .travel-community-stat strong {
    font-size: clamp(4rem, 19vw, 5.35rem);
  }
  .travel-badge .travel-community-stat strong {
    font-size: clamp(4.25rem, 20vw, 5.25rem);
  }
  .travel-stats {
    align-items: flex-start;
    gap: 18px 22px;
  }
  .travel-badge {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .travel-badge .travel-community-stat {
    flex: 1 1 100%;
  }
  .travel-badge .travel-community-stat > p,
  .travel-badge .travel-community-stat > span {
    margin-top: 9px;
  }
  .travel-links,
  .travel-social-links {
    gap: 8px;
  }
  .travel-social-link {
    min-height: 42px;
    padding: 9px 12px;
    font-size: 10px;
  }
  .brand-track { animation-duration: 25s; }
  .brand-run {
    gap: 27px;
    padding-right: 27px;
  }
  .brand-logo {
    width: clamp(95px, 28vw, 125px);
    height: 48px;
  }
  .website-grid .website-card > div {
    padding: 19px 18px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-motion-toggle{display:none}
  .brand-marquee {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
    scrollbar-width: thin;
  }
  .brand-track {
    width: max-content;
    animation: none;
    transform: none;
    will-change: auto;
  }
  .brand-run:nth-child(n + 2) { display: none; }
  .website-grid .website-card,
  .travel-social-link { transition: none; }
}