.banner--systems .banner-media img{object-fit:cover;object-position:75% bottom;width:100%;height:clamp(320px,75vh,900px)}.banner--systems .banner-content{align-self:center}@media (min-width:600px){.banner--systems .banner-media img{object-position:center center;height:clamp(320px,65vh,900px)}.banner--systems .banner-content{max-width:900px}}@media (min-width:1441px){.banner--systems .banner-content{max-width:1700px}.banner--systems .banner-media img{object-position:center 45%}}.banner--systems .banner-h1{margin-bottom:1rem}.system-tile-container{width:min(100%,var(--container-w));grid-template-columns:1fr;gap:3rem 1.5rem;margin:0 auto;display:grid}@media (min-width:600px){.system-tile-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.system-tile-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.system-tile{border:1px solid var(--brand-soft);box-shadow:var(--light-shadow);background:#fff;border-radius:10px;grid-template-rows:auto auto 1fr;gap:10px;padding:14px;transition:transform 80ms,box-shadow .15s;display:grid}.system-tile:hover{box-shadow:var(--dark-shadow);transform:translateY(-1px)}.tile-title-wrap{--title-lines:3;--tile-lh:1.2;min-height:calc(var(--title-lines)*1em*var(--tile-lh));margin-top:calc(.5em*var(--tile-lh));align-content:start;display:grid}.tile-title{color:var(--brand-blue);font-family:Exo,system-ui,sans-serif;font-size:1.1rem;line-height:var(--tile-lh);-webkit-line-clamp:var(--title-lines);line-clamp:var(--title-lines);-webkit-box-orient:vertical;margin:0;padding:0 10px;font-weight:600;display:-webkit-box;overflow:hidden}.system-tile-footer{border-left:2px solid var(--brand-accent);flex-direction:column;justify-content:space-between;padding:5px 10px;display:flex}.tile-excerpt{color:var(--brand-blue);margin:0 0 .5rem;padding:0 10px;font-size:1rem}.clamp-2{-webkit-line-clamp:3;line-clamp:3.;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.system-img-wrapper{background:var(--prod-tile-color);aspect-ratio:var(--img-ar,3/4);border-radius:10px;place-items:center;margin:.5rem 0;padding:10px;display:grid;position:relative;overflow:hidden}.page--systems .system-img-wrapper{--img-ar:3/4}.system-img-wrapper img{object-fit:contain;filter:drop-shadow(0 1px 2px #00000040);width:75%;height:100%}.system-img-wrapper img.short-img{width:90%}.tile-cta{color:var(--brand-blue);padding:0 10px;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none}.system-tile:hover,.system-tile:focus-within{box-shadow:var(--dark-shadow);cursor:pointer;transform:translateY(-1px)}.system-tile:hover .tile-cta{color:var(--brand-accent);text-decoration:none}@media (min-width:992px) and (max-width:1500px){.clamp-2{-webkit-line-clamp:4;line-clamp:4}}.tile-badges{gap:6px;display:flex;position:absolute;inset:12px auto auto 12px}.badge{--badge-offset:10px;top:var(--badge-offset);left:var(--badge-offset);z-index:1;background:var(--brand-accent);border:2px solid var(--brand-accent);color:#fff;letter-spacing:1px;border-radius:999px;padding:2px 20px;font-family:exo;font-size:1rem;font-weight:600;line-height:1.8rem;position:absolute;box-shadow:0 1px 2px #00000014}@media (max-width:480px){.badge{--badge-offset:8px;font-size:1rem}}