.project-card{background:var(--azure-100);flex-shrink:0;flex-grow:0;position:relative;display:flex;flex-wrap:wrap;gap:0;text-align:left;align-content:flex-start}.project-card:not(.list){border-radius:16px;flex-direction:row;border:1px solid var(--azure-300);transition-duration:0.2s;transition-timing-function:ease-in-out;transition-property:box-shadow, transform;padding:0 0 20px 0;width:335px}@media only screen and (max-width:768px){.project-card:not(.list){width:258px}}.project-card.list{overflow:hidden;width:100%;flex-direction:row;flex-wrap:nowrap;border-bottom:1px solid var(--azure-300)}@media only screen and (min-width:769px){.project-card.list{gap:50px;padding:50px 50px}}@media only screen and (min-width:601px) and (max-width:768px){.project-card.list{gap:25px;padding:25px 25px}}@media only screen and (max-width:600px){.project-card.list{flex-direction:column;align-items:flex-start;padding:15px 15px 40px 15px}}.project-card .project-picture{position:relative}:not(.list).project-card .project-picture{margin:0 -1px -1px -1px}.list.project-card .project-picture{width:200px;height:200px}@media only screen and (max-width:600px){.list.project-card .project-picture{width:auto;max-width:320px;height:auto}}.project-card .project-picture img{border-radius:16px;width:100%;height:auto}.project-card .project-content{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;align-items:flex-start;padding:20px}@media only screen and (max-width:768px){.project-card .project-content{gap:15px;padding:15px}}@media only screen and (min-width:769px){.list.project-card .project-content{padding:0;width:calc(100% - 200px - 40px - 100px)}}@media only screen and (min-width:601px) and (max-width:768px){.list.project-card .project-content{padding:0;width:calc(100% - 200px - 40px - 50px)}}@media only screen and (max-width:600px){.list.project-card .project-content{gap:15px;padding:15px 0}}.project-card .project-content .project-tag{padding:7px 15px;border-radius:29px;border:1px solid var(--azure-300);opacity:0.9;color:var(--azure-600);font-family:"Gotham Narrow", Verdana, sans-serif;font-size:13px;font-weight:500;line-height:normal;letter-spacing:1.17px}.project-card .project-content a.project-tag{text-decoration:none;z-index:3}.project-card .project-content a.project-tag:hover{text-decoration:none;border:1px solid var(--azure);background:var(--azure);color:var(--warm-100)}.project-card .project-content .project-title{font-family:"Abril Text", Georgia, serif;color:var(--azure-800);font-size:28px;font-weight:700;line-height:31px}@media only screen and (max-width:768px){.project-card .project-content .project-title{font-size:22px;line-height:24px}}.project-card .project-content .project-address{color:var(--azure-600);font-family:"Gotham Narrow", Verdana, sans-serif;font-size:13px;font-weight:500;line-height:normal;letter-spacing:2.535px;text-transform:uppercase}@media only screen and (max-width:768px){.project-card .project-content .project-address{font-size:13px}}.project-card .project-content .project-location{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;align-items:center}.project-card .project-content .project-text{color:var(--azure-900);font-family:"Gotham Narrow", Verdana, sans-serif;font-size:16px;font-weight:400;line-height:22px}.project-card .project-lnk{background:transparent;text-decoration:none;z-index:1}.project-card .project-lnk .button{display:block;font-family:"Gotham Narrow", Verdana, sans-serif;line-height:16px;font-weight:500;letter-spacing:0.64px;height:40px;width:40px;font-size:0;padding:0;border-radius:25px;color:var(--warm-100);border:2px solid var(--azure-500);background:var(--azure-500)}.project-card .project-lnk .button:before{margin:0 !important;background:var(--warm-100);-webkit-mask-size:20px 20px;mask-size:20px 20px;width:36px;height:36px}:not(.list).project-card .project-lnk{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16px}:not(.list).project-card .project-lnk .button{opacity:0;position:absolute;right:10px;top:315px}@media only screen and (max-width:768px){:not(.list).project-card .project-lnk .button{top:238px}}:not(.list).project-card .project-lnk:focus-visible .button,:not(.list).project-card .project-lnk:hover .button{opacity:1}@media only screen and (min-width:601px){.list.project-card .project-lnk{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-self:center;align-items:center}.list.project-card .project-lnk .button{position:absolute;top:calc(50% - 20px);right:50px}}@media only screen and (max-width:600px){.list.project-card .project-lnk{margin-top:25px}.list.project-card .project-lnk .button{width:auto;font-size:16px;padding:10px 20px}.list.project-card .project-lnk .button:before{display:none}}.list.project-card .project-lnk:focus-visible .button,.list.project-card .project-lnk:hover .button{background:transparent;color:var(--azure-500)}.list.project-card .project-lnk:focus-visible .button:before,.list.project-card .project-lnk:hover .button:before{background:var(--azure-500)}@media (hover:hover){.project-card .project-lnk:focus-visible{border:2px solid #007BC7;outline:none}}.project-card:not(.list):hover,.project-card:not(.list):has(.project-lnk:focus-visible){top:-1px;transform:translateY(-1px);box-shadow:0 6px 12px -4px rgba(0, 0, 0, 0.21);background:var(--warm-100)}.project-card:not(.list):hover .project-picture .picture-hover,.project-card:not(.list):has(.project-lnk:focus-visible) .project-picture .picture-hover{display:block}.project-card:not(.list):hover .project-content div.project-tag,.project-card:not(.list):has(.project-lnk:focus-visible) .project-content div.project-tag{text-decoration:none;border:1px solid var(--azure);background:var(--azure);color:var(--warm-100)}.project-card:not(.list):hover .project-content .project-title,.project-card:not(.list):has(.project-lnk:focus-visible) .project-content .project-title{color:var(--azure)}@media only screen and (min-width:601px){.project-card.list:hover,.project-card.list:has(.project-lnk:focus-visible){background:var(--warm-100)}.project-card.list:hover .project-picture .picture-hover,.project-card.list:has(.project-lnk:focus-visible) .project-picture .picture-hover{display:block}.project-card.list:hover .project-content div.project-tag,.project-card.list:has(.project-lnk:focus-visible) .project-content div.project-tag{text-decoration:none;border:1px solid var(--azure);background:var(--azure);color:var(--warm-100)}.project-card.list:hover .project-content .project-title,.project-card.list:has(.project-lnk:focus-visible) .project-content .project-title{color:var(--azure)}}