/* Compact services: six small illustrated links, using the existing palette. */
#services.services-showcase{padding:64px 0;background:var(--paper-2)}
#services .services-intro{grid-template-columns:1.2fr 1fr;gap:36px;margin-bottom:24px;align-items:center}
#services .services-intro h2{font-size:clamp(30px,3vw,40px);line-height:1.08;letter-spacing:-.04em}
#services .services-intro .label{margin-bottom:12px;font-size:10px}
#services .services-intro-copy{padding:0}
#services .services-intro-copy p{font-size:14px;line-height:1.6;margin:0;max-width:44ch}
#services .services-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#services .service-tile{position:relative;display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:16px;min-height:150px;padding:18px 34px 18px 16px;border-radius:9px;border-color:var(--line);box-shadow:none}
#services .service-art{aspect-ratio:8/5;width:94px;border:0;border-radius:5px}
#services .service-tile-copy{padding:0;display:block;min-width:0}
#services .service-tile-top{margin-bottom:8px}
#services .service-type{font-size:8px;letter-spacing:.08em;color:var(--accent-2)}
#services .service-tile h3{font-size:17px;line-height:1.22;margin:0 0 8px;letter-spacing:-.025em;max-width:none}
#services .service-tile p{font-size:11.5px;line-height:1.5;margin:0;max-width:none}
#services .service-tile-bottom{display:block;border:0;margin:0;padding:0}
#services .service-arrow{position:absolute;right:11px;top:13px;width:22px;height:22px;font-size:14px;border-color:transparent;color:var(--accent-2)}
#services .services-footnote{margin-top:18px;padding:16px 20px;gap:16px;border-radius:8px}
#services .services-footnote strong{font-size:16px;margin:0;letter-spacing:-.02em}
#services .services-footnote .btn{font-size:12px;padding:10px 18px;background:var(--accent-2)}
@media(hover:hover){#services .service-tile:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 20px -15px #1c1d2050}#services .service-tile:hover .service-arrow{background:var(--accent-2);color:#fff}}
@media(max-width:1100px){#services .services-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}#services .service-tile{min-height:134px}}
@media(max-width:700px){#services.services-showcase{padding:44px 0}#services .services-intro{grid-template-columns:1fr;gap:14px;margin-bottom:22px}#services .services-intro h2{font-size:34px}#services .services-intro-copy p{font-size:13px}#services .services-catalogue{grid-template-columns:1fr;gap:10px}#services .service-tile{grid-template-columns:84px minmax(0,1fr);gap:16px;min-height:112px;padding:16px 36px 16px 14px}#services .service-art{width:84px}#services .service-tile h3{font-size:17px;margin-bottom:5px}#services .service-tile-top{margin-bottom:5px}#services .service-tile p{font-size:12px}#services .services-footnote{flex-direction:row;align-items:center;padding:16px}#services .services-footnote strong{font-size:15px;max-width:18ch}#services .services-footnote .btn{width:auto}}
@media(max-width:380px){#services .service-tile{grid-template-columns:68px minmax(0,1fr);gap:12px}#services .service-art{width:68px}#services .service-tile h3{font-size:16px}#services .services-footnote{flex-direction:column;align-items:stretch;gap:12px}#services .services-footnote strong{max-width:none}#services .services-footnote .btn{width:100%}}
