/* Navy and gold motion; ordering and all content work without this enhancement. */
.hero-shell{overflow:hidden}
.hero{position:relative;z-index:1}
.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-ambient span{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#e7b87117 0%,#e7b87108 34%,transparent 68%);top:-230px;left:-180px}
.hero-ambient span+span{width:580px;height:580px;top:auto;left:auto;right:-180px;bottom:-300px;background:radial-gradient(circle,#e7b87124 0%,#e7b87109 36%,transparent 68%)}
.brand-orbit::after{content:"";position:absolute;top:18%;left:14%;width:6px;height:6px;border-radius:50%;background:#e3bd7d;box-shadow:0 0 16px #e3bd7d66}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #a9bac0;border-radius:24px;background:transparent;color:var(--ink);font-size:12px;line-height:1.4;cursor:pointer}
.motion-toggle:focus-visible{outline:3px solid #efc382;outline-offset:4px}
.motion-toggle:disabled{cursor:default;opacity:.8}
.motion-toggle-hero{color:#d7e0e2;border-color:#b4c7d84d;margin-top:16px}
.motion-toggle-hero:hover:not(:disabled){background:#ffffff0b;border-color:#e5c18b}
.motion-symbol{font-size:15px;color:#d1a567}
.motion-toggle[aria-pressed="true"] .motion-symbol{color:#efc382}
.footer-motion{color:#d7e0e2;border-color:#b4c7d84d;font-size:11px}

html[data-motion="on"] .hero-logo-panel{animation:moiz-float 6s ease-in-out infinite}
html[data-motion="on"] .showcase-tag{animation:moiz-float 7s ease-in-out -2s infinite reverse}
html[data-motion="on"] .orbit-one{animation:moiz-orbit 12s ease-in-out infinite}
html[data-motion="on"] .orbit-two{animation:moiz-orbit 15s ease-in-out -4s infinite reverse}
html[data-motion="on"] .hero-ambient span{animation:moiz-glow 11s ease-in-out infinite}
html[data-motion="on"] .hero-ambient span+span{animation-delay:-5s;animation-direction:reverse}
html[data-motion="on"][data-hero-visible="false"] .hero-shell *,
html[data-motion="on"][data-page-hidden="true"] .hero-shell *{animation-play-state:paused}

html[data-motion="on"] :is(.service-card,.guide-card,.social-card,.visit-card,.launch-card,.bundle-offer,.album-offer,.passport-offer){transition:translate .24s ease,border-color .24s ease,box-shadow .24s ease}
html[data-motion="on"] .service-icon{transition:rotate .3s ease,background .3s ease}
html[data-motion="on"] :is(.hero-cta,.offer-link,.ad-primary,.order-button,.contact-link,.popup-primary,.item-promotion>button){position:relative;overflow:hidden;transition:translate .2s ease,box-shadow .2s ease,background .2s ease}
html[data-motion="on"] :is(.hero-cta,.order-button,.popup-primary)::after{content:"";position:absolute;inset:-80% -50%;background:linear-gradient(115deg,transparent 38%,#ffffff25 48%,transparent 58%);translate:-100% 0;pointer-events:none}
html[data-motion="on"] .hero-cta .icon{transition:translate .24s ease}
html[data-motion="on"] .category-nav a{transition:translate .2s ease,background .2s ease,border-color .2s ease}
html[data-motion="on"] .stepper button{transition:background .15s ease,scale .15s ease}
html[data-motion="on"] .stepper button:active:not(:disabled){scale:.92}
html[data-motion="on"] :is(.hero-cta,.offer-link,.ad-primary,.order-button,.popup-primary,.item-promotion>button):active{translate:0 1px}
html[data-motion="on"] .customer-popup[open]{animation:moiz-popup .25s cubic-bezier(.2,.65,.3,1)}
html[data-motion="on"] .customer-popup[open]::backdrop{animation:moiz-backdrop .22s ease-out}
html[data-motion="on"] .update-tip:not([hidden]){animation:moiz-popup .32s ease-out}
html[data-motion="on"] :is(.service-card,.guide-card,.visit-card,.bundle-offer):focus-within{border-color:#ad854d;box-shadow:0 7px 24px #1832420d}
html[data-motion="on"] .hero-cta:focus-visible::after,
html[data-motion="on"] .order-button:focus-visible::after,
html[data-motion="on"] .popup-primary:focus-visible::after{animation:moiz-shine .7s ease-out}

@media(hover:hover) and (pointer:fine){
  html[data-motion="on"] :is(.service-card,.guide-card,.social-card,.visit-card,.launch-card,.bundle-offer,.album-offer,.passport-offer):hover{translate:0 -5px;border-color:#b69763;box-shadow:0 14px 32px #15344312}
  html[data-motion="on"] .social-card:hover{transform:none}
  html[data-motion="on"] .service-card:hover .service-icon{rotate:-6deg;background:#eee4d0}
  html[data-motion="on"] :is(.hero-cta,.offer-link,.ad-primary,.order-button,.contact-link,.popup-primary,.item-promotion>button):hover{translate:0 -2px;box-shadow:0 7px 20px #112c3b15}
  html[data-motion="on"] :is(.hero-cta,.order-button,.popup-primary):hover::after{animation:moiz-shine .7s ease-out}
  html[data-motion="on"] .hero-cta:hover .icon{translate:4px 0}
  html[data-motion="on"] .category-nav a:hover{translate:0 -2px}
}
@keyframes moiz-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes moiz-orbit{0%,100%{rotate:-6deg}50%{rotate:6deg}}
@keyframes moiz-glow{0%,100%{translate:0 0;opacity:.7}50%{translate:20px 16px;opacity:1}}
@keyframes moiz-shine{from{translate:-100% 0}to{translate:100% 0}}
@keyframes moiz-popup{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes moiz-backdrop{from{background:#0b223000}to{background:#0b2230b3}}
@media(max-width:560px){
  .motion-toggle-hero{font-size:11px;margin-top:14px;padding:9px 12px}
  .hero-ambient span{width:320px;height:320px;top:-160px;left:-180px}
  .hero-ambient span+span{width:400px;height:400px;bottom:-210px;right:-220px;top:auto;left:auto}
  html[data-motion="on"] .orbit-two{animation:none}
  html[data-motion="on"] .hero-logo-panel{animation-duration:7s}
}
html[data-motion="off"]{scroll-behavior:auto}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}
html[data-motion="off"] .social-card:hover{transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .social-card:hover{transform:none}
}