.resin-hero{background-image:url('images/resin.jpg');background-position:center}.resin-colours{padding:105px 0;background:#090909}.resin-swatch-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.resin-swatch-panel .swatch{height:175px;border:8px solid #222;box-shadow:0 8px 20px #0008;background-size:9px 9px}.s1{background:radial-gradient(#b79d6d 2px,#e0c58d 3px,#90784f 5px)}.s2{background:radial-gradient(#d8d3c3 2px,#9c9587 3px,#eee9dc 5px)}.s3{background:radial-gradient(#5f6264 2px,#a2a4a4 3px,#343638 5px)}.s4{background:radial-gradient(#986b40 2px,#c89661 3px,#6f482c 5px)}.s5{background:radial-gradient(#d2b079 2px,#f0d4a2 3px,#9e7d50 5px)}.s6{background:radial-gradient(#4c4742 2px,#827970 3px,#292724 5px)}.resin-swatch-panel>div{grid-column:1/-1;background:var(--asg-yellow);color:#111;padding:20px}.resin-swatch-panel strong,.resin-swatch-panel small{display:block}.resin-swatch-panel strong{font-size:22px}.resin-explainer{padding:100px 0;background:#1a1a1a}.resin-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resin-compare article{background:#0b0b0b;padding:38px;border-top:4px solid var(--asg-yellow)}.resin-compare span{color:var(--asg-yellow);font-size:11px;letter-spacing:1.5px;font-weight:900}.resin-compare h3{font-size:31px;margin:10px 0}.resin-compare p,.resin-compare li{color:#bbb}.resin-compare li{margin:8px 0}.resin-base{padding:95px 0;background:#080808}.resin-base aside{padding:38px;background:var(--asg-yellow);color:#111}.resin-base aside strong{font-size:24px}.resin-base aside ul{padding-left:20px}.resin-base aside li{margin:11px 0}
@media(max-width:850px){.resin-compare{grid-template-columns:1fr}.resin-swatch-panel{max-width:650px}}@media(max-width:600px){.resin-colours,.resin-explainer,.resin-base{padding:65px 0}.resin-swatch-panel .swatch{height:110px;border-width:4px}}