/* A single platform directory, using the site's shared ink and water palette. */
#services{max-width:1200px;text-align:start;padding-block:var(--section-space)}
#services .section-heading{display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:24px;margin:0 0 28px}
#services .studio-section-kicker{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:0;color:var(--accent);margin:0 0 10px}
#services h2{font-size:34px;line-height:1.25;letter-spacing:-.025em;margin:0;text-wrap:balance}
#services .studio-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex:none;min-height:44px;margin:0;padding:10px 16px;border:var(--stroke) solid var(--ink);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;text-decoration:none;transition:background-color 180ms ease,color 180ms ease}
#services .studio-inline-link>span:last-child{color:inherit;font-size:17px}
#services .studio-platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:0;border:var(--stroke) solid var(--ink);border-radius:var(--radius-panel);background:var(--line);overflow:hidden}
#services .studio-platform-card{display:grid;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;justify-content:normal;gap:10px;min-width:0;min-height:96px;margin:0;padding:20px 16px;border:0;border-radius:0;background:var(--paper);box-shadow:none;color:var(--ink);font-size:14px;font-weight:600;line-height:1.5;text-align:start;text-decoration:none;transform:none;transition:background-color 180ms ease}
#services .studio-platform-logo{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--soft);transform-origin:center;transition:transform 320ms cubic-bezier(.22,1.4,.36,1),background-color 180ms ease,border-color 180ms ease}
#services .studio-platform-logo img{display:block;width:26px;height:26px;object-fit:contain;opacity:1;filter:brightness(0)}
#services .studio-platform-name{min-width:0;overflow-wrap:anywhere}
#services .studio-platform-arrow{display:block;margin:0;color:var(--muted);font-size:17px;font-weight:400;line-height:1;transition:transform 220ms ease,color 180ms ease}
#services .studio-platform-card:focus-visible{position:relative;z-index:1;outline:3px solid var(--accent);outline-offset:-5px;background:var(--soft)}
#services .studio-platform-card:active{background:var(--selected)}
@media(hover:hover){#services .studio-platform-card:hover{background:var(--soft);transform:none;box-shadow:none}#services .studio-platform-card:hover .studio-platform-logo{background:var(--brand-cyan);border-color:var(--ink);transform:translateY(-2px) rotate(-5deg)}#services .studio-platform-card:hover .studio-platform-arrow{color:var(--ink);transform:translate(2px,-2px)}#services .studio-inline-link:hover{background:var(--ink);color:var(--paper)}}
@media(max-width:1100px){#services .studio-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#services .studio-platform-card{padding:20px;gap:12px;min-height:90px}}
@media(max-width:600px){#services .section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:24px}#services h2{font-size:28px;line-height:1.35}#services .studio-section-kicker{font-size:12px;margin-bottom:8px}#services .studio-inline-link{font-size:12px;padding:9px 13px;min-height:42px;gap:14px}#services .studio-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px}#services .studio-platform-card{display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:98px;padding:15px 6px;font-size:12px;text-align:center}#services .studio-platform-logo{width:38px;height:38px;border-radius:11px}#services .studio-platform-logo img{width:23px;height:23px}#services .studio-platform-arrow{display:none}}
@media(prefers-reduced-motion:reduce){#services .studio-platform-card,#services .studio-platform-logo,#services .studio-platform-arrow,#services .studio-inline-link{transition:none}#services .studio-platform-card:hover .studio-platform-logo,#services .studio-platform-card:hover .studio-platform-arrow{transform:none}}