.ambient-travel{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 95% 7%,#e7daf64d,transparent 38%),radial-gradient(ellipse at 0 76%,#ffdf8238,transparent 35%)}
body:not(.admin-body){isolation:isolate}
.ambient-compass,.ambient-flight{position:absolute;display:block;background-position:center;background-repeat:no-repeat;background-size:contain}
.ambient-compass{width:240px;height:240px;left:-78px;top:61%;background-image:url('/assets/compass.svg');opacity:.28;transform:rotate(-18deg)}
.ambient-flight{width:230px;height:150px;right:-38px;top:25%;background-image:url('/assets/flight-path.svg');opacity:.42;transform:rotate(-18deg)}
.hero-image{transform-origin:62% 55%}
.travel-doodle{position:absolute;color:#9776b4;width:140px;height:140px;opacity:.22;transform-origin:center;pointer-events:none}
.doodle-suitcase{left:-44px;top:15%;width:120px;height:150px;rotate:-14deg}
.doodle-camera{right:-42px;top:53%;rotate:15deg;width:145px;height:116px}
.doodle-stamp{right:-45px;bottom:2%;width:165px;height:165px;rotate:-12deg;opacity:.19}
.doodle-boat{left:5%;bottom:0;width:130px;height:102px;opacity:.2}
.doodle-ticket{right:4%;top:8%;width:145px;height:82px;rotate:15deg;opacity:.18}
html[data-motion=on] .doodle-suitcase{animation:luggage-sway 5s ease-in-out infinite alternate}
html[data-motion=on] .doodle-camera{animation:doodle-float 6s ease-in-out infinite alternate;animation-delay:-2s}
html[data-motion=on] .doodle-stamp{animation:stamp-turn 12s ease-in-out infinite alternate}
html[data-motion=on] .doodle-boat{animation:boat-sail 8s ease-in-out infinite alternate}
html[data-motion=on] .doodle-ticket{animation:doodle-float 7s ease-in-out infinite alternate;animation-delay:-4s}
html[data-motion=on] .route-practical>img{animation:compass-sway 6s ease-in-out infinite alternate}
@keyframes luggage-sway{from{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-15px) rotate(7deg)}}
@keyframes doodle-float{from{transform:translate(0,0) rotate(-4deg)}to{transform:translate(-12px,18px) rotate(5deg)}}
@keyframes stamp-turn{from{transform:rotate(-14deg)}to{transform:rotate(18deg)}}
@keyframes boat-sail{from{transform:translateX(-12px) rotate(-4deg)}to{transform:translateX(30px) rotate(4deg)}}
@media(max-width:800px){.travel-doodle{opacity:.14}.doodle-suitcase{left:-63px;width:95px;height:120px;top:18%}.doodle-camera{right:-70px;top:53%;width:105px;height:90px}.doodle-stamp{right:-80px;width:140px;height:140px;bottom:8%;opacity:.12}.doodle-boat,.doodle-ticket{display:none}}
html[data-motion=on] .hero-image{animation:landscape-breath 14s ease-in-out infinite alternate}
html[data-motion=on] .ambient-flight{animation:paper-drift 6s ease-in-out infinite alternate}
html[data-motion=on] .journey-band:before{animation:note-float 4s ease-in-out infinite alternate}
html[data-motion=on] :is(.band-compass,.heading-compass,.ambient-compass){animation:compass-sway 6s ease-in-out infinite alternate}
html[data-motion=on] .postcard{animation:postcard-float 4.5s ease-in-out infinite}
html[data-motion=on] .mini-pin{animation:pin-float 3s ease-in-out infinite}
html[data-motion=on] .mini-pin:nth-of-type(2){animation-delay:-1s}
html[data-motion=on] .mini-pin:nth-of-type(3){animation-delay:-2s}
html[data-motion=on] .video-mini .play{animation:play-ripple 3s ease-out infinite}
.button,.round-link,.story-card,.video-tile,.instagram-card h3{transition:transform .25s ease,box-shadow .25s ease,color .25s ease}
.button .arrow,.text-link .arrow{display:inline-block;transition:transform .25s ease}
@media(hover:hover){
 html[data-motion=on] .button:hover{transform:translateY(-2px);box-shadow:0 7px 19px #44236a1c}
 html[data-motion=on] .button:hover .arrow,html[data-motion=on] .text-link:hover .arrow{transform:translate(2px,-2px)}
 html[data-motion=on] .story-card:hover,html[data-motion=on] .video-tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px #37214812}
 .instagram-card:hover h3{color:#6840a1}
}
.story-image img,.video-art img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){html[data-motion=on] .story-card:hover .story-image img,html[data-motion=on] .video-tile:hover .video-art img{transform:scale(1.035)}}


@keyframes landscape-breath{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes paper-drift{from{transform:translate(0,0) rotate(-18deg)}to{transform:translate(-28px,-24px) rotate(-7deg)}}
@keyframes note-float{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-12px) rotate(4deg)}}
@keyframes compass-sway{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
@keyframes postcard-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes pin-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes play-ripple{0%{box-shadow:0 0 0 0 #fff8}75%,100%{box-shadow:0 0 0 14px #fff0}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:800px){.ambient-compass{width:165px;height:165px;left:-100px;opacity:.12}.ambient-flight{right:-125px;opacity:.16}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}