.material-details{padding:80px 6%;background:#f5f3ee}.material-heading{max-width:760px;margin-bottom:38px}.material-heading h2{font-size:clamp(32px,3.8vw,52px);margin-bottom:22px}.material-heading>p:last-child{max-width:640px;color:#5c6d78}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.material-grid figure{margin:0;min-width:0}.material-grid figure>a{display:block;position:relative;background:#e7e8e4;overflow:hidden}.material-grid img{width:100%;height:390px;object-fit:cover}.material-grid figure:nth-child(2) img{object-position:center}.detail-enlarge{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffffed;color:#173042;font-size:22px}.material-grid a:hover .detail-enlarge{background:#173042;color:white}.material-grid figcaption{padding:19px 0 0}.material-grid figcaption strong{display:block;font-size:20px;font-weight:500;margin-bottom:5px}.material-grid figcaption span{color:#5c6d78;font-size:14px}.material-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px}.material-footer p{margin:0;max-width:560px}.material-footer a{flex-shrink:0}.workshop-details{background:#eef2f2}.workshop-details .material-grid img{height:500px;object-fit:contain;background:#e3e7e6}@media(max-width:780px){.material-details{padding:48px 5%}.material-grid{grid-template-columns:1fr;gap:30px}.material-grid img{height:auto;max-height:440px;object-fit:cover}.workshop-details .material-grid img{height:auto;max-height:520px;object-fit:contain}.material-footer{align-items:flex-start;flex-direction:column;gap:18px}.material-heading{margin-bottom:27px}}