/* =========================================================================
   Alpino Casinò — foglio di stile (archetipo FIELD NOTES)
   Prefisso: vtd-  ·  base carta grigio-fredda, inchiostro carbone,
   un solo accento, angoli vivi 0px, hairline, etichette mono.
   ========================================================================= */

:root{
  --vtd-bg:#eceef1;
  --vtd-surface:#f4f5f7;
  --vtd-surface-2:#e3e6ea;
  --vtd-surface-3:#d6dade;
  --vtd-ink:#1c2026;
  --vtd-ink-2:#454c57;
  --vtd-ink-3:#5c6573;
  --vtd-accent:#1a3571;
  --vtd-accent-soft:rgba(26,53,113,.10);
  --vtd-cta:#7180a0;
  --vtd-cta-solid:#5d6b8a;
  --vtd-zone:#daf1f1;
  --vtd-hairline:rgba(28,32,38,.16);
  --vtd-hairline-2:rgba(28,32,38,.09);
  --vtd-wrap:1274px;
  --vtd-mono:'Spline Sans Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --vtd-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  /* scala tipografica (ratio 1.25) */
  --vtd-step--1:.8rem;
  --vtd-step-0:1rem;
  --vtd-step-1:1.25rem;
  --vtd-step-2:1.5625rem;
  --vtd-step-3:1.953rem;
  --vtd-step-4:2.441rem;
  /* scala spazi compatta */
  --vtd-s1:6px;--vtd-s2:10px;--vtd-s3:14px;--vtd-s4:20px;--vtd-s5:28px;--vtd-s6:40px;
}

/* ----------------------------- reset/base ----------------------------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--vtd-bg);color:var(--vtd-ink);
  font-family:var(--vtd-sans);font-size:16px;line-height:1.62;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums lining-nums;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--vtd-accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:2px}
strong{font-weight:700}
::selection{background:var(--vtd-accent-soft);color:var(--vtd-ink)}
:focus-visible{outline:2px solid var(--vtd-accent);outline-offset:2px}
html{accent-color:var(--vtd-accent)}

.vtd-wrap{width:100%;max-width:var(--vtd-wrap);margin-inline:auto;padding-inline:clamp(14px,3vw,28px)}

.vtd-skip{position:absolute;left:-9999px;top:0;background:var(--vtd-accent);color:#fff;padding:10px 16px;z-index:200}
.vtd-skip:focus{left:8px;top:8px}

/* etichetta-campo mono (firma archetipo) */
.vtd-mlabel{font-family:var(--vtd-mono);font-weight:600;font-size:.72em;letter-spacing:.06em;
  text-transform:uppercase;color:var(--vtd-accent)}

/* ----------------------------- header --------------------------------- */
.vtd-head{position:sticky;top:0;z-index:50;background:var(--vtd-zone);
  border-block-end:1px solid var(--vtd-hairline)}
.vtd-head__in{display:flex;align-items:center;gap:var(--vtd-s4);min-height:62px}
.vtd-navtoggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:-1px;overflow:hidden}
.vtd-logo{display:inline-block;line-height:0;margin-inline-end:auto}
.vtd-logo img{height:clamp(30px,4vw,40px);width:auto}
.vtd-nav{display:flex;flex-wrap:nowrap;gap:clamp(8px,1.4vw,18px);align-items:center}
.vtd-nav a{font-family:var(--vtd-mono);font-size:13px;letter-spacing:.02em;color:var(--vtd-ink-2);
  white-space:nowrap;padding-block:6px;position:relative}
.vtd-nav a:hover{color:var(--vtd-accent);text-decoration:none}
.vtd-nav a.is-active{color:var(--vtd-accent);box-shadow:inset 0 -2px 0 0 var(--vtd-accent)}
.vtd-head .vtd-cta{margin-inline-start:var(--vtd-s2)}
.vtd-burger{display:none}
.vtd-drawer{display:none}

