@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#252d2e;--dark:#202a2c;--red:#b92e34;--cream:#f6f0e8;--paper:#fffdf9;--muted:#66706d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}img{max-width:100%}.container{width:min(1180px,calc(100% - 44px));margin:auto}.topline{background:#ac2d32;color:white;text-align:center;padding:6px 14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.header{background:#222b2d;color:white;position:sticky;top:0;z-index:50;box-shadow:0 2px 20px #0002}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:20px;white-space:nowrap}.brand img{width:60px;height:60px;object-fit:cover;border-radius:50%}.links{display:flex;gap:21px;align-items:center}.links a{text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.links a:hover,.links a[aria-current=page]{color:#ffc6b9}.nav-cta{background:var(--red);border-radius:5px;padding:11px 16px}.menu-toggle{display:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.23em;font-weight:700;color:var(--red)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.15;margin:0 0 18px}h1{font-size:clamp(40px,5vw,76px)}h2{font-size:clamp(29px,3.2vw,46px)}h3{font-size:23px}.lead{font-size:clamp(17px,1.6vw,20px);color:#4c5655;max-width:680px}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;min-height:590px;align-items:center;gap:55px}.hero-copy{padding:80px 0}.hero-copy h1 span{color:var(--red)}.hero-image{height:590px;align-self:stretch;position:relative}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-image:after{content:'';position:absolute;inset:0;border:13px solid #fff3;pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;padding:14px 20px;border-radius:5px;background:var(--red);color:#fff;border:1px solid var(--red);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(.92)}.btn.outline{background:transparent;color:var(--ink);border-color:#9a9d96}.btn.light{background:#fff;color:var(--dark);border-color:#fff}.section{padding:85px 0}.section.alt{background:var(--cream)}.section.dark{background:var(--dark);color:white}.center{text-align:center}.center .lead{margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:#fff;border:1px solid #e8e2db;padding:30px;border-radius:7px;box-shadow:0 8px 25px #17232308}.card h3{margin-top:10px}.card p{color:#5c6664}.card .text-link{color:var(--red);font-weight:700;text-decoration:none}.number{color:var(--red);font-size:13px;font-weight:700;letter-spacing:.16em}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{border-radius:5px;width:100%;object-fit:cover;max-height:480px}.dark .lead{color:#e5dfd6}.dark .eyebrow{color:#f5b7b1}.footer{background:#182122;color:#f4eee7;padding:55px 0 18px}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.footer h3{font:700 15px 'DM Sans',sans-serif;margin:0 0 16px}.footer p,.footer a{font-size:13px;color:#d1d6d3}.footer a{display:block;margin:8px 0;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .foot-logo{width:105px;border-radius:50%;margin-bottom:12px}.foot-bottom{border-top:1px solid #465152;margin-top:38px;padding-top:18px;font-size:12px;color:#c1c8c4}.page-head{background:var(--cream);padding:75px 0 60px}.page-head h1{font-size:clamp(40px,5vw,62px)}.crumb{font-size:12px;color:#666;margin-bottom:25px}.crumb a{color:var(--red)}.notice{border-left:4px solid var(--red);background:#fff6f0;padding:18px 22px;margin:25px 0}.menu-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 36px;margin:35px 0}.menu-item{border-bottom:1px solid #e6ded4;padding:13px 0}.menu-item .item-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.menu-item strong{font-size:15px}.menu-item b{white-space:nowrap;color:var(--red)}.menu-item small{display:block;color:#67706d;margin-top:3px;line-height:1.5}.category{margin:55px 0 15px;border-bottom:2px solid var(--red);padding-bottom:13px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.tabs a{padding:9px 15px;border:1px solid #ddd2c5;border-radius:4px;text-decoration:none;font-size:13px;font-weight:700}.tabs a:hover{background:var(--cream)}.menu-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:32px}.menu-photos figure{margin:0;border:1px solid #e7ded6;background:white;box-shadow:0 12px 30px #0001}.menu-photos img{display:block;width:100%;height:auto}.menu-photos figcaption{padding:12px 16px;font-size:13px;color:#555}.small-note{font-size:13px;color:#68716e}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-grid .card{min-height:200px}.legal-draft{background:#fff0e8;border-left:4px solid var(--red);padding:18px}.social a{display:inline-block;margin-right:15px}.mobile-only{display:none}@media(max-width:1000px){.nav{min-height:72px}.brand{font-size:16px}.brand img{width:48px;height:48px}.links{gap:11px}.links a{font-size:11px}.hero-grid{gap:25px}.hero-image{height:500px}}@media(max-width:760px){.container{width:min(100% - 32px,620px)}.topline{font-size:10px}.menu-toggle{display:block;background:none;border:1px solid #899191;color:white;padding:9px 13px;border-radius:4px;font-size:14px}.links{display:none;position:absolute;left:0;right:0;top:100%;background:#222b2d;padding:20px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 20px #0003}.links.open{display:flex}.links a{font-size:15px;padding:11px 0}.links .nav-cta{text-align:center;margin-top:8px}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:0}.hero-copy{padding:54px 0 45px}.hero-image{height:330px;margin:0 -16px}.section{padding:56px 0}.cards,.contact-grid,.menu-list,.menu-photos{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;gap:28px}.page-head{padding:50px 0 42px}.split{gap:30px}.mobile-only{display:block}}@media(max-width:430px){.foot-grid{grid-template-columns:1fr}.actions .btn{width:100%}.brand{font-size:15px}.brand img{width:43px;height:43px}.menu-item .item-top{align-items:flex-start}}@media(min-width:1600px){.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{max-width:560px}.hero-image{height:650px}}

