.projects-page{box-sizing:border-box;margin:0 auto;max-width:1024px;padding:0 16px;width:100%}.projects-page>h1{font-size:clamp(64px,12vw,96px);line-height:1.1;margin:32px 0 24px}.projects-section-title{font-size:clamp(36px,6vw,48px);line-height:1.2;margin:0 0 24px;text-align:center}.projects-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);margin:0 auto;width:100%}.project-card{background:var(--project-card-background);border-radius:16px;box-sizing:border-box;min-width:0;padding:16px;--project-card-size: 100%}.project-media{display:block;position:relative;--project-icon-size: calc(var(--project-card-size) * .25);--project-technology-icon-size: calc(var(--project-icon-size) * .75);--project-icon-padding: calc(var(--project-icon-size) * .125);--project-technology-icon-padding: calc(var(--project-technology-icon-size) * .125)}@media (max-width: 600px){.project-media{--project-icon-size: 20vw}}.project-carousel{aspect-ratio:9 / 16;border-radius:12px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.project-carousel::-webkit-scrollbar{display:none}.project-carousel-image{flex:0 0 100%;height:100%;object-fit:cover;scroll-snap-align:start;width:100%}.project-icon,.project-technology-icon{background:#ddd;box-sizing:border-box;object-fit:contain;position:absolute;top:16px;box-shadow:0 0 16px #00000040}.project-icon{aspect-ratio:1;background:#fff;border-radius:12px;bottom:16px;width:var(--project-icon-size);left:16px;object-fit:cover;top:auto}.project-technology-icon{aspect-ratio:1;border-radius:12px;padding:var(--project-technology-icon-padding);right:16px;width:var(--project-technology-icon-size)}.project-carousel-arrow{width:20%;height:11.25%;background:#00000080;border-radius:50%;color:#fff;font-size:1rem;justify-content:center;opacity:1;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width: 600px){.project-carousel-arrow{font-size:2rem}}.project-carousel-arrow[disabled]{opacity:.35}.project-carousel-previous{left:8px}.project-carousel-next{right:8px}.project-title{font-size:34px;line-height:1.1;margin:18px 0 0}.project-subtitle{color:var(--secondary);font-size:24px;line-height:1.2;margin:22px 0 0}.project-description{display:-webkit-box;font-size:16px;margin:8px 0 24px;overflow:hidden;line-height:1.2;height:7lh;-webkit-box-orient:vertical;-webkit-line-clamp:7}.project-tags{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-color:var(--support) transparent;scrollbar-width:thin;white-space:nowrap}.project-tags::-webkit-scrollbar{height:6px}.project-tags::-webkit-scrollbar-track{background:transparent}.project-tags::-webkit-scrollbar-thumb{background:var(--support);border-radius:999px}.project-tag{background:var(--background);border-radius:6px;color:var(--accent);flex:0 0 auto;font-size:16px;padding:4px 14px}@media (min-width: 601px){.projects-page>h1{margin:96px 0 48px}.projects-section-title{margin-bottom:48px}.projects-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:732px}}@media (min-width: 1025px){.projects-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1024px}}:root{--accent: #3BDA26;--support: #909090;--glow: #BBF8B3}html{background-color:var(--background)}h1,h2,h3,h4,h5,h6,p,a{color:var(--primary)}.square{aspect-ratio:1 / 1}img{height:auto;width:100%}h1{font-family:Dosis,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:calc(8*var(--lumo-font-size-m))}h2{font-family:Fira Sans,sans-serif;font-weight:700;font-style:normal;font-size:calc(4*var(--lumo-font-size-m))}h3{font-family:Fira Sans,sans-serif;font-weight:400;font-style:normal;font-size:calc(3*var(--lumo-font-size-m))}h4{font-family:Fira Sans,sans-serif;font-weight:700;font-style:normal;font-size:calc(2*var(--lumo-font-size-m))}h5{font-family:Fira Sans,sans-serif;font-weight:400;font-style:normal;font-size:calc(1.5*var(--lumo-font-size-m))}p{font-family:Fira Sans,sans-serif;font-weight:400;font-style:normal;font-size:calc(1.25*var(--lumo-font-size-m))}.mentoring-list{padding:16px 16px 16px 40px;border-radius:16px;background:var(--surface);max-width:346px;flex:1;display:flex;flex-direction:column;justify-content:space-between}li::marker{color:var(--accent)}.logo{font-family:Anonymous Pro,monospace;font-weight:700;font-style:normal;font-size:16px}.button-primary{background-color:var(--accent);color:var(--background);padding:8px 32px;border-radius:8px;cursor:pointer}.footer-item:hover{text-decoration:underline;cursor:pointer}.offer-card{padding:32px;border-radius:32px;border:1px solid white;box-shadow:0 0 16px #0000001a}