/* Mutuo under 36 — showcase 3D (paesaggio 3D, centro libero) */
.mutuo-showcase{
  --mutuo-gold:#d4af6a;
  --mutuo-gold2:#e8c96a;
}

.mutuo-showcase #mutuo-canvas-wrap{
  position:fixed;inset:0;z-index:0;pointer-events:none;
}
.mutuo-showcase #mutuo-canvas-wrap canvas{
  display:block;width:100%;height:100%;
}

.mutuo-showcase .b3d-scroll-layer{z-index:2}
.mutuo-showcase .b3d-header{z-index:4}
.mutuo-showcase .b3d-progress{z-index:5}
.mutuo-showcase .b3d-loading{z-index:6;color:var(--mutuo-gold2)}
.mutuo-showcase .b3d-scroll-hint{
  z-index:6;
  border-color:rgba(212,175,106,.45);
  background:rgba(13,17,23,.88);
}

/* Sezioni scroll: spazio vuoto al centro, didascalia compatta in basso */
.mutuo-showcase .b3d-section{
  min-height:100vh;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0 1rem 2.75rem;
  text-align:center;
  pointer-events:none;
}
.mutuo-showcase .b3d-section__inner{
  max-width:min(340px,88vw);
  margin:0;
  padding:.55rem 1rem .65rem;
  background:rgba(13,17,23,.72);
  border:1px solid rgba(212,175,106,.22);
  border-radius:999px;
  backdrop-filter:blur(10px);
  box-shadow:0 8px 28px rgba(0,0,0,.35);
}
.mutuo-showcase .b3d-kicker{
  margin-bottom:.2rem;
  font-size:.58rem;
}
.mutuo-showcase .b3d-section h2{
  font-size:clamp(1.05rem,3.2vw,1.35rem);
  margin-bottom:0;
  line-height:1.25;
  text-shadow:none;
}
.mutuo-showcase .b3d-section h2 em{color:var(--mutuo-gold2)}
.mutuo-showcase .b3d-section p{display:none}

@media(max-width:768px){
  .mutuo-showcase .b3d-section{
    min-height:55vh;
    padding:0 .75rem 1.75rem;
  }
  .mutuo-showcase .b3d-section__inner{
    max-width:92vw;
    padding:.5rem .85rem .6rem;
  }
  .mutuo-showcase .b3d-section h2{font-size:1rem}
}

@media(prefers-reduced-motion:reduce){
  .mutuo-showcase .b3d-scroll-hint{display:none}
}