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