/* Named stories, one at a time; smaller travel videos follow them. */
.hero + .destinations { background:linear-gradient(180deg,var(--flow-water),var(--album) 88%); }
.hero + .destinations .destinations-heading { color:var(--white); }
.hero + .destinations .destination-subtitle { color:var(--flow-copy); }
.destinations .destinations-heading { margin-bottom:var(--destination-opening-gap); }
.destinations .destination-opening { align-items:end; gap:var(--destination-opening-gap); }
.destinations .destination-opening h2 { font:400 var(--destination-opening-size)/1.08 var(--editorial); letter-spacing:var(--heading-tracking); margin:0; text-wrap:initial; }
.destination-title-line { display:block; }
.destination-title-line + .destination-title-line { margin-top:var(--space-2); display:flex; align-items:center; gap:var(--space-3); }
.destination-title-window { display:inline-block; width:var(--destination-window-width); height:var(--destination-window-height); flex-shrink:0; overflow:hidden; border-radius:var(--radius-round); }
.destination-title-window img { display:block; width:100%; height:100%; object-fit:cover; object-position:65% 66%; transition:transform var(--duration-photo) var(--ease-out); }
.destinations .destination-subtitle { font:400 var(--text-sm)/1.7 var(--catalog-reading); max-width:26ch; margin:0 0 var(--space-2); }
@media(hover:hover) { .destination-opening:hover .destination-title-window img { transform:scale(1.1); } }
@media(max-width:700px) {
  :root { --destination-opening-size:clamp(34px,9.2vw,56px); --destination-window-width:82px; --destination-window-height:42px; }
  .destinations .destination-opening { align-items:start; gap:var(--space-3); }
  .destinations .destination-subtitle { max-width:none; font-size:var(--text-xs); }
  .destination-title-line + .destination-title-line { gap:var(--space-2); }
  .destinations .destinations-heading { margin-bottom:var(--space-3); }
}
@media(prefers-reduced-motion:reduce) { .destination-title-window img { transition:none; } }
.destinations + .approach { background:linear-gradient(var(--album),var(--seafoam)); color:var(--ink); padding-top:var(--space-4); }
.destinations + .approach .approach-intro { color:var(--muted); }
.travel-atlas + .approach { background:linear-gradient(var(--atlas-surface),var(--atlas-surface) 60%,var(--seafoam)); color:var(--white); }
.travel-atlas + .approach .approach-intro { color:var(--atlas-on-surface-muted); }
.people { position:relative; padding:var(--section-space) var(--gutter); background:linear-gradient(var(--seafoam),var(--people-surface) 15%,var(--people-surface) 85%,var(--seafoam)); color:var(--people-ink); }
.people-anchor { display:block; scroll-margin-top:var(--space-4); }
.people-wrap { max-width:var(--people-width); margin-inline:auto; }
.people-heading { display:flex; align-items:end; justify-content:space-between; gap:var(--space-4); margin-bottom:var(--space-5); }
.people-heading .eyebrow { margin:0 0 var(--space-2); font:500 11px/1.5 var(--catalog-reading); letter-spacing:.12em; color:var(--muted); }
.people-heading h2 { font:400 var(--text-section)/1.16 var(--editorial); letter-spacing:var(--heading-tracking); margin:0; }
.people-heading > p { margin:0; font:400 16px/1.65 var(--catalog-reading); color:var(--muted); }
.people-feature { position:relative; }
.person-panel { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:var(--people-gap); align-items:stretch; }
.person-panel[hidden] { display:none; }
.photo-dialog button[hidden] { display:none; }
.person-media { display:block; position:relative; width:100%; height:var(--people-image-height); min-width:0; border:0; border-radius:var(--people-radius); overflow:hidden; padding:0; background:var(--album); text-align:left; }
.person-media > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 62%; transition:transform var(--duration-photo) var(--ease-out); }
#person-datsyuk .person-media > img { object-position:center 45%; }
.person-media-action { position:absolute; bottom:24px; left:24px; right:24px; display:flex; align-items:center; justify-content:center; gap:12px; min-height:56px; padding:14px 20px; border-radius:var(--radius-button); background:var(--white); color:var(--people-ink); font:600 14px/1.4 var(--catalog-reading); }
.person-media-action small { font:400 12px/1.4 var(--catalog-reading); margin-left:auto; color:var(--muted); }
.person-media-action svg { width:16px; height:16px; fill:currentColor; stroke:none; }
.person-copy { align-self:center; padding-bottom:160px; }
.person-place { font:500 11px/1.5 var(--catalog-reading); letter-spacing:.13em; margin:0 0 var(--space-3); color:var(--muted); }
.person-copy h3 { font:400 var(--people-title)/1.05 var(--editorial); letter-spacing:-.035em; margin:0 0 var(--space-4); }
.person-note { font:400 clamp(18px,1.6vw,22px)/1.5 var(--catalog-reading); margin:0 0 var(--space-3); }
.person-format { font:400 12px/1.5 var(--catalog-reading); color:var(--muted); }
.people-tabs { position:absolute; left:calc(51.22% + var(--people-gap)/2); right:0; bottom:20px; display:grid; grid-template-columns:1fr; gap:0; border-top:1px solid var(--line); }
.people-tabs button { position:relative; display:flex; align-items:center; gap:16px; padding:14px 0 14px 16px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--muted); text-align:left; transition:color var(--duration-fast),background var(--duration-fast); }
.people-tabs button::before { content:''; position:absolute; left:0; top:14px; bottom:14px; width:3px; background:transparent; border-radius:2px; }
.people-tabs [aria-selected=true] { color:var(--people-ink); background:var(--seafoam); }
.people-tabs [aria-selected=true]::before { background:var(--ink); }
.people-tabs img { width:44px; height:52px; object-fit:cover; border-radius:8px; }
.people-tabs span { font:500 15px/1.4 var(--catalog-reading); }
.people-tabs small { display:block; font:400 12px/1.5 var(--catalog-reading); color:var(--muted); margin-top:4px; }
.people :is(button,a):focus-visible { outline:3px solid var(--catalog-action); outline-offset:5px; }
.travel-moments { padding-top:var(--space-6); }
.moments-heading { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); margin-bottom:var(--space-3); }
.moments-heading h3 { font:400 clamp(24px,2.5vw,32px)/1.2 var(--editorial); margin:0; }
.moments-heading p { font:400 14px/1.6 var(--catalog-reading); color:var(--muted); margin:0; }
.people .story-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-flow:row; grid-auto-columns:auto; gap:24px; padding:4px 0 12px; }
.people .story-card { margin:0; height:auto; border-radius:var(--people-radius); }
.people .story-image { height:clamp(270px,25vw,340px); border-radius:var(--people-radius); }
.people .story-caption { padding:16px 0 0; }
.people .story-caption strong { font-family:var(--catalog-reading); }
.people .story-caption > span { font:400 13px/1.5 var(--catalog-reading); }
.people .story-play { width:44px; height:44px; bottom:16px; right:16px; }
.people .story-image img { object-position:center 45%; }
.approach-intro,.scene-copy p,.scene-location,.scene-cta,.scene-tabs span { font-family:var(--catalog-reading); }
#scene-sea > img { object-position:center 63%; }
.scene-tabs button:nth-child(2) img { object-position:45% 70%; }
@media(hover:hover) { .person-media:hover > img { transform:scale(1.018); } .people-tabs button:hover { color:var(--people-ink); } }
@media(max-width:1000px) {
  :root { --people-gap:36px; --people-image-height:460px; }
  .person-copy h3 { font-size:44px; }
  .people-heading > p { max-width:24ch; }
  .person-copy { padding-bottom:170px; }
  .people .story-list { gap:18px; }
  .people .story-image { height:290px; }
}
@media(max-width:700px) {
  .people { padding:48px var(--gutter); }
  .people-heading { display:block; margin-bottom:24px; }
  .people-heading h2 { font-size:var(--mobile-heading-size); max-width:12ch; }
  .people-heading > p { margin-top:16px; font-size:15px; max-width:none; }
  .people-heading > p br { display:none; }
  .person-panel { display:flex; flex-direction:column; gap:24px; }
  .person-media { height:auto; aspect-ratio:4/5; border-radius:22px; }
  .person-media > img { position:absolute; inset:0; object-position:center 60%; }
  .person-media-action { left:16px; right:16px; bottom:16px; min-height:52px; padding:12px 16px; gap:8px; font-size:13px; }
  .person-copy { padding:0; align-self:stretch; }
  .person-copy h3 { font-size:38px; margin-bottom:12px; }
  .person-copy h3 br { display:none; }
  .person-copy h3 br::after { content:' '; }
  .person-place { margin-bottom:12px; }
  .person-note { font-size:17px; margin-bottom:12px; }
  .person-note br { display:none; }
  .person-format { display:none; }
  .people-tabs { position:static; grid-template-columns:1fr 1fr; margin-top:20px; gap:10px; border:0; }
  .people-tabs button { padding:12px 10px; border:1px solid var(--line); border-radius:14px; gap:10px; }
  .people-tabs button::before { display:none; }
  .people-tabs img { width:32px; height:42px; }
  .people-tabs span { font-size:12px; }
  .people-tabs small { font-size:11px; }
  .people-tabs [aria-selected=true] { border-color:var(--ink); }
  .travel-moments { padding-top:44px; }
  .moments-heading { display:block; margin-bottom:18px; }
  .moments-heading p { margin-top:8px; }
  .people .story-list { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; }
  .people .story-card { flex:0 0 78%; margin:0; }
  .people .story-image { height:330px; border-radius:22px; }
  #scene-sea > img { object-position:42% center; }
}
@media(max-width:360px) { .people-tabs img { display:none; } .person-copy h3 { font-size:34px; } }
@media(prefers-reduced-motion:reduce) { .person-media > img,.people-tabs button { transition:none; } .person-media:hover > img { transform:none; } }