:root {
    --terracotta: #9e5a3c;
    --terracotta-dark: #7a4229;
    --sage: #6b7f5e;
    --cream: #f4ede4;
    --parchment: #faf6ef;
    --brown: #3b2e24;
    --brown-light: #6b5c4f;
    --font-hand: 'Caveat', cursive;
    --font-body: 'Source Serif 4', serif;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font-body); color:var(--brown); background:var(--parchment); line-height:1.7; }
a { text-decoration:none; color:inherit; transition:color 0.2s; }
img { max-width:100%; display:block; }
ul { list-style:none; }
.container { max-width:960px; margin:0 auto; padding:0 24px; }

/* Top bar */
.top-bar {
    background:var(--brown);
    color:rgba(255,255,255,0.6);
    font-size:0.75rem;
    padding:6px 24px;
    display:flex;
    justify-content:space-between;
    letter-spacing:0.5px;
}
.top-bar a { color:var(--terracotta); }

/* Header */
.header { position:sticky; top:0; z-index:100; background:var(--parchment); border-bottom:1px solid rgba(59,46,36,0.08); }
.nav { max-width:960px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; }
.nav-brand { font-family:var(--font-hand); font-size:1.6rem; color:var(--terracotta); font-weight:600; }
.nav-links { display:flex; gap:24px; align-items:center; }
.nav-links a { font-size:0.85rem; color:var(--brown-light); font-weight:400; }
.nav-links a:hover { color:var(--terracotta); }
.nav-call { background:var(--terracotta); color:var(--parchment)!important; padding:8px 20px; border-radius:6px; font-weight:500; }
.nav-call:hover { background:var(--terracotta-dark); }
.nav-toggle { display:none; background:none; border:none; font-size:1.4rem; color:var(--brown); cursor:pointer; }

/* Cover */
.cover { position:relative; overflow:hidden; }
.cover-img { width:100%; height:70vh; min-height:400px; object-fit:cover; filter:brightness(0.55); }
.cover-text { position:absolute; bottom:0; left:0; right:0; padding:48px 24px; color:white; }
.cover-hand { font-family:var(--font-hand); font-size:1.6rem; color:var(--terracotta); margin-bottom:4px; }
.cover-title { font-family:var(--font-hand); font-size:clamp(3rem,10vw,5.5rem); font-weight:700; line-height:1; margin-bottom:8px; }
.cover-tagline { font-size:1.1rem; opacity:0.8; font-style:italic; }

/* Noi */
.noi { padding:80px 0; }
.noi .container { display:grid; grid-template-columns:1.4fr 1fr; gap:48px; align-items:start; }
.noi h2 { font-family:var(--font-hand); font-size:2.2rem; color:var(--terracotta); margin-bottom:20px; line-height:1.2; }
.noi p { margin-bottom:16px; color:var(--brown-light); font-size:1rem; line-height:1.85; }
.noi-photo img { border-radius:8px; width:100%; box-shadow:0 8px 32px rgba(0,0,0,0.08); }
blockquote { margin:32px 0 0; padding:20px 24px; border-left:3px solid var(--terracotta); background:var(--cream); border-radius:0 8px 8px 0; font-style:italic; color:var(--brown-light); }
blockquote p { margin-bottom:8px; font-size:0.95rem; }
cite { font-size:0.85rem; color:var(--terracotta); font-style:normal; font-weight:500; }

/* Cucina */
.cucina { padding:80px 0; background:var(--cream); }
.cucina-heading { font-family:var(--font-hand); font-size:2.4rem; color:var(--terracotta); text-align:center; margin-bottom:8px; }
.cucina-intro { text-align:center; max-width:600px; margin:0 auto 48px; color:var(--brown-light); font-size:0.95rem; }
.piatti { max-width:600px; margin:0 auto; }
.piatto { margin-bottom:28px; padding-bottom:28px; border-bottom:1px dashed rgba(59,46,36,0.15); }
.piatto:last-of-type { border-bottom:none; }
.piatto-name { display:flex; align-items:baseline; gap:12px; margin-bottom:4px; }
.piatto-name h3 { font-size:1.15rem; font-weight:600; color:var(--brown); white-space:nowrap; }
.piatto-line { flex:1; border-bottom:1px dotted rgba(59,46,36,0.25); min-width:20px; }
.piatto-price { font-family:var(--font-hand); font-size:1.3rem; color:var(--terracotta); font-weight:600; white-space:nowrap; }
.piatto p { font-size:0.9rem; color:var(--brown-light); }
.cucina-note { text-align:center; margin-top:32px; font-size:0.85rem; color:var(--brown-light); font-style:italic; }

/* Foto */
.foto-section { padding:80px 0; }
.foto-section h2 { font-family:var(--font-hand); font-size:2.2rem; color:var(--terracotta); text-align:center; margin-bottom:32px; }
.foto-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.foto-item { border-radius:8px; overflow:hidden; }
.foto-item img { width:100%; height:100%; min-height:200px; object-fit:cover; transition:transform 0.3s; }
.foto-item:hover img { transform:scale(1.03); }
.foto-wide { grid-column:span 2; }
.foto-wide img { height:320px; }

/* Trovarci */
.trovarci { padding:80px 0; background:var(--cream); }
.trovarci-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:48px; align-items:start; }
.trovarci h2 { font-family:var(--font-hand); font-size:2.2rem; color:var(--terracotta); margin-bottom:16px; }
.trovarci > .container > p { color:var(--brown-light); margin-bottom:24px; }
.trovarci-info > p { color:var(--brown-light); margin-bottom:24px; }
.trovarci-details { display:flex; flex-direction:column; gap:16px; margin-bottom:28px; }
.detail { font-size:0.9rem; }
.detail strong { display:block; margin-bottom:4px; color:var(--brown); }
.detail a { color:var(--terracotta); font-weight:500; }
.detail span { color:var(--brown-light); }
.btn-call { display:inline-block; background:var(--terracotta); color:var(--parchment); padding:14px 28px; border-radius:8px; font-weight:500; font-size:0.95rem; }
.btn-call:hover { background:var(--terracotta-dark); }
.trovarci-map { min-height:380px; border-radius:12px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,0.06); }

/* Footer */
.footer { background:var(--brown); color:rgba(255,255,255,0.5); text-align:center; padding:48px 24px 32px; }
.footer-brand { font-family:var(--font-hand); font-size:1.8rem; color:var(--terracotta); margin-bottom:4px; }
.footer-sub { font-size:0.9rem; margin-bottom:16px; }
.footer-addr { font-size:0.8rem; margin-bottom:24px; }
.footer-addr a { color:var(--terracotta); }
.footer-copy { font-size:0.75rem; opacity:0.4; }

/* Responsive */
@media (max-width:768px) {
    .nav-links { position:fixed; top:0; right:-100%; width:260px; height:100vh; background:var(--parchment); flex-direction:column; align-items:flex-start; padding:80px 32px; gap:16px; transition:right 0.3s; box-shadow:-8px 0 30px rgba(0,0,0,0.1); }
    .nav-links.active { right:0; }
    .nav-toggle { display:block; }
    .noi .container { grid-template-columns:1fr; }
    .noi-photo { order:-1; }
    .trovarci-grid { grid-template-columns:1fr; }
    .foto-grid { grid-template-columns:1fr; }
    .foto-wide { grid-column:span 1; }
    .foto-wide img { height:220px; }
    .cover-title { font-size:2.8rem; }
}