#projects_card__K9f3r{padding-bottom:calc(var(2) * var(1em));margin-bottom:var(4vw);list-style-type:none}#projects_card1__nx8lS{--index:1}#projects_card2__9ehuj{--index:2}#projects_card_3__oyP_K{--index:3}#projects_card_4__5qFpy{--index:4}.projects_card__K9f3r{position:sticky;top:0;padding-top:calc(var(--index) * var(1em));overflow:hidden}@supports (animation-timeline:works){@scroll-timeline cards-element-scrolls-in-body{source:selector(body);scroll-offsets:selector(#cards) start 1,selector(#cards) start 0;start:selector(#cards) start 1;end:selector(#cards) start 0;time-range:4s}.projects_card__K9f3r{--index0:calc(var(--index) - 1);--reverse-index:calc(var(2) - var(--index0));--reverse-index0:calc(var(--reverse-index) - 1)}.projects_cardContent__SprYd{transform-origin:50% 0;will-change:transform;--duration:calc(var(--reverse-index0) * 1s);--delay:calc(var(--index0) * 1s);animation:var(--duration) linear projects_scale__9ZzjR var(--delay) forwards;animation-timeline:cards-element-scrolls-in-body}@keyframes projects_scale__9ZzjR{to{transform:scale(calc(1.1 - calc(.1 * var(--reverse-index))))}}}#projects_debug__7uyGO{position:fixed;top:1em;left:1em}#projects_debug__7uyGO:after{content:" Show Debug";margin-left:1.5em;color:#fff;white-space:nowrap}#projects_debug__7uyGO:checked~main{--outline-width:1px}.projects_main__44E_5{width:80vw;margin:0 auto}#projects_cards__t1ueN{list-style:none;outline:calc(var(0px) * 10) solid blue;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(2),var(40vw));grid-gap:var(4vw);gap:var(4vw)}.projects_card__K9f3r{outline:0 solid hotpink}.projects_cardContent__SprYd{box-shadow:0 .2em 1em rgba(0,0,0,.1),0 1em 2em rgba(0,0,0,.1);background:#fff;color:#0a0507;border-radius:1em;overflow:hidden;display:grid;grid-template-areas:"text img";grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:stretch;outline:var(0) solid lime}.projects_cardContent__SprYd>div{grid-area:text;width:80%;place-self:center;text-align:left;display:grid;grid-gap:1em;gap:1em;place-items:start}.projects_cardContent__SprYd>figure{grid-area:img;overflow:hidden}.projects_cardContent__SprYd>figure>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.projects_btn__rdIEp{background:#bc5724;color:#fff;text-decoration:none;display:inline-block;padding:.5em;border-radius:.25em}.projects_aside__MI5pS{width:50vw;margin:0 auto;text-align:left}.projects_aside__MI5pS .projects_p__Z0fqN{margin-bottom:1em}