/* 3.19.78: an uninterrupted home story and a dedicated photographic method. */
html body .mgx-home-page #mgx-faq { scroll-margin-top:calc(var(--mgx-header-height,88px) + 20px); }
html body .mgx-home-page #mgx-metodo .mgx-method-page-link { text-decoration:none!important; }
html body .mgx-home-page #mgx-metodo .mgx-method-page-link__intro {
  display:block; margin:24px auto 0; max-width:50ch; font-size:clamp(16px,1.5vw,20px); line-height:1.65; color:#FFF9F9;
}
html body .mgx-shop.mgx-method-page,
html body .mgx-method-page #mgx-main-content {
  width:100%!important; max-width:none!important; margin:0!important; padding:0!important;
}
/* 3.19.89: the method opens with the artisan, the brand palette and an editorial rhythm. */
html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__intro {
  width:100%; max-width:none; margin:0; padding:0; background:transparent; border:0; border-radius:0;
}
html body .mgx-method-page .mgx-method-page__opening {
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); min-height:clamp(620px,54vw,800px);
}
html body .mgx-method-page .mgx-method-page__copy {
  display:flex; flex-direction:column; justify-content:center; min-width:0;
  padding:clamp(48px,5.5vw,88px) clamp(36px,5.6vw,100px);
}
html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__eyebrow {
  display:flex; align-items:center; gap:14px; margin:0 0 26px; color:#0D2A3D;
  font-size:13px; line-height:1.5; letter-spacing:.06em; font-weight:500; text-transform:none;
}
html body .mgx-method-page .mgx-method-page__eyebrow::before {
  content:""; flex:0 0 28px; height:1px; background:#D7644D;
}
html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__intro h1 {
  margin:0!important; max-width:15ch; color:#0D2A3D!important;
  font-family:inherit!important; font-size:clamp(42px,4.7vw,72px)!important; line-height:1.06!important;
  letter-spacing:-.045em!important; font-weight:400!important; text-transform:none!important;
}
html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__intro h1 span {
  display:block; color:#D7644D!important; font:inherit!important; letter-spacing:inherit!important; text-transform:none!important;
}
html body .mgx-method-page .mgx-method-page__preface {
  display:grid; grid-template-columns:1fr; gap:18px; margin:30px 0 0; max-width:46ch;
}
html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__preface p {
  margin:0!important; color:#0D2A3D!important; font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.7!important; font-weight:400; letter-spacing:0;
}
html body .mgx-method-page .mgx-method-page__portrait { position:relative; min-width:0; margin:0; overflow:hidden; }
html body .mgx-method-page .mgx-method-page__portrait img {
  position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; margin:0;
  object-fit:cover; object-position:50% 50%; border:0; border-radius:0; box-shadow:none;
}
html body .mgx-method-page .mgx-method-page__index {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px;
  width:min(1160px,calc(100% - 80px)); margin:0 auto; padding:24px 0; border:0;
}
html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__index a {
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px;
  min-height:76px; padding:12px 0; color:#0D2A3D!important; background:transparent!important;
  border:0; border-radius:0; box-shadow:none; font-size:15px; line-height:1.45;
  font-weight:400; letter-spacing:0; text-transform:none; text-decoration:none!important;
}
html body .mgx-method-page .mgx-method-page__index-number { color:#D7644D; font-size:13px; letter-spacing:.04em; }
html body .mgx-method-page .mgx-method-page__index-arrow { font-size:18px; transition:transform .2s ease; }
html body .mgx-method-page .mgx-method-page__index a:hover .mgx-method-page__index-title {
  text-decoration:underline; text-decoration-color:#D7644D; text-underline-offset:6px;
}
html body .mgx-method-page .mgx-method-page__index a:hover .mgx-method-page__index-arrow { transform:translate(2px,-2px); }
html body .mgx-method-page .mgx-method-page__index a:focus-visible { outline:2px solid #0D2A3D; outline-offset:6px; }
@media(min-width:1600px) {
 html body .mgx-method-page .mgx-method-page__opening { grid-template-columns:minmax(0,1fr) minmax(0,700px); min-height:880px; }
 html body .mgx-method-page .mgx-method-page__copy { padding-left:max(80px,calc((100vw - 1360px)/2)); }
}
@media(max-width:1000px) and (min-width:761px) {
 html body .mgx-method-page .mgx-method-page__copy { padding:44px 32px; }
 html body .mgx-method-page .mgx-method-page__index { gap:24px; }
 html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__index a { gap:8px; font-size:13px; }
}
@media(max-width:760px) {
 html body .mgx-method-page .mgx-method-page__opening { grid-template-columns:1fr; min-height:0; }
 html body .mgx-method-page .mgx-method-page__copy { padding:40px 24px 36px; }
 html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__eyebrow { margin-bottom:20px; font-size:12px; }
 html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__intro h1 { font-size:clamp(38px,8.4vw,54px)!important; }
 html body .mgx-method-page .mgx-method-page__preface { gap:16px; margin-top:24px; max-width:52ch; }
 html body .mgx-method-page .mgx-method-page__portrait { aspect-ratio:4/5; max-height:620px; }
 html body .mgx-method-page .mgx-method-page__portrait img { object-position:50% 55%; }
 html body .mgx-method-page .mgx-method-page__index { grid-template-columns:1fr 1fr; width:calc(100% - 48px); gap:0 24px; padding:20px 0; }
 html body .mgx-shop.mgx-method-page #mgx-main-content .mgx-method-page__index a { gap:8px; min-height:76px; font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { html body .mgx-method-page .mgx-method-page__index-arrow { transition:none; } }
html body .mgx-method-page .mgx-method-chapter {
  position:relative; isolation:isolate; width:100%; max-width:none; min-height:calc(100svh - var(--mgx-header-height,88px));
  margin:0; padding:clamp(48px,6vw,88px) max(40px,calc((100vw - 1160px)/2));
  display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; background:#0D2A3D; color:#FFF9F9;
  border:0; border-radius:0; scroll-margin-top:var(--mgx-header-height,88px);
}
html body .mgx-method-page .mgx-method-chapter__media { position:absolute; inset:0; z-index:-2; overflow:hidden; }
html body .mgx-method-page .mgx-method-chapter__media img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 50%; border:0; border-radius:0; }
/* Reframe original film stills above their burned-in subtitles, without altering the source. */
html body .mgx-method-page .mgx-method-chapter__media--film img { height:142%; object-position:center top; }
html body .mgx-method-page .mgx-method-chapter--asciugatura img { object-position:50% 50%; }
html body .mgx-method-page .mgx-method-chapter::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(5,20,31,.94) 0%,rgba(5,20,31,.7) 32%,rgba(5,20,31,.04) 82%); pointer-events:none; }
html body .mgx-method-page .mgx-method-chapter__content { max-width:690px; }
html body .mgx-method-page .mgx-method-chapter__number { display:block; margin-bottom:16px; font-size:14px; font-weight:600; letter-spacing:.12em; color:#D7644D; }
html body .mgx-method-page .mgx-method-chapter h2 {
  margin:0 0 24px!important; max-width:22ch; font-size:clamp(36px,4.5vw,62px)!important; font-weight:400!important;
  line-height:1.1!important; letter-spacing:-.035em!important; color:#FFF9F9!important; text-wrap:balance;
}
html body .mgx-method-page .mgx-method-chapter p { margin:0!important; max-width:54ch; font-size:clamp(17px,1.6vw,21px)!important; line-height:1.65!important; color:#FFF9F9!important; }
html body .mgx-method-page .mgx-method-chapter :focus-visible { outline-color:#FFF9F9!important; }
@media(max-width:600px) {
 html body .mgx-method-page .mgx-method-chapter { padding:56px 24px; }
 html body .mgx-method-page .mgx-method-chapter h2 { font-size:38px!important; margin-bottom:20px!important; }
 html body .mgx-method-page .mgx-method-chapter__number { margin-bottom:14px; }
 html body .mgx-home-page #mgx-metodo .mgx-method-page-link__intro { font-size:16px; }
}