/* Three local directions; shared authentic content and media. */
.mm-bottega { padding-block:clamp(3rem,7vw,7rem); border-block:1px solid var(--line); }
.mm-bottega__grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:2rem 5vw; align-items:center; }
.mm-bottega__copy { max-width:30rem; font-size:1.125rem; line-height:1.6; }
.mm-bottega__copy p { margin:0 0 1.5rem; }
.mm-field[hidden] { display:none; }
.mm-field { grid-area:field; min-width:0; }
.mm-field canvas { display:block; width:100%; height:clamp(10rem,20vw,20rem); background:#f0eadc; }
.mm-field button { font:inherit; font-size:.875rem; color:var(--ink); background:none; border:0; text-decoration:underline; padding:.75rem 0; min-height:44px; cursor:pointer; }
.mm-field button:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
html[data-direction="essenziale"] .hero__media { height:min(64svh,48vw); min-height:18rem; }
html[data-direction="essenziale"] .mm-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); grid-template-areas:'heading heading' 'field welcome'; gap:2.5rem 3rem; padding-block:3rem; }
html[data-direction="essenziale"] .mm-intro__row { grid-area:heading; border-bottom:1px solid var(--line); padding-bottom:2rem; }
html[data-direction="essenziale"] .mm-intro__title { font:500 clamp(3.5rem,8vw,8rem)/.96 var(--sans); letter-spacing:-.07em; width:100%; }
html[data-direction="essenziale"] .mm-intro__welcome { grid-area:welcome; font:400 clamp(1.35rem,2.4vw,2.3rem)/1.3 var(--sans); letter-spacing:-.035em; align-self:center; margin:0; color:var(--ink); }
html[data-direction="essenziale"] .mm-journey__stage { display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:4rem max(1.25rem,5vw); gap:4rem; }
html[data-direction="essenziale"] .mm-journey__visual { aspect-ratio:1; }
html[data-direction="essenziale"] .mm-journey__reading { padding:0; }
html[data-direction="essenziale"] .mm-journey__reading h2 { font-family:var(--sans); font-weight:500; }
html[data-direction="editoriale"] .hero__media { width:calc(100% - 4rem); margin-inline:auto; height:68svh; }
html[data-direction="editoriale"] .mm-intro { text-align:center; max-width:76rem; padding-block:4rem 6rem; }
html[data-direction="editoriale"] .mm-intro__row { justify-content:center; }
html[data-direction="editoriale"] .mm-intro__title { width:100%; font-size:clamp(4rem,10vw,10rem); line-height:1; }
html[data-direction="editoriale"] .mm-intro__welcome { margin-inline:auto; max-width:36rem; font-size:clamp(1.4rem,2.3vw,2.15rem); }
html[data-direction="editoriale"] .mm-journey__stage { padding:2rem max(1.25rem,7vw) 5rem; display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:6vw; }
html[data-direction="editoriale"] .mm-journey__visual { aspect-ratio:4/5; }
html[data-direction="editoriale"] .mm-journey__visual picture { transform:translateY(var(--editorial-shift,0px)) scale(1.06); }
html[data-direction="editoriale"] .mm-journey__reading { padding:0; }
html[data-direction="editoriale"] .mm-journey__reading h2 { font-style:italic; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 html[data-direction="editoriale"] .text-link { transition:letter-spacing 180ms ease; }
 html[data-direction="editoriale"] .text-link:hover { letter-spacing:.04em; }
}
@media (max-width:760px) {
 .mm-bottega__grid { grid-template-columns:1fr; }
 html[data-direction="essenziale"] .mm-intro { grid-template-columns:1fr; grid-template-areas:'heading' 'field' 'welcome'; gap:1.5rem; }
 html[data-direction="essenziale"] .mm-intro__title { font-size:clamp(3rem,14vw,6rem); }
 html[data-direction="essenziale"] .mm-journey__stage, html[data-direction="editoriale"] .mm-journey__stage { display:block; padding:2rem 1.25rem 4rem; }
 html[data-direction="essenziale"] .mm-journey__reading, html[data-direction="editoriale"] .mm-journey__reading { padding-top:2rem; }
 html[data-direction="editoriale"] .hero__media { width:calc(100% - 1.5rem); height:58svh; }
 html[data-direction="editoriale"] .mm-intro { padding-block:2rem 3rem; }
}
@media (prefers-reduced-motion:reduce) { html[data-direction="editoriale"] .mm-journey__visual picture { transform:none; } }

/* G06 — il filmato mobile conserva l'inquadratura orizzontale; in verticale il
   riquadro 4:3 ne mostra circa il 70%, non il 30% della vecchia colonna ritagliata.
   Titolo e benvenuto restano sotto il video. Desktop e sorgente originale invariati. */
@media (max-width: 600px) and (orientation: portrait) {
 html[data-direction] .hero__media { height:auto; min-height:0; aspect-ratio:4 / 3; }
 html[data-direction] .hero__video { position:absolute; inset:0; object-position:50% 50%; }
}
