body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#ffe;scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.navigation{align-items:center;display:flex;height:10vh;justify-content:space-between;padding:0 20%;position:fixed;width:60%;z-index:1}.navigation a{border-bottom:2px solid #0000;color:#000;text-decoration:none;text-transform:uppercase}.navigation a.active{border-block-color:initial}.navigation nav{display:flex;justify-content:space-between}.navigation nav a{margin-left:2em}.navigation-item{color:#fff;font-size:1.2em;margin:0 2em;padding:1.5em 0;text-decoration:none}h3{text-align:center}.section{padding:0}#home{min-height:90vh;padding-top:10vh}#work{padding-top:4em}.page{display:flex;flex-direction:column;font-size:2em}.page,.page .name{overflow:hidden;width:100%}.page .name{left:0;max-height:100vh;position:absolute;text-align:center}.page .name h1{font-size:5em;margin:0;text-transform:uppercase}.page .name.first-name{top:-.55em}.page .name.last-name{bottom:-.5em}.page h1{margin-bottom:0;text-align:center}.page p{font-size:.5em;font-weight:lighter;line-height:1.5;margin:0 30%;width:40%}.clients{align-items:center;display:flex;flex-direction:column;padding:5% 0 0}.clients span{font-size:.6em;font-weight:lighter;padding-bottom:1.5em;text-align:center;width:60%}.clients .image-container{align-items:center;justify-content:space-evenly;padding-bottom:0!important;padding-top:0!important}.clients .image-container .gallery{padding:0!important}.clients .image-container img{border-radius:0;filter:grayscale(100%);flex:0 0 auto;height:100px;object-fit:contain!important;padding:.5em;width:100px}.portfolio-grid{display:flex;flex-direction:column;margin:0 20%;width:60%}.portfolio-grid img{border-radius:.75em}.portfolio-grid .portfolio-card{display:flex;flex-direction:column;padding:0;width:100%}.portfolio-grid .portfolio-card .main-content{align-items:center;display:flex;justify-content:space-between}.portfolio-grid .portfolio-card .main-content .main-image{aspect-ratio:1/1;overflow:hidden;width:47.5%}.portfolio-grid .portfolio-card .main-content .main-image img{height:100%;object-fit:cover;width:100%}.portfolio-grid .portfolio-card .portfolio-content{width:47.5%}.portfolio-grid .portfolio-card .portfolio-content h2{margin:0}.portfolio-grid .portfolio-card .portfolio-content p{margin:1em 0 0;width:100%}.portfolio-grid .portfolio-card .portfolio-content p.subtitle{font-size:1em;font-weight:400;line-height:1.5em}.portfolio-grid .portfolio-card .portfolio-content a{color:#000;font-weight:bolder;text-decoration:none}.portfolio-grid .portfolio-card .gallery{display:flex;gap:5%;padding:5% 0 0;width:100%}.portfolio-grid .portfolio-card .gallery img{flex:1 1;min-width:0;object-fit:cover}#about{padding:6em 0 0}#about #experience{padding-top:4em}#about p{font-size:.5em;font-weight:lighter;line-height:1.5;margin:0 auto 2em;width:40%}#about .photos{width:80%}#about .portfolio-grid .portfolio-card{padding-bottom:0;padding-top:0}#about .portfolio-grid .portfolio-card .gallery{gap:1em}#about .portfolio-grid .portfolio-card .gallery img{object-fit:cover}#about h3{text-align:center}#about .timeline{align-self:center;display:flex;margin-bottom:3.5em;position:relative;width:60%}#about .timeline .job-container{align-self:center;display:flex;gap:2em;padding:0 4em;position:relative}#about .timeline .line{background:#d3d3d3;background:linear-gradient(90deg,#d3d3d300,#d3d3d3 5%,#d3d3d3 95%,#d3d3d300);bottom:0;height:1px;position:absolute;width:100%}#about .timeline .job{display:flex;flex:1 1;flex-direction:column;margin-top:1em;padding:0 0 2em .5em;position:relative}#about .timeline .job:after{background-color:#ffe;border:1px solid #d3d3d3;border-radius:50%;bottom:-6.5px;content:"";height:15px;left:0;position:absolute;width:15px;z-index:1}#about .timeline .job:before{background-color:#d3d3d3;bottom:-6.5px;content:"";height:100%;left:7.5px;position:absolute;width:1px}#about .timeline .job .job-content{padding-left:1em}#about .timeline .job .job-content a{color:#000;text-decoration:none}#about .timeline .job h4{font-size:.8em;font-weight:lighter;margin:0}#about .timeline .job span{font-size:.5em;font-style:italic;font-weight:lighter}#about .timeline .job p{margin:.5em 0;padding:0;width:100%}#about .timeline .job ul{margin:0;padding:.5em 0 0 .75em}#about .timeline .job li{font-size:.5em;font-weight:lighter;list-style:none;position:relative}#about .timeline .job li:after{background:#000;content:"";height:1px;left:-1em;position:absolute;top:.6em;width:3px}.slide-in{background:#0003;transform-origin:bottom}.slide-in,.slide-out{height:100vh;left:0;position:fixed;top:0;width:100%}.slide-out{background:orange;transform-origin:top}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-wrapper{display:flex;flex-direction:row;margin:10%;width:80%}.image-wrapper img{align-self:flex-start;border-radius:.4em;width:20%}.image-wrapper .introduction-paragraph{align-content:center;align-self:center;display:flex;flex-direction:column;width:80%}.image-wrapper .introduction-paragraph p{font-size:.5em;height:auto;line-height:1.5;margin:.5em 10%;width:90%}@media(max-width:1700px){.clients{margin:0 auto!important;width:95%!important}.timeline{width:100%!important}#about p,#work p{margin:0 auto!important;width:50%!important}.card-title{margin-left:-50%;width:200%}#project-details .gallery .images img{height:200px}}@media(max-width:768px){.slider .card-content{padding:0!important;width:100%!important}.navigation{background-color:#ffe;padding:0 5%;width:90%}#about p,#work p,.project-description p{width:100%!important}.project-description{margin:.5em!important}.videos{margin-top:0!important}.portfolio-grid{margin:0 5%;width:90%}.portfolio-grid .portfolio-card .main-content{display:block}.portfolio-grid .portfolio-card .main-content .main-image,.portfolio-grid .portfolio-card .main-content .portfolio-content{width:100%}#about .timeline{margin-top:2em}#about .timeline .job-container{flex-direction:column;gap:0}#about .timeline .job-container .job:after{top:8px}#about .timeline .line{height:100%;left:19%;width:1px}.clients{margin-top:3em!important}.portfolio-grid .portfolio-card .gallery{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;width:100%}.portfolio-grid .portfolio-card .gallery img{aspect-ratio:1/1;display:block;object-fit:cover;padding:15%;width:70%}.image-wrapper{display:block}.image-wrapper img{height:auto;margin-bottom:1em;width:100%}.image-wrapper .introduction-paragraph{width:100%}.image-wrapper .introduction-paragraph p{margin:.5em 0;width:100%}#about .photos{width:95%}.page .name{left:0;overflow:hidden;position:absolute;text-align:center;width:100%}.page .name h1{font-size:2em;margin:0;text-transform:uppercase}.page .name.first-name{top:0}.page .name.last-name{top:1.5em}}.slider{margin:2em auto 0;width:100%}.slider .slider__nav{margin-top:.5em;width:100%}.slider .slider__nav button{color:#000}.slider .track{align-items:center;display:flex;transition:transform .5s ease}.slider .card{grid-gap:4rem;align-items:center;display:grid;flex-shrink:0;gap:4rem;transition:all .4s ease;width:50%}.slider .card-image{aspect-ratio:auto;overflow:hidden}.slider .card-image,.slider .card-image img{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .6s ease;width:100%}.slider .card-image img{aspect-ratio:1/1;margin:0;object-fit:cover}.slider .card-content{cursor:pointer;display:flex;filter:blur(1px);flex-direction:column;gap:0;opacity:.6;padding:5%;transform:scale(.8);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .6s ease;width:90%}.slider .card-content .card-title{align-items:end;display:flex;height:4em;justify-content:center;margin-bottom:1em}.slider .card-content h4{font-size:1.25em;font-weight:lighter;margin:0;opacity:.01;text-align:center}.slider .card-content span{opacity:.01}.slider .card-content.active{filter:blur(0);opacity:1;transform:scale(1)}.slider .card-content.active img{aspect-ratio:1/1}.slider .card-content.active h4,.slider .card-content.active span{opacity:1}.slider .card-content .card-categories{height:2em;margin-top:.5em;text-align:center;width:100%}.slider .card-content .card-categories span{font-size:.8em;font-weight:lighter}.slider__nav{align-items:center;display:flex;font-size:3em;font-weight:lighter;justify-content:space-between;margin:0 auto;width:40%}.slider__nav button,.slider__nav span{font-size:.5em;font-weight:lighter}.slider__nav button{background:none;border:none;cursor:pointer;transition:opacity .2s}.slider__nav button:hover{opacity:.6}#project-details .portfolio-grid{margin-top:10vh}#project-details .project-description{margin:2em 0}#project-details a{color:#000;font-size:.8em;font-weight:lighter;margin:1em 0;text-decoration:none}#project-details .main-image{height:40vh;object-fit:cover;width:100%}#project-details h1{font-size:1.5em;font-weight:lighter}#project-details p{margin:2em auto 3em}#project-details .images{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:3em;width:100%}#project-details .images img{cursor:pointer;flex:1 1 200px;height:auto;min-width:0;object-fit:cover;width:0}#project-details .videos{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2em;margin-bottom:3em}#project-details .lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}#project-details .lightbox img{max-height:85vh;max-width:85vw;object-fit:contain}#project-details .lightbox button{background:none;border:none;color:#fff;cursor:pointer;position:absolute}#project-details .lightbox-close{font-size:40px;right:30px;top:20px}#project-details .lightbox-prev{font-size:40px;left:30px}#project-details .lightbox-next{font-size:40px;right:30px}#contact{display:flex;min-height:50vh;padding:2em 0 10em}#contact .container{width:100%}#contact .page{display:flex;height:100%}#contact p{font-size:1.5em;margin:1em 0 0;text-align:center;width:100%}#contact p a{color:#000;text-decoration:none}.footer{background-color:#0000001a}.footer .navigation{position:relative}.footer .navigation .active{border:none}
/*# sourceMappingURL=main.820f9106.css.map*/