.featured-projects-section{padding:5rem 1.5rem;background-color:var(--bg-color,#f0ebe6);position:relative;overflow:hidden;font-family:DM Sans,sans-serif}.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--color-orange);opacity:.3;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.5);opacity:.5}}.projects-container{max-width:72rem;margin:0 auto;position:relative}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.projects-title{font-size:2.25rem;font-weight:700;font-family:Epilogue,sans-serif;color:var(--color-dark);margin-bottom:.75rem;transition:all .7s;letter-spacing:-1px}@media (min-width:768px){.projects-title{font-size:3.5rem}}.title-underline{width:6rem;height:.4rem;background:var(--color-dark);border-radius:9999px;transition:all .7s;transition-delay:.1s;transform-origin:left}.view-all-btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;color:var(--color-dark);border:2px solid var(--color-dark);border-radius:9999px;transition:all .3s;text-decoration:none;display:inline-block;background-color:transparent}.view-all-btn:hover{background-color:var(--color-dark);color:var(--color-white);transform:translateY(-2px)}.projects-grid{display:grid;grid-gap:2.5rem;gap:2.5rem}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{position:relative;border-radius:1.5rem;overflow:hidden;border:2px solid var(--color-dark);background-color:var(--color-white);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);outline:none;box-shadow:6px 6px 0 var(--color-dark)}.project-card:focus-visible,.project-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--color-dark)}.project-card.is-visible{animation:slide-up .6s ease-out forwards;opacity:1}.project-card.is-hidden{opacity:0}.view-pill-container{position:absolute;inset:0;z-index:20;pointer-events:none;display:none}@media (min-width:768px){.view-pill-container{display:block}}.view-pill{position:absolute;display:flex;height:4rem;width:9.5rem;transform:translate(-50%,-50%);align-items:center;justify-content:space-between;border-radius:9999px;background-color:var(--color-orange);border:2px solid var(--color-dark);padding:0 1.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-dark);opacity:0;box-shadow:4px 4px 0 var(--color-dark);transition:opacity .3s,transform .2s}.project-card:hover .view-pill{opacity:1}.view-icon-wrap{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-white);color:var(--color-dark);border:2px solid var(--color-dark)}.card-image-wrap{position:relative;height:18rem;overflow:hidden;border-bottom:2px solid var(--color-dark);background-color:var(--color-pink)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover .card-image{transform:scale(1.05)}.gradient-overlay-dark{position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0) 40%)}.gradient-overlay-cyan{position:absolute;inset:0;background:linear-gradient(0deg,rgba(245,105,60,.15),transparent);opacity:0;transition:opacity .5s}.project-card:hover .gradient-overlay-cyan{opacity:1}.card-info{padding:2rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--color-white)}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-title{font-family:Epilogue,sans-serif;font-size:1.75rem;font-weight:800;color:var(--color-dark);transition:color .3s;margin:0;letter-spacing:-.5px}.project-card:hover .card-title{color:var(--color-orange)}.mobile-arrow-btn{display:flex;flex-shrink:0;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-dark);background-color:var(--color-lightgreen);color:var(--color-dark)}@media (min-width:768px){.mobile-arrow-btn{display:none}}.card-description{color:var(--color-dark);opacity:.8;line-height:1.6;margin:0;font-size:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-tag{padding:.35rem .85rem;font-size:.75rem;font-weight:700;color:var(--color-dark);background-color:var(--color-lightgreen);border:1.5px solid var(--color-dark);border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.tech-tag:nth-child(2n){background-color:var(--color-pink)}.tech-tag:nth-child(3n){background-color:var(--color-lightblue)}.radial-glow{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s}.project-card:hover .radial-glow{opacity:1}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.opacity-0{opacity:0}.opacity-100{opacity:1}.translate-y-8{transform:translateY(2rem)}.translate-y-4{transform:translateY(1rem)}.translate-y-0{transform:translateY(0)}.scale-x-0{transform:scaleX(0)}.scale-x-100{transform:scaleX(1)}