/* Authentic silhouettes; each large mark is paired with its file format. */
.platform-icons { --platform-icon-color:#ff5247; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(16px,2vw,32px); width:100%; margin:0; padding:0; list-style:none; color:#111; }
.platform-icons .platform-item { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:0; min-width:0; text-align:center; }
.platform-icons .platform-icon { display:block; flex:0 0 auto; width:clamp(86px,7.5vw,144px); height:clamp(86px,7.5vw,144px); max-width:100%; margin:0 0 18px; background-color:var(--platform-icon-color); -webkit-mask:var(--platform-icon-image) center/contain no-repeat; mask:var(--platform-icon-image) center/contain no-repeat; }
.platform-app { font:500 15px/1.4 'IBM Plex Mono',monospace; }
.platform-filetype { display:block; margin-top:7px; font-size:clamp(28px,2.6vw,42px); font-weight:500; line-height:1.2; letter-spacing:-.035em; }
.platform-status { display:block; margin-top:8px; color:#4b4542; font:500 10px/1.45 'IBM Plex Mono',monospace; }
.platform-icon--autocad { --platform-icon-image:url('./platform-icons/autocad.svg'); }
.platform-icon--rhino { --platform-icon-image:url('./platform-icons/rhino.svg'); }
.platform-icon--sketchup { --platform-icon-image:url('./platform-icons/sketchup.svg'); }
.platform-icon--bim { --platform-icon-image:url('./platform-icons/bim.svg'); }
.platform-icons--white { --platform-icon-color:#fff; color:#fff; }
.platform-icons--graphite { --platform-icon-color:#111; color:#111; }
@media(max-width:1000px){ .platform-icons { max-width:860px; margin-top:12px; } .platform-icons .platform-icon { width:112px; height:112px; } }
@media(max-width:600px){ .platform-icons { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 24px; } .platform-icons .platform-icon { width:112px; height:112px; margin-bottom:12px; } .platform-filetype { font-size:32px; } }