/* ------------------------------ CTA ----------------------------------- */
.vtd-cta{display:inline-flex;align-items:center;gap:8px;position:relative;
  background:var(--vtd-cta-solid);color:#fff;font-family:var(--vtd-mono);font-weight:600;
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;
  border:1px solid var(--vtd-cta-solid);white-space:nowrap;cursor:pointer;
  box-shadow:0 2px 12px -4px rgba(113,128,160,.5);
  transition:background .16s ease,border-color .16s ease,transform .16s ease}
.vtd-cta:hover{background:#4f5c79;border-color:#4f5c79;text-decoration:none;color:#fff}
.vtd-cta:active{transform:translateY(1px)}
.vtd-cta__tick{width:7px;height:7px;border-inline-end:2px solid currentColor;
  border-block-end:2px solid currentColor;transform:rotate(-45deg);flex:none}
.vtd-cta--lg{font-size:14px;padding:14px 26px}
.vtd-ctarow{display:flex;justify-content:center;margin-block:var(--vtd-s5)}

/* --------------------------- breadcrumbs ------------------------------ */
.vtd-crumbs{padding-block:var(--vtd-s3) 0}
.vtd-crumbs__list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;
  font-family:var(--vtd-mono);font-size:12px;color:var(--vtd-ink-3)}
.vtd-crumbs__item{display:inline-flex;gap:6px;align-items:center}
.vtd-crumbs__item a{color:var(--vtd-ink-2)}
.vtd-crumbs__sep{color:var(--vtd-ink-3)}
.vtd-crumbs__item [aria-current]{color:var(--vtd-ink)}

/* ----------------------------- byline --------------------------------- */
.vtd-byline{display:flex;align-items:center;gap:var(--vtd-s3);padding-block:var(--vtd-s3);
  margin-block-start:var(--vtd-s3);border-block:1px solid var(--vtd-hairline-2)}
.vtd-byline__photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;
  border:1px solid var(--vtd-hairline)}
.vtd-byline__meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.vtd-byline__by{font-size:14px;color:var(--vtd-ink-2)}
.vtd-byline__by a{font-weight:600}
.vtd-byline__role{color:var(--vtd-ink-3)}
.vtd-byline__dates{font-family:var(--vtd-mono);font-size:11.5px;color:var(--vtd-ink-3);letter-spacing:.01em}
.vtd-byline__dot{opacity:.5;margin-inline:2px}

/* ------------------------------ hero ---------------------------------- */
.vtd-hero{padding-block:var(--vtd-s5) var(--vtd-s4);position:relative;
  background:linear-gradient(180deg,rgba(26,53,113,.045),transparent 70%)}
.vtd-hero__in{display:grid;grid-template-columns:.92fr 1.08fr;column-gap:var(--vtd-s6);
  align-items:center;row-gap:var(--vtd-s2)}
.vtd-hero__media{grid-column:1;grid-row:1 / span 5;margin:0;align-self:center;position:relative}
.vtd-hero__img{width:100%;max-width:420px;aspect-ratio:1/1;object-fit:cover;
  margin-inline:auto;
  /* cornice a L: accento solo su lato sinistro e basso */
  border-inline-start:3px solid var(--vtd-accent);
  border-block-end:3px solid var(--vtd-accent)}
.vtd-hero__media::before{content:"";position:absolute;inset:-7% 0 -7% -4%;z-index:-1;
  background:radial-gradient(60% 55% at 38% 50%,rgba(26,53,113,.20),transparent 70%);
  filter:blur(8px)}
.vtd-hero__kicker{grid-column:2;margin:0;font-family:var(--vtd-mono);font-size:12px;
  letter-spacing:.06em;color:var(--vtd-ink-3);text-transform:uppercase}
.vtd-hero__h1{grid-column:2;margin:0;font-weight:800;line-height:1.08;letter-spacing:-.02em;
  font-size:clamp(2rem,4.4vw,3rem);text-wrap:balance}
.vtd-hero__lead{grid-column:2;margin:0;max-width:48ch;color:var(--vtd-ink-2);font-size:1.05rem}
.vtd-hero__cta{grid-column:2;margin-block-start:var(--vtd-s1)}
.vtd-hero__facts{grid-column:1 / -1;margin:var(--vtd-s3) 0 0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;
  background:var(--vtd-surface);border:1px solid var(--vtd-hairline)}
