/* Existing Max Contractors colour, typography and button system. */
.dryspan-promo{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.5fr);align-items:center;gap:32px;padding:28px;border:1px solid var(--steel);border-top:3px solid var(--orange);background:var(--graphite);margin:36px 0}
.dryspan-promo figure{margin:0;min-width:0}.dryspan-promo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eee9e2}.dryspan-promo figcaption{font-size:.76rem;line-height:1.4;color:var(--dust);margin-top:8px}.dryspan-promo h2{font-size:clamp(1.55rem,2.5vw,2.15rem);margin-bottom:16px}.dryspan-promo p{font-size:1rem}.dryspan-promo .small{font-size:.85rem;margin:16px 0 0}.dryspan-promo .eyebrow{margin-bottom:12px}.dryspan-promo .actions{align-items:center}.dryspan-promo .button{white-space:normal}.dryspan-early{padding:14px 18px;border-left:3px solid var(--orange);background:#232323;font-size:1rem!important}.dryspan-hero-link{font-size:.9rem;margin:18px 0 0;max-width:540px}.dryspan-hero-link a{color:var(--cream);text-decoration:underline}#dryspan-insulation{padding-block:40px}#dryspan-insulation .dryspan-promo{margin:0}.dryspan-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.dryspan-brand-grid a{display:flex;flex-direction:column;gap:7px;justify-content:center;border:1px solid #666;padding:18px;text-decoration:none;background:var(--graphite);color:var(--cream)}.dryspan-brand-grid a:hover{border-color:var(--orange);background:#2d241e}.dryspan-brand-grid span{color:var(--orange-400);font-size:.84rem}.dryspan-brand-more{border-block:1px solid #666;padding:16px 0;margin-bottom:20px}.dryspan-brand-more summary{cursor:pointer;padding:8px 0;font-weight:600}
@media(max-width:700px){.dryspan-promo{grid-template-columns:1fr;padding:22px;gap:22px}.dryspan-promo figure{max-width:280px}.dryspan-promo .actions{align-items:stretch;flex-direction:column}.dryspan-promo .button{width:100%}.dryspan-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dryspan-brand-grid a{padding:14px;font-size:.96rem}.dryspan-brand-grid span{font-size:.8rem}}
@media(max-width:360px){.dryspan-brand-grid{grid-template-columns:1fr}}