.materials-section{padding:clamp(4rem,8vw,8rem) max(1.5rem,calc((100vw - 1320px)/2));background:#e8e3d9;color:#142025}.materials-head{max-width:760px;margin:0 auto 3rem;text-align:center}.materials-head .eyebrow{color:#b58b55}.materials-head h2{font:600 clamp(2.5rem,5vw,4.5rem)/.98 "Cormorant Garamond",serif;margin:.8rem 0}.materials-head p{color:#697477}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.material-card{display:flex;flex-direction:column;min-height:260px;padding:1.6rem;border:1px solid rgba(20,32,37,.16);border-radius:20px;background:#f5f1e8;box-shadow:0 18px 50px rgba(17,28,31,.06);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.material-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(17,28,31,.13)}.material-card__meta{display:flex;justify-content:space-between;gap:1rem;color:#9b7645;font:600 .68rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.12em}.material-card h3{font:700 1.45rem/1.2 "Manrope",sans-serif;margin:1.2rem 0 .7rem}.material-card p{color:#657174;line-height:1.7;white-space:pre-wrap}.material-card a{margin-top:auto;padding-top:1.2rem;color:#17444a;font-weight:800;text-decoration:none}.materials-empty{padding:2rem;border:1px dashed rgba(20,32,37,.24);border-radius:18px;text-align:center;color:#657174}.materials-loading{height:180px;border-radius:18px;background:linear-gradient(100deg,#e3dfd5 20%,#f5f1e8 40%,#e3dfd5 60%);background-size:200% 100%;animation:material-shimmer 1.5s infinite}.materials-grid.is-ready .materials-loading{display:none}@keyframes material-shimmer{to{background-position-x:-200%}}@media(max-width:850px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.materials-grid{grid-template-columns:1fr}.material-card{min-height:220px}}@media(prefers-reduced-motion:reduce){.material-card,.materials-loading{animation:none;transition:none}}
.material-card__details{margin-top:1rem;border-top:1px solid rgba(20,32,37,.13);padding-top:.9rem}.material-card__details summary{cursor:pointer;color:#17444a;font-weight:800}.material-card__details div{padding-top:.8rem;color:#4f5d60;line-height:1.75;white-space:pre-wrap}