.vtd-hero__fact{padding:12px 16px;border-inline-start:1px solid var(--vtd-hairline-2)}
.vtd-hero__fact:first-child{border-inline-start:0}
.vtd-hero__fact dt{font-family:var(--vtd-mono);font-size:11px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--vtd-ink-3)}
.vtd-hero__fact dd{margin:2px 0 0;font-weight:700;font-size:.98rem}

/* --------------------------- page title ------------------------------- */
.vtd-pagetitle{padding-block:var(--vtd-s5) var(--vtd-s3);border-block-end:1px solid var(--vtd-hairline-2)}
.vtd-pagetitle__kicker{margin:0 0 8px;font-family:var(--vtd-mono);font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--vtd-ink-3)}
.vtd-pagetitle__h1{margin:0;font-weight:800;line-height:1.1;letter-spacing:-.02em;
  font-size:clamp(1.7rem,3.6vw,2.6rem)}
.vtd-pagetitle__lead{margin:var(--vtd-s2) 0 0;color:var(--vtd-ink-2);font-size:1.05rem;max-width:70ch}

/* ------------------------------ prose --------------------------------- */
.vtd-prose{padding-block:var(--vtd-s4);max-width:var(--vtd-wrap);margin-inline:auto;padding-inline:clamp(14px,3vw,28px)}
.vtd-prose>*{max-width:none}
.vtd-prose h2{font-weight:800;letter-spacing:-.015em;line-height:1.15;
  font-size:clamp(1.4rem,2.6vw,1.95rem);margin:var(--vtd-s5) 0 var(--vtd-s2);
  scroll-margin-top:80px;position:relative;padding-block-end:var(--vtd-s2)}
.vtd-prose h2::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;
  width:100%;height:1px;background:var(--vtd-hairline);
  /* tacche agli estremi come tratto di scala */
  -webkit-mask:linear-gradient(90deg,#000 1px,transparent 1px) 0 0/100% 6px no-repeat,linear-gradient(#000,#000);
  mask:linear-gradient(#000,#000)}
.vtd-prose h2::before{content:"";position:absolute;inset-block-end:-2px;inset-inline-start:0;
  width:5px;height:5px;background:var(--vtd-accent)}
.vtd-prose h3{font-weight:700;font-size:clamp(1.15rem,2vw,1.4rem);margin:var(--vtd-s4) 0 var(--vtd-s1);
  scroll-margin-top:80px;letter-spacing:-.01em}
.vtd-prose h4{font-weight:700;font-size:1.05rem;margin:var(--vtd-s3) 0 var(--vtd-s1)}
.vtd-prose p{margin:0 0 var(--vtd-s3);text-wrap:pretty;overflow-wrap:break-word}
.vtd-prose .vtd-lead{font-size:1.12rem;color:var(--vtd-ink-2);margin-block-end:var(--vtd-s3)}
.vtd-prose a:not(.vtd-cta){color:var(--vtd-accent);text-decoration:underline;
  text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--vtd-hairline)}
.vtd-prose a:not(.vtd-cta):hover{text-decoration-color:var(--vtd-accent)}

/* liste con numero/marcatore stilizzato */
.vtd-prose ul,.vtd-prose ol{margin:0 0 var(--vtd-s3);padding:0;list-style:none}
.vtd-prose ul>li,.vtd-prose ol>li{position:relative;padding-inline-start:30px;margin-block-end:8px}
.vtd-prose ul>li::before{content:"";position:absolute;inset-inline-start:4px;inset-block-start:.62em;
  width:7px;height:7px;border:2px solid var(--vtd-accent);background:transparent}
.vtd-prose ol{counter-reset:vtd-ol}
.vtd-prose ol>li{counter-increment:vtd-ol}
.vtd-prose ol>li::before{content:counter(vtd-ol,decimal-leading-zero);position:absolute;
  inset-inline-start:0;inset-block-start:0;width:24px;font-family:var(--vtd-mono);
  font-size:12px;font-weight:600;color:var(--vtd-accent)}

/* callout / nota di campo */
.vtd-note{background:var(--vtd-surface);border:1px solid var(--vtd-hairline);
  padding:var(--vtd-s3) var(--vtd-s4);margin:var(--vtd-s4) 0;position:relative}
.vtd-note__label{font-family:var(--vtd-mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--vtd-accent);display:block;margin-block-end:6px}
.vtd-note p:last-child{margin-block-end:0}

/* tabelle (anche <table> nuda) */
.vtd-prose table,.vtd-tablewrap table,table.vtd-table{width:100%;border-collapse:collapse;
  margin:var(--vtd-s3) 0;font-size:.95rem}
.vtd-tablewrap{overflow-x:auto;margin:var(--vtd-s4) 0;border:1px solid var(--vtd-hairline)}
.vtd-tablewrap table{margin:0}
.vtd-prose table caption,.vtd-tablewrap caption{caption-side:top;text-align:left;
  font-family:var(--vtd-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--vtd-ink-3);padding:8px 12px}
.vtd-prose th,.vtd-prose td,table.vtd-table th,table.vtd-table td,.vtd-tablewrap th,.vtd-tablewrap td{
  text-align:left;padding:11px 14px;border-block-end:1px solid var(--vtd-hairline-2);vertical-align:top}
.vtd-prose thead th,.vtd-tablewrap thead th,table.vtd-table thead th{
  background:var(--vtd-surface-2);font-family:var(--vtd-mono);font-size:11.5px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--vtd-ink-2);border-block-end:1px solid var(--vtd-hairline)}
