.Project{min-height:100vh;display:flex;flex-direction:column}.Project__Nav{display:flex;width:100%;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:10}.Project__Image{position:relative;width:100%;aspect-ratio:16/5}@media screen and (max-width:768px){.Project__Image{aspect-ratio:16/9}}@media screen and (max-width:425px){.Project__Image{aspect-ratio:1/1}}.Project__Image img{object-fit:cover;object-position:center}.Project__Content{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding:4rem 0}@media screen and (max-width:1200px){.Project__Content{padding:4rem 7rem}}@media screen and (max-width:1024px){.Project__Content{padding:4rem 5rem}}@media screen and (max-width:768px){.Project__Content{padding:4rem 2rem;gap:3rem}}@media screen and (max-width:425px){.Project__Content{gap:2rem}}.Project__Content--title{font-family:Plus Jakarta Sans,sans-serif;font-size:6rem;font-weight:500;letter-spacing:-.06em;line-height:100%;position:relative;width:fit-content}@media screen and (max-width:768px){.Project__Content--title{font-size:4rem}}@media screen and (max-width:425px){.Project__Content--title{font-size:3rem}}.Project__Content h2{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:600}.Project__Content ul{display:flex;flex-wrap:wrap;gap:1rem}.Project__Section{display:flex;flex-direction:column;gap:1rem;font-family:Plus Jakarta Sans,sans-serif;line-height:200%}.Project__Section--about{display:flex;flex-direction:column;gap:1.4rem}.Project__Section--about h3{font-size:1.3rem;font-weight:600;line-height:120%}.Project__Section--about ul{display:flex;flex-direction:column;gap:0}.Project__Section--about a{font-size:1rem;font-weight:400;color:#00e;text-decoration:underline}.Project__Section--about iframe{margin:0 auto;max-width:100%}.Project__Stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media screen and (max-width:768px){.Project__Stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (max-width:425px){.Project__Stats{grid-template-columns:1fr}}.Project__Stats>div{display:flex;flex-direction:column;gap:.5rem}.Project__Stats>div h3{font-family:Big Shoulders Display,sans-serif;font-size:1.2rem;font-weight:700;line-height:120%}.Project__Stats>div ul{display:flex;gap:.25rem}.Project__Stats>div li,.Project__Stats>div p{font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:400;letter-spacing:-.04em}.Project__TechStack{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}@media screen and (max-width:768px){.Project__TechStack{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:425px){.Project__TechStack{grid-template-columns:1fr}}.Project__LaptopShowcase{position:relative;display:flex;align-items:center;flex-direction:column;gap:4rem;padding:5rem 7rem}@media screen and (max-width:1024px){.Project__LaptopShowcase{padding:5rem;gap:3rem}}@media screen and (max-width:768px){.Project__LaptopShowcase{padding:5rem 2rem;gap:2rem}}.Project__Macbook{aspect-ratio:16/8;width:100%;max-width:1200px;position:relative}.Project__Macbook--content{width:74.4%;aspect-ratio:16/10;left:49.95%;top:48%;transform:translate(-50%,-50%);position:relative;border-radius:1rem 1rem 0 0;overflow:hidden}@media screen and (max-width:425px){.Project__Macbook--content{border-radius:.5rem .5rem 0 0}}.Project__Macbook--video{position:absolute;top:0;left:0;object-fit:contain}.Project__Macbook--device{object-fit:contain}.Project__Screenshot{aspect-ratio:16/10;width:100%;max-width:1200px;position:relative}.Project__Quote{height:120vh;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.Project__Quote--background{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.Project__Quote--text h1{font-family:Inter,sans-serif;font-size:4rem;letter-spacing:-.06em;line-height:100%;text-align:center;color:#fff;padding:0 7rem}@media screen and (max-width:1024px){.Project__Quote--text h1{padding:0 5rem}}@media screen and (max-width:768px){.Project__Quote--text h1{padding:0 2rem}}.Project__Phone{width:100%;max-width:1400px;position:relative;margin:4rem auto;display:flex;justify-content:space-around;align-items:center;gap:5rem;padding:0 7rem}@media screen and (max-width:1024px){.Project__Phone{margin:2rem auto;padding:0 5rem;gap:3rem}}@media screen and (max-width:768px){.Project__Phone{padding:0 2rem;gap:1rem}}.Project__Phone--device{aspect-ratio:9/19;width:100%;position:relative;border-radius:1rem;overflow:hidden;z-index:1}.Project__Phone--device img{object-fit:contain;width:100%;height:100%}.Project__Phone--article{position:relative;aspect-ratio:9/19;width:100%}.Project__Phone--article img{object-fit:contain;width:100%;height:100%}