.cases{align-items:flex-start;gap:clamp(24px,3vw,40px);display:flex}.case{gap:var(--s5);min-width:0;display:grid}.case--tall{flex:.5625 1 0}.case--wide{flex:1.7778 1 0}.case__media{position:relative}.case__frame{cursor:pointer}.case__nb{z-index:3;left:var(--s4);bottom:44px;right:var(--s4);position:absolute}.case__text{align-content:start;gap:14px;display:grid}.case__text .t-landing-title{text-wrap:balance;max-width:28ch}.case__note{max-width:52ch;color:var(--ink-2);font-size:var(--fs-ui);line-height:1.5}[data-motion] .case__media{perspective:1200px}[data-mode=desk] .cases{flex-direction:row-reverse}[data-mode=desk] .werk .sec__row{align-items:flex-start;gap:var(--s3);flex-direction:column}[data-mode=desk] .werk .sec__row .btn--quiet{margin-left:-10px}[data-motion] .case__frame{transition:transform 1s var(--ease-out-expo)}[data-motion] .case__frame:before{content:"";z-index:2;background:var(--stage);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out-expo);position:absolute;inset:0}[data-motion] .case.is-back .case__frame{transform:translateZ(-110px)}[data-motion] .case.is-back .case__frame:before{opacity:.38}[data-motion] .case__media:before{content:"";border-radius:var(--radius);box-shadow:var(--lift-shadow);opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out-expo);position:absolute;inset:0}[data-motion] .case.is-front .case__media:before{opacity:1}[data-motion=desk] .case__frame.is-held:not(:focus-within){opacity:0}@media (prefers-reduced-motion:no-preference){.case__frame.is-arrive .vf__play,.case__frame.is-arrive .vf__dur{animation:fade-in .6s var(--ease-out-expo) .38s both}}@media (width<=719px){.cases{gap:var(--s7);flex-direction:column}.case--tall,.case--wide{flex:none;width:100%}.case--tall .case__media{width:min(78%,300px)}.case--wide .case__nb{bottom:var(--s3);right:var(--s8)}}.pl{width:100%;max-width:none;height:100%;max-height:none;color:var(--beeld);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pl::backdrop{background:0 0}.pl__scrim{background:var(--scrim-player);position:absolute;inset:0}.pl__stage{transform-origin:0 0;border-radius:var(--radius);background:var(--stage);box-shadow:var(--hanging-shadow);will-change:transform;position:fixed;overflow:hidden}.pl__poster,.pl__stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pl__stage video{object-fit:contain;background:0 0}.pl__btn{z-index:2;border-radius:var(--radius);background:var(--player-btn);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--player-btn-line);color:var(--beeld);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-base) var(--ease-out-expo);border:0;place-items:center;padding:0;display:grid;position:fixed}@media (hover:hover){.pl__btn:hover{background:var(--player-btn-hover);box-shadow:inset 0 0 0 1px var(--player-btn-line-hover)}}.pl__btn:focus-visible,.pl__sound:focus-visible{outline:2px solid var(--beeld);outline-offset:2px}.pl__close{top:16px;right:16px}.pl__nav{margin-top:-22px;top:50%}.pl__prev{left:24px}.pl__next{right:24px}.pl__count{z-index:2;min-height:44px;color:var(--player-ink-2);font-size:var(--fs-small);align-items:center;font-weight:700;display:flex;position:fixed;top:16px;left:16px}.pl__count:empty{display:none}.pl__sound{z-index:2;border-radius:var(--radius);background:var(--scrim);min-height:44px;color:var(--beeld);font-size:var(--fs-meta);white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.pl__caption{gap:2px;display:grid;position:fixed}.pl__client{color:var(--player-ink-2);font-size:var(--fs-small);font-weight:700}.pl__client:empty,.pl__note:empty{display:none}.pl__title{letter-spacing:-.01em;font-size:1.0625rem;font-weight:700;line-height:1.3}.pl__note{color:var(--player-ink-2);font-size:var(--fs-small);margin-top:4px}.pl__load{z-index:1;width:22px;height:6px;color:var(--beeld);background:linear-gradient(currentColor 0 0) 0 0/6px 6px no-repeat,linear-gradient(currentColor 0 0) 8px 0/6px 6px no-repeat,linear-gradient(currentColor 0 0) 16px 0/6px 6px no-repeat;margin:auto;animation:.9s step-end infinite pixels;display:none;position:absolute;inset:0}.pl[data-state=loading] .pl__load{display:block}@keyframes pixels{0%{background-size:6px 6px,0 0,0 0}33%{background-size:6px 6px,6px 6px,0 0}66%{background-size:6px 6px,6px 6px,6px 6px}to{background-size:0 0,0 0,0 0}}@media (prefers-reduced-motion:reduce){.pl__load{animation-duration:2.4s}}html.pl-open{scrollbar-gutter:stable;overflow:hidden}@media (width<=639px){.pl__nav{margin-top:0;top:auto;bottom:16px}.pl__prev{left:auto;right:68px}.pl__next{right:16px}}