.vtd-prose tbody tr:hover,.vtd-tablewrap tbody tr:hover{background:var(--vtd-surface)}
.vtd-prose td:first-child,.vtd-tablewrap td:first-child{font-weight:600}
.vtd-prose td+td,.vtd-prose th+th{text-align:left}

/* figure / immagini contenuto */
.vtd-figure{width:min(70%,740px);margin:var(--vtd-s4) auto;border:1px solid var(--vtd-hairline);background:var(--vtd-surface)}
.vtd-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vtd-figure figcaption{font-family:var(--vtd-mono);font-size:11px;color:var(--vtd-ink-3);
  padding:8px 12px;letter-spacing:.02em}

/* TOC */
.vtd-toc{border:1px solid var(--vtd-hairline);background:var(--vtd-surface);margin:var(--vtd-s4) 0}
.vtd-toc>summary{cursor:pointer;list-style:none;font-family:var(--vtd-mono);font-size:12px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--vtd-ink-2);padding:12px 16px;
  display:flex;justify-content:space-between;align-items:center}
.vtd-toc>summary::-webkit-details-marker{display:none}
.vtd-toc>summary::after{content:"+";font-size:16px;color:var(--vtd-accent)}
.vtd-toc[open]>summary::after{content:"–"}
.vtd-toclist{list-style:none;counter-reset:vtd-toc;margin:0;padding:0 16px 12px}
.vtd-toclist li{counter-increment:vtd-toc;position:relative;padding-inline-start:30px;margin-block-end:6px}
.vtd-toclist li::before{content:counter(vtd-toc,decimal-leading-zero);position:absolute;
  inset-inline-start:0;font-family:var(--vtd-mono);font-size:11px;color:var(--vtd-accent)}
.vtd-toclist a{color:var(--vtd-ink-2)}

/* FAQ (details nudo + classe) */
.vtd-faq{margin:var(--vtd-s4) 0;border-block-start:1px solid var(--vtd-hairline)}
.vtd-faq details,details.vtd-faq__q{border-block-end:1px solid var(--vtd-hairline)}
.vtd-faq summary,details.vtd-faq__q>summary{cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:16px 4px;font-weight:600;letter-spacing:.01em}
.vtd-faq summary::-webkit-details-marker,details.vtd-faq__q>summary::-webkit-details-marker{display:none}
.vtd-faq summary::after,details.vtd-faq__q>summary::after{content:"+";flex:none;
  width:30px;height:30px;display:grid;place-items:center;font-family:var(--vtd-mono);
  font-size:16px;color:var(--vtd-accent);background:var(--vtd-surface-2);border:1px solid var(--vtd-hairline)}
