/* Chiavenato Snc — foglio di stile unico */

@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;
  src:url(fonts/archivo-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;
  src:url(fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;
  src:url(fonts/inter-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:300 600;font-display:swap;
  src:url(fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#1C1613;          /* fondo principale */
  --ink-2:#15100E;        /* fondo più profondo */
  --plaque:#EFEAE2;       /* targa chiara su cui poggiano i pezzi */
  --paper:#F2EDE6;        /* testo su scuro */
  --paper-2:#CBBFB3;      /* testo secondario su scuro */
  --muted:#A2948A;
  --wood:#B2935B;         /* oro-oliva del logo */
  --terra:#AD795B;        /* marrone-terra del logo */
  --hair:rgba(242,237,230,.14);
  --hair-2:rgba(242,237,230,.24);
  --maxw:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  font-weight:300;line-height:1.68;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:Archivo,system-ui,sans-serif;font-weight:600;letter-spacing:-.015em;margin:0}

:focus-visible{outline:2px solid var(--wood);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--wood);color:var(--ink);padding:10px 16px;font-weight:600}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.kicker{font-family:Archivo;font-weight:600;font-size:12px;line-height:1;
  letter-spacing:.2em;text-transform:uppercase;color:var(--wood);margin:0}
.lede{font-size:clamp(15px,1.35vw,18px);line-height:1.62;color:var(--paper-2);max-width:56ch}

/* --- elemento firma: filetto lungo + trattino oro, ripreso dal logo --- */
.rule{height:0;border-top:1px solid var(--hair);position:relative}
.rule::after{content:"";position:absolute;left:0;top:4px;width:84px;border-top:2px solid var(--wood)}

/* ---------- intestazione ---------- */
.site-head{position:relative;z-index:20;border-bottom:1px solid var(--hair)}
.site-head .wrap{display:flex;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px}
.brand{flex:0 0 auto;line-height:0}
.brand img{width:200px}
.site-nav{margin-left:auto}
.site-nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.site-nav a{font-size:13px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;
  color:var(--paper-2);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--paper);border-bottom-color:var(--wood)}
.head-tel{flex:0 0 auto;font-family:Archivo;font-weight:600;font-size:13px;letter-spacing:.05em;
  background:var(--wood);color:var(--ink);text-decoration:none;padding:12px 17px;white-space:nowrap}
.head-tel:hover{background:var(--paper)}

/* menu mobile senza JS */
.burger{display:none}
.burger-label{display:none;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.burger-label span,.burger-label span::before,.burger-label span::after{
  display:block;width:22px;height:2px;background:var(--paper);content:"";position:relative}
.burger-label span::before{position:absolute;top:-7px}
.burger-label span::after{position:absolute;top:7px}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--ink-2)}
.hero img{width:100%;height:clamp(400px,58vw,620px);object-fit:cover;object-position:center 55%;
  filter:contrast(1.06) saturate(.86) brightness(.7)}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,15,12,.62) 0%,rgba(20,15,12,.6) 34%,rgba(20,15,12,.97) 100%)}
.hero-copy{position:absolute;inset:auto 0 0 0;z-index:2;padding-bottom:clamp(32px,5vw,56px)}
.hero h1{font-size:clamp(30px,5vw,62px);line-height:1.02;margin:18px 0 0;max-width:15ch}
.hero .lede{margin-top:20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* testata delle pagine interne: fondo pieno, niente foto (le foto vere stanno nei contenuti) */
.pagehead{background:var(--ink-2);border-bottom:1px solid var(--hair);
  padding:clamp(48px,6vw,80px) 0 clamp(44px,5vw,64px)}
.pagehead h1{font-size:clamp(27px,4vw,48px);line-height:1.06;max-width:18ch;margin-top:16px}
.pagehead .rule{margin-top:30px;max-width:220px}

.btn{display:inline-flex;align-items:center;gap:9px;font-family:Archivo;font-weight:600;font-size:14px;
  letter-spacing:.02em;text-decoration:none;padding:14px 22px;border:1px solid transparent;transition:background .18s,color .18s}
.btn--gold{background:var(--wood);color:var(--ink)}
.btn--gold:hover{background:var(--paper)}
.btn--ghost{border-color:var(--hair-2);color:var(--paper)}
.btn--ghost:hover{border-color:var(--wood);color:var(--wood)}

/* ---------- sezioni ---------- */
section{padding:clamp(58px,7vw,92px) 0 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:34px}
.sec-head h2{font-size:clamp(21px,2.4vw,30px)}
.sec-head span{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

/* righe lavorazione alternate */
.rows{border-top:1px solid var(--hair)}
.row{display:grid;grid-template-columns:1.02fr 1fr;border-bottom:1px solid var(--hair)}
.row .txt{padding:46px 56px 52px 0;align-self:center}
.row:nth-child(even) .txt{padding:46px 0 52px 56px}
.row:nth-child(even) .pic{order:-1}
.row h3{font-size:clamp(21px,2.4vw,30px);margin-bottom:14px}
.row h3 a{text-decoration:none}
.row h3 a:hover{color:var(--wood)}
.row p{margin:0;color:var(--paper-2);font-size:16px;max-width:46ch}
.row .pic{background:var(--plaque);display:flex;align-items:center;justify-content:center;padding:34px;min-height:300px}
.row .pic img{max-height:330px;width:auto;object-fit:contain;mix-blend-mode:multiply}
/* i pezzi scontornati stanno su targa chiara, le foto scattate al banco riempiono la cella */
.row .pic--photo{background:var(--ink-2);padding:0}
.row .pic--photo img{width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-family:Archivo;font-weight:600;
  font-size:13px;letter-spacing:.06em;color:var(--wood);text-decoration:none;border-bottom:1px solid transparent}
.more:hover{border-bottom-color:var(--wood)}

.tags{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.tags li{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--wood);
  border:1px solid rgba(178,147,91,.4);padding:8px 12px;border-radius:999px}

/* due colonne: la mano e la macchina */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--hair)}
.duo > div{padding:38px 46px 42px 0}
.duo > div + div{padding:38px 0 42px 46px;border-left:1px solid var(--hair)}
.duo h3{font-size:20px;margin-bottom:12px}
.duo p{margin:0;color:var(--paper-2);font-size:16px}

