/* The diner pass: a physical serving hatch and a meal coming through it. */
.pass-showcase{background:var(--blue);padding-top:100px;padding-bottom:90px;--pass-yaw:-5deg;--pass-pitch:0deg}
.pass-showcase .lineup-heading{grid-template-columns:1.2fr 1fr;gap:5vw;margin-bottom:28px}.pass-showcase .lineup-heading h2{font-size:clamp(70px,8.4vw,132px);line-height:.92;letter-spacing:-.02em}.pass-showcase .lineup-heading h2 em{transform:translateX(5vw)}
.pass-showcase .lineup-categories{padding:22px 0 28px;border-bottom:0;gap:9px}.pass-showcase .lineup-categories button{background:var(--cobalt);border:1px solid var(--ice);font-size:18px;border-radius:7px;box-shadow:none}.pass-showcase .lineup-categories button[aria-pressed=true]{background:var(--white);color:var(--blue);transform:translateY(-3px) rotate(-2deg);box-shadow:0 7px 12px #00000020}
.pass-showcase .lineup-experience{grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);gap:4vw;min-height:660px;margin-top:5px}.pass-showcase .lineup-theatre{height:650px;position:relative;min-width:0;perspective:1300px;overflow:visible}
.pass-showcase .lineup-scene{position:absolute;inset:0;transform:none;transform-style:preserve-3d}
.pass-fascia{position:absolute;left:14px;right:14px;top:30px;display:flex;justify-content:space-between;gap:18px;padding:12px 20px;background:var(--white);color:var(--blue);font:400 24px/1 var(--condensed);border-radius:8px 8px 0 0;box-shadow:9px 12px 20px #00000020;z-index:3;transform:rotate(-2deg)}
.pass-window{position:absolute;inset:98px 15px 72px;border:14px solid var(--white);border-radius:12px;background:none;box-shadow:15px 24px 25px #00000035;transform:rotateX(var(--pass-pitch)) rotateY(var(--pass-yaw));transform-style:preserve-3d}
.pass-back{position:absolute;inset:0;overflow:hidden;background:var(--navy);transform:translateZ(-65px);border-radius:3px}
.pass-word{position:absolute;inset:-10px -10% 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);font:400 clamp(100px,12.5vw,200px)/.91 var(--condensed);letter-spacing:-.015em;pointer-events:none;transform:translateY(0)}.pass-word>span{display:block;white-space:nowrap;transform:rotate(-5deg)}.pass-word>span:nth-child(2){transform:rotate(4deg) translateX(8%)}
.pass-jamb{position:absolute;top:0;bottom:0;width:66px;background:var(--cobalt);backface-visibility:hidden}.pass-jamb-left{left:0;transform-origin:left center;transform:rotateY(90deg)}.pass-jamb-right{right:0;transform-origin:right center;transform:rotateY(-90deg)}
.pass-shutter{position:absolute;left:0;right:0;height:50%;display:grid;place-items:center;background:var(--cobalt);border:5px solid var(--white);color:var(--white);backface-visibility:hidden;transform-style:preserve-3d;z-index:4;pointer-events:none}.pass-shutter span{font:400 clamp(50px,7vw,105px)/1 var(--block);letter-spacing:-.02em}.pass-shutter-top{top:0;transform-origin:center top;transform:rotateX(84deg)}.pass-shutter-bottom{bottom:0;transform-origin:center bottom;transform:rotateX(-84deg)}.pass-shutter-top:after,.pass-shutter-bottom:after{content:'';position:absolute;left:12px;right:12px;height:8px;border:1px solid var(--ice);border-radius:5px}.pass-shutter-top:after{bottom:12px}.pass-shutter-bottom:after{top:12px}
.pass-sill{position:absolute;left:-24px;right:-24px;bottom:-20px;height:28px;background:var(--white);border-bottom:7px solid var(--gold);border-radius:2px 2px 7px 7px;transform:translateZ(45px);box-shadow:8px 12px 18px #00000025;pointer-events:none;z-index:3}
.pass-showcase .lineup-food{position:absolute;left:50%;top:51%;bottom:auto;width:114%;height:128%;max-width:none;transform:translate(-50%,-50%) translateZ(90px) rotateZ(-3deg);filter:drop-shadow(12px 25px 17px #00000035);z-index:5;background:none}.pass-showcase .lineup-food img{width:100%;height:100%;object-fit:contain}.pass-showcase .lineup-food:hover{filter:drop-shadow(16px 31px 20px #00000045)}.pass-showcase .lineup-food:focus-visible:after{inset:12%;border:3px solid var(--white);border-radius:14px}
.pass-showcase .lineup-order{transform:rotate(3deg);margin-bottom:0}.pass-showcase .lineup-order-face{transform:rotateY(-5deg);box-shadow:12px 25px 25px #00000030}.pass-showcase .lineup-order-edge{background:var(--cobalt)}.pass-showcase .lineup-source-note{margin-top:20px;color:var(--white);font-size:12px}
@media(max-width:1100px) and (min-width:761px){.pass-showcase .lineup-experience{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:3vw;min-height:590px}.pass-showcase .lineup-theatre{height:590px}.pass-window{inset:100px 8px 90px;border-width:11px}.pass-fascia{left:8px;right:8px;font-size:20px;padding-inline:15px}.pass-word{font-size:13vw}.pass-showcase .lineup-food{height:133%;width:125%}}
@media(max-width:760px){.pass-showcase{padding:65px 6vw}.pass-showcase .lineup-heading{grid-template-columns:1fr;gap:24px}.pass-showcase .lineup-heading h2{font-size:14vw}.pass-showcase .lineup-experience{grid-template-columns:1fr;gap:20px;min-height:0}.pass-showcase .lineup-categories{gap:8px;padding-bottom:12px}.pass-showcase .lineup-categories button{font-size:16px;min-height:44px;padding:11px 14px}.pass-showcase .lineup-theatre{height:560px}.pass-fascia{left:10px;right:10px;top:15px;font-size:24px}.pass-window{inset:85px 12px 65px;border-width:12px}.pass-word{font-size:25vw}.pass-shutter span{font-size:15vw}.pass-showcase .lineup-food{height:126%;width:112%;transform:translate(-50%,-50%) translateZ(55px) rotateZ(-3deg)}.pass-showcase .lineup-order{width:94%;margin:0 3% 20px;transform:rotate(-2deg)}.pass-showcase .lineup-source-note{font-size:12px;margin-top:16px}}
@media(max-width:450px){.pass-showcase .lineup-heading h2{font-size:15.5vw}.pass-showcase .lineup-categories button{font-size:15px;padding:10px 12px}.pass-showcase .lineup-theatre{height:420px}.pass-fascia{top:10px;font-size:18px;padding:12px;left:6px;right:6px}.pass-window{inset:72px 7px 55px;border-width:10px}.pass-word{font-size:26vw}.pass-showcase .lineup-food{width:118%;height:132%;transform:translate(-50%,-50%) translateZ(45px) rotateZ(-3deg)}.pass-sill{left:-15px;right:-15px;height:22px;bottom:-17px;border-bottom-width:5px}.pass-showcase .lineup-order{width:96%;margin-inline:2%}}
@media(prefers-reduced-motion:reduce){.pass-window{transform:none}.pass-showcase .lineup-food{transform:translate(-50%,-50%) rotateZ(-3deg)}.pass-word>span{transform:none}.pass-showcase .lineup-categories button{transition:background .15s,color .15s}.pass-showcase .lineup-categories button:hover{transform:none}}