#about-page{background-color:hsla(0,0%,100%,.5019607843);padding:150px 0 100px}.about-page-content{margin:0 5%}.intro-text{font-size:22px;margin-top:20px;margin-bottom:40px}#about-intro{display:flex;flex-direction:row;margin:40px 0;gap:40px}@media only screen and (max-width:1000px){#about-intro{flex-direction:column;gap:0}}.aboutBox{background-image:url(/images/pencils.jpeg);background-position:50%;background-size:cover;background-repeat:no-repeat;background-color:#fff;height:500px;aspect-ratio:1/1;border-radius:10px;transition:.3s}@media only screen and (max-width:1000px){.aboutBox{height:100%}}#aboutSkill{display:flex;flex-direction:column;text-align:right;transition:.3s;background-color:hsla(0,0%,100%,.5725490196);width:100%;padding:20px;border-radius:10px}@media only screen and (max-width:1000px){#aboutSkill{margin-top:70px;width:auto}}#scroll-header{color:#367095;display:flex;gap:8px;align-items:center;justify-content:flex-end}#vert-scroll{height:400px;overflow-y:scroll}#vert-scroll::-webkit-scrollbar{display:none}#aboutGrid{display:grid;grid-template-rows:1;grid-template-columns:repeat(4,1fr);grid-template-areas:"user content project toolbox";grid-gap:50px;margin:80px 0;transition:.3s}@media only screen and (max-width:1000px){#aboutGrid{grid-template-columns:repeat(2,1fr);grid-template-areas:"user content" "project toolbox"}}@media only screen and (max-width:600px){#aboutGrid{grid-template-columns:1fr;grid-template-areas:"user" "content" "project" "toolbox"}}#quote{display:flex;flex-direction:column;justify-content:center;text-align:right;height:auto;margin-bottom:100px}.blockquote{font-size:44px;font-weight:400;color:#367095}.author{font-size:32px;font-style:italic;font-weight:300;color:#367095;margin-right:50px;margin-top:20px}@media only screen and (max-width:800px){#quote{margin-bottom:100px}}.case-studies-homepage{margin:0 5%;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:60px;grid-template-areas:"featured" "secondary-1" "secondary-2"}@media only screen and (min-width:800px){.case-studies-homepage{grid-template-columns:repeat(2,1fr);grid-template-areas:"featured featured" "secondary-1 secondary-2"}}.case-study-card{display:grid}.case-study-card.case-study-card-location-featured{grid-area:featured}.case-study-card.case-study-card-location-secondary-1{grid-area:secondary-1}.case-study-card.case-study-card-location-secondary-2{grid-area:secondary-2}.case-study-card a:link,.case-study-card a:visited{cursor:pointer}.case-study-card .img-container{overflow:hidden;border-radius:10px;margin-bottom:-10px;height:400px;transition:.3s}@media only screen and (min-width:800px){.case-study-card .img-container{height:500px}}.case-study-card img{object-fit:cover;width:100%;height:100%;transition:.3s}.case-study-card img:hover{transform:scale(1.08)}.case-study-card h5{-webkit-margin-before:.85em;margin-block-start:.85em;-webkit-margin-after:0;margin-block-end:0}#footerSection{margin:70px 5% 50px;display:flex;align-items:flex-start;justify-content:space-between}@media only screen and (max-width:800px){#footerSection{display:block}}#footerCopy{display:flex;max-width:320px;flex-direction:column}#links{text-align:right;transition:.3s}@media only screen and (max-width:800px){#links{margin-top:50px;text-align:left}}#links a:visited,a:link{cursor:pointer;text-decoration:none;color:#636364}#links h5:hover{cursor:pointer;text-decoration:underline;text-decoration-thickness:.5px;color:#367095;transition:.3s}.header-external-links{display:flex;justify-content:flex-start;align-items:center;gap:30px;margin-right:5%}.header-external-links .header-external-link{border-radius:50%;background:#747475;height:1.8rem;line-height:2rem;transition:.3s}.header-external-links .header-external-link svg{color:#fff;width:30px;fill:currentColor}.header-external-links .header-external-link:hover{background:#367095}@media only screen and (max-width:600px){.header-external-links .header-external-link{display:none}}#headline{border-radius:10px;background-color:hsla(0,0%,100%,.9);position:absolute;left:7%;top:150px;z-index:1;padding:50px;box-shadow:0 0 10px rgba(99,99,99,.1);transition:.3s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#headline p{max-width:375px;font-size:18px;font-weight:500;margin:0;color:#636364}#heroGrid{margin:0;display:grid;min-height:500px;height:70vh;grid-template-rows:85% 15%;grid-template-columns:70% 30%;grid-template-areas:"featuredProduct secondaryProduct" "CTA CTA"}.hero-grid-area{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;display:flex;position:relative;justify-content:flex-start;transition:.3s}#featuredProduct{grid-area:featuredProduct;background-color:#a3a8bf}video{mix-blend-mode:multiply;object-fit:cover;position:absolute;top:0;left:0;height:100%;width:100%}#secondaryProduct{grid-area:secondaryProduct;background-image:url(/images/screens.jpg);background-color:rgba(54,112,149,.6078431373);background-blend-mode:multiply}#CTA{grid-area:CTA;padding-left:5%;height:100px;background-image:linear-gradient(70deg,#367095,#a3a8bf);justify-content:flex-start;cursor:pointer}#CTA h4{font-size:28px}.CTAlink{transition:.2s;display:flex;align-items:center;gap:10px;color:#fff}.CTAlink:hover{opacity:.7}#CTA img{width:30px;padding:10px}html{scroll-padding-top:100px}body{font-family:Kanit,sans-serif;font-family:Fraunces,serif;width:100%;margin:0;background-color:#ebebeb;scroll-behavior:smooth}.section-start{margin:150px 5% 50px}#navBar{position:fixed;top:0;width:100%;flex-direction:row;height:75px;z-index:2;background-color:hsla(0,0%,100%,.9019607843);justify-content:space-between;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#navBar,#navigation{display:flex;align-items:center}#navigation{gap:50px;margin-left:5%}#navigation a{font-family:Kanit,sans-serif;font-weight:500;color:#636364;text-decoration:none;font-size:18px;transition:.3s}@media only screen and (max-width:600px){#navigation a{font-size:14px}}#navigation a:hover{text-decoration:underline;text-decoration-thickness:.5px;color:#367095}#upToTop{cursor:pointer;width:30px;position:fixed;z-index:99;bottom:20px;right:20px;border-radius:50%;background:hsla(0,0%,100%,.7450980392);color:#636364;height:50px;width:50px;transition:.3s;display:flex;justify-content:center;align-items:center}#upToTop svg{width:30px;fill:currentColor}#upToTop:hover{background:#fff}#project-Listing{background-color:hsla(0,0%,100%,.5019607843);padding:150px 0}.proj-list-content{margin:0 5%;transition:.3s}.proj-card-grid{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px;transition:.3s}.proj-card h5{font-size:20px;transition:ease}.proj-card .img-container{aspect-ratio:4/3;border-radius:10px;overflow:hidden;margin-bottom:10px}.proj-card .img-container img{width:100%;height:100%;object-fit:cover;transition:.3s}.proj-card:hover h5{color:#367095}.proj-card:hover .img-container img{transform:scale(1.1)}#project-page{background-color:hsla(0,0%,100%,.5019607843);padding:130px 0 100px}.proj-heading{margin:0 15% 30px;transition:.3s}.proj-heading h1{margin-top:15px}@media only screen and (max-width:1000px){.proj-heading{margin:0 5% 30px}.proj-heading h1{font-size:48px}}.proj-author{margin:0 15% 40px;display:flex;justify-content:space-between;transition:.3s}@media only screen and (max-width:1000px){.proj-author{margin:0 5% 40px;flex-direction:column;gap:10px}}.proj-author p{margin-bottom:2px}.proj-author p b{font-weight:600}.proj-overview{max-width:100%;background-color:#ebebeb;padding:80px 15%;margin:-84px 0 80px;transition:.3s}@media only screen and (max-width:1000px){.proj-overview{padding:80px 5%}}.proj-overview .text-wrapper{display:flex;gap:60px;transition:.3s}.proj-overview .text-wrapper div{flex-grow:1}@media only screen and (max-width:1000px){.proj-overview .text-wrapper{flex-direction:column;gap:10px}}.proj-overview .buttons{margin-top:40px}.proj-margin{margin:0 15% 80px;transition:.3s}@media only screen and (max-width:1000px){.proj-margin{margin:0 5% 80px}}.proj-image{object-fit:cover;width:100%;height:auto;transition:.3s;border-radius:10px;margin:15px 0}.proj-image-full{width:100%;height:auto;margin:0 0 80px}.proj-impact{max-width:100%;background-color:#367095;padding:80px 15%;margin:0 0 80px;transition:.3s}@media only screen and (max-width:1000px){.proj-impact{padding:80px 5%}}.impact-text{color:#fff;font-size:24px}.proj-nav{display:flex;flex-direction:row;justify-content:space-between;margin:0 15%;transition:.3s}@media only screen and (max-width:1000px){.proj-nav{margin:0 5%;flex-direction:column;align-items:center;gap:20px}}.proj-nav-right{justify-content:end}.proj-nav-left,.proj-nav-right{display:flex;align-items:center;flex:1 0 50%;gap:10px;color:#636364;transition:.2s;font-size:22px}.proj-nav-left:hover,.proj-nav-right:hover{color:#367095}.proj-nav-left a:visited,.proj-nav-right a:visited{color:#636364}a{display:block}h1{font-size:66px}h1,h2{margin:0;color:#367095}h2{font-size:60px}h3{text-align:justify;font-family:Kanit;font-weight:500;font-size:28px;color:#636364;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}h4{color:#fff;font-size:22px}h4,h5{font-weight:400}h5{font-size:28px;color:#636364;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:1em;margin-block-end:1em}h6{font-family:Kanit;font-weight:400;margin-bottom:10px;color:#367095;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;line-height:1.25em}h6,p{font-size:18px}p{font-weight:300;margin:0 0 10px;color:#000}ul{margin-top:0}li{font-size:18px;font-weight:300;margin:0 0 5px -20px;color:#000}.bold{color:#367095;font-weight:500}.buttons{display:flex;flex-direction:row;gap:24px}.buttons a{padding:6px 16px;border-radius:10px;transition:.3s;color:#fff;font-size:16px;font-family:Kanit,sans-serif;display:flex;align-items:center;gap:10px}.buttons .btn-pri{background-color:#367095}.buttons .btn-pri:hover{background-color:rgba(54,112,149,.4862745098)}.buttons .btn-sec{background-color:#636364}.buttons .btn-sec:hover{background-color:rgba(99,99,100,.4862745098)}.buttons .btn-tert{color:#636364}.buttons .btn-tert:hover{background-color:#fff}