/* Mask-only composition. Accepted shared width/type/button/motion rules are not edited. */
body[data-page="face-mask"] .sf-hero-visual img { object-fit:contain; background:var(--yz-porcelain); }
body[data-page="face-mask"] #family-formats .mf38-groups { display:grid; gap:64px; }
body[data-page="face-mask"] #family-formats .mf38-group { border-top:1px solid var(--yz-border-dark,rgba(13,59,49,.18)); padding-top:28px; }
body[data-page="face-mask"] #family-formats .mf38-group-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:9%; align-items:end; margin-bottom:28px; }
body[data-page="face-mask"] #family-formats .mf38-group-heading h3 { font-size:40px; margin-top:16px; }
body[data-page="face-mask"] #family-formats .mf38-composition { display:grid; grid-template-columns:1.5fr 1fr; gap:48px; align-items:start; }
body[data-page="face-mask"] #family-formats .mf38-group-visual img { width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
body[data-page="face-mask"] #family-formats .mf38-group-visual figcaption { position:static; }
body[data-page="face-mask"] #family-formats .mf38-format-references { display:grid; gap:28px; }
body[data-page="face-mask"] #family-formats .mf38-format-references article { border-bottom:1px solid rgba(13,59,49,.18); padding-bottom:20px; min-width:0; }
body[data-page="face-mask"] #family-formats .mf38-format-references h4 { font:400 30px/1.14 var(--font-display); letter-spacing:-.025em; margin:12px 0; }
body[data-page="face-mask"] #family-formats .mf38-format-references p+p { margin-top:12px; }
body[data-page="face-mask"] #family-formats .mf38-format-references .sf-link { margin-top:8px; }
body[data-page="face-mask"] #family-formats .sf-related-format { margin-top:40px; }
/* Documentary image remains within its native resolution; no AI upscale or scene crop. */
body[data-page="face-mask"] .sf-manufacturing-grid .mf38-real-factory { background:var(--yz-ivory-100); }
body[data-page="face-mask"] .sf-manufacturing-grid .mf38-real-factory img { position:absolute; inset:0; margin:auto; width:min(100%,464px); height:auto; max-height:calc(100% - 60px); object-fit:contain; }
@media(max-width:1024px) {
 body[data-page="face-mask"] #family-formats .mf38-composition { grid-template-columns:1fr; gap:28px; }
 body[data-page="face-mask"] #family-formats .mf38-format-references { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
}
@media(max-width:800px) {
 body[data-page="face-mask"] #family-formats .mf38-group-heading { grid-template-columns:1fr; gap:18px; }
}
@media(max-width:560px) {
 body[data-page="face-mask"] .sf-packaging-visual img { object-fit:contain; background:var(--yz-porcelain); }
 body[data-page="face-mask"] #family-formats .mf38-format-references { grid-template-columns:1fr; }
 body[data-page="face-mask"] #family-formats .mf38-groups { gap:40px; }
}