/* A continuous sky ties the three home sections together. */
.home-journey-atmosphere { display:none; position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
body.trip-home-active .home-journey-atmosphere { display:block; }
.home-journey-atmosphere > span { position:absolute; display:block; pointer-events:none; }
.journey-sky { inset:0; background:linear-gradient(180deg,#c8e8ff 0%,#dfF0ff 57%,#edf6fe 100%); }
/* Anchor to the top: center/cover cuts the cloud crowns off on wide, short screens. */
.journey-clouds-back { inset:auto -8vw -13vh; height:54vh; background:url('/assets/cloud-passage-far.svg?v=20260908-4') center top / cover no-repeat; transform:translateY(calc(var(--journey-position,0) * 65px)); opacity:calc(.8 - var(--journey-position,0) * .27); }
.journey-clouds-front { inset:auto -12vw -22vh; height:60vh; background:url('/assets/cloud-passage-near.svg?v=20260908-3') center top / cover no-repeat; transform:translateY(calc(var(--journey-position,0) * 100px)); opacity:calc(.96 - var(--journey-position,0) * .33); }
body.trip-home-active .app-shell { position:relative; z-index:1; background:transparent; }
body.trip-home-active .trip-home { background:transparent; }
body.trip-home-active .topbar { background:#ffffffd9; backdrop-filter:blur(12px); border-bottom:1px solid #dcecf580; }
body.trip-home-active .trip-home-hero::before { display:none; }
body.trip-home-active .trip-home-visual-frame > img { opacity:.55; }
body.trip-home-active .trip-home-label { color:#2787bc; font-weight:500; }
/* Discovery is a photo collection; the library is a quiet workspace. */
#tripHomeInspirations .trip-home-inspiration-head { min-height:0; padding:18px 0; border-radius:0; background:transparent; }
#tripHomeInspirations .trip-home-inspiration-head h2 { max-width:760px; padding:0; color:#253f58; }
#tripHomeInspirations .trip-home-inspiration-head p { max-width:720px; color:#668098; }
#tripHomeInspirations .home-balloon-scene,#accountTripsHead .home-balloon-scene { display:none; }
#accountTripsHead > div:first-child { padding-right:0; }
body.trip-home-active .trip-home-inspiration-card { border:1px solid #e1edf7; border-radius:22px; background:#fff; box-shadow:0 8px 24px #377b9e08; }
body.trip-home-active #tripHomeInspirations .trip-home-inspiration-card img { border-radius:21px 21px 0 0; }
body.trip-home-active #tripHomeInspirations .trip-home-inspiration-copy { padding:16px 18px 20px; }
body.trip-home-active .trip-home-library { background:#ffffffeb; border:1px solid #dfecf5; box-shadow:0 12px 40px #397b9c08; }
body.trip-home-active .trip-home-library #accountTripsHead { min-height:0; padding:0 0 20px; }
body.trip-home-active .trip-home-library #accountTripsHead h2 { font-size:30px; font-weight:500; color:#253f58; }
.trip-home-library .library-stats { padding-top:2px; }
.trip-home-library .library-stats strong { font-weight:400; color:#278ed4; }
.trip-home-library .account-trip-search-bar label,.trip-home-library #accountTripRoleFilter { background:#f7fbff; border-color:#e1ecf5; }
.trip-home-library .library-feature { border-radius:22px; }
.trip-home-library #accountTripList .account-trip-row { border-radius:18px; background:#fafdff; }
.trip-home-library .library-trip-thumbnail { width:72px; height:76px; }
.trip-home-library .library-trip-arrow { background:#e9f5ff; color:#329bdd; }
body.trip-home-active .trip-home-library .account-trips-actions .primary { background:#389ff5; }
body.trip-home-active .trip-home-resources { opacity:.85; }
/* Uneven cloud banks leave open sky, with a slower, paler distant layer. */
.flight-clouds-back,.flight-clouds-front { position:absolute; display:block; pointer-events:none; background-repeat:no-repeat; background-position:center; background-size:100% 100%; will-change:transform,opacity; }
.flight-clouds-back { top:5%; left:-12%; width:124%; height:76%; background-image:url('/assets/cloud-passage-far.svg?v=20260908-4'); opacity:calc(var(--flight-envelope,0) * .8); transform:translate3d(calc(var(--journey-direction,1) * var(--flight-progress,0) * -3%),calc((1 - var(--flight-progress,0) * 2) * var(--journey-direction,1) * 105%),0); }
.flight-clouds-front { top:12%; left:-18%; width:136%; height:76%; background-image:url('/assets/cloud-passage-near.svg?v=20260908-3'); opacity:min(.98,calc(var(--flight-envelope,0) * 1.25)); transform:translate3d(calc(var(--journey-direction,1) * var(--flight-progress,0) * 4%),calc((1 - var(--flight-progress,0) * 2) * var(--journey-direction,1) * 140%),0); }
@media(min-width:761px) {
  body.trip-home-active .trip-home-hero { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); grid-template-rows:minmax(0,1fr) auto auto; min-height:calc(100svh - 76px); padding:clamp(24px,5svh,48px) 24px 8px; gap:18px 40px; }
  body.trip-home-active .trip-home-hero-copy { width:100%; max-width:520px; justify-self:start; padding:8px 0; }
  body.trip-home-active .trip-home-hero .trip-home-label { min-height:0; margin-bottom:20px; font-size:12px; letter-spacing:.18em; }
  body.trip-home-active .trip-home-hero-copy h1 { font-size:clamp(44px,5vw,68px); line-height:1.2; font-weight:600; letter-spacing:-.04em; }
  body.trip-home-active .trip-home-title-mobile > span:last-child { color:#258fd4; }
  body.trip-home-active .trip-home-lead { font-size:15px; line-height:1.8; margin-top:22px !important; }
  body.trip-home-active .trip-home-actions { flex-direction:column; align-items:flex-start; margin-top:28px; gap:16px; }
  body.trip-home-active .trip-home-visual { display:block; grid-column:2; grid-row:1; width:100%; height:clamp(310px,53svh,480px); max-width:450px; aspect-ratio:auto; margin:0; justify-self:center; }
  body.trip-home-active .trip-home-visual-frame > .home-balloon-dock { width:65%; top:46%; }
  body.trip-home-active #homeIntroSteps { padding:20px 24px; border:1px solid #ffffffa6; border-radius:20px; background:#ffffffb5; gap:20px; backdrop-filter:blur(8px); }
  body.trip-home-active #homeIntroSteps li { justify-content:flex-start; align-items:flex-start; gap:12px; }
  body.trip-home-active #homeIntroSteps b { display:grid; place-items:center; width:28px; height:28px; flex:none; border-radius:50%; background:#e7f5ff; color:#246b96; }
  body.trip-home-active #homeIntroSteps strong { font-size:13px; line-height:28px; }
  body.trip-home-active #homeIntroSteps p { display:block; font-size:12px; margin:2px 0 0; color:#526b7e; }
  body.trip-home-active .home-explore-link { margin:0; min-height:44px; color:#4f7895; }
  body.trip-home-active .trip-home-library { padding:28px; }
  #tripHomeInspirations .trip-home-inspiration-head { padding-block:16px; }
  #tripHomeInspirations .trip-home-inspiration-copy strong { font-size:17px; }
}
@media(min-width:761px) and (max-height:720px) {
  body.trip-home-active .trip-home-hero { gap:12px 28px; padding-top:24px; }
  body.trip-home-active .trip-home-hero-copy h1 { font-size:44px; }
  body.trip-home-active .trip-home-hero .trip-home-label { margin-bottom:12px; }
  body.trip-home-active .trip-home-lead { margin-top:14px !important; }
  body.trip-home-active .trip-home-actions { margin-top:20px; gap:10px; }
  body.trip-home-active #homeIntroSteps { padding:12px 20px; }
}
@media(max-width:760px) {
  .flight-clouds-back { left:-18%; width:210%; height:52%; top:20%; }
  .flight-clouds-front { left:-90%; width:236%; height:48%; top:26%; }
  body.trip-home-active .trip-home { background:transparent; }
  body.trip-home-active .trip-home-hero { background:#ffffff80; border-color:#e1edf7; }
  .journey-clouds-back { height:40vh; opacity:.55; }
  .journey-clouds-front { height:42vh; bottom:-16vh; opacity:.72; }
  #tripHomeInspirations .trip-home-inspiration-head { padding:12px 4px; }
  #tripHomeInspirations .trip-home-inspiration-head h2 { padding:0; font-size:23px; max-width:100%; }
  #tripHomeInspirations .trip-home-inspiration-head p { max-width:100%; font-size:13px; }
  body.trip-home-active .trip-home-library { padding:18px; border-radius:22px; }
  body.trip-home-active .trip-home-library #accountTripsHead h2 { font-size:24px; }
  body.trip-home-active .trip-home-library #accountTripsHead > div:first-child { min-height:0; padding:0; }
  body.trip-home-active .trip-home-library .library-feature { min-height:260px; }
  body.trip-home-active #tripHomeInspirations .trip-home-inspiration-copy { padding:14px 16px 18px; }
}
@media(prefers-reduced-motion:reduce) { .flight-clouds-back,.flight-clouds-front { display:none; } }

@media (prefers-reduced-motion:reduce) { .journey-clouds-back, .journey-clouds-front { transform:none !important; } }
