.hero-copy .proposed-services{font-size:clamp(8px,2.6cqi,14px);letter-spacing:.04em;margin-bottom:20px}.proposed-art{padding:0;min-height:0}.hero-device-image{display:block;width:115%;max-width:none;margin-left:-6%}.hero-copy .lead{font-size:18px;max-width:480px}@media(max-width:800px){.hero-device-image{width:100%;margin:0}.hero-copy .lead{font-size:16px}}
/* Platform showcase: scoped to the About section */
.experience .platform-intro{margin:14px 0 20px;line-height:1.6}
.experience .platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.experience .platform-tile{display:flex;align-items:center;justify-content:center;min-height:65px;padding:10px 8px;border:1px solid rgba(110,125,150,.25);border-radius:10px;background:rgba(125,145,175,.055);font-size:clamp(11px,1.05vw,14px);font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere}
@media(max-width:540px){.experience .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Recognizable brand marks with readable labels; no additional local assets needed. */
.experience .platform-tile{flex-direction:column;gap:8px;min-height:94px;padding:12px 6px}
.experience .platform-tile img{display:block;width:34px;height:34px;object-fit:contain}
.experience .platform-tile span{display:block;font-size:12px;line-height:1.25}


/* Keep the complete desktop highlight row visible on shorter screens. */
@media(min-width:801px){.hero{padding-top:28px;padding-bottom:24px}.hero-device-image{max-height:390px;object-fit:contain}.hero-highlights{margin-top:24px;padding-top:18px}.hero-copy .actions{margin-top:20px}}
@media(min-width:801px) and (max-height:760px){.hero{padding-top:16px;padding-bottom:18px}.hero-device-image{max-height:340px}.hero-highlights{margin-top:18px;padding-top:16px}}