/* Product-to-project applications. Native links, responsive scenes, no slider. */
.product-applications { padding-block: 44px 24px; border-top: 1px solid var(--line); color: #e7eff3; }
.product-applications-heading { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 40px; margin-bottom: 28px; }
.product-applications-heading .eyebrow { margin-bottom: 18px; }
.product-applications-heading h2 { font-size: clamp(32px,3.3vw,50px); line-height: 1.1; }
.product-applications-heading>p { max-width: 400px; justify-self: end; color: #acbfca; font-size: 14px; line-height: 1.8; }
.product-application-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.product-application-card { min-width: 0; overflow: hidden; display: flex; flex-direction: column; border: 1px solid #334c59; border-radius: 4px; background: #10212b; }
.product-application-photo { position: relative; aspect-ratio: 1.65; overflow: hidden; background: #08141c; }
.product-application-photo::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,#07141beb); pointer-events: none; }
.product-application-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-application-photo>span { position: absolute; z-index: 1; inset: auto 24px 18px; color: #d7e6ee; font: 10px/1.6 var(--font-mono); }
.product-application-copy { display: flex; flex-direction: column; align-items: start; flex: 1; padding: 24px; }
.product-application-copy h3 { font-size: clamp(23px,2vw,31px); line-height: 1.2; margin: 0 0 14px; }
.product-application-copy>p { font-size: 13px; line-height: 1.8; color: #adc1cd; margin-bottom: 24px; }
.product-application-copy>.btn { margin-top: auto; width: 100%; }
.product-applications-image-note { font-size: 10px; line-height: 1.7; color: #91a9b7; margin-top: 12px; }
@media (max-width:1000px) and (min-width:761px) {
 .product-application-grid { gap: 10px; }
 .product-application-copy { padding: 18px; }
 .product-application-photo>span { inset-inline: 18px; font-size: 9px; }
}
@media (max-width:760px) {
 .product-applications { padding-block: 32px; }
 .product-applications-heading { grid-template-columns: 1fr; gap: 16px; }
 .product-applications-heading>p { max-width: none; justify-self: start; }
 .product-application-grid { grid-template-columns: 1fr; gap: 20px; }
 .product-application-photo { aspect-ratio: 1.85; }
 .product-application-copy { padding: 22px; }
 .product-application-copy h3 { font-size: 28px; }
}