/* =============================================================
   MOBILE HAMBURGER MENU
   Visible solo <= 900px. Fullscreen overlay con voci:
   HOME, CONTENT, STRATEGY, ART DIRECTION, CONTATTACI
   ============================================================= */
.mm{
  display:none;
  position:fixed;
  top:14px; right:18px;
  z-index:1000;
}
.mm__burger{
  width:44px; height:44px;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:5px;
  background:#0b0b0c;
  border:1px solid #fff;
  cursor:pointer;
  padding:0;
  transition:background .18s ease, border-color .18s ease;
}
.mm__burger span{
  display:block;
  width:20px; height:2px;
  background:#fff;
  transition:transform .25s ease, opacity .2s ease;
}
.mm__burger:hover{ background:#C09050; border-color:#C09050; }
.mm.is-open .mm__burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.mm.is-open .mm__burger span:nth-child(2){ opacity:0; }
.mm.is-open .mm__burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.mm__panel{
  position:fixed;
  top:0; right:0;
  width:100%;
  height:100vh;
  background:#0b0b0c;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:0 36px;
  transform:translateX(100%);
  transition:transform .35s cubic-bezier(.6,.05,.2,.95);
  z-index:999;
}
.mm.is-open .mm__panel{ transform:translateX(0); }

.mm__list{
  list-style:none;
  margin:0; padding:0;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:0;
}
.mm__list li{
  border-top:1px solid #1c1c1f;
}
.mm__list li:last-child{ border-bottom:1px solid #1c1c1f; }
.mm__list a{
  display:block;
  padding:22px 4px;
  color:#fff;
  font-family:'Anton','Bebas Neue',sans-serif;
  font-size:32px;
  letter-spacing:.02em;
  text-transform:uppercase;
  line-height:1;
  text-decoration:none;
  transition:color .15s ease, padding-left .2s ease;
}
.mm__list a:hover,
.mm__list a.is-active{
  color:#C09050;
  padding-left:14px;
}

.mm__brand{
  position:absolute;
  top:18px; left:24px;
  font-family:'Abril Fatface', serif;
  font-size:22px;
  text-transform:lowercase;
  color:#fff;
  text-decoration:none;
  line-height:1;
}

@media (max-width:900px){
  .mm{ display:block; }
  body.mm-locked{ overflow:hidden; }
}
@media (max-width:420px){
  .mm__list a{ font-size:28px; padding:18px 4px; }
}