.vtd-faq details[open] summary::after,details.vtd-faq__q[open]>summary::after{content:"–"}
.vtd-faq__a,.vtd-faq details>div{padding:0 4px 16px;color:var(--vtd-ink-2);max-width:80ch}

/* details nudo generico */
details:not(.vtd-toc):not(.vtd-faq__q){border:1px solid var(--vtd-hairline);background:var(--vtd-surface);
  padding:0 14px;margin:var(--vtd-s3) 0}
details:not(.vtd-toc):not(.vtd-faq__q)>summary{cursor:pointer;list-style:none;padding:13px 0;font-weight:600}
details:not(.vtd-toc):not(.vtd-faq__q)>summary::-webkit-details-marker{display:none}

/* ----------------------------- slots ---------------------------------- */
.vtd-slots{padding-block:var(--vtd-s4)}
.vtd-slots__head{margin-block-end:var(--vtd-s3)}
.vtd-slots__title{font-weight:800;font-size:clamp(1.3rem,2.4vw,1.8rem);margin:0 0 6px;letter-spacing:-.015em}
.vtd-slots__intro{margin:0;color:var(--vtd-ink-2);max-width:74ch}
.vtd-slots__grid{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.vtd-slots__cell{min-width:0}
.vtd-slots__card{display:block;color:inherit;text-decoration:none;background:var(--vtd-surface);
  border:1px solid var(--vtd-hairline);transition:transform .16s ease,background .16s ease,border-color .16s ease}
.vtd-slots__card:hover{transform:translateY(-3px);background:var(--vtd-surface-2);
  border-color:var(--vtd-accent);text-decoration:none}
.vtd-slots__thumb{display:block;line-height:0}
.vtd-slots__thumb img{width:100%;aspect-ratio:1/1;object-fit:cover}
.vtd-slots__name{display:block;font-family:var(--vtd-mono);font-size:11.5px;letter-spacing:.01em;
  padding:7px 8px;color:var(--vtd-ink-2);border-block-start:1px solid var(--vtd-hairline-2)}
.vtd-slots__all{margin:var(--vtd-s3) 0 0;font-family:var(--vtd-mono);font-size:13px}

/* --------------------------- author card ------------------------------ */
.vtd-author{display:flex;gap:var(--vtd-s4);align-items:flex-start;
  background:var(--vtd-surface);border:1px solid var(--vtd-hairline);
  padding:var(--vtd-s4);margin:var(--vtd-s5) auto 0;max-width:780px}
.vtd-author__photo{width:104px;height:104px;border-radius:50%;object-fit:cover;flex:none;
  border:1px solid var(--vtd-hairline)}
.vtd-author__name{margin:0;font-weight:800;font-size:1.2rem}
.vtd-author__name a{color:var(--vtd-ink)}
.vtd-author__role{margin:2px 0 8px;font-family:var(--vtd-mono);font-size:12px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--vtd-ink-3)}
.vtd-author__bio{margin:0 0 8px;color:var(--vtd-ink-2)}
.vtd-author__link{font-family:var(--vtd-mono);font-size:13px}

/* pagina autore (articolo completo) */
.vtd-authorpage{padding-block:var(--vtd-s4)}
.vtd-authorpage__head{display:flex;gap:var(--vtd-s4);align-items:flex-start;margin-block-end:var(--vtd-s4)}
.vtd-authorpage__photo{width:220px;aspect-ratio:3/4;object-fit:cover;flex:none;
  border:1px solid var(--vtd-hairline);border-inline-start:3px solid var(--vtd-accent)}
.vtd-authorpage__bio{max-width:74ch}

