.nbb-portfolio-page{color:#03254e;font-family:var(--font-sans)}.nbb-portfolio-page section,#progetti-selezionati{scroll-margin-top:120px}.nbb-portfolio-hero{background:radial-gradient(at 95% 0,#dcece5 0%,#0000 58%),#f5f8f7;padding-block:76px 0}.nbb-portfolio-eyebrow{color:#087f72;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:600;line-height:1.5}.nbb-portfolio-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding-bottom:52px;display:grid}.nbb-portfolio-hero h1{max-width:720px;font:600 clamp(36px, 3.8vw, 48px)/1.14 var(--font-sans);letter-spacing:-.035em;text-wrap:balance;margin:0}.nbb-portfolio-hero h1 span{color:#087f72;display:block}.nbb-portfolio-lead{color:#536675;max-width:530px;margin:0 0 15px;font-size:18px;line-height:1.7}.nbb-portfolio-text-link{color:#087f72;text-underline-offset:6px;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:500;-webkit-text-decoration:underline #9abab5;text-decoration:underline #9abab5;display:inline-flex}.nbb-portfolio-text-link:hover{color:#03254e;text-decoration-color:currentColor}.nbb-portfolio-index{border-top:1px solid #c8d8d2;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nbb-portfolio-index a{color:#03254e;border-right:1px solid #c8d8d2;align-items:center;gap:16px;padding:25px 22px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.nbb-portfolio-index a:first-child{padding-left:0}.nbb-portfolio-index a:last-child{border:0}.nbb-portfolio-index a:hover{color:#087f72}.nbb-portfolio-index-number{color:#087f72;font-size:12px}.nbb-portfolio-index small{color:#536675;margin-top:5px;font-size:13px;font-weight:400;display:block}.nbb-portfolio-index svg{flex-shrink:0;margin-left:auto}.nbb-portfolio-case{background:#fff;padding-block:72px 80px}.nbb-portfolio-case-2{background:#edf5f2}.nbb-portfolio-case-3{background:#f3efe8}.nbb-portfolio-case-heading{border-bottom:1px solid #d2ddd9;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:34px;padding-bottom:19px;display:flex}.nbb-portfolio-case-heading p{margin:0}.nbb-portfolio-case-heading>p:last-child{color:#536675;flex-shrink:0;font-size:13px}.nbb-portfolio-case-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.5vw,72px);display:grid}.nbb-portfolio-preview{min-width:0;margin:0}.nbb-portfolio-preview>a{background:#fff;border:1px solid #d1ddd9;border-radius:12px;display:block;overflow:hidden;box-shadow:0 18px 40px -20px #17394a40}.nbb-portfolio-browser{color:#536675;background:#f7faf9;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 14px;font-size:11px;display:flex}.nbb-portfolio-browser>span{letter-spacing:3px;color:#a4b6b1}.nbb-portfolio-preview img{width:100%;height:auto;display:block}.nbb-portfolio-preview figcaption{color:#536675;flex-wrap:wrap;gap:5px;margin-top:14px;font-size:12px;display:flex}.nbb-portfolio-preview figcaption a{color:#087f72;align-items:center;gap:5px;display:inline-flex}.nbb-portfolio-client{color:#087f72;margin:0 0 12px;font-size:15px;font-weight:500}.nbb-portfolio-case h2,.nbb-portfolio-method h2,.nbb-portfolio-more h2{font:600 clamp(28px, 2.65vw, 38px)/1.18 var(--font-sans);letter-spacing:-.03em;text-wrap:balance;margin:0}.nbb-portfolio-description{color:#536675;margin:20px 0;font-size:17px;line-height:1.7}.nbb-portfolio-features{margin:24px 0 16px;padding:0;list-style:none}.nbb-portfolio-features li{border-top:1px solid #d0dcd7;padding:12px 0}.nbb-portfolio-features h3{font:500 16px/1.4 var(--font-sans);margin:0 0 4px}.nbb-portfolio-features p{color:#536675;margin:0;font-size:14px;line-height:1.6}.nbb-portfolio-case-2 .nbb-portfolio-preview{order:2}.nbb-portfolio-case-2 .nbb-portfolio-case-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.nbb-portfolio-method,.nbb-portfolio-more{background:#fff;padding-block:72px}.nbb-portfolio-method-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:72px;display:grid}.nbb-portfolio-method-grid>div>p:not(.nbb-portfolio-eyebrow){color:#536675;margin:0 0 15px;font-size:17px;line-height:1.7}.nbb-portfolio-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;display:grid}.nbb-portfolio-more-card{color:#03254e;border:1px solid #d2ddd9;border-radius:12px;padding:24px;display:block}.nbb-portfolio-more-card img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%;margin-bottom:20px}.nbb-portfolio-more-card h3{font:600 23px/1.3 var(--font-sans)}.nbb-portfolio-more-card>p:not(.nbb-portfolio-eyebrow){color:#536675;margin-block:12px;font-size:16px;line-height:1.6}.nbb-portfolio-page :focus-visible{outline-offset:5px;outline:3px solid #087f72}@media (width<=1099px){.nbb-portfolio-hero-grid,.nbb-portfolio-method-grid{gap:36px}.nbb-portfolio-case-grid,.nbb-portfolio-case-2 .nbb-portfolio-case-grid{grid-template-columns:1fr 1fr;gap:32px}.nbb-portfolio-case h2{font-size:30px}.nbb-portfolio-index a{gap:12px;padding:22px 14px;font-size:14px}}@media (width<=767px){.nbb-portfolio-hero{padding-top:48px}.nbb-portfolio-hero-grid,.nbb-portfolio-method-grid,.nbb-portfolio-case-grid,.nbb-portfolio-case-2 .nbb-portfolio-case-grid{grid-template-columns:1fr;gap:28px}.nbb-portfolio-hero-grid{padding-bottom:32px}.nbb-portfolio-hero h1{font-size:clamp(32px,7.8vw,40px)}.nbb-portfolio-lead{font-size:17px}.nbb-portfolio-index{grid-template-columns:1fr}.nbb-portfolio-index a{border-bottom:1px solid #c8d8d2;border-right:0;padding:18px 0;font-size:15px}.nbb-portfolio-case,.nbb-portfolio-method,.nbb-portfolio-more{padding-block:52px}.nbb-portfolio-case-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.nbb-portfolio-case-heading .nbb-portfolio-eyebrow{letter-spacing:.1em;font-size:10px}.nbb-portfolio-case-heading>p:last-child{font-size:12px}.nbb-portfolio-case-2 .nbb-portfolio-preview{order:0}.nbb-portfolio-description{font-size:16px}.nbb-portfolio-more-grid{grid-template-columns:1fr}}
