/* Real photographs, an open album and the client's turquoise. */
.travel-home .destinations,
.travel-home .people { position:relative; isolation:isolate; }
.travel-home .destinations { background:linear-gradient(var(--brand-turquoise),var(--journal-lagoon) 75%,var(--brand-turquoise)); }
.travel-home .destinations::before,
.travel-home .people::before { content:''; pointer-events:none; position:absolute; inset:0; z-index:-1; background:url('./assets/catalog-water.webp') left bottom / 220% auto no-repeat; opacity:.14; mask-image:linear-gradient(transparent,black 35%,black 70%,transparent); }
.travel-home .destinations-heading { align-items:baseline; }
.travel-home .destination-gallery { gap:var(--journal-gap); }
.travel-home .destination-card { box-shadow:var(--journal-shadow); }
.travel-home .destination-card::after { background:linear-gradient(0deg,rgb(0 39 47 / .85),rgb(0 39 47 / .24) 37%,transparent 65%); }
.travel-home .destination-caption { bottom:var(--space-4); }
.travel-home .destination-index { margin-top:var(--space-3); }
.travel-home .destination-list { border-top:1px solid var(--journal-rule); padding-top:var(--space-3); }
.travel-home .approach { padding-top:var(--space-5); }
.travel-home .approach .section-heading { margin-bottom:var(--space-4); }
.travel-home .people { background:linear-gradient(var(--brand-turquoise),var(--journal-lagoon) 45%,var(--brand-turquoise)); }
.people-wrap { max-width:var(--journal-width); }
.people-heading { margin-bottom:var(--space-5); }
.people-heading h2 { font-size:var(--journal-heading); }
.people-heading .eyebrow { color:var(--white); }
.people-heading > p { max-width:24ch; color:var(--white); }
.guest-journal { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:var(--journal-gap); align-items:start; }
.journal-entry { min-width:0; margin:0; }
.journal-photo { position:relative; display:block; width:100%; height:var(--journal-height); padding:0; border:0; overflow:hidden; border-radius:var(--journal-photo-radius); background:var(--brand-deep); color:var(--white); box-shadow:var(--journal-shadow); cursor:pointer; }
.journal-photo > img,.journal-photo > .original-story-cover { width:100%; height:100%; display:block; object-fit:cover; transition:transform var(--duration-photo) var(--ease-out); }
.journal-second { padding-top:var(--space-5); }
.journal-third { padding-top:calc(var(--space-5) * 2); }
.journal-second .journal-photo,.journal-third .journal-photo { height:calc(var(--journal-height) - var(--space-5)); }
.journal-second .journal-photo > img { object-position:center; }
.journal-third .journal-photo > img { object-position:54% center; }
.journal-play { position:absolute; inset:auto 22px 22px; display:flex; gap:14px; align-items:center; text-align:left; font:600 14px/1.4 var(--catalog-reading); text-shadow:0 1px 8px rgb(0 0 0 / .5); }
.journal-play::before { content:''; position:absolute; z-index:-1; inset:-55px -22px -22px; background:linear-gradient(transparent,rgb(0 27 30 / .65)); }
.journal-play { isolation:isolate; }
.journal-play > svg { width:54px; height:54px; padding:18px; border-radius:var(--radius-round); background:var(--white); color:var(--brand-ink); fill:currentColor; stroke:none; flex-shrink:0; }
.journal-play small { display:block; margin-top:3px; font-weight:400; }
.journal-enlarge { position:absolute; bottom:18px; right:18px; border:1px solid var(--journal-rule); background:rgb(0 40 47 / .6); padding:10px 14px; border-radius:var(--radius-button); font:500 12px/1.4 var(--catalog-reading); }
.journal-entry figcaption { display:grid; gap:8px; padding:20px 2px 0; }
.journal-entry figcaption strong { font:400 var(--journal-caption)/1.35 var(--editorial); }
.journal-entry figcaption > span { font:400 13px/1.5 var(--catalog-reading); }
.guest-names { margin-top:var(--space-6); padding-block:var(--space-4); border-block:1px solid var(--journal-rule); }
.guest-names-intro { font:500 12px/1.5 var(--catalog-reading); letter-spacing:.06em; margin:0 0 var(--space-4); }
.guest-names ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); gap:var(--journal-gap); }
.guest-names li { display:flex; align-items:center; gap:16px; min-width:0; }
.guest-names img { width:76px; height:76px; object-fit:cover; border-radius:var(--radius-round); flex-shrink:0; }
.guest-names strong { display:block; font:500 15px/1.5 var(--catalog-reading); }
.guest-names li span { display:block; margin-top:5px; font:400 12px/1.5 var(--catalog-reading); }
.travel-home .travel-moments { padding-top:var(--space-5); }
.travel-home .people .story-image { height:clamp(250px,25vw,350px); }
.travel-home .people .story-card { color:var(--white); }
.travel-home .people .story-list { gap:var(--journal-gap); }
.travel-home .people .story-caption > span { color:var(--white); }
.travel-home .founder { background:var(--brand-turquoise); }
.travel-home .contact-invite::before { background:linear-gradient(180deg,var(--brand-turquoise),transparent 18%),linear-gradient(0deg,var(--flow-footer),transparent 25%),linear-gradient(90deg,rgb(0 41 48 / .6),transparent 75%); }
@media(hover:hover) {
  .journal-photo:hover > img { transform:scale(1.025); }
  .journal-photo:hover .journal-enlarge { background:var(--white); color:var(--brand-ink); }
}
@media(max-width:1000px) {
  .guest-names ul { grid-template-columns:repeat(2,1fr); row-gap:24px; }
  .journal-play { inset:auto 16px 16px; gap:10px; }
  .journal-play > svg { width:44px; height:44px; padding:14px; }
}
@media(max-width:700px) {
  .people-heading { margin-bottom:24px; }
  .people-heading h2 { max-width:none; }
  .people-heading > p { margin-top:12px; max-width:28ch; }
  .guest-journal { grid-template-columns:1fr 1fr; gap:28px 14px; }
  .journal-lead { grid-column:1 / -1; }
  .journal-photo { height:auto; aspect-ratio:4/5; border-radius:20px; }
  .journal-lead .journal-photo { aspect-ratio:4/5; }
  .journal-second,.journal-third { padding-top:0; }
  .journal-second .journal-photo,.journal-third .journal-photo { height:auto; aspect-ratio:3/4; }
  .journal-third { padding-top:28px; }
  .journal-entry figcaption { padding-top:12px; gap:5px; }
  .journal-entry figcaption strong { font-size:17px; line-height:1.4; }
  .journal-lead figcaption strong { font-size:24px; }
  .journal-entry figcaption > span { font-size:13px; }
  .journal-lead figcaption > span { font-size:13px; }
  .journal-enlarge { inset:auto 8px 8px; padding:8px; text-align:center; font-size:10px; }
  .guest-names { margin-top:32px; padding-block:24px; }
  .guest-names-intro { margin-bottom:22px; }
  .guest-names ul { gap:24px 14px; }
  .guest-names li { display:block; }
  .guest-names img { width:64px; height:64px; margin-bottom:10px; }
  .guest-names strong { font-size:14px; }
  .guest-names li span { font-size:13px; }
  .travel-home .people .story-card { flex-basis:72%; }
  .travel-home .people .story-image { height:300px; }
  .travel-home .destinations::before,.travel-home .people::before { background-size:auto 140%; opacity:.14; }
}
.story-dialog video { max-height:calc(100svh - 180px); object-fit:contain; }
.story-dialog-heading h2 { font-family:var(--catalog-reading); line-height:1.45; }
@media(prefers-reduced-motion:reduce) { .journal-photo > img { transition:none; } .journal-photo:hover > img { transform:none; } }