/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover,.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:#fff}.hamburger-box{width:30px;height:19px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:3px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.hamburger--3dx .hamburger-box{perspective:60px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner:before,.hamburger--3dx .hamburger-inner:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:60px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner:before,.hamburger--3dx-r .hamburger-inner:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:60px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner:before,.hamburger--3dy .hamburger-inner:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:60px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:before,.hamburger--3dy-r .hamburger-inner:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:60px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner:before,.hamburger--3dxy .hamburger-inner:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:60px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner:before,.hamburger--3dxy-r .hamburger-inner:after{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotate(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-8px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-6px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-6px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(6px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(6px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transform:translate3d(-6px,-7.5px,0) rotate(-45deg) scaleX(.7);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transform:translate3d(-6px,7.5px,0) rotate(45deg) scaleX(.7);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transform:translate3d(6px,-7.5px,0) rotate(45deg) scaleX(.7);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transform:translate3d(6px,7.5px,0) rotate(-45deg) scaleX(.7);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:before,.hamburger--boring .hamburger-inner:after{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner:after{top:-16px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-8px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner:after{top:-16px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-8px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:1.5px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner:before{top:8px;transition:opacity .125s .275s ease}.hamburger--elastic .hamburger-inner:after{top:16px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transform:translate3d(0,-16px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:1.5px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner:before{top:8px;transition:opacity .125s .275s ease}.hamburger--elastic-r .hamburger-inner:after{top:16px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transform:translate3d(0,-16px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s .175s ease-in}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic .hamburger-inner:after{top:8px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{left:-60px;top:-60px;transform:translate3d(60px,60px,0) rotate(45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner:after{right:-60px;top:-60px;transform:translate3d(-60px,60px,0) rotate(-45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s .175s ease-in}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic-r .hamburger-inner:after{top:8px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{left:-60px;top:60px;transform:translate3d(60px,-60px,0) rotate(-45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner:after{right:-60px;top:60px;transform:translate3d(-60px,-60px,0) rotate(45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner:before,.hamburger--minus .hamburger-inner:after{transition:bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:before,.hamburger--minus.is-active .hamburger-inner:after{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner:before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner:after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-4.2857142857px,-5px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-16px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:1.5px}.hamburger--slider-r .hamburger-inner:before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner:after{top:16px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,8px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(4.2857142857px,-5px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-16px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner:before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:1.5px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner:before{top:8px;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:16px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,8px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,8px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner:after{top:-16px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-8px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand .hamburger-inner:before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner:before,.hamburger--vortex .hamburger-inner:after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner:before,.hamburger--vortex.is-active .hamburger-inner:after{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner:before,.hamburger--vortex-r .hamburger-inner:after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner:before,.hamburger--vortex-r.is-active .hamburger-inner:after{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}body{padding:0;margin:0;background-color:var(--backgroundColor)}:root{--fontMedium: ITCAmericanTypewriterMedium;--themeColor: #ea612a;--backgroundColor: #fff1eb;--zipty: ZiptyDo}@font-face{font-family:ITCAmericanTypewriterMedium;src:url(/assets/AmericanTypewriterStd-Med-dbbcb5e3.otf) format("opentype")}@font-face{font-family:MoonGlow;src:url(/assets/Moonglow-Regular-90be585c.otf) format("opentype")}@font-face{font-family:ZiptyDo;src:url(/assets/ZiptyDoStdMain-49a720f0.otf) format("opentype")}@font-face{font-family:ITCAmericanTypewriterLight;src:url(/assets/AmericanTypewriterStd-Light-ba950e07.otf) format("opentype")}@font-face{font-family:HelveticaNeueItalic;src:url(/assets/HelveticaNeueLTStd-It-f974992b.otf) format("opentype")}@font-face{font-family:HelveticaNeueBlack;src:url(/assets/HelveticaNeueLTStd-Blk-ac48ed4a.otf) format("opentype")}@font-face{font-family:HelveticaNeue;src:url(/assets/HelveticaNeueLTStd-Roman-ee554630.otf) format("opentype")}.modal{display:none;position:fixed;z-index:120;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:auto;background-color:#000}.modal-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-image:url(/working_img/photo_007.jpg);background-size:contain;background-repeat:no-repeat;background-position:center center}.modal-close{position:fixed;margin-top:20px;margin-right:20px;right:0;color:#aaa;font-size:28px;font-weight:700}.modal-close:hover,.modal-close:focus{color:red;text-decoration:none;cursor:pointer}.landingPage{width:100%;height:100vh;background-image:url(/assets/photo_043-a560e034.jpg);background-size:cover;background-position:center center;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;justify-items:center;align-items:center}.downArrow{width:50px;height:50px;position:absolute;bottom:40px}.youtube{width:100px;height:50px;display:grid;place-items:center;font-size:40px}.youtubeMega{width:90%;height:15px;justify-content:center;align-self:center;margin-top:40px;display:grid;place-items:center}.chevron{color:#fff;font-size:60px;background-color:rgba()}.hamburger{position:fixed;display:none;z-index:101}.hamburgerPanel{width:300px;height:100%;background-color:#000000e6;position:fixed;right:-300px;z-index:100}.navbar{width:100%;height:50px;background-color:var(--themeColor);position:fixed;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;z-index:99}.navbarLogo{font-size:26px;font-family:MoonGlow;color:#fff;grid-column:1;justify-self:start;margin-left:20px}.navbarMenu{width:100%;display:flex;flex-direction:row;gap:15px;align-content:end;justify-content:end;margin-right:40px;grid-column:2}.navbarMenuItem{font-size:24px;font-family:ZiptyDo;color:#fff}.navbarMenuItem:hover{cursor:pointer}.waterColors{width:90vw;max-width:1000px;height:90vh;max-height:600px;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:50px;align-items:center;overflow-x:scroll;padding:20px}.waterColorSquare{flex-shrink:0;width:200px;height:200px;background-color:#606265}.gallery{width:100%;background-color:var(--backgroundColor);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;color:#000}.galleryTitle{width:100%;height:150px;font-size:40px;font-family:ZiptyDo;display:grid;align-items:center;justify-items:center}.galleryPaintings{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:50px}.painting{display:grid;grid-template-rows:2;grid-template-columns:1}.paintingImage{width:300px;height:300px;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:transform 1s}.paintingImage:hover{transform:scale(1.1)}.paintingInfo{display:flex;flex-direction:column;align-content:center;justify-content:center;font-family:ZiptyDo}.paintingInfoName{width:100%;height:30px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;justify-items:center;margin-top:20px}.paintingInfoPrice{width:100%;height:30px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;justify-items:center;font-size:24px;margin-top:4px}.paintingInfoSize{width:100%;height:30px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;justify-items:center;font-size:16px}.contactDesktop{width:100%;background-color:var(--backgroundColor);display:grid;grid-template-rows:200px 1fr;grid-template-columns:20% 1fr 20%;align-items:center;justify-items:center;font-family:ZiptyDo;font-size:20px;color:#000;margin-bottom:100px;box-sizing:border-box}.contactLine{width:90%;height:1px;background-color:gray;grid-row:1;grid-column:2;align-self:center;justify-self:center}.phone{display:grid;place-items:center;margin-top:2px}.contactDesktopPanel{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;grid-row:2;grid-column:2;align-items:center;width:100%;color:#000}.contactDesktopPanelBio{display:flex;flex-direction:column;flex-wrap:wrap;width:840px;max-width:90vw}@media screen and (max-width: 600px){.contactDesktopPanelBio{width:100%}}.contactDesktopPanelBioImages{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px}@media screen and (max-width: 600px){.contactDesktopPanelBioImages{width:90vw}}.contactDesktopPanelBioImage{width:400px;height:400px;clip-path:circle(45%);background-size:cover;background-position:center 20%}@media screen and (max-width: 600px){.contactDesktopPanelBioImage{width:90vw;height:90vw}}.contactDesktopPanelBioImage1{background-image:url(/assets/portrait2-c2347f7d.jpg)}.contactDesktopPanelBioImage2{background-image:url(/assets/portrait1-2a92d12e.png)}.contactDesktopPanelBioText{width:100%;line-height:24px;font-size:18px;padding:20px 20px 70px;box-sizing:border-box;color:#000}.contactDesktopPanelInfo{display:flex;flex-direction:column;flex-wrap:wrap;width:400px;max-width:90vw;align-items:center;gap:6px}.galleryNote{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;font-size:25px;font-family:var(--zipty);margin-top:80px}.infoPanelDesktopContainer{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;height:50%;gap:20px;color:#000;font-size:25px;grid-column:2;grid-row:2;margin-top:100px;margin-bottom:100px}.infoPanelDesktopBio{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;grid-row:2;grid-column:1;color:#171719;gap:20px;color:#000}.infoPanelDesktopContact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;font-family:HelveticaNeue;grid-row:2;grid-column:2;gap:20px}.infoPanelDesktopContactPhone{font-family:HelveticaNeue}a[href^=tel]{color:inherit;text-decoration:none}.infoPanelDesktopContactEmail{font-family:HelveticaNeue}.dakota:hover{cursor:pointer}.dakota{text-align:center;margin-bottom:20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-transform:uppercase}.colorScrollBar{grid-column:2;grid-row:1;height:90vh;width:80%;margin-top:0;padding:0;font-family:Cascadia;font-weight:500;overflow-x:scroll;font-size:18px;scrollbar-color:#ff9d00 #ffdda6;scrollbar-width:medium}.colorScrollBar::-webkit-scrollbar{width:16px}.colorScrollBar::-webkit-scrollbar-track{background-color:#ffdda6}.colorScrollBar::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #0000004d}.colorScrollBar::-webkit-scrollbar-thumb{background-color:#ff9d00;box-shadow:inset 2px 2px 5px 0 rgba(#fff,.5);border-radius:var(--borderRadius);width:10px}@media only screen and (max-width: 600px){.hamburger{display:block;position:fixed;right:0;top:0;z-index:101}.hamburgerPanel{width:100vw;height:100%;background-color:#000000e6;position:fixed;right:-100vw}.hamburgerPanelInfo{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px}.hamburgerPanelInfoItem{height:50px;font-size:26px;color:#fff;font-family:ziptydo}.navbar{grid-template-columns:1fr}.navbarMenu{display:none}.navbarLogo{justify-self:center;margin-left:0;font-size:18px;margin-top:5px}.infoPanelDesktop{min-width:90vw;height:50vh;grid-template-columns:0% 1fr 0}.infoPanelMobileContact{width:100%;height:100%;display:flex;flex-direction:column}.infoPanelDesktopContainer{flex-direction:column}.infoPanelDesktopTitle,.downArrow{display:none}.modal-content{width:100%;height:100%}.modal-close{margin-top:10px;margin-right:10px}.contactDesktop{grid-template-columns:0% 1fr 0%}}