@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100..900&display=swap";
.portfolio-about{background:#f5f1eb;padding:120px 100px;overflow:hidden}.portfolio-about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.portfolio-about-tag{color:#9e140b;letter-spacing:.3em;text-transform:uppercase;margin-bottom:26px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:inline-block}.portfolio-about-heading{color:#111;letter-spacing:4px;text-transform:uppercase;margin:0;font-family:Bebas Neue,sans-serif;font-size:45px;font-weight:600;line-height:1}.portfolio-about-text{color:#555;max-width:720px;margin-top:20px;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}.portfolio-about-images{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.portfolio-image{border-radius:12px;height:450px;overflow:hidden;box-shadow:0 30px 80px #0000001a}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:all 1s}.portfolio-image:hover img{transform:scale(1.08)}.portfolio-work{margin-top:40px}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px;display:grid}.portfolio-grid-item{background:#111;border-radius:12px;height:450px;overflow:hidden}.portfolio-grid-item img{object-fit:cover;width:100%;height:100%;transition:all 1s}.portfolio-grid-item:hover img{transform:scale(1.08)}.portfolio-reels{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px;display:grid}.reel-card{background:#111;border-radius:12px;height:520px;position:relative;overflow:hidden}.reel-card img{object-fit:cover;width:100%;height:100%;transition:all 1s}.reel-overlay{background:linear-gradient(#00000014,#000000b8);position:absolute;inset:0}.reel-play{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:30px;transition:all .5s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-card:hover img{transform:scale(1.08)}.reel-card:hover .reel-play{transform:translate(-50%,-50%)scale(1.1)}.portfolio-vision{margin-top:50px}@media (max-width:1100px){.portfolio-about-grid{grid-template-columns:1fr}.portfolio-grid,.portfolio-reels{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portfolio-about{padding:100px 25px}.portfolio-about-heading{font-size:44px}.portfolio-about-text{font-size:15px}.portfolio-about-images{grid-template-columns:1fr}.portfolio-image{height:360px}.portfolio-grid{grid-template-columns:1fr}.portfolio-grid-item{height:320px}.portfolio-reels{grid-template-columns:1fr}.reel-card{height:520px}}