.project-layout{padding:64px 32px}@media (max-width:768px){.project-layout{padding:32px 16px}}.page{width:100%;max-width:1440px;height:100%;margin:0 auto}.page-wrapper{gap:32px;padding:24px 0}@media (max-width:480px){.page-wrapper{padding:0}}.project-layout{scrollbar-width:thin;scrollbar-color:#5b9891 #aeaeae33;scroll-behavior:smooth;margin-right:12px;overflow:hidden scroll}.project-layout::-webkit-scrollbar{width:4px}.project-layout::-webkit-scrollbar-track{background:#aeaeae33}.project-layout::-webkit-scrollbar-thumb{background:#5b9891}.list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}@media (max-width:480px){.list{grid-template-columns:1fr;gap:24px}}.page-wrapper{flex-direction:column;display:flex}.text-h1{font-size:clamp(44px,2.97619vw + 21.1429px,64px);font-weight:800;line-height:1;font-family:var(--font-mplus-rounded)}.text-h2{font-size:clamp(24px,1.19048vw + 14.8571px,32px);font-weight:800;line-height:44px;font-family:var(--font-mplus-rounded)}.text-h3{font-size:20px;line-height:28px}.text-p1{font-size:16px;line-height:24px}.text-p2{font-size:14px;line-height:18px}.no-text-style{margin:0;padding:0}.project-layout{flex:1;gap:40px;display:flex;position:relative}@media (max-width:1024px){.project-layout{flex-direction:column}}.project-layout__section{width:50%}@media (max-width:1024px){.project-layout__section{width:100%}}.project-layout__section_info{flex-direction:column;gap:16px;height:fit-content;display:flex;position:sticky;top:0;left:0}@media (max-width:1024px){.project-layout__section_info{position:relative}}.project-layout__header{justify-content:space-between;align-items:center;width:100%;display:flex}.project-layout__tech{flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.project-layout__tech_item{background-color:#0000008e;border-radius:8px;padding:4px 14px}.project-layout__description{font-weight:300}.project-layout__roles{flex-direction:column;gap:8px;padding-top:12px;display:flex}.project-layout__roles-label{font-size:22px;font-weight:500}.project-layout__roles-list{flex-direction:column;gap:8px;display:flex}.project-layout__roles-item{color:#ffffffd6;align-items:center;gap:8px;font-weight:600;line-height:20px;display:flex}.project-layout__roles-icon{color:#ffffffd6;flex-shrink:0;font-size:10px}.project-layout__img{width:100%;height:auto;padding-bottom:64px}@media (max-width:1024px){.project-layout__img{padding-bottom:0}}