#hero.project-hero.hero-landing{min-height:70vh;background-image:none;background-color:var(--section-bg)}.project-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;z-index:0;opacity:.12;filter:grayscale(1) blur(1px)}#hero.project-hero.hero-landing:before{inset:0;width:100%;height:100%;border-radius:0;background:radial-gradient(ellipse at center,rgba(248,249,250,.7) 25%,rgba(248,249,250,.1) 70%,rgba(248,249,250,.6) 100%);transform:none;z-index:0}.project-hero-client{margin-bottom:1.5rem}.project-hero-client img{height:40px;width:auto;opacity:.7;filter:grayscale(30%)}.project-overview-section{padding:6rem 2rem;background:#fff}.project-overview-header{text-align:center;max-width:var(--max-width);margin:0 auto 3rem}.project-overview-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:var(--max-width);margin:0 auto}.project-overview-problem p,.project-overview-solution p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.project-overview-solution h3{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.project-flow-section{padding:6rem 2rem;background:var(--section-bg)}.project-flow-header{text-align:center;max-width:var(--max-width);margin:0 auto 4rem}.project-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:var(--max-width);margin:0 auto}.project-flow-step{text-align:center}.project-flow-step-number{font-size:.8rem;font-weight:700;letter-spacing:.2em;color:var(--primary-color);margin-bottom:1rem;display:block}.project-flow-step-visual{margin-bottom:1.5rem}.project-flow-step h3{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.project-flow-step p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.flow-screenshot{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);object-fit:cover;aspect-ratio:16/10}.flow-screenshot.mobile{aspect-ratio:9/16;max-height:320px;width:auto;height:auto;margin:0 auto;display:block;object-fit:contain}.preview-screenshot{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-md);object-fit:cover;aspect-ratio:16/10}.preview-screenshot.mobile{aspect-ratio:9/16;max-height:400px;width:auto;height:auto;margin:0 auto;display:block;object-fit:contain}.project-preview-caption{font-size:.9rem;color:var(--light-text);margin-top:.75rem}.project-features-section{padding:6rem 2rem;background:#fff;overflow:hidden}.project-features-header{text-align:center;max-width:var(--max-width);margin:0 auto 4rem}.project-preview-section{padding:6rem 2rem;background:var(--section-bg)}.project-preview-header{text-align:center;max-width:var(--max-width);margin:0 auto 3rem}.project-preview-gallery{display:grid;grid-template-columns:repeat(3,1fr) 180px;gap:2rem;max-width:var(--max-width);margin:0 auto;align-items:start}.project-preview-item{text-align:center}@media (max-width:768px){#hero.project-hero.hero-landing{min-height:60vh;padding:0 1.25rem}.project-hero-bg{object-fit:cover}#hero.project-hero.hero-landing:before{inset:0;width:100%;height:100%;border-radius:0;background:radial-gradient(ellipse at center,rgba(248,249,250,.9) 15%,rgba(248,249,250,.65) 55%,rgba(248,249,250,.4) 100%);transform:none}.project-overview-section{padding:4rem 1.25rem}.project-overview-content{grid-template-columns:1fr;gap:2rem}.project-flow-section{padding:4rem 1.25rem}.project-flow-steps{grid-template-columns:1fr 1fr;gap:1.5rem}.project-features-section,.project-preview-section{padding:4rem 1.25rem}.project-preview-gallery{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width:480px){.project-flow-steps,.project-preview-gallery{grid-template-columns:1fr}}