.work-hero{color:#fff;text-align:center;background-image:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&q=80&w=800);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:70vh;padding-top:80px;display:flex;position:relative}.work-hero-content{opacity:0;max-width:1000px;padding:0 20px;animation:1s .5s forwards fadeUp;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.work-category{backdrop-filter:blur(10px);font-size:.9rem;font-family:var(--font-display);letter-spacing:.05em;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:24px;padding:8px 24px;display:inline-block}.work-title{text-shadow:0 10px 30px #00000080;margin-bottom:30px;font-size:3.5rem;font-weight:700;line-height:1.2}@media (width<=768px){.work-title{font-size:2rem}}.work-lead{opacity:.9;font-size:1.2rem;line-height:1.8}.overview-section{background:#fff;padding:100px 0}.overview-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:60px;display:grid}@media (width<=900px){.overview-grid{grid-template-columns:1fr}}.overview-text h2{color:#111;margin-bottom:30px;font-size:2rem}.overview-text p{color:#555;margin-bottom:20px;line-height:1.8}.screen-list-box{background:#f8f9fa;border-left:5px solid #6366f1;border-radius:12px;margin-top:30px;padding:30px}.screen-list-box h3{color:#333;margin-bottom:15px;font-size:1.2rem}.screen-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;list-style:none;display:grid}.screen-list li{color:#555;padding-left:20px;font-weight:500;position:relative}.screen-list li:before{content:"✓";color:#6366f1;position:absolute;left:0}.dev-section{color:#fff;background:#111;padding:80px 0}.dev-story-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}@media (width<=768px){.dev-story-grid{grid-template-columns:1fr 1fr}}.story-item{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:30px}.story-label{opacity:.6;font-size:.8rem;font-family:var(--font-display);margin-bottom:10px;display:block}.story-value{color:#0ff;font-size:2.5rem;font-weight:700}.story-value span{color:#fff;margin-left:5px;font-size:1rem}.story-text{text-align:center;opacity:.8;max-width:800px;margin:0 auto;line-height:1.8}.gallery-section{background:#f8f9fa;padding:100px 0}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}@media (width<=768px){.gallery-grid{grid-template-columns:1fr}}.gallery-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d}.gallery-img{background-position:50%;background-size:cover;height:250px;transition:transform .5s}.gallery-item:hover .gallery-img{transform:scale(1.05)}.gallery-caption{color:#333;text-align:center;border-top:1px solid #eee;padding:15px;font-size:.9rem;font-weight:600}.feature-section{background:#fff;padding:100px 0}.feature-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.feature-item{background:#fff;border:1px solid #eee;border-radius:20px;padding:40px;transition:transform .3s;box-shadow:0 10px 40px #00000008}.feature-item:hover{border-color:#6366f1;transform:translateY(-5px)}.feature-item h3{color:#111;align-items:center;gap:10px;margin-bottom:15px;font-size:1.3rem;display:flex}.feature-item h3:before{content:"";background:#6366f1;border-radius:50%;width:8px;height:8px;display:block}.tech-stack-box{color:#fff;text-align:center;background:#1a1a2e;border-radius:24px;margin-top:80px;padding:60px}.tech-tags{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.tech-tag{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:100px;padding:10px 24px;font-size:.9rem}.back-link{color:#111;border-bottom:1px solid #111;margin-top:60px;padding-bottom:4px;font-weight:600;text-decoration:none;display:inline-block}html{width:100%;overflow-x:hidden}body{width:100%;position:relative;overflow-x:hidden}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.work-title{word-wrap:break-word}@media (width<=900px){.overview-grid{grid-template-columns:1fr;gap:40px}.overview-img{height:300px!important}}@media (width<=768px){.work-hero{min-height:60vh;padding-top:100px}.work-title{margin-bottom:20px;font-size:2rem}.overview-section,.dev-section,.gallery-section,.feature-section,.cta-section{padding:60px 0}.dev-story-grid,.gallery-grid,.feature-list{grid-template-columns:1fr;gap:20px}.screen-list{grid-template-columns:1fr}}