/* T08: metal/glass landing and its four collections only. */
html body main[data-mg-layout] { --ml-ink:#282726; --ml-muted:#686461; --ml-line:#e2ddd8; --ml-tint:#f7f5f2; --ml-accent:#a01b69; background:#fff!important; color:var(--ml-ink); width:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
html body main[data-mg-layout] :is(.d05-wrap,.mg-wrap,.kc6-breadcrumb,.qa-hero,.spv-section,.pr-spec,.mc-section,.flc-section,.pe-all,.pt-family,.pv-details,.kseo-related,.p2-related,.ml-family-nav) { width:min(1440px,calc(100% - 96px))!important; max-width:1440px!important; margin-inline:auto!important; box-sizing:border-box!important; }
html body main[data-mg-layout] :is(h1,h2,h3,p) { text-align:left!important; }
html body main[data-mg-layout] h1 { font-size:clamp(36px,3.8vw,60px)!important; line-height:1.12!important; letter-spacing:-.035em!important; font-weight:500!important; margin:0 0 24px!important; }
html body main[data-mg-layout] h2 { font-size:clamp(28px,2.6vw,40px)!important; line-height:1.2!important; letter-spacing:-.025em!important; font-weight:500!important; margin:0 0 18px!important; }
html body main[data-mg-layout] h3 { font-size:20px!important; line-height:1.35!important; font-weight:500!important; margin:0 0 12px!important; }
html body main[data-mg-layout] p { font-size:16px!important; line-height:1.75!important; color:var(--ml-muted); }
html body main[data-mg-layout] :is(.d05-eyebrow,.qa-eyebrow,.mg-kicker,.mc-label,.flc-eyebrow) { display:block; font-size:11px!important; font-weight:500!important; letter-spacing:.14em!important; line-height:1.6!important; color:var(--ml-accent)!important; margin:0 0 14px!important; }
html body main[data-mg-layout] .kc6-breadcrumb { padding:24px 0!important; font-size:13px!important; }
html body main[data-mg-layout] #product-introduction { display:grid!important; grid-template-columns:1.08fr 1fr!important; align-items:center!important; gap:clamp(32px,5vw,80px)!important; padding:8px 0 40px!important; }
html body main[data-mg-layout] #product-introduction :is(figure,.qa-hero-media) { width:100%!important; height:560px!important; max-height:none!important; margin:0!important; aspect-ratio:auto!important; overflow:hidden!important; background:var(--ml-tint)!important; }
html body main[data-mg-layout] #product-introduction img { position:static!important; width:100%!important; height:100%!important; max-height:none!important; object-fit:cover!important; object-position:center!important; aspect-ratio:auto!important; transform:none!important; }
html body main[data-mg-layout] #product-introduction :is(.qa-intro,[data-kseo-lead]) { max-width:590px!important; margin:0!important; font-size:16px!important; line-height:1.75!important; }
html body main[data-mg-layout] :is(.d05-actions,.qa-actions) { display:flex!important; flex-wrap:wrap!important; flex-direction:row!important; align-items:center!important; gap:16px 24px!important; margin-top:28px!important; }
html body main[data-mg-layout] :is(.d05-primary,.qa-button,.mc-button,.flc-button) { min-height:48px!important; padding:13px 22px!important; background:var(--ml-accent)!important; border:1px solid var(--ml-accent)!important; color:#fff!important; font-size:14px!important; line-height:1.5!important; border-radius:2px!important; text-decoration:none!important; }
html body main[data-mg-layout] :is(.d05-primary,.qa-button,.mc-button,.flc-button):hover { background:#7f1453!important; border-color:#7f1453!important; }
html body main[data-mg-layout] :is(.d05-link,.qa-link) { min-height:44px!important; font-size:14px!important; line-height:1.6!important; }
html body main[data-mg-layout] >section.d05-section[id] { padding-block:56px!important; }
html body main[data-mg-layout] >section.d05-tint[id],html body main[data-mg-layout] >.mg-tint { background:var(--ml-tint)!important; }
html body main[data-mg-layout] .d05-heading { max-width:860px!important; margin:0 0 30px!important; }
html body main[data-mg-layout] .d05-heading>p:last-child { margin-bottom:0!important; }
html body main[data-mg-layout] .spv-section { padding:0!important; margin-block:0 32px!important; }
html body main[data-mg-layout] .spv-gallery { margin:0!important; gap:20px!important; grid-template-columns:repeat(var(--spv-count),minmax(0,1fr))!important; }
html body main[data-mg-layout] .spv-gallery figure { height:280px!important; margin:0!important; background:var(--ml-tint)!important; }
html body main[data-mg-layout] .spv-gallery img { height:100%!important; max-height:none!important; width:100%!important; object-fit:cover!important; }
html body main[data-mg-layout] .spv-gallery [data-spv-fit="contain"] img { object-fit:contain!important; padding:16px!important; }
html body main[data-mg-layout] .spv-gallery[data-count="1"] { max-width:none!important; }
html body main[data-mg-layout] .spv-gallery[data-count="1"] figure { height:300px!important; }
html body main[data-mg-layout] .spv-gallery[data-count="1"] img { object-fit:contain!important; }
html body main[data-mg-layout] .pr-spec { padding:24px 0!important; margin-block:0 16px!important; border-block:1px solid var(--ml-line)!important; }
html body main[data-mg-layout] .pr-spec h2 { font-size:24px!important; }
html body main[data-mg-layout] .pr-spec p { font-size:14px!important; }
html body main[data-mg-layout] .ml-family-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
html body main[data-mg-layout] .ml-family-card { display:block; min-width:0; text-decoration:none; color:var(--ml-ink); }
html body main[data-mg-layout] .ml-family-card figure { margin:0 0 18px; overflow:hidden; background:var(--ml-tint); }
html body main[data-mg-layout] .ml-family-card img { display:block!important; width:100%!important; height:270px!important; object-fit:cover!important; transition:transform .25s ease; }
html body main[data-mg-layout] .ml-family-card:hover img { transform:scale(1.025); }
html body main[data-mg-layout] .ml-family-card h3 { font-size:19px!important; }
html body main[data-mg-layout] .ml-family-card span { display:inline-block; border-bottom:1px solid #c9b8c2; padding:4px 0 8px; font-size:13px; color:var(--ml-accent); }
html body main[data-mg-layout] .ml-family-nav { display:flex; flex-wrap:wrap; gap:8px; padding:18px 0!important; margin-bottom:24px!important; border-block:1px solid var(--ml-line); }
html body main[data-mg-layout] .ml-family-nav a { display:flex; align-items:center; padding:11px 18px; font-size:14px; line-height:1.4; color:var(--ml-muted); text-decoration:none; border:1px solid transparent; }
html body main[data-mg-layout] .ml-family-nav a[aria-current="page"] { color:var(--ml-accent); background:#f8edf3; border-color:#ead4e0; }
html body main[data-mg-layout] .ml-family-nav a:hover { color:var(--ml-accent); border-color:#ead4e0; }
html body main[data-mg-layout] .d05-split { grid-template-columns:1fr 1fr!important; gap:56px!important; }
html body main[data-mg-layout] #detail-review .d05-split img { width:100%!important; height:420px!important; object-fit:cover!important; }
html body main[data-mg-layout] #materials-finishes .d05-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:36px!important; align-items:start!important; }
html body main[data-mg-layout] .d05-reference { display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:24px; align-items:center; border:0!important; border-top:1px solid var(--ml-line)!important; padding:24px 0!important; background:#fff; }
html body main[data-mg-layout] .d05-reference-image { height:auto!important; width:100%!important; margin:0!important; background:transparent!important; }
html body main[data-mg-layout] .d05-reference-image img { width:100%!important; height:auto!important; max-height:390px!important; aspect-ratio:var(--ml-reference-ratio,1)!important; object-fit:contain!important; padding:0!important; }
html body main[data-mg-layout] .ml-reference-copy { min-width:0; }
html body main[data-mg-layout] .d05-reference :is(dt,dd) { font-size:13px!important; line-height:1.6!important; }
html body main[data-mg-layout] .d05-reference h3 { font-size:18px!important; }
html body main[data-mg-layout] .d05-reference .d05-link { font-size:12px!important; }
html body main[data-mg-layout] .d05-library .mc-section { width:100%!important; padding-inline:0!important; margin:24px 0!important; }
html body main[data-mg-layout] #assembly .d05-split { align-items:start!important; }
html body main[data-mg-layout] #assembly img { height:auto!important; max-height:none!important; width:100%!important; aspect-ratio:auto 1280/1706!important; object-fit:contain!important; }
html body main[data-mg-layout] #assembly .d05-steps { display:grid!important; grid-template-columns:1fr!important; gap:18px!important; margin-top:24px!important; }
html body main[data-mg-layout] #assembly .d05-steps article { padding-top:18px!important; }
html body main[data-mg-layout] #assembly .d05-steps h3 { margin-top:10px!important; font-size:18px!important; }
html body main[data-mg-layout] #assembly .d05-steps p { font-size:14px!important; }
html body main[data-mg-layout] :is(#system-boundaries,#reference-library) { padding-block:40px!important; }
html body main[data-mg-layout] .kseo-related { margin-block:0!important; padding-block:32px!important; }
html body main[data-mg-layout] .kseo-related h2 { font-size:25px!important; }
html body main[data-mg-layout] .ml-system-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px!important; margin:0!important; }
html body main[data-mg-layout] .ml-system-card { display:block; min-width:0; color:var(--ml-ink); text-decoration:none; border-bottom:1px solid var(--ml-line); padding-bottom:18px; }
html body main[data-mg-layout] .ml-system-card figure { margin:0 0 20px!important; overflow:hidden; background:var(--ml-tint); }
html body main[data-mg-layout] .ml-system-card img { display:block!important; width:100%!important; height:auto!important; aspect-ratio:8/5!important; object-fit:cover!important; transition:transform .25s ease; }
html body main[data-mg-layout] .ml-system-card:hover img { transform:scale(1.025); }
html body main[data-mg-layout] .ml-system-copy h3 { font-size:22px!important; margin:0 0 8px!important; }
html body main[data-mg-layout] .ml-system-copy>span { display:inline-block; color:var(--ml-accent); font-size:13px; line-height:1.6; }
html body main[data-mg-layout] #often-consolidated .ml-pair-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:26px!important; list-style:none!important; margin:24px 0 0!important; padding:0!important; }
html body main[data-mg-layout] #often-consolidated .ml-pair-grid li { margin:0!important; padding:0!important; border:0!important; }
html body main[data-mg-layout] #often-consolidated a.ml-pair-card { display:grid!important; grid-template-columns:112px minmax(0,1fr); align-items:center; gap:18px; padding:16px 0!important; border-block:1px solid var(--ml-line); text-decoration:none!important; color:var(--ml-ink)!important; }
html body main[data-mg-layout] .ml-pair-card img { display:block!important; width:112px!important; height:88px!important; object-fit:cover!important; }
html body main[data-mg-layout] .ml-pair-card span { font-size:16px; line-height:1.5; }
html body main[data-mg-layout] .ml-pair-card:hover span { color:var(--ml-accent); }
html body main[data-mg-layout] .ml-curated-section { width:min(1440px,calc(100% - 96px)); margin:0 auto!important; padding:48px 0 56px!important; scroll-margin-top:110px; }
html body main[data-mg-layout] .ml-curated-heading { max-width:840px; margin-bottom:32px; }
html body main[data-mg-layout] .ml-curated-heading>p:last-child { margin-bottom:0; }
html body main[data-mg-layout] .ml-curated-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
html body main[data-mg-layout] .ml-curated-card { min-width:0; padding:0 0 20px; border-bottom:1px solid var(--ml-line); }
html body main[data-mg-layout] .ml-curated-photo { display:block!important; width:100%!important; height:300px!important; padding:0!important; margin:0 0 20px!important; border:0!important; background:var(--ml-tint)!important; cursor:pointer; overflow:hidden; border-radius:0!important; }
html body main[data-mg-layout] .ml-curated-photo img { display:block!important; width:100%!important; height:100%!important; max-height:none!important; object-fit:contain!important; aspect-ratio:auto!important; padding:0!important; }
html body main[data-mg-layout] .ml-curated-card h3 { font-size:20px!important; margin:0 0 10px!important; }
html body main[data-mg-layout] p.ml-curated-kind { font-size:11px!important; line-height:1.5!important; color:var(--ml-muted); margin:0 0 10px!important; }
html body main[data-mg-layout] p.ml-curated-material { font-size:14px!important; line-height:1.6!important; margin:0 0 14px!important; }
html body main[data-mg-layout] a.ml-curated-enquire { display:inline-block; min-height:44px; padding:12px 0 6px; font-size:13px; line-height:1.6; color:var(--ml-accent); text-decoration:none; border-bottom:1px solid #c9b8c2; }
html body main[data-mg-layout] .ml-curated-enquire:hover { text-decoration:underline; text-underline-offset:5px; }
html body main[data-mg-layout] p.ml-curated-note { font-size:13px!important; line-height:1.7!important; margin:24px 0 0!important; max-width:900px; }
html body main[data-mg-layout] [data-ml-kind="glass-bricks"] .ml-curated-photo { height:200px!important; }
html body main[data-mg-layout] .d05-enquiry-grid { gap:56px!important; }
html body main[data-mg-layout] #d05-brief { padding:28px!important; border:1px solid var(--ml-line); background:var(--ml-tint)!important; }
html body main[data-mg-layout] #d05-brief label { margin-bottom:18px!important; font-size:14px!important; }
html body main[data-mg-layout] #d05-brief :is(input,select,textarea) { font-size:16px!important; min-height:48px!important; padding:12px!important; }
html body main[data-mg-layout] .d05-faq summary { font-size:15px!important; padding-block:18px!important; }
html body main[data-mg-layout] .d05-faq p { font-size:14px!important; }
html body main[data-mg-layout] :is(.pe-all,.pt-family,.pv-details) { padding:0!important; margin-block:20px!important; border:1px solid var(--ml-line)!important; background:#fff!important; }
html body main[data-mg-layout] :is(.pe-all,.pt-family,.pv-details)>summary { padding:22px 24px!important; cursor:pointer; font-size:17px!important; line-height:1.5!important; }
html body main[data-mg-layout] .pe-all>.mc-section,html body main[data-mg-layout] .pe-all>.flc-section { width:100%!important; padding:24px!important; margin:0!important; }
html body main[data-mg-layout] :is(.mc-grid,.flc-grid) { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; }
html body main[data-mg-layout] :is(.mc-card,.flc-card) { min-width:0!important; border:1px solid var(--ml-line)!important; background:#fff!important; }
html body main[data-mg-layout] :is(.mc-image,.flc-photo) { display:block!important; width:100%!important; height:300px!important; max-height:none!important; aspect-ratio:auto!important; margin:0!important; padding:16px!important; background:var(--ml-tint)!important; border:0!important; box-sizing:border-box!important; cursor:pointer; }
html body main[data-mg-layout] :is(.mc-image,.flc-photo) img { display:block!important; width:100%!important; height:100%!important; max-height:none!important; object-fit:contain!important; aspect-ratio:auto!important; padding:0!important; }
html body main[data-mg-layout] :is(.mc-card-copy,.flc-card-copy) { padding:20px!important; }
html body main[data-mg-layout] :is(.mc-card-copy,.flc-card-copy) p { font-size:14px!important; }
html body main[data-mg-layout] :is(.mc-controls,.flc-controls) { display:grid!important; grid-template-columns:1.4fr 1fr auto!important; gap:16px!important; align-items:end!important; margin-block:24px!important; }
html body main[data-mg-layout] :is(.mc-controls,.flc-controls) :is(input,select) { width:100%!important; min-height:48px!important; font-size:16px!important; }
html body main[data-mg-layout] .mc-quick { margin-block:20px!important; padding:20px 0!important; }
html body main[data-mg-layout] .mg-editorial { gap:56px!important; padding-block:56px!important; }
html body main[data-mg-layout] .mg-editorial img { height:480px!important; object-fit:cover!important; }
html body main[data-mg-layout] .mg-checks>div { padding:14px 0!important; }
html body main[data-mg-layout] .mg-checks dd { font-size:14px!important; line-height:1.7!important; }
html body main[data-mg-layout] .mg-end { margin-top:40px!important; padding-block:48px!important; background:var(--ml-tint)!important; }
html body main[data-mg-layout] .mg-end .mg-wrap { padding:0!important; }
html body main[data-mg-layout] [hidden] { display:none!important; }
html body main[data-mg-layout] :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--ml-accent)!important; outline-offset:4px!important; }
@media(min-width:1800px) { html body main[data-mg-layout] #product-introduction :is(figure,.qa-hero-media) { height:620px!important; } }
@media(max-width:1100px) {
 html body main[data-mg-layout] .ml-curated-section { width:calc(100% - 56px); }
 html body main[data-mg-layout] .ml-curated-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body main[data-mg-layout] :is(.d05-wrap,.mg-wrap,.kc6-breadcrumb,.qa-hero,.spv-section,.pr-spec,.mc-section,.flc-section,.pe-all,.pt-family,.pv-details,.kseo-related,.p2-related,.ml-family-nav) { width:calc(100% - 56px)!important; }
 html body main[data-mg-layout] #product-introduction :is(figure,.qa-hero-media) { height:490px!important; }
 html body main[data-mg-layout] #materials-finishes .d05-grid { grid-template-columns:minmax(0,1fr)!important; }
 html body main[data-mg-layout] .ml-family-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html body main[data-mg-layout] .ml-family-card img { height:300px!important; }
 html body main[data-mg-layout] .spv-gallery figure { height:220px!important; }
 html body main[data-mg-layout] :is(.mc-grid,.flc-grid) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:767px) {
 html body main[data-mg-layout] .ml-curated-section { width:calc(100% - 40px); padding-block:36px!important; }
 html body main[data-mg-layout] .ml-curated-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 html body main[data-mg-layout] .ml-curated-photo { height:360px!important; }
 html body main[data-mg-layout] [data-ml-kind="glass-bricks"] .ml-curated-photo { height:240px!important; }
 html body main[data-mg-layout] .ml-system-grid,html body main[data-mg-layout] #often-consolidated .ml-pair-grid { grid-template-columns:minmax(0,1fr)!important; gap:24px!important; }
 html body main[data-mg-layout] .ml-system-card img { aspect-ratio:16/9!important; }
 html body main[data-mg-layout] .ml-system-copy h3 { font-size:21px!important; }
 html body main[data-mg-layout] #often-consolidated .ml-pair-grid { gap:0!important; }
 html body main[data-mg-layout] #often-consolidated .ml-pair-grid li+li .ml-pair-card { border-top:0!important; }
 html body main[data-mg-layout] :is(.d05-wrap,.mg-wrap,.kc6-breadcrumb,.qa-hero,.spv-section,.pr-spec,.mc-section,.flc-section,.pe-all,.pt-family,.pv-details,.kseo-related,.p2-related,.ml-family-nav) { width:calc(100% - 40px)!important; }
 html body main[data-mg-layout] #product-introduction { grid-template-columns:minmax(0,1fr)!important; gap:28px!important; padding:4px 0 28px!important; }
 html body main[data-mg-layout] #product-introduction>div { order:0; }
 html body main[data-mg-layout] #product-introduction>figure { order:1; height:420px!important; }
 html body main[data-mg-layout] h1 { font-size:36px!important; margin-bottom:20px!important; }
 html body main[data-mg-layout] h2 { font-size:28px!important; }
 html body main[data-mg-layout] p { font-size:15px!important; }
 html body main[data-mg-layout] >section.d05-section[id] { padding-block:36px!important; }
 html body main[data-mg-layout] .spv-gallery,html body main[data-mg-layout] .spv-gallery[data-count="3"] { grid-template-columns:1fr 1fr!important; gap:12px!important; }
 html body main[data-mg-layout] .spv-gallery[data-count="1"] { grid-template-columns:1fr!important; }
 html body main[data-mg-layout] .spv-gallery[data-count="3"]>figure:first-child { grid-column:1/-1; height:260px!important; }
 html body main[data-mg-layout] .spv-gallery figure { height:150px!important; }
 html body main[data-mg-layout] .spv-gallery img { height:100%!important; }
 html body main[data-mg-layout] .spv-gallery [data-spv-fit="contain"] img { padding:0!important; }
 html body main[data-mg-layout] :is(.d05-split,.d05-enquiry-grid,.mg-editorial) { grid-template-columns:minmax(0,1fr)!important; gap:28px!important; }
 html body main[data-mg-layout] .ml-family-grid { gap:24px 16px!important; }
 html body main[data-mg-layout] .ml-family-card img { height:210px!important; }
 html body main[data-mg-layout] .ml-family-card h3 { font-size:17px!important; }
 html body main[data-mg-layout] .ml-family-nav { gap:4px!important; }
 html body main[data-mg-layout] .ml-family-nav a { padding:10px 12px!important; font-size:12px!important; }
 html body main[data-mg-layout] #materials-finishes .d05-grid { grid-template-columns:minmax(0,1fr)!important; }
 html body main[data-mg-layout] .d05-reference { grid-template-columns:minmax(0,1fr)!important; gap:24px!important; padding:24px 0!important; }
 html body main[data-mg-layout] .d05-reference-image { height:auto!important; }
 html body main[data-mg-layout] .d05-reference-image img { max-height:420px!important; }
 html body main[data-mg-layout] :is(#detail-review .d05-split img,.mg-editorial img) { height:340px!important; }
 html body main[data-mg-layout] #d05-brief { padding:20px!important; }
 html body main[data-mg-layout] .pe-all>.mc-section,html body main[data-mg-layout] .pe-all>.flc-section { padding:18px!important; }
 html body main[data-mg-layout] :is(.mc-grid,.flc-grid,.mc-controls,.flc-controls) { grid-template-columns:minmax(0,1fr)!important; }
 html body main[data-mg-layout] :is(.mc-image,.flc-photo) { height:300px!important; }
 html body main[data-mg-layout] :is(.mc-heading,.flc-heading) { display:block!important; }
 html body main[data-mg-layout] .d05-primary { width:100%!important; }
}
@media(max-width:360px) { html body main[data-mg-layout] .ml-family-grid { grid-template-columns:minmax(0,1fr)!important; } html body main[data-mg-layout] h1 { font-size:32px!important; } }
@media(prefers-reduced-motion:reduce) { html body main[data-mg-layout] * { transition:none!important; scroll-behavior:auto!important; } }