/* A held food stage: names rise, photographs counter-move, native page releases. */
.crunch-page .crunch-hero{height:auto;min-height:0;max-height:none;padding:var(--header-height) 0 0;display:block;overflow:visible;perspective:none;background:var(--blue);border-radius:0}
.crunch-page .crunch-hero.intro-pinned{height:320svh}
.crunch-stage{position:relative;height:max(680px,calc(100svh - var(--header-height)));overflow:hidden;isolation:isolate;background:var(--stage-blue,var(--blue));transition:background-color .4s ease;color:var(--white)}
.intro-pinned>.crunch-stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height))}
.crunch-type-window{position:absolute;inset:20px 0 31%;overflow:hidden;pointer-events:none;z-index:1}
.crunch-page .crunch-hero #hero-title{position:absolute;inset:0;width:100%;max-width:none;margin:0;padding:0;font:400 clamp(120px,15vw,225px)/.84 var(--block);text-align:center;letter-spacing:-.025em;perspective:1200px}
.crunch-name{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0;transform:translateY(40px);transform-origin:50% 70%}
.crunch-name:first-child{opacity:1}.crunch-name:nth-child(2){font-size:.79em;line-height:.92;padding-top:10px}.crunch-name>span{display:block;white-space:nowrap;transform-origin:center;max-width:none}
.crunch-page .crunch-photo-stage.hero-images{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none!important;perspective:1400px;pointer-events:none;z-index:3;margin:0}
.crunch-page .crunch-platter.diner-platter{position:absolute;left:22%;right:auto;top:19%;bottom:auto;width:56%;height:69%;transform:none;transition:none;filter:none;pointer-events:auto;display:block;perspective:1400px;transform-style:preserve-3d}
.crunch-page .crunch-platter:focus-visible{outline-offset:-10px}
.crunch-page .crunch-photo{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform-origin:50% 65%;filter:drop-shadow(10px 25px 18px #061a6f65);transition:none;padding:0;pointer-events:none}
.crunch-page .crunch-photo:first-child{opacity:1}
.crunch-page .crunch-copy.hero-content{position:absolute;inset:auto auto 136px 6vw;width:260px;height:auto;max-width:none;display:block;z-index:5;pointer-events:auto;transform:none!important;padding:0;text-align:left}
.crunch-page .crunch-copy>p{font:400 17px/1.65 var(--sans);color:var(--ice);margin:0;max-width:24ch;position:static;inset:auto;width:auto;transform:none;text-align:left}
.crunch-page .crunch-copy .hero-actions{position:static;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:22px;transform:none}
.crunch-page .crunch-copy .button{font-size:14px;min-width:172px;min-height:52px;justify-content:space-between}
.crunch-page .crunch-skip{font-size:13px;min-height:28px;text-transform:none;max-width:none}
.crunch-ticket{position:absolute;right:6vw;bottom:137px;z-index:6;width:230px;padding:22px 20px 19px;background:var(--white);color:var(--blue);border-radius:7px;rotate:4deg;box-shadow:9px 20px 24px #061a6f45;display:flex;flex-direction:column;gap:10px}
.crunch-ticket>strong{font:400 25px/1.05 var(--block);text-wrap:balance}.crunch-ticket>span{font:700 14px/1.4 var(--sans)}
.crunch-ticket #hero-add{background:var(--blue);color:var(--white);border:0;min-height:47px;font-size:13px;padding:12px 15px;display:flex;justify-content:space-between;gap:15px;margin-top:3px}
.crunch-ticket #hero-add:hover{background:var(--navy);transform:translateY(-2px)}.crunch-ticket #hero-add:active{transform:translateY(1px)}
.crunch-controls{position:absolute;bottom:18px;left:6vw;right:6vw;z-index:7;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:78px}
.crunch-tabs{display:flex;gap:8px;align-items:center;justify-content:center}
.crunch-tabs button{font:400 19px/1.1 var(--block);background:var(--cobalt);color:var(--white);border:1px solid var(--line);border-radius:7px;padding:13px 22px;min-height:47px;transition:background .2s,color .2s,transform .3s var(--ease)}
.crunch-tabs button:hover{transform:translateY(-3px)}.crunch-tabs button[aria-pressed=true]{background:var(--white);color:var(--blue);border-color:var(--white)}
#crunch-hint{font:400 12px/1.4 var(--sans);color:var(--ice);position:absolute;left:0;top:12px;max-width:23ch}
.crunch-controls>small{font:400 11px/1.4 var(--sans);color:var(--ice)}
.crunch-next{position:absolute;right:0;top:0;display:grid;place-items:center;width:48px;height:48px;background:none;border:1px solid var(--line);border-radius:50%;color:var(--white);transition:background .2s,rotate .4s var(--ease)}.crunch-next svg{rotate:90deg}.crunch-next:hover{background:var(--cobalt);rotate:8deg}
/* This is the only pinned scene. The lower food selection is a native photographic strip. */
.crunch-page #dish-gallery{height:auto;min-height:0}
.crunch-page #dish-gallery .gallery-stage{position:relative;top:0;height:auto;min-height:0;padding-top:54px;padding-bottom:44px;display:flex;flex-direction:column;gap:36px;overflow:hidden}
.crunch-page #dish-gallery .gallery-heading,.crunch-page #dish-gallery .gallery-bottom{width:100%}
.crunch-page #gallery-window{width:100%;height:auto;overflow-x:auto;overflow-y:hidden;perspective:none;touch-action:pan-x pan-y;cursor:grab}
.crunch-page #gallery-track{display:flex;position:relative;width:max-content;height:auto;gap:24px;padding:0 6vw;transform:none!important;will-change:auto;align-items:flex-start}
.crunch-page #gallery-track .gallery-dish{position:relative;inset:auto;flex:0 0 28vw;width:28vw;height:auto;padding:0 0 12px;opacity:1!important;transform:none!important;pointer-events:auto!important;will-change:auto;display:flex;flex-direction:column;align-items:stretch;gap:0}
.crunch-page #gallery-track .gallery-dish img{height:auto;min-height:0;max-height:none;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;transform:none!important;filter:none}
.crunch-page #gallery-track .gallery-dish>span{padding-top:22px;text-align:left}.crunch-page #gallery-track .gallery-dish strong{font-size:35px}.crunch-page #gallery-track .gallery-dish small{justify-content:flex-start;padding-top:10px;font-size:14px}
.crunch-page .footer-record{aspect-ratio:4/5;max-width:390px;margin-bottom:70px}.crunch-page .footer-disc{animation:none!important;inset:0 0 35px;filter:drop-shadow(10px 20px 20px #061a6f40)}.crunch-page .footer-disc img{object-fit:cover;border-radius:180px 180px 16px 16px}.crunch-page .footer-centre{top:auto;bottom:2%;left:50%;translate:-50% 0;width:132px;height:132px}.crunch-page .footer-centre>strong{font-size:25px}.crunch-page .footer-scribble{top:calc(100% + 18px);bottom:auto;left:0;right:0;text-align:center;font-size:23px;white-space:nowrap;transform:rotate(-3deg)}
@media(min-width:761px) and (max-width:1100px){.crunch-page .crunch-copy.hero-content{left:5vw;width:210px;bottom:130px}.crunch-page .crunch-copy>p{font-size:15px}.crunch-ticket{right:5vw;width:204px;padding:19px 17px;bottom:135px}.crunch-ticket>strong{font-size:23px}.crunch-page .crunch-platter.diner-platter{left:20%;width:60%;top:21%;height:64%}#crunch-hint{max-width:17ch;font-size:11px}.crunch-tabs button{font-size:17px;padding-inline:16px}.crunch-page #gallery-track .gallery-dish{width:37vw;flex-basis:37vw}}
@media(max-width:760px){.crunch-page .crunch-hero{padding:var(--header-height) 0 0;display:block}.crunch-page .crunch-hero #hero-title{font-size:22vw;line-height:.86}.crunch-name:nth-child(2){font-size:.76em;line-height:.96;padding-top:5px}.crunch-type-window{top:22px;bottom:38%}.crunch-page .crunch-platter.diner-platter{left:7%;width:86%;top:14%;height:55%;max-width:none;inset-inline-end:auto}.crunch-page .crunch-copy.hero-content{display:block;position:absolute;inset:auto auto 124px 25px;width:44%;padding:0;order:initial}.crunch-page .crunch-copy>p{font-size:14px;line-height:1.5;max-width:19ch}.crunch-page .crunch-copy .hero-actions{position:static;display:flex;flex-direction:column;align-items:flex-start;width:auto;gap:9px;margin:14px 0 0}.crunch-page .crunch-copy .button{min-width:150px;min-height:47px;font-size:12px;padding:12px 19px}.crunch-page .crunch-skip{font-size:12px;min-height:25px}.crunch-ticket{right:25px;bottom:139px;width:179px;padding:18px 16px;gap:8px;rotate:4deg}.crunch-ticket>strong{font-size:23px}.crunch-ticket>span{font-size:12px}.crunch-ticket #hero-add{font-size:12px;padding:10px 12px;min-height:44px;gap:10px}.crunch-controls{left:25px;right:25px;bottom:12px;gap:12px;min-height:83px}.crunch-tabs{gap:7px;width:100%}.crunch-tabs button{font-size:17px;min-height:46px;padding:11px 16px;white-space:nowrap}#crunch-hint{position:static;max-width:none;font-size:12px;text-align:center}.crunch-controls>small{position:absolute;bottom:0;font-size:10px}.crunch-next{display:none}.crunch-page #gallery-track .gallery-dish{width:70vw;flex-basis:70vw}.crunch-page #gallery-track .gallery-dish strong{font-size:30px}.crunch-page #dish-gallery .gallery-heading h2{max-width:18ch}.crunch-page #dish-gallery .gallery-stage{padding-top:42px;padding-bottom:35px;gap:30px}.crunch-page .footer-record{width:75%;max-width:350px}.crunch-page .footer-scribble{right:0;font-size:21px}}
@media(max-width:450px){.crunch-type-window{top:20px}.crunch-page .crunch-copy.hero-content{left:20px;width:44%;bottom:120px}.crunch-page .crunch-copy>p{font-size:13px;max-width:19ch}.crunch-page .crunch-copy .button{min-width:140px;padding:12px 16px}.crunch-page .crunch-copy .hero-actions{margin-top:12px;gap:9px}.crunch-ticket{right:18px;bottom:136px;width:150px;padding:16px 13px;gap:7px}.crunch-ticket>strong{font-size:20px}.crunch-ticket>span{font-size:12px}.crunch-ticket #hero-add{font-size:11px;padding:10px;gap:7px}.crunch-ticket #hero-add svg{width:18px;height:18px}.crunch-controls{left:20px;right:20px}.crunch-tabs button{font-size:16px;padding:11px 12px;min-height:45px}.crunch-page #gallery-track .gallery-dish{width:78vw;flex-basis:78vw}.crunch-page #gallery-track .gallery-dish strong{font-size:28px}.crunch-page .footer-record{width:85%}}
@media(max-height:739px){.crunch-page .crunch-hero{height:auto!important}.crunch-hero>.crunch-stage{position:relative!important;top:0!important;height:740px;min-height:740px}}
.motion-paused .crunch-page .crunch-hero{height:auto!important}.motion-paused .crunch-hero>.crunch-stage{position:relative!important;top:0!important;height:max(680px,calc(100svh - var(--header-height)))}
@media(prefers-reduced-motion:reduce){.crunch-page .crunch-hero{height:auto!important}.crunch-hero>.crunch-stage{position:relative!important;top:0!important;height:max(680px,calc(100svh - var(--header-height)))}.crunch-stage{transition:none}.crunch-tabs button:hover{transform:none}}

/* Ink becomes solid only as native scrolling draws it out from the food plane. */
@supports ((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))){
 .intro-pinned .crunch-type-window{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,var(--hero-ink-clear,.24)) var(--hero-ink-start,80px),rgba(0,0,0,.22) var(--hero-ink-end,120px));mask-image:linear-gradient(to bottom,rgba(0,0,0,var(--hero-ink-clear,.24)) var(--hero-ink-start,80px),rgba(0,0,0,.22) var(--hero-ink-end,120px))}
}
@media(prefers-reduced-motion:reduce){.intro-pinned .crunch-type-window{-webkit-mask-image:none;mask-image:none}}