@font-face{font-family:'Toasted Avenue';src:url('/assets/fonts/toasted-avenue.ttf') format('truetype');font-display:swap;ascent-override:80.5%;descent-override:10%;line-gap-override:0%}
:root{
  --cream:#FFFAD2; --bronze:#4A5941;
  --display:'Toasted Avenue','Cooper Black',Georgia,serif;
  --body:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--body);background:var(--cream);color:var(--bronze);font-size:17px;line-height:1.55;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--bronze);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* Checkers */
.checks{height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' shape-rendering='crispEdges'%3E%3Crect width='28' height='28' fill='%23FFFAD2'/%3E%3Crect width='14' height='14' fill='%234A5941'/%3E%3Crect x='14' y='14' width='14' height='14' fill='%234A5941'/%3E%3C/svg%3E") 0 0/28px 28px}
.checks.slide{animation:slide 2.4s linear infinite}
@keyframes slide{to{background-position:56px 0}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;gap:10px;font-family:var(--body);font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:15px 26px 13px;border:3px solid var(--bronze);border-radius:999px;background:var(--cream);color:var(--bronze);box-shadow:4px 4px 0 var(--bronze);transition:transform .15s,box-shadow .15s;cursor:pointer}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bronze)}
.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--bronze)}
.btn.fill{background:var(--cream);color:var(--bronze)}
.btn.sm{padding:10px 18px 8px;font-size:13px;box-shadow:3px 3px 0 var(--bronze)}

/* Note */

/* Header */
header{position:sticky;top:0;z-index:40;background:var(--cream)}
.checks.lined{height:31px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='31' shape-rendering='crispEdges'%3E%3Crect width='28' height='31' fill='%23FFFAD2'/%3E%3Crect width='28' height='3' fill='%234A5941'/%3E%3Crect y='3' width='14' height='14' fill='%234A5941'/%3E%3Crect x='14' y='17' width='14' height='14' fill='%234A5941'/%3E%3C/svg%3E") 0 0/28px 31px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;max-width:1200px;margin:0 auto}
.nav ul{list-style:none;display:flex;gap:26px}
.nav ul a{text-decoration:none;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.08em}
.nav ul a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.nav-right{display:flex;align-items:center;gap:10px}
.nav ul{align-items:center}
.logo-sm{display:flex;align-items:center;line-height:1;font-size:26px;font-family:var(--display);line-height:1;text-decoration:none;margin-left:10px}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr;justify-items:center;gap:30px;align-items:center;padding:70px 24px 84px;max-width:1200px;margin:0 auto}
.eyebrow{display:inline-block;font-family:var(--body);font-size:14px;text-transform:uppercase;letter-spacing:.12em;background:var(--bronze);color:var(--cream);border:3px solid var(--bronze);padding:6px 12px 4px;border-radius:999px;margin-bottom:18px}
.wordmark{font-family:var(--display);font-weight:400;color:var(--bronze);line-height:.9;font-size:clamp(84px,13vw,200px)}
.wordmark span{display:block}
.wordmark .pz{font-family:var(--body);font-weight:800;font-size:.17em;letter-spacing:.45em;text-transform:uppercase;margin-top:14px;display:flex;align-items:center;gap:14px}
.wordmark .pz::before,.wordmark .pz::after{content:"";flex:1;height:4px;background:var(--bronze);max-width:70px}
.hero-letters [data-l]{animation:bounce .8s cubic-bezier(.3,1.7,.5,1) backwards}
.hero-letters [data-l]:nth-child(2){animation-delay:.18s}
.hero-letters .pz{animation:bounce .8s cubic-bezier(.3,1.7,.5,1) .36s backwards}
@keyframes bounce{from{transform:translateY(-80px) scale(.6);opacity:0}}
.hero p.sub{font-size:20px;max-width:34ch;margin:22px 0 28px;font-weight:600}
.ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-copy .ctas{justify-content:center}
.hero-copy p.sub{margin-left:auto;margin-right:auto;max-width:40ch}
.stage.about-stage{width:min(400px,100%);aspect-ratio:408.7/517.4;justify-self:center}
.stage.about-stage .mascot{width:100%;bottom:0}
.hero-copy .wordmark .pz{justify-content:center}

