.elementor-63023 .elementor-element.elementor-element-315ceae7{width:100%;max-width:100%;top:0px;}.elementor-63023 .elementor-element.elementor-element-315ceae7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-63023 .elementor-element.elementor-element-315ceae7{left:0px;}body.rtl .elementor-63023 .elementor-element.elementor-element-315ceae7{right:0px;}.elementor-63023 .elementor-element.elementor-element-7a3914bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-3cb621d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-269aa57d .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1.2px;fill:#F3EEE4;color:#F3EEE4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:300ms;border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3EEE4;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-63023 .elementor-element.elementor-element-269aa57d .elementor-button:hover, .elementor-63023 .elementor-element.elementor-element-269aa57d .elementor-button:focus{color:#F3EEE4;border-color:#F3EEE429;}.elementor-63023 .elementor-element.elementor-element-269aa57d .elementor-button:hover svg, .elementor-63023 .elementor-element.elementor-element-269aa57d .elementor-button:focus svg{fill:#F3EEE4;}.elementor-63023 .elementor-element.elementor-element-88970e9 .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1.2px;fill:#F3EEE4;color:#F3EEE4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:300ms;border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3EEE4;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-63023 .elementor-element.elementor-element-88970e9 .elementor-button:hover, .elementor-63023 .elementor-element.elementor-element-88970e9 .elementor-button:focus{background-color:#02010100;color:#F3EEE4;border-color:#F3EEE429;}.elementor-63023 .elementor-element.elementor-element-88970e9 .elementor-button:hover svg, .elementor-63023 .elementor-element.elementor-element-88970e9 .elementor-button:focus svg{fill:#F3EEE4;}.elementor-63023 .elementor-element.elementor-element-2774185f .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1.2px;fill:#F3EEE4;color:#F3EEE4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:300ms;border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3EEE4;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-63023 .elementor-element.elementor-element-2774185f .elementor-button:hover, .elementor-63023 .elementor-element.elementor-element-2774185f .elementor-button:focus{color:#F3EEE4;border-color:#F3EEE429;}.elementor-63023 .elementor-element.elementor-element-2774185f .elementor-button:hover svg, .elementor-63023 .elementor-element.elementor-element-2774185f .elementor-button:focus svg{fill:#F3EEE4;}.elementor-63023 .elementor-element.elementor-element-7a435524 .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1.2px;fill:#F3EEE4;color:#F3EEE4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:300ms;border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3EEE4;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-63023 .elementor-element.elementor-element-7a435524 .elementor-button:hover, .elementor-63023 .elementor-element.elementor-element-7a435524 .elementor-button:focus{background-color:#02010100;color:#F3EEE4;border-color:#F3EEE429;}.elementor-63023 .elementor-element.elementor-element-7a435524 .elementor-button:hover svg, .elementor-63023 .elementor-element.elementor-element-7a435524 .elementor-button:focus svg{fill:#F3EEE4;}.elementor-63023 .elementor-element.elementor-element-d574939 .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1.2px;fill:#F3EEE4;color:#F3EEE4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:300ms;border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3EEE4;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-63023 .elementor-element.elementor-element-d574939 .elementor-button:hover, .elementor-63023 .elementor-element.elementor-element-d574939 .elementor-button:focus{color:#F3EEE4;border-color:#F3EEE429;}.elementor-63023 .elementor-element.elementor-element-d574939 .elementor-button:hover svg, .elementor-63023 .elementor-element.elementor-element-d574939 .elementor-button:focus svg{fill:#F3EEE4;}.elementor-63023 .elementor-element.elementor-element-439a569f .elementor-button{background-color:#02010100;font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:1.2px;fill:#F3EEE4;color:#F3EEE4;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:300ms;border-style:solid;border-width:0px 0px 1px 0px;border-color:#F3EEE4;border-radius:0px 0px 0px 0px;padding:0px 0px 6px 0px;}.elementor-63023 .elementor-element.elementor-element-439a569f .elementor-button:hover, .elementor-63023 .elementor-element.elementor-element-439a569f .elementor-button:focus{background-color:#02010100;color:#F3EEE4;border-color:#F3EEE429;}.elementor-63023 .elementor-element.elementor-element-439a569f .elementor-button:hover svg, .elementor-63023 .elementor-element.elementor-element-439a569f .elementor-button:focus svg{fill:#F3EEE4;}.elementor-63023 .elementor-element.elementor-element-194c9b92{--display:flex;}.elementor-63023 .elementor-element.elementor-element-14ff88a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-358536cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-3209ac8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-7ad38a0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-727566da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-1ffdda6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-63023 .elementor-element.elementor-element-b27fa001{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5f09eeb8 *//* =========================================================
   BANDERARI — VIDEO SU MISURA
   Vimeo background nativo
