.detail-page--material { background:#f5f5f3;padding:120px max(30px,calc((100vw - 1280px)/2)) 105px }
.material-intro { display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:55px;align-items:start;background:#fff;padding:0 0 45px;border-bottom:4px solid #c4874b }
.material-intro__media { aspect-ratio:1/1;overflow:hidden;background:#dae1dc;display:flex;align-items:center;justify-content:center }
.material-intro__media img,.material-video { width:100%;height:100%;object-fit:cover }
.material-video { background:#182426 }
.material-intro__info { padding:35px 38px 20px 0 }
.material-intro__info h1 { font-size:clamp(32px,4vw,52px);line-height:1.2;margin:0 0 25px }
.material-gallery { position:relative;background:#eef0ed;overflow:hidden }
.material-gallery__track { aspect-ratio:1.35/1 }
.material-gallery__slide { display:none;height:100%;margin:0 }
.material-gallery__slide.is-active { display:block }
.material-gallery__slide img { width:100%;height:100%;object-fit:cover }
.material-gallery__prev,.material-gallery__next { position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:#182426cc;color:#fff;font-size:26px;line-height:1;cursor:pointer }
.material-gallery__prev { left:12px }
.material-gallery__next { right:12px }
.material-gallery__dots { position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px }
.material-gallery__dots button { width:26px;height:3px;border:0;background:#fff9;cursor:pointer }
.material-gallery__dots button.is-active { background:#c4874b }
.material-full-content { margin-top:70px }
@media(max-width:900px) {
  .detail-page--material { padding:100px 20px 75px }
  .material-intro { gap:30px;grid-template-columns:1fr 1fr }
  .material-intro__info { padding:25px 25px 0 }
}
@media(max-width:600px) {
  .material-intro { grid-template-columns:1fr;padding-bottom:32px }
  .material-intro__info { padding:0 20px }
  .material-full-content { margin-top:45px }
}
.material-video { border:0 }