/* Mascot stage */
.stage{position:relative;aspect-ratio:1;width:min(480px,100%);justify-self:center}
.disc{position:absolute;inset:6%;border-radius:50%;background:var(--cream);border:3px solid var(--bronze);overflow:hidden}
.disc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:repeating-conic-gradient(var(--bronze) 0 25%,var(--cream) 0 50%) 0 0/36px 36px;border-top:3px solid var(--bronze)}
.ring{position:absolute;inset:0;animation:spin 22s linear infinite}
.ring text{font-family:var(--body);font-weight:800;font-size:15px;letter-spacing:.32em;fill:var(--bronze);text-transform:uppercase}
@keyframes spin{to{transform:rotate(360deg)}}
.mascot{position:absolute;left:50%;bottom:4%;width:82%;transform:translateX(-50%);z-index:2;transform-origin:bottom center;}
@keyframes hop{0%,100%{transform:translateX(-50%) translateY(0) scale(1.05,.95)}20%{transform:translateX(-50%) translateY(-6px) scale(.97,1.04)}50%{transform:translateX(-50%) translateY(-18px) scale(.98,1.02) rotate(2deg)}80%{transform:translateX(-50%) translateY(-4px) scale(1,1) rotate(-2deg)}}
.mascot .arm-wave{transform-box:fill-box;transform-origin:0% 90%}
.mascot .steam{opacity:.8}
@keyframes steam{0%,100%{opacity:.35;transform:translateY(4px)}50%{opacity:1;transform:translateY(-3px)}}
.mascot .eyes{transform-box:fill-box;transform-origin:center}
.mascot:hover{animation:hop .9s ease-in-out infinite}
.mascot:hover .arm-wave{animation:wave 1.4s ease-in-out infinite}
.mascot:hover .steam{animation:steam 1.6s ease-in-out infinite}
.mascot:hover .eyes{animation:blink 1.8s infinite}
@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
.mascot .eye,.mascot .eye-pupils{transform-box:fill-box;transform-origin:center;animation:blink 4.5s infinite}
.mascot .eye-pupils{transform-origin:50% 40%}
@keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.speech{position:absolute;top:4%;right:2%;background:var(--cream);border:3px solid var(--bronze);border-radius:20px;padding:10px 16px;font-family:var(--display);font-size:24px;box-shadow:4px 4px 0 var(--bronze);transform:rotate(6deg);z-index:3;opacity:0;transition:opacity .25s, transform .3s cubic-bezier(.3,1.6,.5,1)}
.speech.show{opacity:1;transform:rotate(6deg) scale(1.04)}
.speech::after{content:"";position:absolute;left:22px;bottom:-14px;border:8px solid transparent;border-top:10px solid var(--bronze)}

/* Ticker */
.ticker{display:block;text-decoration:none;background:var(--bronze);color:var(--cream);overflow:hidden;border-block:3px solid var(--bronze)}
.ticker-track{display:flex;width:max-content;animation:tick 26s linear infinite}
.ticker span{font-family:var(--display);font-size:36px;padding:12px 26px;white-space:nowrap;display:flex;align-items:center;gap:52px}
.ticker span::after{content:"";width:16px;height:16px;background:var(--cream);border-radius:50%}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker span{text-transform:uppercase}
.ticker:hover .ticker-track{animation-play-state:paused}

