:root{--beweging-ease:cubic-bezier(0.22,1,0.36,1)}html.beweging [data-onthul]:not([data-onthul=tegels]):not([data-onthul=kop]){opacity:0;transform:translateY(30px);transition:opacity .9s var(--beweging-ease) var(--vertraging,0s),transform .9s var(--beweging-ease) var(--vertraging,0s)}html.beweging [data-onthul][data-zichtbaar]:not([data-onthul=tegels]):not([data-onthul=kop]){opacity:1;transform:none}html.beweging [data-onthul=kop]{opacity:0;transform:translateY(20px);clip-path:inset(-.35em -.4em 100% -.4em);transition:opacity .6s var(--beweging-ease) var(--vertraging,0s),transform 1s var(--beweging-ease) var(--vertraging,0s),clip-path 1.05s var(--beweging-ease) var(--vertraging,0s)}html.beweging [data-onthul=kop][data-zichtbaar]{opacity:1;transform:none;clip-path:inset(-.35em -.4em -.35em -.4em)}.tegel-onthulling{position:relative;overflow:hidden}.tegel-onthulling>img{display:block;width:100%;height:auto}.tegel-onthulling-raster{display:none}html.beweging .tegel-onthulling-raster{position:absolute;inset:-1px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);pointer-events:none}html.beweging .tegel-onthulling-raster span{background:#0d1738;outline:1px solid #0d1738;transition:transform .7s var(--beweging-ease),opacity .7s;transition-delay:calc(var(--d) * 65ms)}html.beweging .tegel-onthulling>img{transform:scale(1.12);transition:transform 1.8s var(--beweging-ease)}html.beweging .tegel-onthulling[data-zichtbaar]>img{transform:none}html.beweging .tegel-onthulling[data-zichtbaar] .tegel-onthulling-raster span{transform:scale(0) rotate(45deg);opacity:0}