.brick-reference-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:20px;align-items:center;margin:24px 0;padding:24px;border:1px solid #d2dbd4;border-radius:20px;background:linear-gradient(135deg,#f7f2e8,#eef3ee)}
.brick-shape-wrap{min-height:250px;display:grid;place-items:center;padding:34px 20px 28px}
.brick-shape{position:relative;width:min(360px,82%);aspect-ratio:3.3/1;background:linear-gradient(160deg,#b76044,#8f402f);border:3px solid #743526;border-radius:10px;box-shadow:18px 18px 0 rgba(116,53,38,.13),0 16px 30px rgba(36,57,45,.12)}
.brick-shape:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.2);border-radius:6px}
.dim-line{position:absolute;font-size:.78rem;font-weight:850;color:#173b2b;white-space:nowrap}
.dim-length{left:0;right:0;bottom:-34px;text-align:center}.dim-height{right:-70px;top:50%;transform:translateY(-50%) rotate(90deg)}.dim-depth{left:-55px;top:-30px;transform:rotate(-19deg)}
.brick-reference-facts{display:grid;gap:10px}.brick-reference-fact{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #d4ddd6}.brick-reference-fact small{display:block;color:#667269;font-weight:750;margin-bottom:2px}.brick-reference-fact strong{display:block;color:#173b2b;font-size:1.12rem}
.rate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.rate-card{border:1px solid #d1dbd3;border-radius:17px;padding:18px;background:#fff}.rate-card strong{display:block;color:#173b2b;font-size:1.55rem;line-height:1.1}.rate-card span{display:block;color:#5c6a62;margin-top:6px;font-size:.9rem}
.reference-callout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.reference-callout>div{background:#edf3ee;border:1px solid #d0ddd2;border-radius:15px;padding:15px}.reference-callout strong{display:block;color:#173b2b}.reference-callout span{display:block;color:#5c6a62;font-size:.86rem;margin-top:3px}
@media(max-width:760px){.brick-reference-visual{grid-template-columns:1fr;padding:18px 14px}.brick-shape-wrap{min-height:210px;padding-inline:24px}.brick-shape{width:72%}.dim-depth{left:-46px}.dim-height{right:-61px}.rate-cards,.reference-callout{grid-template-columns:1fr}}