@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);*{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0}html,body{min-height:100%}*,*::before,*::after{box-sizing:border-box}:root{--nero:#1a1a1a;--beige:#efede8;--grigio:#898989;--bianco:#fff;--raggio-bordo:10px}#smooth-wrapper{overflow:hidden}#smooth-content{will-change:transform;min-height:100vh;display:flex;flex-direction:column}body{font-family:"Geist",sans-serif;font-optical-sizing:auto;font-weight:300;font-size:1.5vw;font-style:normal;color:#1a1a1a;letter-spacing:-2%}h1{font-weight:400;color:var(--rosso);font-size:4vw;text-wrap:balance;letter-spacing:-4%}h2{font-weight:400;color:var(--rosso);font-size:3.7vw;text-wrap:balance;letter-spacing:-5%}h3{font-weight:400;font-size:2.5vw;line-height:1.2em;text-wrap:balance;letter-spacing:-5%}h4{font-weight:400;font-size:1.8vw;line-height:1.2em;text-wrap:balance;letter-spacing:-2%}h5{font-weight:400;font-size:1.2vw;line-height:1.3em;text-wrap:balance;letter-spacing:-5%}h6{font-weight:400;font-size:.5vw;line-height:1.3em;text-wrap:balance;letter-spacing:-5%}p{margin-bottom:0}.font-weight-bold{font-weight:800!important;color:var(--nero)}.nero{color:var(--nero)}.beige{color:var(--beige)}.grigio{color:var(--grigio)}.bianco{color:var(--bianco)}p.piccolo{font-size:18px}.pd-top-200{padding-top:200px}.pd-top-100{padding-top:100px}.pd-top-50{padding-top:50px}.pd-top-25{padding-top:25px}.pd-top-10{padding-top:10px}.pd-top-btm-100{padding:100px 0}.pd-btm-50{padding-bottom:50px}.pd-btm-25{padding-bottom:25px}.pd-btm-10{padding-bottom:10px}.mg-top-100{margin-top:100px}a{color:var(--nero);&:hover {
    color: var(--nero);
    text-decoration: none;
  }
}.hover{position:relative;font-size: clamp(1rem, 0.3437rem + 1.75vw, 1.875rem);font-weight:500;letter-spacing:-5%;text-transform:uppercase;z-index:1;overflow:hidden;width:fit-content;line-height:normal;padding-right:2px;&:hover {
    text-decoration: none;
  }

  .text div {
    transform-origin: top left;
  }
}.hover-due{position:absolute;font-size: clamp(1rem, 0.3437rem + 1.75vw, 1.875rem);font-weight:500;letter-spacing:-5%;text-transform:uppercase;z-index:1;color:var(--grigio);top:0;left:0;width:fit-content;cursor:pointer;line-height:normal;overflow:hidden;padding-right:2px;div {
    transform-origin: bottom left;
  }
}.cta-bcg{background:var(--beige);padding:0 15px 3px;font-weight:400;font-size: clamp(1rem, 0.3437rem + 1.75vw, 1.875rem);border-radius:var(--raggio-bordo);line-height:normal;transition:all .5s cubic-bezier(.215,.61,.355,1);.big {
    font-weight: 500;
    font-size: 90%;
  }

  &:hover {
    background: var(--nero);
    color: var(--beige);
    text-decoration: none;
  }
}.outline{width:0;height:0;border-radius:100%;position:fixed;top:0;left:0;z-index:99998;transform:translate(-50px,-50px);transition:all .2s cubic-bezier(.215,.61,.355,1);pointer-events:none}.outline.hover{width:200px;height:200px;content:url(/img/Scopri_Prog.svg);border:0;mix-blend-mode:hard-light}a.curs{cursor:none}picture{width:100%;height:100%;img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--raggio-bordo);
  }
}.rel{position:relative}#hero{overflow:hidden;position:relative;margin-top:10rem;height:100vh;picture {
    display: block;
    height: 120%; /* importante */
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: var(--raggio-bordo);
  }

  .container-fluid.abs {
    position: absolute;
    top: 35%;
    left: 5%;
  }

  h2 {
    font-size: clamp(1rem, -1.7656rem + 7.375vw, 4.6875rem);
    font-weight: 400;
  }
}.line{width:100%;height: clamp(1rem, -1.7656rem + 7.375vw, 4.6875rem);position:relative;overflow:hidden;span.split {
    position: absolute;
  }
}.big{font-size:80%;font-weight:500;text-transform:uppercase}.linea{display:block;width:16vw;height:3px;background:var(--nero);margin:20px 0}#intro{position:relative;padding-top:50px;background:#fff;h3 {
    text-transform: uppercase;
    line-height: 1em;
  }

  .cont-video {
    width: 50%;
    height: 50%;
    top: 10%;
    left: 25%;
  }
}#progettiHome{position:relative;padding-top:100px;a.cta-bcg {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
  }

  .curs {
    transition: all .5s cubic-bezier(.215, .61, .355, 1);

    &:hover {
      opacity: .8;
    }
  }
}#nasceAscolto{color:var(--bianco);padding:100px 0;margin:100px 0;position:relative;h4 {
    text-transform: uppercase;
    background: var(--beige);
    color: var(--nero);
    border-radius: var(--raggio-bordo);
    padding: 5px 10px;
    width: fit-content;
  }

  .cont-video {
    top: 0;
    z-index: -1;

    video {
      opacity: 1;
    }
  }
}.cont-marquee{overflow:hidden;width:100%;h2 {
  display: flex;
  white-space: nowrap;
  align-items: center;
  font-size: 2vw;
  font-weight: 400;
  height: 20vh;
  }

  .marquee-inner {
    display: flex;
    width: max-content;
    padding-top: 10px;
    transform-origin: center center;
  }
}.tit-linea{display:flex;justify-content:space-between}.simpleParallax{border-radius:var(--raggio-bordo)}#progettareSpazi,#progettareSuono{padding:100px 0;.contenuti {
    display: flex;

    .video {
      width: 100%;
      display: block;
      position: relative;

      .cont-video {
        top: 0!important;
      }
    }

    .immagine {
      width: 100%;
      height: 100%;
    }
  }
}#progettareSpazi .pic-uno,#progettareSuono .pic-uno{position:relative;transition:all .5s cubic-bezier(.215,.61,.355,1);&:hover {
    opacity: .8;
  }

  a.cta-bcg {
    text-transform: uppercase;
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    padding: 0 10px;
  }
}#progettareSuono{background:var(--beige)}#textIngrand{padding:100px 0;.container-fluid {
    display: flex;
    justify-content: center;
  }

  .ingrandisci {
    display: inline-block;
    transform-origin: center center;
  }

  h2 {
    font-size: 1.5vw;
  }
}#percheSceglierci{.cont-testo {
    border-radius: var(--raggio-bordo);
    border: solid 2px var(--nero);
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;

    p {
      white-space: pre-line;
    }
  }

  .row {
    margin: 30px 0;
  }

  .video {
    width: 100%;
    display: block;
    position: relative;

    .cont-video {
      top: 0!important;
      position: relative;
      aspect-ratio: 1 / 1;
    }
  }

  .alternativa {
    display: flex;
    align-items: center;

    .video {
      width: 43%;
    }
  }
}.cont-loghi{display:flex;width:100%;justify-content:center;align-items:center;padding-bottom:50px;img {
    width: 250px;
    margin: 0 15px;
  }
}#equilibrio{padding:100px 0;position:relative;.line {
    .split {
      text-align: center;
      width: 100%;
      line-height: 1em;
    }
  }

  .container-fluid.cta {
    display: flex;
    justify-content: center;
    padding: 100px 0 50px;
    background: white;

    .hover {

      &::after {
        top: -5px;
      }
    }
  }
}.box-img-ingr{width:100%;height:100%;img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}#social{padding:50px 0;.container-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
  }

  a {
    margin: 0 10px;
  }

  .hover:hover:after {
    top: -5px;
  }
}footer{background:var(--nero);color:#fff;padding:50px;position:relative;margin-top:auto;flex-shrink:0;a {
    color: white;
    transition: all .5s cubic-bezier(.215, .61, .355, 1);

    &:hover {
      color: var(--grigio);
      text-decoration: none;
    }
  }

  .row {
    align-items: flex-end;
  }

  .col-lg-4 {
    display: flex;
    justify-content: flex-end;
  }
}.cont-video{width:100%;height:100%;position:absolute;top:20%;left:0;mix-blend-mode:multiply;video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    opacity: .3;
  }
}#heroChiSiamo{margin-top:10rem;.col-lg-5 {
    padding-top: 4rem;
  }

  h2 {
    color: var(--grigio);
  }
}#textIngrand.chi-siamo{padding:100px 0;position:relative;h1 {
    font-size: 3vw;
  }

  .cont-video {
    top: -45%;
  }
}#guidaStudio{background:var(--beige);padding:100px 0 100px 50px;h2 {
    color: var(--grigio);
    padding-top: 4rem;
  }
}#metodo{padding:50px 0;h2 {
    color: var(--grigio);
    padding-bottom: 50px;
  }

  .line {

    .split {
      text-align: center;
      width: 100%;
    }
  }

  .col-lg-3 {
    flex: 0 0 24%;
    align-content: center;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
  }

  .cont-testo {
    padding: 20px;
    border: solid 2px var(--nero);
    border-radius: var(--raggio-bordo);
    height: 350px;
  }
}#questioneEquilibrio.chi-siamo{padding:50px 0 0}#valori{padding:50px 0 100px;position:relative;h2 {
    text-transform: uppercase;
  }

  .line {
    .split {
      width: 100%;
      text-align: center;
    }
  }

  p {
    text-align: center;
    padding: 10px 0;
  }

  .center {
    display: flex;
    justify-content: center;
    padding-top: 50px;
  }
}#heroManifesto{margin-top:0;padding-top:250px;position:relative;h2 {
    font-size: 5vw;
    text-align: center;
    padding-bottom: 100px;
  }

  h1 {
    color: var(--grigio);
    padding-bottom: 100px;

    .line {
      display: flex;
      justify-content: center;
    }
  }

  p {
    padding-bottom: 25px;
  }

  .cont-video {
    width: 75%;
    height: 75%;
    left: 10%;
    top: 0;
  }
}#percheProgettazione{padding:100px 0 0;position:relative;h2 {
    color: var(--grigio);
    padding-bottom: 100px;
  }

  .line {
    display: flex;
    justify-content: center;
  }

  .cont-video {
    top: 0;

    video {
      object-position: center;
    }
  }

  p {
    text-align: center;
  }
}#heroArchSuono{padding-top:200px;h2 {
      color: var(--grigio);
    }

    h3 {
      padding: 35px 0;
    }

    p {
      padding-bottom: 20px;
    }

    a.cta-bcg {
      position: absolute;
      bottom: 1rem;
      right: 2rem;
    }
}#percheProgettazione.pag-arch-suono{padding-bottom:100px;h1 {
    color: var(--grigio);
    padding-bottom: 50px;
  }

  h4 {
    text-align: center;
    text-transform: uppercase;
    white-space: pre-line;
    font-size: 2vw;
    padding-top: 50px;
  }

  .linea {
    margin: 20px auto;
  }
}#parteBeige{background:var(--beige);padding:50px 0;p {
    padding-bottom: 20px;
  }

  p.text-center {
    white-space: pre-line;
    padding: 50px 0 75px;
  }

  p.box-bianco {
    background: white;
    border-radius: var(--raggio-bordo);
    padding: 10px 15px;
    text-transform: uppercase;
  }

  .container-fluid.cta {
    display: flex;
    justify-content: center;
  }
}#ultimiLavori{background:var(--nero);padding:50px 0;h2 {
    color: var(--grigio);
    text-align: center;
    padding-bottom: 50px;
  }

  a.cta-bcg {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
  }

  img {
    height: 500px;
  }
}#archivio{padding-top:200px;h1 {
    color: var(--grigio);
    padding-bottom: 25px;
    font-size: 9vw;
  }

  h3 {
    text-transform: uppercase;
    padding-bottom: 25px;
  }

  p {
    padding-bottom: 20px;
  }

  .linea {
    width: 100%;
  }

  .line {
    height: 200px;
  }
}#raccoltaArchivio{padding:50px 0 0;.container-fluid {
    display: flex;
    flex-direction: column;
  }

  .row-custom {
    display: flex;
    width: 100%;
    gap: 20px;
  }

  .row-invertita {
    flex-direction: row-reverse;
  }

  .riga-uno {
    flex: 2;
    float: none;

    .box-uno {
      width: 100%;
      height: 450px;
      position: relative;

      a.cta-bcg {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        text-transform: uppercase;
        padding-bottom: 0;
      }

      p {
        color: var(--grigio);
        float: right;
        width: 100%;
        text-align: right;
        padding: 20px 0 50px;
        white-space: pre-line;
        font-size: 20px;
      }
    }
  }

  .riga-due {
    flex: 1;
    float: none;

    .box-uno {
      width: 100%;
      height: 450px;
      position: relative;

      a.cta-bcg {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        text-transform: uppercase;
        padding-bottom: 0;
      }

      p {
        color: var(--grigio);
        float: right;
        width: 100%;
        text-align: right;
        padding: 20px 0 50px;
        white-space: pre-line;
        font-size: 20px;
      }
    }
  }
}#heroProgetto{padding-top:150px;.box-img {
    width: 100%;
    height: 400px;
  }
}#primaSec,#secondaSec,#terzaSec{padding:50px 0 0;h1 {
    font-size: 1.5vw;
    background: var(--beige);
    border-radius: var(--raggio-bordo);
    width: fit-content;
    padding: 5px 20px;
    text-transform: uppercase;
  }

  p.esigenza {
    font-size: 3vw;
    color: var(--grigio);
    font-weight: 400;
  }

  .titolo {
    display: flex;
    align-items: center;
    padding-bottom: 50px;

    h2 {
      font-size: 2vw;
      padding-left: 10px;
      text-transform: uppercase;
      margin-bottom: 0;
    }
  }

  p {
    white-space: pre-line;
    padding-bottom: 20px;
  }

  .prime-img {
    padding-top: 50px;

    .uno {
      width: 100%;
      height: 800px;
    }

    .due {
      width: 100%;
      height: 400px;
    }

    .cont-video {

      video {
        object-fit: contain;
        object-position: center;
      }
    }
  }
}#secondaSec{.cont-video {

    video {
      object-fit: cover!important;
    }
  }
}.container-fluid.dati{padding-top:50px;.box {
    border: solid 2px var(--nero);
    border-radius: var(--raggio-bordo);
  }

  p {
    padding-bottom: 0!important;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
  }

  .col-lg-4 {
    max-width: 32%;
  }
}#galleryMasonry{padding:50px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));transition:opacity .5s ease-in-out}.grid-item{width:33%;padding:15px}.grid-item img{width:100%;display:block;border-radius:var(--raggio-bordo);cursor:pointer}.modal{background:rgba(0,0,0,.8)}.modal-body{padding:0;display:flex;align-items:center;justify-content:center}.modal-content{background-color:transparent;border:none;border-radius:var(--raggio-bordo);box-shadow:none}#modalImage{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:var(--raggio-bordo)}.modal-backdrop{display:none!important}#ultimiLavori.prog{.cta {
    display: flex;
    justify-content: center;
    padding-top: 50px;

    a {
      color: var(--bianco);
    }
  }
}#primaSec.acustica,#secondaSec.acustica{.cont-video {
    position: relative;
    top: 0;
  }
}#terzaSec.acustica{background:var(--nero);color:#fff;padding-bottom:100px;margin-top:50px;.linea {
    background: white;
  }
}#equilibrio{p.fade-testo {
    text-align: center;
    white-space: pre-line;
  }
}