@layer components{[name=ProjectCard] .card{position:relative;overflow:hidden;block-size:100%}[name=ProjectCard] .card-image,[name=ProjectCard] .card-image .image-wrapper{block-size:100%}[name=ProjectCard] .card-image img{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:20 / 27}[name=ProjectCard] .card-overlay{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:75%;padding:var(--space-4);border-start-end-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-2)}[name=ProjectCard] .card-no-image{background-color:var(--color-bg-muted, #f0f0f0);aspect-ratio:20 / 27}[name=ProjectCard] .card-no-image .card-overlay{position:static;inline-size:100%;justify-content:flex-end;block-size:100%}[name=ProjectCard] .card-service{font-size:var(--font-sm);font-weight:var(--font-weight-regular);color:var(--color-accent);min-block-size:1lh}[name=ProjectCard] .card-title{font-size:1.75rem;line-height:1.9375rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:3.875rem}[name=ProjectCard] .card-title a{color:inherit;text-decoration:none}[name=ProjectCard] .card-title a:after{content:"";position:absolute;inset:0}[name=ProjectCard] .card-title a:focus-visible{outline:none}[name=ProjectCard] .card-title a:focus-visible:after{outline:.125rem solid var(--color-accent);outline-offset:-.125rem}[name=ProjectCard] .card-excerpt{font-size:var(--font-sm);line-height:var(--line-height-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-block-end:0}[name=ProjectCard] .card-arrow{display:inline-block;block-size:1.5rem;inline-size:1.5rem;align-self:flex-start;margin-block-start:var(--space-2);background-color:var(--color-accent);mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M5%2018L11%2012L5%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3cpath%20d='M13%2018L19%2012L13%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M5%2018L11%2012L5%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3cpath%20d='M13%2018L19%2012L13%206'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='square'/%3e%3c/svg%3e");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:transform var(--transition-speed) var(--transition-timing-function)}[name=ProjectCard]:hover .card-arrow{transform:translate(.25rem)}}