:root{--orange:#f4512a;--ink:#171614;--cream:#f7f5f0;--line:#d9d6ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:var(--cream)}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:3px;font-weight:700}.brand small{display:block;font-size:7px;letter-spacing:3px;font-weight:500;text-align:center;margin-top:2px}.brand-mark{color:var(--orange);font-size:31px;line-height:1}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,46px);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700}.nav-cta{padding:13px 18px;border:1px solid var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:48% 52%;margin:0 4vw 100px}.hero-copy{background:var(--orange);padding:clamp(45px,8vw,130px) clamp(30px,7vw,120px) 45px;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700;margin:0 0 25px}.hero h1{font-size:clamp(58px,8vw,128px);line-height:.86;letter-spacing:-6px;margin:0 0 36px}.hero h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-2px}.hero-text{max-width:285px;font-size:15px;line-height:1.6;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 20px;text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:700;border:1px solid transparent;cursor:pointer}.button span,.text-link span{font-size:16px}.button-dark{background:var(--ink);color:var(--cream)}.button-light{background:var(--cream);color:var(--ink)}.text-link{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:7px}.hero-meta{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:auto}.meta-line{height:1px;width:45px;background:var(--ink)}.hero-image{position:relative;overflow:hidden}.hero-image img,.intro-image img,.experience-image img{width:100%;height:100%;object-fit:cover}.vertical-note{position:absolute;right:19px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;font-weight:700}.vertical-note span{color:var(--orange);margin-top:12px}.hero-stamp{position:absolute;bottom:34px;left:35px;border:1px solid var(--ink);border-radius:50%;width:82px;height:82px;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.5;transform:rotate(-12deg)}.section{padding:0 10vw}.intro{display:grid;grid-template-columns:20% 42% 38%;gap:30px;min-height:500px;margin-bottom:130px}.section-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#777}.intro-content{padding-top:25px}.intro h2,.section-heading h2,.experience h2,.reservation h2{font-size:clamp(38px,5vw,69px);line-height:.95;letter-spacing:-3px;margin:0 0 30px}.intro-content>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:400px;color:#5d5b56;margin-bottom:35px}.accent-link{color:var(--orange)}.intro-image{height:440px;position:relative}.image-caption{position:absolute;bottom:22px;left:22px;color:white;font-size:12px;line-height:1.4}.image-caption small{font-size:9px;text-transform:uppercase;letter-spacing:1px}.menu-section{background:white;padding-top:90px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{margin:0}.dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dish-image{height:330px;position:relative;background:#eee;overflow:hidden}.dish-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dish:hover img{transform:scale(1.05)}.dish-image span{position:absolute;top:18px;left:18px;color:white;font-size:11px}.dish-info{padding:18px 0;border-bottom:1px solid var(--line);position:relative}.dish-info h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.dish-info p{font-size:12px;color:#777;margin:0;max-width:220px}.dish-info strong{position:absolute;right:0;bottom:19px;color:var(--orange);font-size:13px}.experience{display:grid;grid-template-columns:55% 45%;min-height:590px;background:var(--orange)}.experience-image{min-height:450px}.experience-copy{padding:10vw 8vw;display:flex;flex-direction:column;justify-content:center}.experience-copy h2{margin-bottom:25px}.experience-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:360px;margin-bottom:35px}.experience-copy .button{align-self:flex-start}.reservation{display:grid;grid-template-columns:20% 35% 45%;padding-top:125px;padding-bottom:125px}.reservation h2{margin-bottom:25px}.reservation-text{font-size:14px;line-height:1.7;color:#666;max-width:220px}.reservation-form{border-top:1px solid var(--ink);padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;align-content:start}.reservation-form label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.reservation-form input,.reservation-form select{display:block;width:100%;border:0;border-bottom:1px solid #999;background:transparent;padding:13px 0;font:inherit;font-size:14px;outline:0}.reservation-form .button{margin-top:8px;width:max-content}.form-message{font-size:12px;color:var(--orange);grid-column:1/-1;margin:4px 0}.footer{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr;gap:40px;padding:65px 10vw 35px;font-size:12px;line-height:1.7;position:relative}.footer-brand{font-size:25px;letter-spacing:3px}.footer-brand p{font-size:11px;letter-spacing:1px;margin-top:10px;color:#aaa}.footer-title{color:var(--orange);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:700}.footer a{color:#ccc}.copyright{grid-column:1/-1;border-top:1px solid #444;padding-top:20px;margin-top:30px;color:#777;font-size:9px;letter-spacing:1.5px}
@media(max-width:800px){.site-header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:25px 5vw;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.nav-cta{padding:10px 14px}.hero{grid-template-columns:1fr;margin:0 0 70px;min-height:auto}.hero-copy{min-height:590px;padding:65px 9vw 35px}.hero h1{font-size:clamp(60px,18vw,100px)}.hero-image{height:420px}.vertical-note{display:none}.section{padding-left:7vw;padding-right:7vw}.intro{display:block;margin-bottom:80px}.section-label{margin-bottom:20px}.intro-image{margin-top:45px;height:350px}.menu-section{padding-top:65px;padding-bottom:75px}.section-heading{align-items:start;gap:25px;flex-direction:column}.dishes{grid-template-columns:1fr;gap:38px}.dish-image{height:330px}.experience{grid-template-columns:1fr}.experience-image{height:330px;min-height:0}.experience-copy{padding:65px 9vw}.reservation{display:block;padding-top:75px;padding-bottom:80px}.reservation .section-label{margin-bottom:45px}.reservation-form{margin-top:50px}.footer{grid-template-columns:1fr 1fr;padding:50px 7vw 30px;gap:30px}.footer-brand{grid-column:1/-1}.copyright{margin-top:15px}}
@media(max-width:430px){.hero h1{letter-spacing:-4px}.hero-actions{align-items:flex-start;flex-direction:column}.reservation-form{grid-template-columns:1fr}.reservation-form .button{width:100%}.footer{grid-template-columns:1fr}}

/* Sumi fresh market palette */
:root{--orange:#D93628;--ink:#3D3D3D;--cream:#DDF1BA;--line:#b8d486}
body,.site-header{background:#DDF1BA;color:#3D3D3D}
.brand-mark,.accent-link,.dish-info strong,.form-message{color:#D93628}
.hero-copy,.experience{background:#8AC43A}
.hero h1,.experience h2{color:#FFFFFF}
.hero .eyebrow,.experience .eyebrow{color:#FFFFFF}
.button-dark{background:#3D3D3D;color:#FFFFFF}
.button-light{background:#FFFFFF;color:#3D3D3D}
.hero-stamp{border-color:#E52E1D;color:#E52E1D}
.vertical-note span{color:#D93628}
.section-label,.footer-title{color:#8AC43A}
.intro-content>p:not(.eyebrow),.reservation-text{color:#3D3D3D}
.menu-section{background:#FFFFFF}
.section-heading h2{color:#3D3D3D}
.section-heading h2 em{color:#8AC43A}
.dish-image span{background:#E52E1D;color:#FFFFFF}
.dish-info h3{color:#3D3D3D}
.reservation h2 em{color:#D93628}
.reservation-form{border-color:#3D3D3D}
.reservation-form input,.reservation-form select{border-color:#91b45e;color:#3D3D3D}
.footer{background:#3D3D3D;color:#FFFFFF}
.footer-brand p{color:#DDF1BA}
.footer a{color:#DDF1BA}
.brand-logo{display:block;width:124px;height:auto}
.footer-logo{display:block;width:165px;height:auto}
.footer-brand p{margin-top:10px}
.photo-credits{grid-column:1/-1;border-top:1px solid #666;padding-top:22px;max-width:760px;color:#DDF1BA}
.photo-credits p{margin:6px 0}
.photo-credits .citation{font-size:10px;color:#b9c99e}
.photo-credit{position:absolute;right:14px;bottom:12px;z-index:2;color:#fff!important;background:rgba(61,61,61,.72);padding:5px 8px;font-size:9px;letter-spacing:.7px;text-transform:uppercase}
.photo-credit:hover{background:#D93628}