========================================================= */

.elementor-63023 .elementor-element.elementor-element-5f09eeb8 {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  z-index: 0 !important;

  background: #071522;

  pointer-events: none !important;
}


/* WRAPPER */

.elementor-63023 .elementor-element.elementor-element-5f09eeb8 .bw-vimeo {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  overflow: hidden;

  background: #071522;

  pointer-events: none;
}


/* POSTER:
   rimane DIETRO al video, non davanti */

.elementor-63023 .elementor-element.elementor-element-5f09eeb8 .bw-vimeo__poster {
  position: absolute;
  inset: 0;

  z-index: 0;

  background:
    linear-gradient(
      rgba(5, 17, 27, .22),
      rgba(5, 17, 27, .22)
    ),
    url("https://www.banderari.com/staging/wp-content/uploads/2026/08/banderari-su-misura-head.webp")
    center center / cover no-repeat;

  pointer-events: none;
}


/* VIMEO:
   SEMPRE VISIBILE
   Nessuna dipendenza da JS */

.elementor-63023 .elementor-element.elementor-element-5f09eeb8 .bw-vimeo iframe {
  position: absolute;

  top: 50%;
  left: 50%;

  z-index: 1;

  display: block !important;

  /*
   * Video sorgente verticale 4:5.
   * Simula background-size: cover.
   */
  width: max(100vw, 80svh);
  height: max(125vw, 100svh);

  min-width: 100%;
  min-height: 100%;

  margin: 0;
  padding: 0;

  border: 0;

  opacity: 1 !important;
  visibility: visible !important;

  transform:
    translate3d(-50%, -50%, 0);

  pointer-events: none;
}


/* VELATURA */

.elementor-63023 .elementor-element.elementor-element-5f09eeb8 .bw-vimeo__shade {
  position: absolute;
  inset: 0;

  z-index: 2;

  background:
    linear-gradient(
      90deg,
      rgba(4, 15, 24, .40) 0%,
      rgba(4, 15, 24, .18) 42%,
      transparent 72%
    ),
    rgba(7, 21, 34, .22);

  pointer-events: none;
}


/* CONTENUTO SU MISURA SOPRA AL VIDEO */

#content-su-misura {
  position: relative !important;
  z-index: 5 !important;
}


/* ACCESSIBILITÀ */

