/* A compact transition, with the story first and the kit as a supporting visual. */
.solution-intro{max-width:1440px;margin:auto;padding:28px max(28px,5.2vw) 32px;display:grid;grid-template-columns:minmax(0,640px) 240px;gap:28px;justify-content:start;align-items:center;color:#203e38;scroll-margin-top:90px}
.solution-copy{grid-column:1;grid-row:1}
.solution-copy h2{font-size:var(--section-title);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 12px}
.solution-copy>p{font-size:16px;line-height:1.5;color:#52695d;max-width:620px;margin:0}
.solution-kit{grid-column:2;grid-row:1;position:relative;min-width:0;aspect-ratio:1.15;isolation:isolate}
.solution-kit:before{content:"";position:absolute;inset:0 -5%;z-index:-1;background:radial-gradient(ellipse at 24% 46%,#efc9bf55,transparent 57%),radial-gradient(ellipse at 71% 60%,#a7d9ce66,transparent 62%);filter:blur(15px);border-radius:50%}
.solution-kit-box{position:absolute;width:97%;height:auto;top:5%;left:0;filter:drop-shadow(0 10px 12px #24493c1a)}
.solution-kit-card{position:absolute;width:55%;height:auto;right:-1%;bottom:4%;transform:rotate(-8deg);filter:drop-shadow(0 6px 9px #24493c20)}
.solution-references{padding:0;margin:20px 0 0;max-width:660px;list-style:none;display:grid;grid-template-columns:.85fr 1fr 1.15fr;gap:20px}
.solution-references li{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;line-height:1.35}
.solution-references svg{flex:none;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.solution-panel-link{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;text-decoration:none;color:#284f43;border-bottom:1px solid #42675340;padding-bottom:3px;transition:color .2s,border-color .2s}
.solution-panel-link:hover{color:#087f7b;border-color:currentColor}
.solution-panel-link:focus-visible{outline:2px solid #087f7b;outline-offset:5px}
@media(max-width:760px){
 .solution-intro{padding:22px 24px 28px;grid-template-columns:minmax(0,1fr) 112px;gap:15px 12px}
 .solution-copy{display:contents}
 .solution-copy h2{grid-column:1/-1;grid-row:1;font-size:var(--section-title);max-width:460px;margin:0}
 .solution-copy>p{grid-column:1;grid-row:2;font-size:15px;line-height:1.45}
 .solution-kit{grid-column:2;grid-row:2;align-self:center;aspect-ratio:1.05}
 .solution-references{grid-column:1/-1;grid-row:3;display:flex;gap:10px;margin:3px -24px 0 0;max-width:none;padding:1px 24px 7px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
 .solution-references li{flex:0 0 144px;scroll-snap-align:start;font-size:13px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:13px 14px;min-height:96px;border:1px solid #ffffffd9;border-radius:15px;background:linear-gradient(135deg,#fffdf58c,#e1e9e260)}
 .solution-references li:nth-child(2){background:linear-gradient(135deg,#f2edf78c,#e4e8f260)}
 .solution-references li:nth-child(3){background:linear-gradient(135deg,#e5f0e88c,#e9eddd60)}
 .solution-references svg{width:22px;height:22px}
 .solution-panel-link{grid-column:1/-1;grid-row:4;justify-self:start;margin-top:0;font-size:12px}
}

.solution-references:focus-visible{outline:2px solid #087f7b;outline-offset:4px}