@media screen and (min-width:2560px){html .title__text{font-size:4.5rem}.dispense-layout{position:relative;width:65%;margin-left:35%}.dispense-container{max-width:80vw;margin-left:auto;margin-right:auto}.fixed-left-nav{width:35%;height:100vh}.hero-image-section,.hero-video-section{max-width:1920px;margin-left:auto;margin-right:auto}.dispense-title{font-size:4rem}.nav-case-title{font-size:4.5rem}.intro-text{font-size:22px;line-height:1.8}.bottom-navigation{padding-left:0;width:65vw}}@media screen and (max-width:2000px){html .title__text{font-size:4rem}}@media screen and (max-width:1680px){html,body,.main,main{padding:0;overflow-x:hidden;margin:0;padding:0;width:100vw}html .title__text{font-size:3.8rem}}@media screen and (max-width:1080px){html,body,.main,main{padding:0;overflow-x:hidden;margin:0;padding:0;width:100%;max-width:100%}html .title__text{font-size:3.8rem}.left-column-info{display:none}.dispense-layout{margin-left:0;margin-right:0;width:100%}.dispense-container{padding:20px}.fixed-left-nav{width:450px;padding:50px 30px}.dispense-layout{margin-left:450px}.nav-case-title{font-size:3rem}.nav-case-subtitle{font-size:16px}#main-content{top:0}#hero{margin:0;top:0;height:auto}.section-bg{top:0}.fixed-left-nav{position:relative;width:100%;height:35vh;padding:40px 30px;border-right:none;border-bottom:none;box-shadow:none;overflow-y:visible;margin-bottom:0}.fixed-nav-content .container-column{position:relative;padding-bottom:40px}.dispense-layout .hero-image-section{width:100%;left:0;top:0;max-height:50vh;position:relative}.dispense-layout .hero-image-section img{width:100%;height:100%;position:relative}.dispense-layout .hero-image-section .hero-video-container{height:50vh}.marquee{margin:0}.project-title-section{margin-top:0;padding-bottom:20px}.nav-case-title{font-size:2.5rem}.nav-case-subtitle{font-size:16px;margin-bottom:20px}.nav-meta-info{top:5vh;gap:30px;flex-wrap:wrap;position:relative}.dispense-layout{margin-left:0;margin-right:0;width:100%}.hero-overlay-content{padding:60px 40px 40px}.hero-description-text{font-size:16px}.back-button{top:20px;left:20px}.back-link{width:45px;height:45px;font-size:16px}.dispense-layout{margin-left:0;width:100%;max-width:100%;margin-top:0}.dispense-container{max-width:100%;padding:0 40px}.loader-image{margin-left:0;position:fixed;right:0;top:0;width:100%;height:100%;background:var(--primary);top:0;left:0;z-index:100000;opacity:1;transition:opacity 0.3s ease-out}.heading{margin-bottom:40px}.dispense-title{font-size:2.5rem}.nav-case-title{font-size:3rem}.nav-meta-info{margin-top:20vh;gap:40px}.goal-text{font-size:2.5rem;text-align:left}.bottom-navigation{width:100%;left:0;right:0;padding:20px 0 40px 0;bottom:0}.bottom-navigation .nav-content{width:100%;margin:auto}.about-heading{position:static!important;width:100%;margin-bottom:0!important;text-align:left!important;padding:0;display:flex;align-items:center;justify-items:center}.about-page .about-heading{position:static!important;-webkit-position:static!important}#top-margin{margin-top:10vh}.about-heading .dispense-title{width:100%!important;text-align:left!important;margin-bottom:10px!important}.about-text{width:100%;margin:0;margin-top:-30px;font-size:16px!important;padding:0}.about-text .intro-text,.thank-you-container .intro-text{font-size:16px!important;padding:0}#text-absolute{position:absolute!important;width:45%!important;left:0;margin-top:20px;margin-bottom:30px;font-size:16px!important}.about-page .dispense-title-smaller{font-size:20px!important}.about-page .experience-date{text-align:left}.about-page .tools-grid{display:flex!important;flex-wrap:wrap;gap:15px;flex-direction:row}.about-page .tool-item{padding:14px}.about-page .tool-item h4{font-size:16px}#skills img{width:24px;height:24px}#skills .tool-item{padding:14px;height:50px}.about-page .about-text .stats-card{padding:18px}.about-page .thank-you-container{padding-top:15%;display:flex;flex-direction:column;align-items:center;width:100%!important;position:relative;align-content:center;justify-items:center;justify-content:center;overflow:hidden;margin:auto}.about-page .thank-you-container .intro-meta{text-align:center;width:100%!important}.about-page{padding:0!important;display:flex;flex-direction:column;width:100%;overflow-x:hidden;margin:0;right:0}.about-page .section-case-study{margin-bottom:7rem!important;width:100%!important;margin:auto;padding:0!important}.about-page .container-row{width:100%!important;display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;padding:0;margin:0}#text-absolute{top:400px;max-width:400px;min-width:200px}.about-page .container{position:relative!important;display:flex;flex-direction:column;margin:auto;width:100%!important}.about-page .half-width{position:relative!important;width:100%!important;top:auto!important;right:auto!important;margin-top:30px!important}.about-page .hero-video{position:relative!important;width:100%!important}.size-90px{width:70px}.size-100px{width:80px}.size-110px{width:90px}.size-120px{width:100px}.size-130px{width:110px}.size-140px{width:120px}.size-150px{width:130px}.size-160px{width:140px}.size-170px{width:150px}.size-180px{width:160px}.size-190px{width:170px}.size-200px{width:180px}.size-210px{width:190px}}@media screen and (max-width:768px){html,body,.main,main{padding:0;overflow-x:hidden;margin:0;padding:0;width:100%;max-width:100%}.skills-pills,.bottom-title{display:none}.hero-image-container{width:100%!important;max-height:300px!important;display:flex!important;align-items:center!important;justify-content:center!important}.hero-video-container{width:100%!important;height:auto!important;display:block!important}.hero-image-container img,.main-hero-image{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.hero-video-container img{width:100%!important;height:auto!important;display:block!important}.hero-image-container video,.hero-video-container video,.hero-video-container .image-container video{width:100%!important;height:auto!important;max-width:100%!important;display:block!important}.hero-video-container .image-container{width:100%!important;height:auto!important;display:block!important}.work-info{margin-top:10px}.container-row{flex-direction:column;column-gap:20px;columns:1}.container-column{flex-direction:column;column-gap:20px;columns:2}.fixed-nav-content{height:auto;display:flex;flex-direction:column;align-items:center;margin-top:5vh}.fixed-nav-content a,p{text-align:center}.fixed-nav-content .container-column{display:flex;flex-direction:column;align-items:center}.fixed-nav-content .case-sub-row,.case-sub-column,.case-text{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.fixed-nav-content .case-sub-row{margin-top:0}.fixed-nav-content .case-sub-column{margin-bottom:15px}.fixed-nav-content .case-text{padding:0;margin-top:5px}html body .loader-image{margin:0;position:fixed;right:0;top:0;width:100%;height:100%;background-color:var(--primary);top:0;left:0;z-index:100000;opacity:1;transition:opacity 0.3s ease-out}.loader-image.js-hidden{opacity:0;pointer-events:none}.dispense-layout{margin:0!important;padding:0;width:100%;max-width:100%;position:relative;display:flex;flex-direction:column;columns:1;overflow-x:hidden}.section-case-study{width:100vw!important;position:relative;display:flex;flex-direction:column;margin:auto;align-items:stretch;justify-content:flex-start;padding:40px 0}.dispense-container{text-align:left;width:100%;max-width:100%;position:relative;padding:0 15px;margin:auto;box-sizing:border-box}.margin-top-small{margin-top:60px}.margin-bottom-small{margin-bottom:30px}.margin-bottom-large{margin-bottom:40px}.bottom-navigation{padding:20px 20px;width:100%;display:flex;position:fixed;margin:0;right:0;left:0;z-index:9999;opacity:0;pointer-events:none}.bottom-navigation.visible{opacity:1}.nav-content{display:flex;width:100%;justify-content:space-between}.nav-content a{margin:0}html .section{margin:0;padding:0}html header .global-nav{margin:0;display:flex;align-items:center;justify-content:center}html header .global-nav__list a{font-size:1rem}html header .global-nav__list a :after{display:none}html #fp-nav{width:auto;top:auto;left:50%;bottom:32px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}html #fp-nav ul{display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}html #fp-nav ul li{height:auto;margin:0 18px}html #fp-nav ul li a{width:3px;height:14px}html #fp-nav ul li .active{width:3px;height:20px}html header .global-nav__list{display:flex;flex-direction:column;align-items:center;justify-items:center;padding:0}html header .menu__item{font-size:4.5rem;text-shadow:0 3px 20px rgb(2 11 22 / .2);width:100%;left:0}html .title{position:absolute;width:80vw;height:50vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;margin-top:10vh}html .title__lead,.title__lead .link{text-align:center;font-size:1rem;width:100%!important}.title__lead .link{margin-left:-30px}#title--top{width:80vw;top:10vh}html .btn-wrap{margin-top:0}html .title li a :hover{opacity:.5}html .title__text{font-size:2rem;margin:0;margin-bottom:20px}html .title .border span{width:55vw}.fullpage__slide{width:100%;height:100vh;display:flex;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.fullpage__slide{margin:0;display:flex;flex-direction:column;align-items:center;justify-items:center}.fullpage__slide .title{position:relative;margin:auto;left:0;right:0;top:45vh}.fullpage__slide .image{position:absolute;width:300px;height:300px;top:15vh;left:0;right:0;margin:auto}#imageBig{min-width:400px;max-width:800px;height:300px;position:absolute;margin:auto;left:0;right:0;top:0}#imageBig img{width:100%;height:100%;object-fit:fill;margin:0;position:relative}.fullpage__slide #title--top{position:relative;margin:auto;left:0;right:0;top:50vh}.fullpage__slide .page-num{font-size:4rem;top:10%}.fullpage__slide .inprogress{margin:0}.image__cover{position:absolute;width:100%;height:90%;top:0;right:0;background:var(--primary);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);border-radius:20px}.section .fullpage__slide .image--contact{-webkit-box-shadow:none;box-shadow:none;width:90%;height:30%;display:flex;top:20vh;position:absolute}.fullpage__slide .image .image--contact img{width:100%!important;height:100%!important}.fullpage__slide .btn{font-size:14px;margin-top:-20px}html .inprogress div{margin:auto;width:100%;max-width:100%;text-align:center}html .inprogress a{padding:15px 20px}.menu--rez .menu__item-name{font-size:3rem;display:flex;font-weight:300;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;height:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;color:var(--text-light);grid-area:1 / 1 / 2 / 2}.menu--rez .menu__item{display:-ms-grid;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:lowercase;grid-template-columns:auto;margin:0 auto}.menu-rez .menu__item-label{font-size:1rem;line-height:1rem}.pain-points{display:flex;flex-direction:column;margin-top:0;padding:0}.notification-icon{width:20px;height:20px;color:var(--text-light);position:relative}.notification-text{font-size:14px}.hero-overlay-content{padding:40px 20px 30px}.hero-description-text{font-size:15px}.dispense-header{padding:100px 0 60px 0}.heading{margin-bottom:30px;text-align:left;padding:0}.dispense-title{font-size:32px!important;line-height:1.3;text-align:left;word-break:normal;overflow-wrap:normal;hyphens:none}.dispense-title-small{font-size:24px;line-height:1.3}.intro-text{font-size:16px;line-height:1.6;text-align:left;word-break:normal;overflow-wrap:normal}.thank-you{font-size:14px;text-align:center;width:100%;display:flex;align-items:center;justify-items:center;align-content:center;flex-direction:column;padding:15px;box-sizing:border-box;max-width:100%}.thank-you-container{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.pretitle{font-size:11px;text-align:left}.marquee{height:40px}.marquee .dispense-title{font-size:24px!important}.intro-text{font-size:15px}.play-button{width:60px;height:60px;font-size:20px}.fixed-left-nav{position:relative;width:100%;height:auto;padding:10px 20px;text-align:center}.fixed-left-nav .project-title-section{text-align:center}.nav-case-title{font-size:2.4rem;font-weight:500;text-align:center}.nav-case-subtitle{font-size:14px;text-align:center;margin:2px}.fixed-nav-content .container-column{margin-bottom:2rem}.nav-meta-info{margin-top:15px;gap:20px;flex-direction:column;text-align:center}.nav-meta-row{gap:3px;text-align:center}.fixed-left-nav .nav-meta-value{font-size:13px;text-align:center}.fixed-left-nav .pretitle{text-align:center}.stats{columns:1}.stats-card{padding:20px 20px 10px 20px;margin-bottom:15px;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:left;justify-items:center}.stats-heading{font-size:1rem;text-align:left}.stats-heading-small{font-size:18px;font-family:"PPMori",sans-serif;font-weight:500;line-height:1.6;margin:0 10px 0 0;color:var(--text-dark)}.center-align{text-align:center;display:flex;align-items:center;flex-direction:column;max-width:100%;padding:0 15px;box-sizing:border-box}.center-align .dispense-title{text-align:center!important;word-break:keep-all;overflow-wrap:normal;white-space:normal}.center-align .intro-text{text-align:center}.goal{height:auto;align-items:center;display:flex}.goal-text{font-size:1.5rem;line-height:1.5;text-align:left}.card{flex-direction:row;height:auto;margin-bottom:15px;padding:15px;border-radius:12px}.pain-point-title{font-size:16px;margin:0}.image-one-container{max-width:100%;overflow:hidden;margin:0;padding:0}.image-container{transition:transform 0.2s;text-align:center;width:100%;display:flex;flex-direction:column;padding:0}.image-container .image-caption,.image-container .intro-text{max-width:100%;padding:10px 0;margin:0;text-align:center}.image-two-container{flex-direction:flex;gap:20px;max-width:100%;margin:0}.image-two-container .img{width:100%}.image-two-container .img img{max-width:100%;height:auto}.meta-column{padding:0}.intro-meta{flex-direction:column;gap:20px}.paragraph{margin-bottom:30px}.video-container{padding:0}.video-placeholder{border-radius:15px}.slider-wrapper{max-width:100%}.slider-inner article img{border-radius:15px}.hero-image-section{height:530px;margin:0;width:100vw;left:0;top:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video-section{height:auto;margin:0;width:100vw;left:0;top:0;position:relative;overflow:hidden;display:block}.hero-image-container{top:0;margin:0;width:100%;height:530px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0}.hero-video-container{top:0;margin:0;width:100%;height:auto;overflow:hidden;display:block;padding:0}.hero-image-container .image-container{width:100%;height:530px;display:flex;align-items:center;justify-content:center}.hero-video-container .image-container{width:100%;height:auto;display:block}.hero-image-container .image-container video,.hero-video-container video,.hero-video-container .image-container video{position:relative;width:100%!important;height:auto!important;display:block}.hero-image-container .image-container img,.hero-image-container img,.main-hero-image{position:relative;width:100%!important;height:100%!important;object-fit:contain;display:block}.back-button{top:15px;left:15px;z-index:1001}.back-link{width:40px;height:40px;font-size:14px}.dark-mode-toggle{top:15px;right:15px}.dark-mode-btn{width:40px;height:40px;font-size:14px}.about-page{padding:0!important;display:flex;flex-direction:column;overflow-x:hidden;width:100vw}.about-page .section-case-study{margin-bottom:4rem}#download{margin-top:50px;margin-right:-20px!important}.title ul{align-items:center;justify-content:center}#text-absolute{position:absolute!important;width:55%!important;left:0!important;margin-top:60px;margin-bottom:30px;font-size:16px!important}}@media screen and (max-width:480px){.about-page .section-case-study{margin-bottom:1.5rem!important;margin:0}.menu--rez .menu__item-name{font-size:2.5rem;display:flex;font-weight:300;line-height:2rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;color:var(--text-light);grid-area:1 / 1 / 2 / 2}.menu--rez .menu__item{display:-ms-grid;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:lowercase;grid-template-columns:auto;margin:2rem auto}.menu--rez .menu__item-label{font-size:14px;line-height:1rem}.dispense-title{font-size:28px!important}.dispense-title-small{font-size:22px!important}.intro-text{font-size:15px}.section-case-study{padding:30px 15px}.dispense-header{padding:80px 0 50px 0}html header{padding:30px 20px}html header .name{font-size:1.6rem}html header .icons .link{display:none}html header .menuIcon{width:35px;height:15px}html header .global-nav__list{display:flex;flex-direction:column;align-items:center;justify-items:center;padding:0}html header .menu__item{font-size:3.8rem;text-shadow:0 3px 20px rgb(2 11 22 / .2);width:100%;left:0}html header .global-nav__sns{display:block}html header .global-nav__list a{font-size:2rem}html header .global-nav__list a :after{display:none}.hero-image-section{height:530px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.hero-video-section{height:auto;width:100%;overflow:hidden;display:block;position:relative}.hero-image-container{height:530px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video-container{height:auto;width:100%;overflow:hidden;display:block}.hero-image-container .image-container{height:530px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-video-container .image-container{width:100%;height:auto;display:block}.hero-image-container .image-container img,.hero-image-container img,.main-hero-image{height:100%!important;width:100%!important;object-fit:contain;display:block}.hero-image-container .image-container video,.hero-video-container video,.hero-video-container .image-container video{height:auto!important;width:100%!important;display:block}.fullpage__slide{margin:0;display:flex;flex-direction:column;align-items:center;justify-items:center}.fullpage__slide .title{position:relative;margin:auto;left:0;right:0;top:45vh}.fullpage__slide .image{position:absolute;width:300px;height:300px;top:15vh;left:0;right:0;margin:auto}#imageBig{min-width:280px;max-width:280px;position:absolute;margin:auto;left:0;right:0;top:-10vh!important}#imageBig img{width:100%;height:100%;object-fit:contain;margin:0}.fullpage__slide #title--top{position:relative;margin:auto;left:0;right:0;top:45vh;padding:0 20px}.fullpage__slide .title__lead{margin-top:10px;letter-spacing:0}html .title .border span{width:55vw;margin-bottom:10px}html .fullpage__slide{display:flex;flex-direction:column;height:100%;position:absolute;top:0;left:0;max-height:761px}.fullpage__slide .page-num{font-size:3rem;top:10%;left:2%}html .fp-section-1 .fullpage__slide{height:100%;position:absolute;top:0;left:0;bottom:0;margin:auto;max-height:667px}html #fp-nav{bottom:20px}html #fp-nav ul li{margin:0 12px}html #fp-nav ul li a{width:2px;height:16px}html #fp-nav ul li .active{width:2px;height:12px}#me-text{margin-bottom:30px!important}#text-absolute{position:static!important;width:100%!important;left:0;margin-top:0!important;margin-bottom:30px;font-size:16px!important}#skills img{width:20px;height:20px}}@media screen and (max-width:375px){html,body{padding:0;overflow-x:hidden}.main,.section-case-study,.dispense-layout,.dispense-container{margin-right:0;margin-left:0;width:100%;max-width:100%}main{margin-right:15px;margin-left:15px}.dispense-title{font-size:24px!important}.dispense-title-small{font-size:20px!important}.intro-text{font-size:14px}.section-case-study{padding:25px 15px}.dispense-header{padding:70px 0 40px 0}header{padding:20px 15px!important}header .global-nav__list a{font-size:1rem}header .global-nav__list a :after{display:none}#imageBig{min-width:220px;max-width:220px;margin:auto;left:0;right:0}#title--top{top:40vh!important;padding:0 20px}.btn-wrap.js-letter{margin-top:1.2rem!important}.fullpage__slide .image{position:absolute;width:280px;height:280px;top:10vh;left:0;right:0;margin:auto}.fullpage__slide .title{top:45vh}.fullpage__slide .btn{font-size:14px}.fullpage__slide .title__text{font-size:2.3rem}.fullpage__slide .image--contact{-webkit-box-shadow:none;box-shadow:none;width:90%;height:30%;display:flex;top:20vh}.fullpage__slide .image .image--contact img{width:100%!important;height:100%!important}.title li a :hover{opacity:.5}.nav-case-title{font-size:1.8rem;font-weight:500}.dispense-container{padding:0 15px}.dispense-title{font-size:1.3rem}.intro-text{font-size:14px}.marquee .dispense-title{font-size:20px}.pain-point-title{font-size:15px}.stats-heading{font-size:1.2rem}.about-page{padding:0!important}}