/* MCM 軟瓷 /products/mcm/（設計稿 G） */
.mcm-hero{height:720px;max-height:none}
.mcm-hero .hero__content{width:min(720px,calc(100% - 2*var(--page-x)))}
.mcm-hero .hero__eyebrow{color:var(--c-ink)}
.mcm-hero .body-lg{max-width:520px}
.mcm-crumb{position:absolute;left:var(--page-x);top:32px;z-index:1}

.mcm-split{align-items:start}
.mcm-split__head{grid-column:1/span 4;display:flex;flex-direction:column;gap:16px}
.mcm-split__head .h2{line-height:1.25}
.mcm-what__body{grid-column:6/span 7;display:flex;flex-direction:column;gap:32px}
.mcm-what__lead{font-family:var(--f-serif);font-size:26px;line-height:1.6;font-weight:400}

.mcm-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--c-ink)}
.mcm-fact{padding:24px 24px 24px 0;border-right:1px solid var(--c-line);display:flex;flex-direction:column;gap:8px}
.mcm-fact+.mcm-fact{padding-left:24px}
.mcm-fact:last-child{border-right:0}
.mcm-fact .number{font-size:44px}
.mcm-fact .number small{font-size:18px;margin-left:4px}
.mcm-fact .label{font-size:10.5px;letter-spacing:.14em}

.mcm-adv{grid-column:5/span 8;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;border-top:1px solid var(--c-ink);align-self:start}
.mcm-adv li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--c-line);align-items:baseline}
.mcm-adv .n{font-family:var(--f-mono);font-size:11px;color:var(--c-accent)}
.mcm-adv .t{font-family:var(--f-serif);font-size:18px;font-weight:500;line-height:1.5}

.mcm-lines{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}

.mcm-certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-line)}
.mcm-cert{padding:32px 24px 32px 0;border-right:1px solid var(--c-line);display:flex;flex-direction:column;gap:10px}
.mcm-cert+.mcm-cert{padding-left:24px}
.mcm-cert:last-child{border-right:0}
.mcm-cert .label{font-size:10.5px}
.mcm-cert__t{font-family:var(--f-serif);font-size:22px;font-weight:500;line-height:1.4}
.mcm-cert__d{font-family:var(--f-mono);font-size:11px;color:var(--c-ink-2);line-height:1.6}

.mcm-compare{grid-column:5/span 8}
.mcm-compare .compare__row{grid-template-columns:140px repeat(3,minmax(0,1fr));padding:20px 0}
.mcm-compare .compare__row--head{padding:16px 0 12px}
.mcm-compare .compare__k{font-size:15px}
.mcm-compare .note{margin-top:12px}

.mcm-cta{margin-top:var(--section-y);padding:80px 0}
.mcm-cta__inner{align-items:center}
.mcm-cta__title{grid-column:1/span 6;font-family:var(--f-serif);font-weight:600;font-size:40px;line-height:1.3}
.mcm-cta__side{grid-column:8/span 5;display:flex;flex-direction:column;gap:20px}
.mcm-cta__side .btn-row{gap:16px}

@media (max-width:1100px){
  .mcm-what__body{grid-column:5/span 8}
  .mcm-adv{column-gap:32px}
}
@media (max-width:767px){
  .mcm-hero{height:560px}
  .mcm-crumb{top:20px}
  .mcm-what__lead{font-size:19px}
  .mcm-split{row-gap:24px}
  .mcm-what__body{gap:24px}
  .mcm-fact,.mcm-fact+.mcm-fact{padding:16px 8px 16px 0}
  .mcm-fact+.mcm-fact{padding-left:12px}
  .mcm-fact .number{font-size:28px}
  .mcm-fact .number small{font-size:12px;margin-left:2px}
  .mcm-fact .label{font-size:9.5px;letter-spacing:.1em}
  .mcm-adv{grid-template-columns:1fr}
  .mcm-adv li{grid-template-columns:32px 1fr;padding:16px 0}
  .mcm-adv .t{font-size:16px}
  .mcm-lines{grid-template-columns:1fr 1fr;margin-top:24px}
  .mcm-lines .media__placeholder{place-items:start start;padding:12px;text-align:left}
  .mcm-lines .material__name{font-size:15px}
  .mcm-certs{grid-template-columns:1fr 1fr}
  .mcm-cert,.mcm-cert+.mcm-cert{padding:20px 12px 20px 0;border-bottom:1px solid var(--c-line)}
  .mcm-cert:nth-child(even){padding-left:12px;border-right:0}
  .mcm-cert:nth-last-child(-n+2){border-bottom:0}
  .mcm-cert__t{font-size:17px}
  .mcm-cert__d{font-size:10px}
  .mcm-compare .compare__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}
  .mcm-compare .compare__row--head span:first-child{display:none}
  .mcm-compare .compare__k{grid-column:1/-1}
  .mcm-compare .compare__a,.mcm-compare .compare__b{font-size:13px}
  .mcm-cta{padding:56px 0}
  .mcm-cta__title{font-size:28px}
  .mcm-cta__side .btn{flex:1 1 0;padding-inline:12px}
}
.mcm-cta{border-bottom:0}