.project-types__list{grid-template-columns:var(--grid-2);gap:2.875rem 1.75rem;display:grid}.project-types__card{--card-radius:var(--border-radius-28);--card-px:2rem;--card-py:2rem;border:.0625rem solid var(--color-basic-white-10);border-radius:var(--card-radius);background-color:var(--color-basic-white-5);display:block;overflow:hidden}.project-types__header{padding:var(--card-py) var(--card-px)}.project-types__name{letter-spacing:-.00625rem;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:clamp(1rem,.95rem + .25vw,1.25rem);font-weight:500;line-height:1.4;overflow:hidden}.project-types__toggle{--size:2.5rem;flex:0 0 var(--size);border:.0625rem solid var(--color-basic-white-10);border-radius:var(--size);width:var(--size);height:var(--size);background-color:var(--color-basic-white-5);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-duration);justify-content:center;align-items:center;display:flex}.project-types__toggle i{transition:transform var(--transition-duration)}[data-state=content] .project-types__toggle{background-color:var(--color-basic-white-20)}[data-state=content] .project-types__toggle i{transform:rotateX(180deg)}.project-types__body{padding-inline:var(--card-px);position:relative}.project-types__media{max-width:88%;transition:opacity var(--transition-duration);margin-inline:auto}.project-types__img{border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);padding-bottom:76.84%;position:relative;overflow:hidden}.project-types__img picture{display:contents}.project-types__img img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.025)}.project-types__inner{overflow:hidden}.project-types__tags{gap:.625rem}.project-types__tags:not(:last-child),.project-types__description:not(:last-child){margin-bottom:clamp(1.5rem,1.45rem + .25vw,1.75rem)}.project-types__tags :where(a,span){border:.0625rem solid var(--color-basic-white-10);background-color:var(--color-basic-white-10);letter-spacing:-.004375rem;min-height:2.5rem;transition:border-color var(--transition-duration);border-radius:2.5rem;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-weight:400;line-height:1.4;display:flex}@media (any-hover:hover){.project-types__toggle:hover{background-color:var(--color-basic-white-20)}.project-types__tags a:hover{border-color:var(--color-basic-white-40)}}@media (width>=62rem){.project-types__text{z-index:2;inset:0 var(--card-px) auto;height:calc(100% - var(--card-py));opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--transition-duration), visibility var(--transition-duration), opacity var(--transition-duration);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-bg-color);position:absolute;overflow:hidden auto;transform:translateY(100%)}[data-state=content] .project-types__media{opacity:0}[data-state=content] .project-types__text{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}}@media (width<=61rem){.project-types__list{grid-template-columns:var(--grid-1)}.project-types__card{--card-px:1.5rem;--card-py:1.5rem}.project-types__media{max-width:100%}.project-types__text{transition:grid-template-rows var(--transition-duration);grid-template-rows:0fr;display:grid}[data-state=content] .project-types__text{grid-template-rows:1fr}.project-types__content{padding-block:1.5rem}.project-types__tags{gap:.5rem}.project-types__tags :where(a,span){min-height:2.25rem;padding:.5rem 1.125rem}}