/* Reference-informed revision: white surfaces, food-led composition, minimal copy. */
:root{--cream:#fff;--ink:#202020;--brown:#25221d;--gold:#e5b46c;--muted:#6b6b6b;--line:#e9e9e9}
body{background:white;font-family:Arial,Helvetica,sans-serif}
.demo-bar{background:#f7f7f7;color:#666;font-size:9px;padding:7px;letter-spacing:.7px}
.demo-bar span{color:#666}
.header{max-width:1440px;margin:auto;padding:17px 4%;border:0}
.brand{font-family:Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:1px}
.brand small{font-size:7px;letter-spacing:1px;font-weight:400}
.header nav{font-size:13px;gap:34px}
.bag-button{border-color:#dedede;padding:8px 10px 8px 18px}
.bag-count{background:#f1e3ce;color:#46311b}
.hero{display:block;position:relative;isolation:isolate;margin:0 auto;padding:75px 6%;width:calc(100% - 64px);max-width:1360px;min-height:540px;overflow:hidden;border-radius:24px;background:#29251f}
.hero-copy{position:relative;z-index:2;color:#fff;max-width:500px}
.hero-copy .eyebrow{font-size:10px;letter-spacing:1.3px;color:#f3d5a5;margin:0 0 22px}
.dot{background:#e5b46c}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-style:normal}
h1{font-size:clamp(44px,4.7vw,68px);font-weight:700;line-height:1.06;letter-spacing:-2.3px;margin:0 0 23px}
.intro{font-size:15px;line-height:1.65;color:#f3f3f3;max-width:360px}
.hero-actions{margin:28px 0 0}
.button{border-radius:30px;font-size:13px;padding:16px 26px;font-weight:600;min-height:48px}
.hero .primary{background:var(--gold);color:#2b2013}
.hero .primary:hover{background:#f1c98d}
.hero-photo{position:absolute;inset:0;z-index:0;border-radius:0;width:100%;height:100%;margin:0;background:#24211e}
.hero-photo>img{position:absolute;right:0;width:65%;height:100%;object-fit:cover;object-position:50% 62%;border-radius:0}
.hero-photo:after{inset:0;border-radius:0;background:linear-gradient(90deg,#24211e 0%,#24211ef5 26%,#24211e9c 46%,#24211e08 78%)}
.quick-links{max-width:1240px;margin:28px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quick-links>a,.quick-links>div{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:85px;border:1px solid #eae5dd;background:#fffdf9;border-radius:12px;padding:22px 26px;font-size:15px;font-weight:600}
.quick-links a:hover{border-color:#b88a4c}
.quick-links a>span:last-child{color:#956328;font-size:25px;font-weight:400}
.quick-links small{font-size:11px;font-weight:400;color:#777}
.section{max-width:1240px;padding:75px 24px;margin:auto}
h2{font-size:36px;font-weight:650;line-height:1.2;letter-spacing:-1.1px;margin:0 0 16px}
.section-heading{align-items:center}.section-heading>p{font-size:13px;padding:0;margin:0;color:#777}
.menu-toolbar{margin:24px 0}.filters button{border-radius:6px;border-color:#e6e6e6;padding:10px 19px}
.filters button[aria-pressed=true]{background:#f6ead7;color:#65421a;border-color:#ead4b2}
.menu-note{font-size:11px}.menu-grid{gap:25px}
.dish{border:1px solid #eee;border-radius:12px;background:white}
.dish-photo,.dish-art{height:235px}
.dish-body{padding:22px}
.dish-body h3{font:600 19px/1.3 Arial,sans-serif;letter-spacing:-.3px}
.dish-body>.eyebrow,.dish-body>p:not(.eyebrow),.dish-tag{display:none}
.dish-bottom{border:0;margin:14px 0 0;padding:0}.dish-bottom span{color:#777;font-size:11px}
.dish-bottom button{background:#f7ead7;color:#6c471a;border:0;font-size:22px}
.dish-art,.bites .dish-art{background:#f5f4f1;color:#76716b;padding:28px;align-items:center;text-align:center}
.dish-art>span{display:none}.dish-art strong{font:500 25px/1.2 Arial,sans-serif;letter-spacing:-.5px;margin:0 0 16px}
.dish-art small{font-size:8px;letter-spacing:1px;color:#777}
.fine-print{font-size:10px;line-height:1.7;color:#767676}
.belle-life{display:grid;grid-template-columns:1fr 1fr;background:#faf9f7;color:var(--ink);border-radius:16px;padding:35px;gap:65px;margin:0 auto;width:calc(100% - 48px);max-width:1192px}
.life-image{height:320px;max-width:none}.life-image img{border-radius:10px;object-position:50% 63%}
.life-image>span{display:none}.life-copy h2{font-size:34px}
.life-copy>p:not(.eyebrow){color:#777;font-size:14px;line-height:1.7;max-width:330px}
.light{border:1px solid #d9d9d9;background:white;color:var(--ink);margin:10px 0 0}
.visit{padding-top:75px;padding-bottom:60px}.visit h2{font-size:34px}
.visit-details{padding:0}.visit-details h3{font:500 21px/1.5 Arial,sans-serif}.visit .eyebrow{font-size:9px;color:#777;letter-spacing:1px}
.visit-row{padding-top:18px}.visit-row p{font-size:12px}
footer{max-width:1240px;margin:auto;border-top:1px solid #eee;padding:30px 24px;gap:30px}
.footer-brand{font:700 19px Arial,sans-serif;letter-spacing:1px}.footer-brand span{font-size:10px;color:#777}
footer p{font-size:9px;max-width:420px}dialog{background:white}.bag-top h2{font:600 28px Arial,sans-serif;letter-spacing:-1px}.bag-item h3{font:600 17px Arial,sans-serif}.bag-notice{background:#faf5ec}
@media(max-width:800px){
 .header nav{gap:18px}.hero{width:calc(100% - 32px);padding:55px 35px;min-height:500px}.hero-photo>img{width:80%}
 .quick-links{gap:10px;padding:0 16px}.quick-links>a,.quick-links>div{padding:18px;font-size:12px}.quick-links>div{align-items:start;flex-direction:column;gap:6px}
 .belle-life{gap:30px}.life-copy h2{font-size:28px}.menu-grid{gap:14px}.dish-body{padding:17px}
}
@media(max-width:700px){
 .demo-bar{font-size:8px;line-height:1.4;padding:6px 12px}.demo-bar span{display:inline;margin-left:7px;font-size:8px}
 .header{padding:13px 20px}.brand{font-size:18px}.brand img{width:38px;height:38px}.brand small{font-size:6px}.header nav{gap:30px;padding-top:12px;margin-top:5px}
 .hero{width:calc(100% - 28px);min-height:510px;padding:34px 25px;border-radius:16px;display:flex;align-items:end}
 .hero-copy{width:100%}.hero-copy .eyebrow{font-size:8px;margin-bottom:16px}
 h1{font-size:43px;line-height:1.04;letter-spacing:-1.6px;margin:0 0 16px}
 .intro{font-size:12px;line-height:1.6;max-width:270px;margin-bottom:0}
 .hero-photo>img{width:100%;object-position:50% 60%}
 .hero-photo:after{background:linear-gradient(0deg,#201d19 0%,#201d19ed 21%,#201d1980 54%,#201d1908 100%)}
 .hero-actions{margin:20px 0 0}.hero .button{padding:13px 22px;font-size:12px}
 .quick-links{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;padding:0 14px}
 .quick-links>a{min-height:67px;padding:15px;font-size:11px;border-radius:9px}.quick-links>div{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;min-height:0;padding:8px;background:transparent;border:0;font-size:11px}.quick-links small{font-size:10px}
 .section{padding:43px 20px}.section-heading{display:block}h2{font-size:27px;letter-spacing:-.8px;margin:0 0 10px}
 .section-heading>p{font-size:12px}.menu-toolbar{margin:20px 0;gap:12px}.filters{gap:6px}.filters button{padding:10px 13px;font-size:10px}
 .menu-grid{grid-template-columns:1fr;gap:16px}.dish{display:grid;grid-template-columns:110px 1fr;border-radius:10px;align-items:center;min-height:125px}
 .dish-photo,.dish-art{height:100%;min-height:125px}.dish-art,.bites .dish-art{padding:12px}.dish-art strong{font-size:16px;margin-bottom:8px}.dish-art small{font-size:6px}
 .dish-body{padding:16px}.dish-body h3{font-size:16px;margin:0}.dish-bottom{margin-top:12px;gap:8px}.dish-bottom span{font-size:9px;max-width:90px}.dish-bottom button{width:40px;min-width:40px;height:44px;border-radius:8px}
 .belle-life{width:calc(100% - 40px);padding:20px;grid-template-columns:1fr;gap:25px}.life-image{height:250px}.life-copy h2{font-size:27px}.life-copy>p:not(.eyebrow){font-size:12px}.life-copy .button{font-size:11px;padding:14px 18px}
 .visit{grid-template-columns:1fr;gap:20px}.visit h2{font-size:27px}.visit-details h3{font-size:19px}.visit-row{gap:15px}
 footer{padding:25px 20px;gap:16px}.bag-top h2{font-size:25px}
}