/* About */
.about{padding:100px 0}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.photo{position:relative;max-width:420px;justify-self:center;width:100%}
.photo .frame{border:3px solid var(--bronze);border-radius:28px;overflow:hidden;position:relative;box-shadow:12px 12px 0 var(--cream),12px 12px 0 3px var(--bronze);background:var(--cream)}
.photo img{width:100%;aspect-ratio:1;object-fit:cover;filter:url(#duotone);transition:filter .5s}
.photo:hover img{filter:none}
.photo small{display:block;text-align:center;margin-top:22px;font-family:var(--body);font-size:13px;opacity:.7}
.stamp{position:absolute;top:-30px;right:-24px;width:120px;height:120px;border-radius:50%;background:var(--cream);border:3px solid var(--bronze);display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:26px;line-height:.95;transform:rotate(12deg);z-index:2;animation:wob 5s ease-in-out infinite}
@keyframes wob{50%{transform:rotate(-8deg) scale(1.05)}}
h2.big{font-family:var(--display);font-weight:400;font-size:clamp(50px,5.8vw,86px);line-height:.95;margin-bottom:24px}
.about p{max-width:56ch;margin-bottom:16px;font-size:18px}
.about p.lead{font-size:22px;font-weight:800}

/* Deli board menu */
.board-sec{background:var(--cream);padding:90px 0;border-block:3px solid var(--bronze)}
.board{background:var(--bronze);color:var(--cream);border-radius:28px;border:3px solid var(--bronze);box-shadow:12px 12px 0 var(--cream),12px 12px 0 3px var(--bronze);padding:48px clamp(22px,4vw,56px);position:relative}
.board-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.board-head h2{font-family:var(--display);font-weight:400;font-size:clamp(64px,7.4vw,110px);line-height:.88;color:var(--cream)}
.board-head p{font-family:var(--body);color:var(--cream);font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.tabs button{font-family:var(--body);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:8px 18px;border-radius:999px;border:3px solid var(--cream);background:transparent;color:var(--cream);cursor:pointer;transition:background .2s,color .2s}
.tabs button[aria-selected="true"],.tabs button:hover{background:var(--cream);color:var(--bronze);border-color:var(--cream)}
.board ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 56px}
.board li{padding:12px 0;animation:in .4s ease backwards}
@keyframes in{from{opacity:0;transform:translateY(10px)}}
.row{display:flex;align-items:baseline;gap:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.row .dots{flex:1;border-bottom:3px dotted var(--cream);transform:translateY(-5px)}
.row .price{font-family:var(--body)}
.board li p{font-size:15px;color:var(--cream);margin-top:2px}
.board .more{margin-top:30px;text-align:center}
.board .more .btn{box-shadow:4px 4px 0 var(--cream);border-color:var(--cream)}

/* Order split */
.order{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid var(--bronze);border-bottom:3px solid var(--bronze)}
.order > div{padding:80px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
.deliv-card{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--cream);border:3px solid var(--bronze);border-radius:24px;padding:29px 40px 40px;box-shadow:10px 10px 0 var(--cream),10px 10px 0 3px var(--bronze)}
.order .pick{background:var(--cream);border-right:3px solid var(--bronze)}
.order .deliv{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' shape-rendering='crispEdges'%3E%3Crect width='48' height='48' fill='%23FFFAD2'/%3E%3Crect width='24' height='24' fill='%234A5941'/%3E%3Crect x='24' y='24' width='24' height='24' fill='%234A5941'/%3E%3C/svg%3E") 0 0/48px 48px}
.order h3{font-family:var(--display);font-weight:400;font-size:clamp(46px,4.8vw,68px);line-height:.95}
.order p{max-width:38ch;font-size:18px;font-weight:600}


/* Find us */
.find{padding:90px 0}
.find-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
.hours-card{background:var(--cream);border:3px solid var(--bronze);border-radius:24px;padding:30px 32px;box-shadow:10px 10px 0 var(--cream),10px 10px 0 3px var(--bronze)}
.hours-card h3{font-family:var(--display);font-weight:400;font-size:40px;margin-bottom:12px}
.hours{list-style:none;display:grid;gap:2px;font-family:var(--body)}
.hours li{display:flex;gap:10px;align-items:baseline;padding:3px 0 5px}
.hours li .dots{flex:1;border-bottom:2px dotted currentColor;transform:translateY(-4px)}
.hours li.today{background:var(--bronze);color:var(--cream);margin:0 -10px;padding:3px 10px 5px;border-radius:8px}
.addr{margin-top:22px;font-weight:800;font-size:19px}
.map{border:3px solid var(--bronze);border-radius:24px;overflow:hidden;min-height:320px;box-shadow:10px 10px 0 var(--cream),10px 10px 0 3px var(--bronze)}
.map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) sepia(.3) hue-rotate(30deg) saturate(1.3)}

/* Footer */
footer{background:var(--bronze);color:var(--cream)}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding:60px 24px 30px;max-width:1200px;margin:0 auto}
.foot .wordmark{color:var(--cream);font-size:58px}
.foot h4{font-family:var(--body);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--cream);margin-bottom:12px}
.foot ul{list-style:none;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
.base{max-width:1200px;margin:0 auto;padding:18px 24px 30px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;opacity:.8}


/* Pages */
.page-head{text-align:center;padding:70px 24px 54px}
.page-head h1{font-family:var(--display);font-weight:400;font-size:clamp(64px,9vw,130px);line-height:.9}
.page-head p{font-size:19px;font-weight:600;max-width:46ch;margin:16px auto 0}
.page .board-sec{padding:70px 0 90px;border:0}
.page .board .tabs{justify-content:center;margin-bottom:34px}
.extras{margin-top:26px;border-top:3px dotted var(--cream);padding-top:20px;text-align:center}
.extras h4{font-family:var(--display);font-weight:400;font-size:28px;margin-bottom:10px}
.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.chips span{border:3px solid var(--cream);border-radius:999px;padding:5px 16px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.card{background:var(--cream);border:3px solid var(--bronze);border-radius:24px;padding:36px;box-shadow:10px 10px 0 var(--cream),10px 10px 0 3px var(--bronze)}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:70px;padding-bottom:60px}
.choices .card{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.choices h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,5vw,72px);line-height:.95}
.choices ol{padding-left:22px;display:grid;gap:6px;font-weight:600}
.tag{background:var(--bronze);color:var(--cream);border-radius:999px;padding:5px 14px 3px;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:70px;padding-bottom:90px}
.post{text-decoration:none;display:flex;flex-direction:column;gap:10px}
.post .thumb{aspect-ratio:4/3;border:3px solid var(--bronze);border-radius:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' shape-rendering='crispEdges'%3E%3Crect width='40' height='40' fill='%23FFFAD2'/%3E%3Crect width='20' height='20' fill='%234A5941'/%3E%3Crect x='20' y='20' width='20' height='20' fill='%234A5941'/%3E%3C/svg%3E") 0 0/40px 40px;display:grid;place-items:center;box-shadow:8px 8px 0 var(--cream),8px 8px 0 3px var(--bronze);transition:transform .25s}
.post .thumb.alt{background:var(--bronze)}
.post .thumb span{background:var(--cream);border:3px solid var(--bronze);border-radius:999px;padding:6px 18px;font-family:var(--display);font-size:26px}
.post:hover .thumb{transform:rotate(-2deg)}
.post small{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-top:8px}
.post h3{font-family:var(--display);font-weight:400;font-size:30px;line-height:1}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding-top:70px;padding-bottom:90px;align-items:start}
.contact form{display:grid;gap:16px}
.contact label{display:grid;gap:6px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.contact input,.contact textarea{font:inherit;font-size:17px;padding:13px 16px;border:3px solid var(--bronze);border-radius:14px;background:var(--cream);color:var(--bronze)}
.contact input:focus,.contact textarea:focus{outline:none;box-shadow:4px 4px 0 var(--bronze)}
.contact textarea{min-height:140px;resize:vertical}
.contact .btn{justify-self:start}
.done{display:none;font-weight:800}
.nav ul a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}

