body{font-family:Nunito Sans,sans-serif}header{margin-top:0}.headerContainer,.mainContainer{max-width:1200px;margin:0 auto;position:relative}.headerContainer{margin-bottom:0}header .headerContent{color:var(--blue1);background-color:#ffffff80;border-radius:0 0 20px 20px;justify-content:space-between;margin-bottom:38px;padding:40px 60px;display:flex}header .headerContent h1,header .headerContent h2,header .headerContent h3{text-align:left}header .headerContent h1{font-weight:500}header .headerContent h2{font-weight:300}.headerRight,.headerLeft{flex-direction:column}.headerContent h1,.stickyContent h1{letter-spacing:.06em;text-transform:uppercase;margin-bottom:30px;font-family:Bebas Neue,sans-serif;font-size:120px;font-weight:500;line-height:.9em}.headerContent h2,.stickyContent h2{color:var(--red);margin-top:0;font-family:Nunito Sans,sans-serif;font-size:44px;font-weight:300}.headerLeft p{margin-bottom:0}.headerRight{text-align:right;place-content:flex-end space-between;height:100%}header .profilePhoto{border:6px solid #fff;border:10px solid var(--blue2);border-radius:50%;flex-shrink:0;width:380px;height:380px;overflow:hidden}header .profilePhoto img{object-fit:cover;width:100%;height:100%}.headerRight .headerContact{justify-content:space-around;margin-top:30px;display:flex}.headerRight p{margin:0 12px 0 82px}.headerContact a{border-radius:50%;width:80px;height:80px;margin:0 0 0 12px;padding:0;display:block;position:relative;overflow:visible}.headerContact a:hover{background-color:var(--pastel3);padding:0}.headerContact a img{height:110%;margin:0;position:absolute;top:-4px;left:-4px}.leftBars{flex-direction:row;height:100vh;display:flex;position:fixed;top:0;left:30px}.leftBar{width:10px;height:100%;transition:all 1s cubic-bezier(.25,1,.035,1);position:relative}.leftBar.purple{height:95%}.leftBar.orange{height:90%}.leftBar.tarheel{height:85%}.leftBar.shrink{height:640px;transition-timing-function:cubic-bezier(1,.45,1,.75)}.topBars{flex-direction:column;width:100vw}.topBar{flex-direction:row;width:100%;height:10px;display:flex;position:relative}.weave{width:10px;height:100%}.weave.purple{margin:0 10px 0 30px}.orange{background-color:var(--pastel1);z-index:4}.pink{background-color:var(--pastel3);z-index:2}.purple{background-color:var(--pastel5);z-index:4}.tarheel{background-color:var(--pastel4);z-index:2}.navy{background-color:var(--blue1);z-index:3}.bluegrey{background-color:var(--blue2);z-index:0}.stickyHeader{z-index:1;flex-direction:column;max-width:100vw;transition:all .4s;display:flex;position:fixed;top:-200px;left:0;overflow:hidden}.stickyHeader.on{top:0}.stickyContent{background:#f0f9fa;flex-direction:row;justify-content:space-between;align-items:flex-end;margin:0 0 0 90px;padding:12px 170px 20px 20px;display:flex}.stickyContent h1,.stickyContent h2,.stickyContent p{margin:0}.stickyContent h1{margin-bottom:2px;font-size:80px}.stickyContent h2{font-size:40px}.stickyContent .headerContact{flex-direction:row;display:flex}.stickyContent .headerContact a{width:80px;height:80px}.stickyContent .headerContact a img{height:100%}.stickyHeader .weave.purple{margin:0 10px 0 30px}.bluegrey .weave.purple{margin-right:0}@media screen and (max-width:1400px){.headerContainer,.mainContainer{margin-left:116px}.stickyContent{padding-right:40px}.profilePhoto{background-color:#111}}@media screen and (max-width:1200px){.headerContent h1{font-size:104px}.stickyContent h2{display:none}}@media screen and (max-width:900px){header .profilePhoto{width:auto;height:auto;margin-bottom:14px;margin-left:8px}.headerContent{padding-left:40px;padding-right:20px}.headerContact a{width:60px;height:60px}section,.projectCard,.videoInfo{padding-left:30px;padding-right:30px}}@media screen and (max-width:740px){body{font-size:16px;overflow-x:hidden}.headerContainer,.mainContainer{margin-left:46px;overflow-x:hidden}.headerContent{padding:40px 16px 20px}header .profilePhoto{width:150px;height:150px;margin-left:12px}header .headerContent h1{max-width:50%;margin-bottom:8px;font-size:56px}header .headerContent h2,section h2{margin:0 0 8px;font-size:30px;line-height:1em}header .profilePhoto{border:5px solid var(--blue2)}.headerContact a,.stickyContent .headerContact a{width:40px;height:40px}.topBar.navy{height:5px}.leftBars{height:90%;left:10px}.leftBar{width:5px;transition:all 1s}.weave{width:5px}.weave.purple,.stickyHeader .weave.purple{margin-left:10px;margin-right:5px}.bluegrey .weave.purple{margin-right:0}.stickyContent{margin:0 0 0 40px;padding:12px}.stickyContent h1{font-size:56px}section{margin:20px 0}.about .sectionContent{margin-right:16px;padding-right:16px;font-size:14px}.headerText{margin-left:30px;margin-right:30px}.videoInfo ul{flex-wrap:wrap;width:auto}}@media screen and (max-width:410px){header .headerContent{margin-bottom:1em;padding:1em}header .headerContent h1{font-size:38px}header .headerContent h2{font-size:22px}header .headerContent .headerLeft p{font-size:.74em}header .headerContent .headerRight{padding-left:1em}header .headerContent .headerRight .profilePhoto{width:auto;height:auto;margin-bottom:.5em;margin-left:12px}header .headerContent .headerRight .headerContact{margin-top:0}header .headerContact a{width:36px;height:36px;margin-left:6px}header .stickyContent{padding-left:.4em}header .stickyContent h1{text-align:left;font-size:44px}}