/* RIHLA motion system: slow landscapes, crisp interactions, expressive type. */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.22,.61,.36,1)}
.header{position:sticky;top:0;transition:box-shadow .4s,background .4s;isolation:isolate}.header.is-scrolled{background:#f8f7f2f5;backdrop-filter:blur(18px);box-shadow:0 8px 25px #28352b0c}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--rust);transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}
.hero{--parallax:0px}.hero-photo{opacity:0;animation:none;transform:translateY(var(--parallax)) scale(1.09);transition:opacity 1.5s ease,transform 9s linear;pointer-events:none}.hero-photo.is-current{opacity:1;transform:translateY(var(--parallax)) scale(1.035)}.hero-photo[data-slide="2"]{object-position:center 53%}.hero-shade{pointer-events:none;background:linear-gradient(90deg,#171e19b8 0%,#171e1955 55%,#171e1922),linear-gradient(0deg,#1c231e80,transparent 60%)}
.hero-kicker{animation:hero-rise .9s var(--ease-out) .1s both}.hero h1{animation:hero-rise 1.1s var(--ease-out) .24s both}.hero h1 em{position:relative;color:#f5d6b7}.hero h1 em:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:6px;border-top:2px solid #f5d6b7a8;border-radius:50%;transform:rotate(-4deg);transform-origin:left;animation:draw-line 1.2s var(--ease-out) .95s both}.hero-content>p{animation:hero-rise 1s var(--ease-out) .4s both}.hero-content>.button{animation:hero-rise 1s var(--ease-out) .55s backwards}.hero-proof{animation:hero-rise 1s var(--ease-out) .7s both}.search-wrap{animation:hero-rise 1s var(--ease-out) .75s both}.hero-side>span{animation:nudge-down 2s ease-in-out infinite}.hero-side{pointer-events:none}
.hero-controls{position:absolute;left:6.2%;bottom:58px;display:flex;align-items:center;gap:16px;color:white;z-index:1}.scene-choices{display:flex;gap:5px}.scene-choice{display:flex;align-items:center;gap:8px;min-width:40px;min-height:44px;color:#ffffff85;padding:10px 5px;font-size:10px}.scene-choice:hover,.scene-choice.is-current{color:white}.scene-track{width:0;height:2px;overflow:hidden;background:#fff4;transition:width .6s var(--ease-out)}.scene-choice.is-current .scene-track{width:48px}.scene-track>span{display:block;width:100%;height:100%;background:#f2c59e;transform:scaleX(0);transform-origin:left}.scene-running .scene-choice.is-current .scene-track>span{animation:scene-progress 8s linear forwards}.scene-name{font-size:8px;letter-spacing:1.4px;min-width:73px}.motion-toggle{display:flex;align-items:center;gap:7px;min-height:44px;color:#ffffffe0;border-left:1px solid #fff4;padding:0 0 0 17px;font-size:8px}.motion-symbol{font-size:12px;width:13px}.motion-label{letter-spacing:.4px}.location-dot{width:5px;height:5px;background:#edc09b;box-shadow:0 0 0 4px #edc09b20;border-radius:50%;margin:0 7px}.hero-coordinate>span:last-child{margin-left:19px}
.wander-ribbon{overflow:hidden;margin-top:34px;padding:23px 0;background:#e9ecdf;border-top:1px solid #dfe3d4;border-bottom:1px solid #dfe3d4;clip-path:polygon(0 9%,100% 0,100% 91%,0 100%);width:100%;user-select:none}.wander-track{display:flex;width:max-content;animation:wander 38s linear infinite}.wander-track>div{display:flex;align-items:center;gap:42px;padding-right:42px;flex-shrink:0}.wander-track span{font-family:'Manrope',var(--sans);font-size:31px;letter-spacing:-1px;white-space:nowrap}.wander-track em{font-family:var(--serif);color:var(--rust)}.wander-track i{font-size:34px;font-style:normal;color:var(--rust);animation:sun-turn 22s linear infinite}.wander-ribbon:hover .wander-track{animation-play-state:paused}.destinations-section{padding-top:75px}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease-out) var(--reveal-delay,0ms),transform 1.1s var(--ease-out) var(--reveal-delay,0ms)}.reveal.in-view{opacity:1;transform:translateY(0)}.signature-image.reveal{transform:translateY(30px) scale(.975)}.signature-image.reveal.in-view{transform:translateY(0) scale(1)}.signature-copy.reveal{transform:translateX(25px)}.signature-copy.reveal.in-view{transform:translateX(0)}
.destination-card img,.experience-photo img,.journal-card img{transition:transform .85s var(--ease-out),filter .5s}.destination-card.pointer-active img,.experience-photo.pointer-active img,.journal-card>div.pointer-active img{transform:scale(1.09) translate(var(--pointer-x,0px),var(--pointer-y,0px));filter:saturate(1.1)}.destination-content{transition:translate .6s var(--ease-out)}.destination-card:hover .destination-content{translate:0 -5px}.destination-arrow{transition:background .3s,color .3s,transform .6s var(--ease-out)}.destination-card:hover .destination-arrow{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.experience-photo{transition:box-shadow .4s,translate .5s var(--ease-out)}.experience-card:hover .experience-photo{translate:0 -4px;box-shadow:0 15px 25px #28352b18}.experience-card{animation:card-arrive .65s var(--ease-out) both}.card-bottom button{transition:transform .35s,color .35s}.experience-card:hover .card-bottom button{transform:translate(3px,-3px);color:var(--rust)}
.button{position:relative;overflow:hidden;transition:transform .45s var(--ease-out),box-shadow .3s,background .3s}.button:hover{transform:translate(var(--magnet-x,0px),calc(var(--magnet-y,0px) - 3px));box-shadow:0 9px 22px #28352b20}.button:active{transform:scale(.97);transition-duration:.12s}.button:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff3 49%,transparent 73%);transform:translateX(-130%);transition:transform .75s ease}.button:hover:after{transform:translateX(130%)}.button>span:last-child:not([data-icon]){display:inline-block;transition:transform .4s var(--ease-out)}.button:hover>span:last-child:not([data-icon]){transform:translate(3px,-3px)}.category-tab{transition:background .3s,color .3s,border-color .3s,transform .3s}.category-tab:hover{transform:translateY(-2px)}.category-tab.active{box-shadow:0 4px 10px #28352b14}.category-tab:active{transform:scale(.95)}
.desktop-nav>a,.nav-link{position:relative}.desktop-nav>a:after,.nav-link:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}.desktop-nav>a:hover:after,.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.logo>span{transition:transform .8s var(--ease-out)}.logo:hover>span{transform:rotate(100deg)}.circle-stamp{animation:stamp-sway 12s ease-in-out infinite}.newsletter-star{animation:sun-turn 50s linear infinite}.newsletter:focus-within .newsletter-star{animation-duration:20s}.value-icon{transition:transform .6s var(--ease-out),background .4s,color .4s}.values article:hover .value-icon{transform:rotate(-12deg) scale(1.12);background:#dbe3c8;color:var(--rust)}.journal-card h3>span{transition:transform .5s var(--ease-out)}.journal-card:hover h3>span{transform:translate(4px,-4px)}.search-bar{transition:box-shadow .4s,border-color .4s}.search-bar:focus-within{box-shadow:0 10px 35px #b6533917;border-color:#c8957f}.toast.show{animation:toast-enter .45s var(--ease-out)}dialog[open]{animation:dialog-enter .4s var(--ease-out)}dialog[open]::backdrop{animation:backdrop-enter .35s ease}.extra-filters:not([hidden]){animation:hero-rise .4s var(--ease-out)}.success-icon{animation:success-pop .65s var(--ease-out)}
.celebration{position:fixed;pointer-events:none;z-index:200;width:0;height:0}.celebration i{position:absolute;width:5px;height:9px;border-radius:2px;background:var(--rust);animation:spark-burst .8s var(--ease-out) both}.celebration i:nth-child(3n){background:#c89d62}.celebration i:nth-child(3n + 1){background:#81906c;width:5px;height:5px;border-radius:50%}
.motion-paused .wander-track,.motion-paused .wander-track i,.motion-paused .circle-stamp,.motion-paused .newsletter-star,.motion-paused .hero-side>span{animation-play-state:paused}.motion-paused .hero-photo{transition:opacity .3s;transform:none}.motion-paused .hero-content>*{animation:none}.motion-paused .scene-track>span{animation:none}.motion-paused .pointer-active img{transform:none}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@keyframes hero-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-line{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}@keyframes scene-progress{to{transform:scaleX(1)}}@keyframes wander{to{transform:translateX(-50%)}}@keyframes sun-turn{to{transform:rotate(360deg)}}@keyframes stamp-sway{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(6deg)}}@keyframes nudge-down{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(7px);opacity:1}}@keyframes card-arrive{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes toast-enter{from{opacity:0;transform:translate(-50%,12px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes success-pop{0%{opacity:0;transform:scale(.5) rotate(-20deg)}65%{transform:scale(1.12) rotate(6deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes spark-burst{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.4)}70%{opacity:1}100%{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-rotation)) scale(.6)}}
@media(max-width:850px){.hero-controls{gap:10px}.motion-label{display:none}.hero-coordinate{bottom:75px}.wander-track span{font-size:27px}.wander-track>div{gap:30px;padding-right:30px}}
@media(max-width:640px){.hero-controls{left:25px;right:22px;bottom:62px;gap:9px}.scene-choice{font-size:8px;min-width:30px;gap:5px;padding:8px 3px}.scene-choice.is-current .scene-track{width:30px}.scene-name{font-size:6px;letter-spacing:1px;min-width:60px}.motion-toggle{margin-left:auto;padding-left:12px;min-width:35px}.hero-coordinate{bottom:112px;font-size:7px}.hero-coordinate>span:last-child{display:none}.hero-proof{margin-top:22px}.hero-content{padding-top:48px}.hero h1{font-size:42px}.hero-side{bottom:170px}.wander-ribbon{margin-top:24px;padding:17px 0}.wander-track span{font-size:25px}.wander-track>div{gap:25px;padding-right:25px}.wander-track i{font-size:27px}.destinations-section{padding-top:48px}.reveal{transform:translateY(20px)}.hero-photo{transform:scale(1.045)}.hero-photo.is-current{transform:scale(1)}.reading-progress{height:2px}.signature-copy.reveal{transform:translateY(20px)}.signature-copy.reveal.in-view{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none!important}.hero-photo{transform:none!important}.wander-track{transform:none}.hero h1 em:after{transform:rotate(-4deg)}.hero-side>span{transform:none}.button:hover{transform:none}.experience-card:hover .experience-photo{translate:0}.destination-card.pointer-active img,.experience-photo.pointer-active img,.journal-card>div.pointer-active img{transform:none}.hero-photo:not(.is-current){opacity:0}.hero-photo.is-current{opacity:1}}
