.energy-experiences{scroll-margin-top:100px}.energy-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.energy-experience-card{display:flex;flex-direction:column;min-width:0;border:1px solid #c6d6c1;border-radius:12px;background:#fffef9;overflow:hidden}.energy-experience-cover{display:block;position:relative;background:#061b28;aspect-ratio:1.65;overflow:hidden}.energy-experience-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;transition:transform .25s}.energy-experience-cover:hover img{transform:scale(1.025)}.energy-experience-agent img{object-fit:cover;object-position:50% 10%}.energy-experience-cover>span{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:12px;padding:30px 20px 14px;color:#bcf7ee;background:linear-gradient(transparent,#051821);font:10px Consolas,monospace;letter-spacing:1px}.energy-experience-cover b{font:500 11px system-ui,sans-serif;letter-spacing:0}.energy-experience-copy{display:flex;flex-direction:column;flex:1;padding:27px}.energy-experience-label{font-size:10px;letter-spacing:1px;color:#5d7854}.energy-experience-copy h3{font-size:25px;line-height:1.5;margin:9px 0 12px;letter-spacing:-.6px}.energy-experience-copy p{font-size:13px;line-height:1.95;color:var(--muted);margin:0 0 17px}.energy-experience-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.energy-experience-tags span{font-size:10px;background:#eef4e8;color:#506b46;border-radius:4px;padding:4px 9px}.energy-experience-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:auto}.energy-experience-actions .button{font-size:12px;padding:11px 16px}.energy-experience-actions>a:last-child{font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.energy-experience-note{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0}.project-demo-link{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;margin:15px 0;color:#fff;background:#17392e;border-radius:5px;font-size:12px}.project-demo-link:hover{background:#285340}
@media(max-width:760px){.energy-experience-grid{grid-template-columns:1fr;gap:20px}.energy-experience-copy{padding:22px}.energy-experience-copy h3{font-size:23px}.energy-experience-cover{aspect-ratio:1.6}.energy-experience-cover>span{padding-right:15px;padding-left:15px;font-size:9px}.energy-experience-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.energy-experience-cover img{transition:none}.energy-experience-cover:hover img{transform:none}}

.showcase-design-image{background:#061b28}.showcase-design-image img{object-fit:contain}