.projects .content-box .content-wrap .content{display:block}.projects .projects-grid{--cols-xs:12;--cols-md:6}.projects-controls{align-items:center;display:flex;justify-content:center;margin-top:30px}.project{--border-width:1px;--padding-x:26px;--padding-y:30px;--icon-width:30px;display:flex;min-height:340px}@media(min-width:768px){.project{--padding-x:40px;--padding-y:40px;--icon-width:48px}}@media(min-width:1200px){.project{--padding-x:60px;--padding-y:60px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.project{--border-width:1.5px}}@media(min-width:540px){.project{min-height:360px}}@media(min-width:768px){.project{min-height:380px}}@media(min-width:992px){.project{min-height:410px}}@media(min-width:1200px){.project{min-height:450px}}@media(min-width:1400px){.project{min-height:490px}}:root.no-focus-visible .project:focus{outline:2px dotted currentColor}.project:focus:not(:focus-visible){outline:none}.project:focus-visible{outline:2px dotted currentColor}.project .project-link{align-items:flex-start;background-color:var(--color-light-blue);color:var(--color-blue);display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;outline-offset:4px;padding:calc(var(--padding-y) - 10px) var(--padding-x) var(--padding-y) var(--padding-x);position:relative;transition:background-color 75ms,border-color 75ms,color 75ms;width:100%}@media(min-width:768px){.project .project-link{padding:calc(var(--padding-y) - 10px) calc(2*var(--padding-x) + var(--icon-width)) var(--padding-y) var(--padding-x)}}:root.no-focus-visible .project .project-link:focus{outline:2px dotted currentColor}.project .project-link:focus:not(:focus-visible){outline:none}.project .project-link:focus-visible{outline:2px dotted currentColor}@media(hover:hover)and (pointer:fine){.project .project-link:hover{background-color:var(--color-blue);color:var(--color-light-blue)}}.project .project-image{flex-shrink:0;width:100%}.project .project-image img{max-height:180px;max-width:70%}.project .project-arrow{bottom:var(--padding-y);height:auto;position:absolute;right:var(--padding-x);width:var(--icon-width)}@media(max-width:767px){.project .project-arrow{bottom:auto;top:var(--padding-y);transform:rotate(-45deg)}}

/*# sourceMappingURL=projects.css.map*/