/* Delivery picker */
#deliveryPicker{border:3px solid var(--bronze);border-radius:28px;background:var(--cream);color:var(--bronze);padding:40px 36px 30px;width:min(520px,92vw);box-shadow:12px 12px 0 var(--cream),12px 12px 0 3px var(--bronze);text-align:center;margin:auto;overflow:visible}
#deliveryPicker[open]{animation:dpIn .35s cubic-bezier(.3,1.5,.5,1)}
@keyframes dpIn{from{opacity:0;transform:scale(.9) translateY(14px)}}
#deliveryPicker::backdrop{background:rgba(74,89,65,.55)}
#deliveryPicker h2{font-family:var(--display);font-weight:400;font-size:48px;line-height:1}
#deliveryPicker > p{font-weight:600;margin:8px 0 24px}
.dp-options{display:grid;gap:16px}
.dp-opt{display:flex;justify-content:space-between;align-items:center;gap:16px;text-decoration:none;border:3px solid var(--bronze);border-radius:18px;padding:18px 22px;background:var(--cream);box-shadow:5px 5px 0 var(--bronze);transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.dp-opt:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--bronze);background:var(--bronze);color:var(--cream)}
.dp-name{font-family:var(--display);font-size:34px;line-height:1}
.dp-go{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.dp-alt{margin-top:22px;font-size:15px}
.dp-alt a{font-weight:800}
.dp-close{position:absolute;top:10px;right:16px;background:none;border:0;font-size:34px;line-height:1;color:var(--bronze);cursor:pointer}
button.btn{font-family:var(--body)}

/* Instagram feed */
.insta{padding:80px 0 90px;border-bottom:3px solid var(--bronze)}
.insta-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.insta-head h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:1;word-break:break-word}
.insta-head p{font-weight:600;font-size:18px;margin-top:6px}
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.insta-tile{position:relative;display:block;aspect-ratio:1;border:3px solid var(--bronze);border-radius:18px;overflow:hidden;background:var(--cream);box-shadow:6px 6px 0 var(--cream),6px 6px 0 3px var(--bronze);transition:transform .2s}
.insta-tile:hover{transform:translate(-3px,-3px) rotate(-1.5deg)}
.insta-tile img{width:100%;height:100%;object-fit:cover;display:block}
.insta-tile .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:22px;line-height:1;padding:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' shape-rendering='crispEdges'%3E%3Crect width='24' height='24' fill='%23FFFAD2'/%3E%3Crect width='12' height='12' fill='%234A5941' fill-opacity='.12'/%3E%3Crect x='12' y='12' width='12' height='12' fill='%234A5941' fill-opacity='.12'/%3E%3C/svg%3E") 0 0/24px 24px}
.insta-tile .ph svg{width:38%;margin:0 auto 8px;display:block}
.insta-tile .badge{position:absolute;top:8px;right:8px;background:var(--cream);border:3px solid var(--bronze);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* Mobile header, menu and order bar */
.menu-btn{display:none;width:46px;height:46px;border:3px solid var(--bronze);border-radius:14px;background:var(--cream);box-shadow:3px 3px 0 var(--bronze);align-items:center;justify-content:center;cursor:pointer;padding:0}
.mobile-nav{display:none;border-top:3px solid var(--bronze);padding:12px 24px 26px;background:var(--cream)}
.mobile-nav.open{display:grid}
.mobile-nav > a{font-family:var(--display);font-size:34px;line-height:1;text-decoration:none;padding:14px 0;border-bottom:3px dotted var(--bronze)}
.mobile-nav .ctas{margin-top:22px;display:grid;grid-template-columns:1fr;gap:12px}
.order-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--cream);border-top:3px solid var(--bronze);padding:12px 14px calc(14px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:12px}
.order-bar .btn,.mobile-nav .btn{width:100%;padding:13px 10px 11px;font-size:15px}
@media (max-width:900px){
  .insta-grid{grid-template-columns:repeat(3,1fr)}.choices,.contact{grid-template-columns:1fr}.posts{grid-template-columns:1fr}}
