.projects .card{display:flex;flex-direction:column;justify-content:flex-end}.projects .card .featured-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;pointer-events:none;transition:opacity .25s}.projects .card.has-loop-frame .featured-loop{opacity:1}.projects .card::after{z-index:1;background:linear-gradient(180deg,#06121c73 0%,#06121cbf 45%,#06121cef 100%);pointer-events:none}.projects .card .card-copy{z-index:2;position:relative;inset:auto;padding:28px}.projects .card .card-link{z-index:3}.projects .card .featured-loop-toggle{position:absolute;top:12px;right:12px;z-index:4;width:44px;height:44px;display:grid;place-items:center;border:1px solid #e4cf96;border-radius:50%;background:#101d35e8;color:#fff;font:700 17px/1 Arial,sans-serif;cursor:pointer}.projects .card .featured-loop-toggle:hover{background:#d3c397;color:#101d35}.projects .card .featured-loop-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}.projects .card .featured-loop-note{display:block;color:#e5eaf1;font:11px/1.5 Arial,sans-serif;margin-top:8px}.projects .featured-loops-note{color:#d0d9e6;font:12px/1.6 Arial,sans-serif;margin-top:18px}@media(prefers-reduced-motion:reduce){.projects .card .featured-loop{transition:none}}@media print{.projects .featured-loop,.projects .featured-loop-toggle{display:none}}
@media(min-width:1001px){.projects .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}