@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Cinzel-500-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Cinzel-500-normal-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: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Cinzel-600-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Cinzel-600-normal-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: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Cinzel-700-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Cinzel-700-normal-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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-400-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-400-italic-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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-500-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-500-italic-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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-600-italic-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-600-italic-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-400-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-400-normal-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-500-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-500-normal-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-600-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-600-normal-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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-700-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/CormorantGaramond-700-normal-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;
}
/* Layout: lettera d'avvocato fiorentina. Fascia vinaccia con ritratto, poi carta avorio con indice delle materie a due colonne e un colophon con i dati di legge. Un solo aspetto, voluto. */
:root{
  --vino:#3B0C17; --vino-2:#5A1424; --oro:#C29A4A; --oro-chiaro:#E6CB8C;
  --avorio:#F7F1E6; --carta:#FBF8F2; --inchiostro:#2A1A1D; --grigio:#6E5C5F; --filo:#D9C9A8;
  --display:"Cinzel","Trajan Pro",Georgia,serif;
  --testo:"Cormorant Garamond","Garamond","Times New Roman",serif;
  color-scheme:light;
}
body{background:var(--carta);color:var(--inchiostro);font-family:var(--testo);font-size:20px;line-height:1.55}
.w{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:500;text-wrap:balance;margin:0}
.eyebrow{font-family:var(--display);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--oro)}

/* barra */
.top{background:var(--vino);color:var(--avorio);border-bottom:1px solid rgba(194,154,74,.35)}
.top .w{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;flex-wrap:wrap}
.marchio{display:flex;align-items:center;gap:12px;text-decoration:none}
.marchio img{width:42px;height:42px}
.marchio b{font-family:var(--display);font-weight:500;letter-spacing:.16em;font-size:.95rem}
.marchio small{display:block;font-size:.8rem;letter-spacing:.06em;color:var(--oro-chiaro);font-style:italic}
nav{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
nav a{text-decoration:none;color:var(--avorio);opacity:.85}
nav a:hover{opacity:1;color:var(--oro-chiaro)}

/* apertura */
.hero{background:radial-gradient(120% 90% at 78% 30%,var(--vino-2) 0%,var(--vino) 60%);color:var(--avorio);overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:end}
.hero .testo{padding-block:72px 64px;min-width:0}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.08;letter-spacing:.04em;margin-top:18px}
.hero h1 em{font-family:var(--testo);font-style:italic;font-weight:400;letter-spacing:0;color:var(--oro-chiaro);display:block;font-size:.62em;margin-top:14px}
.hero p{max-width:34em;font-size:1.12rem;color:#EADFD0;margin:26px 0 0}
.firma{width:230px;margin-top:26px;opacity:.95}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{font-family:var(--display);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;padding:14px 22px;border:1px solid var(--oro);color:var(--avorio)}
.btn.pieno{background:var(--oro);color:var(--vino)}
.btn:hover{background:var(--oro-chiaro);color:var(--vino);border-color:var(--oro-chiaro)}
.ritratto{position:relative;align-self:end;min-width:0}
.ritratto img{display:block;width:100%;max-width:440px;margin-left:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.ritratto::before{content:"";position:absolute;inset:12% 6% 0 14%;border:1px solid rgba(194,154,74,.4);border-bottom:0}

/* fascia iscrizioni */
.albo{background:var(--avorio);border-bottom:1px solid var(--filo)}
.albo .w{display:flex;gap:10px 34px;flex-wrap:wrap;justify-content:center;padding-block:18px;font-size:1rem;color:var(--grigio)}
.albo b{font-family:var(--display);font-weight:500;font-size:.72rem;letter-spacing:.18em;color:var(--vino);margin-right:6px}

section{padding-block:76px}
.intesta{display:grid;grid-template-columns:340px 1fr;gap:40px;margin-bottom:40px}
.intesta h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--vino);letter-spacing:.04em}
.intesta p{margin:0;max-width:36em;color:var(--grigio);font-size:1.1rem}

/* indice delle materie */
.materie{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;border-top:1px solid var(--filo)}
.materia{display:grid;grid-template-columns:3.2rem 1fr;gap:0 12px;padding-block:24px;border-bottom:1px solid var(--filo);min-width:0}
.materia .n{font-family:var(--display);color:var(--oro);font-size:1rem;padding-top:4px}
.materia h3{font-size:1.06rem;letter-spacing:.06em;color:var(--vino)}
.materia p{margin:8px 0 0;font-size:1.04rem}
.materia .rif{display:block;margin-top:8px;font-size:.92rem;font-style:italic;color:var(--grigio)}

