.webDevPage{background:#ffffff;font-family:Inter,sans-serif;color:#111;overflow:hidden}.container{max-width:1280px;margin:auto;padding:0 24px}.heroSection{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#faf6ee,#ffffff 50%,#f5f7fa)}.heroBg{position:absolute;right:-200px;top:-200px;width:700px;height:700px;border-radius:50%;background:rgba(181,22,30,.08);filter:blur(100px)}.heroContent{position:relative;z-index:2;max-width:760px}.miniTitle{display:inline-block;color:#b5161e;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:24px}.heroContent h1{font-size:82px;line-height:1;letter-spacing:-4px;margin-bottom:28px;font-weight:600}.heroContent p{max-width:620px;color:#555;font-size:20px;line-height:1.9}.aboutSection{padding:80px 0}.aboutGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:100px;gap:100px;align-items:center}.aboutImage{position:relative}.aboutImage:before{content:"";position:absolute;left:-25px;top:25px;width:100%;height:100%;border:1px solid rgba(0,0,0,.08);border-radius:30px;z-index:-1}.aboutImage img{width:100%;border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.08)}.sectionTag{display:inline-block;color:#b5161e;font-size:13px;font-weight:600;letter-spacing:2px;margin-bottom:22px;text-transform:uppercase}.aboutContent h2{font-size:56px;line-height:1.1;margin-bottom:28px;letter-spacing:-2px}.aboutContent p{color:#555;font-size:17px;line-height:1.9;margin-bottom:22px}.showcaseSection{padding:20px 0}.headingCenter{text-align:center;margin-bottom:70px}.headingCenter h2{font-size:60px;letter-spacing:-2px}.showcaseGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px;gap:28px}.projectCard{position:relative;overflow:hidden;border-radius:28px;height:428px;cursor:pointer;background:#000}.projectCard:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:28px;z-index:4;pointer-events:none}.projectCard img{width:100%;height:100%;object-fit:cover;transition:1s cubic-bezier(.2,.65,.3,.9)}.overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:40px;background:linear-gradient(0deg,rgba(0,0,0,.92) 5%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.12) 75%,rgba(0,0,0,0));transition:.6s ease}.overlayContent{transform:translateY(50px);opacity:0;transition:1s cubic-bezier(.2,.65,.3,.9)}.overlayContent h3{color:#fff;font-size:36px;margin-bottom:12px}.overlayContent p{color:rgba(255,255,255,.85);font-size:17px;line-height:1.8}.projectCard:hover img{transform:scale(1.08)}.projectCard:hover .overlay{background:linear-gradient(0deg,rgba(181,22,30,.95) 0,rgba(181,22,30,.72) 40%,rgba(0,0,0,.2))}.projectCard:hover .overlayContent{transform:translateY(0);opacity:1}@media(max-width:1100px){.aboutGrid,.contentWrapper{grid-template-columns:1fr}.contentLeft{position:relative;top:0}.showcaseGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.heroSection{min-height:auto;padding:140px 0 100px}.heroContent h1{font-size:46px;letter-spacing:-2px}.heroContent p{font-size:16px}.aboutContent h2,.contentLeft h2,.headingCenter h2{font-size:36px}.showcaseGrid{grid-template-columns:1fr}.projectCard{height:480px}}