.work-section{background:linear-gradient(135deg,#000 0%,#0a0a0a 50%,#000 100%);padding:6rem 2rem;position:relative;overflow:hidden}@media (max-width:1024px){.work-section{padding:5rem 2rem}}@media (max-width:768px){.work-section{padding:4rem 1.5rem}}.work-container{z-index:10;max-width:1300px;margin:0 auto;position:relative}.work-header{margin-bottom:3.5rem}.work-title-wrapper{margin-bottom:1.5rem;display:inline-block;position:relative}.work-title{color:#fff;letter-spacing:-.02em;margin:0;font-family:Rosario,Libre Baskerville,serif;font-size:4rem;font-weight:700;line-height:1}@media (max-width:1024px){.work-title{font-size:3.5rem}}@media (max-width:768px){.work-title{font-size:2.5rem}}.work-title-underline{transform-origin:0;background:linear-gradient(90deg,#c026d3 0%,#4f46e5 100%);border-radius:2px;width:70px;height:3px;position:absolute;bottom:-.75rem;left:0}.work-subtitle{color:#9ca3af;max-width:42rem;margin-top:1.5rem;font-family:Roboto,sans-serif;font-size:1.05rem;line-height:1.7}@media (max-width:768px){.work-subtitle{font-size:.95rem}}.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;gap:1.25rem}}.project-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #ffffff1a;border-radius:1.25rem;height:380px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.project-card-large,.project-card-standard{grid-column:span 1}@media (max-width:1024px){.project-card{height:360px}}@media (max-width:768px){.project-card{height:340px;grid-column:span 1!important}}.project-card:hover{border-color:#9333ea80;box-shadow:0 20px 60px #9333ea33}.project-card-inner{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.project-badge{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#a78bfa;background:#11182799;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-family:Rosario,serif;font-size:1.125rem;font-weight:700;display:flex;position:absolute;top:1.25rem;right:1.25rem}.project-image-container{z-index:1;width:100%;height:100%;position:absolute;inset:0}.project-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.project-gradient-overlay{z-index:5;background:linear-gradient(#0000 0%,#000000e6 100%);position:absolute;inset:0}.project-border{z-index:6;pointer-events:none;background-image:linear-gradient(#11182799,#11182799),linear-gradient(90deg,#c026d3 0%,#4f46e5 100%);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:1.25rem;position:absolute;inset:0}.project-content{z-index:10;padding:1.75rem;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.project-content{padding:1.5rem}}.project-meta{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.project-category{text-transform:uppercase;color:#00d4ff;letter-spacing:.05em;text-shadow:0 2px 4px #00000080;font-family:Roboto,sans-serif;font-size:.8125rem;font-weight:600}.project-year{color:#9ca3af;font-family:Roboto,sans-serif;font-size:.8125rem}.project-title{color:#fff;letter-spacing:-.01em;margin:0 0 .875rem;font-family:Rosario,Libre Baskerville,serif;font-size:1.75rem;font-weight:700;line-height:1.2}.project-card-large .project-title{font-size:1.75rem}@media (max-width:768px){.project-title,.project-card-large .project-title{font-size:1.5rem}}.project-description{color:#d1d5db;max-width:90%;margin:0 0 1.125rem;font-family:Roboto,sans-serif;font-size:.9375rem;line-height:1.5}@media (max-width:768px){.project-description{margin-bottom:1rem;font-size:.875rem}}.project-cta{color:#fff;align-items:center;gap:.625rem;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.project-cta span{font-size:1.125rem;display:inline-block}.work-bg-elements{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-bg-circle{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.work-bg-circle-1{background:radial-gradient(circle,#c026d3 0%,#0000 70%);width:500px;height:500px;top:-10%;left:-10%}.work-bg-circle-2{background:radial-gradient(circle,#4f46e5 0%,#0000 70%);width:600px;height:600px;bottom:-15%;right:-10%}.work-footer{border-top:1px solid #ffffff1a;justify-content:center;margin-top:3rem;padding-top:2rem;display:flex}.view-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c026d3 0%,#4f46e5 100%);border:none;border-radius:2rem;align-items:center;gap:.75rem;padding:.875rem 1.75rem;font-family:Roboto,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.view-all-btn:hover{background:linear-gradient(135deg,#a020b8 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 12px 24px #c026d34d}.view-all-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.project-card:focus-visible{outline-offset:2px;outline:2px solid #c026d3}a:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.project-card,.project-image,.project-gradient-overlay,.project-meta,.project-title,.project-description,.project-cta,.work-bg-circle{transition:none!important;animation:none!important}.project-card{transform:none!important}}@media (max-width:1024px){.bento-grid{gap:1.25rem}.project-content{padding:1.5rem}.project-title,.project-card-large .project-title{font-size:1.625rem}}@media (max-width:768px){.work-bg-circle-1,.work-bg-circle-2{opacity:.08}.project-card{height:340px}.project-content{padding:1.5rem}.project-badge{width:2.5rem;height:2.5rem;font-size:1rem}.project-title{font-size:1.375rem}.project-description{display:none}.project-card{perspective:none}.project-meta{opacity:1!important;y:0!important}.project-title{y:0!important}.project-description{opacity:1!important;y:0!important;display:block!important}.project-cta{opacity:1!important;x:0!important}.project-gradient-overlay{opacity:.6!important}.project-image{scale:1.05}.project-card{transition:all .3s}.project-card:active{transform:scale(.98)}@media (hover:none){.project-card:hover{border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.project-card:active{border-color:#9333ea80;box-shadow:0 20px 60px #9333ea33}}}@media (hover:hover){.project-description{display:none!important}.project-cta{opacity:0!important}.project-card:hover .project-description{display:block!important}.project-card:hover .project-cta{opacity:1!important}.project-card:hover{border-color:#9333ea80;box-shadow:0 20px 60px #9333ea33}}