/* Original product photo and construction-joint examples. */
.angle-workbench{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid #cbdce5;margin-top:30px;align-items:stretch}
.angle-instrument{padding:30px;background:#edf3f6;isolation:isolate}
.angle-instrument figure{padding:18px 0 10px;background:transparent}
.angle-instrument figure img{display:block;width:100%;height:320px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.03)}
#kat .angle-instrument h3{font-size:27px;margin-top:18px}
#kat .angle-instrument p{font-size:14px}
.angle-examples{border-left:1px solid #cbdce5}
.angle-example-heading{padding:26px 28px 0}
#kat .angle-example-heading h3{font-size:26px;margin:12px 0 20px}
.angle-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 28px 22px}
#kat .angle-controls button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;padding:12px 8px;cursor:pointer;line-height:1.4}
.angle-controls b{font-size:17px}
.angle-scene{background:#263e4a;padding:20px;display:flex;align-items:center;justify-content:center;min-height:400px}
.angle-scene img{display:block;width:100%;height:380px;object-fit:contain}
.angle-scene img[data-example=tool]{image-rendering:auto}
.angle-explanation{padding:22px 28px 26px;min-height:240px}
#kat .angle-explanation h4{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px}
#kat .angle-explanation p{font-size:14px;margin:10px 0}
#kat .angle-explanation .angle-key{border-left:3px solid #007c9b;padding-left:14px;margin-top:18px;color:#15374b;font-size:13px}
@media(min-width:1700px){.angle-instrument figure img{height:370px}.angle-scene img{height:420px}}
@media(max-width:1000px){.angle-workbench{grid-template-columns:minmax(0,1fr)}.angle-instrument{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 26px}.angle-instrument>.eyebrow{grid-column:1/-1}.angle-instrument figure{grid-column:1;grid-row:2/5}.angle-instrument figure img{height:280px}.angle-examples{border-left:0;border-top:1px solid #cbdce5}.angle-explanation{min-height:0}}
@media(max-width:600px){.angle-instrument{display:block;padding:22px}.angle-instrument figure img{height:270px}.angle-example-heading{padding:22px 20px 0}.angle-controls{padding:0 20px 20px;gap:6px}#kat .angle-controls button{font-size:10px;padding:10px 4px}.angle-scene{min-height:280px;padding:12px}.angle-scene img{height:280px}.angle-explanation{padding:22px 20px}#kat .angle-example-heading h3{font-size:24px}}