.mt-auto Zet margin-top: auto;. Handig om een element omlaag te duwen binnen een flex-container.
.negative-margin Zet margin-top: -9rem; en z-index: 1; zodat het blok optisch “omhoog trekt” en boven aangrenzende elementen blijft.
.sticky Maakt het element sticky met position: sticky; top: 2rem;. Het blok blijft plakken aan de bovenkant zodra je ernaartoe scrollt (met 2rem offset).
Rand, Schaduw & Sidebar
.shadow Geeft een gelaagde drop shadow (drie lagen) voor subtiele diepte/kaartjeslook.
.sidebar Tekent een 1px rand in $primary ($clr-primary) rond het element en voegt 3rem padding binnenin toe.
.has-border-bottom Binnen .o2lab__container krijgen alle directe kinderen (> div) een grijze onderrand (1px solid #c1c1c1) met 4rem padding-bottom.
Tekstuitlijning
.align-left Tekst links uitlijnen (text-align: left;).
.align-center Tekst centreren (text-align: center;).
.align-right Tekst rechts uitlijnen (text-align: right;).
Custom SVG achtergrond
.line-left
Container: position: relative; overflow: hidden;
:before: vult de volledige hoogte (height: 100%), staat links buiten beeld (left: -45%) met 0.5 opacity en een brede decoratieve vorm.
Top-offset: top: 2rem;.
.line-right
Zelfde als .line-left, maar de decoratie staat rechts buiten beeld (right: -45%) i.p.v. links.