.materials-guide{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:42px 0 18px;padding:18px 22px;border-left:4px solid #a51d22;background:#e7e3dd;color:#202324}.materials-guide span{color:#99191d;font:700 13px "Barlow Condensed";letter-spacing:.16em}.materials-guide strong{font:600 18px/1.4 "Barlow Condensed"}.materials-guide i{color:#99191d;font:400 25px/1 "Barlow Condensed";font-style:normal}.material-groups{margin-top:0}.material-groups article{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,color .25s ease}.material-groups article:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--material-tint);opacity:.82}.material-groups article:after{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--material-color)}.material-groups article:nth-child(1){--material-color:#1677a6;--material-tint:#e1f2f8}.material-groups article:nth-child(2){--material-color:#cf7b12;--material-tint:#fff0d6}.material-groups article:nth-child(3){--material-color:#7b3fa0;--material-tint:#eee3f6}.material-groups article:nth-child(4){--material-color:#27845b;--material-tint:#def1e7}.material-groups article:hover,.material-groups article:focus-within{z-index:2;transform:translateY(-5px);box-shadow:0 18px 35px #30343620}.material-groups article>b{color:var(--material-color)}.material-groups article p{color:#414749}.material-groups .material-more{color:#25292a;border-top-color:#0002}.material-groups .material-more span{color:var(--material-color)}
.turnkey-flow article{position:relative;cursor:pointer}.turnkey-flow article:focus-visible{outline:3px solid #fff;outline-offset:4px}.turnkey-flow article:after{content:"+";position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff75;background:#410b0dbd;color:#fff;font:500 22px/1 "Barlow Condensed";transition:.25s ease}.turnkey-flow article:hover:after,.turnkey-flow article:focus-visible:after{background:#fff;color:#99191d;transform:rotate(90deg)}.turnkey-detail-modal .section-tag{color:#e8a9ac}
@media(max-width:700px){.materials-guide{grid-template-columns:1fr auto;gap:7px 16px}.materials-guide span{grid-column:1/-1}.materials-guide strong{font-size:17px}.materials-guide i{grid-column:2;grid-row:2}.material-groups article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.material-groups article,.turnkey-flow article:after{transition:none}}