/* Cloud motion language: camera, dissolve, then editorial detail. */
.cinematic-hero{--scene-duration:8500ms;background:#17130f}
.hero-scenes{position:absolute;inset:0;z-index:-3}
.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.15s cubic-bezier(.22,.61,.36,1);overflow:hidden}
.hero-scene.is-active{opacity:1}
.hero-scene .hero-photo{z-index:auto;transform:scale(1.04);object-position:50% 55%}
.motion-ready .hero-scene.is-active .hero-photo{animation:cloud-camera 12s ease-out both;animation-play-state:paused}
.motion-ready.is-running .hero-scene.is-active .hero-photo{animation-play-state:running}
.cinematic-hero .hero-shade{z-index:-2;background:linear-gradient(90deg,#17130f12 5%,#17130f45 35%,#17130fbb 78%),linear-gradient(0deg,#17130ff2,transparent 44%,#17130f25)}
html[lang=en] .cinematic-hero .hero-shade{background:linear-gradient(270deg,#17130f12 5%,#17130f45 35%,#17130fbb 78%),linear-gradient(0deg,#17130ff2,transparent 44%,#17130f25)}
.hero-light{position:absolute;inset:-8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 30%,#e9b66a25,transparent 46%);opacity:.55;transform:translate3d(0,0,0)}
.hero-contour{position:absolute;width:540px;height:540px;inset-inline-end:-180px;top:80px;border:1px solid #ecd2aa2b;border-radius:50%;pointer-events:none;z-index:-1;transform:rotate(-25deg)}
.hero-contour:before{content:"";position:absolute;inset:23px;border:1px solid #ecd2aa1a;border-radius:50%}
.hero-contour:after{content:"";position:absolute;inset:49px;border:1px solid #ecd2aa12;border-radius:50%}
.hero-light.scene-change{animation:cloud-light 2s ease-out both}
.hero-contour.scene-change{animation:cloud-contour 2s ease-out both}
.cinematic-hero .hero-content{padding-bottom:150px}
.cinematic-hero h1{max-width:780px;font-size:clamp(54px,5.5vw,84px)}
html[lang=en] .cinematic-hero h1{max-width:820px;font-size:clamp(56px,5.6vw,88px)}
.scene-editorial{position:absolute;inset-inline-end:50px;top:36%;width:230px;padding:22px 23px;border-inline-start:1px solid #e2c49c66;background:#17130f9e;color:#f7eee0}
.scene-overline{font-size:11px;letter-spacing:1px;color:#e6cfb1}
.scene-caption{margin-top:25px}
.scene-index{display:block;font:italic 50px/1 Georgia,serif;color:#e0c098;margin-bottom:13px}
.scene-caption p{font-size:19px;line-height:1.85}
.scene-caption:not([hidden]){animation:cloud-caption .7s cubic-bezier(.16,1,.3,1) both}
.hero-dock{position:absolute;bottom:31px;inset-inline:0;margin-inline:auto;display:flex;gap:30px;justify-content:space-between;align-items:center;padding-top:23px;border-top:1px solid #f7eadb40}
.scene-selectors{display:flex;gap:28px;max-width:600px;flex:1}
.scene-select{flex:1;min-width:0;min-height:54px;border:0;padding:0;background:transparent;color:#d5c6b6;text-align:start}
.scene-button-label{display:flex;gap:17px;align-items:center;font-size:14px;padding-bottom:14px}
.scene-button-label>span{font:10px/1 Manrope,sans-serif;color:#dec09c}
.scene-select.is-active{color:#fff}
.scene-track{display:block;height:2px;overflow:hidden;background:#ffffff30}
.scene-progress{display:block;height:100%;width:100%;background:#e6c9a2;transform:scaleX(0);transform-origin:0 50%}
html[dir=rtl] .scene-progress{transform-origin:100% 50%}
.scene-select.is-active .scene-progress{animation:cloud-progress var(--scene-duration) linear both;animation-play-state:paused}
.is-running .scene-select.is-active .scene-progress{animation-play-state:running}
.scene-navigation{display:flex;gap:8px;direction:ltr}
.scene-navigation button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #efe1cd66;border-radius:50%;background:#19141066;color:#fff;transition:background .25s,border-color .25s,transform .25s}
.scene-navigation button:hover{background:#f3e5ce20;border-color:#efddbd;transform:translateY(-2px)}
.scene-navigation button>span{font:22px/1 Arial,sans-serif}
.pause-icon{width:10px;height:13px;border-inline:2px solid currentColor}
.scene-toggle.is-paused .pause-icon{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.cinematic-hero .hero-scroll{top:27px;bottom:auto;inset-inline-end:50px;color:#f1dfc7}
.motion-ready .hero-content>.eyebrow{animation:cloud-enter .9s .08s both}
.motion-ready .hero-content>h1{animation:cloud-enter 1.15s .15s both}
.motion-ready .hero-content>p:not(.eyebrow){animation:cloud-enter .95s .26s both}
.motion-ready .hero-content>.actions{animation:cloud-enter .95s .36s both}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.story-photo,.about-chapters article>img{overflow:hidden}
.scroll-image-frame{display:block;overflow:hidden;background:#403327}
.scroll-image-frame .about-photo{display:block;transform:scale(1.06)}
@media(hover:hover) and (pointer:fine){
 .dish-photo,.gallery-tile{isolation:isolate}
 .dish-photo:after,.gallery-tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--glow-x,50%) var(--glow-y,50%),#fff2,transparent 58%);opacity:0;transition:opacity .3s;z-index:1}
 .dish-photo{position:relative}
 .dish-card:hover .dish-photo:after,.gallery-tile:hover:after{opacity:1}
 .dish-photo img,.gallery-tile img{transition:transform .85s cubic-bezier(.16,1,.3,1)}
 .dish-card:hover img,.gallery-tile:hover img{transform:scale(1.065)}
}
@keyframes cloud-camera{from{transform:scale(1.04) translate3d(-.5%,0,0)}to{transform:scale(1.13) translate3d(.6%,-.7%,0)}}
@keyframes cloud-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes cloud-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes cloud-caption{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes cloud-light{from{opacity:.15;transform:translate3d(-3%,2%,0)}to{opacity:.55;transform:none}}
@keyframes cloud-contour{from{opacity:.25;transform:rotate(-30deg) translate3d(12px,12px,0)}to{opacity:1;transform:rotate(-25deg)}}
@media(min-width:1600px){.cinematic-hero .hero-content{padding-top:80px}.scene-editorial{inset-inline-end:max(50px,calc((100vw - 1340px)/2))}}
@media(max-width:1150px){.scene-editorial{width:165px;inset-inline-end:30px}.scene-caption p{font-size:16px}.cinematic-hero h1{max-width:650px}.hero-dock{gap:20px}}
@media(max-width:900px){.scene-editorial{display:none}.cinematic-hero h1{font-size:58px}.scene-selectors{gap:20px}}
@media(max-width:760px){
 .cinematic-hero{min-height:655px;max-height:850px;height:calc(100svh - 162px)}
 .cinematic-hero .hero-content{padding-top:69px;padding-bottom:150px}
 .cinematic-hero h1{font-size:clamp(36px,7.4vw,58px);line-height:1.32}
 html[lang=en] .cinematic-hero h1{font-size:clamp(40px,7.6vw,58px);line-height:1.1}
 .cinematic-hero .hero-shade,html[lang=en] .cinematic-hero .hero-shade{background:linear-gradient(180deg,#17130fa8,#17130f90 40%,#17130f16 69%,#17130fef 100%)}
 .hero-scene:not(:first-child) .hero-photo{object-position:50% 75%}
 .hero-contour{width:380px;height:380px;top:220px;inset-inline-end:-260px}
 .hero-light{background:radial-gradient(ellipse at 60% 60%,#e9b66a15,transparent 55%)}
 .cinematic-hero .hero-scroll{top:21px;inset-inline-end:20px;font-size:10px;gap:10px}
 .cinematic-hero .hero-scroll span{font-size:17px}
 .hero-dock{bottom:28px;gap:16px;align-items:center;padding-top:18px}
 .scene-selectors{gap:15px;max-width:none}
 .scene-button-label{font-size:12px;gap:6px;flex-direction:column;align-items:start;padding-bottom:13px}
 .scene-navigation{gap:8px}
 .scene-navigation button{width:44px;height:44px}
 .scene-prev,.scene-next{display:none!important}
 .scene-select{min-height:60px}
 .scene-toggle{background:#17130f80!important}
 .filters button{min-height:44px}
}
@media(max-width:365px){.cinematic-hero{min-height:685px}.cinematic-hero .hero-content{padding-top:65px}.cinematic-hero h1{font-size:35px}.hero-dock{bottom:24px}.scene-button-label{font-size:11px}}
@media(max-height:550px) and (min-width:600px){.cinematic-hero{height:600px;min-height:600px}.cinematic-hero .hero-content{padding-top:80px}.scene-editorial{display:none}}
@media(prefers-reduced-motion:reduce){
 .hero-scene .hero-photo,.scroll-image-frame .about-photo{transform:none!important}
 .hero-light,.hero-contour{display:none}
 .scene-select.is-active .scene-progress{transform:scaleX(1)}
 .scene-navigation button:hover{transform:none}
}