/* www.globestar.nl /about (over_mij.py). Strict CSP: external file, no inline styles. */
.om-wrap{max-width:72rem;margin:0 auto;padding:7rem 1.5rem 4rem}
.om-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2.5rem;align-items:center}
.om-kicker{color:#60a5fa;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}
.om-h1{font-size:2.6rem;line-height:1.15;font-weight:800;color:var(--gs-fg);margin-bottom:1.25rem}
.om-lead{font-size:1.15rem;line-height:1.7;color:var(--gs-muted);margin-bottom:1.75rem}
.om-btns{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.om-center{justify-content:center}
.om-btn{display:inline-block;padding:.65rem 1.4rem;border-radius:.6rem;font-weight:600;font-size:.95rem}
.om-link{color:#60a5fa;font-weight:500}.om-link:hover{text-decoration:underline}
html.light .om-link,html.light .om-kicker{color:#2563eb}
.om-card{border-radius:1.25rem;padding:1.75rem;text-align:center}
.om-photo{width:11rem;height:11rem;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:3px solid rgba(96,165,250,.45);box-shadow:0 10px 30px -10px rgba(37,99,235,.6)}
.om-name{font-size:1.3rem;font-weight:700;color:var(--gs-fg)}
.om-role{font-size:.9rem;color:var(--gs-muted);margin-bottom:1.1rem}
.om-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;text-align:left;margin-bottom:1.1rem}
.om-facts div{padding:.6rem .75rem;border-radius:.7rem;background:rgba(59,130,246,.08);border:1px solid var(--gs-border)}
.om-facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gs-muted)}
.om-facts dd{margin:0;font-weight:600;color:var(--gs-fg);font-size:.92rem}
.om-card-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;font-size:.92rem}
.om-sec{margin-top:4rem}
.om-h2{font-size:1.8rem;font-weight:700;color:var(--gs-fg);margin-bottom:1rem}
.om-intro{color:var(--gs-muted);line-height:1.7;max-width:48rem;margin-bottom:1.5rem;font-size:1.05rem}
.om-prose{max-width:48rem}
.om-prose p{color:var(--gs-muted);line-height:1.75;font-size:1.05rem;margin-bottom:1rem}
.om-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.om-item{border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column}
.om-item h3{font-size:1.15rem;font-weight:700;color:var(--gs-fg);margin:.9rem 0 .5rem}
.om-item p{color:var(--gs-muted);line-height:1.6;font-size:.95rem;flex:1}
.om-more{margin-top:.9rem;font-size:.92rem}
.om-ico{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.7rem;background:rgba(59,130,246,.14);border:1px solid rgba(96,165,250,.3);color:#60a5fa}
.om-ico svg,.om-ico i{width:1.4rem;height:1.4rem}
.om-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.om-principles li{display:flex;gap:.75rem;align-items:flex-start;padding:1.1rem;border-radius:1rem}
.om-principles svg,.om-principles i{flex:none;width:1.3rem;height:1.3rem;color:#34d399;margin-top:.15rem}
.om-principles strong{display:block;color:var(--gs-fg);margin-bottom:.2rem}
.om-principles span{color:var(--gs-muted);font-size:.92rem;line-height:1.5}
.om-site{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;padding:2rem;border-radius:1.25rem}
.om-site p{color:var(--gs-muted);line-height:1.6;max-width:40rem}
.om-site .om-h2{margin-bottom:.5rem}
.om-cta{text-align:center}
.om-cta>p{color:var(--gs-muted);margin-bottom:1.25rem}
.om-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.om-sw-head{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}
.om-sw-head .om-kicker{margin-bottom:.25rem}
.om-sw-head .om-h2{margin-bottom:0}
.om-sw-mark{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:.9rem;background:linear-gradient(135deg,rgba(99,102,241,.35),rgba(59,130,246,.2));border:1px solid rgba(129,140,248,.45);color:#a5b4fc;flex:none}
.om-sw-mark svg,.om-sw-mark i{width:1.6rem;height:1.6rem}
.om-sw .om-intro{margin-top:1rem}
.om-sw-item{border-top:2px solid rgba(129,140,248,.55)}
.om-sw-top{display:flex;align-items:center;justify-content:space-between}
.om-ico-sw{background:rgba(99,102,241,.16);border-color:rgba(129,140,248,.35);color:#a5b4fc}
.om-tag{flex:none!important;margin:-.2rem 0 .6rem;font-size:.78rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a5b4fc!important}
.om-soon{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.4);color:#fbbf24}
html.light .om-ico-sw,html.light .om-sw-mark,html.light .om-tag{color:#4f46e5!important}
html.light .om-soon{color:#b45309}
@media (max-width:1023px){.om-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.om-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.om-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .om-wrap{padding:6rem 1.1rem 3rem}
  .om-hero{grid-template-columns:1fr;gap:2rem}
  .om-h1{font-size:1.9rem}
  .om-grid,.om-grid-4,.om-principles{grid-template-columns:1fr}
  .om-sec{margin-top:3rem}
  .om-h2{font-size:1.5rem}
  .om-site{padding:1.5rem}
}