/* Spacing classes */
.lh-section        { padding-block: 160px; }   /* desktop */
.lh-section-tight  { padding-block: 96px; }
.lh-container      { max-width: 1440px; margin-inline: auto; padding-inline: 72px; }
.lh-gutter         { padding-inline: 72px; }

/* Typography classes */
.lh-eyebrow   { font: 700 13px/1 Inter, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; color: #00f0ff; }
.lh-meta      { font: 600 12px/1.1 Inter, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: #9b978f; }
.lh-lead      { font: 400 30px/1.22 Inter, sans-serif; letter-spacing: -0.03em; }

/* Color classes */
.lh-text-accent  { color: #00f0ff; }
.lh-text-muted   { color: #9b978f; }
.lh-bg-soft      { background: #101010; }
.lh-bg-panel     { background: #151515; }

/* Media Queries for Mobile/Tablet */
@media (max-width: 767px) {
    .lh-section { padding-block: 72px; }
    .lh-section-tight { padding-block: 48px; }
    .lh-container { padding-inline: 20px; }
    .lh-gutter { padding-inline: 20px; }
}