@font-face{font-family:'Archivo';font-style:italic;font-weight:700 900;font-stretch:100% 125%;font-display:swap;src:url(fonts/archivo-italic.woff2) format('woff2')}
@font-face{font-family:'Rubik';font-weight:300 900;font-display:swap;src:url(fonts/rubik-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2033}
@font-face{font-family:'Rubik';font-weight:300 900;font-display:swap;src:url(fonts/rubik-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
:root{
  /* brand, from their logo */
  --orange:#F15A29;
  --orange-dk:#B23A10;      /* orange for text on white, 5.3:1 */
  --char:#33332F;           /* logo charcoal */
  --outline:#E4E4E1;        /* logo's light outline */
  --shadow:#7A7A73;         /* logo's gray drop layer */
  /* surfaces */
  --black:#000;             /* matches their glossy-black food photos */
  --white:#fff;
  --mist:#F3F3F1;
  --ink-soft:#5B5B55;

  --f-disp:'Archivo',system-ui,sans-serif;
  --f-body:'Rubik',system-ui,sans-serif;

  --s1:clamp(15px,.95rem,17px);
  --s2:clamp(19px,1.4vw,22px);
  --s3:clamp(30px,4vw,48px);
  --s4:clamp(40px,6vw,76px);

  --gut:clamp(16px,4vw,56px);
  --max:1200px;
  --r:14px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 var(--s1)/1.55 var(--f-body);color:var(--char);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.disp{font-family:var(--f-disp);font-style:italic;font-weight:900;font-stretch:112%;line-height:.98;letter-spacing:-.01em}

.btn{display:inline-block;background:var(--orange);color:#160700;font-weight:700;text-decoration:none;padding:15px 28px;border-radius:999px;font-size:17px;transition:background .15s,transform .15s var(--ease);box-shadow:0 2px 0 #9c3410}
.btn:hover{background:#ff6b38}
.btn:active{transform:translateY(1px);box-shadow:0 1px 0 #9c3410}
.btn--sm{padding:10px 18px;font-size:15px}
.btn--lg{padding:19px 38px;font-size:20px}

.ph{font-style:normal;font-size:.72em;font-weight:500;color:#7a4a00;background:#FFE9B8;border-radius:4px;padding:1px 6px;vertical-align:middle;margin-left:4px}

/* header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:10px var(--gut);background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(6px);border-bottom:1px solid var(--outline)}
.top__logo img{height:50px;width:auto}
.top__nav{display:flex;gap:26px;margin-left:auto}
.top__nav a,.top__phone{text-decoration:none;font-weight:500}
.top__nav a:hover,.top__phone:hover{color:var(--orange-dk)}
@media(max-width:820px){.top__nav{display:none}.top__phone{margin-left:auto}}
@media(max-width:520px){.top{gap:12px}.top__logo img{height:38px}.top__phone{display:none}.top .btn{margin-left:auto}}

/* hero */
.hero{position:relative;background:radial-gradient(120% 70% at 50% 100%,#2b2b29 0,#0d0d0c 45%,var(--black) 70%);color:var(--white);text-align:center;overflow:hidden;padding:clamp(24px,3.5vw,44px) var(--gut) 0}
.hero__word{font-family:var(--f-disp);font-style:italic;font-weight:900;font-stretch:118%;font-size:clamp(84px,16vw,240px);line-height:.9;color:var(--orange);letter-spacing:-.02em;
  -webkit-text-stroke:.012em var(--outline);paint-order:stroke fill;
  text-shadow:.03em .03em 0 var(--outline),.055em .055em 0 var(--shadow)}
.hero__word span{display:inline-block;animation:word .8s var(--ease) both}
@keyframes word{from{opacity:0;transform:translateY(.12em) scale(.94)}}
.hero__title{font:500 var(--s2)/1.35 var(--f-body);max-width:30ch;margin:clamp(14px,2vw,22px) auto 0;color:#EDEDEA;animation:fade .6s .35s both}
.hero__stage{position:relative;margin:clamp(10px,2vw,20px) auto 0;max-width:820px;height:clamp(170px,21vw,270px)}
.hero__pizza{position:absolute;left:50%;bottom:clamp(26px,4vw,48px);width:min(100%,640px);z-index:2;translate:-50% 0;
  filter:drop-shadow(0 26px 22px rgba(0,0,0,.7));animation:slide 1.15s .45s var(--ease) both}
@keyframes slide{from{transform:translateX(70vw) rotate(28deg)}70%{transform:translateX(-1.5%) rotate(-2deg)}to{transform:none}}
.hero__counter{position:absolute;left:-50vw;right:-50vw;bottom:0;height:clamp(60px,8vw,96px);background:linear-gradient(#161615,#000 70%);border-top:1px solid #3a3a37}
.hero__order{position:relative;background:var(--black);margin:0 calc(var(--gut) * -1);padding:0 var(--gut) clamp(30px,4vw,48px);animation:fade .6s 1.2s both}
.hero__order p{margin-top:14px;color:#CFCFCB;font-size:15px}
.hero__order p a{color:#fff;font-weight:500}
@keyframes fade{from{opacity:0}}
.still *{animation:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}}

/* facts strip */
.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 34px;padding:16px var(--gut);background:var(--orange);color:#160700;font-weight:500;text-align:center}
.facts a{text-decoration-thickness:1px;text-underline-offset:3px}
.facts .ph{background:#fff3}
.facts [lang=he]{font-weight:700;margin-right:4px}

/* menu */
.menu{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vw,104px) var(--gut)}
.menu__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 30px}
.menu__head h2{font-size:var(--s4)}
.menu__head p{color:var(--ink-soft);max-width:44ch}
.tabs{display:flex;gap:8px;margin:28px 0 30px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;font:500 16px var(--f-body);color:var(--char);background:var(--mist);border:0;border-radius:999px;padding:11px 18px;cursor:pointer;transition:background .15s}
.tabs button:hover{background:#e7e7e3}
.tabs button[aria-selected=true]{background:var(--char);color:#fff}
.menu__body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.menu__photo{position:sticky;top:96px;background:var(--black);border-radius:var(--r);overflow:hidden;aspect-ratio:1}
.menu__photo img{width:100%;height:100%;object-fit:cover}
.items{list-style:none;padding:0;margin-bottom:28px}
.items li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--outline)}
.items b{display:block;font-weight:700;font-size:17px}
.items span{display:block;color:var(--ink-soft);font-size:15px;margin-top:2px;max-width:56ch}
.items em{font-style:normal;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.items.swap li{animation:fade .35s both}
@media(max-width:760px){.menu__body{grid-template-columns:1fr}.menu__photo{position:relative;top:0;aspect-ratio:16/9}}

/* regulars' picks */
.picks{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--black);color:#fff}
.picks__img{width:100%;height:100%;object-fit:cover;min-height:420px}
.picks__text{padding:clamp(36px,5vw,72px) var(--gut) clamp(36px,5vw,72px) clamp(28px,4vw,56px);align-self:center}
.picks__text h2{font-size:var(--s3);color:var(--orange)}
.picks__src{color:#BDBDB8;margin:10px 0 22px}
.picks ol{list-style:none;padding:0;counter-reset:p}
.picks li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:16px 0;border-top:1px solid #2e2e2c}
.picks li b{font-size:19px}
.picks li span{grid-column:1;color:#CFCFCB;font-size:15px}
.picks li em{grid-column:2;grid-row:1;font-style:normal;font-weight:700}
@media(max-width:860px){.picks{grid-template-columns:1fr}.picks__img{min-height:0;aspect-ratio:16/10}}

/* combos */
.combos{background:var(--mist);padding:clamp(56px,8vw,104px) var(--gut)}
.combos__head,.combos__grid,.combos__more{max-width:var(--max);margin-inline:auto}
.combos__head h2{font-size:var(--s4)}
.combos__head p{color:var(--ink-soft);margin-top:10px}
.combos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:36px;align-items:start}
.combo{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--outline)}
.combo img{aspect-ratio:5/3;object-fit:cover;width:100%;background:#000}
.combo h3{display:flex;justify-content:space-between;align-items:baseline;font:italic 900 26px/1.1 var(--f-disp);font-stretch:108%;padding:20px 22px 6px}
.combo h3 em{font:700 20px var(--f-body);color:var(--orange-dk)}
.combo ul{padding:6px 22px 24px 40px;color:var(--ink-soft)}
.combo li{padding:3px 0}
.combo:nth-child(2){transform:translateY(-14px);border-color:var(--char)}
.combos__more{margin-top:30px;font-size:17px}
.combos__more a{color:var(--orange-dk);font-weight:700}
@media(max-width:900px){.combos__grid{grid-template-columns:1fr}.combo:nth-child(2){transform:none}}

/* visit */
.visit{display:grid;grid-template-columns:1fr 1fr;max-width:var(--max);margin:0 auto;gap:clamp(28px,5vw,72px);padding:clamp(56px,8vw,104px) var(--gut);align-items:center}
.mapcard{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;text-decoration:none;
  background:
   linear-gradient(90deg,transparent 0 30%,#fff 30% 30.6%,transparent 30.6% 70%,#fff 70% 70.6%,transparent 70.6%),
   linear-gradient(transparent 0 58%,var(--char) 58% 66%,transparent 66%),
   #E9E9E5}
.mapcard__road{position:absolute;left:18px;top:calc(58% - 30px);font:italic 800 18px var(--f-disp);color:var(--char)}
.mapcard__pin{position:absolute;left:50%;top:58%;translate:-50% -100%;background:var(--orange);color:#160700;font:900 italic 22px var(--f-disp);padding:8px 16px;border-radius:12px 12px 12px 0}
.mapcard__cta{position:absolute;right:16px;bottom:16px;background:#fff;padding:9px 16px;border-radius:999px;font-weight:700;box-shadow:0 1px 0 var(--outline)}
.mapcard:hover .mapcard__cta{background:var(--char);color:#fff}
.visit__info h2{font-size:var(--s4)}
.visit__addr{font-size:var(--s2);font-weight:500;margin:16px 0 6px}
.hours{border-collapse:collapse;margin:24px 0;width:100%}
.hours caption{text-align:left;font-weight:700;margin-bottom:6px}
.hours th,.hours td{text-align:left;padding:9px 0;border-bottom:1px solid var(--outline);vertical-align:top}
.hours th{font-weight:500;padding-right:16px}
.contact{list-style:none;padding:0;display:grid;gap:8px}
.contact a{color:var(--orange-dk);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.visit__sister{margin-top:24px;color:var(--ink-soft);font-size:15px}
@media(max-width:820px){.visit{grid-template-columns:1fr}}

/* footer */
.foot{background:var(--char);color:#E8E8E4;padding:40px var(--gut) 100px;text-align:center;display:grid;gap:10px;justify-items:center}
.foot img{width:200px;background:#fff;padding:10px 14px;border-radius:10px}
.foot__links{display:flex;gap:18px}
.foot__af{font-size:13px;color:#A9A9A3;margin-top:8px}

/* phone order bar */
.mobile-order{display:none}
@media(max-width:620px){
  .mobile-order{display:block;position:fixed;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:30;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
}
.menu__photo figcaption:not(:empty){position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:#fff;font:italic 800 22px/1.2 var(--f-disp);
  background:repeating-linear-gradient(135deg,#111 0 14px,#161615 14px 28px)}
.menu__photo figcaption:not(:empty)::after{content:"";position:absolute;inset:16px;border:2px dashed var(--orange);border-radius:10px;opacity:.6}
@media(max-width:620px){
  .mobile-order{transform:translateY(140%);transition:transform .3s var(--ease)}
  .mobile-order.is-on{transform:none}
}
section[id]{scroll-margin-top:72px}
.mapcard__pin{left:66%}
@media(max-width:620px){.top .btn{display:none}.top__phone{display:inline;margin-left:auto;font-weight:700;color:var(--orange-dk)}}