.project-cards-container{max-width:1100px;margin:120px auto;padding:0 40px}.projects-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 60px;background:#fff;color:#111;border-radius:20px;text-decoration:none;overflow:hidden;transition:transform .4s cubic-bezier(.25,.85,.25,1),box-shadow .3s ease;z-index:1}.project-card{--bg-x: 0px;--bg-y: 0px}.project-card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.05) translateY(6px) translate(var(--bg-x),var(--bg-y));transition:opacity .4s ease,transform .5s ease;z-index:0}.project-card:hover:before{opacity:1;transform:scale(1.03) translateY(0) translate(var(--bg-x),var(--bg-y))}.project-card:after{content:"";position:absolute;inset:0;background:#00000040;opacity:0;transition:opacity .4s ease;z-index:1}.project-card:hover:after{opacity:1}.project-card *{position:relative;z-index:2;transition:none}.project-card h2{font-size:2rem;font-weight:600;margin-bottom:12px;letter-spacing:.02em}.project-card p{font-size:1rem;line-height:1.6;color:#333}.project-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 18px 45px #0000001f;color:#fff}.project-card:hover h2,.project-card:hover p{color:#fff}.project-card.graphic-design:before{background-image:url(/images/cards/graphic.png)}.project-card.ui-ux:before{background-image:url(/images/cards/uiux.png)}@media(max-width:800px){.project-cards-container{padding:0 20px}.projects-text-grid{grid-template-columns:1fr;gap:24px}.project-card,.guideline-button{padding:60px 30px}}.guideline-button{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 60px;background:#fff;color:#111;border-radius:20px;text-decoration:none;overflow:hidden;grid-column:1 / -1;width:100%;transition:transform .4s cubic-bezier(.25,.85,.25,1),box-shadow .3s ease;z-index:1}.guideline-button{--bg-x: 0px;--bg-y: 0px}.guideline-button:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-image:linear-gradient(135deg,#e0f2fe,#e0f1fe 1% 2%,#e0f0fe 3% 4%,#e0effe 5% 6%,#e0eefe 7% 8%,#dfedfe 9%,#dfecfe 10% 11%,#dfebfe 12% 13%,#dfeafe 14% 15%,#dfe9fe 16%,#dfe8fe 17% 18%,#dfe7fe 19% 20%,#dfe6fe 21% 22%,#dfe5fe 23% 24%,#dfe4fe 25%,#dee3fe 26% 27%,#dee2fe 28% 29%,#dee1fe 30% 31%,#dee0fe 32% 33%,#dedffe 34%,#dedefe 35% 36%,#deddfe 37% 38%,#dedcfe 39% 40%,#dedbfe 41%,#dddafe 42% 43%,#ddd9fe 44% 45%,#ddd8fe 46% 47%,#ddd7fe 48% 49%,#ddd6fe 50%,#ded6fd,#ded6fc,#dfd6fc,#e0d6fb,#e0d6fa,#e1d6f9,#e2d6f9,#e2d6f8,#e3d6f7,#e4d6f6,#e4d6f5,#e5d6f5,#e6d6f4,#e6d6f3,#e7d6f2,#e8d6f2,#e8d6f1,#e9d6f0,#ead6ef,#ead6ee,#ebd6ee,#ecd6ed,#ecd6ec,#edd6eb,#eed7eb,#eed7ea,#efd7e9,#efd7e8,#f0d7e7,#f1d7e7,#f1d7e6,#f2d7e5,#f3d7e4,#f3d7e3,#f4d7e3,#f5d7e2,#f5d7e1,#f6d7e0,#f7d7e0,#f7d7df,#f8d7de,#f9d7dd,#f9d7dc,#fad7dc,#fbd7db,#fbd7da,#fcd7d9,#fdd7d9,#fdd7d8,#fed7d7);opacity:0;transform:scale(1.05) translateY(6px) translate(var(--bg-x),var(--bg-y));transition:opacity .4s ease,transform .5s ease;z-index:0}.guideline-button:hover:before{opacity:1;transform:scale(1.03) translateY(0) translate(var(--bg-x),var(--bg-y))}.guideline-button:after{content:"";position:absolute;inset:0;background:#00000040;opacity:0;transition:opacity .4s ease;z-index:1}.guideline-button:hover:after{opacity:1}.guideline-button *{position:relative;z-index:2;transition:none}.guideline-button h2{font-size:2rem;font-weight:600;margin-bottom:12px;letter-spacing:.02em}.guideline-button p{font-size:1rem;line-height:1.6;color:#333;max-width:100%;text-align:center}.guideline-button:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 18px 45px #0000001f;color:#fff}.guideline-button:hover h2,.guideline-button:hover p{color:#fff}.project-cards-container{display:flex;flex-direction:column;gap:20px}.projects-text-grid{display:grid;gap:20px}.guideline-button{box-sizing:border-box;grid-column:1 / -1;width:100%}@media(min-width:720px){.projects-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}section.projects-section{padding-inline:0}.container .project-cards-container{max-width:1180px}@media(max-width:900px){.projects-section .container{max-width:none}}.projects-section .project-card h2,.projects-section .guideline-button h2{margin:2rem 0}