@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--orange:#ff641b;--ink:#111;--cream:#f6efe6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
a{text-decoration:none;color:inherit}
.header{height:90px;background:#0c0c0c;color:white;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(20px,5vw,84px);border-bottom:1px solid #303030}
.brand{display:block;flex:none}.brand img{display:block;width:158px;height:68px;object-fit:contain}
.place{letter-spacing:.24em;font-size:11px;color:#dec9bc}
.header-order{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.1em}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#101010;color:white;align-items:stretch}
.hero-copy{padding:clamp(34px,4.6vw,76px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--orange);margin:0 0 20px}
.eyebrow span{color:#d5c9c0}
h1,h2,h3{font-family:Outfit,'DM Sans',Arial,sans-serif}
.hero h1{font-size:clamp(45px,5.7vw,88px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px}
.hero h1 em{font-style:normal;color:var(--orange)}
.lead{font-size:clamp(15px,1.3vw,19px);line-height:1.66;color:#e2dedb;max-width:555px;margin:0 0 30px}
.hero-photo{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:#1c1614}
.hero-photo img{display:block;width:100%;height:auto;max-height:735px;object-fit:contain}
.order-panel{border:1px solid #3f3f3f;border-radius:15px;padding:19px;background:#1c1c1c;max-width:550px;scroll-margin-top:24px}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.panel-top h2{margin:0;font-size:13px;font-weight:800;letter-spacing:.11em}.panel-top span{font-size:10px;color:#b6b1b1;letter-spacing:.07em}
.order-button{min-height:54px;padding:13px 17px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;font-size:17px;font-weight:800}
.order-button b,.order-button small{font-size:10px;letter-spacing:.05em}.deliveroo{background:var(--orange);color:#171717}.deliveroo:hover{background:#ff8f58}.unavailable{background:#292929;border:1px solid #424242;color:#cacaca}.unavailable small{color:#bcbcbc}
.content-section{max-width:1470px;margin:auto;padding:70px clamp(18px,5vw,78px) 85px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.section-heading h2,.savory-heading h2,.bottom-cta h2{font-size:clamp(32px,3.5vw,54px);letter-spacing:-.04em;line-height:1.12;margin:0}
.section-heading>p{max-width:345px;color:#71665e;line-height:1.6;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}
.product-card{overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 9px 30px rgba(58,40,22,.075);min-width:0;display:flex;flex-direction:column}
.photo-frame{width:100%;overflow:hidden;position:relative;background:#d3bcae}
.drinks-grid .photo-frame{aspect-ratio:1/1}
.dessert-grid .photo-frame{aspect-ratio:4/3}
.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .25s ease}
.product-card:hover img{transform:scale(1.025)}
.card-caption{padding:17px 20px 22px;min-height:98px;flex:1;background:#fff;position:relative}
.card-caption span{font-weight:800;color:#be5427;font-size:10px;letter-spacing:.15em}
.card-caption h3{font-size:clamp(21px,2vw,29px);line-height:1.16;letter-spacing:-.023em;margin:8px 0 0}
.savory{background:#171717;color:#fff;padding:73px clamp(18px,5vw,80px) 76px}
.savory-heading{max-width:750px;margin:0 auto 35px;text-align:center}.savory-heading p:last-child{color:#cfc5bf;line-height:1.7}
.savory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1430px;margin:0 auto}
.savory-card{min-width:0;overflow:hidden;background:#27211f;border:1px solid #453934;border-radius:14px}
.savory-photo{aspect-ratio:1.5/1;overflow:hidden;background:#dfbeaa}
.savory-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.savory-caption{padding:17px 18px 20px;min-height:95px}.savory-caption h3{font-size:clamp(17px,1.65vw,24px);line-height:1.15;margin:0 0 12px}.savory-caption span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#ffb286}
.disclaimer{max-width:1430px;margin:20px auto 0;font-size:12px;line-height:1.5;color:#b9b0ab}
.bottom-cta{background:#0d0d0d;color:white;text-align:center;padding:70px 20px 80px;border-top:1px solid #383838}.bottom-cta img{display:block;width:175px;height:auto;margin:0 auto 24px}.bottom-cta p{color:#c9bdb5;margin:18px 0}.bottom-cta a{display:inline-block;margin-top:15px;background:var(--orange);color:#181818;border-radius:10px;padding:17px 24px;font-weight:800;font-size:13px;letter-spacing:.045em}
footer{display:flex;justify-content:space-between;background:#080808;color:#999;padding:22px 5vw;letter-spacing:.12em;font-size:11px}.mobile-order{display:none}
@media(max-width:1050px){.hero-copy{padding:34px 30px}.hero h1{font-size:clamp(42px,5.3vw,66px)}.savory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.savory-photo{aspect-ratio:1.7/1}}
@media(max-width:760px){.header{height:76px;padding:8px 18px}.brand img{width:135px;height:58px}.place{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 22px 35px}.hero h1{font-size:clamp(48px,10vw,72px)}.hero-photo{background:#181513}.hero-photo img{width:100%;max-height:620px}.section-heading{display:block}.section-heading>p{margin-top:16px}.content-section{padding:50px 18px 60px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:13px}.card-caption{min-height:95px;padding:14px}.card-caption h3{font-size:20px}.savory{padding:60px 18px}.savory-grid{gap:13px}.savory-caption{padding:14px}.savory-caption h3{font-size:19px}.bottom-cta{padding-bottom:92px}.mobile-order{display:block;position:fixed;z-index:20;bottom:15px;right:15px;border-radius:999px;background:var(--orange);padding:13px 18px;color:#101010;font-size:12px;font-weight:800;box-shadow:0 6px 24px #0006}}
@media(max-width:470px){.header-order{font-size:11px}.panel-top span{display:none}.hero h1{font-size:50px}.product-grid{grid-template-columns:1fr}.drinks-grid .photo-frame{aspect-ratio:1/1}.dessert-grid .photo-frame{aspect-ratio:4/3}.card-caption{min-height:82px}.card-caption h3{font-size:23px}.savory-grid{grid-template-columns:1fr}.savory-photo{aspect-ratio:1.65/1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-frame img{transition:none}}

/* V9.1 delivery platform availability */
.uber-eats{background:#f0f0f0;color:#151515;border:1px solid #f0f0f0}.uber-eats:hover{background:#fff}.footer-order-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.bottom-cta .footer-uber{background:#efefef;color:#151515}.bottom-cta .footer-uber:hover{background:#fff}

/* V9.2 savoury corrections — native wide photos, no CSS zoom or pan */
.savory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1320px}
.savory-card{background:#27211f}
.savory-photo{aspect-ratio:1060 / 490;background:#b99b83}
.savory-photo img{width:100%;height:100%;object-fit:contain;object-position:center center}
.savory-card:nth-child(3) .savory-photo img{object-fit:cover;object-position:50% 50%}
.savory-caption{min-height:83px;padding:16px 22px 19px}
.savory-caption h3{font-size:clamp(20px,2vw,26px)}
@media(max-width:760px){.savory-grid{grid-template-columns:1fr;gap:18px}.savory-photo{aspect-ratio:1060 / 490}.savory-caption{min-height:80px}}
@media(max-width:470px){.savory-photo{aspect-ratio:1060 / 490}}

/* V9.3 — use approved, text-free wide photography at original proportions. */
.savory-card:nth-child(1) .savory-photo,
.savory-card:nth-child(2) .savory-photo,
.savory-card:nth-child(4) .savory-photo {aspect-ratio:1983 / 793;}
.savory-card:nth-child(1) .savory-photo img,
.savory-card:nth-child(2) .savory-photo img,
.savory-card:nth-child(4) .savory-photo img {object-fit:cover;object-position:center center;}