/* V1.1: requested framing and reservation preview. */
/* Keep the approved photo complete: no fixed-height cover crop. */
.hero-image { height: auto; align-self: center; margin: 34px 0; }
.hero-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.ampersand { font-family: Arial, Helvetica, sans-serif; font-style: normal; letter-spacing: 0; }
.menu-item .pizza-composition { font-size: 14px; line-height: 1.6; margin-top: 7px; }
.category[id], .menu-photos figure[id], #reservation { scroll-margin-top: 110px; }
.reservation-section { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: 50px; align-items: start; padding-top: 70px; }
.reservation-intro p { color: #4c5655; }
.reservation-panel { background: #fff; border: 1px solid #e8e2db; padding: 30px; border-radius: 7px; box-shadow: 0 8px 25px #17232308; min-width: 0; }
.reservation-notice { margin: 0 0 25px; font-size: 14px; }
.reservation-form fieldset { min-width: 0; border: 0; margin: 0; padding: 0; }
.reservation-form legend { font-weight: 700; font-size: 19px; margin-bottom: 20px; padding: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.form-field { min-width: 0; }
.form-field-wide { grid-column: 1 / -1; }
.form-field label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.form-field label .optional { font-weight: 400; }
.form-field input, .form-field textarea { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 11px 12px; font: inherit; font-size: 16px; line-height: 1.4; color: var(--ink); background: #faf8f5; border: 1px solid #c8c5bf; border-radius: 4px; }
.form-field textarea { resize: vertical; }
.form-field input:disabled, .form-field textarea:disabled { opacity: 1; -webkit-text-fill-color: var(--ink); cursor: not-allowed; }
.reservation-form .btn { font: inherit; font-weight: 700; width: 100%; }
.reservation-form .btn:disabled { background: #e9e4df; border-color: #c8c5bf; color: #525956; cursor: not-allowed; transform: none; filter: none; }
@media (max-width: 760px) {
 .hero-image { height: auto; margin: 0 -16px; }
 .reservation-section { grid-template-columns: 1fr; gap: 20px; padding-top: 50px; }
 .reservation-panel { padding: 22px; }
}
@media (max-width: 430px) {
 .form-grid { grid-template-columns: 1fr; }
 .form-field-wide { grid-column: auto; }
}

/* Keep the location on its own line, including on small screens. */
.hero-copy h1 span { display: block; }

/* V1.2: contact details and social links only. */
.topline { padding: 0 14px; }
.topline-inner { display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 44px; }
.topline-label { min-width: 0; }
.social-icons { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.social-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; color: #fff; text-decoration: none; border-radius: 50%; }
.social-icon::before { content: ''; position: absolute; inset: 5px; border: 1px solid #ffffff70; border-radius: 50%; pointer-events: none; }
.social-icon svg, .social-label-link svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
.social-icon:hover { background: #ffffff20; }
.social-icon:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.footer .social-label-link { display: flex; align-items: center; gap: 9px; min-height: 44px; margin: 0; width: fit-content; max-width: 100%; }
.footer .social-label-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.contact-email { overflow-wrap: anywhere; }
.contact-extra { margin: 14px 0; }
@media (max-width: 760px) {
 .topline-inner { width: 100%; gap: 10px; }
 .topline-label { text-align: left; }
}