*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#202020;color:#f5f0ec;font-family:Outfit,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}:root{--orange:#ff681a;--dark:#202020;--panel:#2a2929}.wrap{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#202020;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;color:var(--orange);font-weight:900;font-size:22px;letter-spacing:.04em}.brand img{width:83px;height:54px;object-fit:cover;object-position:center 56%;mix-blend-mode:lighten}.nav nav{display:flex;gap:36px}.nav nav a:hover,.visit a:hover,footer a:hover{color:var(--orange)}.nav-call,.pill{background:var(--orange);color:#181818;border-radius:99px;padding:15px 23px;font-weight:800;display:inline-flex;align-items:center;gap:15px;transition:transform .25s,background .25s}.nav-call:hover,.pill:hover{transform:translateY(-3px);background:#ff8d46}.hero{height:min(740px,calc(100svh - 82px));min-height:530px;position:relative;overflow:hidden;background:#111}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;pointer-events:none;transition:opacity 1.3s ease}.slide.active{opacity:1;pointer-events:auto}.slide>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;transform:scale(1.02)}.slide.active>img{animation:kenburns 8.2s ease-out both}.slide:nth-child(even).active>img{animation-name:kenburnsout}@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.15)}}@keyframes kenburnsout{from{transform:scale(1.16)}to{transform:scale(1.02)}}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,13,.83),rgba(14,13,13,.3) 58%,rgba(14,13,13,.05)),linear-gradient(0deg,#14141470,transparent 55%)}.slide-content{position:absolute;left:max(6%,calc((100vw - 1190px)/2));bottom:18%;max-width:700px}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:.2em;font-weight:800}.slide-content h1{font-size:clamp(65px,9vw,136px);line-height:.93;letter-spacing:-.065em;margin:20px 0 18px;font-weight:900;text-shadow:0 6px 24px #0007}.slide-content p{font-size:clamp(18px,2vw,24px);margin-bottom:28px}.hero-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff30}.hero-progress span{display:block;height:100%;width:0;background:var(--orange)}.hero-count{position:absolute;right:6%;bottom:8%;font-weight:800;letter-spacing:.1em}.hero-prev,.hero-next{position:absolute;right:6%;top:47%;background:#1b1b1b9c;color:white;border:1px solid #fff5;border-radius:50%;width:46px;height:46px;font-size:30px}.hero-prev{right:calc(6% + 56px)}.ticker{overflow:hidden;background:var(--orange);color:#161616;font-weight:900;letter-spacing:.1em;padding:15px 0;white-space:nowrap}.ticker div{width:max-content;animation:marquee 27s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.intro{padding-top:125px;padding-bottom:135px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.intro>.eyebrow{grid-column:1/-1}.intro h2,.section-heading h2,.story h2,.visit h2{font-size:clamp(48px,6vw,88px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:900}.intro em,.section-heading em,.story em,.visit em{font-style:normal;color:var(--orange)}.intro p{font-size:22px;line-height:1.6;color:#d0c7c1;max-width:480px;margin:0}.gallery{padding-bottom:125px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-heading h2{font-size:clamp(42px,5vw,70px);margin-top:15px}.section-note{font-size:13px;color:#bbb}.photo-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:280px 280px;gap:16px}.photo-grid figure{position:relative;overflow:hidden;margin:0;border-radius:8px}.photo-grid .feature{grid-row:span 2}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.photo-grid figure:hover img{transform:scale(1.12)}.photo-grid figcaption{position:absolute;inset:auto 0 0;padding:48px 28px 25px;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column;gap:4px}.photo-grid strong{font-size:27px;color:#fff}.photo-grid span{color:#e6ddd7}.menu-section{background:#292828;padding:110px 0 120px}.menu-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:35px 0}.filters{display:flex;flex-wrap:wrap;gap:9px}.filters button{border:1px solid #6d5b50;color:#fff;background:transparent;padding:12px 18px;border-radius:30px}.filters button.active,.filters button:hover{background:var(--orange);border-color:var(--orange);color:#171717;font-weight:800}.search{display:flex;align-items:center;gap:10px;background:#1c1c1c;padding:12px 18px;border:1px solid #51443e;border-radius:30px;min-width:230px}.search span{color:var(--orange);font-size:25px}.search input{width:100%;border:0;outline:0;background:transparent;color:white}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.dish{background:#202020;border:1px solid #ffffff15;border-radius:8px;overflow:hidden;transition:transform .35s,border-color .35s}.dish:hover{transform:translateY(-5px);border-color:#ff681a70}.dish-image{height:225px;overflow:hidden;background:linear-gradient(135deg,#39312d,#1e1e1e);display:grid;place-items:center}.dish-image img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s}.dish:hover img{transform:scale(1.09)}.no-photo{color:#ff681a55;font-size:50px;font-weight:900}.dish-body{padding:22px}.dish-body h3{font-size:23px;color:var(--orange);margin:0 0 8px}.dish-body p{font-size:14px;color:#cfc7c1;line-height:1.5;min-height:44px}.dish-body .price{font-weight:900;color:#fff;margin-top:20px}.menu-disclaimer{color:#b6aaa2;font-size:12px;line-height:1.7;margin-top:30px}.story{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.story>img{width:100%;height:100%;max-height:650px;object-fit:cover}.story>div{padding:11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story h2{margin:18px 0 25px}.story p{font-size:20px;line-height:1.65;color:#cfc7c1;margin-bottom:25px}.visit{padding-top:120px;padding-bottom:110px}.visit h2{margin:15px 0 60px}.visit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.visit-grid>div{border-top:1px solid #65544b;padding-top:25px}.visit-grid p{font-size:22px;line-height:1.5}.visit-grid a{color:var(--orange)}.address-note{color:#aaa;font-size:12px;margin-top:55px}footer{padding:30px 5%;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;color:#aaa;font-size:13px}footer div{display:flex;gap:18px}.mobile-order{display:none}@media(max-width:850px){.nav{height:68px}.nav nav{display:none}.nav-call{padding:11px 13px;font-size:12px}.brand img{width:55px;height:42px}.brand span{font-size:18px}.hero{height:670px;min-height:0}.slide-content{left:25px;right:25px;bottom:16%}.slide-content h1{font-size:clamp(60px,12vw,100px)}.shade{background:linear-gradient(0deg,#000c,#0001 95%)}.hero-prev,.hero-next{top:22%;right:20px}.hero-prev{right:75px}.intro{grid-template-columns:1fr;padding-top:75px;padding-bottom:90px;gap:20px}.intro>.eyebrow{grid-column:auto}.gallery{padding-bottom:85px}.section-heading{display:block}.section-note{display:block;margin-top:15px}.menu-tools{flex-direction:column;align-items:stretch}.menu-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.story>img{height:420px}.story>div{padding:60px 28px}.visit-grid{grid-template-columns:1fr;gap:25px}footer{flex-direction:column}.mobile-order{display:block;position:fixed;z-index:60;bottom:14px;left:50%;transform:translateX(-50%);background:var(--orange);color:#171717;font-weight:900;padding:15px 38px;border-radius:40px;box-shadow:0 8px 28px #0008}}@media(max-width:550px){.wrap{padding-left:18px;padding-right:18px}.hero{height:610px}.slide-content h1{font-size:64px}.slide-content p{font-size:17px}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 210px}.photo-grid .feature{grid-column:1/-1;grid-row:auto}.photo-grid figcaption{padding:35px 12px 12px}.photo-grid strong{font-size:16px}.photo-grid span{font-size:12px}.menu-grid{grid-template-columns:1fr}.dish-image{height:240px}.filters button{padding:10px 13px;font-size:13px}.nav-call{font-size:0}.nav-call:after{content:'☎';font-size:21px}.story>img{height:340px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* V3.1 — photos entières dans la carte, sans recadrage */
.menu-grid .dish-image{height:auto;min-height:220px;aspect-ratio:4/3;overflow:hidden;background:#181818;padding:8px}
.menu-grid .dish-image img{width:100%;height:100%;max-height:340px;object-fit:contain;object-position:center;transform:none!important}
.menu-grid .dish:hover .dish-image img{transform:none!important}
@media(max-width:550px){.menu-grid .dish-image{min-height:0;aspect-ratio:4/3}}

/* V3.2 Poivre noir: video sur table sombre, cadre complet */
.menu-grid .dish-image:has(video){padding:0;background:#171717;aspect-ratio:4/3}
.menu-grid .dish-video{width:100%;height:100%;object-fit:contain;display:block;background:#171717}

/* V3.3 — Direction artistique plus discrète, élégante, fidèle noir/orange */
:root{--orange:#ff681a;--dark:#202020;--panel:#292828}
body{letter-spacing:.025em;font-weight:400}
.nav{height:70px;padding:0 3.5%}
.brand{font-size:18px;font-weight:700;letter-spacing:.09em;gap:10px}
.brand img{width:70px;height:48px}
.nav nav{gap:32px}.nav nav a{font-size:13px;letter-spacing:.06em;font-weight:500}
.nav-call,.pill{font-size:13px;font-weight:600;letter-spacing:.045em;padding:12px 20px}
.hero{height:clamp(420px,62svh,610px);min-height:420px}
.slide-content{bottom:14%;max-width:520px}
.slide-content h1{font-size:clamp(38px,5.1vw,72px);line-height:1.1;letter-spacing:.015em;font-weight:600;margin:13px 0}
.slide-content p{font-size:clamp(14px,1.3vw,17px);letter-spacing:.04em;line-height:1.6;margin:0 0 20px}
.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:600}
.ticker{font-size:11px;font-weight:600;padding:10px 0;letter-spacing:.16em}
.intro{padding-top:65px;padding-bottom:75px;gap:25px;align-items:center}
.intro h2,.section-heading h2,.story h2,.visit h2{font-size:clamp(28px,3.1vw,43px);font-weight:600;letter-spacing:.035em;line-height:1.25}
.intro p{font-size:15px;line-height:1.9;letter-spacing:.035em;max-width:460px}
.gallery{padding-bottom:80px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:clamp(27px,3vw,40px);margin-top:12px}
.photo-grid{grid-template-rows:230px 230px;gap:14px}.photo-grid strong{font-size:19px;letter-spacing:.045em;font-weight:600}.photo-grid span{font-size:12px;letter-spacing:.04em}
.menu-section{padding:75px 0 85px}.menu-tools{margin:25px 0}.filters button{font-size:12px;letter-spacing:.05em;padding:10px 15px}
.dish-body{padding:18px 19px}.dish-body h3{font-size:18px;letter-spacing:.05em;font-weight:600}.dish-body p{font-size:13px;line-height:1.7;letter-spacing:.025em}.dish-body .price{font-size:14px;font-weight:600;letter-spacing:.05em}
.story{min-height:440px}.story>img{max-height:500px}.story p{font-size:15px;line-height:1.85}.visit{padding-top:80px;padding-bottom:80px}.visit h2{margin:12px 0 40px}.visit-grid p{font-size:17px;line-height:1.75}
/* Slow-motion photograph movement: only when cards enter the viewport, with full images kept visible */
.menu-grid .dish-image{position:relative;isolation:isolate}
.menu-grid .dish-image img{object-fit:contain;transform:scale(1.015)!important;transition:none!important;will-change:transform}
.menu-grid .dish-image.motion-visible img{animation:dishBreath 15s ease-in-out infinite alternate!important}
.menu-grid .dish:nth-child(even) .dish-image.motion-visible img{animation-name:dishBreathOut!important}
@keyframes dishBreath{from{transform:scale(1.015)}to{transform:scale(1.075)}}
@keyframes dishBreathOut{from{transform:scale(1.075)}to{transform:scale(1.015)}}
.photo-grid figure img{transform:scale(1.01)}
.photo-grid figure.motion-visible img{animation:galleryBreath 17s ease-in-out infinite alternate}
.photo-grid figure:nth-child(even).motion-visible img{animation-direction:alternate-reverse}
.photo-grid figure:hover img{animation-play-state:paused;transform:scale(1.045)}
@keyframes galleryBreath{from{transform:scale(1.01)}to{transform:scale(1.085)}}
.story>img{animation:storyBreath 20s ease-in-out infinite alternate;transform-origin:center}
@keyframes storyBreath{from{transform:scale(1)}to{transform:scale(1.035)}}
.slide.active>img{animation-duration:10s}
@media(max-width:850px){.nav{height:65px}.hero{height:clamp(410px,60svh,550px);min-height:410px}.slide-content{bottom:14%}.slide-content h1{font-size:clamp(36px,7vw,55px)}.intro{padding-top:55px;padding-bottom:60px}.gallery{padding-bottom:65px}.story>div{padding:45px 28px}}
@media(max-width:550px){.hero{height:480px;min-height:0}.slide-content h1{font-size:clamp(34px,9vw,47px)}.slide-content p{font-size:14px}.brand span{font-size:16px}.nav-call{padding:9px 12px}.photo-grid{grid-template-rows:240px 180px}.intro h2,.section-heading h2,.story h2,.visit h2{font-size:30px}.intro p{font-size:14px}.dish-body h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.menu-grid .dish-image.motion-visible img,.photo-grid figure.motion-visible img,.story>img{animation:none!important;transform:none!important}}

/* V3.4 — mosaïque 5 colonnes sur grand écran; adaptative sur tablettes et mobiles */
@media(min-width:1350px){.menu-section .wrap{max-width:1740px;padding-left:34px;padding-right:34px}}
@media(min-width:1150px){.menu-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}}
@media(min-width:800px) and (max-width:1149px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}}
@media(min-width:560px) and (max-width:799px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}
@media(max-width:559px){.menu-grid{grid-template-columns:1fr;gap:15px}}
.menu-grid .dish-image{min-height:0;aspect-ratio:4/3;padding:5px;overflow:hidden}
.menu-grid .dish-image img{max-height:none;width:100%;height:100%;object-fit:contain;transform:scale(1.005)!important;animation:none!important;will-change:transform}
.menu-grid .dish-image.motion-visible img{animation:ithaiSlowIn 19s ease-in-out infinite alternate!important}
.menu-grid .dish:nth-child(even) .dish-image.motion-visible img{animation-name:ithaiSlowOut!important}
@keyframes ithaiSlowIn{from{transform:scale(1.005)}to{transform:scale(1.045)}}
@keyframes ithaiSlowOut{from{transform:scale(1.045)}to{transform:scale(1.005)}}
.menu-grid .dish-body{padding:13px 12px 15px}
.menu-grid .dish-body h3{font-size:15px;line-height:1.35;letter-spacing:.045em}
.menu-grid .dish-body p{font-size:11.5px;min-height:44px;line-height:1.55}
.menu-grid .dish-body .price{font-size:13px;margin-top:10px}
.photo-grid figure.motion-visible img{animation:ithaiGallerySlow 20s ease-in-out infinite alternate!important}
@keyframes ithaiGallerySlow{from{transform:scale(1.005)}to{transform:scale(1.065)}}
@media(prefers-reduced-motion:reduce){.menu-grid .dish-image.motion-visible img,.photo-grid figure.motion-visible img{animation:none!important;transform:none!important}}

/* V3.5: photographie intégrale et mouvement permanent, y compris les images chargées après filtrage */
.menu-grid .dish-image{position:relative!important;display:block!important;aspect-ratio:4/3!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#171717!important;isolation:isolate}
.menu-grid .dish-image img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:10px!important;box-sizing:border-box!important;transform:scale(1)!important;transition:none!important;animation:ithaiV35Zoom 22s ease-in-out infinite alternate!important;will-change:transform}
.menu-grid .dish:nth-child(even) .dish-image img{animation-name:ithaiV35ZoomOut!important}
.menu-grid .dish:hover .dish-image img{animation-play-state:running!important}
@keyframes ithaiV35Zoom{0%{transform:scale(1)}100%{transform:scale(1.045)}}
@keyframes ithaiV35ZoomOut{0%{transform:scale(1.045)}100%{transform:scale(1)}}
.menu-grid .dish-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.photo-grid figure img{animation:ithaiV35Gallery 22s ease-in-out infinite alternate!important}
.photo-grid figure:nth-child(even) img{animation-direction:alternate-reverse!important}
@keyframes ithaiV35Gallery{from{transform:scale(1)}to{transform:scale(1.065)}}
@media(prefers-reduced-motion:reduce){.menu-grid .dish-image img,.photo-grid figure img{animation:none!important;transform:none!important}}


/* V3.6 — photographic edge-to-edge cards and real interaction-driven zoom */
.menu-grid .dish-image{aspect-ratio:4/3!important;padding:0!important;overflow:hidden!important;background:#1b1b1b!important;border-radius:6px 6px 0 0}
.menu-grid .dish-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important;animation:none!important;transform:scale(1.005)!important;transition:transform 1.5s cubic-bezier(.2,.65,.2,1)!important;will-change:transform}
.menu-grid .dish:nth-child(even) .dish-image img{animation:none!important}
/* Mouse: clear, smooth enlargement as soon as the card is hovered */
@media(hover:hover) and (pointer:fine){
 .menu-grid .dish:hover .dish-image img,.menu-grid .dish:focus-within .dish-image img{animation:none!important;transform:scale(1.18)!important;transition-duration:2.3s!important}
}
/* Touch devices: animate only when the image is actually on screen */
@media(hover:none), (pointer:coarse){
 .menu-grid .dish-image.motion-visible img{animation:ithaiV36MobileZoom 9s ease-in-out infinite alternate!important;transition:none!important}
}
@keyframes ithaiV36MobileZoom{from{transform:scale(1.005)}to{transform:scale(1.16)}}
/* Other HD photo sections: movement triggered by visibility */
.photo-grid figure img{animation:none!important;transform:scale(1)!important;transition:transform 2s ease!important}
.photo-grid figure.motion-visible img{animation:ithaiV36Gallery 13s ease-in-out infinite alternate!important}
@keyframes ithaiV36Gallery{from{transform:scale(1.005)}to{transform:scale(1.13)}}
@media(hover:hover) and (pointer:fine){.photo-grid figure:hover img{animation:none!important;transform:scale(1.19)!important}}
/* Video is not stretched and retains its intended table background */
.menu-grid .dish-image video{object-fit:cover!important}
@media(prefers-reduced-motion:reduce){.menu-grid .dish-image img,.menu-grid .dish:hover .dish-image img,.menu-grid .dish-image.motion-visible img,.photo-grid figure img,.photo-grid figure.motion-visible img{animation:none!important;transform:none!important;transition:none!important}}