@property --draai{syntax:"<angle>";inherits:true;initial-value:0deg}@property --zweef{syntax:"<number>";inherits:true;initial-value:0}.kaartje{aspect-ratio:1/.86;perspective:1400px;position:relative;container-type:inline-size}.kaartje__knop{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;width:100%;display:block;position:absolute;inset:0}.kaartje__rig{--w:74cqi;--u:calc(var(--w) / 100);width:var(--w);height:calc(var(--u) * 64.7);transform-style:preserve-3d;transform:translate(-50%, -50%) rotateX(calc(34deg + var(--px,0deg))) rotateY(var(--py,0deg)) rotateZ(-8deg);position:absolute;top:46%;left:50%}.kaartje__schaduw,.kaartje__wip,.kaartje__kaart,.kaartje__gezicht,.kaartje__voor>span{display:block;position:absolute}.kaartje__schaduw{inset:calc(var(--u) * -4) calc(var(--u) * -5);transform:translateZ(calc(var(--u) * -2.5));background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%}.kaartje__wip,.kaartje__kaart{transform-style:preserve-3d;inset:0}.kaartje__onder[data-tint=bot]{--papier:#efebe0;transform:translate3d(calc(var(--u) * -7), calc(var(--u) * -4), calc(var(--u) * -.6)) rotateZ(-7deg)}.kaartje__onder[data-tint=eierschaal]{--papier:#f2efe7;transform:translate3d(calc(var(--u) * 6), calc(var(--u) * 5), calc(var(--u) * -1.2)) rotateZ(5deg)}.kaartje__onder[data-tint=ivoor]{--papier:#ece7da;transform:translate3d(calc(var(--u) * -2), calc(var(--u) * 10), calc(var(--u) * -1.8)) rotateZ(-2.5deg)}.kaartje__boven{--papier:#f4f1e9;transform:translateZ(calc(var(--u) * (.4 + sin(var(--draai)) * 36 + var(--zweef) * 2.5))) rotateX(var(--draai));transition:--draai .7s cubic-bezier(.65,0,.35,1),--zweef .26s cubic-bezier(.23,1,.32,1)}.kaartje__knop[aria-pressed=true] .kaartje__boven{--draai:180deg}@media (hover:hover) and (pointer:fine){.kaartje__knop:hover .kaartje__boven{--zweef:1}}.kaartje__wip[data-wip=aan]{animation:.64s cubic-bezier(.65,0,.35,1) kaartje-wip}@keyframes kaartje-wip{45%{transform:translateZ(calc(var(--u) * 7)) rotateX(-7deg)}}.kaartje__gezicht{border-radius:calc(var(--u) * 1.4);backface-visibility:hidden;inset:0;overflow:hidden}.kaartje__voor{background:linear-gradient(160deg, #ffffff59, #fff0 40%, #00000014), var(--papier);color:#3b3a35;font-family:ui-serif,Georgia,Times New Roman,serif;box-shadow:inset 0 0 0 1px #0000000f}.kaartje__tel{left:calc(var(--u) * 6);top:calc(var(--u) * 6);font-size:calc(var(--u) * 2.6);letter-spacing:.06em}.kaartje__naam{left:0;right:0;top:calc(var(--u) * 24);text-align:center;font-size:calc(var(--u) * 5.2);font-variant:small-caps;letter-spacing:.14em;color:#2a2925}.kaartje__functie{left:0;right:0;top:calc(var(--u) * 32);text-align:center;font-size:calc(var(--u) * 2.9);font-variant:small-caps;letter-spacing:.18em}.kaartje__links,.kaartje__rechts{bottom:calc(var(--u) * 6);font-size:calc(var(--u) * 2.6);letter-spacing:.05em;line-height:1.45}.kaartje__links{left:calc(var(--u) * 6);font-variant:small-caps}.kaartje__rechts{right:calc(var(--u) * 6);text-align:right}.kaartje__achter{color:#1b1b1a;font-family:var(--font-body);background:#f5f3ee;grid-template-rows:auto 1fr;display:grid;transform:rotateX(180deg)}.kaartje__balk{align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.8) calc(var(--u) * 3);font-family:var(--font-mono);font-size:calc(var(--u) * 2.2);color:#55534e;background:#e6e2d8;display:flex}.kaartje__balk i{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);background:#c9c4b8;border-radius:50%;display:block}.kaartje__balk span{margin-left:calc(var(--u) * 2)}.kaartje__site{padding:0 calc(var(--u) * 5);grid-template-rows:auto 1fr;display:grid}.kaartje__site-top{padding:calc(var(--u) * 2.6) 0;font-size:calc(var(--u) * 2.2);color:#55534e;justify-content:space-between;align-items:center;display:flex}.kaartje__site-top b{font-family:var(--font-display);font-size:calc(var(--u) * 3.2);letter-spacing:-.02em;color:#1b1b1a}.kaartje__site-hero{align-items:center;gap:calc(var(--u) * 4);padding-bottom:calc(var(--u) * 4);grid-template-columns:1.2fr 1fr;display:grid}.kaartje__site-tekst{justify-items:start;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 2.5);color:#55534e;line-height:1.35;display:grid}.kaartje__site-tekst b{font-family:var(--font-display);font-size:calc(var(--u) * 5.6);letter-spacing:-.035em;text-wrap:balance;color:#1b1b1a;font-weight:700;line-height:1.02;display:block}.kaartje__site-knop{padding:calc(var(--u) * 1.4) calc(var(--u) * 3);background:var(--color-accent-primary);font-size:calc(var(--u) * 2.3);color:#061014;border-radius:999px;font-weight:600;display:block}.kaartje__site-foto{height:100%;min-height:calc(var(--u) * 26);border-radius:calc(var(--u) * 2);background:linear-gradient(160deg, rgb(var(--world-light-rgb) / .55), rgb(var(--world-light-rgb-2) / .45)), #3b4a36;display:block}.kaartje__beeld{height:100%;min-height:calc(var(--u) * 26);display:grid}.kaartje__portret{position:relative;overflow:hidden}.kaartje__portret:before,.kaartje__portret:after{content:"";background:#1b1b1a8c;position:absolute;left:50%;translate:-50%}.kaartje__portret:before{aspect-ratio:1;border-radius:50%;width:34%;top:24%}.kaartje__portret:after{border-radius:45% 45% 0 0;width:70%;height:60%;top:66%}.kaartje__galerij{gap:calc(var(--u) * 1.2);grid-template-rows:1fr 1fr;grid-template-columns:1.3fr 1fr}.kaartje__galerij i{border-radius:calc(var(--u) * 1.2);background:linear-gradient(165deg,#6d6a64,#2c2b28);display:block}.kaartje__galerij i:first-child{background:linear-gradient(170deg,#a59a8a,#4a4238 70%);grid-row:span 2}.kaartje__galerij i:last-child{background:linear-gradient(150deg,#39434a,#15191c)}.kaartje__voorna{gap:calc(var(--u) * .8);grid-template-columns:1fr 1fr}.kaartje__voorna i{padding:calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.2);font-family:var(--font-mono);font-size:calc(var(--u) * 1.9);letter-spacing:.08em;text-transform:uppercase;color:#f5f3ee;align-items:flex-end;font-style:normal;display:flex}.kaartje__voorna i:first-child{background:repeating-linear-gradient(115deg, #ffffff0f 0 calc(var(--u) * .8), transparent 0 calc(var(--u) * 2.4)), linear-gradient(170deg, #7a6f5c, #3d362b)}.kaartje__voorna i:last-child{background:linear-gradient(#0000 62%,#8f8a7e 62% 70%,#0000 70%),linear-gradient(170deg,#4f7a45,#233a20)}.kaartje__lijst{align-content:center;gap:calc(var(--u) * 1.2);font-size:calc(var(--u) * 2.3);color:#55534e}.kaartje__lijst>span{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 2);padding:calc(var(--u) * 1.7) calc(var(--u) * 2.2);border-radius:calc(var(--u) * 1.2);background:#e9e5db;display:flex}.kaartje__lijst b{color:#1b1b1a;font-weight:600}.kaartje__agenda>span[data-actief]{box-shadow:inset 0 0 0 calc(var(--u) * .35) var(--color-accent-primary);background:#f5f3ee}.kaartje__menu>span{padding:calc(var(--u) * 1.1) 0;border-bottom:calc(var(--u) * .25) dotted #b9b4a8;background:0 0;border-radius:0;font-family:ui-serif,Georgia,Times New Roman,serif}.kaartje__hint{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);justify-content:center;gap:.5rem;font-size:.6875rem;transition:color .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.kaartje__knop:hover .kaartje__hint{color:var(--color-accent-primary)}.kaartje__knop:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.kaartje__boven{transition:none}.kaartje__wip[data-wip=aan]{animation:none}}