/* Salt & Pepper Street Food — responsive editorial site */
:root{--ink:#1c1c19;--paper:#f2f0e9;--paper-deep:#e8e4d9;--yellow:#f7c928;--white:#fffdf7;--muted:#77766f;--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif;--script:"Permanent Marker",cursive;--gutter:clamp(22px,5.2vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:var(--yellow);padding:10px;z-index:100}.skip-link:focus{left:8px}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff25}.brand{width:185px;flex-shrink:0}.brand img,.footer-brand img{width:100%;height:auto}.primary-nav{display:flex;align-items:center;gap:clamp(22px,3vw,48px);font-size:12px;font-weight:600;letter-spacing:.025em}.primary-nav a{opacity:.84;transition:opacity .2s,color .2s}.primary-nav a:hover,.primary-nav a.active{color:var(--yellow);opacity:1}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:0 20px;background:var(--yellow);color:#191916;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ffdc4c}.button span{font-size:17px;line-height:1}.button-small{min-height:40px;padding:0 17px;gap:22px}.menu-toggle{display:none}.hero{position:relative;min-height:720px;height:min(820px,100svh);background:#171715;color:#fff;overflow:hidden;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{z-index:-2;background-image:url("https://images.unsplash.com/photo-1550547660-d9450f859349?auto=format&fit=crop&w=2200&q=90");background-size:cover;background-position:center 48%;transform:scale(1.015)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(10,10,9,.88) 0%,rgba(10,10,9,.7) 33%,rgba(10,10,9,.22) 68%,rgba(10,10,9,.1) 100%),linear-gradient(0deg,rgba(10,10,9,.62),transparent 35%)}.hero-content{position:absolute;left:16.2%;top:50%;transform:translateY(-43%);max-width:650px;width:55%}.eyebrow{margin:0 0 19px;color:var(--yellow);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;display:flex;align-items:center;gap:10px}.eyebrow-line{display:block;width:27px;height:2px;background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.91;letter-spacing:-.025em}h1{font-size:clamp(76px,9.1vw,140px);margin:0 0 25px;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-copy{max-width:390px;font-size:14px;color:#e2e0da;line-height:1.75;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{display:inline-flex;gap:22px;align-items:center;padding:0 0 7px;border-bottom:1px solid #b4a65e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.text-link span{font-size:18px;color:#b68c00}.light-link{color:#fff;border-color:#ffffff6b}.light-link span{color:var(--yellow)}.hero-side-note{position:absolute;left:4.1%;top:40%;display:flex;align-items:flex-start;gap:18px;color:#d0cec7;font-size:9px;line-height:2.1;letter-spacing:.14em}.side-rule{height:75px;width:1px;background:var(--yellow)}.hero-caption{position:absolute;left:16.2%;bottom:75px;display:flex;align-items:center;gap:16px;color:#f7f5ec;font-size:10px;letter-spacing:.09em}.caption-line{width:42px;height:1px;background:var(--yellow)}.hero-stamp{position:absolute;right:8%;top:40%;font-family:var(--script);font-size:clamp(28px,3.2vw,48px);line-height:.98;color:var(--yellow);transform:rotate(-9deg)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:16px var(--gutter);display:flex;justify-content:space-between;border-top:1px solid #ffffff32;color:#ffffffb3;font-size:9px;font-weight:600;letter-spacing:.16em}.hero-bottom b{color:var(--yellow);font-size:14px;margin-left:10px}.section-pad{padding:clamp(78px,9vw,140px) var(--gutter)}.intro{display:grid;grid-template-columns:minmax(250px,.88fr) minmax(280px,1fr) 100px;gap:clamp(35px,6vw,95px);align-items:center;position:relative;overflow:hidden}.intro-photo-wrap{position:relative;min-height:450px}.intro-photo{height:500px;width:100%;object-fit:cover;object-position:center}.photo-index{position:absolute;left:0;bottom:0;background:var(--yellow);padding:12px 16px;font-size:9px;font-weight:700;letter-spacing:.13em}.dark-eyebrow{color:#9b7800}.dark-eyebrow span{font-size:17px}.intro-copy{max-width:470px}.intro h2,.section-heading h2,.find-copy h2{font-size:clamp(48px,5.6vw,78px);margin:0 0 28px}.intro h2 em,.section-heading h2 em,.find-copy h2 em{color:#a78000}.lead{font-size:17px;line-height:1.65;font-weight:500;max-width:450px}.intro-copy>p:not(.eyebrow):not(.lead){color:#66645e;font-size:13px;max-width:440px;margin-bottom:27px}.intro-mark{align-self:start;margin-top:25px;font-family:var(--display);font-weight:900;font-size:45px;line-height:.8;transform:rotate(8deg);color:#b7a36b}.intro-mark span{font-size:12px;letter-spacing:.15em;line-height:1.5;display:block;margin-top:12px}.menu-section{background:#e8e5dc;padding-top:100px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:54px}.section-heading h2{margin-bottom:0}.section-intro{max-width:340px;font-size:13px;color:#66645e;margin:0 0 5px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.menu-card{min-width:0}.menu-card-offset{margin-top:70px}.menu-image{position:relative;overflow:hidden;background:#d3cec0;aspect-ratio:1.12}.menu-card-tall .menu-image{aspect-ratio:.95}.menu-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s;filter:saturate(.9)}.menu-card:hover .menu-image img{transform:scale(1.04)}.dish-number{position:absolute;top:14px;left:14px;background:var(--yellow);padding:5px 9px;font-family:var(--display);font-size:15px;font-weight:800}.dish-copy{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:19px}.dish-type{font-size:9px;color:#9b7800;font-weight:700;letter-spacing:.15em;margin-bottom:5px}.dish-copy h3{font-size:clamp(24px,2.5vw,34px);margin:0}.dish-arrow{font-size:22px;color:#a78000}.dish-description{font-size:12px;color:#6e6c65;max-width:300px;margin:12px 0 0}.menu-note{font-size:10px;color:#77736a;border-top:1px solid #c9c4b6;padding-top:20px;margin:50px 0 0;letter-spacing:.05em}.manifesto{position:relative;background:#171715;color:#fff;min-height:650px;padding:clamp(70px,8vw,120px) var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;overflow:hidden;isolation:isolate}.manifesto-image,.manifesto-overlay{position:absolute;inset:0;z-index:-2}.manifesto-image{background:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=2000&q=85") center/cover;opacity:.42}.manifesto-overlay{z-index:-1;background:linear-gradient(90deg,rgba(14,14,12,.95),rgba(14,14,12,.72) 55%,rgba(14,14,12,.55))}.manifesto-content{max-width:520px}.manifesto h2{font-size:clamp(55px,7vw,96px);margin:0 0 24px}.manifesto h2 em{color:var(--yellow)}.manifesto-content>p:not(.eyebrow){max-width:390px;color:#d4d1c8;font-size:13px;margin-bottom:30px}.button-light{background:var(--white)}.button-light:hover{background:var(--yellow)}.manifesto-points{display:grid;gap:30px;padding-top:20px}.promise{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start;border-bottom:1px solid #ffffff36;padding-bottom:25px}.promise:last-child{border-bottom:0}.promise-icon{color:var(--yellow);font-size:36px;line-height:1}.promise h3{font-size:25px;letter-spacing:0;margin:0 0 6px}.promise p{color:#c9c7bf;font-size:12px;margin:0}.find-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,120px);align-items:center}.find-copy{max-width:430px}.find-copy h2{margin-bottom:25px}.find-copy>p:not(.eyebrow){color:#6e6c65;font-size:14px;margin-bottom:28px}.find-photo{position:relative}.find-photo img{width:100%;height:480px;object-fit:cover}.find-photo-note{position:absolute;right:-1px;bottom:0;background:var(--yellow);min-width:220px;padding:18px 22px;display:flex;flex-direction:column;line-height:1.2}.find-photo-note span{font-size:9px;letter-spacing:.15em;font-weight:700}.find-photo-note b{font-family:var(--display);font-size:25px;text-transform:uppercase}.find-photo-note .note-star{position:absolute;right:16px;top:23px;font-size:22px}.closing-cta{position:relative;overflow:hidden;background:var(--yellow);text-align:center;padding:75px 20px 82px}.closing-cta .eyebrow{justify-content:center;color:#5e4b00;margin-bottom:14px}.closing-cta h2{font-size:clamp(62px,9vw,112px);margin:0 0 27px;color:var(--ink)}.closing-cta .button{background:var(--ink);color:#fff}.closing-cta .button:hover{background:#333}.cta-doodle{position:absolute;right:13%;top:23%;font-family:var(--script);font-size:38px;transform:rotate(-12deg)}.site-footer{background:#171715;color:#f3f0e7;padding:52px var(--gutter) 20px}.footer-top{display:grid;grid-template-columns:190px 1fr 1.2fr auto;align-items:center;gap:clamp(25px,5vw,75px);padding-bottom:42px}.footer-brand{width:180px}.footer-top>p{font-size:12px;line-height:1.7;color:#aaa79e;margin:0}.footer-links{display:flex;gap:clamp(14px,2.3vw,34px);flex-wrap:wrap}.footer-links a,.back-top{font-size:10px;color:#d2d0c8}.footer-links a:hover,.back-top:hover{color:var(--yellow)}.back-top{white-space:nowrap}.footer-bottom{border-top:1px solid #ffffff25;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#8f8d85;font-size:9px;letter-spacing:.04em}.footer-bottom b{color:var(--yellow)}
@media(max-width:1100px){.site-header{height:86px}.brand{width:160px}.primary-nav{gap:20px}.header-cta{display:none}.hero-content{left:12%;width:65%}.hero-caption{left:12%}.hero-side-note{left:3%}.intro{grid-template-columns:.9fr 1fr;gap:45px}.intro-mark{display:none}.intro-photo-wrap{min-height:390px}.intro-photo{height:430px}.footer-top{grid-template-columns:160px 1fr 1.4fr}.back-top{grid-column:3;justify-self:end}}
@media(max-width:760px){html{scroll-padding-top:72px}.site-header{height:76px;padding:0 22px}.brand{width:155px;z-index:22}.menu-toggle{display:flex;position:relative;z-index:22;width:42px;height:42px;border:1px solid #ffffff60;background:#17171555;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:18px;height:1px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:0;left:0;right:0;padding:95px 25px 25px;background:#171715;flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid #ffffff2b}.primary-nav.open{display:flex}.primary-nav a{width:100%;padding:13px 0;border-bottom:1px solid #ffffff1a;font-size:13px}.hero{height:780px;min-height:690px;max-height:100svh}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(10,10,9,.84),rgba(10,10,9,.38)),linear-gradient(0deg,rgba(10,10,9,.68),transparent 55%)}.hero-content{left:24px;right:24px;top:47%;transform:translateY(-40%);width:auto;max-width:560px}.eyebrow{font-size:9px;margin-bottom:16px}.hero h1{font-size:clamp(68px,16vw,110px);margin-bottom:22px}.hero-copy{font-size:13px;max-width:350px}.hero-actions{gap:20px;flex-wrap:wrap}.button{min-height:46px;padding:0 16px;gap:20px}.text-link{font-size:9px;gap:10px}.hero-side-note{display:none}.hero-stamp{right:7%;top:auto;bottom:120px;font-size:31px}.hero-caption{left:24px;bottom:64px;font-size:9px}.hero-bottom{padding:13px 22px;font-size:8px}.hero-bottom span:last-child{display:none}.section-pad{padding:76px 23px}.intro{grid-template-columns:1fr;gap:32px}.intro-photo-wrap{min-height:0;max-height:420px}.intro-photo{height:420px}.intro-copy{max-width:600px}.intro h2,.section-heading h2,.find-copy h2{font-size:clamp(52px,13vw,74px)}.lead{font-size:16px}.menu-section{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{margin-bottom:22px}.section-intro{max-width:440px}.menu-grid{grid-template-columns:1fr;gap:34px}.menu-card-offset{margin-top:0}.menu-image,.menu-card-tall .menu-image{aspect-ratio:1.25}.dish-copy h3{font-size:31px}.menu-note{margin-top:34px}.manifesto{grid-template-columns:1fr;gap:45px;padding:75px 23px;min-height:0}.manifesto h2{font-size:clamp(58px,14vw,82px)}.manifesto-points{gap:22px;padding-top:0}.promise{grid-template-columns:45px 1fr;gap:14px;padding-bottom:20px}.promise-icon{font-size:29px}.promise h3{font-size:23px}.find-section{grid-template-columns:1fr;gap:38px}.find-photo img{height:360px}.find-photo-note{min-width:190px;padding:14px 18px}.closing-cta{padding:65px 20px 70px}.closing-cta h2{font-size:clamp(62px,16vw,90px)}.cta-doodle{right:8%;top:10%;font-size:27px}.site-footer{padding:40px 23px 18px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:30px}.footer-brand{width:155px}.footer-top>p{justify-self:end;font-size:11px}.footer-links{grid-column:1 / -1;gap:16px 23px}.back-top{grid-column:1 / -1;justify-self:start}.footer-bottom{flex-direction:column;gap:7px}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:390px){.hero h1{font-size:64px}.hero-stamp{font-size:25px;right:5%;bottom:118px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-caption{bottom:61px}.intro-photo{height:350px}.find-photo img{height:300px}.footer-top{grid-template-columns:1fr}.footer-top>p{justify-self:start}.footer-links{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}