.materials-page{--materials-gutter:clamp(24px,6vw,100px);padding-bottom:20px}
.materials-intro{padding:70px var(--materials-gutter) 0;text-align:center;max-width:1500px;margin:auto}
.materials-intro h1{font:inherit;font-size:clamp(36px,5.5vw,72px);letter-spacing:-.035em;line-height:1.1;margin:0 0 28px}
.materials-lead{max-width:610px;margin:auto;font-size:18px;line-height:1.8}.materials-lead p{margin:0}
.materials-index{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 38px;padding:34px 0;margin:35px 0 0;border-top:1px solid var(--atelier-line)}
.materials-index a{display:flex;gap:12px;align-items:center;min-height:44px;font-size:14px}.materials-index span{font-size:10px;color:var(--atelier-muted)}
.material-chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;scroll-margin-top:100px;margin:0 var(--materials-gutter) 60px;gap:clamp(30px,7vw,110px)}
.material-chapter__image{margin:0;min-width:0}.material-chapter__image img{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover}
.material-chapter__image figcaption{font-size:11px;line-height:1.6;color:var(--atelier-muted);margin-top:12px}
.material-chapter__copy{max-width:470px}.material-chapter h2,.materials-closing h2{font:inherit;font-size:clamp(30px,3.4vw,46px);line-height:1.15;letter-spacing:-.02em;margin:0 0 24px}
.material-chapter__text{font-size:17px;line-height:1.85}.material-chapter__text p{margin:0 0 16px}.material-chapter--reverse .material-chapter__image{grid-column:2;grid-row:1}.material-chapter--reverse .material-chapter__copy{grid-column:1;grid-row:1}
.materials-closing{text-align:center;padding:60px 24px 70px;background:#ebe6dd}.materials-closing .atelier-link{min-height:44px;justify-content:center}
@media(max-width:749px){
  .materials-intro{padding-top:38px}.materials-intro .atelier-eyebrow{font-size:10px;line-height:1.6;margin-bottom:18px}.materials-intro h1{font-size:40px;margin-bottom:22px}
  .materials-lead{font-size:16px;line-height:1.75}.materials-index{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:4px 12px;padding:20px 0;margin-top:28px}.materials-index a{font-size:13px;gap:8px}
  .material-chapter{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:0 24px 46px;scroll-margin-top:80px}
  .material-chapter__image img{aspect-ratio:4/5}.material-chapter__copy{max-width:none}.material-chapter .atelier-eyebrow{margin-bottom:12px;font-size:10px}.material-chapter h2{font-size:30px;margin-bottom:16px}.material-chapter__text{font-size:16px;line-height:1.8}
  .materials-closing{padding:40px 24px 44px}.materials-closing h2{font-size:32px}
}