/* Beyond Materials: open editorial chapters, using the existing public copy.
   Motion remains limited to the link affordance; all content is always visible. */
.beyond-materials-refined{--bm-ink:#13233d;--bm-blue:#174be6;--bm-muted:#5e6a7b;--bm-line:#d6e3f4;padding-top:64px;color:var(--bm-ink);background:#fff}
.beyond-materials-refined .bm-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.75fr);gap:clamp(40px,5vw,76px);align-items:end;margin-bottom:50px}
.beyond-materials-refined .section-label{font-size:14px;line-height:1.5;font-weight:600;color:var(--bm-blue);margin-bottom:24px;letter-spacing:-.02em}
.beyond-materials-refined .bm-intro h2{font-size:clamp(48px,3.85vw,58px);font-weight:600;line-height:1.24;letter-spacing:-.047em;color:var(--bm-ink);max-width:none}
.beyond-materials-refined .bm-heading-accent{color:var(--bm-blue)}
.beyond-materials-refined .bm-intro-copy{font-size:18px;font-weight:400;line-height:1.85;color:var(--bm-muted);letter-spacing:-.02em;max-width:32em;padding-bottom:2px}
.beyond-materials-refined .bm-chapter{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"photo heading" "photo description";column-gap:clamp(32px,3.7vw,56px);row-gap:28px;align-items:start;border-top:1px solid var(--bm-line);padding:30px 0}
.beyond-materials-refined .bm-chapter:last-child{padding-bottom:0}
.beyond-materials-refined .bm-chapter-heading{grid-area:heading;min-width:0}
.beyond-materials-refined .bm-meta{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:0 0 29px;min-width:0}
.beyond-materials-refined .bm-category{display:flex;align-items:baseline;gap:17px;min-width:0;font-family:Manrope,Pretendard,sans-serif;font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.035em;color:#557095}
.beyond-materials-refined .bm-index{font-family:Manrope,Pretendard,sans-serif;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.03em;color:var(--bm-blue);padding-right:17px;border-right:1px solid #c6d9f3;flex:none}
.beyond-materials-refined .bm-status{font-size:13px;line-height:1.6;font-weight:400;letter-spacing:-.02em;color:#52698c;text-align:right;flex:none;max-width:45%}
.beyond-materials-refined .bm-chapter h3{font-size:clamp(36px,2.65vw,40px);line-height:1.3;font-weight:600;letter-spacing:-.04em;color:var(--bm-ink);margin:0 0 22px;min-width:0}
.beyond-materials-refined .bm-lead{font-size:19px;line-height:1.65;font-weight:500;letter-spacing:-.025em;color:var(--bm-ink);max-width:36em}
.beyond-materials-refined .bm-photo{grid-area:photo;align-self:stretch;position:relative;min-height:310px;overflow:hidden;border-radius:18px;background:#edf2f6}
.beyond-materials-refined .bm-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.beyond-materials-refined .bm-chapter-description{grid-area:description;min-width:0;align-self:end}
.beyond-materials-refined .bm-body{font-size:17px;line-height:1.85;font-weight:400;letter-spacing:-.025em;color:var(--bm-muted);max-width:43em}
.beyond-materials-refined .bm-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:28px;padding-top:17px;border-top:1px solid var(--bm-line)}
.beyond-materials-refined .bm-tags{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 10px;list-style:none;margin:0;padding:0;color:#557095}
.beyond-materials-refined .bm-tags li{font-size:12px;line-height:1.6;letter-spacing:-.02em}
.beyond-materials-refined .bm-tags li:not(:last-child)::after{content:"·";margin-left:10px;color:#8a9ebc}
.beyond-materials-refined .bm-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;color:var(--bm-blue);font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.02em;max-width:100%;transition:color .2s ease}
.beyond-materials-refined .bm-link svg{width:20px;height:20px;flex:none;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.beyond-materials-refined .bm-link:hover,.beyond-materials-refined .bm-link:focus-visible{color:#0033a0}
.beyond-materials-refined .bm-link:hover svg,.beyond-materials-refined .bm-link:focus-visible svg{transform:translate(1px,-1px)}
html[lang="en"] .beyond-materials-refined .bm-intro h2{font-size:clamp(42px,3.45vw,52px);letter-spacing:-.05em}
html[lang="en"] .beyond-materials-refined .bm-chapter h3{font-size:clamp(31px,2.4vw,36px);letter-spacing:-.045em}
html[lang="en"] .beyond-materials-refined .bm-status{font-size:12px;flex-shrink:1}
html[lang="en"] .beyond-materials-refined .bm-body{font-size:16px;line-height:1.85;letter-spacing:-.02em}
html[lang="zh-CN"] .beyond-materials-refined .bm-intro h2,html[lang="zh-CN"] .beyond-materials-refined .bm-chapter h3{letter-spacing:-.025em}
@media(min-width:900px) and (max-width:1199px){
 .beyond-materials-refined .bm-meta{flex-wrap:wrap;row-gap:8px;margin-bottom:23px}
 .beyond-materials-refined .bm-status{max-width:100%}
 .beyond-materials-refined .bm-category{font-size:12px}
 .beyond-materials-refined .bm-intro{gap:35px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .beyond-materials-refined .bm-intro-copy{font-size:16px}
 .beyond-materials-refined .bm-lead{font-size:18px}
 .beyond-materials-refined .bm-body{font-size:16px}
 .beyond-materials-refined .bm-footer{gap:6px 16px;margin-top:22px}
}
@media(max-width:899px){
 .beyond-materials-refined{padding-top:76px}
 .beyond-materials-refined .bm-intro{display:block;margin-bottom:38px}
 .beyond-materials-refined .bm-intro h2{font-size:42px;line-height:1.3}
 .beyond-materials-refined .bm-intro-copy{margin-top:25px;max-width:45em;font-size:17px}
 .beyond-materials-refined .bm-chapter{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "photo" "description";gap:25px;padding:30px 0 36px}
 .beyond-materials-refined .bm-meta{margin-bottom:22px}
 .beyond-materials-refined .bm-chapter h3,html[lang="en"] .beyond-materials-refined .bm-chapter h3{font-size:32px;margin-bottom:17px}
 .beyond-materials-refined .bm-photo{width:100%;min-height:0;aspect-ratio:1.7;border-radius:16px}
 .beyond-materials-refined .bm-lead{font-size:18px;line-height:1.75}
 .beyond-materials-refined .bm-body,html[lang="en"] .beyond-materials-refined .bm-body{font-size:16px;line-height:1.85}
 .beyond-materials-refined .bm-footer{margin-top:24px}
 html[lang="en"] .beyond-materials-refined .bm-intro h2{font-size:39px;line-height:1.25}
}
@media(min-width:600px){
 .beyond-materials-refined .bm-footer{padding-right:64px}
}
@media(max-width:599px){
 .beyond-materials-refined{padding-top:64px}
 .beyond-materials-refined .section-label{font-size:12px;margin-bottom:21px}
 .beyond-materials-refined .bm-intro{margin-bottom:33px}
 .beyond-materials-refined .bm-intro h2{font-size:32px;line-height:1.35;letter-spacing:-.045em}
 .beyond-materials-refined .bm-intro-copy{margin-top:24px;font-size:16px;line-height:1.85;padding:0}
 .beyond-materials-refined .bm-chapter{gap:23px;padding:27px 0 31px}
 .beyond-materials-refined .bm-meta{gap:10px;margin-bottom:23px;align-items:baseline;flex-wrap:wrap}
 .beyond-materials-refined .bm-category{font-size:10px;gap:12px;letter-spacing:.025em}
 .beyond-materials-refined .bm-index{font-size:16px;padding-right:12px}
 .beyond-materials-refined .bm-status,html[lang="en"] .beyond-materials-refined .bm-status{font-size:11px;line-height:1.6;max-width:100%}
 .beyond-materials-refined .bm-chapter h3,html[lang="en"] .beyond-materials-refined .bm-chapter h3{font-size:27px;line-height:1.4;letter-spacing:-.035em;margin-bottom:17px}
 .beyond-materials-refined .bm-lead{font-size:17px;line-height:1.75;letter-spacing:-.025em}
 .beyond-materials-refined .bm-photo{aspect-ratio:1.6;border-radius:14px}
 .beyond-materials-refined .bm-body,html[lang="en"] .beyond-materials-refined .bm-body{font-size:15px;line-height:1.85}
 .beyond-materials-refined .bm-footer{display:block;padding-top:18px;margin-top:23px}
 .beyond-materials-refined .bm-tags{gap:7px 9px;margin-bottom:9px}
 .beyond-materials-refined .bm-tags li{font-size:12px}
 .beyond-materials-refined .bm-tags li:not(:last-child)::after{margin-left:9px}
 .beyond-materials-refined .bm-link{font-size:14px;gap:14px}
 html[lang="en"] .beyond-materials-refined .bm-intro h2{font-size:31px;line-height:1.3;letter-spacing:-.045em}
}
@media(max-width:359px){
 .beyond-materials-refined .bm-intro h2{font-size:29px}
 .beyond-materials-refined .bm-meta{row-gap:8px}
 .beyond-materials-refined .bm-status{flex-basis:100%;text-align:left}
 .beyond-materials-refined .bm-chapter h3,html[lang="en"] .beyond-materials-refined .bm-chapter h3{font-size:25px}
 .beyond-materials-refined .bm-lead{font-size:16px}
 html[lang="en"] .beyond-materials-refined .bm-intro h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
 .beyond-materials-refined .bm-link,.beyond-materials-refined .bm-link svg{transition:none}
 .beyond-materials-refined .bm-link:hover svg,.beyond-materials-refined .bm-link:focus-visible svg{transform:none}
}