@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
/* A neighbourhood printshop: bold lettering, cut-paper meals and posted notices. */
:root{--display:'Archivo Black','Arial Black',sans-serif}
.hero h1,.section-heading h2,.kitchen h2,.menu-header h2,.closing h2{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:1.03}
.hero-main{grid-template-columns:55% 45%;min-height:630px;padding-right:4%}.hero-copy{padding:65px 6% 73px 9%}.hero h1{font-size:clamp(65px,6.1vw,92px);margin:25px 0 29px}.hero h1 span{color:var(--yellow)}
.hero-art{background:#f9f1dc;border:0;margin:32px 0 46px 4%;transform:rotate(3deg);box-shadow:9px 10px 0 #152c863b;overflow:visible;min-height:520px;align-self:center}
.hero-art:before{content:'';position:absolute;top:-9px;left:39%;width:24%;height:28px;background:#ffe294b8;transform:rotate(-3deg);z-index:3}
.hero-art:after{content:'A SEAT FOR YOU';position:absolute;bottom:22px;left:0;right:0;text-align:center;font:700 13px var(--mono);letter-spacing:.17em;color:var(--blue)}
.table{width:70%;left:15%;top:6%;background:var(--coral);box-shadow:none;transform:rotate(-12deg);border-radius:48% 52% 49% 51%}.table:before{border:1.5px dashed #a84635;inset:7%}
.plate{border-radius:48% 52% 47% 53%;box-shadow:inset 0 0 0 10px #ecdcb4}.plate:after{box-shadow:none}.table-note{color:#752d25;font-size:9px;bottom:8%}.fork{background:var(--blue)}.fork:after{background:transparent;border-color:var(--blue)}
.art-spark{color:var(--blue);font-size:40px}.spark-one{left:-5%;bottom:12%;transform:rotate(12deg)}.spark-two{right:-4%;top:3%}.hero-topline{font-size:9px}.hero-bottom{border-top:1px solid #fff6}
.yellow-button,.header-cta{box-shadow:3px 3px 0 #182341}.yellow-button:hover,.header-cta:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #182341}
.marquee{font-family:var(--display);font-size:21px;padding:17px 0;border-bottom:1px solid #2447b74a}
.why{gap:7%;grid-template-columns:.85fr 1.15fr}.why-lede{font-size:24px}.why-cards{gap:17px}.why-cards article{position:relative;box-shadow:3px 4px 0 #18234119;min-height:253px;transform:rotate(-2deg)}.why-cards article:nth-child(2){transform:rotate(2deg)}.why-cards article:nth-child(3){transform:rotate(-1deg)}
.why-cards article:before{content:'';position:absolute;left:38%;top:-9px;width:26%;height:20px;background:#ffffff75;transform:rotate(-3deg)}
.why-cards h3,.menu-list strong,.shift-card h3,.plan-panel h3,.menu-day strong,.meal-detail h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em}
.why-cards h3{font-size:23px}.kitchen h2{font-size:clamp(55px,5.25vw,78px)}
.kitchen-graphic{background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#18234107 39px,#18234107 40px),repeating-linear-gradient(0deg,transparent 0,transparent 39px,#18234107 39px,#18234107 40px),#e9ab83}
.pot{box-shadow:none;border-radius:0 0 38% 38%}.pot:before{border-width:6px}.pot-handle{border-width:12px}.steam{font-family:var(--display);transform:rotate(-8deg)}
.menu-board{grid-template-columns:1fr;border:0;background:#fffaf0;box-shadow:6px 7px 0 #1823411c;position:relative}
.menu-board:before{content:'';position:absolute;left:44%;top:-14px;width:12%;height:25px;background:#edc77494;transform:rotate(-3deg);z-index:2}
.menu-days{grid-template-columns:repeat(3,1fr);border:2px solid var(--blue)}.menu-day{border-bottom:0;border-right:1px solid #7184cb;padding:23px 26px}.menu-day:last-child{border-right:0}.menu-day strong{font-size:25px}.meal-detail{padding:44px 5% 45px;border:1px solid #d9ceaf;border-top:0}.meal-detail h3{font-size:clamp(40px,4vw,60px);max-width:780px;letter-spacing:-.05em}.meal-details{max-width:840px}
.filter-panel{background:#e8e2cb;border-top:2px solid var(--blue);border-bottom:1px solid #c7bea2}.filter{border-radius:2px}
.shift-list{gap:24px;padding:10px 4px 0}.shift-card{position:relative;border:0;box-shadow:3px 4px 0 #18234118;background:#fffaf0;padding:27px 24px;transform:rotate(-.8deg);min-height:260px}.shift-card:nth-child(2n){transform:rotate(.7deg);background:#f8dfad}.shift-card:before{content:'';position:absolute;top:8px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#d86148;box-shadow:1px 1px 0 #844c3560}.shift-card h3{font-size:30px}.shift-meta{font-size:9px;padding-top:4px}.shift-bottom button{box-shadow:2px 2px 0 #18234122}.plan-panel{border:2px solid var(--blue);background:transparent;color:var(--ink);position:relative}.plan-panel .eyebrow{color:var(--blue)}.plan-panel h3{font-size:35px}.plan-panel button{border:1px solid var(--ink)}.closing-icon{font-size:100px}.closing{border-top:2px solid var(--ink)}
@media(max-width:1050px){.hero h1{font-size:6.2vw}.hero-art{min-height:430px;margin-top:35px;margin-bottom:35px}.hero-copy{padding-top:70px}.why{grid-template-columns:1fr}.table{top:10%}.menu-day strong{font-size:21px}}
@media(max-width:800px){.hero-art{min-height:375px}.table{top:12%}.hero-copy{padding-left:7%;padding-right:3%}.menu-days{grid-template-columns:repeat(3,1fr)}.menu-day{padding:20px}.menu-day strong{font-size:19px}.menu-day small{font-size:9px}}
@media(max-width:700px){.hero-main{grid-template-columns:1fr;padding-right:0}.hero-copy{padding:57px 6% 39px}.hero h1{font-size:clamp(64px,12.6vw,88px)}.hero-art{min-height:0;aspect-ratio:1.05;margin:24px 12% 46px;transform:rotate(3deg);width:auto;align-self:stretch}.hero-art:after{font-size:10px;bottom:18px}.table{top:4%;width:82%;left:9%}.art-spark{font-size:33px}.table-note{font-size:8px}.why-cards{grid-template-columns:1fr;gap:25px}.why-cards article{min-height:0;padding:24px;transform:rotate(-1deg)}.why-cards article:nth-child(2){transform:rotate(.7deg)}.why-cards h3{margin-top:20px}.section-heading h2,.kitchen h2,.closing h2{font-size:clamp(52px,10vw,69px)}.menu-header h2{font-size:clamp(52px,10vw,69px)}.shift-list{gap:23px}.shift-card{min-height:230px}.meal-details{gap:20px}}
@media(max-width:600px){.menu-days{grid-template-columns:1fr}.menu-day{display:grid;grid-template-columns:45px 1fr auto;gap:9px;align-items:center;padding:16px;border-right:0;border-bottom:1px solid #7184cb}.menu-day strong{font-size:18px}.menu-day small{font-size:9px}.meal-detail{padding:31px 6%}.meal-details{grid-template-columns:1fr;gap:13px}.meal-detail h3{font-size:39px}.hero-art{margin-left:11%;margin-right:11%}.hero-art:after{bottom:15px;font-size:9px}.table-note{font-size:7px}.plate{box-shadow:inset 0 0 0 7px #ecdcb4}.fork{height:40px}.leaf{width:23px;height:40px}.why-lede{font-size:22px}}
@media(max-width:380px){.menu-day{grid-template-columns:32px 1fr}.menu-day small{grid-column:2;text-align:left}.hero h1{font-size:12.5vw}.hero-art{margin-bottom:40px}.table{top:4%}.hero-art:after{bottom:13px;font-size:8px}.art-spark{font-size:29px}}
@media(prefers-reduced-motion:reduce){.yellow-button:hover,.header-cta:hover{transform:none}}
