.moma-home-media[hidden],.moma-media-block[hidden]{display:none!important}
/* MOMÀ homepage: album pubblicati e locandine curate dalla Direzione. */
.moma-home-media{padding-top:40px;padding-bottom:55px;display:grid;gap:50px}
.moma-media-block{min-width:0}
.moma-media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}
.moma-media-heading h2{font:normal clamp(29px,4vw,44px) Georgia,serif;color:#f9f3ef;margin:7px 0 9px;line-height:1.1}
.moma-media-heading h2 em{color:#eac38a;font-weight:400}
.moma-media-heading p{color:#c9bdc3;font-size:14px;line-height:1.6;margin:0}
.moma-carousel-controls{display:flex;gap:8px;flex-shrink:0}
.moma-carousel-controls button{background:#201b25;color:#ecd0a3;border:1px solid #9c815f;border-radius:50%;width:47px;height:47px;font-size:23px;cursor:pointer}
.moma-carousel-controls button:hover,.moma-carousel-controls button:focus-visible{background:#eac38a;color:#120e13}
.moma-media-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding-bottom:15px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8b6d52 #1a1720}
.moma-media-card{min-width:0;flex:0 0 calc((100% - 36px)/3);display:flex;flex-direction:column;scroll-snap-align:start;overflow:hidden;border:1px solid #615044;border-radius:13px;background:#161721;text-decoration:none;color:#fff;transition:transform .22s ease,border-color .22s ease}
.moma-media-card:hover,.moma-media-card:focus-visible{transform:translateY(-3px);border-color:#e1b67b}
.moma-media-card img{width:100%;height:250px;display:block;object-fit:cover;background:#211e27}
.moma-poster-track .moma-media-card img{width:100%;height:410px;object-fit:contain;object-position:center;background:linear-gradient(135deg,#15121d,#090a0e)}
.moma-media-caption{display:flex;flex-direction:column;gap:7px;padding:15px 16px;min-height:72px}
.moma-media-caption strong{font-size:15px;color:#f9e7cf;line-height:1.4}
.moma-media-caption small{font-size:12px;color:#c0a997}
.moma-gallery-all{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:12px 18px;color:#1c120d;background:#edc78d;border-radius:8px;font-size:13px;font-weight:750;text-decoration:none}
.moma-gallery-all:hover{background:#f7dba9}
@media(max-width:880px){
  .moma-home-media{gap:52px;padding-top:46px;padding-bottom:46px}
  .moma-media-card{flex-basis:calc((100% - 18px)/2)}
  .moma-media-card img{height:210px}
  .moma-poster-track .moma-media-card img{height:350px}
}
@media(max-width:620px){
  .moma-home-media{gap:42px}
  .moma-media-heading{align-items:flex-start}
  .moma-media-heading h2{font-size:30px}
  .moma-carousel-controls button{width:39px;height:39px;font-size:18px}
  .moma-media-card{flex-basis:80%}
  .moma-media-card img{height:215px}
  .moma-poster-track .moma-media-card img{height:375px}
  .moma-media-caption{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){.moma-media-card{transition:none}.moma-media-track{scroll-behavior:auto}}

/* Le locandine 9:16, 16:9 e 1:1 vengono sempre adattate senza ritagli. */
.moma-poster-track .moma-media-card img{max-width:100%;margin:auto;display:block}
@media(max-width:620px){.moma-home-media{padding-top:22px;gap:36px;padding-bottom:42px}}

/* Reel MOMÀ: solo copertine statiche sulla home, nessun embed di Instagram all'apertura. */
.moma-reel{position:relative}
.moma-reels-track .moma-reel img{height:360px;aspect-ratio:9/16;object-fit:cover;object-position:center}
.moma-reel-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 background:rgba(13,10,18,.86);border:1px solid rgba(255,255,255,.72);border-radius:50%;
 width:58px;height:58px;display:grid;place-items:center;color:#f8dfbd;font-size:19px;padding-left:3px}
@media(max-width:880px){.moma-reels-track .moma-reel img{height:310px}}
@media(max-width:620px){.moma-reels-track .moma-reel img{height:370px}}


/* Video Reel autentici, solo il Reel in primo piano carica il flusso. */
.moma-reel{background:#090a11;align-self:stretch}
.moma-reels-track .moma-reel-video{display:block;width:100%;height:360px;object-fit:contain;background:#090a11}
.moma-reel .moma-reel-open{display:block;padding:11px 14px;text-align:center;text-decoration:none;font-size:12px;font-weight:700;color:#f4c88a;background:#15131b}
.moma-reel .moma-reel-open:hover{background:#261d23}
@media(max-width:880px){.moma-reels-track .moma-reel-video{height:310px}}
@media(max-width:620px){.moma-reels-track .moma-reel-video{height:370px}}


/* Griglia Reel statica: nessuno scorrimento orizzontale, 3 colonne desktop. */
.moma-reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;padding-bottom:0;min-width:0}
.moma-reels-grid .moma-reel{min-width:0;width:100%;flex:none;scroll-snap-align:none}
.moma-reels-grid .moma-reel-video{width:100%;height:360px;object-fit:contain;background:#08090f}
.moma-instagram-follow{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#edc78d;color:#20130d;
  text-decoration:none;font-size:14px;font-weight:800;line-height:1.2;padding:14px 18px;border-radius:9px;
  border:1px solid #f6d8a4;white-space:nowrap;min-height:50px;transition:background .2s}
.moma-instagram-follow:hover,.moma-instagram-follow:focus-visible{background:#ffe0ad;color:#1d120d}
.moma-reels-grid .moma-reel-open{font-size:13px;font-weight:750;padding:14px}
@media(max-width:900px){.moma-reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moma-reels-grid .moma-reel-video{height:350px}}
@media(max-width:620px){.moma-reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.moma-reels-grid .moma-reel-video{height:250px}
.moma-instagram-follow{width:100%;white-space:normal;font-size:13px}
#moma-reels-block .moma-media-heading{flex-direction:column;align-items:stretch;gap:15px}
.moma-reels-grid .moma-reel-open{font-size:12px;padding:11px 5px}}
@media(max-width:380px){.moma-reels-grid{grid-template-columns:1fr}.moma-reels-grid .moma-reel-video{height:400px}}


/* Reel in un'unica fascia come in origine: niente carousel, niente seconda riga. */
.moma-reels-grid{display:flex;flex-wrap:nowrap;gap:18px;overflow:hidden;padding-bottom:0}
.moma-reels-grid .moma-reel{flex:0 0 calc((100% - 36px)/3);width:calc((100% - 36px)/3);min-width:0;max-width:100%;align-self:stretch}
.moma-reels-grid .moma-reel-video{width:100%;height:360px;max-height:360px;object-fit:contain;background:#101017}
.moma-reels-grid .moma-reel-fallback{width:100%;height:360px;max-height:360px;object-fit:contain;display:block;background:#101017}
.moma-reels-grid .moma-reel-fallback-message{font-size:12px;line-height:1.4;display:block;text-align:center;color:#f5d5ac;padding:7px 9px}
@media(max-width:900px){
  .moma-reels-grid{gap:12px}
  .moma-reels-grid .moma-reel{flex-basis:calc((100% - 24px)/3);width:calc((100% - 24px)/3)}
  .moma-reels-grid .moma-reel-video,.moma-reels-grid .moma-reel-fallback{height:290px;max-height:290px}
}
@media(max-width:620px){
  .moma-reels-grid{flex-direction:column;gap:14px}
  .moma-reels-grid .moma-reel{flex:0 1 auto;width:100%}
  .moma-reels-grid .moma-reel-video,.moma-reels-grid .moma-reel-fallback{height:400px;max-height:400px}
}


/* Ripristino navigazione: tre schede visibili, frecce manuali e swipe, senza autoplay del carosello. */
.moma-reels-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:18px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.moma-reels-grid::-webkit-scrollbar{display:none}
.moma-reels-grid .moma-reel{flex:0 0 calc((100% - 36px)/3);width:calc((100% - 36px)/3);
  min-width:0;scroll-snap-align:start}
.moma-reels-grid .moma-reel-video,.moma-reels-grid .moma-reel-fallback{height:360px;max-height:360px}
#moma-reels-block .moma-media-heading{flex-direction:row;align-items:flex-end;flex-wrap:wrap}
#moma-reels-block .moma-carousel-controls{margin-left:auto}
#moma-reels-block .moma-carousel-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:900px){
 .moma-reels-grid{gap:12px}
 .moma-reels-grid .moma-reel{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2)}
}
@media(max-width:620px){
 .moma-reels-grid{flex-direction:row;gap:12px}
 .moma-reels-grid .moma-reel{flex:0 0 84%;width:84%}
 .moma-reels-grid .moma-reel-video,.moma-reels-grid .moma-reel-fallback{height:360px;max-height:360px}
 #moma-reels-block .moma-media-heading{align-items:flex-start}
 #moma-reels-block .moma-carousel-controls{margin-left:0}
 .moma-instagram-follow{width:auto;flex:1}
}
@media(prefers-reduced-motion:reduce){.moma-reels-grid{scroll-behavior:auto}}