.portfolio-futuristic-section{font-family:'Lato',Arial,sans-serif;padding:80px 20px;background-color:var(--color-text-light);color:var(--color-text-dark);text-align:center;overflow:hidden}.portfolio-futuristic-title{font-size:3.5em;color:var(--color-accent-teal);margin-bottom:20px;position:relative;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px var(--color-accent-teal-shadow)}.portfolio-futuristic-title:after{content:'';display:block;width:150px;height:5px;background-color:var(--color-accent-teal);margin:20px auto 0;border-radius:3px;box-shadow:0 0 20px var(--color-accent-teal-shadow)}.portfolio-futuristic-subtitle{font-size:1.3em;color:var(--color-text-dark);margin-bottom:60px;opacity:.9}.screens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;max-width:1400px;margin:0 auto}.screen-card{background-color:var(--color-primary-dark-blue);border:2px solid var(--color-accent-teal-transparent);border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 30px var(--color-accent-teal-transparent) inset;padding:25px;transition:all .4s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.screen-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 45px var(--color-accent-teal) inset;border-color:var(--color-accent-teal)}.screen-display-wrapper{width:100%;padding-bottom:56.25%;background-color:var(--color-secondary-blue);border-radius:8px;overflow:hidden;position:relative;box-shadow:0 0 15px var(--color-accent-teal-transparent) inset}.screen-content{position:absolute;top:0;left:0;width:100%;height:100%}.screen-content img,.screen-content video{width:100%;height:100%;object-fit:cover;display:block}.project-info{margin-top:30px;text-align:center;width:100%}.project-info h3{font-size:1.8em;color:var(--color-accent-teal);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.project-info p{font-size:1em;color:var(--color-text-light);line-height:1.6;margin-bottom:20px;opacity:.8}.project-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px;margin-bottom:20px;padding-top:15px;border-top:1px solid var(--color-accent-teal-transparent-border)}.project-tag{background-color:var(--color-accent-teal-transparent);color:var(--color-accent-teal);padding:5px 10px;border-radius:5px;font-size:.8em;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.project-link{display:inline-flex;align-items:center;background-color:var(--color-accent-teal);color:var(--color-primary-dark-blue);padding:10px 20px;border:none;border-radius:5px;text-decoration:none;font-weight:700;font-size:.9em;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 10px var(--color-accent-teal-shadow)}.project-link:hover{background-color:var(--color-accent-teal-hover);transform:translateY(-3px);box-shadow:0 4px 15px var(--color-accent-teal-hover-shadow)}.project-link i{margin-left:8px;font-size:.9em}@media (max-width:1200px){.screens-grid{grid-template-columns:repeat(3,1fr);gap:40px}}@media (max-width:992px){.screens-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width:768px){.portfolio-futuristic-title{font-size:2.8em}.portfolio-futuristic-subtitle{font-size:1.1em;margin-bottom:40px}.screens-grid{grid-template-columns:1fr;gap:40px}.screen-card{padding:20px}.project-info h3{font-size:1.5em}.project-info p{font-size:.95em}}@media (max-width:480px){.portfolio-futuristic-section{padding:50px 15px}.portfolio-futuristic-title{font-size:2.2em;letter-spacing:2px}.portfolio-futuristic-title:after{width:100px;height:4px}.portfolio-futuristic-subtitle{font-size:1em;margin-bottom:30px}.screen-card{padding:15px}.project-info h3{font-size:1.3em}.project-info p{font-size:.9em}.project-link{padding:8px 15px;font-size:.85em}}