@font-face{font-family:DM;src:url(fonts/sans.ttf)}@font-face{font-family:Serif;src:url(fonts/DMSerifDisplay-Regular.ttf)}@font-face{font-family:Serif;src:url(fonts/DMSerifDisplay-Italic.ttf);font-style:italic}
:root{--cream:#f1e9d9;--ink:#281c15;--leaf:#383e2d;--wine:#713d2d;--line:#b6ad9c;--shell:clamp(20px,5.3vw,96px);font:16px/1.45 DM,Arial,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body,figure,p,h1,h2,h3{margin:0}body{overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}svg.symbols{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ee814e;outline-offset:4px}.skip{position:fixed;z-index:20;top:-100px;left:8px;padding:.7rem;background:white;color:black}.skip:focus{top:8px}.top{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px var(--shell);color:var(--cream);background:linear-gradient(#15100bab,transparent)}.home{font:italic 42px/.9 Serif,Georgia,serif;letter-spacing:-.08em}.home span{color:#ef956a}.top nav{display:flex;align-items:center;gap:clamp(10px,2.5vw,42px);font-size:.9rem}.top nav a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px}.top nav a:hover,.text-link:hover,.colophon a:hover{text-decoration:underline;text-underline-offset:.27em}.contact{border:1px solid #ebe1cb8c;border-radius:3rem;padding:0 1.05rem;background:#25190d52}.contact svg,.text-link svg{width:1.25em;height:1.25em}
.story{height:200svh;position:relative;background:#261914}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;color:#fbf3df;--reveal:100%;--rise:0px;--shift:0px;--scale:1;--detail-scale:1.13;--label:0;--first:1;--progress:0}.scene,.scene:after,.scene img{position:absolute;inset:0;width:100%;height:100%}.scene img{object-fit:cover}.wide img{transform:scale(var(--scale));object-position:54% 50%}.scene:after{content:"";background:linear-gradient(0deg,#1b100af2 0,rgba(22,13,6,.5) 22%,transparent 64%)}.close{clip-path:inset(0 var(--reveal) 0 0)}.close img{transform:scale(var(--detail-scale));object-position:60% 48%}.cover-copy,.second-copy{position:absolute;inset:auto var(--shell) 14%;z-index:1}.cover-copy{opacity:var(--first);transform:translateY(var(--rise))}.locale,.cap,.stage-foot,.pastry figcaption{font-family:DM,Arial,sans-serif;font-size:clamp(.68rem,.83vw,.83rem);font-weight:600;text-transform:uppercase;letter-spacing:.15em}.locale{display:flex;gap:12px;align-items:center}.locale i{width:36px;border-top:1px solid}.cover-copy h1{font:400 clamp(75px,17.1vw,360px)/.87 Serif,Georgia,serif;letter-spacing:-.083em;margin:12px 0 0 -.055em}.cover-copy h1 span,h2 em{font-style:italic}.second-copy{opacity:var(--label);transform:translateY(var(--shift));pointer-events:none}.stage.detail .second-copy{pointer-events:auto}.second-copy h2,.menu-head h2,footer h2{font:400 clamp(68px,9vw,185px)/.93 Serif,Georgia,serif;letter-spacing:-.073em}.second-copy h2{margin:.12em 0 .22em}.text-link{display:inline-flex;align-items:center;gap:.5em;border-bottom:1px solid currentColor;min-height:44px;font-size:.95rem}.text-link:hover{text-decoration:none}.stage-foot{position:absolute;bottom:22px;left:var(--shell);right:var(--shell);display:flex;gap:22px;align-items:center;justify-content:space-between;font-size:.64rem}.scroll-cue{display:flex;gap:10px;align-items:center;min-height:44px}.scroll-cue span{font:24px/1 Georgia}.progress-track{height:1px;background:#f3e7d171;flex:1}.progress-track i{display:block;height:3px;margin-top:-1px;background:#f3e7d1;transform-origin:left;transform:scaleX(var(--progress))}
.menu-block{padding:clamp(50px,8vw,125px) var(--shell)}.menu-head{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding-bottom:clamp(26px,4vw,64px)}.menu-head .cap{color:var(--wine)}.menu-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,110px);align-items:start}.pastry{position:sticky;top:36px}.pastry img{display:block;width:100%;height:clamp(360px,44vw,680px);object-fit:cover}.pastry figcaption{margin-top:12px;color:#674938;font-size:.66rem}.promo{background:#e4d8bf;padding:.8em 1em;border-left:3px solid var(--wine);font-size:clamp(.95rem,1.2vw,1.2rem)}.promo:empty,#notice:empty{display:none}.filters{display:flex;gap:5px;flex-wrap:wrap;margin:1.35rem 0}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:.45rem .9rem;min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.item{border-top:1px solid var(--line);padding:1.15rem 0}.item-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.item h3{font:400 clamp(19px,1.85vw,36px)/1.12 Serif,Georgia,serif;overflow-wrap:anywhere}.item p{font-size:.89rem;color:#5e5144;margin-top:.27rem}.item-actions strong{font-size:.92rem;font-variant-numeric:tabular-nums;white-space:nowrap}.wa{display:inline-flex;padding:.8rem 1rem;border-radius:1.5rem;background:var(--leaf);color:var(--cream)}footer{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:42px;color:#f3ebd8;background:#2e382d;padding:clamp(48px,7vw,110px) var(--shell) 24px}footer h2{margin-top:.2em}.hours h3{font:inherit;font-weight:700}.hours p{max-width:27ch;margin:.45em 0 .8em}.colophon{grid-column:1/-1;border-top:1px solid #eee1be55;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.colophon span{font:italic 22px/1 Serif,Georgia}
@media(max-width:720px){.top{padding-top:12px}.home{font-size:34px}.top nav{font-size:.82rem}.menu-grid,footer{grid-template-columns:1fr}.menu-grid{gap:24px}.pastry{position:static}.pastry img{height:auto;aspect-ratio:1.8;object-fit:cover}.cover-copy h1{font-size:20.1vw}.cover-copy,.second-copy{bottom:15%}.story{height:185svh}.wide img{object-position:76% center}.close img{object-position:58% center}.stage-foot{gap:12px;bottom:12px;font-size:.56rem}.locale{font-size:.57rem;gap:7px}.locale i{width:20px}.menu-head h2,footer h2{font-size:clamp(62px,15vw,100px)}.contact{padding:0 .65rem}.colophon{grid-column:auto}}
@media(max-width:390px){.contact span{display:none}.contact{width:44px;justify-content:center}.stage-foot>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.story{height:auto}.stage{position:relative;min-height:100svh}.close,.second-copy,.progress-track{display:none}.wide img,.cover-copy{transform:none;opacity:1}}

.top{background:linear-gradient(180deg,rgba(16,13,9,.82),rgba(16,13,9,.27) 65%,transparent);text-shadow:0 1px 5px #160c08}
/* Photographic planes use native scroll as their shared camera position. */
.story{height:360svh}
.stage .scene{visibility:hidden}
.camera-plane{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;pointer-events:none}
.camera-plane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.street{z-index:3}.threshold{z-index:2}.counter{z-index:1}.espresso{z-index:0}
.stage:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(0deg,rgba(21,13,8,.78),rgba(21,13,8,.22) 23%,transparent 45%)}
.cover-copy,.second-copy,.stage-foot{z-index:5}
.cover-copy{transform:translateY(var(--rise));opacity:var(--first)}
.stage-foot .shot-label{min-width:7em;text-align:right}
@media(max-width:720px){.story{height:340svh}}
@media(prefers-reduced-motion:reduce){.story{height:auto}.camera-plane{transform:none!important}.camera-plane:not(.street),.street .matte{display:none}.street .plate{opacity:1!important}.stage-foot .shot-label{display:none}}
@media(prefers-reduced-motion:reduce){.camera-plane.street{width:100%!important;height:100%!important}.street .plate{object-position:var(--street-mobile-x,55%) 50%}}

.street .matte{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,29.9% 4.4%,30.3% 85.8%,70.3% 85.7%,70.8% 4.6%,29.9% 4.4%)}
.glass{z-index:3}.street{z-index:4}.stage:after{z-index:5}.stage-foot,.cover-copy,.second-copy{z-index:6}
.visit-photo{grid-column:1/-1;overflow:hidden}.visit-photo img{width:100%;height:clamp(180px,30vw,480px);object-fit:cover;object-position:center 52%;display:block}
@media(max-width:390px){.stage-foot .shot-label{display:block}}
@media(prefers-reduced-motion:reduce){.camera-plane.street .plate{object-position:50% center}.stage-foot .shot-label{display:none}}

.film-window{position:absolute;inset:0;clip-path:inset(0 0 var(--window-bottom,0px) 0);overflow:hidden;background:#241c14}
@media(max-width:720px) and (orientation:portrait){.cover-copy{bottom:17%}.stage{background:#292119}.stage:after{background:linear-gradient(0deg,#1f181335,transparent 45%)}}
@media(prefers-reduced-motion:reduce){.film-window{inset:0;clip-path:none}.stage:after{background:linear-gradient(0deg,#1b100af2,transparent 60%)}}
