/* Round 06 — real rides, film and the story behind Roar. */
.trip-facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:28px;padding:34px 0 28px;margin-top:28px;border-top:1px solid var(--line)}
.trip-facts>div{display:flex;align-items:center;gap:18px}
.trip-facts strong{font-size:clamp(3.2rem,6vw,6rem);line-height:1;letter-spacing:-.06em;font-weight:650}
.trip-facts span{font-size:.8125rem;letter-spacing:.055em;line-height:1.5;max-width:110px}
.trip-facts>p{grid-column:1/-1;font-size:.8125rem;color:#4b6275}
.ride-film-screen{position:relative;background:var(--navy);aspect-ratio:16/9;isolation:isolate}
.ride-film-screen video{display:block;width:100%;height:100%;object-fit:contain}
.film-play{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:20px;max-width:calc(100% - 48px);padding:18px 24px;color:var(--navy);background:var(--yellow);font-weight:650;font-size:.875rem;text-align:left;line-height:1.35}
.film-play:hover{background:white}.film-play small{display:block;font-size:.8125rem;font-weight:400;margin-top:5px}.play-symbol{font-size:1.1rem}
.tassie-film{margin-top:4px}.tassie-film figcaption{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px 0 30px;border-bottom:1px solid var(--line)}
.tassie-film h3{font-size:clamp(1.8rem,3vw,3rem);font-weight:600;letter-spacing:-.055em;margin-top:6px}
.tassie-film figcaption>p{font-size:1rem;line-height:1.65;max-width:440px;justify-self:end}
.film-error{font-size:.9375rem;line-height:1.5;padding:14px 0}.film-error a{text-decoration:underline}
.days-lead{font-size:1rem;line-height:1.65;max-width:550px;margin:26px 0 0 auto}
.days-photos{align-items:start;grid-template-columns:1fr 1.3fr;gap:3vw}
.days-photos .film-play{left:14px;bottom:14px;padding:12px 16px;gap:13px;max-width:calc(100% - 28px);font-size:.8125rem}
.days-photos .film-play small{font-size:.75rem}.days-photos figcaption{padding-top:14px}
.ride-journal{padding:70px 4vw 78px;background:var(--paper)}
.journal-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:22px 5vw;margin-bottom:38px}
.journal-heading>.eyebrow{grid-column:1/-1}.journal-heading h2{font-size:clamp(2.7rem,5.4vw,6rem);line-height:.94;letter-spacing:-.065em;text-transform:uppercase}
.journal-heading>p{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.5;align-self:end;padding-bottom:3px}
.journal-photos{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:3vw;align-items:start}
.journal-photos figure:nth-child(2){padding-top:88px}.journal-photos figure:nth-child(3){padding-top:180px}
.journal-photos a{display:block;overflow:hidden}.journal-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s var(--ease)}
.journal-photos figure:nth-child(3) img{aspect-ratio:4/3}.journal-photos a:hover img{transform:scale(1.025)}
.journal-photos figcaption{padding-top:20px}.journal-photos figcaption>span{font-size:.75rem;letter-spacing:.09em}
.journal-photos h3{font-size:clamp(1.4rem,2vw,2.2rem);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:10px 0 14px}
.journal-photos p{font-size:1rem;line-height:1.6;max-width:320px}
.origin-story{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;background:var(--navy);color:var(--paper);padding:70px 4vw;align-items:center}
.origin-photo a{display:block}.origin-photo img{width:100%;height:auto}.origin-photo figcaption{font-size:.875rem;padding-top:15px;color:#c5d1dc}
.origin-copy>.eyebrow{color:var(--yellow)}.origin-copy h2{font-size:clamp(2.7rem,4.7vw,5rem);line-height:.96;letter-spacing:-.055em;text-transform:uppercase;margin:22px 0 26px}
.origin-copy p{font-size:1rem;line-height:1.7;max-width:510px;margin-top:18px}.origin-copy .text-link{margin-top:22px;color:var(--yellow);font-size:.9375rem}
@media(max-width:1000px){.trip-facts{gap:20px}.trip-facts>div{gap:10px}.trip-facts span{font-size:.75rem}.journal-photos{gap:22px}.journal-photos figure:nth-child(2){padding-top:48px}.journal-photos figure:nth-child(3){padding-top:110px}.origin-story{gap:5vw}.days-photos{grid-template-columns:1fr 1fr}.days-photos .film-play{padding:10px}.days-photos .film-play small{display:none}}
@media(max-width:700px){
 .trip-facts{gap:20px 12px;padding:26px 0 22px}.trip-facts>div{display:block}.trip-facts strong{font-size:2.8rem}.trip-facts span{display:block;font-size:.75rem;margin-top:10px;max-width:105px}.trip-facts>p{font-size:.75rem}
 .film-play{left:12px;bottom:12px;padding:12px 14px;gap:14px;max-width:calc(100% - 24px);font-size:.8125rem}.film-play small{font-size:.75rem}
 .tassie-film figcaption{grid-template-columns:1fr;gap:15px;padding:22px 0}.tassie-film h3{font-size:2rem}.tassie-film figcaption>p{justify-self:start}
 .days-lead{margin-top:22px}.days-photos{gap:30px}.days-photos figure:first-child{width:100%;order:0}.days-photos .film-play small{display:block}
 .ride-journal{padding:38px 5vw 44px}.journal-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.journal-heading h2{font-size:clamp(2.7rem,11vw,4rem)}.journal-heading>p{font-size:1.125rem}
 .journal-photos{grid-template-columns:1fr;gap:36px}.journal-photos figure:nth-child(2){padding:0;width:86%;justify-self:end}.journal-photos figure:nth-child(3){padding:0;width:100%}.journal-photos figure:first-child{width:90%}.journal-photos img{aspect-ratio:4/5}.journal-photos h3{font-size:1.8rem}.journal-photos figcaption{padding-top:16px}.journal-photos p{max-width:none}
 .origin-story{grid-template-columns:1fr;gap:32px;padding:38px 5vw 44px}.origin-copy h2{font-size:clamp(2.7rem,11vw,4rem)}.origin-copy h2 br:nth-of-type(2){display:none}
}