/* Full SKYTEK GROUP logo, scoped to the About page introduction. */
.sk-about-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
.sk-about-intro { grid-column: 1; grid-row: 1; min-width: 0; }
.sk-about-identity { grid-column: 2; grid-row: 1; width: 100%; }
.sk-about-identity img { display: block; width: 100%; height: auto; }
.sk-about-identity .sk-about-logo-night { display: none; }
html[data-sk-color-mode="dark"] .sk-about-identity .sk-about-logo-day { display: none; }
html[data-sk-color-mode="dark"] .sk-about-identity .sk-about-logo-night { display: block; }
@media (max-width: 900px) {
  .sk-about-hero-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .sk-about-identity { grid-column: 1; grid-row: 1; width: min(280px, 100%); }
  .sk-about-intro { grid-column: 1; grid-row: 2; }
}
@media (max-width: 600px) {
  .sk-about-identity { width: min(230px, 100%); }
  .sk-about-hero-layout { gap: 26px; }
}