/* UI only: never desaturate user photographs, video or the original logo. */
:root{--ink:#222;--muted:#666;--line:#dedede;--accent:#333;--brand:#333}
body{color:#222;background:#fff}header,footer{background:#fff;color:#333;border-color:#ddd}
a{color:#333}.primary,.button.primary,button.primary{background:#333;color:#fff;border-color:#333}
.language-note,.note,.empty,.copy p{color:#666}.pills a,.category-card,.company-services{border-color:#ddd}
.hero-media{min-width:0;position:relative}.hero-media>img,.hero-media>video{width:100%;height:auto;max-height:70vh;object-fit:contain}
.hero-media-controls{display:flex;gap:8px;justify-content:center;margin:8px 0}.hero-media-controls button{min-height:44px;min-width:44px;border:1px solid #bbb;background:#f6f6f6;color:#222;border-radius:8px;padding:10px 14px}
.hero-video-related{display:flex;flex-wrap:wrap;gap:8px}.hero-video-related a{padding:8px;background:#f5f5f5;border-radius:6px}
.hero-media [hidden]{display:none}.company-lightbox img{object-fit:contain;max-height:80vh}
@media(hover:hover){.hero-media-controls button:first-child{opacity:.2;transition:opacity .15s}.hero-media:hover .hero-media-controls button,.hero-media:focus-within .hero-media-controls button{opacity:1}}