/* Content is the baseline. Motion is added only after initialization succeeds. */
[hidden]{display:none!important}
[data-reveal]{opacity:1;transform:none;will-change:auto}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid #f1c599;outline-offset:6px}
.cinema-journey{height:auto;background:#260f19}
.cinema-stage{height:auto;min-height:0;position:relative;overflow:clip;will-change:auto;transform:none}
.cinema-scene{position:relative;height:100svh;min-height:620px;pointer-events:auto;--photo-opacity:1;--media-y:0px;--media-x:0px;--media-scale:1;--media-tilt:0deg;--copy-opacity:1;--copy-x:0px;--copy-y:0px;--word-y:0%;--word-tilt:0deg}
.scene-media{opacity:1;clip-path:none;transform:none;will-change:auto;inset:0}
.scene-copy{opacity:1;transform:none;will-change:auto;height:100%;position:absolute;padding:120px 7.5vw 135px}
.scene-copy .eyebrow{font-size:.875rem;letter-spacing:.1em}
.kinetic-title{font-size:clamp(5rem,10.6vw,11rem);max-width:75vw;line-height:.92}
.kinetic-title>span{margin-bottom:-.06em;padding-bottom:.16em}
.kinetic-title>span>span,.kinetic-title>span>em{transform:none;will-change:auto}
.scene-1 .kinetic-title{font-size:clamp(4rem,7.9vw,8.7rem)}
.scene-2 .kinetic-title{font-size:clamp(4.8rem,9vw,10rem)}
.scene-3 .kinetic-title{font-size:clamp(4rem,8.7vw,10rem)}
.scene-description{max-width:330px;line-height:1.65;margin-top:25px}
.scene-shade{background:linear-gradient(90deg,#180a10c9,#180a1070 30%,#180a1000 76%),linear-gradient(#180a1055,#0000 25% 65%,#180a10bb)}
.scene-2 .scene-shade{background:linear-gradient(90deg,#190a13ce,#190a1377 32%,#190a1300 80%),linear-gradient(#0000 60%,#190a13a0)}
.scene-3 .scene-shade{background:linear-gradient(90deg,#190a13dd,#190a1380 40%,#190a1322 80%)}
.scene-media video{opacity:0;transition:opacity .7s;object-position:69% 50%}
.scene-media video.playing{opacity:1}
.detail-layer,.cinema-aura,.experience-bottom,.experience-progress{display:none}
.motion-on .cinema-journey{height:470svh}
.motion-on .cinema-stage{height:100svh;position:sticky;top:0;isolation:isolate}
.motion-on .cinema-scene{position:absolute;inset:0;height:100%;min-height:0;pointer-events:none}
.motion-on .scene-0{z-index:1}.motion-on .scene-1{z-index:2}.motion-on .scene-2{z-index:3}.motion-on .scene-3{z-index:4}
.motion-on .scene-media{opacity:var(--photo-opacity);clip-path:var(--mask,none);transform:translate3d(var(--media-x),var(--media-y),0) scale(var(--media-scale));will-change:transform}
.motion-on .scene-copy{opacity:var(--copy-opacity);transform:translate3d(var(--copy-x),var(--copy-y),0);pointer-events:none}
.motion-on .scene-copy .button{pointer-events:none}
.motion-on .is-active .scene-copy .button{pointer-events:auto}
.motion-on .scene-copy .kinetic-title>span>span,.motion-on .scene-copy .kinetic-title>span>em{transform:translateY(var(--word-y));transition:none}
.motion-on .detail-layer,.motion-on .cinema-aura,.motion-on .experience-bottom,.motion-on .experience-progress{display:flex}
.motion-on .cinema-aura{display:block;background:radial-gradient(ellipse at var(--aura-x,68%) 65%,#b6422716,transparent 55%)}
.motion-on .experience-progress{display:block}
.motion-on .scene-1{--photo-opacity:0;--mask:polygon(110% 0,130% 0,130% 100%,110% 100%);--copy-opacity:0}
.motion-on .scene-2{--photo-opacity:0;--mask:circle(0% at 76% 48%);--copy-opacity:0}
.motion-on .scene-3{--photo-opacity:0;--mask:inset(0 50%);--copy-opacity:0}
.floating-detail{box-shadow:0 18px 50px #0005;will-change:auto;border:1px solid #ffffff22}
.detail-0{top:11%;left:71%;width:21vw;height:24vh;max-height:260px}
.detail-1{top:19%;left:72%;width:19vw;height:44vh;border-radius:48% 48% 4px 4px}
.floating-detail img{width:100%;height:100%;object-fit:cover}
.scene-nav{align-items:center;gap:18px}
.scene-nav a{color:#d3bec6;display:flex;gap:9px;align-items:center;min-height:44px;font-size:.875rem;padding:8px 2px}
.scene-nav i{width:6px;height:6px;border:1px solid currentColor;border-radius:12px;transition:width .3s}
.scene-nav a[aria-current=step]{color:#f0cbb0}
.scene-nav a[aria-current=step] i{background:currentColor;width:24px}
.video-control{font-size:1rem;flex-shrink:0}
.header{padding-top:14px;padding-bottom:14px}
.header .official-logo{height:80px;width:auto}
.header-scrolled .official-logo{height:58px}
.taste{padding-top:95px}
.taste-panel{margin-bottom:34px!important}
.taste-image{clip-path:inset(0);height:580px}
.taste-image img{animation:none;transform:scale(1.03)}
.taste-tabs-list{gap:14px!important}
.taste-tab{border-bottom:2px solid transparent!important;cursor:pointer}
.taste-tab[aria-selected=true]{color:white!important;border-bottom-color:#e5b193!important}
.taste-tags{font-size:.875rem}
.taste-copy .eyebrow{font-size:.875rem}
.taste-tabs [role=tabpanel]:focus-visible{outline:2px solid #e5b193;outline-offset:8px}
.location-photo img,.reservation-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.location-photo{height:580px}
.footer-bottom,.footer-bottom button{font-size:.875rem}
.footer-bottom button{min-height:44px}
.opening-note{color:#decbd1;max-width:600px;margin:22px auto 0;font-size:.875rem;line-height:1.7}
.image-note{font-size:.875rem}
.menu-lines,.menu-lines:before,.menu-lines:after{width:23px;height:1px;background:currentColor;display:block;position:relative}
.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}
.menu-lines:before{top:-7px}.menu-lines:after{top:7px}
.aruana-menu{color:#fff;background:#401425;border:1px solid #ffffff25;width:min(450px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:44px 34px;overflow-y:auto}
.aruana-menu::backdrop{background:#170b10bd;backdrop-filter:blur(6px)}
.aruana-menu[open]{animation:menu-in .35s cubic-bezier(.2,.8,.2,1)}
.aruana-menu .official-logo{height:140px;width:auto;margin-bottom:36px}
.aruana-menu nav{display:grid;gap:20px;margin:20px 0 35px}
.aruana-menu nav a{font-family:var(--font-display);font-size:2.7rem;line-height:1.1;min-height:44px}
.aruana-menu p{font-size:.875rem;margin:26px 0 12px}
.menu-close{position:absolute;right:23px;top:18px;background:none;border:0;color:white;width:44px;height:44px;font-size:2.2rem}
.intro-replay .scene-0 .scene-media{animation:welcome-photo 2.3s cubic-bezier(.2,.6,.2,1)}
.intro-replay .scene-0 .scene-copy{animation:welcome-copy 1.3s cubic-bezier(.2,.7,.2,1)}
@keyframes menu-in{from{transform:translateX(35%);opacity:.6}to{transform:translateX(0);opacity:1}}
@keyframes welcome-photo{from{filter:brightness(.9);transform:scale(1.1)}to{filter:brightness(1);transform:scale(1)}}
@keyframes welcome-copy{from{opacity:.7;translate:0 22px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.scene-nav{gap:12px}.scene-nav a span{display:none}.scene-nav a[aria-current=step] span{display:block}.experience-bottom{left:6vw;right:6vw;gap:15px}}
@media(max-width:820px){.header .official-logo{height:64px}.header-actions{gap:12px}.header-scrolled .official-logo{height:54px}.scene-copy{padding:120px 7vw 150px;justify-content:flex-end}.kinetic-title{max-width:92vw;font-size:clamp(4.8rem,17vw,8rem)}.scene-1 .kinetic-title{font-size:clamp(3rem,11vw,5rem)}.scene-2 .kinetic-title{font-size:clamp(3.8rem,14vw,6.3rem)}.scene-3 .kinetic-title{font-size:clamp(3.6rem,13.5vw,6rem)}.scene-description{max-width:300px;margin-top:20px}.scene-shade,.scene-2 .scene-shade,.scene-3 .scene-shade{background:linear-gradient(#190a1222 12%,#190a1215 34%,#190a12aa 57%,#190a12e8 100%),linear-gradient(90deg,#190a1215,#190a1200)}.experience-bottom{bottom:78px;left:7vw;right:7vw}.scroll-invitation{font-size:.875rem}.scene-nav a span{display:none!important}.video-control{display:flex;width:38px;height:38px}.scene-nav a{min-width:22px}.scene-nav{gap:8px}.detail-0{width:29vw;height:17vh;top:16%;left:65%}.detail-1{width:25vw;height:30vh;top:13%;left:69%}.floating-detail figcaption{display:none}.taste-image{height:470px}.taste-panel{min-height:0}.taste .display{font-size:clamp(3rem,9vw,5rem)}.location-photo{height:490px}.mobile-booking{min-height:58px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid #ffffff22}.aruana-menu .official-logo{height:120px}.cinema-scene{min-height:620px}}
@media(max-width:560px){.scene-copy .eyebrow{margin-bottom:16px;font-size:.875rem;max-width:none}.scene-copy{padding-top:110px;padding-bottom:145px}.kinetic-title{font-size:clamp(4.3rem,21vw,7rem);line-height:.93}.scene-1 .kinetic-title{font-size:clamp(2.9rem,13.2vw,4.7rem);line-height:1}.scene-2 .kinetic-title{font-size:clamp(3.5rem,17.5vw,5.7rem);line-height:.97}.scene-3 .kinetic-title{font-size:clamp(3.4rem,15.5vw,5.5rem);line-height:.97}.scene-description{line-height:1.55;max-width:280px;font-size:1rem;margin-top:18px}.scene-copy .button{margin-top:16px;min-height:46px}.taste .display{font-size:clamp(3rem,13.5vw,4.4rem)}.taste-copy h3{font-size:clamp(2.6rem,11.5vw,3.4rem)}.taste-image{height:370px}.taste-tab{font-size:.875rem!important;padding:12px 6px!important}.taste-tags{font-size:.875rem}.location-copy .display{font-size:clamp(3rem,12vw,4rem)}.reservation h2{font-size:clamp(4.1rem,20vw,6rem)}.reservation{min-height:600px}.footer-top p{font-size:.875rem}.section{padding-top:65px;padding-bottom:65px}.footer{padding-bottom:100px}.experience-bottom{gap:10px}.scroll-invitation{gap:8px}.scene-nav{gap:5px}.scene-nav a[aria-current=step] i{width:17px}}
@media(max-height:530px) and (orientation:landscape){.cinema-scene{min-height:600px}.cinema-stage{position:relative}.scene-copy{padding-top:130px;padding-bottom:95px}.header{padding-top:8px;padding-bottom:8px}.header .official-logo{height:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-replay *{animation:none!important}}
.motion-reduced .cinema-scene{min-height:620px}.motion-reduced .scene-copy{pointer-events:auto}.motion-reduced .scene-copy .button{pointer-events:auto}
html:has(.motion-reduced){scroll-behavior:auto}