.rc-hero figure>picture{position:absolute;inset:0;display:block}
.rc-hero figure>picture img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.rc-hero figure>canvas{position:absolute;inset:0;opacity:0;pointer-events:none}
.rc-layer-image{display:block;margin:0 0 9px;overflow:hidden;border-radius:8px;background:#eff5fc}
.rc-layer-image img{display:block;width:100%;height:105px;object-fit:cover}
.rc-material-visual{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;max-width:1240px;margin:100px auto;padding:36px;border:1px solid #dce6f1;border-radius:22px;background:linear-gradient(135deg,#fff,#eef5ff)}
.rc-material-visual h2{margin:10px 0;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.04em}
.rc-material-visual p{color:#63768e;font-size:14px;line-height:1.7}
.rc-material-visual picture{overflow:hidden;border-radius:16px;background:#fff}
.rc-material-visual img{display:block;width:100%;height:auto}
.rc-roof-cards article>picture{display:block;overflow:hidden;border-radius:10px;background:#eff6fd}
.rc-roof-cards article>picture img{display:block;width:100%;height:190px;object-fit:cover}
@media(max-width:760px){.rc-material-visual{grid-template-columns:1fr;gap:20px;margin:65px 15px;padding:22px}.rc-roof-cards article>picture img{height:220px}}