@media (prefers-reduced-motion: reduce) {

  .elementor-63023 .elementor-element.elementor-element-5f09eeb8 .bw-vimeo iframe {
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c206eb7 *//* =========================================================
   BANDERARI — MANIFESTO
   "In parvis magna pulchritudo latet"
   CSS PERSONALIZZATO WIDGET HTML
========================================================= */


/* =========================================================
   RESET DEL WIDGET
========================================================= */

.elementor-63023 .elementor-element.elementor-element-3c206eb7,
.elementor-63023 .elementor-element.elementor-element-3c206eb7 *,
.elementor-63023 .elementor-element.elementor-element-3c206eb7 *::before,
.elementor-63023 .elementor-element.elementor-element-3c206eb7 *::after {
  box-sizing: border-box;
}


/* Il widget HTML occupa tutta la larghezza */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 {
  position: relative;

  display: block;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}


/* =========================================================
   MANIFESTO
========================================================= */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 100svh;

  margin: 0;

  padding:
    clamp(120px, 10vw, 156px)
    clamp(40px, 7.5vw, 120px);

  overflow: hidden;

  background: #e8e6e3;

  isolation: isolate;
}


/* =========================================================
   FRASE MONUMENTALE DI SFONDO
========================================================= */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-ghost {
  --bw-shift: 0px;

  position: absolute;

  top: 50%;
  left: 50%;

  z-index: 0;

  display: block;

  width: max-content;
  max-width: none;

  margin: 0;
  padding: 0;

  white-space: nowrap;

  color: #f1f0ef;

  opacity: 0.40;

  font-family:
    "Quattrocento",
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(260px, 23.5vw, 450px);

  font-weight: 400;

  line-height: 0.82;

  letter-spacing: -0.055em;

  text-align: center;

  text-transform: uppercase;

  pointer-events: none;

  user-select: none;

  transform:
    translate3d(
      calc(-50% + var(--bw-shift)),
      -50%,
      0
    );

  will-change: transform;
}


/* =========================================================
   CONTENUTO CENTRALE
========================================================= */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content {
  position: relative;

  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: clamp(38px, 3vw, 56px);

  width: 100%;
  max-width: 1024px;

  margin: 0 auto;
  padding: 0;

  text-align: center;
}


/* =========================================================
   EYEBROW — L'ARTE DELL'ASCOLTO
========================================================= */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 16px;

  width: 100%;

  margin: 0;
  padding: 0;

  color: #071522;

  font-family:
    "Manrope",
    Arial,
    sans-serif;

  font-size: 12px;

  font-weight: 500;

  line-height: 1;

  letter-spacing: 1.6px;

  text-align: center;

  text-transform: uppercase;
}


/* Linee laterali */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow::before,
.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow::after {
  content: "";

  display: block;

  flex: 0 0 120px;

  width: 120px;

  height: 1px;

  background: currentColor;

  opacity: 0.68;
}


/* =========================================================
   TESTO PRINCIPALE
========================================================= */

.elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content p {
  width: 100%;

  max-width: 980px;

  margin: 0;

  padding: 0;

  color: #071522;

  font-family:
    "Quattrocento",
    Georgia,
    "Times New Roman",
    serif;

  font-size:
    clamp(42px, 3.125vw, 60px);

  font-weight: 400;

  line-height: 1.1;

  letter-spacing: 0.008em;

  text-align: center;

  text-transform: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1019px) {

  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto {
    min-height: 78svh;

    padding:
      130px
      28px;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-ghost {
    font-size:
      clamp(170px, 25vw, 250px);

    line-height: 0.85;

    letter-spacing: -0.045em;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content {
    max-width: 760px;

    gap: 44px;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content p {
    font-size:
      clamp(34px, 6vw, 48px);

    line-height: 1.1;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow::before,
  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow::after {
    flex-basis: 48px;

    width: 48px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto {
    min-height: 72svh;

    padding:
      105px
      20px;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-ghost {
    font-size:
      clamp(120px, 42vw, 180px);

    line-height: 0.86;

    letter-spacing: -0.04em;

    opacity: 0.36;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content {
    gap: 36px;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content p {
    max-width: 540px;

    font-size:
      clamp(31px, 9vw, 36px);

    line-height: 1.12;

    letter-spacing: 0;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow {
    gap: 10px;

    font-size: 10px;

    letter-spacing: 1.2px;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow::before,
  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-eyebrow::after {
    flex-basis: 28px;

    width: 28px;
  }

}


/* =========================================================
   SCHERMI MOLTO PICCOLI
========================================================= */

@media (max-width: 420px) {

  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto {
    min-height: 68svh;

    padding:
      90px
      16px;
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-content p {
    font-size:
      clamp(28px, 9.2vw, 34px);
  }


  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-ghost {
    font-size:
      clamp(110px, 45vw, 160px);
  }

}


/* =========================================================
   ACCESSIBILITÀ
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-63023 .elementor-element.elementor-element-3c206eb7 .bw-manifesto-ghost {
    --bw-shift: 0px !important;

    transform:
      translate3d(
        -50%,
        -50%,
        0
      ) !important;

    will-change: auto;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f232104 *//* ==========================================================
   BANDERARI — GALLERIA SHIBUSA
   ========================================================== */


/* ----------------------------------------------------------
   1. CONTENITORE ELEMENTOR
   ---------------------------------------------------------- */

.banderari-gallery-scroll {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  height: 500vh;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background-color: #1f1d19;
}

.banderari-gallery-scroll > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.banderari-gallery-scroll .elementor-widget-html,
.banderari-gallery-scroll .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}


/* ----------------------------------------------------------
   2. STRUTTURA PRINCIPALE
   ---------------------------------------------------------- */

.bdr-scroll-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #1f1d19;
}

.bdr-gallery-sticky {
  position: sticky;
  top: 0;

  width: 100%;
  height: 100vh;
  height: 100svh;

  margin: 0;
  padding: 0;

  overflow: hidden;
  isolation: isolate;

  background-color: #1f1d19;
}


/* ----------------------------------------------------------
   3. GRIGLIA FOTOGRAFICA
   ---------------------------------------------------------- */

.bdr-gallery-grid {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 8px;

  width: 100vw;
  max-width: none;

  margin: 0;
  padding: 0;

  opacity: 1;

  transform: translate3d(-50%, -48%, 0);
  transform-origin: center center;

  backface-visibility: hidden;
  will-change: transform, opacity;
}


/* ----------------------------------------------------------
   4. COLONNE
   ---------------------------------------------------------- */

.bdr-gallery-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;

  width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  transform: translate3d(0, 0, 0);

  backface-visibility: hidden;
  will-change: transform, opacity;
}


/* ----------------------------------------------------------
   5. PROPORZIONI
   ---------------------------------------------------------- */

.bdr-gallery-left .bdr-gallery-item,
.bdr-gallery-right .bdr-gallery-item {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 5 / 4;
}

.bdr-gallery-center .bdr-gallery-item {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 16 / 9;
}


/* ----------------------------------------------------------
   6. RIQUADRI E FOTOGRAFIE
   ---------------------------------------------------------- */

.bdr-gallery-item {
  position: relative;

  min-width: 0;
  min-height: 0;

  margin: 0 !important;
  padding: 0;

  overflow: hidden;
  background-color: #302d27;
}

.bdr-gallery-item img {
  position: absolute;
  inset: 0;

  display: block;
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center center;

  border: 0;
  outline: 0;

  color: transparent;
  font-size: 0;

  transform: scale(1.015);
  transform-origin: center center;

  backface-visibility: hidden;
  will-change: transform;
}

.bdr-gallery-focus {
  z-index: 2;
}

.bdr-gallery-focus img {
  object-position: center center;
}


/* ----------------------------------------------------------
   7. HERO IN ESPANSIONE
   ---------------------------------------------------------- */

.bdr-gallery-hero {
  position: absolute;
  z-index: 4;

  top: 0;
  left: 0;

  width: 0;
  height: 0;

  margin: 0;
  padding: 0;

  overflow: hidden;
  pointer-events: none;

  visibility: hidden;
  opacity: 0;

  background-color: #302d27;

  transform: translate3d(0, 0, 0);
  transform-origin: center center;

  backface-visibility: hidden;
  will-change: top, left, width, height, opacity;
}

.bdr-gallery-hero img {
  display: block;
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center center;

  border: 0;

  transform: scale(1.015);
  transform-origin: center center;

  backface-visibility: hidden;
  will-change: transform;
}

.bdr-gallery-hero::after {
  content: "";

  position: absolute;
  z-index: 2;
  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(12, 11, 10, 0.06) 0%,
      rgba(12, 11, 10, 0.18) 48%,
      rgba(12, 11, 10, 0.46) 100%
    );

  opacity: var(--bdr-overlay-opacity, 0);

  pointer-events: none;
  will-change: opacity;
}


/* ----------------------------------------------------------
   8. TESTO FINALE
   ---------------------------------------------------------- */

.bdr-gallery-copy {
  position: absolute;
  z-index: 10;

  top: 50%;
  left: 50%;

  width: min(680px, calc(100vw - 48px));

  margin: 0;
  padding: 0;

  color: #f7f4ec;
  text-align: center;

  visibility: hidden;
  opacity: 0;
  filter: blur(8px);

  transform: translate3d(-50%, calc(-50% + 34px), 0);

  pointer-events: none;

  backface-visibility: hidden;
  will-change: opacity, filter, transform;
}

.bdr-gallery-eyebrow {
  display: block;

  margin: 0 0 22px;
  padding: 0;

  color: #f7f4ec;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;

  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.bdr-gallery-copy h2 {
  margin: 0 0 24px !important;
  padding: 0;

  color: #f7f4ec !important;

  font-family: "Quattrocento", Georgia, serif;
  font-size: clamp(64px, 8vw, 124px);
  font-weight: 400;
  line-height: 0.92;

  letter-spacing: -0.035em;
}

.bdr-gallery-copy p {
  width: 100%;
  max-width: 560px;

  margin: 0 auto 34px !important;
  padding: 0;

  color: #f7f4ec;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}

.bdr-gallery-copy a {
  position: relative;
  display: inline-block;

  margin: 0;
  padding: 0 0 7px;

  color: #f7f4ec !important;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;

  letter-spacing: 0.18em;
  text-decoration: none !important;
  text-transform: uppercase;

  pointer-events: auto;
}

.bdr-gallery-copy a::after {
  content: "";

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 1px;
  background-color: currentColor;

  transform: scaleX(1);
  transform-origin: left center;

  transition:
    transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bdr-gallery-copy a:hover::after,
.bdr-gallery-copy a:focus-visible::after {
  transform: scaleX(0);
  transform-origin: right center;
}


/* ----------------------------------------------------------
   9. TABLET
   ---------------------------------------------------------- */

@media (max-width: 1024px) {

  .banderari-gallery-scroll {
    height: 430vh;
  }

  .bdr-gallery-grid,
  .bdr-gallery-column {
    gap: 6px;
  }

  .bdr-gallery-copy {
    width: min(620px, calc(100vw - 56px));
  }

  .bdr-gallery-copy h2 {
    font-size: clamp(56px, 11vw, 92px);
  }

  .bdr-gallery-copy p {
    max-width: 500px;
    font-size: 15px;
  }
}


/* ----------------------------------------------------------
   10. SMARTPHONE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

  .banderari-gallery-scroll {
    height: 380vh;
  }

  .bdr-gallery-grid {
    width: 168vw;
    gap: 5px;
  }

  .bdr-gallery-column {
    gap: 5px;
  }

  .bdr-gallery-copy {
    width: calc(100vw - 40px);
  }

  .bdr-gallery-eyebrow {
    margin-bottom: 16px;
    font-size: 9px;
    letter-spacing: 0.18em;
  }

  .bdr-gallery-copy h2 {
    margin-bottom: 18px !important;

    font-size: clamp(50px, 18vw, 76px);
    line-height: 0.95;
    letter-spacing: -0.025em;
  }

  .bdr-gallery-copy p {
    max-width: 360px;
    margin-bottom: 26px !important;

    font-size: 14px;
    line-height: 1.55;
  }

  .bdr-gallery-copy a {
    font-size: 9px;
    letter-spacing: 0.15em;
  }
}


/* ----------------------------------------------------------
   11. SCHERMI DESKTOP BASSI
   ---------------------------------------------------------- */

@media (max-height: 700px) and (min-width: 768px) {

  .bdr-gallery-eyebrow {
    margin-bottom: 16px;
  }

  .bdr-gallery-copy h2 {
    margin-bottom: 18px !important;
    font-size: clamp(54px, 7vw, 96px);
  }

  .bdr-gallery-copy p {
    margin-bottom: 24px !important;

    font-size: 14px;
    line-height: 1.5;
  }
}


/* ----------------------------------------------------------
   12. MOVIMENTO RIDOTTO
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .banderari-gallery-scroll {
    height: 100vh;
    height: 100svh;
  }

  .bdr-gallery-sticky {
    position: relative;
  }

  .bdr-gallery-grid {
    opacity: 0;
  }

  .bdr-gallery-hero {
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  .bdr-gallery-copy {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;

    transform: translate3d(-50%, -50%, 0) !important;

    pointer-events: auto !important;
  }
}/* End custom CSS */