@font-face{font-family:TwentysHand;src:url('assets/fonts/GveretLevin-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:TwentysText;src:url('assets/fonts/Rubik[wght].ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:TwentysGraffiti;src:url('assets/fonts/RubikSprayPaint-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--cream:#fff7e9;--ink:#362819;--red:#dc273b;--yellow:#ffdd4f;--green:#168347;--green-dark:#0b5831;--blue:#276bbd;font-family:TwentysText,Arial,sans-serif;color:var(--ink);background:var(--cream);scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #095fbb;outline-offset:6px}p,h1,h2,h3,figure{margin:0}p{line-height:1.65}h1,h2,h3{line-height:1.06}h1{letter-spacing:-.055em;font-weight:900}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section-pad{padding-block:82px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;right:16px;padding:15px;background:white;z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:64px;padding:15px 32px;border-radius:48% 52% 48% 52% / 44% 50% 50% 56%;background:var(--green);color:white;font-family:TwentysHand,Arial,sans-serif;font-size:30px;font-weight:400;-webkit-text-stroke:.35px currentColor;box-shadow:0 6px 0 var(--green-dark);transition:transform .18s,box-shadow .18s;white-space:nowrap;line-height:1.2}.button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 9px 0 var(--green-dark)}.button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--green-dark)}.button>span:last-child{font-family:TwentysText,Arial,sans-serif;-webkit-text-stroke:0;font-size:24px}.sprite{display:block;position:relative;overflow:hidden;flex-shrink:0}.sprite>img{position:absolute;max-width:none;height:auto;pointer-events:none;user-select:none}.hand-title{width:min(100%,550px);line-height:1;margin-bottom:20px}.hand-title>span[aria-hidden]{display:block}.hand-title .sprite{width:100%}.brand-word{width:185px;margin-bottom:6px}.section-intro{font-size:21px;line-height:1.6;margin-top:20px}
.flavor-copy .section-intro{font-size:25px;font-weight:500;line-height:1.65;position:relative;left:-12px}
/* The navigation is over the same illustrated scene: no strip and no extra logo. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:800px;background:var(--cream)}.scene-plane,.scene-stamp-layer{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max(100%,1422px);aspect-ratio:1672/941;z-index:-3}.scene-stamp-layer{z-index:-1;pointer-events:none}.hero-world{width:100%;height:100%;max-width:none;object-fit:fill}.kosher-stamp{position:absolute;left:32%;top:13%;width:6.1%;aspect-ratio:1;border:3px double #fff;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;transform:rotate(-9deg);font-size:clamp(9px,1vw,16px);text-shadow:0 1px 2px #30210e;background:#31251b22;box-shadow:inset 0 0 0 2px #ffffff30}.kosher-stamp strong{font-size:1.5em}.kosher-stamp b{font-size:1.03em}.kosher-stamp>span{font-size:.65em;line-height:1.1}.hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(to left,#fff7e9ed 0%,#fff7e9df 20%,#fff7e9ad 33%,#fff7e920 51%,transparent 67%),linear-gradient(to bottom,#fff7e999 0,transparent 105px),linear-gradient(to top,#fff7e9 0,transparent 13%)}.site-header{position:absolute;top:16px;left:0;right:0;z-index:8}.nav-wrap{width:min(1310px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.main-nav{display:flex;gap:34px;align-items:center;font-family:TwentysHand,Arial,sans-serif;font-size:30px;font-weight:400;-webkit-text-stroke:.35px currentColor;text-shadow:0 1px 8px #fff7e9,0 0 12px #fff7e9}.main-nav a{min-height:50px;display:flex;align-items:center}.main-nav a:hover{color:var(--red);transform:rotate(-3deg)}.nav-order{font-size:29px;min-height:61px;gap:20px;padding:13px 28px}.hero-inner{min-height:800px;position:relative;display:flex;align-items:center;padding-top:90px}.hero-copy{width:44%;max-width:530px;padding:45px 0 55px}.hero h1{font-size:clamp(72px,6.8vw,101px);margin-bottom:24px}.hero h1 span{color:var(--red)}.hero-description{font-size:22px;line-height:1.6}.hero-bite{margin-top:28px;font-size:39px;gap:14px;padding:8px 27px 8px 22px;min-height:79px}.hero-bite .logo-slice{width:52px;clip-path:polygon(0 100%,0 75%,14% 63%,10% 37%,25% 0,85% 0,100% 60%,100% 90%,46% 79%,37% 71%,22% 91%);filter:drop-shadow(0 1px 1px #fff8)}.hero-friends{position:absolute;left:10%;bottom:15px;width:282px;height:410px;filter:drop-shadow(0 14px 9px #513b2228)}.hero-person{position:absolute;bottom:0;width:159px;transform-origin:bottom center;animation:sway 5s ease-in-out infinite}.hero-twenty{left:0;z-index:1}.hero-crazy{right:-20px;width:169px;bottom:8px;animation-delay:-2s}.hello-note{position:absolute;top:0;left:0;background:var(--yellow);font-family:TwentysHand,Arial,sans-serif;font-size:24px;line-height:1.3;padding:13px 22px 18px;border-radius:60% 40% 48% 52%/45% 55% 45% 55%;transform:rotate(-8deg)}.scene-invite{position:absolute;right:50%;bottom:4px;width:48px;height:48px;display:grid;place-items:center;font-size:31px;color:var(--green-dark)}
/* One continuous illustrated neighborhood under all the following sections. */
.world-continuation{position:relative;isolation:isolate;background-image:url('assets/courtyard.webp');background-size:100% auto;background-repeat:repeat-y;background-position:center top}.world-continuation:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--cream),transparent 150px),linear-gradient(90deg,#fff7e940 0%,#fff7e9b5 17%,#fff7e9e8 35%,#fff7e9ec 68%,#fff7e994 88%,#fff7e933 100%)}.flavor-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:65px}.flavor-copy{min-width:0}.topping-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 7px;margin-top:26px}.topping-choice{background:transparent;border:0;padding:9px 3px 11px;border-radius:28% 35% 28% 32% / 20% 25% 20% 24%;min-height:106px;position:relative;transition:transform .18s,background .18s;color:var(--ink);font-size:14px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;line-height:1.4}.topping-choice>.sprite{height:61px;max-width:83px;margin:auto;filter:drop-shadow(0 3px 2px #714b1d20)}.topping-choice:hover{transform:translateY(-4px);background:#ffdd5970}.topping-choice[aria-pressed=true]{background:#ffdf72c9}.topping-choice[aria-pressed=true]:after{content:"✓";position:absolute;top:0;right:7px;font-size:20px;color:var(--green-dark)}.topping-choice:disabled{cursor:default}.flavor-order{margin-top:29px}.pizza-studio{position:relative;min-width:0;padding-top:142px;text-align:center}.vegan-seal{position:absolute;top:0;right:3%;width:178px;height:169px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:3px dashed #27804b;border-radius:49% 51% 48% 52% / 51% 46% 54% 49%;color:#145c35;background:#fffbe8de;transform:rotate(9deg);z-index:3;box-shadow:0 0 0 5px #fffbe8c0}.vegan-seal strong{font-family:TwentysHand,Arial,sans-serif;font-size:27px;-webkit-text-stroke:.3px currentColor;line-height:1.05}.vegan-seal>span:last-child{font-size:12px;line-height:1.4;margin-top:5px}.leaf-mark{font-size:35px;line-height:.7;margin-bottom:4px}.pizza-demo{width:100%;max-width:510px;aspect-ratio:1;position:relative;margin:auto;transform:rotate(-8deg);filter:drop-shadow(0 20px 13px #ac742438)}.pizza-demo>.sprite{position:absolute;inset:0;width:100%;height:100%}.pizza-toppings{position:absolute;inset:0}.pizza-piece{position:absolute;width:16%;transform:translate(-50%,-50%) rotate(var(--turn));animation:pop-in .23s ease-out}.pizza-piece .sprite{width:100%}.pizza-spark{position:absolute;left:-5px;top:24%;color:var(--red);font-size:66px;z-index:2;transform:rotate(15deg)}.demo-note{font-family:TwentysHand,Arial,sans-serif;font-size:30px;-webkit-text-stroke:.2px currentColor;line-height:1.3;margin-top:23px;color:#59452c}.reset-pizza{border:0;background:transparent;color:var(--green-dark);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:12px 16px;min-height:44px;margin-top:8px}
.play{padding-block:105px 95px}.play-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.play-copy{text-shadow:0 1px 10px #fff9e8}.play-kicker{font-family:TwentysHand,Arial,sans-serif;font-size:27px;color:#af2139;-webkit-text-stroke:.25px currentColor;line-height:1.3;margin-bottom:18px;transform:rotate(2deg);transform-origin:right}.play h2{font-family:TwentysGraffiti,TwentysText,sans-serif;font-size:clamp(44px,4.7vw,68px);font-weight:400;line-height:1.22;letter-spacing:-.045em;transform:rotate(-3deg);transform-origin:right;text-shadow:2px 3px 0 #ffe852,4px 5px 0 #fff9e9}.play h2>span{display:block;color:#266aba}.play h2>span:last-child{color:var(--red)}.play h2 em{font-style:normal;color:#12634b}.play .section-intro{font-family:TwentysHand,Arial,sans-serif;font-size:31px;-webkit-text-stroke:.2px currentColor;line-height:1.4;margin-top:27px}.button-play{background:#7035aa;box-shadow:0 6px 0 #402062;margin-top:27px;transform:rotate(-2deg);font-size:32px}.button-play:hover{box-shadow:0 9px 0 #402062}.play-footnote{font-size:22px;font-weight:500;line-height:1.6;margin-top:23px;color:#264830;position:relative;right:-12px}.friends-stage{position:relative;padding-top:90px;min-width:0}.stage-word{position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(-9deg);font-family:TwentysGraffiti,TwentysText,sans-serif;font-size:clamp(34px,4.5vw,60px);color:#773bad;white-space:nowrap;text-shadow:3px 3px 0 #ffe954}.friend-lineup{display:flex;direction:ltr;align-items:flex-end;justify-content:center;position:relative}.friend{width:27%;margin-inline:-1%;text-align:center;transform-origin:bottom;transition:transform .22s;filter:drop-shadow(0 10px 4px #5b6b3920)}.friend:hover{transform:translateY(-12px) rotate(-2deg)}.friend-1,.friend-3{transform:translateY(14px)}.friend-1:hover,.friend-3:hover{transform:translateY(2px) rotate(2deg)}.friend figcaption{font-family:TwentysHand,Arial,sans-serif;-webkit-text-stroke:.3px currentColor;direction:rtl;font-size:26px;line-height:1.2;margin-top:12px;color:#3f366f;text-shadow:0 0 7px #fff7e9}.stage-spark{position:absolute;bottom:80px;left:-20px;color:#eb513a;font-size:75px}
.branches{padding-top:90px;padding-bottom:70px}.branches .hand-title{width:360px;margin:0 auto 55px}.branch-list{display:grid;grid-template-columns:1fr 1fr;gap:65px;text-align:center}.branch h3{font-family:TwentysHand,Arial,sans-serif;font-size:57px;font-weight:400;-webkit-text-stroke:.5px currentColor;position:relative;display:inline-block;transform:rotate(3deg);margin-bottom:10px;color:var(--blue)}.branch h3:after{content:"";position:absolute;right:0;left:0;bottom:-8px;height:12px;border-bottom:7px solid #f5c940;border-radius:50%;transform:rotate(-4deg)}.branch-ariel h3{color:var(--red);transform:rotate(-3deg)}.address{font-size:21px;margin-top:20px}.branch-phone{display:flex;gap:12px;align-items:center;justify-content:center;font-size:29px;font-weight:650;min-height:58px;margin-top:7px}.branch-phone>span{color:var(--green);font-size:29px}.visit-link{display:inline-block;min-height:48px;font-family:TwentysHand,Arial,sans-serif;font-size:26px;-webkit-text-stroke:.2px currentColor;text-decoration:underline;text-underline-offset:7px;color:#345c81;margin-top:12px;padding:8px}.contact-order{text-align:center;margin-top:52px}.story-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center;max-width:1060px}.story .hand-title{width:280px;margin-bottom:24px}.story p:not(.story-art p){font-size:21px;line-height:1.8;margin-top:14px}.story-art{position:relative;height:350px;display:flex;align-items:flex-end;justify-content:center}.story-person{width:145px;filter:drop-shadow(0 9px 3px #59563022)}.story-art>p{font-family:TwentysHand,Arial,sans-serif;font-size:39px;color:var(--red);position:absolute;right:calc(50% + 90px);top:-32px;transform:rotate(9deg);line-height:1.2;white-space:nowrap;text-shadow:0 0 5px #fff}.story-art b{display:block;font-size:78px;line-height:1.1;color:#9d4d9d;font-weight:400}.story-art p span{position:absolute;left:-38px;top:8px;display:block;font-size:40px;color:var(--green);line-height:1.1}.footer{padding:12px 0 20px}.footer-brand{display:block;width:210px;margin:auto}.footer-brand img{width:100%;height:auto}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:20px;color:#3e3828;font-size:13px}.footer-bottom a{display:flex;align-items:center;gap:5px;min-height:44px;flex-wrap:wrap}.motion-toggle{border:1px solid #726643;border-radius:30px;padding:10px 16px;min-height:42px;color:#3e3828;background:#fff7e955;font-size:13px}.mobile-bar{display:none}[hidden]{display:none!important}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1.5deg) translateY(-6px)}}@keyframes pop-in{from{opacity:0;scale:.5}to{opacity:1;scale:1}}
@media(min-width:1650px){.hero,.hero-inner{min-height:860px}.hero-friends{left:3%}.hero-wash{background:linear-gradient(to left,#fff7e9e6 0%,#fff7e9d0 24%,#fff7e980 39%,transparent 61%),linear-gradient(to bottom,#fff7e970 0,transparent 100px),linear-gradient(to top,#fff7e9 0,transparent 14%)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav-wrap{width:calc(100% - 48px)}.main-nav{font-size:27px;gap:25px}.nav-order{font-size:26px;padding-inline:25px}.hero-copy{width:49%}.hero h1{font-size:79px}.hero-friends{left:6%;width:230px;height:370px}.hero-person{width:143px}.hero-crazy{width:152px}.hero-description{font-size:20px}.flavor-grid{gap:26px}.section-intro{font-size:19px}.topping-choice{font-size:12px}.topping-choice>.sprite{height:55px;max-width:71px}.vegan-seal{width:162px;height:156px}.vegan-seal strong{font-size:24px}.play .section-intro{font-size:28px}.friend figcaption{font-size:22px}.story-layout{gap:65px}.story-art>p{right:calc(50% + 85px);top:-38px;font-size:35px}.story-art b{font-size:68px}.flavor-copy .section-intro{font-size:23px;left:-10px}.branch h3{font-size:50px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.section-pad{padding-block:60px}.hero{min-height:930px}.scene-plane,.scene-stamp-layer{width:700px;top:0}.hero-wash{background:linear-gradient(to bottom,#fff7e92b 0,#fff7e917 330px,#fff7e9d9 475px,#fff7e9fa 570px),linear-gradient(to right,#fff7e914,transparent)}.kosher-stamp{border-width:2px;font-size:8px}.site-header{top:10px}.nav-wrap{width:calc(100% - 26px);display:flex;flex-wrap:wrap;justify-content:flex-start;gap:9px}.main-nav{width:100%;justify-content:space-between;font-size:23px;gap:10px;text-shadow:0 1px 5px #fff,0 0 10px #fff}.main-nav a{min-height:43px}.nav-order{display:none}.hero-inner{min-height:930px;align-items:flex-start;padding-top:445px}.hero-copy{width:100%;max-width:none;text-align:center;padding:0 0 42px}.brand-word{width:139px;margin:0 auto 0}.hero h1{font-size:64px;line-height:1;margin-bottom:20px}.hero h1 br{display:none}.hero h1 span{display:inline-block;margin-right:10px}.hero-description{font-size:19px;line-height:1.55}.hero-description br{display:none}.hero-bite{font-size:33px;margin-top:23px;min-height:73px;padding-inline:24px;gap:15px}.hero-bite .logo-slice{width:45px}.hero-friends{width:192px;height:264px;top:160px;bottom:auto;left:50%;transform:translateX(-50%)}.hero-person{width:109px}.hero-crazy{width:119px;right:-17px}.hello-note{font-size:19px;top:-7px;left:3px;padding:9px 16px 14px;white-space:nowrap}.scene-invite{right:calc(50% - 24px);bottom:1px}.world-continuation:before{background:linear-gradient(to bottom,var(--cream),transparent 100px),linear-gradient(90deg,#fff7e999 0%,#fff7e9df 20%,#fff7e9ef 75%,#fff7e988 100%)}.flavor-grid{grid-template-columns:1fr;gap:34px}.hand-title{width:100%;margin-bottom:18px}.brand-word{width:139px;margin:0 auto 6px}.section-intro{font-size:18px}.flavor-copy .section-intro{font-size:22px;left:-6px}.topping-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;margin-top:20px}.topping-choice{font-size:12px;min-height:95px;padding:7px 1px 9px;gap:7px}.topping-choice>.sprite{height:49px;max-width:65px}.flavor-order{margin-top:24px;display:flex;width:fit-content;margin-inline:auto}.button{font-size:28px;min-height:60px;padding:14px 29px}.pizza-studio{width:min(420px,100%);margin:auto;padding-top:94px}.vegan-seal{width:153px;height:147px;top:0;right:1%}.vegan-seal strong{font-size:24px}.vegan-seal>span:last-child{font-size:11px}.leaf-mark{font-size:28px}.pizza-spark{font-size:43px;top:26%;left:0}.demo-note{font-size:28px;margin-top:23px}.play-layout{grid-template-columns:1fr;gap:40px}.play-copy{text-align:center}.play-kicker{font-size:24px;transform:rotate(1deg);margin-bottom:19px}.play h2{font-size:48px;transform-origin:center;line-height:1.3;letter-spacing:-.04em}.play .section-intro{font-size:28px;line-height:1.45;margin-top:25px}.button-play{font-size:28px}.play-footnote{font-size:20px;margin-top:24px;right:-7px}.friends-stage{width:100%;max-width:500px;margin:auto;padding-top:80px;padding-bottom:17px}.stage-word{font-size:43px}.friend-lineup{padding-inline:7px}.friend figcaption{font-size:21px}.stage-spark{left:0;bottom:90px;font-size:48px}.branches .hand-title{width:270px;max-width:95%;margin-bottom:35px}.branch-list{grid-template-columns:1fr;gap:47px}.branch h3{font-size:48px}.address{font-size:18px;margin-top:17px}.branch-phone{font-size:26px}.visit-link{font-size:25px}.contact-order{margin-top:38px}.story-layout{grid-template-columns:1fr;gap:32px}.story-layout>div:last-child{grid-row:1}.story .hand-title{width:245px;margin:0 auto 20px}.story p:not(.story-art p){font-size:19px;line-height:1.8}.story-art{height:400px}.story-person{width:123px}.story-art>p{right:50%;top:-12px;font-size:34px;transform:translateX(50%) rotate(8deg)}.story-art b{font-size:70px}.footer{padding-bottom:93px}.footer-brand{width:183px}.footer-bottom{justify-content:center;gap:8px;text-align:center;font-size:12px}.footer-bottom a{justify-content:center}.mobile-bar{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fff7e9f5;z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:10px;box-shadow:0 -3px 16px #26311315}.mobile-bar a{flex:1;min-height:49px;padding:12px 7px;text-align:center;background:var(--green);color:white;border-radius:45% 55% 48% 52% / 43% 45% 55% 57%;font-family:TwentysHand,Arial,sans-serif;-webkit-text-stroke:.2px currentColor;font-size:23px;line-height:1.15}.mobile-bar a:last-child{background:#7b3dab}}
@media(max-width:380px){.main-nav{font-size:21px;gap:7px}.hero h1{font-size:55px}.hero-description{font-size:17px}.hero,.hero-inner{min-height:915px}.play h2{font-size:43px}.topping-choice{font-size:11px}.friend figcaption{font-size:18px}.mobile-bar a{font-size:21px}.section-intro{font-size:17px}.branch h3{font-size:43px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.friend:hover{transform:none}}
@media print{.site-header,.mobile-bar,.motion-toggle,.reset-pizza{display:none!important}.hero,.hero-inner{min-height:0}.hero-inner{padding-top:0}.hero-copy{width:100%;padding:15px 0}.scene-plane,.scene-stamp-layer,.hero-wash,.hero-friends,.scene-invite{display:none}.world-continuation{background:white}.section-pad{padding-block:25px}.button{box-shadow:none}.footer{padding-bottom:0}.branch-list{break-inside:avoid}.sprite{print-color-adjust:exact}}