/*!
 * Brand Stylist Headless Frontend
 * @author Charles Harwood <charles@harwooddigital.com.au>
 */
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}@font-face{font-family:AndaleMono;font-style:normal;font-weight:400;src:url(/static/fonts/andalemono-webfont.eot);src:url(/static/fonts/andalemono-webfont.eot?#iefix) format("embedded-opentype"),url(/static/fonts/andalemono-webfont.woff2) format("woff2"),url(/static/fonts/andalemono-webfont.woff) format("woff"),url(/static/fonts/andalemono-webfont.ttf) format("truetype"),url(/static/fonts/andalemono-webfont.svg#andale_monoregular) format("svg")}html{font-family:AndaleMono,monospace;font-size:10px;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:767px){html{font-size:1.2vw}}body{background-color:#000;font-family:AndaleMono,monospace;font-size:2em;font-weight:400;line-height:1.2em;letter-spacing:normal;overflow-x:hidden}a,body{color:#fff}a{transition:color .3s ease-in-out;text-decoration:underline}a:active,a:focus,a:hover{color:#71fed6}.brand-stylist{position:relative;width:100vw;height:100vh;transition:all .3s ease-in-out;background-color:#000;background-repeat:no-repeat;background-position:top;background-size:cover;background-blend-mode:luminosity}.brand-stylist__tagline{position:absolute;top:2.5rem;left:2.5rem;padding:.5rem;background-color:rgba(0,0,0,.5)}@media (max-width:767px){.brand-stylist__tagline{top:6rem}}.brand-stylist__header{position:absolute;top:3rem;right:3rem;width:50rem;transition:opacity .3s ease-in-out;text-align:right}.brand-stylist__header.nav-active{opacity:.2}.brand-stylist__header div{margin:2rem 0;text-align:right}.brand-stylist__header div p{display:inline-block;margin-bottom:0;margin-left:auto;padding:.5rem;background-color:rgba(0,0,0,.5)}.brand-stylist__header .header__logo{max-width:40rem;margin-top:0;margin-left:auto;background-color:rgba(0,0,0,.5)}.brand-stylist__header .header__logo img{max-width:100%}.brand-stylist__header .header__tagline p span:first-of-type{color:#f90206}.brand-stylist__header .header__tagline p span:last-of-type{color:#71fed6}.brand-stylist__header .header__social a{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;text-decoration:none}.brand-stylist__header .header__social a span{margin-left:1rem}.hover-nav>div{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hover-nav__item{transition:opacity .3s ease-in-out}.hover-nav__item h2{display:inline-block;transition:color .3s ease-in-out;margin:0;padding:.66667em .33333em;background-color:rgba(0,0,0,.5);text-transform:lowercase;cursor:pointer}.hover-nav__item .portfolio{display:none;position:absolute;opacity:0}.hover-nav__item .portfolio:after{display:block;position:absolute;top:50%;bottom:50%;left:-2rem;width:2px;transition:all .5s ease-in-out;background-color:#f90206;content:""}@media (max-width:1199px){.hover-nav__item .portfolio:after{left:0}}.hover-nav__item .portfolio__item{padding:.5em;background-color:rgba(0,0,0,.7);line-height:.8em}@media (max-width:767px){.hover-nav__item .portfolio__item{line-height:1.2em}}.hover-nav__item .portfolio-in-enter{opacity:0}.hover-nav__item .portfolio-in-enter-active,.hover-nav__item .portfolio-in-enter-done{transition:opacity .5s;opacity:1}.hover-nav__item .portfolio-in-exit{opacity:1}.hover-nav__item .portfolio-in-exit-active,.hover-nav__item .portfolio-in-exit-done{transition:opacity .5s;opacity:0}.hover-nav__item.hover-nav__item--active h2{color:#71fed6}.hover-nav__item.hover-nav__item--active .portfolio{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:60vh}.hover-nav__item.hover-nav__item--active .portfolio__item{-ms-flex:0 0 50%;flex:0 0 50%}.hover-nav__item.hover-nav__item--active .portfolio__item--final:after{display:block;width:2px;height:1em;margin:1rem 10rem;background:#f90206;content:""}.hover-nav__item.hover-nav__item--active .portfolio.portfolio--active:after{top:0;bottom:0}.hover-nav__item.hover-nav__item--active .portfolio.portfolio--overflowing:before{display:block;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);color:#f90206;font-size:3em;content:"^"}.hover-nav__item.hover-nav__item--active .portfolio.portfolio--scrolled:before{display:none;content:none}.hover-nav__portfolios-section{top:20vh;left:20vw;-ms-flex-direction:column;flex-direction:column;width:40vw;height:60vh}.hover-nav__portfolios-section .portfolio{top:-10rem;left:20rem}.hover-nav__portfolios-section .hover-nav__item--work .portfolio{width:115%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:auto;border-left:2px solid #f90206;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.hover-nav__portfolios-section .hover-nav__item--work .portfolio:after{display:none;content:none}.hover-nav__portfolios-section .hover-nav__item--work.hover-nav__item--active .portfolio__item{-ms-flex-preferred-size:100%;flex-basis:100%}.hover-nav__portfolios-section .hover-nav__item--direct{margin-top:auto}.hover-nav__portfolios-section .hover-nav__item--direct .portfolio{top:auto;bottom:0}@media (max-width:1199px){.hover-nav__portfolios-section{left:10vh;width:50vw;height:40vh}}@media (max-width:991px){.hover-nav__portfolios-section{left:7vh;width:60vw}}.hover-nav__services-section{right:25vw;bottom:5rem;left:10vw;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.hover-nav__services-section .portfolio{top:auto;bottom:100%}.hover-nav__services-section .portfolio:after{top:auto!important;right:50%;bottom:0!important;left:50%;width:auto;height:2px}.hover-nav__services-section .portfolio.portfolio--active:after{right:0;left:0}@media (max-width:1199px){.hover-nav__services-section{right:5vw;bottom:10vh;left:5vw}}.hover-nav__career-section{bottom:25vh;left:3rem;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.hover-nav__career-section h2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hover-nav__career-section .portfolio{top:auto;bottom:0;left:100%;width:300%}@media (max-width:1199px){.hover-nav__career-section{left:-2rem}}.hover-nav__cta{top:25%;left:-15px;padding:.5rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:rgba(0,0,0,.5)}.hover-nav__cta a:not(:hover) span:first-of-type{color:#f90206}.hover-nav__cta a:not(:hover) span:last-of-type{color:#71fed6}@media (max-width:1199px){.hover-nav__cta{left:-8rem}}