/* ===== /om-oss — sidespesifikk styling (CLAUDE.md §7.0) =====
   Bygget etter startsidens iso-design. Gradient på ALLE overskrifter.
   Alle bokser contained (mellomrom til sidemeny/skjermkant), ingen full-bleed.
   Ingen mørke bokser i lys modus. Ingen inline <style> i viewet. */

/* --- Gradienttekst på ALLE overskrifter --- */
.om-oss-page h1,
.om-oss-page h2,
.om-oss-page h3 {
    background: var(--aurora-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.om-oss-page h1 span,
.om-oss-page h2 span,
.om-oss-page h3 span {
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Hero-tittel "Vi bygger norsk AI-infrastruktur" — NØYAKTIG samme gradient som
   startsidens hero-highlight "...bevises, drives og eies" (Hans 2026-07-04).
   Startsiden bruker .lx-aurora-gradient-text { background: var(--aurora-gradient) } =
   grønn->teal->violett. Høy spesifisitet + !important for å slå den globale
   .iso-page h1-regelen i aurora. */
.om-oss-page h1.om-oss-hero-title,
.om-oss-page h1.om-oss-hero-title span {
    background: var(--aurora-gradient) !important;
    background-size: auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    animation: none !important;
}

/* --- Nøkkeltall-boks: contained + tema-farge (ikke svart i lys modus) --- */
.om-oss-page .stats-bar {
    width: calc(100% - 4rem);
    max-width: 1200px;
    margin: 2.5rem auto;
    padding: 40px 2rem;
    border-radius: 16px;
    border: 1px solid var(--iso-card-border);
    background: var(--iso-card-bg);
}
.om-oss-page .stats-bar .stat-item p { color: var(--iso-muted); }

/* --- CTA-banner: contained (ikke full-bleed ut til sidemeny/skjermkant) --- */
.om-oss-page .iso-cta {
    width: calc(100% - 4rem);
    max-width: 1200px;
    margin: 2.5rem auto;
    border-radius: 16px;
}

/* --- Team-seksjon: matcher live (academy-team-copy), men LYS i lys modus + contained --- */
.om-oss-page .academy-team-copy {
    width: calc(100% - 4rem);
    max-width: 1200px;
    margin: 2.5rem auto;
    padding: 56px 40px 64px;
    border-radius: 16px;
    border: 1px solid var(--iso-card-border);
    background: var(--iso-section-alt);   /* tema-farge, ikke #151515 (svart) */
}
.om-oss-page .academy-team-copy .section-container { max-width: 1160px; padding: 0; }
.om-oss-page .academy-team-kicker {
    color: var(--iso-muted); font-size: .78rem; font-weight: 700;
    letter-spacing: .14em; margin: 0 0 14px; text-transform: uppercase;
}
/* Team-overskrift: live-gradient (lilla->blå->teal->grønn), høyere spesifisitet enn h2-regelen */
.om-oss-page .academy-team-heading {
    background: linear-gradient(135deg, #7c6cff 0%, #1fb6ff 38%, #18d4c6 65%, #72e06a 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 800;
    letter-spacing: -.04em; line-height: 1.04; margin: 0 0 40px; max-width: 860px;
}
.om-oss-page .academy-team-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;
}
.om-oss-page .academy-person-card {
    background: var(--iso-card-bg); border: 1px solid var(--iso-card-border);
    border-radius: 18px; overflow: hidden;
}
.om-oss-page .academy-person-card img {
    aspect-ratio: 4 / 3; display: block; height: auto; object-fit: cover; width: 100%;
}
.om-oss-page .academy-person-card--hans img { object-position: center 22%; }
.om-oss-page .academy-person-card--julian img { object-position: center 20%; }
.om-oss-page .academy-person-body { padding: 28px 30px 32px; }
.om-oss-page .academy-person-body h3 {
    font-family: 'Poppins', sans-serif; font-size: 1.35rem; font-weight: 700;
    letter-spacing: -.02em; margin: 0 0 6px;   /* gradient arves fra .om-oss-page h3 */
}
.om-oss-page .academy-person-role { color: var(--iso-muted); font-size: .92rem; margin: 0 0 18px; }
.om-oss-page .academy-person-body p:last-child {
    color: var(--iso-muted); font-size: .95rem; line-height: 1.7; margin: 0;
}
@media (max-width: 720px) {
    .om-oss-page .academy-team-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .om-oss-page .stats-bar { padding: 32px 1rem; }
    .om-oss-page .academy-team-copy { padding: 40px 20px 48px; }
}