.portfolio-section{position:relative;overflow:hidden;padding-bottom:60px;background-color:#fff;color:#fff}.portfolio-section:before,.portfolio-section:after{content:"";position:absolute;top:0;bottom:0;width:50px;pointer-events:none;z-index:1}.portfolio-section:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.portfolio-section:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.section-title{text-align:center;margin-bottom:40px;font-size:2.5rem;color:#fff}.portfolio-grid{display:grid;grid-template-rows:repeat(3,1fr);gap:20px;perspective:5000px;width:100%}.portfolio-row{display:flex;gap:20px;will-change:transform;min-width:-moz-max-content;min-width:max-content;position:relative}.portfolio-card{width:380px;height:180px;border-radius:8px;box-shadow:0 4px 6px #0000004d;transform:rotateX(45deg) rotateY(-15deg) rotate(-10deg) translateZ(-50px);transition:transform .5s ease,box-shadow .5s ease;position:relative;overflow:hidden;background-size:cover;background-position:center;will-change:transform}.portfolio-card:hover{transform:scale(1.2) rotateX(0) rotateY(0) rotate(0);box-shadow:0 8px 16px #0009;transition:transform .4s ease,box-shadow .4s ease;z-index:1}.portfolio-card:hover .cta-overlay{opacity:1;transition:opacity .3s ease-in}.portfolio-card:hover .cta-button{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.cta-overlay{position:absolute;bottom:0;left:0;right:0;top:0;background-color:#000000b3;color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in;flex-direction:column}.cta-button{margin-top:10px;padding:10px 20px;background-color:#1940bf;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.cta-button:hover{background-color:#122669}