/* Pagine interne di tarsiastudio.it: stessi colori e caratteri della home */
:root{
  --ns:#2b2119; --ns2:#1f1812; --noce:#8a5a33; --ottone:#c9a46a; --acero:#dcc9a6; --avorio:#efe6d6; --carta:#f7f2ea;
  --ink:#2b2119; --testo:#4a3d31; --muted:#7a6b5c; --line:#e3d9c8; --dl:rgba(239,230,214,.14);
  --serif:"Fraunces",Georgia,serif; --sans:"Jost",system-ui,sans-serif;
  --gut:max(20px,env(safe-area-inset-left,0px));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--carta);color:var(--ink);font:300 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.w{max-width:1120px;margin:0 auto;padding-left:var(--gut);padding-right:max(20px,env(safe-area-inset-right,0px))}
.k{font:400 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--noce)}
em{font-style:italic}

/* intestazione */
.hdr{background:var(--ns);color:var(--avorio);position:sticky;top:0;z-index:20}
.hdr .w{display:flex;align-items:center;gap:28px;height:72px}
.hdr .logo img{height:34px;width:auto}
.hdr nav{display:flex;gap:22px;margin-left:auto;font-size:14px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.hdr nav::-webkit-scrollbar{display:none}
.hdr nav a{text-decoration:none;opacity:.78}.hdr nav a:hover,.hdr nav a[aria-current]{opacity:1;color:var(--ottone)}
.cta{display:inline-flex;align-items:center;gap:10px;border-radius:99px;padding:13px 22px;font:500 13px/1 var(--sans);letter-spacing:.08em;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.cta.gold{background:var(--ottone);color:var(--ns)}.cta.gold:hover{background:var(--acero)}
.cta.line{border:1px solid var(--ottone);color:var(--ottone)}.cta.line:hover{background:var(--ottone);color:var(--ns)}
@media (max-width:900px){.hdr .w{height:auto;flex-wrap:wrap;gap:10px 18px;padding-block:14px}.hdr nav{order:3;width:100%;margin:0;gap:18px}.hdr .cta{margin-left:auto;padding:10px 16px}}

/* apertura */
.apre{background:var(--ns);color:var(--avorio);padding-block:56px 72px}
.briciole{font-size:13px;color:#b8aa98;margin-bottom:34px}.briciole a{text-decoration:none}.briciole a:hover{color:var(--ottone)}
.apre .k{color:var(--ottone)}
.apre h1{font:300 clamp(38px,6.4vw,72px)/1.04 var(--serif);margin:16px 0 22px;max-width:16ch;text-wrap:balance}
.apre h1 em{color:var(--ottone)}
.apre .lead{font-size:clamp(17px,2vw,20px);color:#d9ccb8;max-width:62ch}
.apre .azioni{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

/* corpo */
main section{padding-block:64px;border-bottom:1px solid var(--line)}
main section:last-of-type{border-bottom:0}
.due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:56px;align-items:start}
@media (max-width:860px){.due{grid-template-columns:1fr;gap:20px}}
h2{font:300 clamp(28px,3.6vw,42px)/1.12 var(--serif);text-wrap:balance}
h2 em{color:var(--noce)}
h3{font:400 21px/1.3 var(--serif);margin-bottom:8px}
.prosa{max-width:68ch;color:var(--testo)}
.prosa p+p,.prosa p+ul,.prosa ul+p{margin-top:14px}
.prosa ul{margin-left:20px}.prosa li+li{margin-top:6px}
.prosa b{font-weight:500;color:var(--ink)}
.prosa a{color:var(--noce);text-underline-offset:3px}

.schede{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:34px}
.scheda{background:#fff;border:1px solid var(--line);padding:24px 24px 26px}
.scheda p{color:var(--testo);font-size:15.5px}
.scheda .n{font:300 40px/1 var(--serif);color:var(--noce);margin-bottom:12px}
a.scheda{text-decoration:none;transition:border-color .2s,transform .2s}a.scheda:hover{border-color:var(--ottone);transform:translateY(-2px)}
a.scheda .vai{display:inline-block;margin-top:12px;font-size:13px;letter-spacing:.06em;color:var(--noce)}

.cifre{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:30px}
.cifre div{background:var(--carta);padding:22px}
.cifre b{display:block;font:300 44px/1 var(--serif);color:var(--noce)}
.cifre span{display:block;margin-top:10px;font-size:14.5px;color:var(--testo);line-height:1.5}
.fonte{margin-top:12px;font-size:13px;color:var(--muted)}

.figura{margin-top:30px;border:1px solid var(--line);background:#fff}
.figura figcaption{padding:12px 16px;font-size:13.5px;color:var(--muted)}
.tel{max-width:300px;border:8px solid var(--ns);border-radius:30px;overflow:hidden}

/* domande */
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:400 19px/1.35 var(--serif);list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--noce);font-family:var(--sans)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:10px;color:var(--testo);max-width:68ch}

/* invito */
.invito{background:var(--ns);color:var(--avorio);padding-block:72px}
.invito .w{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:860px){.invito .w{grid-template-columns:1fr}}
.invito h2 em{color:var(--ottone)}
.invito p{color:#d9ccb8;margin-top:14px;max-width:56ch}
.firma{display:flex;align-items:center;gap:16px}
.firma .ini{width:56px;height:56px;border-radius:50%;background:var(--ottone);color:var(--ns);display:grid;place-items:center;font:400 20px/1 var(--serif);flex:none}
.firma b{display:block;font-weight:500}.firma span{font-size:14px;color:#b8aa98}
.invito .cta{margin-top:22px}

.vicine{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.vicine a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-size:14px;text-decoration:none}
.vicine a:hover{border-color:var(--ottone)}

/* piè di pagina */
footer{background:var(--ns2);color:#d9ccb8;padding-block:56px 30px;font-size:14px}
.fg{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
@media (max-width:900px){.fg{grid-template-columns:1fr 1fr}}
footer img{height:36px;width:auto}
footer h6{font:400 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ottone);margin-bottom:14px}
footer a{display:block;padding:4px 0;text-decoration:none}footer a[href]:hover{color:var(--avorio)}
footer .bt{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--dl);margin-top:44px;padding-top:22px;font-size:12px}
footer .bt a{display:inline;padding:0}
.figura.nuda{border:0;background:none}
.figura.nuda figcaption{padding-left:0}
.prezzo-apre{margin-top:22px;font-size:15px;color:var(--ottone);letter-spacing:.02em}