* { box-sizing: border-box; }
body {margin: 0;}
.nb-sec{padding:130px 0px 130px 0px;}
.nb-dark{background-color:rgb(10, 10, 10);color:rgb(163, 163, 163);}
.nb-round{border-radius:0px 0px 28px 28px;}
.nb-round-all{border-radius:28px 28px 28px 28px;}
.nb-white{color:rgb(255, 255, 255);}
.nb-display{font-size:clamp(52px, 9vw, 150px);line-height:0.92;letter-spacing:-0.045em;margin:0px 0px 0px 0px;}
.nb-title{font-size:clamp(36px, 4.6vw, 66px);line-height:1.05;letter-spacing:-0.03em;margin:0px 0px 0px 0px;}
.nb-lead{font-size:18px;line-height:1.75;}
.nb-head{align-items:flex-end;column-gap:60px;margin:0px 0px 60px 0px;}
.nb-head-side{flex-basis:38%;flex-grow:0;flex-shrink:0;align-items:flex-start;row-gap:28px;}
.nb-page-hero{background-image:linear-gradient(rgba(10, 10, 10, 0.55) 0%, rgba(10, 10, 10, 0.85) 100%), url("https://dev6.envisiondigital.it/wp-content/uploads/2026/10/banner_muro.webp");background-size:cover, cover;min-height:760px;align-items:flex-start;padding:220px 0px 90px 0px;background-position:center center, center center;}
.nb-page-hero > .gjs-row-inner{align-self:flex-start;}
.nb-crumbs{color:rgb(189, 189, 189);font-size:13px;letter-spacing:0.08em;text-transform:uppercase;margin:0px 0px 18px 0px;}
.nb-hero-sub{color:rgb(212, 212, 212);max-width:640px;margin:22px 0px 0px 0px;}
.nb-head{display:flex;}
#nb-w-head-main{flex-grow:1;}
#nb-w-prod-head-main{flex-grow:1;}
#nb-w-clienti-cell{row-gap:0px;}
#nb-w-prod-cell{row-gap:0px;}
#produzioni-originali{margin:0px 0px 120px 0px;}
#nb-ft-social-0{display:inline-block;--env-icon-size:32px;}
#nb-ft-social-1{display:inline-block;--env-icon-size:32px;}
#nb-ft-social-2{display:inline-block;--env-icon-size:32px;}
#nb-ft-social-3{display:inline-block;--env-icon-size:32px;}
#nb-ft-social-4{display:inline-block;--env-icon-size:32px;}
#nb-ft-social-5{display:inline-block;--env-icon-size:32px;}
#nb-w-hero{background-position:center center, center center;background-size:cover, cover;background-repeat:repeat, repeat;background-attachment:scroll, scroll;background-image:linear-gradient(90deg, rgba(10, 10, 10, 0.55) 0%, rgba(10, 10, 10, 0.85) 100%), url('https://dev6.envisiondigital.it/wp-content/uploads/2026/11/portfolio.webp');}
@media (max-width: 1023px){.nb-sec{padding:90px 0px 90px 0px;}.nb-head{flex-wrap:wrap;}.nb-head-side{flex-basis:100%;}}
@media (max-width: 767px){.nb-sec{padding:70px 0px 70px 0px;}.nb-head{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;row-gap:24px;margin:0px 0px 40px 0px;}.nb-head-side{flex-basis:auto;}.nb-lead{font-size:17px;}.nb-page-hero{min-height:640px;padding:160px 0px 60px 0px;}.nb-head{flex-direction:column;align-items:flex-start;row-gap:20px;}}

/* grapely:css-personalizzato */
.nb-crumbs a { color: #e0d580; text-decoration: none; } .nb-crumbs span { margin: 0 6px; opacity: .5; }#produzioni-originali { scroll-margin-top: 90px; }
@media (max-width: 1023px) { #nb-w-grid .env-loop-grid, #nb-w-prod-loop .env-loop-grid { --env-loop-columns: 2 !important; } }
/* Tab delle categorie in tono col sito. */
#nb-w-grid .env-loop-tabs { margin-bottom: 36px; }
#nb-w-grid .env-loop-tab { font-weight: 500; }
#nb-w-grid .env-loop-tab[aria-selected="true"], #nb-w-grid .env-loop-tab.is-active { background: #0a0a0a; color: #ffffff; }
#nb-w-grid .env-loop-more { margin-top: 40px; }

/* Responsive mobile e tablet (2026-11-04) */
@media (min-width: 1024px) and (max-width: 1199px) {
  #nb-w-clienti #nb-w-grid .env-loop-grid, #produzioni-originali #nb-w-prod-loop .env-loop-grid { --env-loop-columns: 4 !important; --env-loop-fit: 4 !important; }
  #nb-w-clienti #nb-w-grid .env-loop-item, #produzioni-originali #nb-w-prod-loop .env-loop-item { min-width: 0 !important; }
}
/* Sul telefono le due griglie scorrono di lato, come in Home. */
@media (max-width: 767px) {
  #nb-w-grid .env-loop-grid, #nb-w-prod-loop .env-loop-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px !important; padding-bottom: 6px; }
  #nb-w-grid .env-loop-item { flex: 0 0 78% !important; scroll-snap-align: start; }
  #nb-w-prod-loop .env-loop-item { flex: 0 0 72% !important; scroll-snap-align: start; }
}
/* fine responsive */