.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;max-width:328px}.project-card{background:var(--project-card-background);border-radius:16px;box-sizing:border-box;min-width:0;padding:12px}.project-media{display:block;position:relative}.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:var(--background);box-sizing:border-box;object-fit:contain;position:absolute;top:12px}.project-icon{background:#fff;border-radius:12px;bottom:12px;height:64px;left:12px;padding:8px;top:auto;width:64px}.project-technology-icon{border-radius:12px;height:48px;padding:6px;right:12px;width:48px}.project-carousel-arrow{background:color-mix(in srgb,var(--background) 80%,transparent);border-radius:50%;color:var(--primary);font-size:28px;height:40px;min-width:40px;opacity:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:40px}.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:14px;height:6em;line-height:1.2;margin:10px 0 24px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.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:12px;padding:4px 14px}@media (min-width: 601px){.projects-page>h1{margin:96px 0 48px}.projects-section-title{margin-bottom:48px}.projects-grid{gap:76px;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}
