/* The vertical page scroll moves the food selection in both directions. */
.corner-scroll-scene{--corners-top:156px;position:relative;background:#0e0e0c;border-bottom:1px solid #e7e2d623;scroll-margin-top:0}
.corner-scroll-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:65px 0 110px;min-width:0;width:100%}
.corner-scroll-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.corner-scroll-heading .eyebrow{font-size:8px;color:var(--dim);letter-spacing:.16em;margin-bottom:12px}
.corner-scroll-heading h2{font:400 clamp(28px,3.4vw,48px)/1.15 Sans,Arial,sans-serif;letter-spacing:.045em;color:#eee9df}
.corner-scroll-heading>.text-link{font-size:9px;white-space:nowrap;margin-bottom:2px}
.corner-scroll-viewport{width:100%;min-width:0;min-height:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bcb6a5 #191916;scroll-padding-inline:var(--pad);scroll-snap-type:x mandatory;touch-action:auto;outline-offset:-3px}
.corner-scroll-viewport:focus-visible{outline:1px solid #e7e2d680;outline-offset:-1px}
.corner-scroll-track{display:flex;width:max-content;gap:24px;padding:0 var(--pad) 4px;user-select:none}
.corner-scroll-card{width:clamp(280px,30vw,440px);min-width:0;flex:none;scroll-snap-align:start}
.corner-scroll-link{display:flex;flex-direction:column;min-width:0;height:100%;-webkit-user-drag:none}
.corner-scroll-link:hover{color:#eee9df}
.corner-scroll-link:focus-visible{outline:2px solid #eee9df;outline-offset:-3px}
.corner-scroll-photo{position:relative;overflow:hidden;background:#171713;flex:1;min-height:0;margin:0}
.corner-scroll-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:filter .3s;filter:brightness(.87) saturate(.9);-webkit-user-drag:none}
.corner-scroll-link:hover .corner-scroll-photo>img{filter:brightness(1) saturate(1)}
.corner-scroll-photo-meat>img{object-position:50% 62%}
.corner-scroll-photo-bao>img{object-position:50% 52%}
.corner-scroll-photo-saray>img{object-position:50% 70%}
.corner-scroll-photo-sushi>img{transform:scale(2.05);transform-origin:50% 54%;object-position:50% 54%}
.corner-scroll-number{position:absolute;top:13px;left:13px;display:grid;place-items:center;width:29px;height:29px;background:#10100cbf;border:1px solid #eee9df44;font-size:9px;letter-spacing:.04em;color:#eee9df}
.corner-scroll-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.corner-scroll-meta>h3{font:400 clamp(22px,2.3vw,30px)/1.2 Sans,Arial,sans-serif;letter-spacing:.015em}
.corner-scroll-meta>span{font-size:22px;line-height:1;color:#d3cec1}
.corner-scroll-label{font-size:10px;line-height:1.5;color:var(--dim);margin-top:7px}
.corner-scroll-footer{display:flex;align-items:center;gap:30px;min-width:0}
.corner-scroll-counter{white-space:nowrap;font-size:10px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.corner-scroll-total{color:var(--dim)}
.corner-scroll-progress{flex:1;height:1px;background:#eee9df26;overflow:hidden}
.corner-scroll-progress>span{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--corners-progress,.03));background:#d8d2c4}
.corner-scroll-controls{display:flex;gap:9px}
.corner-scroll-controls>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e7e2d647;border-radius:50%;background:transparent;color:#e7e2d6;font-size:21px;line-height:1}
.corner-scroll-controls>button:hover{background:#e7e2d610;border-color:#e7e2d69c;color:#f3eee3}
.corner-scroll-controls>button:focus-visible{outline:2px solid #eee9df;outline-offset:3px}
.corner-scroll-controls>button:disabled{opacity:.3}
.corner-scroll-scene.is-pinned .corner-scroll-stage{position:sticky;isolation:isolate;transform:translateZ(0);top:var(--corners-top);height:var(--corners-stage-height);padding:24px 0 138px;gap:18px;grid-template-rows:auto minmax(0,1fr) auto}
.corner-scroll-scene.is-pinned .corner-scroll-viewport{overflow:clip;touch-action:pan-y;scroll-snap-type:none}
.corner-scroll-scene.is-pinned .corner-scroll-track{height:100%;padding-bottom:0;transform:translate3d(var(--corners-x,0px),0,0)}
.corner-scroll-scene:not(.is-pinned) .corner-scroll-photo{height:clamp(220px,30vw,360px);flex:none}
@media(max-width:700px){.corner-scroll-scene{--corners-top:136px}.corner-scroll-stage{padding-block:45px 120px;gap:20px}.corner-scroll-heading{display:block}.corner-scroll-heading .eyebrow{font-size:7px;margin-bottom:9px}.corner-scroll-heading h2{font-size:clamp(26px,6.5vw,36px);letter-spacing:.025em}.corner-scroll-heading>.text-link{font-size:8px;margin-top:11px}.corner-scroll-card{width:min(78vw,420px)}.corner-scroll-track{gap:18px}.corner-scroll-meta{margin-top:10px}.corner-scroll-meta>h3{font-size:23px}.corner-scroll-meta>span{font-size:20px}.corner-scroll-label{font-size:9px;margin-top:6px}.corner-scroll-footer{gap:18px}.corner-scroll-counter{font-size:8px}.corner-scroll-controls{gap:7px}.corner-scroll-number{width:25px;height:25px;font-size:8px;left:10px;top:10px}.corner-scroll-scene.is-pinned .corner-scroll-stage{padding:20px 0 142px;gap:15px}.corner-scroll-scene:not(.is-pinned) .corner-scroll-photo{height:290px}}
@media(max-width:360px){.corner-scroll-heading h2{font-size:25px}.corner-scroll-meta>h3{font-size:21px}.corner-scroll-footer{gap:13px}.corner-scroll-scene.is-pinned .corner-scroll-stage{padding-bottom:136px}}
@media(prefers-reduced-motion:reduce){.corner-scroll-photo>img{transition:none}}