/* realizzazioni — contenuto; header, footer, font e tema giorno/notte vengono da style.css */
.real{max-width:var(--max);margin:0 auto;padding:118px 24px 80px}
.real .crumbs{font:600 .76rem var(--sans);letter-spacing:.04em;color:var(--soft);margin:0 0 20px;max-width:none}
.real .crumbs a{color:var(--soft);text-decoration:none}.real .crumbs a:hover{color:var(--leaf)}
.real .kicker{font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--acc);margin:0 0 14px;max-width:none}
.real h1{font-size:clamp(2.2rem,5vw,3.8rem);color:var(--ink);margin:0 0 20px}
.real h1 em{font-style:italic;color:var(--leaf)}
.real h2{font-size:clamp(1.7rem,3.2vw,2.4rem);color:var(--ink);margin:60px 0 20px}
.real h3{font-size:1.12rem;font-weight:470;color:var(--ink);margin:0 0 8px;line-height:1.2}
.real p{max-width:68ch;line-height:1.65;color:var(--ink-2)}
.real .lead{font-size:1.08rem;color:var(--soft);max-width:60ch}
.real a{color:var(--leaf)}
.real .cta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 6px;max-width:none}
.real .btn-leaf{background:var(--leaf);color:#fff}.real .btn-leaf:hover{background:var(--leaf-glow);color:#fff}
html[data-mode="night"] .real .btn-leaf,html[data-mode="night"] .real .btn-leaf:hover{color:#0c110d}
.real .btn-line{color:var(--ink)}.real .btn-line:hover{color:var(--leaf)}
.tre{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:6px 0 12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px}
.card p{font-size:.94rem;margin:0;color:var(--soft)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 8px}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px;text-decoration:none;font:600 .82rem var(--sans);color:var(--ink);transition:border-color .2s,box-shadow .25s}
.chip small{color:var(--soft);font-weight:500;font-size:.72rem}
.chip:hover{border-color:var(--leaf);box-shadow:var(--shadow)}
.nota{font-size:.84rem;color:var(--soft)}
.griglia{columns:3 300px;column-gap:16px;margin-top:24px}
.foto{break-inside:avoid;margin:0 0 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.foto:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.foto > a{display:block}.foto img{width:100%;height:auto;display:block}
.foto figcaption{font-size:.8rem;padding:10px 14px 12px;line-height:1.5;color:var(--soft)}
.foto figcaption span{color:var(--acc);text-transform:uppercase;font-size:.64rem;font-weight:700;letter-spacing:.14em;margin-right:.35rem}
.foto figcaption a{color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--leaf)}
.faq{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 18px;margin:10px 0}
.faq summary{cursor:pointer;font:600 .98rem var(--sans);color:var(--ink)}
.faq p{margin:10px 0 4px;font-size:.95rem;color:var(--soft)}
.chiusura{margin-top:60px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:32px 34px}
.chiusura h2{margin-top:0}
.temi{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:36px}
.real .tema{position:relative;display:block;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:4/3;background:var(--bg-2);transition:transform .25s var(--ease),box-shadow .25s}
.tema:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tema img{width:100%;height:100%;object-fit:cover;display:block}
.tema span{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(transparent,rgba(10,15,11,.86));font:600 .78rem var(--sans);letter-spacing:.04em}
.tema b{display:block;font-family:var(--serif);font-weight:480;font-size:1.4rem;letter-spacing:0}
.lb{position:fixed;inset:0;background:rgba(10,14,10,.94);z-index:120;display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:96vw;max-height:96vh;text-align:center}
.lb img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:8px}
.lb figcaption{color:#cfe3d3;font-size:.85rem;padding:.5rem}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer;padding:.4rem .8rem;opacity:.8}
.lb button:hover{opacity:1}.lb-x{top:.3rem;right:.6rem}.lb-p{left:.2rem;top:50%;transform:translateY(-50%)}.lb-n{right:.2rem;top:50%;transform:translateY(-50%)}
@media(max-width:640px){.real{padding-top:96px}.griglia{columns:2 160px}.lb button{font-size:1.9rem}.chiusura{padding:22px 20px}}