:root{--primary: var(--candy);--secondary: var(--sunshine);--black: #121215;--lime: #B5D192;--fuschia: #A165D0;--off-white: #F5FDF5;--candy: #E0452F;--sunshine: #FEC815;--grass: #509859;--navy: #2042C7;--tan: #AD6036;--pink: #F5C3BC;--cream: #F9F4E0;--skin: #F1CAAD;--brown: #3B2317;--sky: #62A6D8;--soda: #E98A7D;--dark-green: #1B4831;--purple: #2F2F78;--baby-blue: #B8D9DD;--light-grey: #ECECEC;--mid-grey: #C5C5C5;--xxxs: 0.25rem;--xxs: 0.5rem;--xs: 1rem;--s: 2rem;--m: 4rem;--l: 8rem;--xl: 12rem;--xxl: 16rem;--xxxl: 20rem;--nav: 10rem;--fann: "Fann", helvetica, helvetica neue, sans-serif;--chapeau: "Chapeau", courier new, monospace;--transition-general: 0.2s ease-out}@font-face{font-family:"Chapeau";src:url("../fonts/chapeau_regular-webfont.woff2") format("woff2"),url("../fonts/chapeau_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Chapeau";src:url("../fonts/chapeau_regular_italic-webfont.woff2") format("woff2"),url("../fonts/chapeau_regular_italic-webfont.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Fann";src:url("../fonts/FannGrotesquePro-Regular.woff2") format("woff2"),url("../fonts/FannGrotesquePro-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Fann";src:url("../fonts/FannGrotesquePro-Italic.woff2") format("woff2"),url("../fonts/FannGrotesquePro-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}*,*::before,*::after{margin:0;padding:0;border:none;box-sizing:border-box;list-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}::-moz-selection{background:rgba(0,0,0,.99);color:#fff}::selection{background:var(--primary);color:var(--secondary)}:focus{outline-color:var(--highlight);outline:none}html{background:#fff;color:var(--black);font-family:var(--fann);font-size:10px;overflow-y:scroll;position:relative;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{border-style:none;width:100%;height:auto;display:block}img[data-sizes=auto]{display:block;width:100%}.lazyload,.lazyloading{opacity:0}.lazyloading{background:var(--light-grey)}.lazyloaded{opacity:1;transition:opacity 300ms}.transition-fade{transition:.4s;opacity:1}html.is-animating .transition-fade{opacity:0}.fann,.fann-med,.section-siblings .project-card h1,.all-projects-grid .project-card h1,.landing-right_text.landing--home p:first-of-type,.landing-right_text p,.fann-large,.contact-success:before,.contact-error:before,.project-card h1,.landing-right_text p:first-of-type{font-family:var(--fann);font-display:fallback}.fann-large,.contact-success:before,.contact-error:before,.project-card h1,.landing-right_text p:first-of-type{font-size:4.6rem;line-height:1.08}@media(max-width: 768px){.fann-large,.contact-success:before,.contact-error:before,.project-card h1,.landing-right_text p:first-of-type{font-size:4rem}}.fann-med,.section-siblings .project-card h1,.all-projects-grid .project-card h1,.landing-right_text.landing--home p:first-of-type,.landing-right_text p{font-size:2.4rem;line-height:1.18}@media(max-width: 768px){.fann-med,.section-siblings .project-card h1,.all-projects-grid .project-card h1,.landing-right_text.landing--home p:first-of-type,.landing-right_text p{font-size:3.5rem}}.m-input-outer input::-moz-placeholder, .m-input-outer select::-moz-placeholder, .m-input-outer textarea::-moz-placeholder, .contact-forms input::-moz-placeholder, .contact-forms select::-moz-placeholder{font-family:var(--chapeau)}.chap,.chap-large,#submit,.chap-med,.m-input-outer input::placeholder,.m-input-outer select::placeholder,.m-input-outer textarea::placeholder,.m-input-outer input,.m-input-outer select,.m-input-outer textarea,.welcome:after,.chap-small,.film-slider-vid:after,.chap-tiny,.contact-forms #comments,.contact-forms input::placeholder,.contact-forms select::placeholder,.contact-forms input,.contact-forms select{font-family:var(--chapeau)}.contact-forms input::-moz-placeholder, .contact-forms select::-moz-placeholder{font-size:12px;line-height:1.4;letter-spacing:.1em}.chap-tiny,.contact-forms #comments,.contact-forms input::placeholder,.contact-forms select::placeholder,.contact-forms input,.contact-forms select{font-size:12px;line-height:1.4;letter-spacing:.1em}@media(max-width: 768px){.contact-forms input::-moz-placeholder, .contact-forms select::-moz-placeholder{font-size:2rem}.chap-tiny,.contact-forms #comments,.contact-forms input::placeholder,.contact-forms select::placeholder,.contact-forms input,.contact-forms select{font-size:2rem}}.chap-small,.film-slider-vid:after{font-size:1.4rem;line-height:1.15;letter-spacing:.1em;text-transform:uppercase}@media(max-width: 768px){.chap-small,.film-slider-vid:after{font-size:11px}}.m-input-outer input::-moz-placeholder, .m-input-outer select::-moz-placeholder, .m-input-outer textarea::-moz-placeholder{font-size:1.8rem;line-height:1.333;letter-spacing:.02em}.chap-med,.m-input-outer input::placeholder,.m-input-outer select::placeholder,.m-input-outer textarea::placeholder,.m-input-outer input,.m-input-outer select,.m-input-outer textarea,.welcome:after{font-size:1.8rem;line-height:1.333;letter-spacing:.02em}@media(max-width: 768px){.m-input-outer input::-moz-placeholder, .m-input-outer select::-moz-placeholder, .m-input-outer textarea::-moz-placeholder{font-size:2.5rem}.chap-med,.m-input-outer input::placeholder,.m-input-outer select::placeholder,.m-input-outer textarea::placeholder,.m-input-outer input,.m-input-outer select,.m-input-outer textarea,.welcome:after{font-size:2.5rem}}.chap-large,#submit{font-size:2.4rem;line-height:1.333}@media(max-width: 768px){.chap-large,#submit{font-size:4rem}}a{color:inherit;text-decoration:none}.link-dot:before{content:"";height:.75em;width:.75em;margin-right:var(--xs);background-color:#000;transition:all .2s ease-out;display:inline-block;border-radius:50%;transform-origin:50% 50%}.link-dot--red:before{background-color:var(--candy)}.link-dot--pulse:before{-webkit-animation:pulse 1s infinite linear;animation:pulse 1s infinite linear}@-webkit-keyframes pulse{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes pulse{0%{opacity:0}50%{opacity:1}100%{opacity:0}}button{background-color:rgba(0,0,0,0);cursor:pointer}.markdown p:not(:last-of-type){margin-bottom:1.333em}.markdown p a{color:var(--primary)}.markdown p .t--primary,.markdown p .primary{color:var(--primary)}.markdown p .t--secondary,.markdown p .secondary{color:var(--secondary)}.markdown p .t--white,.markdown p .white{color:#fff}.markdown p .t--grass,.markdown p .grass{color:var(--grass)}.markdown p .t--fuschia,.markdown p .fuschia{color:var(--fuschia)}.markdown p .t--lime,.markdown p .lime{color:var(--lime)}.markdown p .t--off-white,.markdown p .off-white{color:var(--off-white)}.markdown p .t--candy,.markdown p .candy{color:var(--candy)}.markdown p .t--sunshine,.markdown p .sunshine{color:var(--sunshine)}.markdown p .t--grass,.markdown p .grass{color:var(--grass)}.markdown p .t--navy,.markdown p .navy{color:var(--navy)}.markdown p .t--tan,.markdown p .tan{color:var(--tan)}.markdown p .t--pink,.markdown p .pink{color:var(--pink)}.markdown p .t--cream,.markdown p .cream{color:var(--cream)}.markdown p .t--skin,.markdown p .skin{color:var(--skin)}.markdown p .t--brown,.markdown p .brown{color:var(--brown)}.markdown p .t--sky,.markdown p .sky{color:var(--sky)}.markdown p .t--soda,.markdown p .soda{color:var(--soda)}.markdown p .t--dark-green,.markdown p .dark-green{color:var(--dark-green)}.markdown p .t--purple,.markdown p .purple{color:var(--purple)}.markdown p .t--baby-blue,.markdown p .baby-blue{color:var(--baby-blue)}.markdown p .t--light-grey,.markdown p .light-grey{color:var(--light-grey)}.markdown p .t--mid-grey,.markdown p .mid-grey{color:var(--mid-grey)}.markdown strong{font-weight:bold}.markdown em{font-style:italic}.markdown ul{margin:var(--m) 0}.markdown ul li{list-style:"–";margin-left:1rem;list-style-position:outside;padding-left:3rem}.markdown ol{margin:var(--m) 0}.markdown ol li{list-style:decimal;margin-left:3rem;list-style-position:outside;padding-left:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.markdown ol li span{font-feature-settings:"pnum";font-variant-numeric:proportional-nums}.t--underline{text-decoration:underline}.t--light-grey,.light-grey{color:var(--light-grey)}.t--mid-grey,.mid-grey{color:var(--mid-grey)}.t--primary,.primary{color:var(--primary)}.t--secondary,.secondary{color:var(--secondary)}.t--white,.white{color:#fff}.t--grass,.grass{color:var(--grass)}.t--fuschia,.fuschia{color:var(--fuschia)}.t--lime,.lime{color:var(--lime)}.t--off-white,.off-white{color:var(--off-white)}.t--candy,.candy{color:var(--candy)}.t--sunshine,.sunshine{color:var(--sunshine)}.t--grass,.grass{color:var(--grass)}.t--navy,.navy{color:var(--navy)}.t--tan,.tan{color:var(--tan)}.t--pink,.pink{color:var(--pink)}.t--cream,.cream{color:var(--cream)}.t--skin,.skin{color:var(--skin)}.t--brown,.brown{color:var(--brown)}.t--sky,.sky{color:var(--sky)}.t--soda,.soda{color:var(--soda)}.t--dark-green,.dark-green{color:var(--dark-green)}.t--purple,.purple{color:var(--purple)}.t--baby-blue,.baby-blue{color:var(--baby-blue)}.t--light-grey,.light-grey{color:var(--light-grey)}.t--mid-grey,.mid-grey{color:var(--mid-grey)}main{overflow:hidden}@media(max-width: 768px){main{margin-bottom:var(--nav)}}.nav-pad{padding-left:var(--nav)}@media(max-width: 768px){.nav-pad{padding-left:0}}.inner-pad{padding:var(--m)}.grid{display:grid;grid-column-gap:var(--m);grid-row-gap:var(--m)}@media(max-width: 768px){.grid{display:flex;flex-direction:column;grid-row-gap:0}}.grid--8-4{grid-template-columns:repeat(12, 1fr)}.grid--8-4 .grid-item:nth-of-type(odd){grid-column:1/9}.grid--8-4 .grid-item:nth-of-type(even){grid-column:9/13}@media(max-width: 768px){.grid--8-4 .grid-item:nth-of-type(even){margin-top:var(--l)}}.landing{height:100vh;height:calc(100vh - var(--vh-offset, 0px));display:flex;padding-bottom:calc(4rem - 1px);position:relative}.landing>div{flex:1}@media(max-width: 768px){.landing:not(.welcome){height:initial;flex-direction:column-reverse;padding-bottom:0}.landing:not(.welcome)>div{flex:initial}}.landing-left{position:relative}.landing-vimeo-box{position:absolute;left:0;right:0;bottom:0;top:0}.vimeo-fullbleed{position:relative;width:100%;height:100%;overflow:hidden;padding-bottom:calc(var(--height)/var(--width)*100%)}.vimeo-fullbleed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.landing-video-box{position:relative;width:100%;height:100%;overflow:hidden}@media(max-width: 768px){.landing-video-box{padding-top:125%;width:100%;display:block}}.landing-video-box video{position:absolute;top:0;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%)}@media(max-width: 768px){.landing-video-box video{top:50%;transform:translate(-50%, -50%)}}.landing-img-box{width:100%;height:100%;background-color:var(--light-grey)}.landing-img-box picture,.landing-img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.landing-illo{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:30rem}.landing-illo img{filter:drop-shadow(2rem 2rem 10px rgba(15, 15, 15, 0.25))}.landing-down{display:block;position:absolute;bottom:var(--m);left:var(--m);width:var(--l);z-index:10}@media(max-width: 768px){.landing-down{bottom:calc(var(--m) + 6rem)}}.landing-down img{transform:rotate(180deg)}.landing-down--home{left:initial;right:var(--s)}.landing-right{display:flex;flex-direction:column;justify-content:space-between;padding:var(--m);position:relative;overflow:scroll}@media(max-width: 768px){.landing-right{height:calc(100vh - var(--nav));height:calc(100vh - var(--vh-offset, 0px) - var(--nav));padding-bottom:calc(6rem + var(--m));overflow:hidden}}@media(max-width: 768px){.landing-text .chap-small,.landing-text .film-slider-vid:after{margin-top:var(--s);margin-bottom:var(--s)}}.landing-right_text p{margin-bottom:var(--s)}.landing-right_text p:first-of-type{margin-bottom:var(--m)}.landing-right_text p:last-of-type{margin-bottom:0}.landing-right_text.landing--home p:first-of-type{margin-bottom:var(--s);margin-top:var(--m)}.header-box{margin:var(--l) 0;max-width:58rem}@media(max-width: 768px){.header-box{margin:var(--m) 0}}.header-box--no-m{margin:0}.text-full-width{max-width:140rem}.ratio-box{position:relative;display:block}.ratio-box:before{display:block;content:"";width:100%}.ratio-box picture,.ratio-box img,.ratio-box video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ratio--3-2:before{padding-top:66.6666666667%}.ratio--16-9:before{padding-top:56.25%}.m-b--xxxs{margin-bottom:var(--xxxs)}.m-b--xxs{margin-bottom:var(--xxs)}.m-b--xs{margin-bottom:var(--xs)}.m-b--s{margin-bottom:var(--s)}@media(max-width: 768px){.m-b--s{margin-bottom:var(--m)}}.m-b--m{margin-bottom:var(--m)}.m-b--l{margin-bottom:var(--l)}.m-b--xl{margin-bottom:var(--xl)}.m-b--xxl{margin-bottom:var(--xxl)}@media(max-width: 768px){.m-b--xxl{margin-bottom:var(--xl)}}.m-b--xxxl{margin-bottom:var(--xxxl)}.m-t--xxxs{margin-top:var(--xxxs)}.m-t--xxs{margin-top:var(--xxs)}.m-t--xs{margin-top:var(--xs)}.m-t--s{margin-top:var(--s)}.m-t--m{margin-top:var(--m)}.m-t--l{margin-top:var(--l)}.m-t--xl{margin-top:var(--xl)}.m-t--xxl{margin-top:var(--xxl)}.m-t--xxxl{margin-top:var(--xxxl)}.flex-row--justified{display:flex;justify-content:space-between}.flex-align--end{align-items:flex-end}.flex-col--justified{display:flex;flex-direction:column;justify-content:space-between}.bg-baby-blue{background-color:var(--baby-blue)}.bg-sky{background-color:var(--sky)}.bg-cream{background-color:var(--cream)}.bg-black{background-color:var(--black)}.bg-brown{background-color:var(--brown)}.bg-skin{background-color:var(--skin)}.bg-light-grey{background-color:var(--light-grey)}#confetti{z-index:1002;position:relative}.nav{position:fixed;top:0;left:0;height:100%;width:var(--nav);display:flex;z-index:1000;transition:width .4s ease-out}@media(max-width: 768px){.nav{bottom:0;left:0;right:0;top:initial;height:var(--nav);flex-direction:column;width:100%;transition:height .4s ease-out;height:14rem}}main{transition:transform .6s ease-out}main:after{content:"";z-index:101;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;transition:opacity .4s ease-in;pointer-events:none}.nav--active main:after{opacity:.5}.nav--active .nav{width:60rem;pointer-events:none}.nav--active .nav>*{pointer-events:auto}@media(max-width: 768px){.nav--active .nav{width:100%;height:100%}}.nav--active .nav-inner{opacity:1;pointer-events:auto;transition:opacity .2s ease-out;transition-delay:.4s}.nav--active .nav-section-btn{display:none}.nav--active .nav-btns{pointer-events:none}.nav--active .btn-circle{-webkit-animation:pop-out .4s ease-out forwards;animation:pop-out .4s ease-out forwards}.nav--active .nav-highlights{box-shadow:-5px 0px 8px 0px rgba(0,0,0,.15),5px 0px 8px 0px rgba(0,0,0,.15);overflow:auto}@media(max-width: 768px){.nav--active .nav-highlights{height:0rem}.nav--active .nav-highlights .nav-close{display:block;z-index:100;position:absolute;bottom:var(--s);left:var(--s)}}.nav--active .nav-highlights-inner{visibility:visible}.nav--active .nav-audio{transition-delay:0s;pointer-events:none}.nav--active .nav-audio>*{pointer-events:auto}@media(max-width: 768px){.nav--active .nav-audio{max-height:0rem}}@media(max-width: 768px){.nav--active.nav--highlights .nav-menu{height:0rem}}.nav--active.nav--highlights .nav-highlights{transform:translateX(calc(-100% + var(--nav)))}@media(max-width: 768px){.nav--active.nav--highlights .nav-highlights{transform:none;height:100%;overflow:auto}.nav--active.nav--highlights .nav-highlights .nav-close{display:block;z-index:100;position:fixed;bottom:var(--s);left:var(--s);color:#fff}}@-webkit-keyframes pop-out{0%{transform:scale(1)}25%{transform:scale(1.25)}100%{transform:scale(0)}}@keyframes pop-out{0%{transform:scale(1)}25%{transform:scale(1.25)}100%{transform:scale(0)}}.nav-section{flex:1;height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:background-color .8s ease-in}@media(max-width: 768px){.nav-section{width:100%;flex:initial}}.nav-section-btn{transform:rotate(-90deg);width:25rem;transition:color .2s ease-in}@media(max-width: 768px){.nav-section-btn{transform:none;width:100%}}.nav-inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--s);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;opacity:0;transition:opacity .1s ease-out;transition-delay:0s}@media(max-width: 768px){.nav-inner{padding:var(--m)}}.nav-menu{background-color:var(--primary);transition:background-color .2s ease-in}.nav-links a:hover,.nav-links a:focus,.nav-links a:active{color:#fff}.nav-link a:before{content:"";height:0em;width:0em;background-color:#000;transition:all .3s ease-out;display:inline-block;border-radius:50%;transform-origin:50% 50%}.nav-link a:hover:before,.nav-link a:focus:before,.nav-link a:active:before{margin-right:var(--xs);height:.75em;width:.75em}.nav-link{white-space:nowrap}.nav-menu-footer{display:flex;justify-content:space-between;align-items:flex-end}.nav-close:hover,.nav-close:active,.nav-close:focus{color:#fff}.socials-list{display:flex;justify-content:flex-end;align-items:center}.socials-list a{width:2rem;height:2rem;border:1px solid #000;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:var(--xxs)}@media(max-width: 768px){.socials-list a{width:6rem;height:6rem;margin-left:var(--xs)}}.socials-list a.insta svg{width:1.25rem;height:1.25rem}.socials-list a.fb svg{width:1.25rem;height:1.4rem}.socials-list a:hover,.socials-list a:active,.socials-list a:focus{background-color:#fff}.menu-open{color:var(--primary-text)}.nav-highlights{background-color:var(--secondary);overflow:auto;transition:transform .4s linear,background-color .2s ease-in;overflow:hidden}.nav-highlights .nav-close{display:none}@media(max-width: 768px){.nav-highlights{overflow:hidden}}.nav-highlights-inner{visibility:hidden}.highlight{position:relative;margin-bottom:var(--s)}@media(max-width: 768px){.highlight{margin-bottom:var(--m)}}.highlight:hover .highlight-title,.highlight:focus .highlight-title,.highlight:active .highlight-title{opacity:1}.highlight-title{opacity:0;position:absolute;bottom:0;left:0;padding:var(--xs);pointer-events:none;transition:opacity .1s ease-out}.highlights-open{color:var(--secondary-text)}.nav-btns{position:absolute;bottom:0;left:0;width:var(--nav);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:var(--s)}@media(max-width: 768px){.nav-btns{padding-bottom:0;height:var(--nav);justify-content:center}}.nav-btn{-webkit-animation:pop-in .4s ease-out forwards;animation:pop-in .4s ease-out forwards}@-webkit-keyframes pop-in{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes pop-in{0%{transform:scale(0)}100%{transform:scale(1)}}.btn-circle{border-radius:50%;width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;transition:transform .1s ease-out,box-shadow .1s ease-out}@media(max-width: 768px){.btn-circle{height:7rem;width:7rem;margin-bottom:0}}.btn-circle path{stroke-width:1px}.btn-circle:hover,.btn-circle:focus,.btn-circle:active{transform:scale(1.1);box-shadow:3px 3px 5px 0px rgba(0,0,0,.25)}.drop-shadow,.project-card:hover,.project-card:active,.project-card:focus{box-shadow:2px 2px 4px 0px rgba(0,0,0,.25)}.btn-mail,.btn-sound,.btn-song{background-color:#fff}.btn-sound{background-color:#fff}.nav-audio{transition:opacity .2s ease-out;transition-delay:0s}@media(max-width: 768px){.nav-audio{opacity:1}}.marquee-outer{position:absolute;bottom:-1px;left:0;right:0;overflow:hidden;height:4rem;border-top:1px solid #000;border-bottom:1px solid #000;display:flex;flex-direction:column;justify-content:center}@media(max-width: 768px){.marquee-outer{height:6rem;bottom:0}}.marquee-outer.mob-only{display:none}@media(max-width: 768px){.marquee-outer.mob-only{display:flex}}@media(max-width: 768px){.marquee-outer.desk-only{display:none}}.landing-marquee .marquee3k__copy{padding-right:var(--xxs)}.names-marquee a:hover{color:var(--candy)}.names-marquee a:after{content:" •";color:#000}header{width:100%;padding:var(--s);text-align:center;z-index:100;color:#000;pointer-events:none;transition:background-color .3s ease-out}header a{pointer-events:auto}@media(max-width: 768px){header br{display:none}header:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:8rem;width:8rem;background:url("../images/illos/carla/JGW_Favi.png") center center no-repeat;background-size:contain}}.illos-container{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.module-checkerboard img{height:100%;-o-object-fit:cover;object-fit:cover}.module-checkerboard:nth-child(even){flex-direction:row-reverse}@media(max-width: 768px){.module-checkerboard:nth-child(even){flex-direction:column-reverse}}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:9999;width:30rem;max-width:100%;background:var(--primary);overflow:hidden;transition:transform .2s ease-in,box-shadow .2s ease-in;transform:translateX(-100%)}@media(max-width: 768px){.sidebar{top:100%;width:100%;transform:translateY(0%)}}.sidebar.active{transform:translateX(0);box-shadow:3px 0px 3px 3px rgba(10,10,10,.2)}@media(max-width: 768px){.sidebar.active{transform:translateY(-100%)}}.sidebar .inner{padding:var(--s);padding-top:0;height:100%;display:flex;flex-direction:column;height:100%;position:relative;overflow:auto}@media(max-width: 768px){.sidebar .inner{padding:0 var(--m) var(--m) var(--m)}}.sidebar .sidebar-header{position:sticky;top:0;left:0;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:10;padding:var(--s) 0;background-color:var(--primary)}@media(max-width: 768px){.sidebar .sidebar-header{padding:var(--m) 0}}.sidebar .body{margin:var(--l) 0}.sidebar .sidebar-footer{margin-top:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sidebar-cream{background:var(--secondary)}.sidebar-cream .sidebar-header{background-color:var(--secondary)}.home .landing--forms{padding-bottom:0}.welcome{margin-left:calc(var(--nav)*-1);padding-bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1001;background-color:var(--black)}@media(max-width: 768px){.welcome{margin-left:0}}.welcome:after{content:"Flicks or vids? Take ya pick.";background:#fff;position:absolute;bottom:var(--m);left:var(--m);transform:rotate(-4deg);box-shadow:2px 2px 0px 0px #000;z-index:10;text-transform:none;padding:var(--xs)}.welcome-video{position:absolute;top:0;left:0;width:100%;height:100%}.welcome-titles{text-align:center;font-size:7vw;letter-spacing:-0.02em;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;color:#fff;cursor:pointer}.welcome-slider-outer{width:100%;height:100%}.welcome-slider-outer .owl-carousel,.welcome-slider-outer .owl-stage-outer,.welcome-slider-outer .owl-stage,.welcome-slider-outer .owl-item,.welcome-slider-outer .welcome-image,.welcome-slider-outer .welcome-slide{height:100%}.welcome-slider-outer .welcome-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.welcome-slider-outer .welcome-image.mobile{display:none}@media(max-width: 768px){.welcome-slider-outer .welcome-image.mobile{display:block}}@media(max-width: 768px){.welcome-slider-outer .welcome-image.desktop{display:none}}.welcome-slider-outer .owl-item.active .welcome-slide .grid-item{transform:translateY(0)}.welcome-next{position:absolute;bottom:var(--m);right:var(--m);transform:translateY(25%) rotate(90deg);width:var(--m);z-index:3}.welcome-slide{position:relative}.welcome-slide .project-details{overflow:hidden;bottom:var(--m);left:var(--m);right:var(--m);width:initial;display:none}.welcome-slide .grid-item{transform:translateY(100%);transition:transform .4s ease-in;transition-delay:.6s}@media(max-width: 768px){.welcome-slide .grid-item{transform:translateY(0)}}.welcome-illos{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.welcome-illos .floating-illo{filter:drop-shadow(2rem 2rem 10px rgba(15, 15, 15, 0.25))}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(2n){display:none}}.welcome-illos .floating-illo:nth-of-type(1),.welcome-illos .floating-illo:nth-of-type(6n + 1){-webkit-animation-duration:30s;animation-duration:30s}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(1),.welcome-illos .floating-illo:nth-of-type(6n + 1){-webkit-animation-duration:15s;animation-duration:15s}}.welcome-illos .floating-illo:nth-of-type(2),.welcome-illos .floating-illo:nth-of-type(6n + 2){-webkit-animation-duration:23s;animation-duration:23s}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(2),.welcome-illos .floating-illo:nth-of-type(6n + 2){-webkit-animation-duration:11.5s;animation-duration:11.5s}}.welcome-illos .floating-illo:nth-of-type(3),.welcome-illos .floating-illo:nth-of-type(6n + 3){-webkit-animation-duration:33s;animation-duration:33s}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(3),.welcome-illos .floating-illo:nth-of-type(6n + 3){-webkit-animation-duration:16.5s;animation-duration:16.5s}}.welcome-illos .floating-illo:nth-of-type(4),.welcome-illos .floating-illo:nth-of-type(6n + 4){-webkit-animation-duration:40s;animation-duration:40s}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(4),.welcome-illos .floating-illo:nth-of-type(6n + 4){-webkit-animation-duration:20s;animation-duration:20s}}.welcome-illos .floating-illo:nth-of-type(5),.welcome-illos .floating-illo:nth-of-type(6n + 5){-webkit-animation-duration:44s;animation-duration:44s}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(5),.welcome-illos .floating-illo:nth-of-type(6n + 5){-webkit-animation-duration:22s;animation-duration:22s}}.welcome-illos .floating-illo:nth-of-type(6),.welcome-illos .floating-illo:nth-of-type(6n + 6){-webkit-animation-duration:24s;animation-duration:24s}@media(max-width: 768px){.welcome-illos .floating-illo:nth-of-type(6),.welcome-illos .floating-illo:nth-of-type(6n + 6){-webkit-animation-duration:12s;animation-duration:12s}}@-webkit-keyframes marqueeSlow{0%{transform:translateX(100vw)}100%{transform:translateX(-100vw)}}@keyframes marqueeSlow{0%{transform:translateX(100vw)}100%{transform:translateX(-100vw)}}@media(max-width: 480px)and (max-height: 730px){.landing-links{display:none}}.landing-links a:before{content:"";height:0em;width:0em;background-color:#000;transition:all .2s ease-out;display:inline-block;border-radius:50%;transform-origin:50% 50%}.landing-links a:hover,.landing-links a:focus,.landing-links a:active{color:#000}.landing-links a:hover:before,.landing-links a:focus:before,.landing-links a:active:before{margin-right:var(--xs);height:.75em;width:.75em}.floating-illo{width:20rem;position:absolute;transform:translate(-50%, -50%);pointer-events:none}.featured-grid{position:relative;grid-template-columns:repeat(12, 1fr);grid-column-gap:var(--m);grid-row-gap:var(--xl)}@media(max-width: 768px){.featured-grid{grid-row-gap:0}}.featured-grid .grid-item:nth-of-type(1),.featured-grid .grid-item:nth-of-type(6n + 1){grid-column:span 6}.featured-grid .grid-item:nth-of-type(2),.featured-grid .grid-item:nth-of-type(6n + 2){grid-column-start:8;grid-column-end:span 5}.featured-grid .grid-item:nth-of-type(3),.featured-grid .grid-item:nth-of-type(6n + 3){grid-column:span 9}.featured-grid .grid-item:nth-of-type(4),.featured-grid .grid-item:nth-of-type(6n + 4){grid-column:span 5;grid-row:span 2}.featured-grid .grid-item:nth-of-type(5),.featured-grid .grid-item:nth-of-type(6n + 5){grid-column-start:7;grid-column-end:span 6;grid-row:span 1}.featured-grid .grid-item:nth-of-type(6),.featured-grid .grid-item:nth-of-type(6n + 6){grid-column-start:6;grid-column-end:13;grid-row:span 1}@media(max-width: 768px){.featured-grid .grid-item{margin-bottom:var(--l)}}.project-card{display:block;background-color:var(--cream);background-color:var(--secondary);padding:var(--s);border-radius:1rem;transition:box-shadow .2s ease-in;position:relative;overflow:hidden}.project-card:hover .tagline-marquee,.project-card:active .tagline-marquee,.project-card:focus .tagline-marquee{opacity:1;visibility:visible}.tagline-marquee{position:absolute;left:calc(0px - 50%);right:calc(0px - 50%);top:50%;overflow:hidden;height:4rem;display:flex;flex-direction:column;justify-content:center;pointer-events:none;opacity:0;visibility:hidden}@media(max-width: 768px){.tagline-marquee{display:none}}.card-thumb-container video{width:100%}.testimonials-outer .header-box{margin:0}@media(max-width: 768px){.testimonials-outer .flex-row--justified{flex-direction:column;margin:var(--m) 0 0 0;align-items:flex-start}.testimonials-outer .flex-row--justified .testimonials-btn{margin-top:var(--m)}}.testimonials-btn{width:var(--l)}.testimonials-btn img{transform:rotate(90deg)}@media(max-width: 768px){.testimonials-btn{width:var(--xl)}}.testimonials .owl-item{margin-top:var(--m);transition:transform .2s ease-out;position:relative}.testimonials .owl-item:hover{transform:translateY(calc(var(--m) * -1))}.testimonials .center{transform:translateY(calc(var(--m) * -1))}@media(max-width: 768px){.testimonials .center{transform:none}}.testimonial{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:var(--s);height:60rem;cursor:ew-resize;position:relative;overflow:scroll}.testimonial .markdown{margin-bottom:var(--m)}.testimonial .markdown p:first-of-type:before{content:"❝";display:inline-block;margin-right:var(--s)}@media(max-width: 768px){.testimonial{padding:var(--m);height:75rem}}.film-slider-outer{margin-top:var(--m);padding-bottom:var(--m);counter-reset:films}.film-slider-vid{position:relative}.film-slider-vid:after{counter-increment:films;content:counter(films);position:absolute;top:0;left:0;padding:var(--xs);color:var(--sunshine)}.film-slider-vid video{-webkit-filter:blur(1px);border-radius:1rem}.film-holder{width:100%;height:100%;background:var(--black)}.film-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%}.featured-grid .grid-item:nth-of-type(1),.featured-grid .grid-item:nth-of-type(6n + 1){grid-column:span 5}.featured-grid .grid-item:nth-of-type(2),.featured-grid .grid-item:nth-of-type(6n + 2){grid-column-start:7;grid-column-end:span 6}.featured-grid .grid-item:nth-of-type(3),.featured-grid .grid-item:nth-of-type(6n + 3){grid-column-start:3;grid-column-end:span 9}.featured-grid .grid-item:nth-of-type(4),.featured-grid .grid-item:nth-of-type(6n + 4){grid-column:span 6}.featured-grid .grid-item:nth-of-type(5),.featured-grid .grid-item:nth-of-type(6n + 5){grid-column-start:8;grid-column-end:span 5;grid-row:span 2}.featured-grid .grid-item:nth-of-type(6),.featured-grid .grid-item:nth-of-type(6n + 6){grid-column-start:3;grid-column-end:span 6}.header-box--grid{grid-template-columns:repeat(12, 1fr);grid-column-gap:var(--m)}.header-box--grid .grid-item:nth-of-type(odd){grid-column:1/span 6;display:flex;align-items:center}.header-box--grid .grid-item:nth-of-type(even){grid-column:7/span 6}.reel-desc{display:flex;justify-content:space-between;align-items:center}.reel-desc>p{margin-right:var(--m)}.reel-slider .highlight{margin-bottom:0}.reel-outer{padding-bottom:var(--l)}.highlight .film-slider-vid{position:relative}.highlight .film-slider-vid:after{display:none}.highlight .film-slider-vid video{-webkit-filter:blur(0px);border-radius:0rem}.reel-slider .highlight-w-box{display:block;height:25rem}.reel-slider .highlight-w-box img{height:100%;width:auto;max-width:100%}.reel-slider .owl-stage-outer{max-height:25rem}.all-projects-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--m);grid-row-gap:var(--m)}@media(max-width: 768px){.all-projects-grid{grid-row-gap:0}}@media(max-width: 768px){.all-projects-grid .project-card{margin-bottom:var(--l)}}.load-more-outer{display:flex;justify-content:center;align-items:center}.load-more{display:flex;justify-content:center;align-items:center;z-index:1;position:relative}.load-more:after{content:"";display:inline-block;width:3em;height:3em;background:url("../images/illos/carla/load-more.png") center center no-repeat;background-size:contain;position:absolute;right:-1rem;transform:translateX(50%);z-index:-1}.nav-audio{display:none}.audio-player--active .nav-highlights,.audio-player--active .btn-sound{display:none}.audio-player--active .nav-audio{display:block}.audio-player--active .btn-song{display:flex}@media(max-width: 768px){.audio-player--active .btn-mail{display:none}}.btn-song{display:none}.btn-song.loading .play-icon{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.btn-song .pause-icon{display:none}@keyframes pulse{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.song-player{position:absolute;top:0;left:0;width:6rem;height:100%;padding:var(--s);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .1s ease-out;transition-delay:0s;background-color:var(--secondary)}@media(max-width: 768px){.song-player{width:100%}}.song-info{width:calc(100vh - var(--vh-offset, 0px));height:2rem;display:flex;justify-content:space-between;align-items:center;transform:rotate(-90deg);padding-right:var(--s);padding-left:calc(var(--s) + 10rem)}@media(max-width: 768px){.song-info{transform:none;height:100%;width:100%;padding:0;padding-left:calc(7rem + var(--s))}}@media(max-width: 768px){.song-titles{white-space:nowrap;text-overflow:ellipsis;max-width:75%;overflow:hidden}}.song-progress{flex:1;margin:0 var(--s);height:2px;background-color:var(--black);position:relative}.song-progress .song-bar{position:absolute;top:50%;height:10px;width:2px;background-color:var(--black);transform:translate(-50%, -50%);transition:left .25s linear}.song-duration{font-feature-settings:"tnum" 1,"zero" 1,"ss07" 1,"cpsp" 1}@media(max-width: 768px){.song-duration{display:none}}.bg-fuschia{background-color:var(--fuschia)}.bg-fuschia .marquee-outer{background-color:var(--fuschia)}.lab-body{position:relative}.lab-block{grid-template-columns:repeat(3, 1fr);margin-bottom:var(--l)}.lab-block .lab-vid-outer{grid-column:1/3}@media(max-width: 768px){.lab-block .lab-vid-outer{margin-bottom:var(--m)}}.lab-block .lab-desc{grid-column:3/4}.lab-vid-outer{position:relative}.lab-vid-outer:hover:after{content:"";position:absolute;top:var(--s);left:var(--s);width:var(--m);height:var(--m);background:url("../images/illos/carla/JGW_RedShape.png") center center no-repeat;-webkit-animation:pulse 2s infinite linear;animation:pulse 2s infinite linear;background-size:100%}.lab-desc{display:flex;flex-direction:column;justify-content:space-between}.lab-detail{grid-template-columns:repeat(2, 1fr);border-top:1px solid var(--black);margin-bottom:var(--s);padding-top:var(--xxs)}@media(max-width: 768px){.lab-detail{flex-direction:row;justify-content:space-between}}.see-full{border-top:1px solid var(--black);padding-top:var(--xxs);display:flex;justify-content:space-between;align-items:center}a.see-full:hover{color:var(--secondary)}a.see-full:after{content:"";display:inline-block;width:1.5em;height:1.5em;background:url("../images/illos/carla/JGW_BackToTop_3.png") center center no-repeat;background-size:contain;transform:rotate(90deg);transition:transform .2s ease-in}@-webkit-keyframes nudge{0%{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(-0.5em)}100%{transform:rotate(90deg) translateY(0em)}}@keyframes nudge{0%{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(-0.5em)}100%{transform:rotate(90deg) translateY(0em)}}.about-intro{display:flex;position:relative}.about-intro>div{width:50%}.about-intro .floating-illo{bottom:0;right:50%}@media(max-width: 768px){.about-intro{flex-direction:column-reverse}.about-intro>div{width:100%}}.headshot-outer{position:relative;cursor:alias;max-width:700px}.headshot-outer:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:87.5%;background:url("../images/illos/carla/JGW_Portrait_trans.png") center center no-repeat;background-size:contain;display:none}.project-highlight{margin:var(--l);padding:0 var(--m);margin-left:auto;margin-right:auto;position:relative;max-width:120rem}.project-highlight .floating-illo{position:absolute;top:var(--m);right:var(--m)}@media(max-width: 768px){.project-highlight{margin:var(--m) 0}}.project-highlight-inner{grid-template-columns:repeat(4, 1fr);position:absolute;bottom:0;left:0;width:100%;padding:var(--s)}.project-highlight-inner .grid-item{grid-column:span 1}.project-highlight-inner .grid-item:last-of-type{grid-column-start:4}@media(max-width: 768px){.project-highlight-inner{grid-row-gap:var(--s)}.project-highlight-inner .grid-item:nth-of-type(2){display:none}}.faqs-intro{position:relative}.faqs-intro .header-box{margin-bottom:var(--l)}.faqs-intro .floating-illo{position:absolute;bottom:0;right:0}@media(max-width: 768px){.faqs-intro .floating-illo{position:static;margin-left:auto;transform:none}.faqs-intro .floating-illo img{transform:none !important}}.faq-accs{position:relative}.faq-acc{border-top:1px solid var(--black);padding-top:var(--s);margin-bottom:var(--l)}@media(max-width: 768px){.faq-acc{margin-bottom:var(--m)}}@media(max-width: 768px){.faq-acc .grid-item.fann-large,.faq-acc .grid-item.contact-success:before,.faq-acc .grid-item.contact-error:before,.faq-acc .landing-right_text p.grid-item:first-of-type,.landing-right_text .faq-acc p.grid-item:first-of-type,.faq-acc .project-card h1.grid-item,.project-card .faq-acc h1.grid-item{margin-top:var(--s)}}.faq-grid{grid-template-columns:repeat(12, 1fr);position:relative}.faq-grid .grid-item:nth-of-type(1){grid-column:span 2}.faq-grid .grid-item:nth-of-type(2){grid-column:span 8}.faq-grid .grid-item:nth-of-type(3){grid-column:span 2;text-align:right}@media(max-width: 768px){.faq-toggle-outer{position:absolute;top:0;right:0}}.faq-acc-toggle:before{content:"Open"}.faq--active{color:var(--primary);border-color:var(--primary)}.faq--active .faq-acc-toggle:before{content:"Close"}.faq-panel{padding-top:var(--m);max-height:0;overflow:hidden;transition:max-height .2s ease-out}.faq-panel .grid-item:first-of-type{margin-bottom:var(--s)}.main-project .header{position:fixed;top:0;left:0;right:0;z-index:1000;padding-left:calc(var(--nav) + var(--s))}@media(max-width: 768px){.section{position:relative}}.section-inner{height:calc(100vh - var(--vh-offset, 0px))}@media(max-width: 768px){.section-inner{padding-bottom:var(--nav)}}@media(max-width: 768px){.section-inner:not(.project-landing){padding-bottom:calc(var(--nav) + var(--m))}}.image-holder{width:100%;height:100%;overflow:hidden}.image-holder img,.image-holder iframe{width:100%;height:100%}.image-holder img{-o-object-fit:contain;object-fit:contain}.image-holder.text-holder{overflow:auto;display:flex;flex-direction:column;justify-content:center}.project-landing,.section-fullbleed{position:relative}.project-landing .image-holder img,.section-fullbleed .image-holder img{-o-object-fit:cover;object-fit:cover}@media(max-width: 768px){.section-fullbleed{padding-top:var(--m);padding-left:var(--m);padding-right:var(--m)}.section-fullbleed .image-holder img{-o-object-fit:contain;object-fit:contain}}.project-landing .landing-down{left:initial;right:var(--m)}.project-details{position:absolute;bottom:0;left:0;width:100%;grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--m);z-index:1}@media(max-width: 768px){.project-details{display:block}.project-details .grid-item{margin-bottom:var(--s)}}@media(max-width: 768px){.body--project .project-details{bottom:var(--nav)}}.project-intro{position:relative}@media(max-width: 768px){.project-intro{position:static}}.project-intro .floating-illo{position:absolute;right:10%;bottom:calc(var(--nav) + var(--m));transform:none;width:25%;max-width:30rem;min-width:15rem}.section-twoup{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:var(--m);place-items:center}.section-twoup .twoup--right{grid-column-start:2}@media(max-width: 768px){.section-twoup{display:block}}.section-left,.section-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:var(--m);place-items:center}.section-right .image-holder{grid-column-start:2}.section-siblings{grid-template-columns:repeat(8, 1fr);grid-column-gap:var(--m);place-items:center}.section-siblings .siblings-prev{grid-column:2/5}@media(max-width: 768px){.section-siblings .siblings-prev{margin-bottom:var(--l)}}.section-siblings .siblings-next{grid-column:5/8}@media(max-width: 768px){.section-siblings .siblings-next{margin-bottom:var(--l)}}.scroller{position:fixed;top:0;z-index:1;width:100%}.progress-container{width:100%;height:3px}.progress-bar{height:3px;background:var(--primary);width:0%}input,textarea,select{border-radius:0}input[type=search]{-webkit-appearance:none}@media(max-width: 768px){.contact .landing--forms{padding-bottom:0}}.landing--forms .landing-left{z-index:2}@media(max-width: 768px){.landing--forms .landing-left--contact{width:100%;background-color:#fff}.landing--forms .landing-left--contact .contact-forms{display:none}.landing--forms .landing-right{height:initial}}.body--contact .marquee-outer{background-color:#fff}.zoom-out{cursor:zoom-out}.landing-left--contact{display:flex;align-items:center;justify-content:center;padding:var(--m);background-color:var(--baby-blue);overflow:visible;width:50%}.contact-forms{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible}.contact-form{width:500px;position:relative;display:block;transition:all .4s cubic-bezier(0.34, 1.56, 0.64, 1);cursor:zoom-in}.contact-form .form-lines{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:var(--xs)}.contact-form .line-break{flex-basis:100%;height:0;visibility:hidden}.contact-form .form-line{display:flex;flex-wrap:wrap;gap:var(--xxxs);width:100%}.contact-form .form-line:not(:last-of-type){margin-bottom:var(--xxs)}.contact-form .form-line label{display:block;flex-shrink:0}.contact-form .form-line input,.contact-form .form-line select{display:block;width:100%;flex:1;min-width:5ch}.contact-form>div{position:absolute;top:0;bottom:0;width:50%;height:100%;padding:3rem}.contact-form .right{left:50%;padding-left:1rem;display:flex;flex-direction:column;justify-content:flex-end}.contact-form:after{content:"";position:absolute;top:var(--m);bottom:var(--m);border-radius:2px;left:50%;transform:translateX(-50%);width:2px;background-color:#000}.contact-form--front{background:url("../images/illos/carla/JGW_Envelope2_front.png") center center no-repeat;background-size:contain;margin-bottom:var(--s);transform:rotate(4deg)}.contact-form--front .right p{position:relative;line-height:2.3}.contact-form--front .right p:before{position:absolute;z-index:-1;content:"";bottom:0;left:0;right:0;height:100%;background-image:linear-gradient(0deg, #121215 2%, #ffffff 2%, #ffffff 50%, #121215 50%, #121215 52%, #ffffff 52%, #ffffff 100%);background-size:1em 4.5em}.contact-form--back{background:url("../images/illos/carla/JGW_Envelope2_back.png") center center no-repeat;background-size:contain;margin-top:var(--s);transform:rotate(-15deg)}.contact-form--back .right{justify-content:flex-start}.contact-form--back .right form{height:100%}.contact-form--active.contact-form--front{transform:translate(50%, 50%) scale(1.5) rotate(-3deg);z-index:2;cursor:auto}.contact-form--active.contact-form--back{transform:translate(50%, -50%) scale(1.5) rotate(7deg);z-index:2;cursor:auto}.contact-forms select{color:var(--mid-grey)}.contact-forms input,.contact-forms select{border-bottom:1px solid var(--black);display:inline-block}.contact-forms input::-moz-placeholder, .contact-forms select::-moz-placeholder{color:var(--mid-grey)}.contact-forms input::placeholder,.contact-forms select::placeholder{color:var(--mid-grey)}.contact-forms input#location,.contact-forms select#location{width:55px}.contact-forms input#weather,.contact-forms select#weather{width:80px}.contact-forms input#date,.contact-forms select#date{width:100px}.contact-forms input#email,.contact-forms select#email{width:130px}.contact-forms input#request,.contact-forms select#request{width:60px}.contact-forms #comments{border-bottom:1px solid #000;border:1px solid var(--black);padding:var(--xxs);border-radius:5px;resize:none;width:100%;color:var(--candy)}.flex-1{flex:1}.flex-col{flex-direction:column}.flex{display:flex}.h-full{height:100%}.w-full{width:100%}.form-submit-outer{height:100%}.form-submit{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.submit-outer{position:relative;text-align:right}#submit{background-color:rgba(0,0,0,0);width:100%;color:var(--candy);border-bottom:none;text-align:right;cursor:pointer;display:flex;align-items:center;justify-content:flex-end}#submit:after{content:"";width:3em;height:2em;background:url("../images/illos/carla/JGW_BackToTop_1_Right.png") center center no-repeat;background-size:contain}#submit:hover,#submit:focus{transition:transform .2s ease-in-out;transform:translateX(0.25em)}.ratio--envelope:before{padding-top:65.0612589776%}.form--submitted input:invalid{outline:1px dashed var(--candy)}label.error{display:none !important}.input--hp,.uniform__potty{position:absolute;left:-9999px}.contact-success,.contact-error{overflow:hidden}.contact-success .contact-form,.contact-error .contact-form{-webkit-animation:formOut .5s ease-out forwards;animation:formOut .5s ease-out forwards;position:relative}.contact-success .contact-form--front,.contact-error .contact-form--front{-webkit-animation:frontShooshOut .5s ease-in forwards;animation:frontShooshOut .5s ease-in forwards}.contact-success .contact-form--back,.contact-error .contact-form--back{-webkit-animation:backShooshOut .5s ease-in forwards;animation:backShooshOut .5s ease-in forwards}.contact-success .mobile-form-outer,.contact-error .mobile-form-outer{transform-origin:0% 50%;-webkit-animation:mobShooshOut .5s ease-in forwards;animation:mobShooshOut .5s ease-in forwards}.contact-success:before,.contact-error:before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.contact-success:before{content:"Thanks, I'll get back to ya soon!"}.contact-error:before{content:"Uh oh, something went wrong. Shoot me an email!"}@-webkit-keyframes formOut{0%{opacity:1}100%{opacity:0}}@keyframes formOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes frontShooshOut{0%{transform:rotate(4deg) translateX(0)}100%{transform:rotate(1deg) translateX(150%) translateY(50%)}}@keyframes frontShooshOut{0%{transform:rotate(4deg) translateX(0)}100%{transform:rotate(1deg) translateX(150%) translateY(50%)}}@-webkit-keyframes backShooshOut{0%{transform:rotate(-15deg) translateX(0)}100%{transform:rotate(3deg) translateX(150%) translateY(-50%)}}@keyframes backShooshOut{0%{transform:rotate(-15deg) translateX(0)}100%{transform:rotate(3deg) translateX(150%) translateY(-50%)}}@-webkit-keyframes mobShooshOut{0%{transform:rotate(-5deg);opacity:1}100%{transform:rotate(5deg) translateY(100%);opacity:0}}@keyframes mobShooshOut{0%{transform:rotate(-5deg);opacity:1}100%{transform:rotate(5deg) translateY(100%);opacity:0}}.mobile-form-outer{position:relative;background:url("../images/png/mobile-contact-form.png") center center no-repeat;background-size:contain;display:none;width:100%;transform:rotate(-5deg)}.mobile-form-outer:before{display:block;content:"";width:100%;padding-top:155.7971014493%}@media(max-width: 768px){.mobile-form-outer{display:block}}.mobile-form{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:25%;padding-top:28%;padding-right:5%}.m-input-outer{display:flex;margin-bottom:var(--xs);align-items:flex-start}.m-input-outer input{flex:1}.m-input-outer span{margin-right:var(--s)}.m-input-outer input,.m-input-outer select,.m-input-outer textarea{border-bottom:1px solid var(--black);display:inline-block;margin-bottom:var(--xxs);background-color:rgba(0,0,0,0);color:var(--candy)}.m-input-outer input::-moz-placeholder, .m-input-outer select::-moz-placeholder, .m-input-outer textarea::-moz-placeholder{color:var(--mid-grey)}.m-input-outer input::placeholder,.m-input-outer select::placeholder,.m-input-outer textarea::placeholder{color:var(--mid-grey)}.m-flex-wrap{flex-wrap:wrap}.m-submit-outer{width:10rem;height:10rem;background:url("../images/illos/carla/JGW_BackToTop_4_rotate.png") center center no-repeat;background-size:contain;background-position:center center;margin-left:auto}.m-submit-outer input{width:100%;height:100%;background:rgba(0,0,0,0)}.m-full{width:100%}@media all and (orientation: portrait){.landscape-only{display:none}}@media all and (orientation: landscape){.portrait-only{display:none}}@media all and (max-width: 1200px){html{font-size:9px}}@media all and (max-width: 1000px){html{font-size:8px}}@media all and (max-width: 768px){html{font-size:6px}}@media(min-width: 1500px){html{font-size:11px}.contact-form{width:600px}.contact-form .contact-forms input::-moz-placeholder, .contact-forms .contact-form input::-moz-placeholder, .contact-form .contact-forms select::-moz-placeholder, .contact-forms .contact-form select::-moz-placeholder{font-size:14px}.contact-form .chap-tiny,.contact-form .contact-forms input,.contact-forms .contact-form input,.contact-form .contact-forms select,.contact-forms .contact-form select,.contact-form .contact-forms input::placeholder,.contact-forms .contact-form input::placeholder,.contact-form .contact-forms select::placeholder,.contact-forms .contact-form select::placeholder,.contact-form .contact-forms #comments,.contact-forms .contact-form #comments{font-size:14px}}@media(min-width: 1900px){html{font-size:12px}.contact-form{width:700px}.contact-form .contact-forms input::-moz-placeholder, .contact-forms .contact-form input::-moz-placeholder, .contact-form .contact-forms select::-moz-placeholder, .contact-forms .contact-form select::-moz-placeholder{font-size:15px}.contact-form .chap-tiny,.contact-form .contact-forms input,.contact-forms .contact-form input,.contact-form .contact-forms select,.contact-forms .contact-form select,.contact-form .contact-forms input::placeholder,.contact-forms .contact-form input::placeholder,.contact-form .contact-forms select::placeholder,.contact-forms .contact-form select::placeholder,.contact-form .contact-forms #comments,.contact-forms .contact-form #comments{font-size:15px}}