#work.intro{z-index:2;pointer-events:none;flex-direction:column;flex:0 0 42vw;justify-content:center;align-items:center;height:100vh;padding:0 4vw;display:flex;position:relative}#work.intro h1,#work.intro h2{text-align:center}#work.intro h1{margin:0}#work.intro h2{margin-top:.5rem;font-size:1.5rem}@media screen and (width<=900px){#work.intro h2{font-size:1.25rem}}@media screen and (width<=600px){#work.intro h2{font-size:1rem}}@media screen and (orientation:landscape) and (height<=600px) and (width<=900px){#work.intro h2{font-size:.75rem}}@media screen and (width<=900px){#work.intro{height:auto;padding-top:15vh;padding-bottom:4rem}}@media screen and (orientation:landscape) and (height<=600px) and (width<=900px){#work.intro{padding-top:25vh}}.projects_wrapper{align-items:stretch;width:100%;max-width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}@media screen and (width<=900px){.projects_wrapper{display:contents}}.projects{will-change:transform;flex:none;align-items:center;gap:6vw;width:max-content;min-width:max-content;height:100vh;padding-right:10vw;display:flex}@media screen and (width<=900px){.projects{width:auto;height:auto;padding:0 5vw}}.project{flex:0 0 65vw;width:65vw;margin:0}.project .pro,.project>div:not(.counts){z-index:1;position:relative}@media screen and (width<=900px){.project{width:100%;margin-top:6rem}}.work-img{width:100%;height:auto;margin-top:1rem;display:block;position:relative}
