.card-dev-linkwrapper{all:unset;cursor:pointer}.card-dev{position:relative;.card-dev-cover{position:relative;overflow:clip;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:var(--radius-button-xxl);@supports (corner-shape: squircle){corner-shape:squircle}border:4px solid var(--color-bg-xh);transition:scale .25s ease-in-out;box-shadow:var(--shadow-h);&:after{content:"";position:absolute;opacity:.5;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0 0,#ffffff40,#ffffff80,#ffffff40,#fff0);transform:skew(30deg);transition:none}@media(hover:hover)and (pointer:fine){&:hover{&:after{left:120%;transition:all .5s ease-in-out}}}>.card-dev-cover--img{width:100%;height:100%;object-fit:cover;object-position:top center}}& figcaption{margin-block-start:var(--space-s);font-family:var(--font-family-secondary);font-size:var(--font-size-s);font-kerning:auto;font-optical-sizing:auto;letter-spacing:-.003em;line-height:1.2;text-wrap:balance;color:var(--color-content-s);font-variation-settings:"opsz" 8,"wght" var(--font-weight-regular),"GRAD" var(--font-grade-chapter-subtitle);position:relative;z-index:+1}}@media(hover:hover)and (pointer:fine){.card-dev-linkwrapper:hover,.card-dev-linkwrapper:focus{.card-dev-cover{scale:1.05}}}.card-dev-linkwrapper:focus{.card-dev-cover{border:3px solid var(--color-link)}}.collection.astro-i4ls2x4n{margin-block:var(--space-md)}#first-site-examples.astro-i4ls2x4n{width:min(100%,250rem);margin-inline:auto;display:flex;gap:var(--space-main);justify-content:center;>.astro-i4ls2x4n{width:min(100%,420px)}#old-site-pleskov.astro-i4ls2x4n{transform:translate(.5rem,1.5rem);rotate:-9deg}#old-site-province.astro-i4ls2x4n{transform:translate(.2rem,1.7rem);rotate:8deg}}