/* ----------------------------- footer --------------------------------- */
.vtd-foot{margin-block-start:var(--vtd-s6)}
.vtd-foot__top{background:var(--vtd-zone);border-block-start:1px solid var(--vtd-hairline)}
.vtd-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--vtd-s5);
  padding-block:var(--vtd-s5)}
.vtd-foot__logobox{display:inline-block;background:#fff;padding:8px 14px;border:1px solid var(--vtd-hairline);line-height:0}
.vtd-foot__logobox img{height:34px;width:auto}
.vtd-foot__tag{margin:var(--vtd-s2) 0 0;color:var(--vtd-ink-2);font-size:.92rem;max-width:34ch}
.vtd-foot__h{font-family:var(--vtd-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--vtd-ink);margin:0 0 var(--vtd-s2)}
.vtd-foot__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.vtd-foot__col a{color:var(--vtd-ink-2);font-size:.92rem}
.vtd-foot__col a:hover{color:var(--vtd-accent)}
.vtd-foot__help{margin:var(--vtd-s3) 0 0;font-size:.85rem;color:var(--vtd-ink-2)}
.vtd-foot__bottom{background:#cfe6e6;border-block-start:1px solid var(--vtd-hairline)}
.vtd-foot__bottomin{padding-block:var(--vtd-s3);display:flex;flex-direction:column;gap:6px}
.vtd-foot__disc{margin:0;font-size:.78rem;color:var(--vtd-ink-2);line-height:1.55}
.vtd-foot__copy{margin:0;font-family:var(--vtd-mono);font-size:11.5px;color:var(--vtd-ink-3)}

/* ----------------------------- cookie --------------------------------- */
.vtd-cookie{position:fixed;inset-inline:14px;inset-block-end:14px;z-index:120;
  max-width:520px;margin-inline:auto;background:var(--vtd-ink);color:#eef0f3;
  border:1px solid var(--vtd-accent);padding:14px 16px;display:flex;gap:14px;
  align-items:center;flex-wrap:wrap;box-shadow:0 8px 30px -10px rgba(0,0,0,.5)}
.vtd-cookie[hidden]{display:none}
.vtd-cookie__txt{margin:0;font-size:.85rem;flex:1 1 240px;line-height:1.5}
.vtd-cookie__txt a{color:#bcd0ff}
.vtd-cookie__btn{font-family:var(--vtd-mono);font-weight:600;font-size:12px;letter-spacing:.04em;
  text-transform:uppercase;background:var(--vtd-cta-solid);color:#fff;border:1px solid var(--vtd-cta-solid);
  padding:10px 18px;cursor:pointer;min-height:44px}
.vtd-cookie__btn:hover{background:#4f5c79}

/* --------------------------- nav navigatore --------------------------- */
.vtd-jump{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:var(--vtd-s4) 0}
.vtd-jump a{display:block;background:var(--vtd-surface);border:1px solid var(--vtd-hairline);
  padding:14px 16px;color:var(--vtd-ink);transition:transform .16s ease,background .16s ease,border-color .16s ease}
.vtd-jump a:hover{transform:translateY(-3px);background:var(--vtd-surface-2);border-color:var(--vtd-accent);text-decoration:none}
.vtd-jump span{display:block;font-family:var(--vtd-mono);font-size:11px;color:var(--vtd-accent);letter-spacing:.05em}
.vtd-jump strong{display:block;margin-block-start:4px}

/* --------------------------- pros / cons ------------------------------ */
.vtd-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vtd-s3);margin:var(--vtd-s4) 0}
.vtd-pc__col{background:var(--vtd-surface);border:1px solid var(--vtd-hairline);padding:var(--vtd-s3) var(--vtd-s4)}
.vtd-pc__col h3{margin:0 0 var(--vtd-s2);font-family:var(--vtd-mono);font-size:12px;
  letter-spacing:.05em;text-transform:uppercase}
.vtd-pc__col ul{list-style:none;margin:0;padding:0}
.vtd-pc__col li{position:relative;padding-inline-start:24px;margin-block-end:8px;color:var(--vtd-ink-2)}
.vtd-pc--pro li::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.5em;
  width:9px;height:5px;border-inline-start:2px solid var(--vtd-accent);border-block-end:2px solid var(--vtd-accent);transform:rotate(-45deg)}
.vtd-pc--con li::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.7em;
  width:11px;height:2px;background:var(--vtd-ink-3)}

