.portfolio-hero{position:relative;width:100%;height:60vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-img{width:100%;height:100%;object-fit:cover;filter:brightness(70%)}.hero-text{position:absolute;text-align:center;color:#fff}.hero-text h1{font-size:3rem;margin-bottom:10px}.hero-text p{font-size:1.2rem}body{font-family:Segoe UI,sans-serif;background:#f9f9f9;color:#222;margin:0;padding:0}header{text-align:center;padding:3rem 1rem;background:#fff;box-shadow:0 2px 8px #0000000d}header h1{font-size:2.2rem;margin-bottom:.5rem}header p{color:#555;font-size:1rem}.portfolio{display:flex;flex-direction:column;gap:2rem;padding:1rem}.card{display:flex;background:#fff;flex-wrap:wrap;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;gap:1rem}.card .text{flex:1 1 300px;padding:1rem;min-width:0}.card .text h2{margin-bottom:.5rem;font-size:1.5rem;min-width:0}.card .text p{margin-bottom:1rem;color:#555}.card .text ul{list-style:none;padding:0}.card .text ul li{display:flex;align-items:center;margin-bottom:.5rem;font-size:.95rem}.card .text ul li span{color:green;margin-left:.5rem;font-weight:700}.card .video{flex:1 1 300px;min-width:280px}.card .video iframe{width:100%;height:300px;min-width:0px;border-radius:0 0 12px 12px;object-fit:cover;box-shadow:0 2px 10px #0000001a}@media(max-width:992px){.card{gap:1.5rem}.card .text{flex:1 1 250px;padding:1rem}.card .video video{height:220px}}@media(max-width:768px){.card{flex-direction:column-reverse;text-align:justify;gap:1rem}.card .text{padding:1rem .5rem}.card .video video{height:300px}}@media(max-width:480px){.card .video video{height:300px}.card .text h2{font-size:1rem}.card .text p,.card .text ul li{text-align:justify;font-size:.7rem}}