.web-two-sec-design{.work-section{padding:0 24px;background-color:#18181b;color:white}.work-header{display:flex;flex-direction:column;gap:24px;justify-content:space-between;margin-bottom:48px}@media (min-width:768px){.work-header{flex-direction:row;align-items:center}}.work-title{font-size:1.875rem;font-weight:300;letter-spacing:-.01em}.work-tabs{display:flex;gap:24px;font-size:.875rem}.tab-button{background:none;border:none;color:#71717a;cursor:pointer;transition:color .3s ease}.tab-button.active,.tab-button:hover{color:white}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{position:relative;overflow:hidden;background-color:#27272a;aspect-ratio:1/1}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.7);opacity:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1;cursor:pointer}.project-title{font-size:1.25rem;font-weight:500}.project-desc{color:#a1a1aa;margin-top:8px}.project-link{margin-top:16px;font-size:.875rem;color:white;text-decoration:none;display:inline-flex;align-items:center}.arrow{margin-left:8px}}.web-two-sec-design{.project-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.7);opacity:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:opacity .3s ease;pointer-events:none}.project-card:hover .project-overlay{opacity:1;cursor:pointer;pointer-events:auto}@media (max-width:1000px){.project-overlay{opacity:1!important;pointer-events:auto}}}