:root{color-scheme:dark;--bg:#10100f;--panel:#1c1b19;--gold:#c2a16b;--text:#f4efe8;--muted:#b7afa2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.8 Manrope,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:50;background:rgba(18,18,17,.96);border-bottom:1px solid #393329;display:flex;align-items:center;justify-content:space-between;padding:20px max(22px,6vw);gap:30px;backdrop-filter:blur(12px)}.brand{font-size:15px;letter-spacing:.23em;font-weight:500;white-space:nowrap}.brand strong{color:var(--gold);font-weight:800}.topbar nav{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:5px}.topbar nav a{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#e5ddd2}.topbar nav a:hover{color:var(--gold)}.hero{min-height:680px;height:min(82vh,920px);background:linear-gradient(90deg,rgba(7,7,7,.93),rgba(10,9,8,.6),rgba(11,10,9,.3)),var(--hero,linear-gradient(125deg,#2a241d,#11100f));background-size:cover;background-position:center;display:flex;align-items:center}.hero-inner{width:min(1200px,88%);margin:auto}.eyebrow,.kicker{font:700 11px/1.5 Manrope,sans-serif;letter-spacing:.34em;color:var(--gold)}h1,h2,h3{line-height:1.1}h1,h2,.intro h2,.cta h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(74px,11vw,155px);letter-spacing:-.048em;margin:22px 0 12px}.hero em,.intro em,.section-head em,.cta em,.page-heading em{color:var(--gold);font-weight:400}.hero p{max-width:530px;color:#e5dcd1;font-size:clamp(16px,2vw,21px)}.ornament{height:1px;width:95px;background:var(--gold);margin:30px 0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.btn{display:inline-block;padding:12px 25px;border-radius:2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--gold);background:transparent;color:var(--gold)}.btn.gold{background:var(--gold);color:#151310}.btn.outline:hover{background:var(--gold);color:#141310}.container{width:min(1170px,90%);margin:auto}.intro{padding:125px 0;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.intro h2,.cta h2,.section-head h2{font-size:clamp(44px,6vw,80px);margin:20px 0}.intro>p{font-size:18px;line-height:2;color:var(--muted)}.features{border-top:1px solid #393329;border-bottom:1px solid #393329;display:grid;grid-template-columns:repeat(3,1fr)}.features a{padding:55px 25px;border-right:1px solid #393329}.features a:first-child{padding-left:0}.features a:last-child{border:0}.features span{font-size:11px;letter-spacing:.18em;color:var(--gold)}.features h3{font:500 34px/1.15 'Cormorant Garamond',Georgia,serif}.features h3 b{font:18px Arial;color:var(--gold)}.features p{color:var(--muted);font-size:13px}.features a:hover h3{color:var(--gold)}.photo-strip{padding:115px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-grid img{width:100%;height:310px;object-fit:cover}.cta{text-align:center;background:#201c17;padding:105px 20px;margin-top:70px}.cta h2{margin:15px 0 30px}.page-heading{text-align:center;background:linear-gradient(180deg,#27221d,#111110);padding:100px 20px 85px}.page-heading h1{font-size:clamp(60px,9vw,115px);margin:10px 0 14px}.page-heading p{color:var(--muted)}.listing{padding:70px 0 125px;max-width:900px}.listing-category{margin-bottom:75px}.listing-category h2{font:500 48px 'Cormorant Garamond',Georgia,serif;color:var(--gold);padding-bottom:18px;border-bottom:1px solid #544632}.dish{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #302e2a;padding:24px 0}.dish h3{font:600 24px 'Cormorant Garamond',Georgia,serif;margin:0}.dish p{color:var(--muted);margin:9px 0 0}.dish>span{color:var(--gold);white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:70px 0 120px}.gallery-grid img{width:100%;height:280px;object-fit:cover}.gallery-grid span{display:block;color:var(--muted);font-size:13px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:90px 0 130px}.contacts h2{font:500 58px 'Cormorant Garamond',Georgia,serif}.contacts strong{color:var(--gold)}.detail-panel{border:1px solid #483d30;padding:35px;background:var(--panel)}.detail-panel h3{font:500 32px 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.prelines{white-space:pre-line}.text-page{padding:70px 0 110px;max-width:900px}.empty{color:var(--muted);padding:25px}.login-card{width:min(480px,90%);margin:95px auto 140px;border:1px solid #453a29;padding:40px;background:#191715}.login-card h1{font-size:50px}.flash{margin:0;background:#263a2a;color:white;text-align:center;padding:12px}.flash.error{background:#5c2e2e}.admin{padding:50px 0 120px;max-width:1150px}.admin-panel{border:1px solid #463c2f;background:#191817;padding:32px;margin-bottom:35px}.admin-panel h2{font:500 42px 'Cormorant Garamond',Georgia,serif;color:var(--gold)}.admin-panel h3{font:500 30px 'Cormorant Garamond',Georgia,serif}.admin form{max-width:830px}.admin label,.login-card label{display:block;color:#dfd6c8;font-size:13px;margin:12px 0}input:not([type=hidden]),select,textarea{background:#10100f;color:#f5f0e8;border:1px solid #555046;padding:10px 12px;border-radius:2px;display:block;width:100%;margin:5px 0 10px}input[type=file]{padding:15px}.editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.editor label:nth-of-type(4){grid-column:span 2}.editor .btn{justify-self:start;align-self:end;margin-bottom:10px}.edit-item{border-top:1px solid #504332;margin-top:20px;padding:24px 0}.danger{background:#63322d;color:white;border:1px solid #a9594c;padding:9px 15px}.admin-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin-top:30px}.admin-photos>div{background:#25221e;padding:12px}.admin-photos img{width:100%;height:140px;object-fit:cover}.admin-photos button{padding:8px 10px;margin:4px 0;width:100%;background:#443b31;color:white;border:1px solid #63523e}.admin-photos button.danger{background:#63322d}.admin-photos button:disabled{opacity:.55}footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:35px max(22px,6vw);border-top:1px solid #393329;font-size:11px;letter-spacing:.09em;color:#9e9484}footer a:hover{color:var(--gold)}@media(max-width:720px){.topbar{padding:15px 18px;align-items:flex-start;flex-direction:column;gap:10px}.topbar nav{column-gap:15px}.topbar nav a{font-size:11px}.hero{height:auto;min-height:620px}.hero-inner{width:88%}.intro,.contacts{grid-template-columns:1fr;gap:16px;padding:65px 0}.features{grid-template-columns:1fr}.features a,.features a:first-child{padding:30px 0;border-right:0;border-bottom:1px solid #393329}.photo-grid,.gallery-grid{grid-template-columns:1fr 1fr}.photo-grid img,.gallery-grid img{height:190px}.admin-panel{padding:19px}.editor{grid-template-columns:1fr}.editor label:nth-of-type(4){grid-column:auto}.page-heading{padding:65px 15px}.listing{padding:45px 0}.cta{margin-top:20px}}@media(max-width:410px){.photo-grid,.gallery-grid{grid-template-columns:1fr}.brand{font-size:13px}.hero h1{font-size:72px}}


/* V2 · Restyling pelle scura + palma fossile originale. Solo homepage. */
.topbar .brand{display:inline-flex;align-items:center;gap:12px}
.nav-fossil{height:31px;width:16px;object-fit:contain;flex:none;opacity:.93}

.renato-home .hero{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(6,5,4,.94) 0%,rgba(9,7,5,.83) 48%,rgba(9,7,5,.39) 100%),var(--hero,linear-gradient(130deg,#251b13,#0d0b09));background-size:cover;background-position:center;min-height:640px}

.renato-home .hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 50%,rgba(179,126,65,.10),transparent 52%)}
.renato-home .hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,340px);align-items:center;column-gap:clamp(20px,5vw,90px)}
.renato-home .hero-logo{grid-column:2;grid-row:1 / span 7;justify-self:center;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 35px rgba(179,127,59,.18));width:100%;height:470px}
.renato-home .hero-logo img{height:100%;width:100%;object-fit:contain;opacity:.92}
.renato-home .hero-inner>.eyebrow,.renato-home .hero-inner>h1,.renato-home .hero-inner>.ornament,.renato-home .hero-inner>.heritage-line,.renato-home .hero-inner>p:not(.heritage-line),.renato-home .hero-inner>.actions{grid-column:1}
.renato-home h1{font-size:clamp(72px,9.5vw,134px);margin:14px 0 5px}
.renato-home .hero .heritage-line{font-size:12px;font-weight:700;letter-spacing:.25em;color:#d8b981;margin:13px 0 6px}
.renato-home .heritage-line span{padding:0 10px;color:#8e6b42}
.renato-home .intro{padding-top:100px;padding-bottom:90px}
.renato-home .features{border-color:rgba(202,161,100,.3);background:rgba(10,8,7,.38);backdrop-filter:blur(3px);border-radius:3px}
.renato-home .features a{border-color:rgba(202,161,100,.23)}
.renato-home .cta{background:linear-gradient(115deg,rgba(10,8,7,.93),rgba(41,29,20,.86));border-top:1px solid rgba(197,153,84,.22);border-bottom:1px solid rgba(197,153,84,.22)}
@media(max-width:760px){.renato-home .hero{min-height:660px;height:auto}.renato-home .hero-inner{display:flex;flex-direction:column;align-items:flex-start;padding:45px 0}.renato-home .hero-logo{order:0;height:180px;align-self:center;width:180px;margin:0 0 14px}.renato-home .hero-inner>.eyebrow{order:1}.renato-home .hero-inner>h1{order:2}.renato-home .hero-inner>.ornament{order:3}.renato-home .hero-inner>.heritage-line{order:4}.renato-home .hero-inner>p:not(.heritage-line){order:5}.renato-home .hero-inner>.actions{order:6}.renato-home h1{font-size:clamp(65px,15vw,100px)}.renato-home .intro{padding-top:65px;padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.renato-home *, .renato-home *::before,.renato-home *::after{scroll-behavior:auto!important}}

/* V3 · Pelle scura più materica e fossile dorato a dettaglio elevato. */



.renato-home .hero-logo{height:520px;max-width:400px;filter:drop-shadow(0 10px 38px rgba(200,137,61,.18));}
.renato-home .hero-logo img{opacity:1;image-rendering:auto;}
.renato-home .hero-inner{grid-template-columns:minmax(0,1fr) minmax(175px,390px);}
.renato-home .intro{background:rgba(8,6,5,.10);}
.renato-home .features{background:rgba(11,8,6,.34);}
@media(max-width:760px){.renato-home .hero-logo{height:210px;max-width:210px;width:210px;}}

/* La nostra storia: pagina lunga con immagini originali del libro */
.renato-story{background:#17110c url('/static/images/pelle-scura-v3.webp') repeat;background-size:640px 640px}
.story-width{width:min(760px,calc(100% - 40px));margin:0 auto}
.story-heading{background:linear-gradient(115deg,rgba(8,6,4,.88),rgba(24,16,10,.55)),url('/static/images/pelle-scura-v3.webp') repeat;background-size:auto,640px 640px;padding:95px 0 95px;border-bottom:1px solid rgba(194,161,107,.25)}
.story-heading h1{font-size:clamp(60px,8vw,104px);margin:25px 0 15px;letter-spacing:-.025em}.story-heading h1 em{color:#cba76f}.story-lead{font-size:19px;color:#e5d7c3;max-width:600px}.story-years{letter-spacing:.3em;font-size:12px;font-weight:700;color:#cba76f;margin-top:27px}
.story-article{padding:80px 0 120px;font-size:17px;line-height:2;color:#e0d5c5}.story-article p{margin:0 0 24px}.story-article .story-first:first-letter{float:left;font:80px/.8 'Cormorant Garamond',Georgia,serif;color:#cba76f;padding:10px 11px 0 0}.story-chapter{padding-top:65px}.story-chapter h2{font:500 clamp(39px,5.3vw,59px)/1.15 'Cormorant Garamond',Georgia,serif;color:#f4e9d8;margin:13px 0 31px}.story-index{font-size:10px;letter-spacing:.29em;color:#cba76f;font-weight:700}.story-photo{margin:42px auto 24px;width:min(100%,680px);text-align:center}.story-photo img{display:block;max-width:100%;max-height:540px;width:auto;height:auto;margin:auto;object-fit:contain;border:1px solid rgba(220,177,112,.17);box-shadow:0 18px 50px rgba(0,0,0,.35)}.story-photo figcaption{font-size:12px;color:#a99a82;margin:13px 0;font-style:italic;line-height:1.5}.story-credit{border-top:1px solid rgba(202,163,107,.27);padding-top:30px;margin-top:60px!important;color:#b5a58e;font-size:13px}.story-teaser{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center;padding:100px 0}.story-teaser h2{font:500 clamp(40px,6vw,68px)/1.06 'Cormorant Garamond',Georgia,serif;margin:20px 0}.story-teaser h2 em{color:#cba76f}.story-teaser p{max-width:550px;color:#c5b9a8;line-height:1.9;margin-bottom:25px}.story-teaser img{width:100%;height:320px;object-fit:contain;border-radius:3px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.25))}@media(max-width:720px){.story-heading{padding:60px 0}.story-article{font-size:16px;line-height:1.87;padding:45px 0 80px}.story-chapter{padding-top:40px}.story-teaser{grid-template-columns:1fr;padding:65px 0;gap:15px}.story-teaser img{height:220px}}


/* ===============================================================
   V13 - Home: marrone sfumato continuo e tre pulsanti uniformi
   Non cambia la pagina storia, i font globali o il pannello admin.
   =============================================================== */
body.renato-home {
  background-color: #17110d;
  background-image:
    radial-gradient(ellipse 68% 62% at 79% 30%, rgba(127, 79, 43, .28) 0%, rgba(70, 43, 29, .13) 45%, transparent 80%),
    radial-gradient(ellipse 70% 65% at 8% 88%, rgba(68, 43, 30, .13) 0%, transparent 78%),
    linear-gradient(112deg, #100d0b 0%, #1b1410 48%, #24170f 78%, #130e0b 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* La hero lascia trasparire lo stesso sfondo del body: niente scalino. */
body.renato-home .hero,
body.renato-home .hero:not([style]),
body.renato-home .hero[style] {
  background: transparent;
}
body.renato-home .hero::after {
  background: none;
}
body.renato-home .intro {
  background: transparent;
}
/* Le schede mantengono un velo scuro, senza ripetere alcuna texture. */
body.renato-home .features {
  background: rgba(12, 9, 7, .22);
}
/* I tre pulsanti della hero sono scuri a riposo, chiari al passaggio. */
body.renato-home .hero .actions .btn,
body.renato-home .hero .actions .btn.gold,
body.renato-home .hero .actions .btn.outline {
  background: rgba(15, 11, 9, .55);
  border: 1px solid #bfa071;
  color: #e5c494;
  transition: background-color .20s ease, color .20s ease,
              border-color .20s ease, transform .20s ease;
}
body.renato-home .hero .actions .btn:hover,
body.renato-home .hero .actions .btn:focus-visible {
  background: #d7b684;
  border-color: #d7b684;
  color: #17110c;
  transform: translateY(-1px);
}
body.renato-home .hero .actions .btn:focus-visible {
  outline: 2px solid #f6e4c8;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body.renato-home .hero .actions .btn { transition: none; transform: none; }
}


/* V14 — Homepage minimalista: una sola sezione iniziale.
   Il CSS del racconto, delle altre pagine e dell'admin resta invariato. */
body.renato-home .hero {
  height: auto;
  min-height: max(680px, calc(100svh - 78px));
}
body.renato-home footer {
  background: rgba(12, 9, 7, .18);
  border-top-color: rgba(194, 161, 107, .22);
}
@media (max-width: 760px) {
  body.renato-home .hero {
    height: auto;
    min-height: calc(100svh - 100px);
  }
}


/* V18 — Quattro pulsanti coordinati: Menu, Vini, Prenotazioni, Posizione. */
body.renato-home .hero .actions {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 230px));
  gap:12px;
  width:min(100%, 472px);
}
body.renato-home .hero .actions .btn {
  display:flex;align-items:center;justify-content:center;
  min-height:45px;padding:11px 14px;
  text-align:center;line-height:1.35;
}
@media (max-width:760px) {
  body.renato-home .hero .actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width:min(100%, 472px);
    gap:10px;
  }
  body.renato-home .hero .actions .btn {
    min-height:50px; padding:9px 8px;
    font-size:clamp(10px,2.6vw,12px);
    letter-spacing:.065em;
  }
}


/* V22 — Homepage: specialita di mare + link al racconto del 60esimo. */
body.renato-home .hero .heritage-line {
  max-width: 100%;
  font-size: 13px; /* prima 12px */
  line-height: 1.8;
}
body.renato-home .hero .heritage-line .heritage-story-link {
  display: table;
  width: max-content;
  max-width: 100%;
  margin-top: 9px;
  padding-bottom: 4px;
  color: #e6c395;
  font-size: 13px; /* prima 12px */
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: .25em;
  text-decoration: none;
  transition: color .18s ease;
}
body.renato-home .hero .heritage-line .heritage-story-link span {
  color: inherit;
  padding: 0 0 0 5px;
  font-size: 14px;
}
body.renato-home .hero .heritage-line .heritage-story-link:hover,
body.renato-home .hero .heritage-line .heritage-story-link:focus-visible {
  color: #fff1dd;
}
body.renato-home .hero .heritage-line .heritage-story-link:focus-visible {
  outline: 2px solid #e6c395;
  outline-offset: 5px;
}
@media (max-width: 760px) {
  body.renato-home .hero .heritage-line,
  body.renato-home .hero .heritage-line .heritage-story-link {
    font-size: 12px;
    letter-spacing: .15em;
  }
}


/* V24 — Homepage: frase editoriale elegante e sempre su una riga. */
body.renato-home .hero .hero-payoff {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(25px, 2.6vw, 34px);
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -0.012em;
  white-space: nowrap;
  max-width: none;
  margin-top: 28px; /* +10px di respiro sotto «60 anni di storia» */
  margin-bottom: 0;
  color: #f0e6d9;
}
body.renato-home .hero .hero-payoff em {
  color: #cda578;
  font-weight: 400;
  font-style: italic;
}
@media (max-width: 760px) {
  body.renato-home .hero .hero-payoff {
    font-size: clamp(17px, 5.15vw, 24px);
  }
}