:root{--ink:#171a16;--paper:#f7f6f1;--yellow:#e9b92b;--green:#123b2d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Switzer',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b66821;outline-offset:5px}.skip{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:16px}.topline{background:var(--green);color:white;display:flex;justify-content:space-between;padding:10px 4%;font-size:11px;font-weight:700;letter-spacing:1.5px}header{height:100px;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);border-bottom:2px solid var(--ink)}.logo{width:150px;height:67px;object-fit:contain;filter:invert(1)}nav{display:flex;gap:32px;font-size:14px;font-weight:700}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);padding:16px 26px;font-weight:700;font-size:15px;border-radius:0;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.yellow{background:var(--yellow);color:var(--ink)}.black{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:655px}.hero-copy{padding:55px 8% 32px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:800;margin:0 0 22px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;margin:0;line-height:.92;letter-spacing:-1px}h1{font-size:clamp(76px,8.5vw,140px)}h1 em,h2 em{font-style:normal;color:var(--green)}h1 em{display:inline-block;transform:rotate(-3deg)}.intro{line-height:1.6;margin:28px 0;font-size:17px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:36px;font-size:11px;font-weight:800;letter-spacing:1px}.asterisk{font-size:48px;color:var(--green);line-height:1}.hero-photo{position:relative;min-width:0;overflow:hidden;background:#a86624}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.sticker{position:absolute;right:28px;top:30px;background:var(--yellow);border:2px solid var(--ink);padding:22px 20px;transform:rotate(9deg);font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:800;line-height:1}.sticker span{font-size:15px;display:block;margin-top:10px;border-top:1px solid;padding-top:8px}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:white;padding:14px 22px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:700}.ticker{white-space:nowrap;overflow:hidden;background:var(--yellow);padding:18px 0;border-block:2px solid var(--ink);font:800 28px 'Barlow Condensed',sans-serif;word-spacing:8px}.ticker b{margin:0 25px}.section{padding:85px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}h2{font-size:clamp(48px,5vw,78px)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.food-image{position:relative;aspect-ratio:1.15;overflow:hidden;border:1px solid var(--ink)}.food-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.food-image:hover img{transform:scale(1.04)}.small-label{position:absolute;left:16px;bottom:16px;padding:9px 12px;background:var(--yellow);font-size:11px;letter-spacing:1px;font-weight:800;transform:rotate(-3deg)}.small-label.green{background:var(--green);color:white}.item-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:22px}h3{font-size:32px}.item-title>span{font-weight:700}.menu-grid p{font-size:14px;line-height:1.6;margin:13px 0}.menu-foot{margin:32px 0 0;border-top:1px solid #bbb;padding-top:20px;font-size:14px}.visit{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white}.visit-photo{position:relative;min-height:740px}.visit-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.location-tag{position:absolute;left:30px;bottom:36px;background:var(--paper);color:var(--ink);font:800 32px 'Barlow Condensed',sans-serif;transform:rotate(-4deg);padding:13px 20px}.visit-copy{padding:60px 12%}.visit h2 em{color:var(--yellow)}.visit p{line-height:1.6}.visit address{font-style:normal;font-size:20px;font-weight:600;line-height:1.5;margin:25px 0}.hours{font-size:14px;margin:24px 0 30px}.hours div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff35}.hours dd{margin:0}.light{color:white}details{margin-top:25px;font-size:14px}summary{cursor:pointer}details p{font-size:14px}.catering{background:var(--yellow);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;border-bottom:2px solid var(--ink)}.catering h2{font-size:clamp(65px,7.5vw,118px)}.outline{-webkit-text-stroke:1.5px var(--ink);color:transparent}.large-copy{font-size:30px;line-height:1.2;font-weight:700;margin:0 0 20px}.catering-copy>p:not(.large-copy){line-height:1.6;max-width:360px}.catering .button{margin-top:15px}.hand-note{display:block;font:italic 23px Georgia,serif;margin-top:25px;transform:rotate(-4deg)}.story{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;background:var(--ink);color:white;border-bottom:1px solid #ffffff40}.story h2{font-size:52px}.story h2 em{color:var(--yellow)}.story p{line-height:1.7;margin-top:0}footer{background:var(--ink);color:white;padding:42px 6% 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top img{object-fit:contain}.footer-top p{font:800 40px/.95 'Barlow Condensed',sans-serif}.footer-top>div{display:grid;gap:12px;font-size:14px}.footer-bottom{border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:30px;font-size:10px;letter-spacing:1px}dialog{max-width:520px;width:calc(100% - 32px);padding:45px 32px 30px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000b}dialog h2{font-size:48px}dialog p{line-height:1.6}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px}.dialog-note{font-size:12px;color:#555;margin-bottom:0}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){header{padding-inline:4%;gap:15px}nav{gap:18px}.hero-copy{padding:42px 7%}h1{font-size:85px}.hero{min-height:620px}.sticker{font-size:21px;padding:16px;right:20px}.section{padding:65px 5%}.visit-copy{padding:50px 8%}.menu-grid{gap:18px}h3{font-size:28px}.story h2{font-size:44px}}@media(max-width:650px){html{scroll-padding-top:20px}.topline{font-size:9px;padding:9px 5%}.topline span{display:none}header{height:auto;min-height:105px;flex-wrap:wrap;padding:12px 5%;gap:10px}.logo{width:110px;height:49px}header>.button{padding:10px 16px;font-size:13px}nav{order:3;width:100%;justify-content:space-between;padding:8px 0 4px;font-size:13px;gap:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 6% 28px}.eyebrow{font-size:10px;margin-bottom:17px}h1{font-size:clamp(74px,18vw,112px)}.intro{font-size:16px;margin:20px 0}.hero-note{margin-top:23px}.hero-photo{height:400px}.hero-photo>img{object-position:center 53%}.sticker{right:20px;top:25px}.ticker{font-size:22px;padding:12px 0}.ticker b{margin:0 14px}.section{padding:48px 6%}.section-heading{display:block}.section-heading>.text-link{display:inline-block;margin-top:20px}h2{font-size:49px}.menu-grid{grid-template-columns:1fr;gap:30px}.food-image{aspect-ratio:1.25}.item-title{margin-top:17px}h3{font-size:34px}.menu-grid p{font-size:15px}.visit{grid-template-columns:1fr}.visit-photo{min-height:360px}.visit-copy{padding:45px 7%}.visit h2{font-size:65px}.catering{grid-template-columns:1fr;gap:30px}.catering h2{font-size:76px}.large-copy{font-size:27px}.story{grid-template-columns:1fr;gap:28px}.story h2{font-size:46px}.footer-top{flex-wrap:wrap}.footer-top>div{width:100%;display:flex;flex-wrap:wrap;gap:20px}.footer-top p{font-size:34px}.footer-top img{width:125px}.footer-bottom{flex-wrap:wrap;font-size:9px}.actions{gap:18px}.button{padding:14px 21px}.text-link{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand palette: charcoal leads, yellow supports, green appears only as a small accent. */
:root{--ink:#252524;--black:#000000;--paper:#f7f6f1;--yellow:#f1d123;--green:#409546;--green-deep:#338f3c}
.topline{background:var(--black);color:var(--paper)}
header{background:var(--ink);color:var(--paper);border-bottom-color:#ffffff35}
.logo{filter:none}
.hero-copy{background-color:var(--ink);color:var(--paper);position:relative;isolation:isolate}
.hero-copy::before,.visit-copy::before,.catering::before,.story::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;z-index:-1}

h1 em{color:var(--yellow)}
.hero .black{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.hero .button:hover{box-shadow:4px 4px 0 var(--paper)}
.asterisk{color:var(--green)}
.sticker{box-shadow:4px 5px 0 #0009;background-blend-mode:normal}
.sticker::before{content:"";position:absolute;top:-10px;left:32%;width:65px;height:22px;background:#f7f6f195;transform:rotate(-15deg);border-inline:1px dashed #0003}
.ticker{border-block:5px solid var(--black);background-blend-mode:normal}
.menu{position:relative;border-top:10px solid transparent;border-image:repeating-linear-gradient(90deg,var(--ink) 0 12px,var(--paper) 12px 24px) 10}
.food-image{border:2px solid var(--ink);box-shadow:5px 5px 0 #25252418}
.small-label{border:1px solid var(--black);box-shadow:2px 2px 0 #0005}
.small-label.green{background:var(--green);color:var(--black)}
.visit{background:var(--ink)}
.visit-copy,.catering,.story{position:relative;isolation:isolate}

.location-tag{box-shadow:5px 5px 0 #0009;border:2px solid var(--ink)}
.catering{border-top:12px solid transparent;border-image:repeating-linear-gradient(120deg,var(--black) 0 9px,var(--yellow) 9px 18px) 12}
.catering::after{content:"";position:absolute;right:0;bottom:0;width:180px;height:150px;background:radial-gradient(#25252440 1px,transparent 1.5px);background-size:6px 6px;mask-image:linear-gradient(130deg,transparent 20%,black);z-index:-1;pointer-events:none}
.story{background:var(--ink)}footer{background:var(--black)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--paper);outline-offset:4px;box-shadow:0 0 0 7px var(--black)}
::selection{background:var(--yellow);color:var(--black)}
@media(max-width:650px){.catering::after{width:115px;height:100px}}


/* Clean patterned surfaces, retaining the darker charcoal. */
:root{--ink:#111110}
.hero-copy::before,.visit-copy::before,.catering::before,.story::before{display:none}

/* A few taped-up notes carry the hero's street-poster detail through the page. */
.sticker::before,.menu-grid article:first-child .small-label::before,.location-tag::before,.hand-note::before{content:"";position:absolute;width:64px;height:23px;background:rgba(247,246,225,.72);border:0;box-shadow:0 1px 1px #00000012;clip-path:polygon(2% 8%,19% 1%,38% 5%,63% 0,82% 6%,98% 2%,95% 25%,100% 48%,97% 70%,100% 96%,76% 91%,49% 100%,23% 92%,0 98%,4% 72%,0 43%);pointer-events:none}
.sticker::before{top:-10px;left:32%;transform:rotate(-15deg)}
.menu-grid article:first-child .small-label{padding:15px 17px 11px;transform:rotate(-5deg)}
.menu-grid article:first-child .small-label::before{width:43px;height:18px;top:-9px;left:calc(50% - 21px);transform:rotate(11deg)}
.location-tag{padding:22px 22px 16px;transform:rotate(-3deg)}
.location-tag::before{width:76px;top:-12px;left:calc(50% - 38px);transform:rotate(8deg)}
.hand-note{position:relative;width:fit-content;max-width:100%;padding:23px 22px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:3px 4px 0 #00000025;margin-top:36px;transform:rotate(-4deg);font-size:22px;line-height:1.3}
.hand-note::before{top:-11px;left:26px;transform:rotate(-9deg)}
@media(max-width:650px){.location-tag{left:20px;right:20px;width:fit-content;max-width:calc(100% - 40px);font-size:28px}.hand-note{font-size:20px;padding:22px 18px 16px}}

/* Continuous yellow marquee, with an explicit pause control. */
.ticker{position:relative;padding:18px 0;word-spacing:8px}
.ticker-track{display:flex;width:max-content;animation:hammer-marquee 32s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}
.ticker-group b{margin:0 32px}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.is-paused .ticker-track{animation-play-state:paused}
.ticker-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:38px;height:38px;background:var(--yellow);color:var(--black);border:2px solid var(--black);font:700 18px 'Switzer',sans-serif;box-shadow:0 0 0 8px var(--yellow);z-index:1}
@keyframes hammer-marquee{to{transform:translateX(-50%)}}
@media(max-width:650px){.ticker{padding:12px 0}.ticker-group b{margin:0 22px}.ticker-toggle{width:32px;height:32px;right:8px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;transform:none;will-change:auto}.ticker-toggle{display:none}}
/* Shared interior pages */
nav a[aria-current=page]{color:var(--yellow)}.footer-pages{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;font-size:14px}.page-intro{background:var(--ink);color:var(--paper);padding:64px 6%;border-bottom:10px solid var(--yellow)}.page-intro h1{font-size:clamp(62px,7vw,110px);max-width:1000px}.page-intro p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:620px;margin:25px 0 0}.page-intro.with-photo{display:grid;grid-template-columns:1.2fr 1fr;padding:0;min-height:390px}.page-intro.with-photo>div{padding:55px 9%}.page-intro.with-photo>img{width:100%;height:100%;max-height:490px;object-fit:cover}.category-nav{display:flex;flex-wrap:wrap;gap:10px;padding:24px 6%;border-bottom:1px solid #bbb}.category-nav a{border:1px solid var(--ink);padding:10px 14px;font-size:14px;font-weight:600}.category-nav a:hover{background:var(--yellow)}.menu-category{scroll-margin-top:30px;margin-bottom:65px}.category-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;border-bottom:3px solid var(--ink);padding-bottom:20px}.category-heading h2{text-transform:uppercase;font-size:50px}.category-heading p{font-size:14px;line-height:1.7;margin:0}.menu-list{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.menu-row{display:flex;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid #bbb}.menu-row h3{font-size:29px;text-transform:uppercase;line-height:1.05}.menu-row p{font-size:15px;line-height:1.6;margin-bottom:0}.menu-row strong{white-space:nowrap;font-size:17px}.source-note{font-size:14px;line-height:1.7;margin:25px 0}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.split-content p{line-height:1.7}.page-lead{font-size:23px;line-height:1.5}.page-address{font-size:25px;font-style:normal;line-height:1.5;margin:25px 0}.split-content .hours div{border-color:#ccc}.parking-map{width:100%;border:2px solid var(--ink)}.parking-options,.values-grid,.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:var(--ink);color:white}.parking-options p,.values-grid p,.timeline p{line-height:1.7}.pricing-section{background:var(--yellow)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.price-card{background:var(--paper);border:2px solid var(--ink);padding:25px 20px;box-shadow:4px 4px 0 #0002}.price-card h3{font-size:30px}.price-card p{line-height:1.6}.price-card .price{font:800 48px 'Barlow Condensed',sans-serif;margin:20px 0 5px}.price-card ul{list-style:none;padding:0;font-size:14px}.price-card li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ccc;padding:9px 0}.terms{margin-top:30px;font-size:14px;line-height:1.7}.preview-form{margin-top:25px}.preview-form label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.preview-form input,.preview-form select,.preview-form textarea{display:block;width:100%;font:400 16px 'Switzer',sans-serif;color:var(--ink);background:white;border:1px solid #777;padding:13px;margin-top:7px;border-radius:0}.preview-form textarea{resize:vertical}.form-status{font-weight:600}.timeline .year{font:800 72px 'Barlow Condensed',sans-serif;color:var(--yellow)}.timeline h3{margin-top:15px}.founders{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.founders img{width:100%;height:440px;object-fit:cover;object-position:top;background:#ddd}.founders h3{font-size:38px;text-transform:uppercase;margin-top:25px}.founders p{line-height:1.7}.empty-blog{min-height:380px}.empty-blog .hand-note{margin-bottom:40px}.empty-blog p{line-height:1.7}.beer-embed{margin:35px 0;min-height:150px}.full-menu .button{margin-top:10px}@media(max-width:900px){header nav{gap:16px;font-size:13px}.pricing-grid{grid-template-columns:1fr 1fr}.page-intro.with-photo>div{padding:45px 8%}.page-intro h1{font-size:70px}}@media(max-width:650px){header nav{gap:10px;flex-wrap:wrap;justify-content:center;line-height:1.8}.page-intro{padding:40px 6%}.page-intro.with-photo{grid-template-columns:1fr}.page-intro.with-photo>div{padding:40px 6%}.page-intro.with-photo>img{height:250px}.page-intro h1{font-size:62px}.page-intro p:not(.eyebrow){font-size:16px}.category-nav{gap:8px;padding:20px 6%}.category-nav a{font-size:13px;padding:9px}.category-heading,.menu-list,.split-content,.parking-options,.values-grid,.timeline,.founders,.pricing-grid{grid-template-columns:1fr}.category-heading{gap:15px}.category-heading h2{font-size:43px}.menu-row h3{font-size:27px}.menu-row strong{font-size:15px}.split-content{gap:40px}.page-lead{font-size:21px}.founders img{height:380px}.footer-pages{font-size:13px;justify-content:flex-start;gap:15px}.form-grid{grid-template-columns:1fr}.price-card h3{font-size:34px}}
/* Light taped labels balance the dark panels. */
.hand-note::after,.hero-note::before,.visit-copy>.eyebrow::before,.story>div>.eyebrow::before{content:"";position:absolute;width:62px;height:23px;background:rgba(247,246,225,.78);box-shadow:0 1px 1px #0002;clip-path:polygon(2% 8%,19% 1%,38% 5%,63% 0,82% 6%,98% 2%,95% 25%,100% 48%,97% 70%,100% 96%,76% 91%,49% 100%,23% 92%,0 98%,4% 72%,0 43%);pointer-events:none}
.hand-note::after{right:16px;bottom:-10px;transform:rotate(-13deg);width:57px}
.hero-note{position:relative;width:fit-content;max-width:100%;padding:17px 22px;background:var(--paper);color:var(--ink);box-shadow:3px 4px 0 #0006;transform:rotate(-2deg);margin-top:42px}
.hero-note::before{top:-11px;right:23px;transform:rotate(12deg);width:52px}
.visit-copy>.eyebrow,.story>div>.eyebrow{position:relative;display:table;max-width:100%;background:var(--paper);color:var(--ink);padding:16px 19px 13px;line-height:1.6;box-shadow:3px 4px 0 #0006;margin-bottom:30px;transform:rotate(2deg)}
.visit-copy>.eyebrow::before{top:-11px;left:20px;transform:rotate(-12deg);width:47px}
.story>div>.eyebrow{transform:rotate(-2deg)}
.story>div>.eyebrow::before{top:-11px;right:20px;transform:rotate(10deg);width:54px}
@media(max-width:650px){.hero-note{padding:15px 19px;margin-top:32px}.story>div>.eyebrow{font-size:10px;padding:14px 16px}.visit-copy>.eyebrow{padding:14px 16px}}

/* Skate-zine art direction: flat ink, oversized type, pasted photography. */
.catering::after{display:none}.hero-copy{padding-top:54px}.hero h1{font-size:clamp(76px,8.7vw,140px);letter-spacing:-2px}.hero h1 em{color:var(--yellow);text-shadow:3px 3px 0 var(--ink),4px 4px 0 var(--yellow)}
.hero-copy>.eyebrow{border-left:4px solid var(--yellow);padding-left:12px;line-height:1.5}.hero-photo{border:12px solid var(--ink);border-left-width:0}.hero-photo>img{border:6px solid var(--paper)}.photo-caption{bottom:6px;left:6px;right:6px;background:var(--paper);color:var(--ink)}
.menu-grid{gap:34px}.food-image{border:8px solid white;outline:1px solid var(--ink);box-shadow:6px 7px 0 var(--ink);transform:rotate(-1.5deg);margin:8px}.menu-grid article:nth-child(2) .food-image{transform:rotate(1.5deg)}.menu-grid article:nth-child(3) .food-image{transform:rotate(-.75deg)}.item-title{border-bottom:2px solid;padding-bottom:12px}.item-title>span{background:var(--ink);color:var(--paper);padding:6px 9px}.menu-grid p{font-size:16px}
.story{grid-template-columns:1fr 1fr;gap:6%;align-items:center}.story h2{font-size:clamp(50px,5.7vw,88px)}.crew-art{position:relative;display:flex;align-items:center;padding:35px 12px 28px;margin-top:30px;max-width:520px}.crew-art img{width:52%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;background:var(--paper);border:6px solid var(--paper);transform:rotate(-9deg);filter:grayscale(1)}.crew-art img+img{margin-left:-6%;transform:rotate(8deg)}.crew-art .crew-label{position:absolute;bottom:8px;left:17%;background:var(--yellow);color:var(--ink);font:800 24px 'Barlow Condensed',sans-serif;padding:9px 22px;transform:rotate(-4deg);border:2px solid var(--ink)}
.story-copy{border-top:1px solid #777;padding-top:26px}.story-copy p{font-size:18px}.page-intro{position:relative}.page-intro>.eyebrow,.page-intro>div>.eyebrow{display:table;background:var(--paper);color:var(--ink);padding:10px 14px;transform:rotate(-2deg);font-size:12px}.page-intro.with-photo>img{border:12px solid var(--ink);outline-offset:-18px;outline:5px solid var(--paper)}.page-intro h1{letter-spacing:-1px}.category-nav a{box-shadow:3px 3px 0 var(--ink);background:white}.category-nav{gap:14px}.category-heading h2{background:var(--yellow);padding:8px 14px;width:fit-content;transform:rotate(-1deg)}.timeline article{border-top:3px solid var(--paper);padding-top:20px}.timeline .year{display:inline-block;transform:rotate(-4deg)}
.founder-section{background:var(--ink);color:var(--paper);border-top:1px solid #555}.founder-section h2{color:var(--yellow)}.founders{gap:8%}.founders article{position:relative;text-align:center}.founders img{display:block;width:min(100%,360px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;background:var(--paper);border:7px solid var(--paper);margin:12px auto;filter:grayscale(1);transform:rotate(-5deg)}.founders article+article img{transform:rotate(5deg)}.founders h3{display:inline-block;background:var(--paper);color:var(--ink);padding:12px 22px;transform:rotate(-2deg);font-size:34px}.founders p{max-width:420px;margin:22px auto}.values-grid{background:var(--yellow);color:var(--ink)}.values-grid article{border-top:3px solid var(--ink);padding-top:24px}.price-card{box-shadow:6px 6px 0 var(--ink)}.price-card:nth-child(even){transform:rotate(1deg)}.footer-top>p{font-size:clamp(40px,5vw,68px)}
@media(max-width:650px){.hero-photo{border:10px solid var(--ink)}.hero h1{font-size:clamp(72px,18vw,112px)}.story{grid-template-columns:1fr}.story h2{font-size:54px}.crew-art{max-width:360px;margin:15px auto}.crew-art .crew-label{font-size:21px}.founders{gap:35px}.founders img{max-width:280px}.menu-grid{gap:36px}.page-intro.with-photo>img{border-width:8px}.hero-copy{padding-top:35px}}

/* Mobile review pass: comfortable controls, fluid headlines, no cropped content. */
.nav-toggle{display:none}
@media(max-width:650px){
 .topline{justify-content:center;font-size:10px;letter-spacing:.8px;gap:8px;padding:9px 12px}.topline span{display:none}
 header{padding:13px 5%;min-height:84px;gap:12px;align-items:center;display:grid;grid-template-columns:1fr auto auto}.logo{width:110px;height:50px}
 header>.button{min-height:44px;padding:10px 14px;font-size:14px;grid-column:3;grid-row:1}
 .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 11px;background:transparent;border:1px solid #777;color:var(--paper);font-size:14px;font-weight:700;grid-column:2;grid-row:1}.nav-toggle span{font-size:20px}
 header nav{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px 0 0;border-top:1px solid #555;width:100%;font-size:16px}.nav-ready header nav{display:none}.nav-ready header nav.is-open{display:grid}header nav a{padding:12px 8px;min-height:48px;border-bottom:1px solid #333}
 .hero h1{font-size:clamp(63px,17vw,105px);letter-spacing:-1px}.hero-copy{padding:36px 6%}.hero-copy>.eyebrow{font-size:11px;letter-spacing:1.2px}.intro{font-size:17px}.hero .actions{gap:14px}.button{min-height:48px;font-size:15px}.text-link{font-size:15px;line-height:1.5;padding-block:10px}.hero-note{font-size:12px;line-height:1.4}.hero-photo{height:390px}.sticker{font-size:23px;padding:19px 16px;right:22px;top:25px}.photo-caption{font-size:10px;letter-spacing:.5px;gap:12px;padding:13px 10px}
 .section{padding:48px 6%}.section-heading{margin-bottom:25px}.eyebrow{font-size:12px;line-height:1.5}.item-title h3{font-size:30px}.visit-copy{padding:45px 6%}.visit h2{font-size:clamp(51px,14.5vw,66px)}.visit-photo{min-height:370px}.visit address{font-size:21px}.hours{font-size:16px}.hours div{gap:16px;padding:12px 0}.hours dd{text-align:right;white-space:nowrap}details{font-size:16px}summary{padding:12px 0;min-height:44px}details p{font-size:16px}
 .catering h2{font-size:clamp(58px,16vw,80px)}.catering{gap:30px}.hand-note{margin-top:30px;font-size:20px}.story h2{font-size:clamp(44px,12vw,62px)}.story-copy p{font-size:17px}.crew-art{width:100%;padding-inline:10px}.crew-art .crew-label{left:9%;font-size:20px}.page-intro h1{font-size:clamp(49px,14vw,68px)}.page-intro p:not(.eyebrow){font-size:17px}.page-intro.with-photo>img{height:260px}.page-lead{font-size:21px}.split-content{gap:24px}.category-heading h2{font-size:39px}.menu-row{gap:15px;padding:22px 0}.menu-row p{font-size:16px}.menu-row h3{font-size:28px}.category-nav a{min-height:44px;display:flex;align-items:center;font-size:14px}.pricing-grid{gap:23px}.price-card{padding:25px 22px}.price-card:nth-child(even){transform:none}.price-card li{font-size:15px}.preview-form label{font-size:16px;margin-bottom:22px}.preview-form input,.preview-form select{min-height:48px}.preview-form textarea{min-height:140px}.terms,.source-note{font-size:15px}
 .footer-top>div{display:grid;gap:4px}.footer-top>div a,.footer-pages a{min-height:44px;display:flex;align-items:center;font-size:15px}.footer-pages{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.footer-bottom{font-size:11px;line-height:1.5}.footer-bottom a{padding-block:10px}.founders h3{font-size:31px}.founders img{max-width:260px}
 dialog{max-height:calc(100dvh - 32px);overflow:auto;padding:44px 24px 28px}dialog h2{font-size:43px}.close{min-width:44px;min-height:44px}
}
@media(max-width:360px){header{gap:8px;padding-inline:4%}.logo{width:94px}header>.button{padding-inline:10px;font-size:13px}.nav-toggle{padding-inline:9px}.topline{font-size:9px}.hero-photo{height:340px}.sticker{font-size:20px}}

/* Surf-inspired accent lettering for taped notes. */
.hand-note{font-family:'Shrikhand',Georgia,serif;font-style:normal;font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.4px;text-wrap:balance}
@media(max-width:650px){.hand-note{font-size:22px;padding:21px 18px}}

.location-pin{color:var(--green);flex:0 0 36px;width:36px;height:44px}

/* Handwritten marker caption on the photo's paper border. */
.hero .photo-caption{min-height:68px;padding:18px 22px 21px;align-items:center;justify-content:flex-start;font-family:'Permanent Marker',cursive;font-weight:400;font-size:clamp(21px,2vw,29px);line-height:1.25;letter-spacing:.2px;color:#171717}
.hero .photo-caption span{display:inline-block;transform:rotate(-2deg)}
@media(max-width:650px){.hero .photo-caption{min-height:62px;padding:16px 15px 19px;font-size:23px}}

/* Small color hits inspired by the painted Bush Street storefront. */
:root{--street-cyan:#39c4d5;--street-pink:#ee70ad;--street-violet:#b09ae3}
.hero-note{box-shadow:4px 5px 0 var(--street-cyan)}
.menu-grid article:nth-child(2) .small-label{background:var(--street-pink);color:var(--ink)}
.menu-grid article:nth-child(3) .small-label{background:var(--street-cyan);color:var(--ink)}
.menu-grid article:nth-child(2) .food-image{box-shadow:6px 7px 0 var(--street-pink)}
.menu-grid article:nth-child(3) .food-image{box-shadow:6px 7px 0 var(--street-cyan)}
.location-tag{box-shadow:5px 5px 0 var(--street-violet)}
.hand-note::after{background:#39c4d5a6}
.story>div>.eyebrow{box-shadow:3px 4px 0 var(--street-pink)}
.founders article:first-child h3{box-shadow:4px 4px 0 var(--street-cyan)}
.founders article:nth-child(2) h3{box-shadow:4px 4px 0 var(--street-pink)}
.timeline article:nth-child(2){border-top-color:var(--street-cyan)}
.timeline article:nth-child(3){border-top-color:var(--street-pink)}
.category-nav a:hover,.category-nav a:focus-visible{background:var(--green);color:var(--black)}
header nav a:hover,header nav a:focus-visible{color:var(--green)}

/* Sticker edges: outlined layers instead of solid offset shadows. */
.hero-note,.story>div>.eyebrow,.visit-copy>.eyebrow,.location-tag,.hand-note,.sticker,.small-label,.food-image,.price-card,.category-nav a,.founders article h3{box-shadow:none!important}
.hero-note,.story>div>.eyebrow,.location-tag{border:1px solid var(--ink);outline:1px solid var(--street-cyan);outline-offset:4px}
.story>div>.eyebrow{outline-color:var(--street-pink)}.location-tag{outline-color:var(--street-violet)}
.menu-grid article:nth-child(2) .food-image{outline:2px solid var(--street-pink);outline-offset:3px}.menu-grid article:nth-child(3) .food-image{outline:2px solid var(--street-cyan);outline-offset:3px}
.value-stickers{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:34px 0 8px}
.value-sticker{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;min-height:96px;padding:16px 25px;background:var(--street-cyan);color:var(--ink);border:2px solid var(--ink);outline:3px solid var(--paper);outline-offset:1px;border-radius:50%;transform:rotate(-7deg);font:800 28px/.95 'Barlow Condensed',sans-serif;text-align:center;isolation:isolate}
.value-sticker::before{content:'';position:absolute;inset:5px;border:1px solid currentColor;border-radius:inherit;opacity:.65;pointer-events:none}
.value-sticker small{font:700 10px/1.4 'Switzer',sans-serif;letter-spacing:1px;margin-top:7px;display:block}
.value-sticker.pink{background:var(--street-pink);border-radius:8px 25px 8px 25px;transform:rotate(5deg)}
.value-sticker.paper{background:var(--paper);border-radius:4px;transform:rotate(-3deg);outline-color:var(--street-violet)}
.value-sticker.yellow{background:var(--yellow)}
.story-copy .value-stickers{margin-bottom:30px}.menu>.value-stickers{margin-top:35px}.visit-copy .value-sticker{font-size:25px;min-height:85px}
@media(max-width:650px){.value-stickers{gap:18px;margin-block:28px 12px}.value-sticker{font-size:25px;min-height:89px;padding:15px 22px}.value-sticker small{font-size:10px}.story-copy .value-stickers{margin-top:10px}}

/* Center single tape strips while preserving each strip's slight angle. */
.sticker::before,.menu-grid article:first-child .small-label::before,.location-tag::before,.hero-note::before,.visit-copy>.eyebrow::before,.story>div>.eyebrow::before{left:50%;right:auto;translate:-50% 0}

/* Color-filled button interaction, including keyboard focus. */
.button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.button:hover,.button:focus-visible,.hero .button:hover,.hero .button:focus-visible{background:var(--green);color:var(--black);border-color:var(--ink);box-shadow:none;transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.button:hover,.button:focus-visible,.hero .button:hover,.hero .button:focus-visible{transform:none}}

/* Quick pasted-paper arrivals; normal document scrolling stays intact. */
.bar-interior{object-position:center 45%}
@media(prefers-reduced-motion:no-preference){
 .motion-pending{opacity:0;translate:0 24px}
 .motion-pending.motion-photo{translate:-22px 18px}
 .motion-pending.motion-sticker{translate:0 18px;scale:.92}
 .motion-reveal{transition:opacity .55s ease,translate .65s cubic-bezier(.2,.8,.2,1),scale .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
 .motion-reveal.is-visible{opacity:1;translate:0 0;scale:1}
 .value-sticker{transition:rotate .2s ease,scale .2s ease}
 @media(hover:hover){.value-sticker:hover{rotate:3deg;scale:1.035}.food-image:hover{rotate:1deg;transition:rotate .25s ease}}
}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1;translate:none;scale:1}}

/* Drawn ink strike, inspired by skate sticker lettering. */
header nav a{position:relative;isolation:isolate;text-decoration:none!important}
.nav-strike{position:absolute;left:-6%;top:calc(50% - 6px);width:112%;height:12px;pointer-events:none;overflow:visible;color:var(--green)}
.nav-strike path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s cubic-bezier(.65,0,.35,1)}
header nav a:hover .nav-strike path,header nav a:focus-visible .nav-strike path{stroke-dashoffset:0}
header nav a:hover,header nav a:focus-visible{color:var(--paper)}
header nav a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
/* Printed vinyl: generous die-cut edges, imperfect silhouettes, restrained wear. */
.value-stickers{gap:28px;padding:5px}
.value-sticker{border:3px solid var(--ink);outline:5px solid var(--paper);outline-offset:0;min-height:118px;padding:22px 29px;border-radius:48% 52% 46% 54%;font-size:34px;font-style:italic;letter-spacing:-.7px}
.value-sticker::before{inset:6px;border-width:1px;opacity:.7}
.value-sticker::after{content:'';position:absolute;inset:0;border-radius:inherit;background:url('/assets/print-grain.svg') center/180px;opacity:.25;mix-blend-mode:multiply;pointer-events:none}
.value-sticker small{font-style:normal;letter-spacing:1px;font-size:9px}
.value-sticker.pink{border-radius:29px 12px 31px 10px;font-family:'Shrikhand',Georgia,serif;font-weight:400;font-size:24px;line-height:1.08;letter-spacing:-.8px}
.value-sticker.paper{border-radius:48%;outline-color:var(--street-violet);font-size:30px;padding:25px 32px}
/* Save tape for the hero notes, storefront photo and catering message. */
.menu-grid article:first-child .small-label::before,.visit-copy>.eyebrow::before,.story>div>.eyebrow::before{display:none}
@media(max-width:650px){
 header nav a{width:fit-content;max-width:100%}.nav-strike{left:3%;width:94%}
 .value-stickers{gap:24px}.value-sticker{font-size:29px;padding:20px 25px;min-height:108px}.value-sticker.pink{font-size:22px}.value-sticker.paper{font-size:26px;padding:24px}
}
@media(prefers-reduced-motion:reduce){.nav-strike path{transition:none}}

/* Clean paper edge on the hero address note. */
.hero-note{outline:none;border:0}

/* Selected Resource Boy PNG tapes: clear on charcoal, masking on color. */
.hero-note::before,.sticker::before,.location-tag::before,.hand-note::before,.hand-note::after{
 clip-path:none;box-shadow:none;background:transparent url('/assets/tape-masking.png') center/contain no-repeat;
 width:82px;height:38px;pointer-events:none;z-index:2;
}
.hero-note::before{background-image:url('/assets/tape-clear.png');width:94px;height:44px;top:-22px;transform:rotate(-8deg)}
.sticker::before{top:-18px;transform:rotate(-9deg)}
.location-tag::before{top:-20px;transform:rotate(5deg)}
.hand-note::before{top:-19px;left:20px;transform:rotate(-10deg)}
.hand-note::after{background-image:url('/assets/tape-masking-fold.png');bottom:-17px;right:14px;transform:rotate(-12deg);width:75px;height:38px}

/* Dark address card lets the clear tape catch the light. */
.hero-note{background:#20201f;color:var(--paper)}

/* Reversible experiment: yellow masking tape category headings. */
.category-heading h2{position:relative;isolation:isolate;background:transparent;padding:15px 22px}
.category-heading h2::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/tape-masking.png') center/100% 100% no-repeat;filter:brightness(.78) sepia(1) saturate(3.5);pointer-events:none}

/* Give menu item names more breathing room. */
.menu-row h3{letter-spacing:.035em}

.hero-note::before{background-image:url('/assets/tape-hero-clear.png')}

/* Taped Polaroids overlap the page-intro seam. */
.page-intro.with-photo{overflow:visible;position:relative;z-index:1}
.intro-polaroid{position:relative;align-self:end;margin:30px 28px 0 14px;padding:8px 8px 38px;background:var(--paper);transform:translateY(30px) rotate(1.5deg);border:1px solid #deddd5;min-width:0}
.intro-polaroid img{display:block;width:100%;height:clamp(300px,36vw,440px);object-fit:cover}
.intro-polaroid::before{content:'';position:absolute;z-index:2;top:-24px;left:50%;width:112px;height:58px;transform:translateX(-50%) rotate(-8deg);background:url('/assets/tape-hero-clear.png') center/contain no-repeat;pointer-events:none}
.page-intro.with-photo+.category-nav{padding-top:60px}
@media(max-width:650px){.intro-polaroid{margin:10px 7% 0;padding:7px 7px 30px;transform:translateY(22px) rotate(1deg)}.intro-polaroid img{height:290px}.intro-polaroid::before{width:95px;height:49px;top:-21px}.page-intro.with-photo+.section{padding-top:70px}.page-intro.with-photo+.category-nav{padding-top:48px}}

/* Counter the diagonal already present in the tape PNG. */
.hero-note::before{transform:rotate(24deg)}

/* Soft paper lift for the catering sticker. */
.hand-note{border:0;outline:none;box-shadow:0 2px 5px rgba(0,0,0,.13)!important}

.location-tag{border:0;outline:none;background:var(--green);color:var(--black)}

/* Clean photo edges and brighter drawn text-link interactions. */
.menu-grid article .food-image{outline:none!important}
.value-sticker.paper{outline-color:var(--paper)}
.ink-link{position:relative;isolation:isolate}
.ink-link .nav-strike{color:#65d34e}
.ink-link:hover .nav-strike path,.ink-link:focus-visible .nav-strike path{stroke-dashoffset:0}
.ink-link:hover,.ink-link:focus-visible{text-decoration:none}
.ink-link:focus-visible{outline:2px solid #65d34e;outline-offset:5px}

.intro-polaroid::before{background-image:url('/assets/tape-polaroid.png');width:64px;height:80px;top:-38px;transform:translateX(-50%) rotate(-5deg)}
@media(max-width:650px){.intro-polaroid::before{width:52px;height:65px;top:-30px}}

/* Sticky frosted navigation with a low-resolution grid finish. */
body>header{position:sticky;top:0;z-index:100;background:rgba(17,17,16,.82);isolation:isolate;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body>header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,rgba(0,0,0,.18) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.18) 1px,transparent 1px),repeating-conic-gradient(rgba(255,255,255,.025) 0% 25%,rgba(0,0,0,.04) 0% 50%);background-size:8px 8px,8px 8px,16px 16px}
html{scroll-padding-top:130px}
@media(max-width:650px){html{scroll-padding-top:100px}body>header:has(nav.is-open){background:rgba(17,17,16,.96);max-height:100dvh;overflow-y:auto}}
@supports not (backdrop-filter:blur(1px)){body>header{background:rgba(17,17,16,.96)}}

/* Subtle contact and ambient shadows beneath printed photos. */
.intro-polaroid,.food-image{box-shadow:0 2px 3px rgba(0,0,0,.12),0 9px 18px -9px rgba(0,0,0,.22)!important}
.hero-photo{filter:drop-shadow(0 5px 7px rgba(0,0,0,.16))}

/* Smooth charcoal glass navigation, without pixel texture. */
body>header{background:rgba(17,17,16,.82);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 1px 0 rgba(255,255,255,.035) inset}
body>header::before{display:none}
@supports not (backdrop-filter:blur(1px)){body>header{background:#111110}}

/* Printed sticker finish: no inner keyline, soft lifted edges and paper grain. */
.value-sticker::before{display:none}
.value-sticker{box-shadow:0 2px 3px rgba(0,0,0,.14),0 6px 12px -5px rgba(0,0,0,.24);border-color:rgba(17,17,16,.65)}
.value-sticker::after{opacity:.5;background-image:linear-gradient(135deg,rgba(255,255,255,.28),transparent 42%,rgba(0,0,0,.08)),url('/assets/print-grain.svg');background-size:100% 100%,140px 140px;mix-blend-mode:multiply}

body>header,body>header:has(nav.is-open){background:#000;box-shadow:none}

body>header,body>header:has(nav.is-open){background:var(--ink)}

/* Preserve Polaroid proportions on wide displays. */
.intro-polaroid{width:calc(100% - 42px);max-width:580px;justify-self:center}
.intro-polaroid img{height:auto;aspect-ratio:1/1;object-fit:cover}
@media(max-width:650px){.intro-polaroid{width:86%;max-width:440px;margin-inline:0}.intro-polaroid img{height:auto;aspect-ratio:1/1}}

/* Storefront palette: painted color across sections, yellow for key actions. */
.catering{background:var(--street-cyan)}
.pricing-section{background:var(--street-violet)}
.values-grid{background:var(--street-pink)}
.ticker{background:var(--street-pink)}
.ticker-toggle{background:var(--street-pink);box-shadow:0 0 0 8px var(--street-pink)}
.crew-art .crew-label{background:var(--street-cyan)}
.visit h2 em{color:var(--street-cyan)}
.story h2 em{color:var(--street-pink)}
.page-intro{border-bottom-color:var(--street-cyan)}
.founder-section h2{color:var(--street-violet)}
.category-heading h2::before{filter:brightness(.78) sepia(1) saturate(3.5)}
.menu-category:nth-child(3n+2) .category-heading h2::before{filter:sepia(1) saturate(2.5) hue-rotate(125deg)}
.menu-category:nth-child(3n) .category-heading h2::before{filter:sepia(1) saturate(2) hue-rotate(265deg)}

/* Official location artwork, reserved for the footer and catering accent. */
footer{background-image:linear-gradient(rgba(17,17,16,.60),rgba(17,17,16,.60)),url('/assets/brand-pattern-black-tile.svg');background-size:auto,675.5px 267px;background-position:center;background-repeat:repeat}
.catering{position:relative;isolation:isolate}
.catering::before{display:block;content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/brand-pattern-white-tile.svg') center/478.479px auto;opacity:.075;mix-blend-mode:multiply;pointer-events:none}
.pricing-section{background-image:linear-gradient(rgba(176,154,227,.93),rgba(176,154,227,.93)),url('/assets/brand-pattern-white-tile.svg');background-size:auto,478.479px auto}

/* Compact category rail: stays beneath the main navigation. */
html:has(.category-nav){scroll-padding-top:calc(var(--menu-header-height,100px) + var(--category-height,60px) + 18px)}
.page-intro.with-photo+.category-nav{margin-top:42px;padding:8px 6%}
.category-nav{position:sticky;top:var(--menu-header-height,100px);z-index:90;flex-wrap:nowrap;align-items:center;gap:8px;background:var(--paper);overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #1112;box-shadow:0 4px 10px #00000008}
.category-nav a{position:relative;flex:0 0 auto;min-height:44px;display:flex;align-items:center;padding:8px 14px;border:0;background:transparent;font:800 21px/1 'Barlow Condensed',sans-serif;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;transition:background .18s,transform .18s}
.category-nav a:nth-child(3n+1){--category-color:#39c4d5}.category-nav a:nth-child(3n+2){--category-color:#ee70ad}.category-nav a:nth-child(3n){--category-color:#b09ae3}
.category-nav a:hover,.category-nav a:focus-visible,.category-nav a[aria-current=location]{background:var(--category-color);color:var(--ink);text-decoration:none;transform:rotate(-1.5deg)}
.category-nav a:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.menu-category{scroll-margin-top:0}
@media(max-width:650px){.page-intro.with-photo+.category-nav{margin-top:32px;padding:6px 5%}.category-nav a{font-size:19px;padding:8px 12px}.category-nav{gap:4px}}

/* Monthly special: a printed sticker tucked into the menu hero. */
.monthly-special{margin:44px 0 10px 8px;width:240px;max-width:90%;min-height:132px;padding:20px 28px;background:var(--street-pink);transform:rotate(-5deg);border:0;outline:4px solid var(--paper);font-size:38px;line-height:.94;letter-spacing:.01em;box-shadow:0 3px 5px #0003,0 9px 16px -7px #0008}
.monthly-special small{margin:0 0 9px;font-size:11px;letter-spacing:.13em}
@media(max-width:650px){.monthly-special{margin-top:32px;width:215px;min-height:122px;font-size:34px}}

/* Sticker family: alternate silhouette, scale and paper orientation. */
.value-sticker::after{background-image:url('/assets/sticker-paper.png');background-size:cover;background-position:center;opacity:.48;mix-blend-mode:multiply}
.value-stickers>.value-sticker:not(.pink):not(.paper){border-radius:50%;width:170px;min-height:170px;padding:22px 16px;font-size:30px;transform:rotate(-8deg);border:0;outline:4px solid var(--paper)}
.value-sticker.pink{width:245px;min-height:115px;border:0;border-radius:8px 26px 7px 18px;outline:4px solid var(--paper);transform:rotate(4deg)}
.value-sticker.pink::after{background-position:bottom right;background-size:130%}
.value-sticker.paper{width:300px;max-width:100%;min-height:112px;border:0;border-radius:50%;outline:3px solid var(--paper);transform:rotate(-3deg)}
.value-sticker.paper::after{background-position:left top;background-size:145%;opacity:.35}
.monthly-special{width:255px;min-height:150px;border-radius:0;outline:0;background:var(--street-pink);padding:25px 33px;clip-path:none;border-radius:20px;outline:4px solid var(--paper);filter:none;transform:rotate(-5deg)}
.small-label,.location-tag,.hand-note{background-image:url('/assets/sticker-paper.png');background-size:cover;background-blend-mode:multiply}
.small-label{border-radius:3px 7px 2px 5px}.small-label.green{border-radius:18px 3px 15px 4px}.location-tag{border-radius:6px 18px 4px 12px}
@media(max-width:650px){.monthly-special{width:235px;font-size:33px}.value-stickers>.value-sticker:not(.pink):not(.paper){width:150px;min-height:150px;font-size:27px}.value-sticker.pink{width:225px}.value-sticker.paper{width:280px}}
.monthly-special::after{opacity:.8;background-size:100% 100%}

/* Rounded starburst silhouette supplied as the monthly-special reference. */
.monthly-special{background:transparent;border-radius:0;outline:0;clip-path:none;box-shadow:none;filter:drop-shadow(0 3px 3px #0004);min-height:170px;padding:32px 34px}
.monthly-special::before,.monthly-special::after{content:'';display:block;position:absolute;inset:0;border:0;border-radius:0;opacity:1;pointer-events:none;mask:url('/assets/sticker-starburst.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/sticker-starburst.svg') center/100% 100% no-repeat;mix-blend-mode:normal}
.monthly-special::before{background:var(--paper);z-index:-2}
.monthly-special::after{inset:3px;background:var(--yellow) url('/assets/sticker-paper.png') center/100% 100%;background-blend-mode:multiply;z-index:-1}

/* Smaller food-category controls. */
.page-intro.with-photo+.category-nav{padding-block:6px}
.category-nav{gap:6px}
.category-nav a{min-height:36px;padding:7px 10px;font-size:17px;letter-spacing:.025em}
@media(max-width:650px){.category-nav{gap:4px}.category-nav a{font-size:16px;min-height:40px;padding:8px 9px}}

/* Supplied food photography, paired directly with its menu entry. */
.menu-row.has-photo{flex-direction:column;gap:22px}
.menu-item-photo{margin:0;width:100%;max-width:360px;align-self:center;background:#fff;padding:8px 8px 22px;box-shadow:0 2px 3px #0001,0 7px 15px -8px #0005;transform:rotate(-1deg)}
.menu-row:nth-child(even) .menu-item-photo{transform:rotate(1deg)}
.menu-item-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.menu-item-info{display:flex;justify-content:space-between;gap:25px;width:100%}
.menu-item-info>div{min-width:0}
.menu-item-photo.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:100%;margin-block:auto}
.menu-item-photo.photo-pair img{min-width:0}
.menu-row:not(.has-photo){align-self:start}
@media(max-width:650px){.menu-row.has-photo{gap:22px}.menu-item-photo{max-width:320px;margin-top:5px}.menu-item-info{gap:15px}.menu-item-photo.photo-pair{max-width:100%;margin-block:5px}}
.menu-row.has-photo{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px}
.menu-item-photo{max-width:150px;padding:5px 5px 13px}
.menu-item-photo.photo-pair{display:block;position:relative;max-width:150px;margin:0 0 24px}
.menu-item-photo.photo-pair img+img{position:absolute;width:64px;right:-9px;bottom:-25px;border:4px solid white;box-shadow:0 2px 5px #0002;transform:rotate(8deg)}
.menu-item-info{gap:12px}.menu-row.has-photo h3{font-size:27px}
@media(min-width:651px) and (max-width:1050px){.menu-row.has-photo{grid-template-columns:110px minmax(0,1fr);gap:16px}.menu-row.has-photo h3{font-size:24px}}
@media(max-width:650px){.menu-row.has-photo{grid-template-columns:115px minmax(0,1fr);gap:18px}.menu-row.has-photo h3{font-size:25px}.menu-item-photo.photo-pair img+img{width:52px}}
@media(max-width:380px){.menu-row.has-photo{grid-template-columns:90px minmax(0,1fr);gap:14px}}

.menu-row:not(.has-photo){align-self:stretch}

/* Stronger printed-paper grain and crease definition, beneath the lettering. */
.value-sticker:not(.monthly-special)::after{opacity:.85;filter:contrast(1.65) brightness(1.04)}
.value-sticker.paper::after{opacity:.7}
.monthly-special::after{background-image:url('/assets/sticker-paper.png'),url('/assets/sticker-paper.png');background-size:100% 100%;background-blend-mode:multiply;filter:contrast(1.15)}
.small-label,.location-tag,.hand-note{background-image:url('/assets/sticker-paper.png'),url('/assets/sticker-paper.png');background-size:cover;background-blend-mode:multiply}

/* Shared sticker material: use .paper-sticker for future sticker components. */
:root{--sticker-grain:url('/assets/print-grain.svg');--sticker-paper:url('/assets/sticker-paper.png');--sticker-material:var(--sticker-grain)}
.paper-sticker,.sticker,.small-label,.location-tag,.hand-note,.hero-note,.crew-label{background-image:var(--sticker-material);background-size:110px 110px;background-blend-mode:soft-light}
.value-sticker:not(.monthly-special)::after{background-image:var(--sticker-material);background-size:110px 110px;background-blend-mode:soft-light;opacity:.3;filter:none}
.value-sticker.paper::after{opacity:.25}
.monthly-special::after{background-image:var(--sticker-material);background-size:110px 110px;background-blend-mode:soft-light;filter:none}

/* Consistent yellow interaction for every food category. */
.category-nav a:hover,.category-nav a:focus-visible{background:var(--yellow)}

/* Story oval: cream center inside a fine ink keyline. */
#story .value-sticker.paper::before{display:block;inset:6px;border:1px solid var(--ink);border-radius:50%;background:#f3ead6;opacity:1;z-index:-1}

/* A small skate-inspired flame marks the Spicy Smash. */
.food-image img.heat-sticker{position:absolute;top:7px;right:20px;width:clamp(38px,4vw,48px);height:auto;object-fit:contain;transform:rotate(12deg);filter:drop-shadow(0 2px 2px #0004);pointer-events:none;z-index:2}

.food-image img.heat-sticker{width:52px;top:5px;right:12px;clip-path:polygon(50% 2.9%,71.7% 20.5%,71.7% 39.9%,62.8% 46%,71.7% 52.5%,71.7% 75.1%,50% 94%,28.1% 75%,28.1% 57%,37.8% 50%,28.1% 42.8%,28.1% 20.5%)}

.spicy-title{position:relative}
.spicy-title .s-sticker{position:absolute;left:calc(100% + 3px);top:50%;margin-top:-33px;z-index:5;pointer-events:none}
.s-sticker{display:inline-block;width:38px;height:66px;flex:none;transform:rotate(12deg);filter:drop-shadow(2px 0 white) drop-shadow(-2px 0 white) drop-shadow(0 2px white) drop-shadow(0 -2px white) drop-shadow(0 2px 2px #0003)}
.s-sticker img{display:block;width:52px;height:78px;max-width:none;margin:-6px -7px;clip-path:polygon(50% 2.9%,71.7% 20.5%,71.7% 39.9%,62.8% 46%,71.7% 52.5%,71.7% 75.1%,50% 94%,28.1% 75%,28.1% 57%,37.8% 50%,28.1% 42.8%,28.1% 20.5%)}

/* Photo cards sit above decorative title stickers without shifting layout. */
#menu .menu-grid .food-image{position:relative;z-index:10}

/* Larger taped prints, lifted across the menu rules. */
.menu-list{column-gap:54px}
.menu-row.has-photo{grid-template-columns:minmax(180px,44%) minmax(0,1fr);gap:25px;padding-block:40px 32px;position:relative}
.menu-item-photo,.menu-item-photo.photo-pair{position:relative;max-width:none;width:100%;margin:0;align-self:center;padding:7px 7px 20px;transform:rotate(-3deg) translateY(-12px);z-index:2;box-shadow:0 3px 5px #0002,0 12px 20px -9px #0005}
.menu-row:nth-child(even) .menu-item-photo{transform:rotate(2.5deg) translateY(-8px)}
.menu-item-photo::before{content:'';position:absolute;left:50%;top:-19px;width:90px;height:40px;background:url('/assets/tape-masking.png') center/contain no-repeat;transform:translateX(-50%) rotate(-7deg);z-index:3;pointer-events:none}
.menu-row:nth-child(even) .menu-item-photo::before{background-image:url('/assets/tape-hero-clear.png');transform:translateX(-50%) rotate(10deg)}
.menu-item-photo.photo-pair{margin-bottom:18px}
.menu-item-photo.photo-pair img+img{width:85px;right:-10px;bottom:-22px}
.menu-row.has-photo h3{font-size:30px}
.menu-item-info{gap:12px}
@media(min-width:651px) and (max-width:1000px){.menu-row.has-photo{grid-template-columns:1fr;gap:10px}.menu-item-photo,.menu-item-photo.photo-pair{width:80%;max-width:290px;justify-self:center}.menu-row.has-photo h3{font-size:29px}}
@media(max-width:650px){.menu-row.has-photo{grid-template-columns:1fr;gap:12px;padding-top:38px}.menu-item-photo,.menu-item-photo.photo-pair{width:76%;max-width:290px;justify-self:center}.menu-row.has-photo h3{font-size:30px}.menu-item-info{padding-bottom:8px}.menu-item-photo.photo-pair img+img{width:82px}}

/* Accessibility foundation and optional display preferences. */
.skip{z-index:1000;color:#111;background:#fff}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #111;outline-offset:4px;box-shadow:0 0 0 6px #fff}
button.close{min-width:44px;min-height:44px}
.accessibility-tools{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:28px}
.accessibility-badge{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 16px;border:1px solid #fff9;border-radius:4px;color:#fff;background:#111;font:700 14px 'Switzer',Arial,sans-serif}
.accessibility-badge:hover:hover{background:var(--yellow);color:#111}
.accessibility-copy{max-width:950px}.accessibility-copy h2{font-size:34px;margin:32px 0 16px}.accessibility-copy p{line-height:1.7}.accessibility-copy a{text-decoration:underline}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-pending{opacity:1!important;transform:none!important}}
@media(max-width:650px){.menu-item-info>div{overflow-wrap:anywhere}.category-nav{scroll-padding-inline:12px}html{scroll-padding-top:180px}.spicy-title .s-sticker{left:auto;right:0;top:-20px}.footer-top>p{overflow-wrap:anywhere}}

/* Compact footer utility controls with comfortable separation. */
.accessibility-tools{gap:12px;margin-top:20px}
.accessibility-badge{min-height:32px;padding:5px 10px;font-size:12px;gap:7px;border-color:#ffffff60}

/* Subdued brand pattern shared by page heroes. */
.hero,.page-intro{background-image:linear-gradient(rgba(17,17,16,.72),rgba(17,17,16,.72)),url('/assets/brand-pattern-black-tile.svg');background-size:auto,591.063px auto;background-position:center;background-repeat:repeat}
.menu-row .menu-spicy-title{position:relative;width:fit-content;max-width:100%;padding-right:30px}
.menu-spicy-title .s-sticker{position:absolute;right:0;top:50%;margin-top:-33px;transform:scale(.65) rotate(12deg);transform-origin:center;z-index:2;pointer-events:none}
.menu-row .menu-item-photo{z-index:3}
@media(max-width:650px){.hero,.page-intro{background-size:auto,450.333px auto}}

/* Keep decorative rotations and motion from widening the page canvas.
   clip preserves sticky navigation and vertical overlap; category nav
   retains its own intentional horizontal scrolling on narrow screens. */
html,body{overflow-x:clip;overscroll-behavior-x:none}

/* Shared desktop and mobile header labels. */
body>header nav a,body>header>.button{text-transform:uppercase}

/* Windows 95 primary button: flat fill, fine outset bevel, inset press. */
.button.order,.button.yellow{background:var(--yellow);color:#111;border:2px outset #fff0a0;border-radius:0;box-shadow:inset 1px 1px 0 #fff7bd,inset -1px -1px 0 #8b7613;transform:none;font-family:'Barlow',Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.2px;text-transform:uppercase;transition:none}
.button.order::before{content:none}
.button.order:hover,.button.yellow:hover{background:var(--yellow);border-style:inset;box-shadow:inset 1px 1px 0 #8b7613,inset -1px -1px 0 #fff7bd;transform:none}
.button.order:active,.button.yellow:active{border-style:inset;box-shadow:inset 1px 1px 0 #8b7613,inset -1px -1px 0 #fff7bd;transform:none}
.button.order:focus-visible,.button.yellow:focus-visible{outline:2px dotted currentColor;outline-offset:-7px}