/* ------------------------- animazione ingresso ------------------------ */
@media(prefers-reduced-motion:no-preference){
  .vtd-hero__in>*,.vtd-prose>section,.vtd-slots__head,.vtd-slots__grid{
    animation:vtd-fade .5s cubic-bezier(.2,.7,.2,1) both}
  .vtd-hero__h1{animation-delay:.04s}
  .vtd-hero__lead{animation-delay:.10s}
  .vtd-hero__cta{animation-delay:.16s}
  .vtd-hero__facts{animation-delay:.22s}
}
@keyframes vtd-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ============================ RESPONSIVE ============================== */
@media(max-width:980px){
  .vtd-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;
    width:44px;height:44px;background:none;border:1px solid var(--vtd-hairline);cursor:pointer;
    margin-inline-start:auto}
  .vtd-burger span{display:block;height:2px;width:20px;background:var(--vtd-ink);margin-inline:auto}
  .vtd-head .vtd-logo{margin-inline-end:0}
  .vtd-head__in>.vtd-nav{display:none}
  .vtd-head__in>.vtd-cta{display:none}
  /* drawer da sinistra */
  .vtd-drawer{display:block;position:fixed;inset-block:0;inset-inline-start:0;width:74%;max-width:300px;
    background:var(--vtd-zone);border-inline-end:1px solid var(--vtd-hairline);z-index:60;
    transform:translateX(-102%);transition:transform .22s ease;overflow-y:auto;padding:64px 0 24px}
  .vtd-navtoggle:checked ~ .vtd-drawer{transform:none}
  .vtd-drawer__nav{display:flex;flex-direction:column}
  .vtd-drawer__nav a{display:flex;gap:14px;align-items:baseline;padding:14px 22px;
    font-size:1.1rem;font-weight:600;color:var(--vtd-ink);border-block-end:1px solid var(--vtd-hairline-2)}
  .vtd-drawer__no{font-family:var(--vtd-mono);font-size:12px;color:var(--vtd-accent)}
  /* scrim */
  .vtd-navtoggle:checked ~ .vtd-head__in::before{content:"";position:fixed;inset:0;
    background:rgba(20,24,30,.45);z-index:45}
  .vtd-burger{position:relative;z-index:61}
}

@media(max-width:760px){
  .vtd-hero__in{display:block}
  .vtd-hero__in>*{grid-column:auto;grid-row:auto}
  .vtd-hero{text-align:center}
  .vtd-hero__kicker{margin-block-end:6px}
  .vtd-hero__h1{margin-block-end:var(--vtd-s2);font-size:clamp(1.55rem,6vw,2.1rem)}
  .vtd-hero__media{margin:0 auto var(--vtd-s2)}
  .vtd-hero__img{max-width:none;width:auto;max-height:30vh;aspect-ratio:1/1;object-fit:contain;margin-inline:auto}
  .vtd-hero__media::before{display:none}
  .vtd-hero__lead{max-width:46ch;margin:0 auto var(--vtd-s2)}
  .vtd-hero__cta{display:flex;justify-content:center;margin-block:var(--vtd-s2)}
  .vtd-hero__facts{margin-block-start:var(--vtd-s3);text-align:left}
  .vtd-foot__grid{grid-template-columns:1fr 1fr;gap:var(--vtd-s4)}
  .vtd-pc{grid-template-columns:1fr}
  .vtd-slots__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vtd-author{flex-direction:column;align-items:center;text-align:center}
  .vtd-authorpage__head{flex-direction:column}
  .vtd-figure{width:100%}
}

@media(max-width:560px){
  .vtd-foot__grid{grid-template-columns:1fr}
  .vtd-byline{align-items:flex-start}
}

@media(max-width:1100px) and (min-width:761px){
  .vtd-slots__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:900px) and (min-width:761px){
  .vtd-slots__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}