.project-details__content{width:100%;min-height:100vh;display:flex;flex-direction:row;justify-content:none;align-items:none;gap:100px}@media only screen and (max-width:1024px){.project-details__content{min-height:100dvh;flex-direction:column;gap:30px}}.project-details__close-button{border:none;outline:none;width:49px;height:49px;border-radius:50%;background-color:rgba(0,0,0,.5);position:absolute;right:40px;top:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:none;cursor:pointer;z-index:50}@media only screen and (max-width:767px){.project-details__close-button{width:35px;height:35px;right:30px;top:30px}}.project-details__content-left{flex-shrink:0;margin:50px 0 0 50px}@media only screen and (max-width:1024px){.project-details__content-left{margin:30px 30px 0}}@media only screen and (max-width:767px){.project-details__content-left{margin:30px 20px 0}}.project-details__title{font-family:var(--font-montreal),sans-serif;font-size:2.25rem;line-height:43.2px;font-weight:530;text-transform:uppercase;color:#0f1d07}@media only screen and (max-width:767px){.project-details__title{font-size:1.5rem;line-height:28.8px;margin-left:10px}}.project-details__action-wrapper{margin-top:20px;display:flex;flex-direction:row;justify-content:none;align-items:center;gap:30px}.project-details__action-wrapper .button{flex-shrink:0}@media only screen and (max-width:767px){.project-details__action-wrapper{margin-top:15px;gap:20px}}.project-details__category{font-family:var(--font-montreal),sans-serif;font-size:1.25rem;line-height:28px;font-weight:530;color:#0f1d07}@media only screen and (max-width:767px){.project-details__category{font-size:1.2rem;line-height:23.04px}}.project-details__heading{margin-top:30px;max-width:500px;font-family:var(--font-montreal),sans-serif;font-size:1.5rem;line-height:28.8px;font-weight:530;color:#0f1d07}@media only screen and (max-width:1024px){.project-details__heading{max-width:100%;font-size:1.4rem;line-height:26.88px}}.project-details__text{margin-top:20px;max-width:500px;font-family:var(--font-montreal),sans-serif;font-size:clamp(1rem,2vw,1.3rem);line-height:26.2px;font-weight:400;color:#0f1d07}@media only screen and (max-width:1024px){.project-details__text{max-width:100%}}.project-details__tech-wrapper{margin-top:20px;display:flex;flex-direction:column;justify-content:none;align-items:none;gap:15px}.project-details__tech-title{font-family:var(--font-montreal),sans-serif;font-size:1.125rem;line-height:21.6px;font-weight:530;color:#0f1d07}.project-details__tech-list{list-style:none;display:flex;flex-direction:column;justify-content:none;align-items:none;gap:10px}.project-details__tech-list-item{font-family:var(--font-montreal),sans-serif;font-size:1rem;line-height:19.2px;font-weight:530;color:rgba(21,7,29,.6)}.project-details__content-right{width:100%;max-width:100%;margin:30px 30px 0 0;display:flex;flex-direction:column;justify-content:none;align-items:center;gap:30px}@media only screen and (max-width:1024px){.project-details__content-right{margin:0}}.project-details__top-image-container{position:relative;width:100%;height:auto;aspect-ratio:16/8;border-radius:30px}@media only screen and (max-width:1024px){.project-details__top-image-container{width:calc(100% - 30px);border-radius:30px}}@media only screen and (max-width:767px){.project-details__top-image-container{border-radius:20px}}.project-details__bottom-image-container.blur,.project-details__top-image-container.blur{background-size:cover;background-position:50%}.project-details__project-image-container-blur{border-radius:inherit;position:absolute;inset:0;-webkit-backdrop-filter:blur(15px);-moz-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.project-details__top-image-container.blur .project-details__image{object-fit:contain;object-position:center top}.project-details__image{border-radius:inherit;object-fit:cover;object-position:left top}.project-details__bottom-image-wrapper{width:100%;display:flex;flex-direction:row;justify-content:none;align-items:none;gap:30px}@media only screen and (max-width:1024px){.project-details__bottom-image-wrapper{width:calc(100% - 30px);gap:30px}}@media only screen and (max-width:767px){.project-details__bottom-image-wrapper{flex-direction:column}}.project-details__bottom-image-container{position:relative;width:100%;height:auto;aspect-ratio:3/4;border-radius:30px}@media only screen and (max-width:767px){.project-details__bottom-image-container{border-radius:20px}}.project-details__bottom-image-container.blur .project-details__image{object-position:center top;object-fit:contain}