/* Larger destination cards; autumn landscape remains the focal point. */
.stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,16,23,.12),transparent 28%,transparent 70%,rgba(8,16,23,.23))}
.cards{inset:28px 40px auto}
.dest{width:clamp(250px,21.1vw,300px);border-radius:14px;background:rgba(9,19,27,.94);box-shadow:0 22px 64px rgba(0,0,0,.22);border-color:rgba(255,255,255,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.thumb{height:112px}.info{gap:8px;padding:15px 17px 17px}.country{font-size:1.9rem}.op{font-size:.75rem}.go{min-height:46px;border-radius:7px;font-size:.95rem}.wx{min-height:39px;font-size:.77rem}
.credits{font-size:.66rem;background:rgba(8,19,27,.85);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:640px){.cards{inset:12px 10px auto;gap:8px}.dest{width:calc((100vw - 28px)/2);border-radius:10px}.thumb{height:72px}.country{font-size:1.17rem}.info{gap:6px;padding:10px 10px 12px}.op{min-height:26px;font-size:.61rem}.go{min-height:42px;font-size:.85rem}.wx{min-height:36px;font-size:.69rem;padding:7px 10px}.credits{font-size:.61rem}}
@media(min-width:641px) and (max-height:680px){.cards{inset:18px 28px auto}.thumb{height:90px}.info{padding:11px 15px 13px}.country{font-size:1.75rem}}

/* A still product close-up opens the journey; the existing wide view follows the choice. */
.entry-ui{display:contents}.entry-copy,.brand-fallback{display:none}
.stage[data-gate="true"]{background-image:none!important}
.stage[data-gate="true"]::after{background:linear-gradient(90deg,#071019 0%,transparent 18%,transparent 82%,#071019 92%),linear-gradient(180deg,rgba(4,12,18,.04) 12%,transparent 39%,rgba(7,16,25,.78) 53%,#071019 63%);transition:opacity 2200ms ease}
.stage[data-gate="true"][data-go]::after{opacity:0}
.stage[data-gate="true"] .entry-ui{position:absolute;z-index:3;left:50%;top:47%;width:min(650px,calc(100% - 40px));display:grid;gap:16px;transform:translateX(-50%);transition:opacity 240ms ease,transform 360ms var(--ease)}
.stage[data-gate="true"] .entry-copy{display:block;text-align:center;pointer-events:none}
.entry-copy h1{margin:0;color:#f6f8f6;font:650 clamp(2rem,4.3vw,3.1rem)/1.06 var(--f-display);font-stretch:100%;letter-spacing:-.045em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.stage[data-gate="true"] .cards{position:static;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.stage[data-gate="true"] .dest{width:auto;animation:none;background:rgba(8,18,27,.84);border-color:rgba(229,240,246,.25);box-shadow:0 14px 42px rgba(0,0,0,.18)}
.stage[data-gate="true"] .wx .cond{display:none}
.stage[data-gate="true"] .thumb{display:block;height:76px}
.stage[data-gate="true"] .op{display:flex;min-height:1.3em;font-size:.67rem;line-height:1.3}
.stage[data-gate="true"] .info{display:grid;gap:6px;padding:11px 14px 12px}
.stage[data-gate="true"] .country{display:block;min-height:0;font-size:1.35rem;line-height:1.05;font-stretch:100%;text-transform:none;letter-spacing:-.025em}
.stage[data-gate="true"] .go{width:auto;min-height:36px;margin:3px 0 0;padding:0 11px;justify-content:space-between;border-radius:6px;font-size:.82rem}
.stage[data-gate="true"] .go span{display:inline}
.stage[data-gate="true"] .dest-ca .go{background:rgba(0,149,217,.18);color:#9ad8fa}
.stage[data-gate="true"] .dest-us .go{background:rgba(213,238,60,.15);color:#e1ee77}
.stage[data-gate="true"] .wx{min-height:32px;padding:7px 18px;font-size:.69rem}
.stage[data-gate="true"][data-go] .entry-ui{opacity:0;transform:translate(-50%,-12px);pointer-events:none}
.stage[data-gate="true"] .brand-fallback{position:absolute;z-index:2;left:50%;top:28%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;transition:opacity 240ms ease}
.brand-fallback img{width:76px;height:76px;object-fit:contain}.brand-fallback strong{font:800 clamp(1.7rem,4vw,3rem)/1 var(--f-display);white-space:nowrap;letter-spacing:.02em}
.gl-ready .brand-fallback,.stage[data-go] .brand-fallback{opacity:0;pointer-events:none}
.ask{display:none}
@media(max-width:640px){.stage[data-gate="true"]::after{background:linear-gradient(180deg,#071019 0%,rgba(7,16,25,.96) 14%,transparent 24%,transparent 36%,#071019 44%)}.stage[data-gate="true"] .entry-ui{top:44%;width:calc(100% - 28px);gap:16px}.entry-copy h1{font-size:clamp(1.8rem,8.4vw,2.4rem)}.stage[data-gate="true"] .cards{gap:10px}.stage[data-gate="true"] .thumb{height:62px}.stage[data-gate="true"] .info{gap:6px;padding:10px}.stage[data-gate="true"] .op{min-height:2.6em;font-size:.61rem;align-items:flex-start}.stage[data-gate="true"] .country{font-size:1.05rem;min-height:2.1em;display:flex;align-items:center}.stage[data-gate="true"] .go{min-height:34px;font-size:.76rem}.stage[data-gate="true"] .wx{padding:7px 10px;font-size:.63rem}.brand-fallback img{width:52px;height:52px}.stage[data-gate="true"] .brand-fallback{gap:10px}}
@media(max-height:700px){.stage[data-gate="true"] .entry-ui{top:43%;gap:12px}.stage[data-gate="true"] .thumb{height:50px}.stage[data-gate="true"] .info{padding:8px 10px;gap:4px}.stage[data-gate="true"] .go{min-height:32px}.stage[data-gate="true"] .wx{min-height:30px;padding-top:5px;padding-bottom:5px}.entry-copy h1{font-size:clamp(1.7rem,3vw,2.2rem)}}
@media(max-width:640px) and (max-height:700px){.stage[data-gate="true"] .entry-ui{top:41%;gap:10px}.stage[data-gate="true"] .thumb{height:44px}.stage[data-gate="true"] .info{padding:6px 10px}.stage[data-gate="true"] .country{min-height:1.3em}.entry-copy h1{font-size:clamp(1.4rem,7.6vw,1.8rem)}}
@media(prefers-reduced-motion:reduce){.stage[data-gate="true"] .entry-ui,.brand-fallback{transition:none}}

.intro-skip{position:absolute;z-index:5;top:20px;right:clamp(16px,3vw,40px);display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;color:#f5f7f4;background:rgba(8,18,27,.90);border:1px solid rgba(238,244,248,.35);border-radius:999px;font:600 .84rem/1.2 var(--f-body);text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.18)}
.intro-skip[hidden]{display:none}.intro-skip:hover{background:#183242;border-color:#d5ee3c}.intro-skip:focus-visible{outline:3px solid #d5ee3c;outline-offset:4px}.skip-key{padding:3px 5px;border:1px solid rgba(255,255,255,.24);border-radius:4px;font:500 .66rem/1 var(--f-mono);color:#bfcbd4}
@media(max-width:640px){.intro-skip{top:12px;right:12px;min-height:42px;font-size:.78rem;padding:0 13px}.skip-key{display:none}}

/* Three beats follow the driving clock, after the camera has revealed the van. */
.journey-copy{--journey-ink:#f7f8f5;--journey-scrim:rgba(4,12,19,.66);position:absolute;z-index:3;isolation:isolate;left:clamp(26px,5.5vw,80px);top:21%;width:max-content;max-width:min(470px,42vw);margin:0;color:var(--journey-ink);font-family:var(--f-display);font-stretch:100%;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 420ms ease,visibility 0s linear 420ms;text-shadow:0 2px 22px rgba(0,0,0,.22)}
.journey-copy::before{content:"";position:absolute;z-index:-1;inset:-64px -100px -70px -80px;background:radial-gradient(ellipse at 33% 47%,var(--journey-scrim),transparent 73%);pointer-events:none}
.stage[data-journey="showing"] .journey-copy{opacity:1;visibility:visible;transition:opacity 280ms ease,visibility 0s}
.journey-line{display:block;overflow:hidden;padding:0 .08em .13em 0;margin:0 0 -.075em;line-height:1.02;white-space:nowrap}
.journey-line-1{font-size:clamp(2.1rem,3.8vw,3.5rem);font-weight:600;letter-spacing:-.04em}
.journey-line-2{font-size:clamp(4.2rem,7.8vw,7.2rem);font-weight:800;letter-spacing:-.055em}
.journey-line-3{font-size:clamp(3.6rem,6.4vw,6.1rem);font-weight:650;letter-spacing:-.05em}
.journey-word{display:block;opacity:0;transform:translateY(105%) scale(.97);transform-origin:left bottom;filter:blur(5px);transition:transform 540ms cubic-bezier(.16,1,.3,1),opacity 240ms ease,filter 440ms ease}
.stage[data-journey-words="1"] .journey-line-1 .journey-word,.stage[data-journey-words="2"] .journey-line-1 .journey-word,.stage[data-journey-words="2"] .journey-line-2 .journey-word,.stage[data-journey-words="3"] .journey-word{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.stage[data-journey-tone="ink"] .journey-copy{--journey-ink:#122936;--journey-scrim:rgba(245,249,252,.85);text-shadow:0 1px 20px rgba(255,255,255,.28)}
.stage[data-journey-light="night"] .journey-copy{--journey-scrim:rgba(2,8,15,.42)}
.journey-copy:lang(fr) .journey-line-2,.journey-copy:lang(es) .journey-line-2{font-size:clamp(3.5rem,6.2vw,6.1rem)}
@media(max-width:640px){.journey-copy{left:24px;top:12%;width:calc(100% - 48px);max-width:none}.journey-copy::before{inset:-45px -48px -50px -48px}.journey-line-1{font-size:clamp(1.8rem,9vw,2.45rem)}.journey-line-2,.journey-copy:lang(fr) .journey-line-2,.journey-copy:lang(es) .journey-line-2{font-size:clamp(3.15rem,16vw,4.1rem)}.journey-line-3{font-size:clamp(2.6rem,13.4vw,3.5rem)}}
html.frozen-go .journey-copy,html.frozen-go .journey-word{transition:none}
@media(prefers-reduced-motion:reduce){.journey-copy,.journey-word{transition:none}.journey-word{transform:none;filter:none}}

/* Mientras el paisaje termina de cargar tras elegir: barra discreta, solo si la espera se nota. */
.intro-loading{position:absolute;z-index:3;left:50%;bottom:clamp(88px,15vh,140px);width:120px;height:4px;margin-left:-60px;border-radius:4px;overflow:hidden;background:rgba(238,244,248,.22);box-shadow:0 0 0 8px rgba(8,18,27,.78);opacity:0;pointer-events:none;transition:opacity 200ms ease}
.intro-loading span{position:absolute;inset:0;width:40%;border-radius:inherit;background:rgba(238,244,248,.9);animation:intro-loading 1.1s ease-in-out infinite}
.stage[data-phase="preparing"] .intro-loading{opacity:1;transition-delay:350ms}
@keyframes intro-loading{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){.intro-loading span{animation:none;width:100%;opacity:.5}}