.traveler-stories { max-width: 1440px; margin: auto; padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 5vw, 5rem); display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.experiences-page main { background: radial-gradient(ellipse at 8% 12%, #e0f6ff, transparent 48%), var(--cream); }
.stories-intro h1 { font-size: clamp(3.2rem, 5.3vw, 5.6rem); line-height: 1.02; letter-spacing: -.055em; color: var(--navy); margin: 1.4rem 0; }
.stories-intro h1 em, .stories-invitation h2 em { font-family: Georgia, serif; color: var(--sky); font-weight: 400; }
.stories-lead { max-width: 35rem; font-size: 1.12rem; line-height: 1.8; color: var(--muted); margin-bottom: 2rem; }
.stories-signature { display: flex; align-items: center; gap: 1rem; margin-top: 2.4rem; color: var(--navy); border-top: 1px solid #d9e5ee; padding-top: 1rem; }
.stories-signature > span { color: var(--red); font-size: 2rem; }
.stories-feature { min-width: 0; background: var(--navy); border-radius: 2rem; overflow: hidden; box-shadow: 0 24px 60px #041d4f25; scroll-margin-top: 110px; }
.stories-video-heading { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem 1.5rem; font-size: .9rem; font-weight: 700; color: white; }
.stories-video-heading > span:last-child { color: var(--sky); }
.stories-feature video { display: block; width: 100%; height: auto; max-height: 620px; object-fit: contain; background: #020f2b; }
.stories-caption { padding: 1.5rem; background: white; }
.stories-caption h2 { font-size: 1.4rem; color: var(--navy); margin: 0 0 .5rem; }
.stories-caption p { margin: 0; line-height: 1.6; color: var(--muted); }
.stories-invitation { background: var(--navy); color: white; text-align: center; padding: clamp(3.5rem, 7vw, 6rem) 1.25rem; }
.stories-invitation h2 { font-size: clamp(2.4rem, 4.5vw, 4.6rem); line-height: 1.1; letter-spacing: -.04em; margin: 1rem 0; }
.stories-invitation > p:not(.eyebrow) { max-width: 640px; margin: 1.5rem auto 2rem; line-height: 1.8; color: #d2e1f2; }
.stories-invitation .text-link { display: block; width: fit-content; margin: 1.5rem auto 0; color: white; }
@media (max-width: 850px) { .traveler-stories { grid-template-columns: 1fr; } .stories-feature { width: 100%; max-width: 580px; margin: auto; } .stories-intro { max-width: 640px; } }
@media (max-width: 480px) { .stories-intro h1 { font-size: 3.2rem; } .stories-feature { border-radius: 1.4rem; } .stories-feature video { max-height: 560px; } }