/* The bowl opens into a full scene; three chapters share a photographic stage.
   Progressive enhancement only: native scroll, static content by default. */
:root{--story-header:90px}
.restaurant-story h2{text-wrap:balance}.opening{position:relative;background:var(--paper)}.opening-stage{height:calc(100svh - var(--story-header));min-height:600px;max-height:1000px;position:relative;isolation:isolate;overflow:clip}.opening-photo{position:absolute;inset:0;clip-path:inset(0 0 0 var(--opening-left,48%));z-index:0;overflow:hidden}.opening-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:scale(var(--opening-scale,1.06));display:block}.opening-copy{position:relative;z-index:2;width:48%;height:100%;padding:clamp(36px,5vw,80px) var(--gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--paper);opacity:var(--opening-copy-opacity,1);transform:translateY(var(--opening-copy-y,0px))}.opening-kicker{font-size:13px;margin-bottom:24px}.opening h1{font-size:clamp(64px,7.2vw,104px);line-height:.94;letter-spacing:-.035em;text-transform:uppercase}.opening h1 span{display:block}.opening-description{font-size:clamp(19px,1.8vw,26px);line-height:1.45;margin:26px 0 28px;max-width:26ch}.opening-actions{width:100%;display:grid;gap:8px}.opening-actions .btn{width:min(100%,360px)}.opening-actions .text-link{font-size:14px}.opening-address{display:flex;align-items:center;gap:10px;font-size:13px;min-height:44px;margin-top:20px}.opening-caption{position:absolute;bottom:66px;right:var(--gutter);left:var(--gutter);font-size:clamp(36px,5vw,76px);font-weight:700;line-height:1.05;letter-spacing:-.03em;opacity:var(--opening-caption-opacity,0);transform:translateY(var(--opening-caption-y,20px));z-index:3;pointer-events:none}.opening-caption:before{content:'';position:absolute;inset:-20px -24px;background:var(--paper);z-index:-1;max-width:960px}.motion-enabled .opening{height:165svh}.motion-enabled .opening-stage{position:sticky;top:var(--story-header)}
.origin-journey{max-width:1600px;margin:auto;padding:96px var(--gutter);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,100px);align-items:start;position:relative}.journey-visual{grid-column:2;grid-row:1;min-width:0}.journey-chapters{grid-column:1;grid-row:1;min-width:0}.journey-frame{margin-bottom:20px;overflow:hidden}.journey-frame img{width:100%;height:420px;display:block;object-fit:cover}.journey-chapter{padding:64px 0;max-width:500px}.chapter-kicker{font-size:12px;line-height:1.5;color:var(--gold-ink);margin-bottom:24px}.journey-chapter h2{font-size:clamp(38px,4.7vw,68px);line-height:1.04;max-width:13ch;margin-bottom:28px}.journey-chapter>p:not(.chapter-kicker){font-size:18px;line-height:1.7;max-width:39ch}.journey-chapter .text-link{font-size:14px;margin-top:28px}.journey-progress{display:none}.motion-enabled .journey-visual{position:sticky;top:calc(var(--story-header) + 24px);height:calc(100svh - var(--story-header) - 48px);min-height:360px;max-height:1000px}.motion-enabled .journey-frames{height:100%;position:relative;overflow:hidden;background:#d9d9d0}.motion-enabled .journey-frame{position:absolute;inset:0;margin:0;clip-path:inset(var(--frame-clip,0%) 0 0 0)}.motion-enabled .journey-frame:not(:first-child){--frame-clip:100%}.motion-enabled .journey-frame img{height:100%;transform:scale(var(--frame-scale,1.06)) translateY(var(--frame-y,0px))}.motion-enabled .journey-chapter{min-height:90svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.motion-enabled .journey-progress{display:flex;gap:8px;position:absolute;bottom:20px;left:20px;right:20px;z-index:4}.journey-progress span{height:3px;flex:1;background:#ffffff66;position:relative}.journey-progress span:after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(var(--chapter-fill,0));transform-origin:left}
.tasting-sequence{background:#ebece4;padding:56px 0 44px;position:relative}.tasting-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:36px}.tasting-heading h2{font-size:clamp(34px,4vw,58px);max-width:19ch}.tasting-heading .text-link{flex-shrink:0;font-size:14px}.tasting-heading .chapter-kicker{margin-bottom:16px}.tasting-window{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gold-ink) transparent}.tasting-track{display:flex;gap:24px;width:max-content;padding:0 var(--gutter) 20px}.tasting-photo{display:block;width:clamp(320px,38vw,560px);flex-shrink:0}.tasting-photo img{height:clamp(260px,46svh,520px);width:100%;object-fit:cover;display:block}.tasting-photo:nth-child(even) img{object-position:50% 40%}.tasting-photo span{font-size:14px;display:block;padding:14px 0;line-height:1.5}.tasting-photo:focus-visible{outline-offset:-3px}.tasting-hint{font-size:12px;margin-top:18px;color:#4d503e}.motion-enabled.motion-wide .tasting-sequence{height:235svh;padding:0}.motion-enabled.motion-wide .tasting-stage{position:sticky;top:var(--story-header);padding:32px 0 24px;min-height:calc(100svh - var(--story-header));display:flex;flex-direction:column;justify-content:center}.motion-enabled.motion-wide .tasting-window{scrollbar-width:none}.tasting-window::-webkit-scrollbar{height:5px}.tasting-window::-webkit-scrollbar-thumb{background:var(--gold-ink)}
.welcome-spread{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,7vw,100px);max-width:1440px;margin:0 auto;padding:100px var(--gutter);align-items:center}.welcome-spread figure{overflow:hidden}.welcome-spread img{width:100%;height:550px;object-fit:cover;display:block}.welcome-spread h2{font-size:clamp(36px,4vw,58px);margin-bottom:28px;max-width:14ch}.welcome-spread p:not(.chapter-kicker){max-width:42ch}.welcome-spread .btn{margin-top:28px}.motion-enabled [data-photo-reveal]{clip-path:inset(var(--photo-cut,0%) 0 var(--photo-cut,0%) 0)}.motion-enabled [data-photo-reveal] img{transform:scale(var(--photo-scale,1)) translateY(var(--photo-y,0px))}
@media(max-width:1120px){.opening h1{font-size:clamp(58px,7vw,82px)}.opening-copy{padding-inline:32px}.journey-chapter h2{font-size:clamp(38px,4.7vw,58px)}.tasting-heading{gap:24px}}
@media(max-width:800px){:root{--story-header:76px}.opening-stage{height:calc(100svh - 142px);min-height:610px;max-height:900px}.opening-photo{clip-path:inset(var(--opening-top,270px) 0 0 0)}.opening-photo img{object-position:54% 60%}.opening-copy{height:auto;width:82%;max-width:400px;padding:28px 22px;background:var(--paper)}.opening-kicker{font-size:12px;margin-bottom:16px}.opening h1{font-size:clamp(45px,13.4vw,72px)}.opening-description{font-size:16px;max-width:25ch;margin:18px 0 20px}.opening-actions{gap:6px}.opening-actions .btn{font-size:14px;min-height:48px;padding:12px 18px}.opening-actions .text-link{font-size:12px;gap:10px}.opening-address{display:none}.opening-caption{bottom:76px;font-size:44px;max-width:8ch;left:24px;right:24px}.opening-caption:before{inset:-14px -12px}.motion-enabled .opening{height:155svh}.origin-journey{display:block;padding:36px 0 0}.journey-visual{padding:0 20px}.journey-chapters{padding:0 24px}.journey-frame img{height:300px}.journey-chapter{padding:44px 0;max-width:620px}.journey-chapter h2{font-size:clamp(34px,8.8vw,50px);max-width:15ch;margin-bottom:22px}.journey-chapter>p:not(.chapter-kicker){font-size:16px;max-width:43ch}.chapter-kicker{font-size:11px;margin-bottom:18px}.journey-chapter .text-link{font-size:13px;margin-top:18px}.motion-enabled .journey-visual{top:var(--story-header);height:40svh;min-height:240px;max-height:500px;padding:0;z-index:5;background:var(--paper)}.motion-enabled .journey-chapter{min-height:68svh;justify-content:flex-start;padding-top:40px;padding-bottom:60px}.journey-progress{bottom:14px!important;left:20px!important;right:20px!important}.tasting-sequence{padding:44px 0 36px}.tasting-heading{display:block;margin-bottom:28px}.tasting-heading h2{font-size:38px;max-width:17ch}.tasting-heading .text-link{margin-top:14px;font-size:13px}.tasting-track{gap:16px}.tasting-photo{width:80vw;max-width:440px}.tasting-photo img{height:380px;max-height:55svh}.tasting-photo span{font-size:13px}.tasting-hint{margin-top:4px}.welcome-spread{display:block;padding:48px 22px}.welcome-spread img{height:360px}.welcome-spread>div{padding-top:32px}.welcome-spread h2{font-size:38px}.welcome-spread .btn{width:100%;max-width:360px}}
@media(max-width:360px){.opening h1{font-size:43px}.opening-copy{width:86%;padding:24px 18px}.opening-description{font-size:15px}.opening-stage{min-height:600px}.opening-caption{font-size:38px}.journey-chapter h2{font-size:34px}.journey-chapter{padding-bottom:44px}.motion-enabled .journey-chapter{min-height:78svh}.tasting-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.opening-caption{display:none}.journey-frame img{transform:none!important}}
@media print{.opening{height:auto!important}.opening-stage{position:relative!important;min-height:0;height:650px}.origin-journey{display:block}.journey-visual{position:relative!important;height:auto!important}.journey-frame{position:relative!important;clip-path:none!important}.journey-frame img{height:320px!important}.journey-chapter{min-height:0!important}.tasting-sequence{height:auto!important}.tasting-stage{position:relative!important}.tasting-track{display:grid;grid-template-columns:1fr 1fr;width:auto}.tasting-photo{width:100%}}

.opening-copy:focus-within{opacity:1!important;transform:none!important}.opening-stage:has(.opening-copy:focus-within) .opening-caption{visibility:hidden}.gallery-photo:focus-visible{clip-path:none!important}


/* Keep the entire restaurant sign visible rather than filling a portrait crop. */
.journey-frame[data-frame="0"]{background:var(--paper)}
.journey-frame[data-frame="0"] img{object-fit:contain;transform:none!important}
