/* Novità, Consigli e guide, Realizzato con Lumion (20/10/2026). Usare dopo progettazione-architettonica.css */
.page-head{background:var(--blue);padding:88px 0 64px;}
.page-head .eyebrow{color:var(--blue-light);}
.page-head h1{color:var(--blue-light);font-size:clamp(36px,4.8vw,56px);line-height:1.08;margin:0 0 16px;max-width:760px;}
.page-head p{color:rgba(255,255,255,.88);font-size:18px;max-width:640px;margin:0;}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:40px auto 8px;max-width:var(--maxw);padding:0 32px;}
.chip{padding:9px 18px;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;background:#fff;}
.chip.is-on{background:var(--blue);border-color:var(--blue);color:#fff;}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:var(--maxw);margin:0 auto;padding:32px 32px 88px;}
.post-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.post-img{display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:var(--blue-tint);margin-bottom:14px;}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.post-card:hover .post-img img{transform:scale(1.04);}
.post-meta{font-size:13px;color:var(--blue);font-weight:600;margin-bottom:6px;}
.post-title{font-size:20px;font-weight:700;line-height:1.25;color:var(--ink);margin-bottom:8px;}
.post-card:hover .post-title{text-decoration:underline;text-underline-offset:3px;}
.post-sum{font-size:15px;color:var(--ink-soft);line-height:1.5;}
/* articolo */
.post-head{max-width:820px;margin:0 auto;padding:56px 32px 24px;}
.post-head .post-meta{display:block;margin-bottom:12px;}
.post-head h1{font-size:clamp(32px,4.2vw,48px);line-height:1.1;margin:0 0 16px;}
.post-head .lead{font-size:19px;color:var(--ink-soft);margin:0;}
.post-cover{max-width:1040px;margin:16px auto 0;padding:0 32px;}
.post-cover img{width:100%;border-radius:var(--radius);}
.post-body{max-width:760px;margin:0 auto;padding:40px 32px 24px;}
.post-body h2{font-size:26px;margin:36px 0 12px;}
.post-body p,.post-body li{font-size:17px;line-height:1.7;color:#2b2f36;}
.post-body ul,.post-body ol{padding-left:22px;margin:0 0 18px;}
.post-body li{margin-bottom:8px;}
.post-body a{color:var(--blue);font-weight:600;}
.post-source{max-width:760px;margin:8px auto 0;padding:20px 32px 0;}
.post-source div{border-top:1px solid var(--line);padding-top:18px;font-size:14px;color:var(--ink-soft);}
.post-back{display:inline-block;margin:28px 0 0;color:var(--blue);font-weight:600;text-decoration:none;}
/* risorse */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.res{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease;}
.res:hover{border-color:var(--blue);transform:translateY(-2px);}
.res h3{font-size:18px;margin:0 0 8px;}
.res p{font-size:14.5px;margin:0;}
.res span{display:inline-block;margin-top:12px;color:var(--blue);font-weight:600;font-size:14px;}
/* galleria progetti */
.cat-head{max-width:var(--maxw);margin:0 auto;padding:64px 32px 20px;}
.cat-head h2{font-size:28px;margin:0 0 6px;}
.cat-head p{margin:0;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.cat-grid figure{margin:0;}
.cat-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);}
.cat-grid figcaption{font-size:13.5px;color:var(--ink-soft);margin-top:6px;}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto;padding:0 32px;}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.quote p{font-size:16px;color:var(--ink);margin:0 0 14px;}
.quote b{display:block;font-size:14px;}
.quote small{color:var(--ink-soft);font-size:13px;}
@media(max-width:900px){
  .page-head{padding:56px 0 44px;}
  .chips{padding:0 20px;margin-top:28px;}
  .post-grid,.res-grid,.cat-grid,.quote-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px;}
  .post-grid{padding-bottom:56px;}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .cat-grid figure:first-child{grid-column:span 2;}
  .post-head,.post-body,.post-source,.post-cover,.cat-head{padding-left:20px;padding-right:20px;}
  .post-head{padding-top:36px;}
}
/* ingrandimento immagini (lightbox.js) */
[data-lightbox] img{cursor:zoom-in;transition:opacity .15s ease;}
[data-lightbox] img:hover{opacity:.88;}
.lb{position:fixed;inset:0;z-index:2000;background:rgba(10,14,22,.94);display:none;align-items:center;justify-content:center;}
.lb.is-open{display:flex;}
.lb-fig{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;}
.lb-fig img{max-width:92vw;max-height:80vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.lb-fig figcaption{color:rgba(255,255,255,.85);font-size:14px;margin-top:14px;text-align:center;}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.lb button:hover,.lb button:focus-visible{background:rgba(255,255,255,.25);outline:none;}
.lb-x{top:18px;right:18px;}
.lb-prev{left:18px;top:50%;transform:translateY(-50%);}
.lb-next{right:18px;top:50%;transform:translateY(-50%);}
html.lb-noscroll,html.lb-noscroll body{overflow:hidden;}
@media(max-width:900px){.lb-prev,.lb-next{top:auto;bottom:22px;transform:none;}.lb-prev{left:calc(50% - 60px);}.lb-next{right:calc(50% - 60px);}.lb-fig img{max-height:70vh;}}
/* Foto dei progettisti nelle citazioni */
.quote{display:flex;flex-direction:column;}
.quote p{flex:1;}
.quote-who{display:flex;align-items:center;gap:12px;}
.quote-who img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:var(--blue-tint);}