/* Rijmbos — Over ons (herontwerp) */
.pagina-over{--ijzer:#505D62}
.o-intro{padding:120px 0 10px}
.o-intro-tekst{margin:0 auto;max-width:880px;text-align:center;color:#1D1D1F;font-family:"Inter Tight",sans-serif;font-weight:600;font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;line-height:1.22}
/* breed beeld dat boven en onder in het wit oplost */
.o-band{margin:10px 0 0}
.o-band figure{margin:0 auto;max-width:1280px;height:min(62vh,620px);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 72%,transparent 100%),linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 72%,transparent 100%),linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}
.o-band img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
.o-team{padding:0 0 40px}
.o-team .profiel{padding:70px 0}
.o-team .profiel .cirkel.in,.o-team .profiel .cirkel{clip-path:inset(0 round 28px)!important}
.o-team .profiel .mail{color:var(--ijzer)}
/* adres: voordeur zacht ingevloeid + smeedwerk */
.o-adres{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px;align-items:center;padding:50px 0 110px}
.o-deur{margin:0;
  -webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 62%,transparent 100%)}
.o-deur img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.o-adres-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.o-embleem{width:110px;color:var(--ijzer)}
.o-embleem .x-gate{display:block;width:100%;height:auto}
.o-embleem .x-gate :is(path,ellipse,circle,rect){stroke-dasharray:1 1;stroke-dashoffset:1}
.o-adres-tekst.zicht .o-embleem .x-gate :is(path,ellipse,circle,rect){animation:oTeken 2.6s cubic-bezier(.6,0,.2,1) forwards}
@keyframes oTeken{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.o-adres-lijn{margin:0;font-family:"Inter Tight",sans-serif;font-weight:600;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em;line-height:1.15;color:#1D1D1F}
.o-slot{position:relative;overflow:hidden}
@media (max-width:834px){
  .o-intro{padding:80px 0 0}
  .o-intro-tekst{font-size:25px;text-align:left}
  .o-band figure{height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 80%,transparent 100%)}
  .o-band img{height:auto;aspect-ratio:4/5}
  .o-team .profiel{padding:36px 0}
  .o-adres{grid-template-columns:1fr;gap:28px;padding:20px 0 70px}
  .o-embleem{width:76px}
  .o-adres-lijn{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.o-embleem .x-gate :is(path,ellipse,circle,rect){stroke-dashoffset:0!important;animation:none!important}}