:root{
  --yellow:#f5c400;
  --black:#0d0d0d;
  --paper:#f5f0e7;
  --white:#fffdf7;
  --red:#df5a52;
  --max:1480px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:#fff;padding:10px 14px}.skip-link:focus{top:16px}

.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:112px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(18px,3vw,50px);transition:background .25s ease,backdrop-filter .25s ease,border-color .25s ease;border-bottom:1px solid transparent}
.site-header.is-scrolled{background:rgba(13,13,13,.86);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.12)}
.brand-badge{display:flex;align-items:center;justify-content:flex-start;width:315px;height:104px;padding:0;background:transparent;border:0;transform:none;box-shadow:none;overflow:visible}
.brand-badge img{width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:normal}
.site-nav{display:flex;align-items:center;gap:30px;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:white;text-shadow:0 2px 10px rgba(0,0,0,.38)}
.site-nav a{padding:12px 0}
.site-nav a:not(.nav-cta):after{content:"";display:block;width:0;height:2px;margin-top:5px;background:var(--yellow);transition:width .2s ease}
.site-nav a:hover:after{width:100%}
.nav-cta{background:var(--yellow);color:#111;text-shadow:none;padding:13px 18px!important;box-shadow:5px 5px 0 rgba(0,0,0,.55)}
.menu-toggle{display:none;background:var(--yellow);border:0;width:48px;height:48px;padding:0;place-items:center;position:relative}
.menu-toggle span{position:absolute;width:24px;height:2px;background:#111;transition:.2s}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}

.hero{height:720px;min-height:0;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);position:relative;background:var(--black);overflow:hidden}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;padding:190px clamp(28px,4.6vw,78px) 42px;background:
radial-gradient(circle at 15% 16%,rgba(255,255,255,.08) 0 1px,transparent 1.5px) 0 0/18px 18px,
linear-gradient(128deg,#070707 0%,#101010 64%,#191919 100%);color:white}
.hero-copy:before{content:"";position:absolute;z-index:-1;left:-7%;top:18%;width:107%;height:72%;background:var(--yellow);transform:rotate(-3.4deg) skewX(-4deg);clip-path:polygon(0 5%,96% 0,100% 88%,6% 100%);box-shadow:0 0 0 4px rgba(0,0,0,.18)}
.eyebrow{position:relative;z-index:1;display:inline-block;width:max-content;font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--yellow);background:#111;padding:8px 11px;margin-bottom:18px}
.hero h1{position:relative;z-index:1;margin:0;max-width:760px;text-transform:uppercase;font-family:"Arial Black",Impact,sans-serif;font-size:clamp(54px,5.35vw,90px);line-height:.88;letter-spacing:-.065em;color:#0d0d0d;text-wrap:balance}
.hero h1 span{color:#0d0d0d}
.hero-lede{position:relative;z-index:1;margin:16px 0 0;max-width:590px;color:#111;font-size:clamp(16px,1.15vw,19px);line-height:1.4;font-weight:700}
.hero-actions{position:relative;z-index:1;display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 21px;font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:2px solid #111;transition:transform .15s ease,box-shadow .15s ease}
.button:hover{transform:translate(-2px,-2px)}
.button-primary{background:#111;color:white;box-shadow:5px 5px 0 rgba(255,255,255,.9)}
.button-ghost{background:var(--yellow);color:#111;border-color:#111;box-shadow:5px 5px 0 rgba(255,255,255,.9)}
.hero-meta{position:absolute;left:clamp(28px,5vw,90px);bottom:14px;display:flex;align-items:center;gap:12px;color:white;font-size:14px}
.hero-meta strong,.hero-meta span{display:block}.hero-meta span{opacity:.66;font-size:12px;margin-top:2px}.pin{color:var(--yellow);font-size:21px}
.scribble{position:absolute;right:6%;top:17%;z-index:2;transform:rotate(7deg);color:var(--yellow);font-weight:900;font-size:14px;line-height:1.05;text-transform:uppercase;border:2px solid var(--yellow);border-radius:50%;padding:20px 16px;text-align:center;background:#111;box-shadow:4px 4px 0 var(--red)}

.hero-visual{position:relative;height:720px;min-height:0;background:#1a1a1a;overflow:hidden}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.photo-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,13,.18),transparent 22%,transparent 72%,rgba(13,13,13,.15)),linear-gradient(0deg,rgba(0,0,0,.27),transparent 30%)}
.photo-stamp{position:absolute;right:28px;bottom:28px;width:150px;height:150px;border:2px solid var(--yellow);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-7deg);background:rgba(13,13,13,.55);backdrop-filter:blur(3px)}
.photo-stamp span{font-size:8px}.photo-stamp strong{font-size:16px;margin:7px 0}
.scroll-cue{position:absolute;z-index:6;left:50%;bottom:14px;transform:translateX(-50%);background:var(--paper);padding:12px 22px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;box-shadow:4px 4px 0 var(--yellow);border:1px solid rgba(13,13,13,.12)}
.scroll-cue span{margin-left:8px}

.section-peek{min-height:72vh;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:110px max(6vw,32px);max-width:var(--max);margin:auto}
.section-peek h2{font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(58px,7vw,120px);line-height:.86;letter-spacing:-.06em;margin:14px 0 24px}
.section-peek p{font-size:20px;line-height:1.55;max-width:720px}.eyebrow.dark{color:white;background:#111}.peek-image{position:relative}.peek-image:before{content:"";position:absolute;inset:16px -16px -16px 16px;background:var(--yellow);z-index:-1}.peek-image img{width:100%;max-height:720px;object-fit:cover}
.placeholder{min-height:34vh;display:grid;place-items:center;border-top:1px solid #d7d0c5;padding:60px 30px;text-align:center}.placeholder h2{font-size:clamp(28px,4vw,58px);text-transform:uppercase;font-family:"Arial Black",Impact,sans-serif}

@media (min-width:981px) and (max-height:780px){
  .site-header{height:98px;padding-top:6px;padding-bottom:6px}
  .brand-badge{width:285px;height:92px}
  .hero{height:650px}
  .hero-copy{padding-top:176px;padding-bottom:34px}
  .hero-copy:before{top:17%;height:72%}
  .hero h1{font-size:clamp(50px,4.75vw,78px);line-height:.89}
  .hero-lede{margin-top:13px;font-size:16px;line-height:1.36;max-width:540px}
  .hero-actions{margin-top:14px}
  .button{min-height:47px}
  .hero-visual{height:650px}
  .scribble{top:15%;font-size:12px;padding:17px 14px}
  .photo-stamp{width:126px;height:126px;right:22px;bottom:20px}
  .hero-meta{bottom:16px}
}

@media (max-width:980px){
.site-header{height:84px;padding:7px 14px}.brand-badge{width:200px;height:74px;padding:0}.menu-toggle{display:grid;z-index:32}.site-nav{position:fixed;inset:0;background:#111;display:flex;flex-direction:column;justify-content:center;gap:24px;font-size:24px;transform:translateY(-105%);transition:transform .3s ease;text-shadow:none}.site-nav.is-open{transform:translateY(0)}.site-nav .nav-cta{font-size:18px}.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg)}
.hero{grid-template-columns:1fr;height:auto;min-height:auto}.hero-copy{min-height:62svh;padding:92px 24px 72px}.hero-copy:before{left:-3%;top:12%;width:106%;height:64%;transform:rotate(-2.1deg)}.hero h1{font-size:clamp(58px,16vw,92px);max-width:590px}.hero-lede{font-size:17px;max-width:520px}.hero-meta{left:24px;bottom:22px}.scribble{display:none}.hero-visual{height:auto;min-height:52svh}.photo-stamp{width:118px;height:118px;right:18px;bottom:18px}.scroll-cue{display:none}.section-peek{grid-template-columns:1fr;padding:82px 24px;gap:45px}.section-peek h2{font-size:clamp(54px,16vw,92px)}
}
@media (max-width:560px){
.hero-copy{min-height:66svh}.hero-copy:before{top:14%;height:62%}.hero h1{font-size:clamp(55px,18vw,80px)}.hero-actions{gap:10px}.button{flex:1;min-width:145px;padding:0 12px}.hero-visual{min-height:58svh}.hero-visual img{object-position:55% 50%}.photo-stamp{display:none}.section-peek p{font-size:17px}
}

/* v1.8 — Our Latin Corner */
.latin-corner{
  position:relative;
  max-width:var(--max);
  margin:0 auto;
  padding:112px max(6vw,32px) 118px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(48px,7vw,112px);
  align-items:center;
  background:var(--paper);
}
.latin-corner:before{
  content:"";
  position:absolute;
  left:max(6vw,32px);
  top:54px;
  width:86px;
  height:8px;
  background:var(--yellow);
  box-shadow:22px 12px 0 #111;
}
.latin-copy{min-width:0}
.latin-copy h2{
  margin:16px 0 24px;
  font-family:"Arial Black",Impact,sans-serif;
  font-size:clamp(70px,7.2vw,124px);
  line-height:.78;
  letter-spacing:-.068em;
  text-transform:uppercase;
}
.latin-lede{
  margin:0;
  max-width:700px;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.55;
  font-weight:700;
}
.latin-notes{
  margin-top:38px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 22px;
}
.latin-note{
  position:relative;
  min-height:78px;
  padding:16px 16px 14px 58px;
  border-top:2px solid #111;
}
.note-mark{
  position:absolute;
  top:13px;
  left:0;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  background:#111;
  color:var(--yellow);
  font-family:"Arial Black",Impact,sans-serif;
  font-size:13px;
  letter-spacing:.04em;
  transform:rotate(-3deg);
}
.latin-note strong{
  display:block;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.065em;
}
.latin-note small{
  display:block;
  margin-top:6px;
  font-size:13px;
  line-height:1.35;
  color:#5f5a51;
}
.latin-aside{
  display:inline-block;
  margin:30px 0 0;
  padding:8px 12px;
  background:var(--yellow);
  font-size:clamp(17px,1.45vw,23px);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.025em;
  line-height:1.08;
  transform:rotate(-2deg);
}
.latin-visual{min-width:0}
.latin-photo-frame{
  position:relative;
  transform:rotate(1.1deg);
}
.latin-photo-frame:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:20px -20px -20px 20px;
  background:var(--yellow);
}
.latin-photo-frame:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(13,13,13,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
}
.latin-photo-frame img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
}
.wall-tag{
  position:absolute;
  z-index:2;
  background:#111;
  color:#fff;
  padding:12px 16px;
  font-weight:900;
  font-size:13px;
  letter-spacing:.13em;
  text-transform:uppercase;
  box-shadow:5px 5px 0 var(--yellow);
}
.wall-tag-top{top:22px;left:-20px;transform:rotate(-4deg);font-size:clamp(16px,1.45vw,22px);padding:14px 18px;letter-spacing:.1em}
.wall-tag-bottom{right:-17px;bottom:28px;transform:rotate(3deg)}

@media (max-width:980px){
  .latin-corner{
    grid-template-columns:1fr;
    padding:92px 24px 102px;
    gap:58px;
  }
  .latin-corner:before{left:24px;top:44px}
  .latin-copy h2{font-size:clamp(64px,15vw,108px)}
  .latin-visual{max-width:720px}
  .latin-photo-frame img{aspect-ratio:16/11}
}
@media (max-width:560px){
  .latin-corner{padding:82px 20px 88px;gap:44px}
  .latin-corner:before{left:20px;top:38px;width:68px;height:7px}
  .latin-copy h2{font-size:clamp(56px,18vw,82px);line-height:.82;margin-top:14px}
  .latin-lede{font-size:17px;line-height:1.5}
  .latin-notes{grid-template-columns:1fr;gap:8px;margin-top:28px}
  .latin-note{min-height:80px;padding-top:14px;padding-bottom:12px}
  .latin-aside{font-size:16px;margin-top:24px;padding:10px 12px}
  .latin-photo-frame:before{inset:12px -12px -12px 12px}
  .latin-photo-frame img{aspect-ratio:4/5}
  .wall-tag{font-size:10px;padding:9px 11px}
  .wall-tag-top{left:-6px;top:14px;font-size:15px;padding:11px 13px}
  .wall-tag-bottom{right:-7px;bottom:20px}
}

/* v1.11 — The Good Stuff */
.good-stuff{
  position:relative;
  background:#0d0d0d;
  color:#fff;
  padding:104px max(5vw,28px) 96px;
  overflow:hidden;
}
.good-stuff:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.32) 1px,transparent 1.2px);
  background-size:18px 18px;
}
.good-stuff-head,
.food-editorial,
.good-stuff-foot{position:relative;z-index:1;max-width:var(--max);margin-left:auto;margin-right:auto}
.good-stuff-head{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  gap:56px;
  align-items:end;
  margin-bottom:54px;
}
.good-stuff .eyebrow{margin-bottom:14px}
.good-stuff h2{
  margin:0;
  font-family:"Arial Black",Impact,sans-serif;
  font-size:clamp(76px,8.2vw,138px);
  line-height:.78;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.good-stuff-intro{padding-bottom:6px}
.good-stuff-intro p{margin:0 0 24px;font-size:clamp(17px,1.35vw,22px);line-height:1.5;max-width:520px;color:#dedad2;font-weight:700}
.button-yellow{background:var(--yellow);color:#111;border-color:var(--yellow);box-shadow:5px 5px 0 rgba(255,255,255,.18)}

.food-editorial{
  display:grid;
  grid-template-columns:1.22fr .78fr .9fr;
  grid-template-rows:360px 310px;
  gap:18px;
}
.food-card{position:relative;overflow:hidden;background:#222;min-width:0}
.food-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.food-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 52%);pointer-events:none}
.food-card:hover img{transform:scale(1.025)}
.food-card-tacos{grid-column:1 / 2;grid-row:1 / 3}
.food-card-tacos img{object-position:center 44%}
.food-card-pf{grid-column:2 / 4;grid-row:1 / 2;background:#171717}
/* v1.13 — new PF photo works naturally in the wide card, so no blur/contain workaround is needed. */
.food-card-pf img{
  object-fit:cover;
  object-position:center 58%;
}
.food-card-pf:hover img{transform:scale(1.025)}
.food-card-street{grid-column:2 / 3;grid-row:2 / 3}
.food-card-street img{object-position:center 55%}
.food-card-fire{grid-column:3 / 4;grid-row:2 / 3;border:2px solid var(--yellow)}
.food-card-fire img{object-position:center 53%;filter:saturate(.88) contrast(1.08)}
.food-label{position:absolute;z-index:2;left:20px;bottom:18px;right:20px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n title" "n sub";gap:0 12px;align-items:end;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.food-label span{grid-area:n;font-size:11px;font-weight:900;color:var(--yellow);letter-spacing:.12em;align-self:center}
.food-label strong{grid-area:title;font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(25px,2.3vw,42px);line-height:.94;letter-spacing:-.035em}
.food-label small{grid-area:sub;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-top:6px;color:#f1eee8}
.fire-copy{position:absolute;z-index:2;inset:auto 18px 18px;display:flex;flex-direction:column;text-transform:uppercase;font-family:"Arial Black",Impact,sans-serif;line-height:.9;transform:rotate(-2deg);text-shadow:0 2px 12px rgba(0,0,0,.85)}
.fire-copy span{font-size:clamp(18px,1.5vw,26px);color:#fff}
.fire-copy strong{font-size:clamp(25px,2.4vw,43px);color:var(--yellow)}
.good-stuff-foot{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;gap:20px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.good-stuff-foot p{margin:0;color:var(--yellow)}
.good-stuff-foot a{border-bottom:2px solid var(--yellow);padding-bottom:5px}

@media (max-width:980px){
  .good-stuff{padding:88px 24px 80px}
  .good-stuff-head{grid-template-columns:1fr;gap:26px;margin-bottom:38px}
  .good-stuff h2{font-size:clamp(68px,16vw,112px)}
  .good-stuff-intro{max-width:620px}
  .food-editorial{grid-template-columns:1fr 1fr;grid-template-rows:520px 300px 300px}
  .food-card-tacos{grid-column:1 / 3;grid-row:1 / 2}
  .food-card-pf{grid-column:1 / 3;grid-row:2 / 3}
  .food-card-street{grid-column:1 / 2;grid-row:3 / 4}
  .food-card-fire{grid-column:2 / 3;grid-row:3 / 4}
}
@media (max-width:560px){
  .good-stuff{padding:76px 18px 70px}
  .good-stuff-head{margin-bottom:30px}
  .good-stuff h2{font-size:clamp(60px,18vw,86px)}
  .good-stuff-intro p{font-size:16px}
  .food-editorial{display:flex;flex-direction:column;gap:14px}
  .food-card{height:330px}
  .food-card-tacos{height:440px}
  .food-card-pf{height:360px}
  .food-label{left:16px;bottom:15px;right:16px}
  .food-label strong{font-size:30px}
  .food-label small{font-size:10px}
  .good-stuff-foot{align-items:flex-start;flex-direction:column;margin-top:24px}
}

/* v1.14 — Find Us / The Wharf */
.visit{
  position:relative;
  background:var(--paper);
  color:#111;
  padding:110px max(5vw,28px) 116px;
  overflow:hidden;
}
.visit:before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-95px;
  top:-90px;
  border:3px solid var(--yellow);
  border-radius:50%;
  opacity:.55;
}
.visit-inner{
  position:relative;
  z-index:1;
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(52px,7vw,118px);
  align-items:center;
}
.visit-photo-frame{
  position:relative;
  max-width:660px;
  margin:0 auto;
  transform:rotate(-1.4deg);
}
.visit-photo-frame:before{
  content:"";
  position:absolute;
  inset:22px -22px -22px 22px;
  background:var(--yellow);
  z-index:-1;
}
.visit-photo-frame img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
}
.visit-photo-note{
  position:absolute;
  right:-24px;
  bottom:34px;
  background:#111;
  color:#fff;
  padding:14px 18px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1.05;
  box-shadow:6px 6px 0 var(--yellow);
  transform:rotate(2.4deg);
}
.visit-copy h2{
  margin:16px 0 24px;
  font-family:"Arial Black",Impact,sans-serif;
  font-size:clamp(72px,7vw,122px);
  line-height:.8;
  letter-spacing:-.07em;
  text-transform:uppercase;
}
.visit-lede{
  margin:0;
  max-width:720px;
  font-size:clamp(18px,1.35vw,22px);
  line-height:1.52;
  font-weight:700;
}
.visit-details{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.visit-detail{
  border-top:3px solid #111;
  padding:18px 0 0;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
}
.visit-detail>span{
  font-family:"Arial Black",Impact,sans-serif;
  color:var(--yellow);
  background:#111;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  font-size:11px;
}
.visit-detail small{
  display:block;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:12px;
  font-weight:900;
  color:#69645c;
  margin-bottom:5px;
}
.visit-detail strong{
  display:block;
  text-transform:uppercase;
  font-size:17px;
  line-height:1.08;
}
.visit-detail p{
  margin:7px 0 0;
  color:#645f57;
  font-size:13px;
  line-height:1.35;
}
.visit-actions{
  margin-top:38px;
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}
.visit .button-primary{
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:5px 5px 0 var(--yellow);
}
.visit-link{
  position:relative;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px;
  padding-bottom:6px;
}
.visit-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:3px;
  background:var(--yellow);
  transition:width .2s ease;
}
.visit-link:hover:after{width:100%;}
.visit-aside{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:34px 0 0;
  background:var(--yellow);
  padding:10px 14px;
  font-weight:900;
  text-transform:uppercase;
  transform:rotate(-1.6deg);
  font-size:clamp(15px,1.15vw,18px);
}

@media (max-width:980px){
  .visit{padding:92px 24px 96px}
  .visit-inner{grid-template-columns:1fr;gap:66px}
  .visit-visual{order:2}
  .visit-copy{order:1}
  .visit-copy h2{font-size:clamp(64px,15vw,106px)}
  .visit-photo-frame{max-width:760px}
  .visit-photo-frame img{aspect-ratio:16/11}
}
@media (max-width:560px){
  .visit{padding:78px 18px 84px}
  .visit-inner{gap:48px}
  .visit-copy h2{font-size:clamp(56px,18vw,82px)}
  .visit-lede{font-size:17px}
  .visit-details{grid-template-columns:1fr;gap:22px;margin-top:30px}
  .visit-actions{gap:18px;margin-top:30px}
  .visit-photo-frame:before{inset:12px -12px -12px 12px}
  .visit-photo-frame img{aspect-ratio:4/5}
  .visit-photo-note{right:-8px;bottom:18px;font-size:11px;padding:11px 13px}
  .visit-aside{font-size:14px;margin-top:28px}
}

/* v1.17 — Come Hungry. Leave Happy. */
.experience{
  position:relative;
  background:#111;
  color:#fff;
  padding:90px max(5vw,28px) 108px;
  overflow:hidden;
}
.experience:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.14;
  pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.28) 1px,transparent 1.25px);
  background-size:20px 20px;
}
.experience-head,
.experience-collage{position:relative;z-index:1;max-width:var(--max);margin-left:auto;margin-right:auto}
.experience-head{margin-bottom:42px}
.experience-head>.eyebrow{display:block;margin-bottom:18px}
.experience-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(34px,4vw,76px)}
.experience-title{
  display:flex;
  align-items:flex-end;
  gap:clamp(34px,4vw,74px);
  margin:0;
  font-family:"Arial Black",Impact,sans-serif;
  font-size:clamp(70px,7.2vw,122px);
  line-height:.78;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.experience-title-white,
.experience-title-yellow{display:block}
.experience-title-white{color:#fff}
.experience-title-yellow{color:var(--yellow)}
.experience-intro{margin:0 0 2px auto;flex:0 0 clamp(205px,17vw,290px)}
.experience-intro p{
  margin:0;
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.12;
  font-weight:750;
  color:#e5e0d7;
}
.experience-intro strong{color:var(--yellow);font-weight:900}
.experience-collage{
  display:grid;
  grid-template-columns:1.22fr .82fr .76fr;
  grid-template-rows:340px 290px;
  gap:16px;
}
.experience-photo{position:relative;margin:0;overflow:hidden;background:#222;min-width:0;isolation:isolate}
.experience-photo img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;filter:none;transform:scale(1);transform-origin:center center;transition:transform .45s ease}
.experience-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 48%);pointer-events:none;z-index:1}
@media (hover:hover) and (pointer:fine){.experience-photo:not(.experience-photo-crowd):hover img{transform:scale(1.025);opacity:1;filter:none}}
.experience-photo figcaption{
  position:absolute;
  z-index:2;
  left:18px;
  bottom:16px;
  margin:0;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:14px;
  text-shadow:0 2px 9px rgba(0,0,0,.7);
}
.experience-photo-main{grid-column:1 / 2;grid-row:1 / 3}
.experience-photo-main img{object-position:center 48%}
.experience-photo-crowd{grid-column:2 / 4;grid-row:1 / 2}
.experience-photo-crowd img{object-position:center 72%;transform-origin:center 72%}
.experience-photo-crowd{background:#111}
.experience-photo-crowd .crowd-media{position:absolute;inset:0;overflow:hidden;background:#111;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);contain:paint}
.experience-photo-crowd .crowd-media img{width:100%;height:100%;object-fit:cover;object-position:center 72%;display:block;transform:scale(1.001) translateZ(0);transform-origin:center 72%;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:transform .42s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover) and (pointer:fine){.experience-photo-crowd:hover .crowd-media img{transform:scale(1.025) translateZ(0)}}

.experience-photo-cheers{grid-column:2 / 3;grid-row:2 / 3}
.experience-photo-cheers img{object-position:center 31%}
.experience-photo-team{grid-column:3 / 4;grid-row:2 / 3;border:2px solid var(--yellow)}
.experience-photo-team img{object-position:center 42%}
.experience-sticker{
  position:absolute;
  z-index:3;
  right:18px;
  top:322px;
  width:152px;
  height:152px;
  border-radius:50%;
  background:var(--yellow);
  color:#111;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-transform:uppercase;
  line-height:.95;
  box-shadow:7px 7px 0 rgba(223,90,82,.85);
  transform:rotate(6deg);
  border:3px solid #111;
}
.experience-sticker strong{font-family:"Arial Black",Impact,sans-serif;font-size:17px}
.experience-sticker span{font-size:13px;font-weight:900;margin:4px 0}

@media (max-width:980px){
  .experience{padding:82px 24px 92px}
  .experience-head{margin-bottom:36px}
  .experience-heading-row{align-items:flex-end;gap:28px}
  .experience-title{font-size:clamp(58px,10vw,90px);gap:clamp(20px,4vw,42px)}
  .experience-intro{margin:0 0 2px auto;flex-basis:210px}
  .experience-collage{grid-template-columns:1fr 1fr;grid-template-rows:520px 310px 310px}
  .experience-photo-main{grid-column:1 / 3;grid-row:1 / 2}
  .experience-photo-crowd{grid-column:1 / 3;grid-row:2 / 3}
  .experience-photo-cheers{grid-column:1 / 2;grid-row:3 / 4}
  .experience-photo-team{grid-column:2 / 3;grid-row:3 / 4}
  .experience-photo-main img{object-position:center 50%}
  .experience-photo-crowd img{object-position:center 70%}
  .experience-photo-cheers img{object-position:center 30%}
  .experience-sticker{top:495px;right:24px;width:132px;height:132px}
}
@media (max-width:640px){
  .experience{padding:72px 18px 78px}
  .experience-head>.eyebrow{margin-bottom:14px}
  .experience-heading-row{display:block}
  .experience-title{font-size:clamp(50px,15vw,76px);gap:20px;align-items:flex-start}
  .experience-intro{margin-top:22px}
  .experience-intro p{font-size:16px;line-height:1.22}
  .experience-intro p br{display:none}
  .experience-collage{display:flex;flex-direction:column;gap:14px}
  .experience-photo{height:330px}
  .experience-photo-main{height:440px}
  .experience-photo-crowd{height:360px}
  .experience-photo-crowd img{object-position:center 68%}
  .experience-photo-cheers img{object-position:center 28%}
  .experience-sticker{position:relative;top:auto;right:auto;width:auto;height:auto;border-radius:0;flex-direction:row;gap:7px;padding:14px 16px;margin-top:4px;transform:rotate(-1deg);box-shadow:5px 5px 0 rgba(223,90,82,.85)}
  .experience-sticker strong{font-size:15px}
  .experience-sticker span{margin:0;font-size:12px}
}
@media (max-width:430px){
  .experience-title{font-size:clamp(42px,14.4vw,62px);gap:14px;letter-spacing:-.055em}
}

/* v1.22 — Final CTA + Footer */
.final-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--yellow);
  color:#111;
  min-height:560px;
  display:flex;
  align-items:center;
  padding:86px max(6vw,32px) 92px;
  border-top:1px solid rgba(17,17,17,.18);
}
.final-cta:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.2;
  background-image:radial-gradient(circle at 1px 1px,rgba(17,17,17,.28) 1px,transparent 1.2px);
  background-size:18px 18px;
}
.final-cta:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:48%;
  height:160%;
  right:-11%;
  top:-30%;
  background:#111;
  transform:rotate(10deg);
}
.final-cta-inner{
  position:relative;
  z-index:2;
  width:min(100%,var(--max));
  margin:0 auto;
}
.final-cta h2{
  margin:14px 0 12px;
  max-width:760px;
  font-family:"Arial Black",Impact,sans-serif;
  font-size:clamp(90px,10vw,174px);
  line-height:.73;
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.final-cta p{
  margin:0 0 30px;
  font-size:clamp(20px,1.7vw,28px);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.final-cta-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.final-order-button{
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:6px 6px 0 #fff;
}
.final-order-button:hover{transform:translate(-1px,-1px);box-shadow:8px 8px 0 #fff}
.final-menu-link{
  position:relative;
  color:#111;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:13px;
  padding:10px 0 8px;
}
.final-menu-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  background:#111;
  transform-origin:left;
  transition:transform .2s ease;
}
.final-menu-link:hover:after{transform:scaleX(.5)}
.final-cta-watermark{
  position:absolute;
  z-index:1;
  right:max(4vw,32px);
  top:50%;
  width:clamp(360px,35vw,620px);
  max-width:44%;
  transform:translateY(-50%) rotate(4deg);
  opacity:.12;
  filter:grayscale(1) brightness(0);
  pointer-events:none;
}

.site-footer{
  background:#0b0b0b;
  color:#fff;
  padding:58px max(5vw,28px) 30px;
  border-top:1px solid rgba(255,255,255,.12);
}
.footer-inner{
  max-width:var(--max);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr 1fr .7fr .8fr;
  gap:clamp(28px,4vw,70px);
  align-items:start;
}
.footer-brand img{
  width:clamp(150px,13vw,210px);
  height:auto;
  margin-bottom:18px;
}
.footer-brand p,
.footer-col p{margin:0;color:#cfcac1;font-size:13px;line-height:1.45}
.footer-brand p{font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.footer-brand p span{font-weight:700;color:#8f8b84;font-size:11px}
.footer-label{
  display:block;
  margin-bottom:13px;
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:900;
}
.footer-col strong{display:block;margin-bottom:5px;text-transform:uppercase;font-size:14px;letter-spacing:.035em}
.footer-col a{display:block;width:max-content;max-width:100%;margin:0 0 9px;color:#efebe4;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid transparent}
.footer-col a:hover{border-color:var(--yellow);color:var(--yellow)}
.footer-bottom{
  max-width:var(--max);
  margin:42px auto 0;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#918d86;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.085em;
}
.footer-bottom p{margin:0;color:var(--yellow);font-weight:900}
.footer-bottom div{display:flex;gap:22px;align-items:center}
.footer-bottom a:hover{color:#fff}

@media (max-width:980px){
  .final-cta{min-height:520px;padding:76px 24px 82px}
  .final-cta:after{width:39%;right:-18%}
  .final-cta-watermark{right:2%;width:430px;max-width:40%}
  .final-cta h2{font-size:clamp(84px,15vw,142px)}
  .footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:42px}
  .footer-contact{grid-column:2 / 3}
}
@media (max-width:640px){
  .final-cta{min-height:auto;padding:72px 18px 76px}
  .final-cta:after{width:54%;height:52%;right:-22%;top:auto;bottom:-26%;transform:rotate(-7deg)}
  .final-cta-watermark{right:-90px;top:auto;bottom:-16px;transform:rotate(5deg);width:330px;max-width:none;opacity:.09}
  .final-cta h2{font-size:clamp(70px,20vw,108px);line-height:.76}
  .final-cta p{font-size:18px;margin-bottom:25px}
  .final-cta-actions{gap:18px}
  .final-order-button{flex:0 0 auto;min-width:180px}
  .site-footer{padding:48px 18px 26px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:34px 24px}
  .footer-brand{grid-column:1 / 3}
  .footer-contact{grid-column:auto}
  .footer-bottom{margin-top:34px;align-items:flex-start;flex-direction:column;gap:14px}
  .footer-bottom div{gap:16px;flex-wrap:wrap}
}

/* v1.23 — CTA split brand panel + footer details */
.final-cta{padding-right:0}
.final-cta:after{width:42%;height:100%;right:0;top:0;transform:none}
.final-cta-inner{display:grid;grid-template-columns:minmax(0,58%) minmax(320px,42%);align-items:center;min-height:380px}
.final-cta-copy{padding-right:clamp(28px,5vw,76px)}
.final-title-row{display:flex;align-items:flex-end;gap:clamp(18px,2vw,34px);margin:14px 0 28px}
.final-title-row h2{margin:0}
.final-title-row p{margin:0 0 .32em;max-width:130px;font-size:clamp(14px,1.1vw,18px);line-height:1.05;letter-spacing:.045em}
.final-cta-brand{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:42px;position:relative;z-index:2}
.final-cta-brand img{display:block;width:min(82%,520px);height:auto;object-fit:contain}
.final-cta-watermark{display:none}
.footer-brand p{margin-top:4px}
.footer-brand p span{font-size:11px}

@media (max-width:900px){
  .final-cta{padding:76px 0 82px max(5vw,24px)}
  .final-cta:after{width:39%;right:0}
  .final-cta-inner{grid-template-columns:minmax(0,61%) minmax(260px,39%)}
  .final-cta-brand{padding:28px}
  .final-title-row{align-items:flex-end;gap:16px}
}
@media (max-width:700px){
  .final-cta{padding:68px 18px 0;display:block}
  .final-cta:after{display:none}
  .final-cta-inner{display:block;min-height:0}
  .final-cta-copy{padding-right:0;padding-bottom:58px}
  .final-title-row{display:flex;align-items:flex-end;gap:14px}
  .final-title-row p{font-size:13px;max-width:95px;margin-bottom:.22em}
  .final-cta-brand{margin:0 -18px;background:#111;min-height:250px;padding:38px 28px}
  .final-cta-brand img{width:min(72%,330px)}
}


/* v1.24 — restore diagonal CTA, brand panel, simplify footer */
.final-cta{
  padding:86px max(6vw,32px) 92px;
  min-height:540px;
}
.final-cta:after{
  display:block;
  width:49%;
  height:165%;
  right:-12%;
  top:-32%;
  background:#111;
  transform:rotate(10deg);
}
.final-cta-inner{
  display:grid;
  grid-template-columns:minmax(0,59%) minmax(300px,41%);
  align-items:center;
  min-height:360px;
}
.final-cta-copy{
  padding-right:clamp(30px,5vw,80px);
}
.final-title-wrap{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:14px 0 28px;
}
.final-title-wrap h2{margin:0}
.final-aside{
  position:absolute;
  right:-8px;
  bottom:13%;
  margin:0;
  font-size:clamp(18px,1.55vw,24px) !important;
  line-height:1;
  text-transform:none !important;
  letter-spacing:.015em !important;
  font-weight:900;
  transform:rotate(-5deg);
  white-space:nowrap;
  background:#111;
  color:#f6c900;
  padding:6px 11px 8px;
}
.final-cta-brand{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:38px 22px 38px 72px;
  position:relative;
  z-index:2;
}
.final-cta-brand img{
  display:block;
  width:min(90%,540px);
  height:auto;
  object-fit:contain;
  filter:none;
}
.footer-brand p{display:none}
.footer-brand img{margin-bottom:0}

@media (max-width:900px){
  .final-cta{padding:76px 24px 82px}
  .final-cta:after{width:49%;right:-18%;transform:rotate(9deg)}
  .final-cta-inner{grid-template-columns:minmax(0,60%) minmax(240px,40%)}
  .final-cta-brand{padding:24px 8px 24px 54px}
  .final-aside{right:0;bottom:10%;font-size:14px !important}
}
@media (max-width:700px){
  .final-cta{padding:68px 18px 0;display:block;min-height:auto}
  .final-cta:after{display:none}
  .final-cta-inner{display:block;min-height:0}
  .final-cta-copy{padding:0 0 54px}
  .final-title-wrap{margin:12px 0 26px}
  .final-aside{position:static;display:inline-block;margin-top:12px;transform:rotate(-3deg);font-size:14px !important;background:rgba(255,255,255,.28)}
  .final-cta-brand{margin:0 -18px;background:#111;min-height:240px;padding:34px 24px}
  .final-cta-brand img{width:min(76%,330px)}
}

/* v1.26 — functional links */
section[id]{scroll-margin-top:104px}
.footer-col p .footer-inline-link{display:inline;margin:0;color:#cfcac1;font-size:inherit;font-weight:inherit;text-transform:none;letter-spacing:0;border-bottom:1px solid transparent}
.footer-col p .footer-inline-link:hover{color:var(--yellow);border-color:var(--yellow)}
a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
@media (max-width:980px){section[id]{scroll-margin-top:82px}}
