:root{--paper:#0b100e;--ink:#f4f1e7;--accent:#dfd9ba;--button-ink:#101510;--line:#f4f1e738;--error:#ffb9a5;--serif:'Cormorant Garamond'}body{background:#0b100e;overflow-x:clip}.cinema-header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:25px 4%;z-index:20;background:linear-gradient(#07100c99,transparent);gap:20px;color:#f4f1e7}.vespro-logo{font:500 3.2rem/.8 'Cormorant Garamond',serif}.header-location{font-size:.75rem;letter-spacing:.18em}.quiet-book{border-bottom:1px solid #fff8;padding:12px 0;font-size:.875rem}.cinema-landscape{position:fixed;inset:0;z-index:-1;clip-path:inset(var(--inset-y,20%) var(--inset-x,30%) round var(--round,50%));background:#0a100c;will-change:clip-path;pointer-events:none}.cinema-landscape img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--look,50%) center;transform:scale(var(--zoom,1));transition:object-position 1.5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.cinema-landscape .landscape-night{opacity:var(--night,0);transition:opacity .2s}.cinema-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(#03100933,transparent 25%,#04100977)}.film-chapter{position:relative;min-height:100svh;scroll-margin-top:0}.prologue{display:flex;flex-direction:column;justify-content:center;padding:110px 7% 50px;isolation:isolate}.prologue h1{font:400 clamp(8rem,25vw,28rem)/.85 'Cormorant Garamond',serif;letter-spacing:-.055em;text-align:center;position:relative;margin-top:7vh}.prologue-note{position:absolute;top:26%;left:7%;z-index:1}.prologue-note>p{font:400 2.1rem/1.08 'Cormorant Garamond',serif;margin-top:20px}.prologue-bottom{position:absolute;bottom:45px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.875rem}.enter-cinema{display:flex;align-items:center;gap:25px}.enter-cinema>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #fff7;border-radius:50%;font-size:1.5rem;transition:transform .4s}.enter-cinema:hover>span{transform:rotate(90deg)}.scene-nav{position:fixed;right:25px;top:50%;transform:translateY(-50%);z-index:22;display:flex;flex-direction:column;gap:18px}.scene-nav a{display:flex;align-items:center;gap:12px;font-size:.75rem;opacity:.45;min-height:26px}.scene-nav span{border-right:1px solid currentColor;padding-right:10px}.scene-nav b{font-weight:400;writing-mode:vertical-rl;display:none}.scene-nav a[aria-current=true]{opacity:1}.scene-nav a[aria-current=true] b{display:block}.salon{height:115svh;min-height:850px;padding:130px 7% 100px;display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,34vw,480px);align-items:center;gap:clamp(32px,5vw,80px)}.salon-title{max-width:none;text-shadow:0 5px 35px #0008}.salon-title h2{font-size:clamp(4rem,6.9vw,8rem);line-height:.95;letter-spacing:-.03em;margin-top:25px}.salon-tools{width:100%;min-width:0;align-self:end;padding:32px;backdrop-filter:blur(16px);background:#08120cbd;border:1px solid #f4f1e726;box-shadow:0 18px 60px #0003;margin-bottom:90px}.light-time{display:flex;align-items:center;justify-content:space-between;gap:20px}.light-time label{font-size:1rem;line-height:1.4}.light-time output{font:400 3.25rem/1 'Cormorant Garamond',serif;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.salon-tools input{display:block;width:100%;margin:18px 0 10px;min-height:44px;accent-color:#e6debc}.light-labels{display:flex;justify-content:space-between;font-size:.875rem}.salon-tools p{margin-top:22px;padding-top:20px;border-top:1px solid #fff3;font-size:.875rem;line-height:1.65;color:#e2e2d7}.salon-caption{position:absolute;left:7%;bottom:90px;font-size:.875rem;line-height:1.8}.matter{overflow:hidden;background:#080a09;display:flex;align-items:center;padding:120px 8%}.matter-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.matter-copy{position:relative;z-index:1;width:55%}.matter-copy h2{font-size:clamp(4rem,6.8vw,7rem);line-height:.98;letter-spacing:-.03em;margin:24px 0 34px}.matter-copy p{font-size:1rem;line-height:1.8;color:#d0d1c7}.open-carte{display:flex;align-items:center;gap:40px;padding:18px 0;border-bottom:1px solid #fff7;margin-top:35px;font-size:.875rem}.open-carte span{font-size:1.6rem}.plate-caption{position:absolute;right:10%;bottom:60px;font-size:.75rem;letter-spacing:.1em}.finale{background:#e7e2cf;color:#1b281f;padding:130px 8% 45px;display:flex;flex-direction:column;justify-content:center}.finale h2{font-size:clamp(5rem,11vw,12rem);line-height:.9;letter-spacing:-.045em;margin:45px 0 70px}.reserve-circle{position:absolute;right:13%;top:37%;width:190px;height:190px;border-radius:50%;border:1px solid #1b281f;color:#1b281f;font:400 2rem/1.15 'Cormorant Garamond',serif;transition:background .35s,color .35s,transform .35s}.reserve-circle:hover{background:#1b281f;color:#e7e2cf;transform:rotate(-8deg)}.finale-info{display:flex;justify-content:space-between;gap:30px;font-size:.875rem;line-height:1.7;border-top:1px solid #1b281f55;padding-top:25px}.finale-info p:last-child{font-size:.75rem}.finale-info button{text-decoration:underline}.on-finale .cinema-header,.on-finale .scene-nav{color:#1b281f}.on-finale .cinema-header{background:linear-gradient(#e7e2cfee,transparent)}.on-finale .quiet-book{border-color:#1b281f88}.carte-dialog{background:#111b15;color:#e9e5d5;border:0;padding:35px 5%;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.carte-dialog::backdrop{background:#081009}.carte-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #fff4;padding-bottom:20px}.carte-top button{font-size:2rem;width:48px;height:48px;border:1px solid #fff5;border-radius:50%}.carte-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:9%;padding-top:50px}.carte-index h2{font-size:clamp(3rem,5vw,5rem);line-height:.95}.journey-tabs{display:flex;flex-direction:column;margin:36px 0}.journey-tabs button{display:flex;align-items:center;gap:25px;text-align:left;border-bottom:1px solid #fff3;padding:15px 0;font:400 2.1rem 'Cormorant Garamond',serif;opacity:.45}.journey-tabs button span{font:400 .75rem 'DM Sans',sans-serif}.journey-tabs button[aria-selected=true]{opacity:1;color:#e2d3a8}.carte-index p{font-size:.875rem;line-height:1.8;color:#b7c2b8}.journey-description .number{display:none}.journey-description h3{font-size:3.7rem;line-height:1}.journey-description>p{margin:20px 0;max-width:530px;line-height:1.75}.journey-price{display:flex;align-items:center;gap:16px}.journey-price strong{font-size:2rem;font-weight:400}.journey-price span,.wine-note{font-size:.875rem}.courses{padding:0;list-style:none;margin-top:30px;counter-reset:course}.courses li{border-top:1px solid #fff3;padding:17px 0;display:flex;gap:24px;counter-increment:course}.courses li:before{content:counter(course,decimal-leading-zero);font-size:.75rem;opacity:.5;padding-top:5px}.courses strong{font-size:1.5rem;font-weight:400}.courses small{display:block;font-size:.875rem;margin-top:4px;color:#b7c2b8}.allergen-note{font-size:.75rem;color:#b7c2b8;line-height:1.7;margin:25px 0}.booking-dialog{background:#17221b;--paper:#17221b}
@media(max-width:800px){.cinema-header{padding:22px}.header-location{display:none}.vespro-logo{font-size:2.8rem}.quiet-book{font-size:.875rem}.scene-nav{right:9px;gap:14px}.scene-nav b{display:none!important}.scene-nav span{padding-right:5px}.prologue{min-height:800px;height:100svh;padding:110px 26px}.prologue h1{font-size:29vw;letter-spacing:-.055em;margin-top:0}.prologue-note{left:26px;top:22%}.prologue-note p{font-size:1.65rem}.prologue-bottom{left:26px;right:32px;bottom:45px;align-items:start;flex-direction:column;gap:25px}.prologue-bottom>span:last-child{display:none}.enter-cinema{justify-content:space-between;width:100%;max-width:300px}.salon{height:auto;min-height:950px;padding:140px 32px 130px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:100px}.salon-title{max-width:100%}.salon-title h2{font-size:clamp(3.5rem,11vw,5rem)}.salon-tools{width:100%;margin:0;align-self:stretch;padding:24px}.light-time{gap:12px}.light-time output{font-size:2.8rem}.salon-caption{left:32px;bottom:35px;font-size:.875rem}.matter{min-height:900px;padding:100px 32px;align-items:start}.matter-image{height:60%;top:auto;bottom:0;object-position:68% center}.matter-copy{width:100%}.matter-copy h2{font-size:3.6rem}.matter-copy p{font-size:1rem}.open-carte{margin-top:22px}.plate-caption{left:32px;right:auto;bottom:30px;font-size:.75rem}.finale{padding:110px 30px 40px;min-height:850px}.finale h2{font-size:clamp(4.5rem,18vw,7rem);margin:32px 0}.reserve-circle{position:static;width:140px;height:140px;font-size:1.7rem;margin:0 0 50px auto}.finale-info{flex-wrap:wrap;gap:25px}.finale-info p:last-child{width:100%}.carte-dialog{padding:20px 25px}.carte-layout{grid-template-columns:1fr;gap:35px;padding-top:30px}.carte-index h2{font-size:3rem}.journey-tabs{flex-direction:row;gap:20px;margin:25px 0}.journey-tabs button{font-size:1.5rem;gap:7px;flex:1;flex-direction:column;align-items:start}.carte-index>p{display:none}.journey-description h3{font-size:3rem}.courses strong{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.cinema-landscape{clip-path:none!important}.cinema-landscape img{transform:none!important}}

.cinema-landscape{z-index:0}.film-chapter{z-index:1}

@media(max-width:420px){.salon{padding-left:22px;padding-right:38px}.salon-tools{padding:20px}.light-time label{max-width:110px}.light-time output{font-size:2.5rem}}