#project-detail{padding-top:8rem;padding-bottom:5rem}.project-detail-hero{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.project-detail-title-wrapper{border-right:1px solid var(--color-text);padding:0 1rem 1rem 0}.project-detail-title{font-size:clamp(3rem,7vw,6rem);font-weight:400;letter-spacing:-2px;line-height:.8;text-transform:uppercase;margin-bottom:2rem;padding-left:3rem;text-indent:-3rem}.project-detail-year{font-size:1.3rem;margin:0;letter-spacing:-.5}.project-detail-data{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;height:-moz-fit-content;height:fit-content;padding-bottom:1rem}.project-detail-items p{font-size:1.3rem;line-height:1.5;letter-spacing:-.5;margin:0}.project-detail-items p:first-child,.responsibilities-head{font-size:.9rem;text-transform:uppercase;color:var(--color-gray);letter-spacing:-.5}.project-detail-items a{display:inline-flex;align-items:end;gap:4px;font-weight:400}.project-detail-items .material-symbols-outlined{font-size:26px}.responsibilities-wrapper{padding-top:2rem;border-top:1px solid var(--color-text)}.project-detail-task{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.task-line{display:flex;align-items:start;justify-content:start}.task-line p{font-size:1.3rem;line-height:1.5;letter-spacing:-.5;margin:0}.task-number{min-width:50px;max-width:50px}.project-detail-images{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin:5rem 0 3rem}.project-detail-image-wrapper{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:0}.project-detail-image{position:absolute;top:0;left:0;transform:translateZ(0);width:100%;height:118%;object-fit:cover;transform-origin:center center;will-change:transform}.no-image-bg{background-color:var(--color-surface)}.project-detail-next-wrapper{margin-top:8rem;display:flex;flex-direction:column;justify-content:start;align-items:center}.project-detail-next-wrapper span{font-size:1.8rem;text-transform:uppercase;letter-spacing:-.5;margin-bottom:1rem}.project-detail-next{font-size:clamp(3rem,7vw,6rem);font-weight:400;letter-spacing:-1;margin:0;line-height:.9;text-align:center;text-transform:uppercase}@media (max-width:640px){.project-detail-hero{grid-template-columns:repeat(1,1fr);gap:0}.project-detail-title-wrapper{border:none;padding:0}.project-detail-title{letter-spacing:-.5;line-height:.9;font-size:13vw;margin-bottom:1rem;padding-left:2rem;text-indent:-2rem}.project-detail-year{margin-bottom:5rem;text-indent:2rem}.project-detail-data{grid-template-columns:repeat(1,1fr);gap:1rem;padding:0}.project-detail-items .material-symbols-outlined{font-size:23px}.project-detail-items{display:flex;justify-content:start;align-items:start}.project-detail-items p:first-child{min-width:130px;line-height:1.8}.project-detail-items p,.project-detail-next-wrapper span,.project-detail-year,.task-line p{font-size:1rem}.responsibilities-wrapper{margin-top:3rem}.task-number{min-width:30px;max-width:30px}.project-detail-images{grid-template-columns:1fr;gap:1.5rem}.project-detail-next{font-size:11vw}}