/* turis4me / the moving Colombia edit. Original adaptation, edition 04. */
:root{--cinema-white:#fff;--cinema-dark:#101f1c;--cinema-ease:cubic-bezier(.2,.75,.25,1)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.navigation{position:sticky;top:0;z-index:25;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 3%,transparent)}
.cinema{position:relative;isolation:isolate;overflow:hidden;margin:20px 22px 0;border-radius:23px;min-height:660px;height:min(760px,calc(100svh - 160px));background:var(--cinema-dark);color:var(--cinema-white);--pointer-x:0px;--pointer-y:0px}
.cinema-viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}
.cinema-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transform:translateX(4%);transition:opacity .85s var(--cinema-ease),transform 1.1s var(--cinema-ease),visibility .85s;pointer-events:none}
.cinema-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto;z-index:1}
.cinema-media{position:absolute;inset:-24px;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .6s var(--cinema-ease);overflow:hidden}
.cinema-media img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 55%;transform:scale(1.055);transition:transform 7.8s linear;filter:saturate(.85)}
.cinema-slide.is-active .cinema-media img{transform:scale(1.005)}
.cinema-nature .cinema-media img{object-position:65% 45%}
.cinema-food .cinema-media img{object-position:50% 49%}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,20,.88) 0%,rgba(6,24,20,.70) 35%,rgba(6,24,20,.20) 77%),linear-gradient(0deg,rgba(6,20,17,.86),transparent 35%,transparent 80%,rgba(6,20,17,.25));pointer-events:none}
.cinema-topline{position:absolute;left:clamp(28px,4.5vw,72px);right:clamp(28px,4.5vw,72px);top:35px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#fff;font-size:9px;letter-spacing:.15em;font-weight:600}
.cinema-edition{display:flex;align-items:center;gap:10px}.cinema-edition i{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #ffffff18}
.cinema-image-place{font-size:8px;letter-spacing:.13em;color:#fff}
.cinema-copy{position:absolute;top:50%;left:clamp(28px,4.5vw,72px);width:63%;max-width:850px;transform:translateY(-50%);padding-bottom:20px}
.cinema-kicker{font-size:9px;font-weight:650;letter-spacing:.18em;margin:0 0 22px;color:#fff}
.cinema-title{font-family:Manrope,'Segoe UI',sans-serif;font-size:clamp(53px,5.8vw,92px);font-weight:500;line-height:1.04;letter-spacing:-.065em;color:#fff;margin:0}
.title-mask{display:block;overflow:hidden;padding-bottom:.10em;margin-bottom:-.10em}
.title-mask>span,.title-mask>em{display:block;transform:translateY(115%);transition:transform 1.1s var(--cinema-ease);transition-delay:.08s}
.title-mask>em{font-family:Georgia,serif;font-size:1.04em;color:#fff;letter-spacing:-.055em;transition-delay:.2s}
.is-active .title-mask>span,.is-active .title-mask>em{transform:translateY(0)}
.cinema-description{font-size:13px;line-height:1.9;max-width:410px;color:#fff;margin:23px 0 0;opacity:0;transform:translateY(14px);transition:opacity .7s .3s,transform .7s .3s}
.is-active .cinema-description{opacity:1;transform:none}
.cinema-actions{display:flex;align-items:center;gap:25px;margin-top:28px;flex-wrap:wrap}
.cinema .cinema-cta{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:7px;min-height:51px;padding:15px 21px;gap:23px;box-shadow:none;font-size:11px}
.cinema .cinema-cta:hover{background:var(--accent);box-shadow:0 7px 30px #0002}
.cinema-link{display:inline-flex;align-items:center;gap:10px;background:none;color:#fff;font-size:11px;padding:12px 0;border-bottom:1px solid #ffffff50}
.cinema-actions .icon{height:18px;width:18px;min-width:18px}
.cinema-scope{font-size:8px;line-height:1.7;margin-top:16px;color:#fff;max-width:390px}
.cinema-postcard{position:absolute;right:clamp(28px,4.5vw,72px);top:51%;width:190px;padding:23px;border:1px solid #ffffff55;background:rgba(8,26,23,.66);backdrop-filter:blur(12px);border-radius:12px;transform:translate(calc(var(--pointer-x) * -1.2),calc(var(--pointer-y) * -1.2));transition:transform .65s var(--cinema-ease)}
.cinema-postcard>span{font-size:7px;letter-spacing:.14em;display:block;color:#fff}.cinema-postcard>strong{font-family:Georgia,serif;font-style:italic;font-size:23px;font-weight:400;line-height:1.25;display:block;margin:14px 0 22px;color:#fff}.cinema-postcard>div{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.05em;color:#fff}.cinema-postcard .icon{width:13px;height:13px;min-width:13px}
.cinema-bottom{position:absolute;z-index:3;bottom:27px;left:clamp(28px,4.5vw,72px);right:clamp(28px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:32px}
.cinema-chapters{display:flex;gap:25px;width:min(610px,70%)}
.cinema-chapters button{position:relative;display:flex;align-items:center;gap:10px;text-align:left;flex:1;padding:15px 0 17px;background:none;color:#fff;border-bottom:1px solid #ffffff40;white-space:nowrap;font-size:10px}
.cinema-chapters button>span{font-size:8px;font-weight:400;opacity:.8}.cinema-chapters button>strong{font-weight:450}.cinema-chapters button[aria-current=true]>strong{font-weight:750}.cinema-chapters button>i{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--cinema-ease)}.cinema-chapters button[aria-current=true]>i{transform:scaleX(1)}
.cinema-controls{display:flex;gap:9px;align-items:center}.cinema-count{font-size:9px;letter-spacing:.13em;margin-right:16px;color:#fff;font-variant-numeric:tabular-nums}.cinema-controls button{width:39px;height:39px;display:grid;place-items:center;background:#ffffff0d;border:1px solid #ffffff66;border-radius:50%;color:#fff;transition:background .2s}.cinema-controls button:hover{background:#ffffff26}.cinema-controls .icon{width:16px;height:16px;min-width:16px}.reverse-arrow{transform:rotate(180deg)}.cinema-controls .cinema-pause{width:32px;height:32px;margin-left:4px;font-size:12px}.cinema button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.discovery-ribbon{display:flex;gap:32px;align-items:center;margin:0 22px;padding:23px clamp(20px,4.5vw,72px);border-bottom:1px solid var(--line);overflow:hidden;position:relative}
.ribbon-label{font-size:7px;letter-spacing:.13em;color:var(--muted);font-weight:650;line-height:1.7;min-width:102px}.ribbon-window{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ribbon-track{display:flex;width:max-content;animation:t4m-marquee 32s linear infinite}.ribbon-track>span{display:flex;align-items:center;gap:30px;padding-right:30px;font-size:24px;letter-spacing:-.04em;color:var(--primary);white-space:nowrap;font-weight:450}.ribbon-track i{font-size:16px;color:var(--muted);font-style:normal}.ribbon-window:hover .ribbon-track{animation-play-state:paused}.motion-toggle{display:flex;align-items:center;gap:8px;background:var(--canvas);color:var(--muted);font-size:9px;min-width:90px;justify-content:flex-end;padding:10px 0}.motion-toggle .icon{width:15px;height:15px;min-width:15px}
.concierge-section{padding-top:33px}.concierge-kicker{margin-bottom:14px}.refined-intent{box-shadow:0 12px 32px color-mix(in srgb,var(--ink) 4%,transparent)}
.chapter-card[data-tilt],.journal-teaser[data-tilt]{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--cinema-ease),box-shadow .35s;will-change:auto}
.chapter-card[data-tilt]:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 18px 40px color-mix(in srgb,var(--ink) 11%,transparent)}
.chapter-photo img,.journal-teaser>div img{transition:transform 1s var(--cinema-ease)}.chapter-card:hover .chapter-photo img,.journal-teaser:hover>div img{transform:scale(1.06) translate(calc(var(--pointer-x,0px) * .3),calc(var(--pointer-y,0px) * .3))}
[data-reveal]{transition:opacity .85s var(--cinema-ease),transform .85s var(--cinema-ease)}
body[data-motion=full] [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(24px)}
[data-reveal].is-revealed{opacity:1;transform:none}
.journey-bridge{position:relative;overflow:hidden}.journey-bridge:after{content:'';width:430px;height:430px;border:1px solid color-mix(in srgb,var(--on-primary) 12%,transparent);border-radius:50%;position:absolute;right:-190px;top:-220px;pointer-events:none}
@keyframes t4m-marquee{to{transform:translateX(-50%)}}
body[data-motion=paused] .ribbon-track,body[data-motion=reduced] .ribbon-track{animation-play-state:paused}
body[data-motion=paused] .cinema-media,body[data-motion=reduced] .cinema-media,body[data-motion=paused] .cinema-postcard,body[data-motion=reduced] .cinema-postcard{transform:none}
body[data-motion=paused] [data-reveal],body[data-motion=reduced] [data-reveal]{opacity:1;transform:none}
body[data-motion=paused] .cinema-slide,body[data-motion=reduced] .cinema-slide,body[data-motion=paused] .title-mask>*,body[data-motion=reduced] .title-mask>*,body[data-motion=paused] .cinema-media img,body[data-motion=reduced] .cinema-media img,body[data-motion=paused] [data-tilt],body[data-motion=reduced] [data-tilt]{transition:none}
body[data-motion=paused] [data-tilt],body[data-motion=reduced] [data-tilt],body[data-motion=paused] .chapter-photo img,body[data-motion=reduced] .chapter-photo img,body[data-motion=paused] .journal-teaser img,body[data-motion=reduced] .journal-teaser img{transform:none!important}
@media(min-width:1650px){.cinema{max-width:1756px;margin-left:auto;margin-right:auto}.discovery-ribbon{max-width:1756px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.cinema{min-height:610px;margin:16px 16px 0}.cinema-title{font-size:68px}.cinema-copy{width:72%}.cinema-postcard{right:35px;width:150px;top:49%;padding:19px}.cinema-postcard>strong{font-size:21px}.cinema-chapters{gap:20px}.cinema-chapters button{font-size:9px;gap:7px}.cinema-count{display:none}.cinema-bottom{gap:24px}.cinema-description{max-width:370px}.cinema-image-place{font-size:7px}.discovery-ribbon{margin:0 16px;gap:20px}.ribbon-track>span{font-size:21px;gap:22px;padding-right:22px}}
@media(max-width:800px){.cinema{height:650px;min-height:0}.cinema-copy{width:calc(100% - 70px);left:35px;padding-bottom:15px}.cinema-title{font-size:64px}.cinema-postcard{display:none}.cinema-topline,.cinema-bottom{left:35px;right:35px}.cinema-image-place{display:none}.cinema-chapters{gap:15px;width:72%}.cinema-chapters button{font-size:8px}.cinema-controls{gap:6px}.cinema-controls button{width:33px;height:33px}.cinema-controls .cinema-pause{width:30px;height:30px;margin-left:0}.cinema-bottom{gap:14px}.ribbon-label{display:none}.discovery-ribbon{padding-left:20px;padding-right:20px}.cinema-shade{background:linear-gradient(90deg,rgba(6,24,20,.80),rgba(6,24,20,.25)),linear-gradient(0deg,rgba(6,20,17,.90),transparent 45%)}.cinema-media img{object-position:65% 50%}}
@media(max-width:600px){.navigation{top:0}.cinema{margin:12px 12px 0;border-radius:17px;height:625px}.cinema-topline{top:26px;left:24px;right:24px;font-size:7px;letter-spacing:.1em}.cinema-copy{left:24px;top:46%;width:calc(100% - 48px);padding:0}.cinema-kicker{font-size:7px;letter-spacing:.15em;margin-bottom:18px}.cinema-title{font-size:clamp(36px,10.3vw,58px);letter-spacing:-.065em;line-height:1.1}.cinema-description{font-size:11px;line-height:1.85;max-width:300px;margin-top:22px}.cinema-actions{gap:12px;margin-top:23px;align-items:flex-start;flex-direction:column}.cinema .cinema-cta{min-height:46px;padding:12px 16px;font-size:10px;gap:18px}.cinema-link{font-size:9px;padding:7px 0;gap:8px}.cinema-scope{font-size:7px;max-width:290px;margin-top:13px}.cinema-bottom{left:24px;right:24px;bottom:20px;display:block}.cinema-chapters{width:100%;gap:16px}.cinema-chapters button{font-size:8px;gap:6px;padding:9px 0 12px;white-space:normal;line-height:1.3;min-height:42px}.cinema-chapters button>span{font-size:7px}.cinema-controls{justify-content:flex-end;margin-top:14px;gap:9px}.cinema-count{display:block;margin-right:auto;font-size:8px}.cinema-controls button{width:33px;height:33px}.cinema-controls .cinema-pause{width:31px;height:31px}.cinema-shade{background:linear-gradient(90deg,rgba(6,24,20,.84),rgba(6,24,20,.42)),linear-gradient(0deg,rgba(6,20,17,.88),transparent 40%)}.discovery-ribbon{margin:0 12px;padding:20px 10px;gap:15px}.ribbon-track>span{font-size:21px;gap:23px;padding-right:23px}.motion-toggle{font-size:8px;min-width:78px;gap:6px}.motion-toggle .icon{width:14px;height:14px;min-width:14px}.concierge-section{padding-top:25px}.cinema-media{inset:-17px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.cinema-media,.cinema-postcard,[data-tilt],[data-reveal]{transform:none!important}.cinema-slide,.title-mask>*,.cinema-description,.cinema-media img{transition:none!important}.cinema .is-active .title-mask>*,.cinema .is-active .cinema-description{transform:none;opacity:1}body[data-motion=full] [data-reveal]{opacity:1;transform:none}}

body[data-motion=full] [data-reveal]:focus-within{opacity:1;transform:none;transition:none}
body[data-motion=paused] .cinema-description,body[data-motion=reduced] .cinema-description,body[data-motion=paused] [data-reveal],body[data-motion=reduced] [data-reveal]{transition:none}

/* Keep the complete navigation visible; native dialogs remain in the top layer. */
.site-chrome{position:sticky;top:0;z-index:30;background:var(--canvas);box-shadow:0 7px 24px color-mix(in srgb,var(--ink) 5%,transparent)}
.site-chrome .navigation{position:static;box-shadow:none}
html{scroll-padding-top:calc(var(--chrome-height,200px) + 16px)}
#main{scroll-margin-top:calc(var(--chrome-height,200px) + 16px)}

/* Give the approved hummingbird a clear silhouette in the navigation. */
.header .brand{width:224px;min-width:224px}
.header .t4m-mark{width:54px;height:54px;flex-basis:54px}
.header .t4m-wordmark{font-size:34px}
@media(max-width:600px){.header .brand{width:177px;min-width:177px}.header .t4m-logo{gap:8px}.header .t4m-mark{width:42px;height:42px;flex-basis:42px}.header .t4m-wordmark{font-size:27px}}
@media(max-width:360px){.header{gap:8px}.header .brand{width:148px;min-width:148px}.header .t4m-mark{width:34px;height:34px;flex-basis:34px}.header .t4m-wordmark{font-size:23px}}