/* fascia di richiamo */
.strip{margin-top:clamp(58px,7vw,92px);background:var(--ink-2);border-top:1px solid var(--hair)}
.strip .wrap{padding-top:clamp(46px,6vw,72px);padding-bottom:clamp(46px,6vw,72px);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}
.strip h2{font-size:clamp(21px,2.6vw,32px);max-width:22ch;line-height:1.14}
.strip p{margin:10px 0 0;color:var(--paper-2)}

/* schede contatto */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--hair);padding:28px 26px 30px;text-decoration:none;display:block;transition:border-color .18s}
.card:hover{border-color:var(--wood)}
.card .k{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.card strong{font-family:Archivo;font-weight:600;font-size:19px;letter-spacing:-.01em;display:block}
.card span{display:block;color:var(--paper-2);font-size:15px;margin-top:6px}

/* elenco altre lavorazioni */
.next{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--hair)}
.next a{padding:26px 22px 30px 0;text-decoration:none;border-bottom:1px solid var(--hair)}
.next a + a{padding-left:26px;border-left:1px solid var(--hair)}
.next .k{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.next strong{font-family:Archivo;font-weight:600;font-size:18px;display:block}
.next a:hover strong{color:var(--wood)}

/* prosa delle pagine interne */
.prose{max-width:62ch}
.prose p{color:var(--paper-2);font-size:16.5px;margin:0 0 18px}
.prose ul{margin:22px 0 0;padding:0;list-style:none}
.prose li{position:relative;padding-left:22px;margin-bottom:11px;color:var(--paper-2);font-size:16px}
.prose li::before{content:"";position:absolute;left:0;top:11px;width:9px;border-top:2px solid var(--wood)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:start}
.specs{margin:0;border-top:1px solid var(--hair)}
.specs > div{padding:15px 0;border-bottom:1px solid var(--hair)}
.specs dt{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.specs dd{margin:7px 0 0;font-size:15.5px;color:var(--paper-2)}
.plaque{background:var(--plaque);padding:30px;display:flex;align-items:center;justify-content:center}
.plaque img{max-height:360px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.plaque--photo{background:var(--ink-2);padding:0}
.plaque--photo img{width:100%;max-height:none;mix-blend-mode:normal}

/* ---------- piè di pagina ---------- */
/* ogni pagina si chiude con la fascia di richiamo: il piè di pagina le sta subito sotto */
.site-foot{border-top:1px solid var(--hair);padding:52px 0 60px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px}
.foot-grid img{width:190px;margin-bottom:18px}
.site-foot h4{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:9px}
.site-foot a{color:var(--paper-2);text-decoration:none;font-size:15px}
.site-foot a:hover{color:var(--wood)}
.site-foot p{margin:0;color:var(--muted);font-size:14.5px}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:8px 22px;
  color:var(--muted);font-size:13.5px}
.legal a{font-size:13.5px}

@media (max-width:940px){
  .split{grid-template-columns:1fr;gap:32px}
  .cards{grid-template-columns:1fr}
  .next{grid-template-columns:1fr}
  .next a,.next a + a{padding:22px 0 24px;border-left:0}
  .foot-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:820px){
  .site-head .wrap{flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}
  .brand img{width:124px}
  .burger-label{display:flex;order:3;margin-left:0;width:40px;height:40px}
  .brand{order:1;margin-right:auto}
  .head-tel{order:2;padding:10px 12px;font-size:12.5px}
  .site-nav{order:4;flex-basis:100%;margin-left:0;max-height:0;overflow:hidden;transition:max-height .25s ease}
  .burger:checked ~ .site-nav{max-height:320px}
  .site-nav ul{flex-direction:column;gap:0;padding-top:10px}
  .site-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--hair)}

  .row{grid-template-columns:1fr}
  .row .txt,.row:nth-child(even) .txt{padding:32px 0 34px}
  .row:nth-child(even) .pic{order:0}
  .row .pic{min-height:0;padding:26px}
  .duo{grid-template-columns:1fr}
  .duo > div,.duo > div + div{padding:30px 0 32px;border-left:0}
  .duo > div + div{border-top:1px solid var(--hair)}
  .foot-grid{grid-template-columns:1fr;gap:30px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:6px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none !important;animation:none !important}
}