/* Home Biella: effetti progressivi senza dipendenze aggiuntive. */
#siteHeader { background: transparent; }
#siteHeader .site-nav { background: #fff; transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out; }
#siteHeader .site-nav__inner { transition: min-height .3s ease-in-out; }
#siteHeader .site-brand img { transition: width .3s ease-in-out, height .3s ease-in-out; }
#siteHeader.is-scrolled .site-nav { box-shadow: 0 8px 24px rgb(20 20 20 / 8%); }
#siteHeader.is-scrolled .site-nav__inner { min-height: 68px; }
#siteHeader.is-scrolled .site-brand__febal { width: 54px; height: 54px; }
#siteHeader.is-scrolled .site-brand__loft { width: 43px; height: 43px; }
body #fc-ai-modal { background: #fff; border: 1px solid rgb(255 255 255 / 75%); box-shadow: 0 24px 80px rgb(0 0 0 / 22%); }
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
  #siteHeader .site-nav { background: rgb(255 255 255 / 88%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
  #siteHeader.is-scrolled .site-nav { background: rgb(255 255 255 / 80%); }
  body #fc-ai-modal { background: rgb(255 255 255 / 92%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
}
#grigliaLavori { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 17vw, 230px); gap: 18px; }
#grigliaLavori .lavoro-item { min-width: 0; }
#grigliaLavori .lavoro-item > div { height: 100%; aspect-ratio: auto; border-radius: 24px; box-shadow: 0 6px 20px rgb(0 0 0 / 6%); }
#grigliaLavori [data-bento="0"] { grid-column: span 2; grid-row: span 2; }
#grigliaLavori [data-bento="3"] { grid-column: span 2; }
#grigliaLavori img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
body :is(button, .site-cta, #fc-ai-trigger) { transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out; }
body :is(button, .site-cta, #fc-ai-trigger):focus-visible { outline: 3px solid #b91c1c; outline-offset: 4px; }
@media (hover: hover) {
  body :is(.site-cta, .filtro-btn, #fc-ai-trigger):hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgb(0 0 0 / 12%); }
  #grigliaLavori .lavoro-item:hover img { transform: scale(1.045); }
}
body :is(button, .site-cta, #fc-ai-trigger):active { transform: scale(.98); }
@media (max-width: 767px) {
  #grigliaLavori { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(145px, 35vw, 240px); gap: 12px; }
  #grigliaLavori [data-bento="0"] { grid-row: span 1; }
  #grigliaLavori .lavoro-item > div { border-radius: 18px; }
  #siteHeader.is-scrolled .site-nav__inner { min-height: 60px; }
  #siteHeader.is-scrolled .site-brand__febal { width: 48px; height: 48px; }
  #siteHeader.is-scrolled .site-brand__loft { width: 38px; height: 38px; }
  body #fc-ai-modal { padding: 44px 22px 28px; border-radius: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body :is(button, .site-cta, #fc-ai-trigger, #grigliaLavori img, #siteHeader .site-nav, #siteHeader .site-nav__inner, #siteHeader .site-brand img) { transition: none !important; }
  #grigliaLavori .lavoro-item { animation: none !important; }
}