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}#light{--bg:#fff;--bg2:#f6f6f6;--text:#333;--interact:#29778e;--active:#e26200}#dark{--bg:#222;--bg2:#3a3a3a;--text:#fff;--interact:#24a7ce;--active:#e26200}html{scroll-behavior:smooth}body{background-color:var(--bg);font-family:acumin-pro,sans-serif;overflow-x:hidden;overflow-y:inherit;width:100%}.heading,body{transition-duration:.2s}.heading{color:var(--text);display:block;font-size:200px;font-weight:700;left:-25px;line-height:170px;margin:0;overflow-y:hidden;position:relative;text-transform:uppercase;top:-40px;z-index:0}@media screen and (max-width:1000px){.heading{font-size:20vw;line-height:17vw;top:-4vw}}.subheading{color:var(--active);font-size:70px;font-weight:700;left:200px;line-height:70px;margin:0;position:relative;text-transform:uppercase;top:-80px}.container{box-sizing:border-box;color:var(--text);margin:0 auto;max-width:1000px;transition:.2s ease-out;width:100%}@media screen and (max-width:1100px){.container{max-width:1100px;padding:0 50px}}a{color:var(--interact);text-decoration:none;transition-duration:.2s}a.active,a:hover{color:var(--active)}.sidenav{display:flex;justify-content:space-evenly;left:-47vh;position:fixed;top:49vh;transform:rotate(-90deg);width:100vh;z-index:10}.sidenav button{background:none;border:none;color:var(--interact);cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;line-height:14px;text-transform:uppercase;transition-duration:.2s}.sidenav button:hover{color:var(--active)}.section-heading-box{color:var(--active);width:100%}.section-heading{font-size:36px;font-weight:700;line-height:44px;margin:0 0 10px;text-transform:uppercase}.section-subheading{font-size:18px;font-weight:300;line-height:22px;margin:0;max-width:500px}#about .heading{font-size:300px;line-height:280px;opacity:15%;top:-70px}#huntergroff{min-height:100vh}#huntergroff h3{color:var(--active);font-size:140px;font-weight:800;line-height:100px;min-width:1200px;text-align:center;text-transform:uppercase;width:100%}#huntergroff h3.name{position:absolute;top:0;z-index:2}.about-headshot{border-radius:0 0 60px 60px;height:570px;margin:0 40px;width:380px;z-index:5}.blurbs-and-image .left-blurbs,.blurbs-and-image .right-blurbs{width:300px}.blurbs-and-image .left-blurbs{text-align:right}.blurbs-and-image ul{padding:0 0 0 20px}.blurbs-and-image li,.blurbs-and-image p,.mobile-blurbs li,.mobile-blurbs p{font-weight:200;margin:0}.mobile-blurbs{display:none}.mobile-blurbs h2{font-size:8vw;line-height:12vw;margin:0}.mobile-blurbs li,.mobile-blurbs p{font-size:4vw;line-height:6vw}.blurbs-and-image h2{color:var(--text);font-size:32px;font-weight:800;line-height:32px;margin:20px 0 10px;text-transform:uppercase}.about-social-logo{height:30px;margin-left:12px;width:30px}#huntergroff .blurbs-and-image{align-items:flex-end;color:var(--text);display:flex;height:400px;margin:0 auto;position:relative;top:-20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.about-section{margin:0 auto;max-width:900px;padding:20% 0;width:100%}.about-section h4{color:var(--active);font-size:50px;font-weight:400;line-height:50px;margin:0}.about-section p{color:var(--text);font-size:20px;line-height:30px}@media screen and (max-width:1200px){#about .heading{font-size:27vw;line-height:25vw;top:-6.8vw}}@media screen and (max-width:770px){#huntergroff .left-blurbs,#huntergroff .right-blurbs{display:none}#huntergroff h3.mobile-name{display:block}#huntergroff h3.name{display:none}.mobile-blurbs{display:block}#huntergroff h3{font-size:11vw;line-height:11vw;min-width:200px;top:-2vw}.about-social-logo{margin-left:0;margin-right:12px}.about-section{padding-top:0}.about-section h4{font-size:10vw;line-height:10vw}.about-section p{font-size:4vw;line-height:6vw}.about-headshot{height:auto;margin:0;width:100%}#huntergroff .blurbs-and-image{height:90vw;padding:0 50px}}#work{min-height:100vh}#htlo,#kinematix,#typography{margin:0 auto;max-width:1200px;width:100%}.placeholder p{font-size:18px;font-weight:300;line-height:26px;padding:50px}.work-nav{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;width:100%;z-index:20}#work button{background:none;border:none;color:var(--interact);cursor:pointer;font-family:inherit;font-size:26px;font-weight:600;text-transform:uppercase;transition-duration:.2s}#work button:hover{color:var(--active)}.work-img{width:100%}.tall-img{margin:0 auto;width:40%}.work-subtitle{color:var(--text);font-size:16px;font-weight:600;line-height:16px;margin:10px 0 60px;text-transform:uppercase}.back-to-top{margin:50px auto 20px}.back-to-top,.back-to-top button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.back-to-top button{margin:0 auto}#kinematix .section{align-items:center;background-color:var(--bg2);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;padding:10px 20px;width:100%}#kinematix .section h1.section-header{font-size:30px;margin:0 20px 0 0;text-transform:uppercase}#kinematix .section .color-scheme{align-items:center;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#kinematix .section .color-scheme .color{height:30px;width:30px}#kinematix .section .color-scheme p{margin-left:20px}img.summer-workshop-big{width:49%}.big-summer-workshops{display:flex;justify-content:space-between}img.summer-workshop-small{width:23.5%}.small-summer-workshops{display:flex;justify-content:space-between;margin-bottom:2%;margin-top:2%}img.summer-workshop-small-fb{width:32%}.ebo-box{display:flex;justify-content:space-evenly;margin-bottom:20px;width:100%}.bim-box:hover .bim-img,.ebo-box:hover .ebo-img,.september-box:hover .september-img{scale:.8}.ebo-img{transition-duration:.2s;width:25%}.september-box{display:flex;justify-content:space-evenly;justify-content:center;width:100%}.september-img{transition-duration:.2s;width:33%}.bim-box{display:flex;flex-wrap:wrap;justify-content:space-evenly;justify-content:center;margin-bottom:15px;width:100%}.bim-img{transition-duration:.2s;width:33%}@media screen and (max-width:720px){img.summer-workshop-big{margin-bottom:4%;width:100%}.big-summer-workshops{flex-direction:column}img.summer-workshop-small{margin-bottom:4%;width:48%}.small-summer-workshops{flex-wrap:wrap;margin-top:0}}#fph{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:120px;width:100%}.fph-top{height:auto;object-fit:cover;width:65%}.fph-small-pictures{display:flex;flex-direction:column;justify-content:space-between;width:30%}.fph-small-pictures img{width:100%}#plum{margin-bottom:30px;margin-top:150px}.plum-small-pictures{display:flex;justify-content:space-between;margin-top:40px;width:100%}.plum-small-pictures img{width:25%}.work-iframe{height:500px;width:100%}@media screen and (max-width:600px){#fph{flex-direction:column}.fph-top{margin-bottom:4%;width:100%}.fph-small-pictures{flex-direction:row;width:100%}.fph-small-pictures img{width:32%}}@media screen and (max-width:900px){#fph,#plum{margin-top:20%}.plum-small-pictures{margin-top:4%}}.codec{display:flex;justify-content:space-between;width:100%}.codec img{width:49%}.summer-sessions{display:flex;flex-direction:column;justify-content:space-between;margin-top:100px;width:100%}.ica-ss-img{margin:0 auto 30px;max-width:650px;width:100%}#form-counterform{padding-top:30px}.form-counterform-grid{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:auto auto auto}.form-counterform-letter{height:auto;width:100%}.form-counterform-grids-container{display:flex;justify-content:space-between;margin-top:20px;width:100%}.grid-and-caption{width:30%}.grid-caption{color:var(--active);margin:10px 0 0}@media screen and (max-width:640px){.codec,.form-counterform-grids-container{flex-direction:column}.codec img{margin-bottom:5%;width:100%}.grid-and-caption{margin-bottom:40px;width:100%}}#momo{background-color:var(--bg);color:var(--text);margin:0 auto 100px;max-width:800px;padding-top:100px;transition-duration:.2s;width:100%}.momo-title{display:flex;width:100%}.momo-header-letter{color:var(--active);width:25%}.momo-header .bottom,.momo-header .top{display:flex;margin-top:10px}.momo-subtitle{margin-top:30px}.momo-subtitle-letter{color:var(--text);height:35px;margin-right:2px;width:35px}.momo-grid{display:grid;margin-top:80px}.momo-list{grid-gap:10% 0;display:grid;gap:10% 0;grid-template-columns:repeat(13,7.69%);margin-top:15px}.momo-list-letter{height:90%;width:90%}.momo-grid-letter{height:92%;margin:auto;width:92%}.momo-grid-g{grid-column:3/5;grid-row:2/4}.momo-grid-j{grid-column:1/3;grid-row:4/6}.momo-blurb-1{grid-column:3/5}.momo-grid-r{grid-column:2/4;grid-row:7/9}.momo-blurb-2,.momo-grid-x{grid-column:1/3}.momo-grid-x{grid-row:10/12}.momo-grid p{margin:0}.momo-grid-big{color:var(--interact);height:96%;margin:auto;transition-duration:.2s;width:96%}.momo-grid-lines{opacity:0}.momo-grid-g.momo-grid-lines:hover,.momo-grid-g:hover+.momo-grid-g.momo-grid-lines,.momo-grid-j.momo-grid-lines:hover,.momo-grid-j:hover+.momo-grid-j.momo-grid-lines,.momo-grid-r.momo-grid-lines:hover,.momo-grid-r:hover+.momo-grid-r.momo-grid-lines,.momo-grid-x.momo-grid-lines:hover,.momo-grid-x:hover+.momo-grid-x.momo-grid-lines{opacity:100%}.momo-blurb-3{grid-column:3/5}.momo-grid p{color:var(--active);font-size:15px;height:auto;line-height:18px;margin:auto 10%;text-align:center}@media screen and (max-width:700px){.momo-grid p{font-size:1.5vw;line-height:1.8vw}}.big-bodoni{width:100%}.big-bodoni img{height:auto;margin:3vw 0 0;width:100%}.mini-bodonis{display:flex;justify-content:space-between;width:100%}.mini-bodonis img{height:auto;width:30%}#resume{transition-duration:.2s;z-index:-10}.download-button{align-items:flex-end;display:flex;flex-direction:row-reverse;height:100px;justify-content:flex-start;margin:0;position:relative;top:40px;width:100%}.download-text{color:var(--active);font-size:20px;font-weight:600;letter-spacing:-4px;margin:0 10px 0 0;opacity:0;transition:.2s}.download-icon{color:var(--interact);cursor:pointer;height:auto;transition:.2s;width:40px}.download-icon:hover{color:var(--active)}.download-icon:hover+.download-text{letter-spacing:2px;opacity:100%}.resume-section{padding-bottom:50px;padding-top:50px}#resume h2{border-top:2px solid var(--text);font-size:28px;font-weight:800;letter-spacing:4px;line-height:36px;margin:0;padding:12px 0 36px;text-transform:uppercase;width:100%}.title-and-date{align-items:flex-end;display:flex;justify-content:space-between;width:100%}#resume h3,#resume p{margin:0}#resume h3,#resume li,#resume p{font-size:18px;line-height:26px}#resume h3{font-weight:600}#resume li,#resume p{font-weight:300}#resume p.date{font-style:italic;margin-left:36px;text-align:right}#resume ul{margin:0}#contact{min-height:100vh}#contact p{color:var(--text)}#contact p.contact-blurb{font-size:20px;font-weight:400;line-height:25px}#contact p.contact-info{font-size:18px;font-weight:200;line-height:23px}.contact-intro{margin-bottom:70px}.contact-form form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{background-color:var(--bg);border:2px solid var(--interact);border-radius:0;color:var(--text);font-family:acumin-pro,sans-serif;font-size:15px;margin-bottom:15px;padding:5px;transition-duration:.2s}.contact-form input:hover,.contact-form textarea:hover{border:2px solid var(--active)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text);opacity:60%}.contact-form textarea{box-sizing:border-box;max-width:100%;min-height:80px;min-width:200px}.contact-form button{background-color:var(--interact);border:none;color:#fff;cursor:pointer;font-family:acumin-pro,sans-serif;font-size:18x;font-weight:700;padding:5px 0 8px;text-transform:uppercase;transition-duration:.2s;width:70px}.contact-form button:hover{background-color:var(--active)}.theme-toggler{color:var(--interact);cursor:pointer;display:flex;flex-direction:column;width:20px}.theme-toggler.sideways{flex-direction:row;justify-content:space-between;margin-top:10px;width:65px}.toggle-icon{color:inherit;height:25px;margin-top:8px;transition-duration:.2s;width:25px}.theme-toggler.sideways .toggle-icon{height:30px;width:30px}.theme-toggler:hover{color:var(--active)}#home{align-items:center;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;height:100vh;justify-content:space-between;transition-duration:.2s;width:100%}.home-center{max-width:880px;width:100%}.home-title{align-items:flex-end;display:flex;justify-content:space-between;width:100%}.home-title h1{font-size:95px;font-weight:200;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:90px;margin:0;text-transform:uppercase}.hg-icon{color:var(--text);height:73px;transition-duration:.2s;width:auto}#home ul{display:flex;justify-content:space-between;list-style-type:none;margin:30px 0;padding:0}#home li{font-size:28px;font-weight:600;line-height:28px;text-transform:uppercase}.home-socials{display:flex;justify-content:space-between;margin-bottom:10px;width:130px}.home-social-logo{height:30px;width:30px}@media screen and (max-width:950px){.home-title{align-items:center;flex-direction:column}.hg-icon{box-sizing:border-box;height:auto;max-width:400px;padding:0 30px;width:100%}.home-title h1{font-size:40px;line-height:30px;margin:30px 0}#home ul{align-items:center;flex-direction:column}#home li{margin-bottom:15px}}@media screen and (max-width:390px){.home-title h1{font-size:10vw;line-height:9vw}}#projects .heading{font-size:180px}.all-projects{margin-top:150px}@media screen and (max-width:1000px){#projects .heading{font-size:18vw;line-height:16vw;top:-3.5vw}}.project h2{margin:0;transition-duration:.2s}.project{margin-bottom:200px;width:100%}.project .project-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:10px}.project .project-header .project-title{color:var(--text);font-size:40px;line-height:40px;margin-right:50px;text-transform:uppercase}.project .project-subheader{font-size:25px;font-style:italic;font-weight:200;line-height:32px;margin-bottom:20px}.project iframe{zoom:1;background-color:#fff;border:2px solid var(--text);height:600px;width:100%}@media screen and (max-width:1000px){.project iframe{display:none}.project-links{flex-direction:column}.project-link{margin-top:20px}.project p{margin-bottom:0}}.project p{font-size:20px;font-weight:300;line-height:30px}.project-links{display:flex;width:100%}.project-link-icon{height:20px;margin-right:10px;width:20px}.project-link-text{font-size:20px;line-height:20px;text-transform:uppercase}.project-link{align-items:center;display:flex;margin-right:50px}#header{align-items:flex-start;background-color:var(--bg);display:flex;height:310px;padding-bottom:10px;padding-left:12px;position:fixed;right:-132px;transition-duration:.2s;width:168px;z-index:12}#header.hide{right:-168px}#header.expand{right:0}#header .arrow-and-theme{align-items:flex-start;display:flex;flex-direction:column;margin:25px 25px 0 0}#header .arrow{stroke:var(--interact);color:var(--interact);cursor:pointer;height:25px;margin-bottom:2px;transition-duration:.2s;width:25px}#header .arrow:hover{color:var(--active)}#header .arrow.expand{transform:rotate(180deg)}#header ul{font-size:20px;list-style-type:none;margin:0;padding:0;text-transform:uppercase}#header li{margin:20px 0}@media screen and (max-width:768px){#header{height:100%;right:calc(-100% + 36px);width:100%}#header.hide{right:-100%}#header ul{font-size:25px;margin:auto;text-align:center}#header.expand .arrow-and-theme{left:24px;position:absolute}}#footer{color:#aaa;margin-bottom:20px;margin-top:80px;width:100%}.footer{border-top:2px solid #aaa;flex-direction:column;padding-top:20px}.footer,.footer-section{align-items:center;display:flex;width:100%}.footer-section{justify-content:center;margin-bottom:10px}#footer svg{height:20px}#footer a,#footer h1,#footer p{color:inherit;font-size:16px;margin:0 20px}#footer h1{font-weight:800}#footer a,#footer p{font-weight:300}#footer a:hover{color:var(--active)}#footer a{text-transform:lowercase}#footer.hide{display:none}@media screen and (max-width:786px){.footer-section{flex-direction:column}.footer-section.sitemap{display:none}}
/*# sourceMappingURL=main.66aa2d61.css.map*/