/* Continuous, restrained movement. Essential text, controls and QR remain still. */
.hero-cinema{position:absolute;inset:0;overflow:hidden;background:#080808}
.hero-cinema .hero-image{transform-origin:68% 35%;will-change:transform}
html[data-motion="on"] .hero-cinema .hero-image{animation:scene-arrive 1.6s ease-out both,cinematic-drift 18s ease-in-out infinite alternate}
.cinema-light{position:absolute;inset:-15%;background:radial-gradient(ellipse at 68% 48%,#d5ac5e24,transparent 46%);mix-blend-mode:screen;pointer-events:none}
html[data-motion="on"] .cinema-light{animation:gold-light-drift 12s ease-in-out infinite alternate}
.gold-dust{position:absolute;inset:0;pointer-events:none}
.gold-dust span{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#e2be74;border-radius:50%;box-shadow:0 0 12px #d1a553a0;opacity:.4}
.gold-dust span:nth-child(3n){width:2px;height:2px}
.gold-dust span:nth-child(4n){width:4px;height:4px}
html[data-motion="on"] .gold-dust span{animation:gold-dust-rise var(--d) linear var(--delay) infinite}
html[data-motion="on"] .hero h1 em{background-size:240% 100%;animation:gold-letter-light 8s ease-in-out infinite alternate}
.scene-seal{position:relative}
.scene-seal:before{content:"";position:absolute;inset:-7px;border:1px dashed #cfb37777;border-radius:50%;pointer-events:none}
html[data-motion="on"] .scene-seal:before{animation:seal-orbit 50s linear infinite}
.values-strip{display:block;padding:25px 0;overflow:hidden}
.values-track{display:flex;width:max-content}
.values-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;gap:54px;min-width:100vw;padding-right:54px}
.values-group>span{white-space:nowrap}
html[data-motion="on"] .values-track{animation:values-flow 34s linear infinite}
html[data-motion="on"] .roots-art>img{transform-origin:72% 62%;animation:roots-breathe 16s ease-in-out infinite alternate}
html[data-motion="on"] .button-gold:before,html[data-motion="on"] .booking-button:before,html[data-motion="on"] .contact-actions>.button:before{animation:gold-button-light 7s ease-in-out infinite;transition:none}
html[data-motion="on"] .hero-actions .button-gold:before{animation-delay:-3s}
html[data-motion="on"] .button:before{display:block}
html[data-motion="on"] .booking-button:before{animation-delay:-1s}
html[data-motion="on"] .contact-actions>.button:before{animation-delay:-5s}
.contact-section{position:relative;isolation:isolate;overflow:hidden}
.contact-section>.wrap{position:relative;z-index:1}
.contact-section:before{content:"";position:absolute;left:-50%;top:-55%;width:90%;height:220%;background:linear-gradient(105deg,transparent 38%,#c9aa680e 48%,#e4c98b13 51%,transparent 61%);pointer-events:none;z-index:0;transform:translateX(0)}
.contact-section:after{content:"";position:absolute;top:0;left:-25%;height:1px;width:25%;background:linear-gradient(90deg,transparent,#e4c98baa,transparent);pointer-events:none}
html[data-motion="on"] .contact-section:before{animation:contact-light 16s ease-in-out infinite alternate}
html[data-motion="on"] .contact-section:after{animation:contact-edge-light 12s linear infinite}
.motion-toggle{position:static;flex-shrink:0;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:10px 13px;border:1px solid #cfb37755;background:#0c0c0c;color:#c9b57f;font-size:8px;letter-spacing:.5px;line-height:1}
.motion-toggle:hover{border-color:#dbc18b;color:#e5d09f}
.motion-toggle-icon{display:block;width:10px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.motion-toggle[aria-pressed="true"] .motion-toggle-icon{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
html[data-motion="off"] .reveal{opacity:1!important;transform:none!important}
html[data-motion="off"] .gold-dust,html[data-motion="off"] .cinema-light,html[data-motion="off"] .contact-section:before{display:none}
html[data-motion="off"] .values-track{display:block;width:100%}
html[data-motion="off"] .values-group:first-child{min-width:0;width:100%;padding:0 6%;gap:16px}
html[data-motion="off"] .values-group:last-child,html[data-motion="off"] .values-group>i:last-child{display:none}
.motion-ready .reveal{transition-duration:1.05s}
@keyframes cinematic-drift{from{transform:scale(1.01) translate3d(-.3%,0,0)}to{transform:scale(1.055) translate3d(.35%,-.4%,0)}}
@keyframes gold-light-drift{from{opacity:.35;transform:translate3d(-3%,2%,0)}to{opacity:.9;transform:translate3d(4%,-3%,0)}}
@keyframes gold-dust-rise{0%{opacity:0;transform:translate3d(-12px,20px,0)}20%{opacity:.75}75%{opacity:.45}100%{opacity:0;transform:translate3d(22px,-100px,0)}}
@keyframes gold-letter-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes seal-orbit{to{transform:rotate(360deg)}}
@keyframes values-flow{to{transform:translateX(-50%)}}
@keyframes roots-breathe{from{transform:scale(1.01)}to{transform:scale(1.065) translate3d(-.35%,-.6%,0)}}
@keyframes gold-button-light{0%,45%{transform:translateX(-110%);opacity:0}52%{opacity:.8}83%,100%{transform:translateX(110%);opacity:0}}
@keyframes contact-light{from{transform:translateX(-15%)}to{transform:translateX(155%)}}
@keyframes contact-edge-light{to{transform:translateX(500%)}}
@media(max-width:720px){.hero-cinema .hero-image{transform-origin:72% 35%}.values-strip{padding:22px 0}.values-group{min-width:780px;gap:36px;padding-right:36px;font-size:8px;letter-spacing:2px}.motion-toggle{min-height:44px;width:30px;justify-content:center;padding:0;border-color:#cfb37738}.motion-toggle-label{display:none}.contact-section:before{opacity:.7}html[data-motion="on"] .hero h1 em{background:linear-gradient(110deg,#aa8b50,#ead19a 60%,#b59659);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}}
@media(max-width:370px){.header-inner{gap:10px}.motion-toggle{width:26px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) *,html:not([data-motion="on"]) *:before,html:not([data-motion="on"]) *:after{animation:none!important;transition:none!important}}
@media(max-width:720px){html[data-motion="off"] .values-group:first-child{font-size:6px;letter-spacing:1px;gap:8px}}
.chimney-smoke{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hero-visual>.chimney-smoke{top:-120px;height:calc(100% + 120px)}
.hero-visual .scene-top,.hero-visual .scene-bottom{z-index:3}
.hero-visual .hero-invitation{z-index:4}
.roots-copy,.art-caption{z-index:3}
html[data-motion="off"] .chimney-smoke{display:none}
.hero{padding-bottom:110px}
.hero-visual .hero-invitation{top:calc(100% - 15px);bottom:auto}
.hero-visual:after{background:linear-gradient(90deg,#080808 0%,#08080830 25%,transparent 55%),linear-gradient(0deg,#08080865 0%,transparent 24%)}
.roots-art>.chimney-smoke{mask-image:linear-gradient(to bottom,transparent,#000 14%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%)}
@media(max-width:720px){.hero{padding-bottom:130px}.hero-visual:after{background:linear-gradient(180deg,#080808 0%,transparent 25%),linear-gradient(0deg,#08080855 0%,transparent 30%)}}