.portfolio-intro{margin-bottom:3rem}.portfolio-intro p{font-size:1.1rem;color:#6c757d;margin-bottom:1rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:30px 0}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin:30px 0}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;margin:30px 0}.fanart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin:30px 0}.background-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin:30px 0}.art-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);transition:all .3s ease;background:#f8f9fa}.logo-item,.icon-item{background:0 0}.art-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.25)}.art-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.art-item:hover img{transform:scale(1.05)}.art-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff !important;padding:20px;transform:translateY(100%);transition:transform .3s ease}.art-overlay h4{color:#fff !important;margin:0 0 8px}.art-overlay p{color:#fff !important;margin:0}.art-item:hover .art-overlay{transform:translateY(0)}.icon-item{aspect-ratio:1;padding:20px;display:flex;align-items:center;justify-content:center}.logo-item{aspect-ratio:1;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-item img{max-width:100%;max-height:80%;width:auto;height:auto;object-fit:contain}.logo-item .art-overlay h4,.icon-item .art-overlay h4{font-size:.9rem;font-weight:500}.fanart-item{aspect-ratio:4/3}.background-item{aspect-ratio:1/1}.section-header{margin:3rem 0 2rem}.section-header h2{font-size:1.75rem;color:#212529;margin-bottom:.5rem;font-weight:600}.section-subtitle{color:#6c757d;font-size:1rem;margin-bottom:1.5rem}.franchise-section{margin:2rem 0}.franchise-header{margin-bottom:1.5rem}.franchise-header h3{font-size:1.4rem;color:#495057;margin:0 0 1rem;font-weight:600}.tech-stack{background:#f8f9fa;padding:2rem;border-radius:8px;margin:3rem 0;border-left:4px solid #007bff}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.tech-item{text-align:center;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}@media(max-width:768px){.hero-section h1{font-size:2.5rem}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.fanart-grid{grid-template-columns:1fr}.background-grid{grid-template-columns:1fr}}