@charset "UTF-8";
/* r5: storefront as a bold American diner poster. Motion is driven by scroll position. */
.town-diner{--diner-red:#bd3427;--diner-cream:#fff4d7;--diner-yellow:#ffcf3e;position:relative;isolation:isolate;overflow:clip;background:var(--diner-red);color:var(--diner-cream);padding-bottom:0}
.diner-checker{height:36px;background:conic-gradient(#162b23 25%,var(--diner-cream) 0 50%,#162b23 0 75%,var(--diner-cream) 0) 0 0/36px 36px}
.diner-topline{display:flex;justify-content:space-between;gap:24px;width:88%;max-width:1440px;margin:36px auto 30px;font-size:16px;font-weight:800;letter-spacing:.09em;line-height:1.5}
.town-lower .diner-headline{position:relative;z-index:2;margin:0 auto;width:92%;font:900 clamp(76px,11.8vw,188px)/.84 TownSans,"Arial Black",Arial,sans-serif;letter-spacing:-.075em;text-align:center;pointer-events:none}
.diner-headline>span{display:block;white-space:nowrap;transform:translateX(var(--diner-shift,0px));text-shadow:4px 5px 0 #78261d}
.diner-headline>span+span{color:var(--diner-yellow);margin-top:.13em;transform:translateX(calc(var(--diner-shift,0px) * -1))}
.diner-scene{position:relative;width:88%;max-width:1400px;height:clamp(430px,49vw,760px);margin:32px auto 0}
.diner-photo{position:absolute;inset:0 2% 5% 0;margin:0;border:10px solid var(--diner-cream);background:var(--diner-cream);box-shadow:13px 16px 0 #78261d;transform:translateY(var(--diner-photo-y,0px)) rotate(-2deg);transform-origin:50% 50%}
.diner-photo>img{width:100%;height:100%;object-fit:cover;object-position:40% 48%}
.diner-stamp{position:absolute;z-index:3;left:-3%;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(125px,13vw,185px);aspect-ratio:1;background:var(--diner-yellow);color:#54271f;clip-path:polygon(50% 0,59% 10%,72% 5%,76% 19%,90% 18%,89% 32%,100% 40%,91% 50%,100% 61%,87% 68%,90% 82%,76% 81%,71% 95%,59% 89%,50% 100%,40% 89%,28% 95%,24% 81%,10% 82%,13% 68%,0 61%,9% 50%,0 40%,11% 32%,10% 18%,24% 19%,28% 5%,41% 10%);transform:rotate(-13deg);font:900 clamp(17px,1.8vw,26px)/1.05 TownSans,"Arial Black",Arial,sans-serif;text-align:center;letter-spacing:-.045em}
.diner-stamp>b{font-size:32px;line-height:1;margin-top:7px}
.diner-burger{position:absolute;z-index:4;width:53%;right:-6%;bottom:-10%;padding:0;transform:translateY(var(--diner-burger-y,0px)) rotate(var(--diner-turn,-8deg));filter:drop-shadow(5px 18px 12px #54271f55)}
.diner-burger>img{width:100%;height:auto;transition:scale .2s}
.diner-burger:hover>img{scale:1.035}
.diner-burger-label{position:absolute;left:20%;bottom:6%;padding:8px 20px;background:var(--diner-cream);color:#54271f;font-size:clamp(16px,1.3vw,21px);font-weight:900;line-height:1.3;white-space:nowrap;box-shadow:4px 4px 0 #78261d;transform:rotate(5deg)}
.diner-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:5%;width:88%;max-width:1400px;margin:55px auto 0;padding:0 0 68px}
.town-lower .diner-copy h3{font-size:clamp(28px,3.3vw,52px);line-height:1.4;letter-spacing:-.055em;margin:0 0 22px}
.town-lower .diner-copy p{font-size:18px;line-height:1.9}
.diner-menu-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;width:39%;max-width:500px;min-height:116px;color:#54271f;background:var(--diner-yellow);border:2px solid #54271f;box-shadow:7px 7px 0 #78261d;transform:rotate(-3deg);transition:transform .2s;flex-shrink:0}
.diner-menu-link>span{font-size:16px;font-weight:800;line-height:1.4}
.diner-menu-link strong{display:block;font-family:BurgerHeading,"Arial Black",sans-serif;font-weight:900;font-size:clamp(22px,2.2vw,34px);margin-top:7px;letter-spacing:-.05em}
.diner-menu-link>b{font-size:48px;line-height:1}
.diner-menu-link:hover{transform:translateY(-4px) rotate(0)}
.town-diner button:focus-visible,.town-diner a:focus-visible{outline:4px solid var(--diner-cream);outline-offset:7px}
@media(min-width:1800px){.diner-topline{margin-top:45px;margin-bottom:40px}.diner-scene{margin-top:50px}}
@media(max-width:1000px) and (min-width:761px){.diner-menu-link{padding:18px;width:40%}.diner-menu-link>b{font-size:34px}.diner-bottom{gap:3%}.town-lower .diner-copy p{font-size:16px}}
@media(max-width:760px){
 .diner-checker{height:24px;background-size:24px 24px}
 .diner-topline{width:88%;margin:27px auto 25px;font-size:16px;letter-spacing:.03em}.diner-topline>span+span{display:none}
 .town-lower .diner-headline{width:94%;font-size:13vw;line-height:.89;letter-spacing:-.075em}.diner-headline>span{text-shadow:2px 3px 0 #78261d}.diner-headline>span+span{margin-top:.15em}
 .diner-scene{width:88%;height:clamp(330px,92vw,640px);margin:30px auto 0}
 .diner-photo{inset:0 -1% auto -1%;height:auto;aspect-ratio:1.45;border-width:6px;box-shadow:7px 9px 0 #78261d;transform:translateY(var(--diner-photo-y,0px)) rotate(-3deg)}
 .diner-photo>img{height:100%;object-position:29% 45%}.diner-photo figcaption>span{display:none}
 .diner-stamp{width:clamp(102px,26vw,145px);left:-2%;bottom:8%;font-size:16px}.diner-stamp>b{font-size:25px;margin-top:5px}
 .diner-burger{width:84%;right:-3%;bottom:-1%}.diner-burger-label{left:15%;bottom:5%;padding:8px 13px;font-size:16px}
 .diner-bottom{display:block;margin-top:15px;padding-bottom:48px;width:88%}.town-lower .diner-copy h3{font-size:clamp(28px,7.5vw,46px);line-height:1.5;margin-bottom:19px}.town-lower .diner-copy p{font-size:16px;line-height:1.9}.diner-copy p br:first-child{display:none}
 .diner-menu-link{width:100%;margin-top:30px;max-width:none;min-height:106px;padding:17px 20px;gap:12px;box-shadow:5px 5px 0 #78261d}.diner-menu-link strong{font-size:26px}.diner-menu-link>b{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.diner-headline>span{transform:none}.diner-photo{transform:rotate(-2deg)}.diner-burger{transform:rotate(-8deg)}}