.medaglia{display:flex;justify-content:center;padding-block:8px}
.medaglia img{width:96px;height:96px}

/* metodo */
.metodo{background:var(--avorio);border-block:1px solid var(--filo)}
.passi{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.passo{min-width:0}
.passo .eyebrow{display:block;margin-bottom:10px}
.passo h3{font-size:1rem;letter-spacing:.06em;color:var(--vino)}
.passo p{margin:8px 0 0;font-size:1.02rem}

/* profilo */
.profilo .w{display:grid;grid-template-columns:340px 1fr;gap:40px}
.profilo h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--vino)}
.profilo .corpo{max-width:38em}
.profilo .corpo p{margin:0 0 16px}
.citazione{font-style:italic;font-size:1.3rem;color:var(--vino);border-left:1px solid var(--oro);padding-left:20px;margin:28px 0 0}

/* contatti */
.contatti{background:var(--vino);color:var(--avorio)}
.contatti h2{color:var(--avorio);font-size:clamp(1.6rem,3vw,2.2rem)}
.contatti .w{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contatti dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0;font-size:1.06rem}
.contatti dt{font-family:var(--display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro-chiaro);padding-top:5px}
.contatti dd{margin:0;user-select:all}
.contatti p{color:#EADFD0;max-width:30em}
.proposta{font-size:.85rem;font-style:italic;color:var(--oro-chiaro)}


@media (max-width:860px){
  .hero .w,.intesta,.profilo .w,.contatti .w{grid-template-columns:1fr}
  .materie{grid-template-columns:1fr}
  .passi{grid-template-columns:1fr 1fr}
  .hero .testo{padding-block:48px 8px}
  .ritratto img{max-width:330px;margin:0 auto}
  nav{gap:14px}
}
@media (max-width:480px){.passi{grid-template-columns:1fr}body{font-size:19px}}
@media (prefers-reduced-motion:no-preference){
  .hero .testo>*{animation:sale .9s ease both}
  .hero .testo>*:nth-child(2){animation-delay:.08s}.hero .testo>*:nth-child(3){animation-delay:.16s}.hero .testo>*:nth-child(4){animation-delay:.24s}
  @keyframes sale{from{transform:translateY(10px)}to{transform:none}}
}

/* elementi del suo design: cornice oro, medaglie, icone ad anello, tricolore, placca */
.hero{position:relative}
.hero::after{content:"";position:absolute;inset:14px;border:1px solid rgba(194,154,74,.55);outline:1px solid rgba(194,154,74,.25);outline-offset:5px;pointer-events:none}
.medls{width:96px;height:96px;display:block;margin-bottom:14px}
.tricolore{width:220px;height:3px;margin-top:22px;background:linear-gradient(90deg,#1F7A3E 0 33.3%,#F3EEE4 33.3% 66.6%,#B3263A 66.6%)}
.materia{grid-template-columns:4.4rem 1fr}
.materia .n{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:0}
.materia .n img{width:56px;height:56px}
.materia .n i{font-style:normal;font-size:.72rem;letter-spacing:.12em}
.medaglia img{width:120px;height:120px}
.canali{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}
.canali a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font-family:var(--display);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--oro-chiaro)}
.canali img{width:64px;height:64px}
footer{background:var(--carta);color:var(--avorio)}
footer .w{display:block;padding-block:40px}
.placa{position:relative;background:radial-gradient(90% 120% at 50% 0%,#5A1424,#2E0711 70%);border:6px solid var(--oro);outline:1px solid #8C6A2A;outline-offset:-14px;box-shadow:inset 0 0 0 16px rgba(0,0,0,.18),0 10px 28px rgba(59,12,23,.25);padding:40px 44px 28px;display:grid;gap:26px}
.pm{position:absolute;top:30px;width:120px;height:120px}
.pm.sx{left:34px}.pm.dx{right:34px}
.ptit{text-align:center;display:grid;gap:6px;padding-inline:130px}
.ptit strong{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.12em;color:var(--oro-chiaro);background:linear-gradient(180deg,#F6E2A8,#C29A4A 60%,#8C6A2A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pq{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;color:var(--oro-chiaro)}
.pp{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;font-size:.62rem;color:#D8C29A}
.rombo{display:block;height:1px;margin:10px auto 0;width:min(420px,80%);background:linear-gradient(90deg,transparent,var(--oro),transparent)}
.pcol{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:24px}
.pcol h4{font-family:var(--display);font-weight:500;letter-spacing:.24em;text-transform:uppercase;font-size:.95rem;color:var(--oro);margin:0 0 12px}
.pcol p{margin:0 0 6px;font-size:1.02rem;color:#F1E6D6;overflow-wrap:anywhere}
.pcol .pl{font-family:var(--display);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);margin:10px 0 0}
.pcol .pic{font-family:var(--display);font-size:.66rem;letter-spacing:.1em;color:#D8C29A;margin-top:12px}
.plegale{border-top:1px solid rgba(194,154,74,.4);padding-top:16px;font-size:.86rem;color:#CDBFB8;text-align:center}
.plegale p{margin:0 0 6px}
.plegale b{color:#E6CB8C;font-weight:600}
.copy{font-family:var(--display);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--oro)}
.libro{background:linear-gradient(180deg,var(--vino),#2A0811);color:var(--avorio)}
.libro .w{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:56px;align-items:center}
.copertina{margin:0;padding:14px;background:var(--carta);border:1px solid var(--oro);outline:1px solid rgba(194,154,74,.4);outline-offset:8px;box-shadow:0 20px 40px rgba(0,0,0,.45);transform:rotate(-1.5deg)}
.copertina img{display:block;width:100%}
.libro-testo{min-width:0;max-width:36em}
.libro h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:.06em;margin-top:10px;color:var(--oro-chiaro)}
.libro .sotto{font-style:italic;font-size:1.3rem;color:var(--oro-chiaro);margin:6px 0 20px}
.libro p{color:#EADFD0}
.scheda{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:20px 0;padding-block:16px;border-block:1px solid rgba(194,154,74,.4)}
.scheda dt{font-family:var(--display);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);padding-top:5px}
.scheda dd{margin:0}
.altro{font-size:.98rem}
@media (max-width:860px){.libro .w{grid-template-columns:1fr;gap:36px}.copertina{max-width:280px;margin:0 auto}}
.sub{font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vino);margin:30px 0 16px}
.diplomi{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.diplomi figure{margin:0;min-width:0}
.diplomi img{display:block;width:100%;filter:drop-shadow(0 10px 18px rgba(42,8,17,.25))}
.diplomi figcaption{margin-top:10px;font-size:.95rem;line-height:1.4;color:var(--grigio)}
.diplomi figcaption b{display:block;font-weight:600;color:var(--inchiostro)}
.nota-dipl{font-size:.88rem;font-style:italic;color:var(--grigio);margin-top:12px!important}
@media (max-width:480px){.diplomi{grid-template-columns:1fr}}
.evidenza{background:var(--carta);text-align:center;padding-block:64px 8px}
.evidenza .w{display:grid;justify-items:center;gap:14px}
.evidenza h2{font-size:clamp(1.5rem,3vw,2.2rem);color:var(--vino);letter-spacing:.03em;max-width:24em}
.evidenza p{margin:0;max-width:40em;font-size:1.15rem}
.schede-int{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.int{min-width:0;background:var(--avorio);border:1px solid var(--filo);border-top:3px solid var(--oro);padding:28px;display:grid;gap:10px;align-content:start}
.int h3{font-size:1.3rem;letter-spacing:.05em;color:var(--vino)}
.int p{margin:0}
.int blockquote{margin:0;font-style:italic;font-size:1.2rem;color:var(--vino)}
.nota-int{font-size:.88rem;font-style:italic;color:var(--grigio)}
.int .btn{justify-self:start;margin-top:8px}
@media (max-width:860px){.schede-int{grid-template-columns:1fr}}
.impegno{margin:0;max-width:560px}
.impegno img{display:block;width:100%;border:1px solid var(--filo);box-shadow:0 10px 22px rgba(42,8,17,.18)}
.impegno figcaption{margin-top:10px;font-size:.95rem;line-height:1.4;color:var(--grigio)}
.impegno figcaption b{display:block;font-weight:600;color:var(--inchiostro)}
.navbtn{border:1px solid var(--oro);padding:8px 14px;color:var(--oro-chiaro)!important;opacity:1!important}
.navbtn:hover{background:var(--oro);color:var(--vino)!important}
.fascia-cta{background:var(--avorio);border-block:1px solid var(--filo)}
.fascia-cta .w{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-block:28px}
.fascia-cta p{margin:0;font-size:1.15rem;font-style:italic;color:var(--vino);max-width:32em}
.fascia-cta .cta{margin-top:0}
.btn.scuro{color:var(--vino);border-color:var(--vino)}
.wa-fisso{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;text-decoration:none;background:var(--vino);border:1px solid var(--oro);padding:6px 16px 6px 6px;border-radius:40px;box-shadow:0 8px 22px rgba(42,8,17,.35);z-index:10}
.wa-fisso img{width:46px;height:46px}
.wa-fisso span{font-family:var(--display);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--oro-chiaro)}
@media (max-width:860px){
  .pcol{grid-template-columns:1fr}
  .pm{position:static;width:84px;height:84px}
  .placa{padding:28px 22px;justify-items:center}
  .placa>.pm{display:inline-block}
  .ptit{padding-inline:0}
  .pcol,.plegale{justify-self:stretch}
  .hero::after{inset:8px}
}

.pagina-hero{background:radial-gradient(120% 90% at 78% 30%,var(--vino-2) 0%,var(--vino) 60%);color:var(--avorio);position:relative}
.pagina-hero::after{content:"";position:absolute;inset:10px;border:1px solid rgba(194,154,74,.5);pointer-events:none}
.pagina-hero .w{padding-block:56px 48px;display:flex;gap:24px;align-items:center}
.pagina-hero img{width:84px;height:84px;flex:none}
.pagina-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:.04em;margin-top:8px}
.pagina-hero p{margin:12px 0 0;max-width:40em;color:#EADFD0;font-size:1.1rem}
.briciole{font-size:.9rem;color:var(--grigio);padding-block:14px}
.briciole a{color:var(--vino)}
.testo-pagina{max-width:46em;padding-block:20px 60px}
.testo-pagina h2{font-size:1.25rem;letter-spacing:.06em;color:var(--vino);margin:36px 0 12px}
.testo-pagina p{margin:0 0 14px}
.testo-pagina .norme{font-style:italic;color:var(--grigio);border-top:1px solid var(--filo);padding-top:14px;margin-top:30px}
.altre{display:flex;flex-wrap:wrap;gap:10px 22px;padding-block:0 60px}
.altre a{color:var(--vino);font-size:1rem}
.materia h3 a{text-decoration:none}
.materia h3 a:hover{text-decoration:underline;text-decoration-color:var(--oro)}
.legale h2{font-size:1.1rem}
.legale ul{margin:0 0 14px;padding-left:22px}
.siti{background:var(--vino);color:var(--avorio);position:relative}
.siti::after{content:"";position:absolute;inset:10px;border:1px solid rgba(194,154,74,.45);pointer-events:none}
.siti .w{padding-block:56px}
.siti h2{color:var(--avorio);font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:.05em;margin:6px 0 22px}
.siti h2+p{margin:-10px 0 22px;color:#EADFD0;max-width:40em}
.siti .riga{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:40px}
.siti .riga:last-child{margin-bottom:0}
.siti a.sito{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--avorio);border:1px solid rgba(194,154,74,.5);padding:14px;background:rgba(0,0,0,.12);position:relative;z-index:1}
.siti a.sito:hover{border-color:var(--oro-chiaro);background:rgba(0,0,0,.25)}
.siti a.sito img{width:62px;height:62px;flex:none}
.siti a.sito b{display:block;font-family:var(--display);font-weight:500;font-size:.86rem;letter-spacing:.08em}
.siti a.sito small{display:block;color:var(--oro-chiaro);font-style:italic;font-size:.9rem}
.siti a.sito.qui{border-color:var(--oro);background:rgba(194,154,74,.14)}
.competenze{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.competenze div{border:1px solid var(--filo);padding:18px 20px;background:var(--avorio)}
.competenze b{font-family:var(--display);font-weight:500;letter-spacing:.12em;font-size:.8rem;color:var(--vino);display:block;margin-bottom:6px}
.competenze p{font-size:1rem;margin:0 0 12px}
.competenze .btn{display:inline-block}
.articoli{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.articolo{border-top:2px solid var(--oro);padding-top:16px}
.articolo h3{font-size:1.1rem;letter-spacing:.04em;color:var(--vino);margin:8px 0}
.articolo h3 a{text-decoration:none;color:inherit}
.articolo p{font-size:1.02rem;margin:0 0 10px}
.articolo .leggi{font-family:var(--display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--vino)}
.firma-art{margin-top:30px;font-style:italic;color:var(--grigio)}
.firma-art img{display:block;width:200px;margin-bottom:6px;filter:brightness(.55) sepia(.4)}
section.blocco{padding-block:56px}
@media (max-width:600px){.competenze{grid-template-columns:1fr}.pagina-hero .w{flex-direction:column;align-items:flex-start}.wa-fisso span{display:none}.wa-fisso{padding:6px}}