:root{--light-color:#e6e3db;--dark-color:#103b56;--highlight-color:#c2d3cd;--width-size:40%;--bottom-gap:20vh}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--light-color);color:var(--dark-color)}body,h1{font-family:Karla,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:3rem;text-transform:uppercase;line-height:3rem}h2{font-family:Corda,serif;font-style:italic;font-size:1.2rem;text-transform:lowercase}h2,h3{-webkit-font-smoothing:antialiased;font-weight:400}h3{font-size:1.6rem;text-transform:uppercase;padding-bottom:1.2rem}h3,h4{font-family:Karla,sans-serif}h4{-webkit-font-smoothing:antialiased;font-style:italic;font-size:1.2rem;font-weight:700;text-transform:lowercase;padding-bottom:.6rem;padding-top:.6rem}p{font-size:1.3rem;line-height:1.6rem}.arrow-right{transform:rotate(45deg)}.arrow-left,.arrow-right{display:inline-block;width:.6rem;height:.6rem;border-top:2px solid var(--dark-color);border-right:2px solid var(--dark-color)}.arrow-left{transform:rotate(-135deg)}a{text-decoration:none;color:var(--dark-color)}a:hover{text-decoration:underline}header{height:4rem;margin:5vh}.home-link{letter-spacing:.2rem}.showcase{display:grid;grid-gap:1rem;grid-template-areas:"photo intro";width:var(--width-size);margin:auto;grid-template-columns:1fr 1fr;margin-bottom:var(--bottom-gap)}.photo{grid-area:photo;display:flex;align-items:flex-end;justify-content:right}.intro{grid-area:intro;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column}.photo img{width:100%}.intro-text{text-transform:uppercase;font-size:1.5rem;line-height:1rem;text-indent:.2rem}.intro-description{font-family:Corda,serif;-webkit-font-smoothing:antialiased;font-style:italic;font-size:1.125rem;line-height:2rem;text-indent:.3rem}.aboutme-wrapper{display:grid;grid-gap:3rem;grid-template-areas:"aboutme-title aboutme-content" "aboutme-title aboutme-learnmore";width:var(--width-size);margin:auto;grid-template-columns:1fr 6fr;margin-bottom:var(--bottom-gap)}.aboutme-title{grid-area:aboutme-title}.aboutme-content,.aboutme-title{display:flex;align-items:flex-start;justify-content:left}.aboutme-content{grid-area:aboutme-content;text-align:justify}.aboutme-learnmore{grid-area:aboutme-learnmore;display:flex;align-items:flex-start;justify-content:right;position:relative}.learnmore-link{font-size:.8rem;font-style:italic;margin-left:auto}.learnmore-link img{width:.7rem;margin-left:.3rem;position:absolute;bottom:0;transform:translateY(-10%)}.projects-wrapper{display:grid;grid-gap:3rem;grid-template-areas:"projects-title projects" "projects-title projects-learnmore";width:var(--width-size);margin:auto;grid-template-columns:1fr 6fr;margin-bottom:var(--bottom-gap)}.projects-title{grid-area:projects-title;display:flex;align-items:flex-start;justify-content:left}.projects{grid-area:projects}.project-content{padding-bottom:4rem;position:relative}.project-description{width:95%}.project-description .arrow-right{position:absolute;right:0;top:2rem;width:.8rem;height:.8rem}.projects-learnmore{grid-area:aboutme-learnmore;display:flex;align-items:flex-end;justify-content:right;position:relative}footer{background:var(--highlight-color);color:var(--dark-color);height:15rem;margin-bottom:2rem}.footer-container{position:relative;width:var(--width-size);margin:auto;height:15rem}.footer-container p{position:absolute;font-size:2rem;line-height:4rem;top:50%;transform:translateY(-50%)}.footer-container a{font-weight:700}.projectshowcase{display:grid;grid-gap:1rem;grid-template-areas:"projectshowcase-top projectshowcase-top" "project-title project-photo";width:var(--width-size);margin:auto;margin-bottom:var(--bottom-gap);grid-template-columns:1fr 1fr}.projectshowcase-top{grid-area:projectshowcase-top;position:relative;height:4rem;margin-bottom:5vh}.project-photo{grid-area:project-photo;display:flex;align-items:flex-end;justify-content:right}.project-title{grid-area:project-title;display:flex;align-items:center;justify-content:left}.project-photo img{width:100%}.context-container p{font-size:.8rem;padding-bottom:1.5rem;line-height:1.1rem}.project-detail{display:grid;grid-gap:3rem;grid-template-areas:"challenge-title challenge-content context-wrapper context-wrapper" "solution-title solution-content context-wrapper context-wrapper" "process-title process-content process-content ." "results-title results-content results-content .";width:var(--width-size);margin:auto;margin-bottom:var(--bottom-gap);grid-template-columns:1fr 4fr 1fr 1fr}.project-detail a{font-weight:600}.context-wrapper{grid-area:context-wrapper}.challenge-title{grid-area:challenge-title}.challenge-content{grid-area:challenge-content}.solution-title{grid-area:solution-title}.solution-content{grid-area:solution-content}.process-title{grid-area:process-title}.process-content{grid-area:process-content}.results-title{grid-area:results-title}.results-content{grid-area:results-content}.process-content p,.results-content p{font-size:1rem;text-align:justify;padding-bottom:1.4rem;line-height:1.4rem}.process-content img{width:100%;margin:2rem 0 2rem 0;box-shadow:-10px 0 50px 0 hsla(0,0%,65%,.5)}.video-container{display:flex;justify-content:center;margin-bottom:2rem;background-color:#000}.sidebyside-video-container{display:flex;justify-content:space-between}.sidebyside-video-container video{margin-bottom:2rem}.nav-container{width:var(--width-size);margin:auto;padding-bottom:5vh}.projects-nav{display:flex;justify-content:space-between}.previous-project a{display:flex;align-items:center}.previous-project p{font-size:1rem;text-transform:uppercase;padding-left:1rem}.next-project a{display:flex;align-items:center}.next-project p{font-size:1rem;text-transform:uppercase;padding-right:1rem}@media (max-width:1500px){:root{--width-size:55%}}@media (max-width:1280px){:root{--width-size:65%}}@media (max-width:1024px){.project-detail{grid-template-areas:"context-wrapper" "challenge-title" "challenge-content" "solution-title" "solution-content" "process-title" "process-content" "results-title" "results-content";grid-template-columns:1fr}.footer-container br{display:none}}@media (max-width:768px){:root{--width-size:75%;--bottom-gap:12vh}html{font-size:14px}.showcase{grid-template-areas:"showcase-top" "photo" "intro";grid-template-columns:1fr}.aboutme-wrapper{grid-template-areas:"aboutme-title" "aboutme-content" "aboutme-learnmore";grid-template-columns:1fr}.aboutme-title{justify-content:left}.projects-wrapper{grid-template-areas:"projects-title" "projects" "projects-learnmore";grid-template-columns:1fr}.projects-title{justify-content:left}.projectshowcase{grid-template-areas:"projectshowcase-top" "project-title" "project-photo";grid-template-columns:1fr}.video-container video{width:100%}.sidebyside-video-container{flex-direction:column}.sidebyside-video-container video{width:100%}}@media (max-width:480px){:root{--width-size:80%;--bottom-gap:10vh}html{font-size:14px}.showcase-top{margin-bottom:2vh}.footer-container p{font-size:1.7rem;line-height:2rem}}@media (max-width:320px){html{font-size:12px}}