@media (max-width:900px){
  .hero-inner,.about-grid,.find-grid{grid-template-columns:1fr}
  .stage{width:min(380px,100%)}
  .board ul{grid-template-columns:1fr}
  .order{grid-template-columns:1fr}
  .order .pick{border-right:0;border-bottom:3px solid var(--bronze)}
  .foot{grid-template-columns:1fr 1fr}
  .foot > div:first-child{grid-column:1/-1}
  .nav ul{display:none}
  .stamp{right:6px}
  .menu-btn{display:inline-flex}
  .nav-right .btn{display:none}
  .order-bar{display:grid}
  body{padding-bottom:78px}
  .about{padding:44px 0 56px}
  .about-grid{gap:8px;text-align:center}
  .about-grid p{margin-left:auto;margin-right:auto}
  .stage.about-stage{width:min(280px,72%)}
}
@media (max-width:560px){
  .insta-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .nav-right .btn{display:none}
  .order > div{padding:60px 24px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---- Site extras (real pages) ---- */
.nav ul a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
html.js .menu-panel{display:none}
html.js .menu-panel.active{display:block}
.menu-panel + .menu-panel{margin-top:56px}
html.js .menu-panel + .menu-panel{margin-top:0}
.post-body{max-width:70ch;margin:0 auto;padding:60px 24px 30px;font-size:18px}
.post-body h2{font-family:var(--display);font-weight:400;font-size:40px;line-height:1;margin:34px 0 12px}
.post-body h3{font-size:22px;margin:26px 0 8px}
.post-body p,.post-body ul,.post-body ol{margin-bottom:18px}
.post-body ul,.post-body ol{padding-left:24px}
.post-body img{border:3px solid var(--bronze);border-radius:22px;margin:24px 0}
.post-body a{font-weight:800}
.post-meta{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px;margin-bottom:14px}
.post-back{max-width:70ch;margin:0 auto 90px;padding:0 24px;display:flex;gap:14px;flex-wrap:wrap}
.post .thumb img{width:100%;height:100%;object-fit:cover;border-radius:19px}
.simple{padding:110px 24px;text-align:center}
.simple h1{font-family:var(--display);font-weight:400;font-size:clamp(64px,9vw,130px);line-height:.9;margin-bottom:18px}
.simple p{font-size:19px;font-weight:600;margin-bottom:28px}
.simple .ctas{justify-content:center}
.hours-wrap{padding-bottom:90px;display:grid;justify-items:center}
.hours-wrap .hours-card{width:min(520px,100%)}