/*
 * Stili della landing "Il Centellino" (page-templates/template-il-centellino.php).
 * Accodato a theme.css solo su quel template (vedi centellino_assets in functions.php).
 */
.phero{position:relative;background:var(--hero);color:var(--cream);overflow:hidden;isolation:isolate;}
.phero>.bg{position:absolute;inset:0;background-size:cover;background-position:center right;z-index:0;opacity:.55;}
.phero>.veil{position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(8,16,36,.94),rgba(8,16,36,.55) 70%,rgba(8,16,36,.3));}
.phero .u{position:relative;z-index:2;padding-top:66px;padding-bottom:62px;}
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,238,225,.6);margin-bottom:16px;}
.phero h1{font-family:var(--serif);font-size:clamp(40px,6.4vw,72px);font-weight:600;margin:0 0 14px;line-height:1;letter-spacing:-.01em;}
.phero p{color:rgba(243,238,225,.84);max-width:54ch;font-size:17.5px;margin:0;}
.vgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.vcard{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow);text-align:center;transition:transform .18s,box-shadow .18s;display:block;}
.vcard:hover{transform:translateY(-4px);box-shadow:0 24px 46px -26px rgba(15,29,62,.4);}
.vcard .ph{aspect-ratio:1/1;}
.vcard .vb{padding:15px 12px 18px;}
.vcard .size{font-family:var(--serif);font-size:27px;font-weight:600;color:var(--ink);line-height:1;}
.vcard .cap{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-ink);margin-top:5px;}
.vcard .pr{margin-top:11px;font-size:13.5px;color:var(--ink-soft);}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.step .n{font-family:var(--serif);font-size:38px;color:var(--brass);line-height:1;font-style:italic;}
.step h4,.step h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:12px 0 7px;}
.step p{color:var(--ink-soft);font-size:15px;margin:0;max-width:34ch;}
.acc-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.acc-card{position:relative;border-radius:8px;overflow:hidden;min-height:280px;display:flex;align-items:flex-end;color:var(--cream);isolation:isolate;box-shadow:var(--shadow);}
.acc-card .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transition:transform .5s;}
.acc-card .scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(8,15,34,.9),transparent 65%);}
.acc-card:hover .bg{transform:scale(1.04);}
.acc-card .body{position:relative;z-index:3;padding:26px 24px;}
.acc-card h3{font-family:var(--serif);font-size:24px;font-weight:600;margin:0 0 6px;}
.acc-card p{font-size:14px;color:rgba(243,238,225,.85);margin:0 0 14px;max-width:34ch;}
@media (max-width:960px){.vgrid{grid-template-columns:repeat(3,1fr);}.steps{grid-template-columns:1fr 1fr;}.acc-split{grid-template-columns:1fr;}}
@media (max-width:560px){.vgrid{grid-template-columns:repeat(2,1fr);}.steps{grid-template-columns:1fr;}}