@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap";.projects-page{text-align:center;padding-top:100px}.projects-title,.decoder-text{font-size:1.8em;font-weight:700;background:linear-gradient(-45deg,#ff8360,#ff9e80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:4px 6px 0 rgba(0,0,0,.3)}.projects-title{text-align:center;font-size:2.5em;font-weight:700;color:linear-gradient(-45deg,#ff8360,#ff9e80);margin-bottom:1%}.fade-char{display:inline-block;opacity:0;transition:opacity .4s ease-in-out}.glyph{opacity:.8;font-weight:400;font-family:Noto Sans SC,sans-serif;color:#888;transition:opacity .1s ease-in-out}.value{opacity:1;font-weight:700;color:#333;transition:opacity .3s ease-in-out}.projects-container{display:grid;grid-template-columns:repeat(4,1fr);gap:50px 80px;padding:40px;max-width:1600px;margin:auto;justify-content:center}.card{position:relative;width:80%;max-width:300px;height:350px;perspective:900px;transform-style:preserve-3d;cursor:pointer}.front,.back{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;border-radius:10px;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .8s ease-in-out}.img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;filter:grayscale(10%) brightness(25%)}.front{box-shadow:5px 10px 15px #0000004d;z-index:2}.back{background:linear-gradient(-45deg,#ff8360,#ff9e80);transform:rotateY(180deg);backface-visibility:hidden;position:absolute;width:100%;height:100%;border-radius:10px;box-shadow:5px 10px 15px #0000004d}.card:hover .front{transform:rotateY(-180deg)}.card:hover .back{transform:rotateY(0)}.contents{color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(100px);width:100%;padding:20px}.title,.subtitle{font-size:1em;margin-bottom:.5rem}.text{font-size:.8em}.socials{list-style:none;display:flex;justify-content:center;padding:0}.socials li{margin:0 8px}.socials a{font-size:2em;color:#fff;transition:transform .3s}.socials a:hover{transform:translateY(-5px)}.title,.subtitle{font-size:1.2em;margin-bottom:.6rem;position:relative}.title:after,.subtitle:after{content:"";display:block;width:30px;height:2px;background:#fff;margin:10px auto 0}.category-title{font-size:2em;font-weight:700;margin:40px 0 20px;color:#ff9e80;text-align:center;border-bottom:2px solid #ff9e80;padding-bottom:10px}.category-tabs{display:flex;justify-content:center;margin-bottom:30px}.tab-button{background:transparent;border:none;font-size:1.2rem;font-weight:700;color:#888;padding:10px 20px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.tab-button:hover{color:#ff8360}.tab-button.active{color:#ff8360;border-bottom:1px solid #ff8360}@media (max-width: 1440px){.projects-page{text-align:center;padding-top:100px}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 80px;padding:40px;max-width:1200px;margin:auto;justify-content:center}.card{max-width:200px;height:300px}.projects-title{font-size:2.2em}.category-title{font-size:2em}.tab-button{font-size:1.2rem;padding:14px 18px}.title,.subtitle{font-size:.9em;margin-bottom:.6rem;position:relative}}@media (max-width: 1200px){.projects-page{text-align:center;padding-top:130px;height:145vh}.projects-container{grid-template-columns:repeat(3,1fr);gap:30px;padding-right:0;justify-content:center;align-items:center}.card{max-width:280px;height:280px}.projects-title{font-size:2.2em}.category-title{font-size:1.8em}.tab-button{font-size:1.1rem;padding:12px 16px}}@media (max-width: 1024px){.projects-page{text-align:center;padding-top:130px;height:145vh}.projects-container{grid-template-columns:repeat(2,1fr);gap:25px;padding-right:0;justify-content:center;align-items:center}.card{max-width:250px;height:250px}.projects-title{font-size:2em}.category-title{font-size:1.6em}.tab-button{font-size:1rem;padding:10px 14px}}@media (max-width: 767px){.projects-page{text-align:center;padding-top:130px;height:145vh}.projects-container{grid-template-columns:repeat(2,1fr);gap:20px;padding-right:0;justify-content:center;align-items:center}.card{max-width:230px;height:230px}.projects-title{font-size:1.8em}.category-title{font-size:1.5em}.tab-button{font-size:.95rem;padding:10px 12px}}@media (max-width: 479px){.projects-page{text-align:center;padding-top:130px;height:145vh}.projects-container{grid-template-columns:repeat(2,1fr);gap:20px;padding-right:0;justify-content:center;align-items:center}.card{max-width:230px;height:230px}.projects-title{font-size:1.5em}.category-title{font-size:1.4em}.tab-button{font-size:.9rem;padding:10px 12px}.title,.subtitle{font-size:.8em;margin-bottom:.5rem}}