.mobile-title-appearance{display:flex;flex-direction:column}.desktop-content-appearance,.desktop-title-appearance{display:none}.mobile-content-appearance{display:flex;flex-direction:column}.projects-container{padding:20px;width:100%}.projects-title{margin-bottom:8px;font-size:20px;font-family:Lato,sans-serif;line-height:1.2;white-space:pre;word-wrap:break-word;text-align:center}.projects-subtitle,.projects-title{font-weight:700;color:var(--secondary-project)}.projects-subtitle{font-size:16;margin-bottom:20px}.section-container{margin-bottom:32px}.section-title{font-size:18px;color:var(--secondary-project);margin-bottom:20px;font-weight:700}.project-scroll{display:grid;grid-template-columns:1fr;gap:16px}.project-scroll::-webkit-scrollbar{height:6px}.project-scroll::-webkit-scrollbar-thumb{background-color:var(--quaternary-project);border-radius:3px}.project-card{width:100%;background-color:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column}.project-image{width:100%;height:160px;position:relative;background-color:var(--quaternary-project);overflow:hidden}.project-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(128,128,128,.2);z-index:1}.project-image img{z-index:0}.project-content{padding:12px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.project-info{flex-grow:1}.project-link{margin-top:auto;width:100%}.project-link button{width:100%}.project-name{font-size:16px;font-weight:500;margin-bottom:6px;color:var(--text-project)}.project-description{font-size:14px;color:var(--tertiary-project);margin-bottom:8px;line-height:1.4}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tag{background-color:var(--light-bg);border-radius:12px;padding:3px 8px;font-size:12px;color:var(--secondary-project)}.project-button{display:inline-block;background-color:var(--secondary-project);color:white;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;text-decoration:none;transition:background-color .2s ease}.project-button:hover{background-color:var(--primary-project)}.view-all-container{display:flex;justify-content:center;margin-top:16px}.view-all-button{background-color:transparent;border:1px solid var(--secondary-project);color:var(--secondary-project);border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.view-all-button:hover{background-color:var(--secondary-project);color:white}@media(min-width:640px){.projects-container{padding:40px 0;max-width:1200px;margin:0 auto}.mobile-content-appearance,.mobile-title-appearance{display:none}.desktop-title-appearance{display:flex;flex-direction:row}.desktop-content-appearance{display:block}.project-scroll{display:flex;overflow-x:auto;gap:24px;padding-bottom:24px;scrollbar-width:thin}.project-scroll::-webkit-scrollbar{height:6px}.project-scroll::-webkit-scrollbar-thumb{background-color:var(--quaternary-project);border-radius:3px}.project-card{flex:0 0 320px}.projects-title{font-size:32px;margin-bottom:20px;text-align:left}.section-title{font-size:24px;margin-bottom:24px;text-align:left}.section-description{font-size:16px;margin-bottom:20px;text-align:left;display:flex;color:var(--secondary-project)}.project-image{height:180px}.project-content{padding:20px}.project-name{font-size:20px}.project-description{font-size:16px}.project-tag{font-size:14px}.project-button{padding:10px 20px;font-size:16px}.view-all-button{padding:10px 24px;font-size:16px}}