/* Contextual photography — v0.4.10. Keep native click-to-open solutions. */
.scene-photo{margin:0;min-width:0}
.scene-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#e9eeeb;border-radius:0}
.scene-photo[data-scene="hvac"] img{object-position:50% 30%}
.scene-photo figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:10px;font-size:11px;line-height:1.6;color:#5d6a63}
.scene-photo figcaption a{color:#52655b;text-decoration:underline;text-underline-offset:3px}
html body #agent-solutions .solution-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:8px 32px 36px 80px;align-items:center}
html body #agent-solutions .solution-photo{margin:0;border:0;background:none}
html body #agent-solutions .solution-copy{min-width:0}
html body #agent-solutions .solution-copy p{max-width:36em}
html body .brand-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px;border:0}
html body .brand-app-grid>a{padding:0 0 24px;border:0;border-bottom:1px solid #ccd7d0;background:none;overflow:hidden}
html body .brand-app-grid>a>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 24px;border-radius:0}
html body .brand-app-grid>a[href="solution-hvac.html"]>img{object-position:50% 30%}
html body .brand-app-grid>a:hover{background:none}
html body .brand-app-grid>a:focus-visible{outline:2px solid #238B70;outline-offset:6px}
html body .brand-app-grid>a>b{font-size:12px;letter-spacing:.12em}
html body .brand-app-grid>a>h3{margin-top:10px;font-size:clamp(25px,3vw,38px)}
.scene-note{font-size:12px;color:#64736a;margin:16px 0 30px}
.solution-scene-lead{padding-top:0;padding-bottom:24px}
.solution-scene-lead .scene-photo img{aspect-ratio:21/8;max-height:490px}
html body.solution-editorial .panel-box{border-radius:0;box-shadow:none;border:0;border-top:1px solid #c9d7cf;background:transparent;padding:28px 0}
html body.solution-editorial .w-card{border-radius:0;box-shadow:none;border:0;border-top:1px solid #c9d7cf;background:transparent;text-align:start;padding:24px 0}
html body.solution-editorial .w-card .n{display:block;width:auto;height:auto;margin:0 0 20px;background:none;border:0;border-radius:0;color:#238B70;font:500 14px/1.4 Arial,sans-serif;letter-spacing:.1em}
@media(max-width:700px){
html body #agent-solutions .solution-content{grid-template-columns:1fr;padding:0 16px 28px;gap:24px}
html body .brand-app-grid{grid-template-columns:1fr;gap:32px}
.solution-scene-lead .scene-photo img{aspect-ratio:4/3}
.scene-photo figcaption{font-size:10px}
}