.a-long-way{position:fixed;top:0;height:100%;min-height:100vh;width:100%;z-index:-100}.a-long-way__overlay{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100%}
:root{--color-primary: #00ACC1}.front-page__hero{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff}.front-page__title{font-size:1.75rem;font-family:"Montserrat",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.15em;line-height:1.5}.front-page__title-thin{font-weight:100}.front-page__description{font-family:"Caveat",cursive;font-size:1.75rem}.front-page__arrow-down{margin:1.5rem;font-size:1.5rem}.front-page__arrow-down::before{font-style:normal;font-family:"linea";content:""}.front-page__actions{display:flex;gap:1rem;justify-content:center}.front-page__image{margin-left:auto;margin-right:auto}.front-page__button{color:#fff;letter-spacing:.15em;padding:1rem 1.5rem;background-color:var(--color-primary);outline:none;border:1px solid var(--button-border-color, transparent);transition:all .3s;cursor:pointer;text-transform:uppercase}.front-page__button:hover{opacity:.8}.front-page__button_alt{--button-border-color: white;color:#fff;background-color:rgba(0,0,0,0)}.front-page__button_alt:hover{color:#000;opacity:unset;background-color:#fff}@media(max-width: 768px){.front-page__hero{min-height:100vh}}@font-face{font-family:"Montserrat";src:url(fonts/Montserrat-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"Montserrat";src:url(fonts/Montserrat-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Montserrat";src:url(fonts/Montserrat-Bold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"linea";src:url(fonts/linea.woff) format("woff"),url(fonts/linea.ttf) format("truetype"),url(fonts/linea.svg#linea) format("svg");font-weight:normal;font-style:normal}.header{z-index:1;position:sticky;top:0;left:0;width:100%;display:flex;background-color:rgba(36,19,62,.25);backdrop-filter:blur(2px);box-shadow:0 0 15px rgba(0,0,0,.5)}.header__right{flex:1 1 auto}.header__menu{list-style:none;margin:0;padding:0;display:flex;justify-items:end}.header__menu-link{font-family:"Montserrat",Helvetica,Arial,sans-serif;letter-spacing:.15em;font-size:1rem;display:block;height:var(--header-height);padding:1rem;line-height:1.5;color:#fff;text-decoration:none;transition:opacity .3s,transform .3s;position:relative;text-transform:uppercase;opacity:0;visibility:hidden;transform:translateX(50%)}.header__menu-link::after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;border-bottom:1px dotted #fff;transform:scaleX(0);transition:all .5s}.header__menu-link_active::after{transform:scaleX(1)}.header__menu_active .header__menu-link{visibility:visible;opacity:.8;transform:translateX(0)}.header__menu_active .header__menu-link:hover{opacity:1}.header__menu-toggle{position:relative;width:var(--header-height);padding:1rem;background-color:rgba(0,0,0,0);outline:none;border:none;cursor:pointer;margin-left:1rem;margin-right:.25rem;opacity:.8;transition:opacity .3s}.header__menu-toggle:hover{opacity:1}.header__menu-toggle span{background-color:#fff;position:absolute;left:1rem;width:1.5rem;height:1px;transition:transform .3s,opacity .1s}.header__menu-toggle span:nth-child(3n+1){top:1.25rem}.header__menu-toggle span:nth-child(3n+2){top:1.75rem}.header__menu-toggle span:nth-child(3n+3){top:2.25rem}.header__menu-toggle_active span:nth-child(1){transform:translateY(0.5rem) rotateZ(135deg)}.header__menu-toggle_active span:nth-child(3){transform:translateY(-0.5rem) rotateZ(45deg)}.header__menu-toggle_active span:nth-child(2){opacity:0}.header_light{background-color:rgba(255,255,255,.25)}.header_light .header__menu-toggle span{background-color:#000}@media(max-width: 768px){.header{position:fixed}}.app{font-family:"Montserrat",Helvetica,Arial,sans-serif;height:100vh;display:flex}.app__content{flex:1 1 0%}.app__sidebar{z-index:1;flex:0 0 auto;width:0%;transition:width .3s;overflow-y:auto}.app__sidebar_active{width:50%}@media(max-width: 768px){.app{flex-direction:column}.app__sidebar{z-index:unset;width:100%}}.sidebar{font-family:"Source Sans Pro",Helvetica,Arial,sans-serif;color:#333;font-weight:400;line-height:1.8;width:100%;background-color:rgba(255,255,255,.9);padding:1rem 0;text-align:center}.sidebar__section{display:flex;flex-direction:column}.sidebar__section-text{margin:2rem 0}.sidebar__section-header{text-align:center;font-size:1.5rem;font-family:"Montserrat",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.15em;line-height:1.5;margin:2rem 0}.sidebar__section-header_thin{font-weight:100}.sidebar__section-hr{width:3rem;margin:0 auto}.sidebar__showreel{display:flex;flex-wrap:wrap;position:relative}.sidebar__showreel-item{flex:0 0 auto;width:50%;position:relative;padding-top:33.3333333333%}.sidebar__showreel-img{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;transition:background-size 1s}.sidebar__showreel-action{position:absolute;top:50%;left:50%;transform:translate(-50%, 80%);padding:.5rem 1rem;border:1px solid #fff;outline:none;background-color:rgba(255,255,255,.2);color:#fff;text-transform:uppercase;font-family:"Montserrat",Helvetica,Arial,sans-serif;letter-spacing:.15em;cursor:pointer;transition:all .2s ease-in-out;opacity:0}.sidebar__showreel-action:hover{background-color:#fff;color:#000}.sidebar__showreel-item:hover .sidebar__showreel-action{transform:translate(-50%, -50%);opacity:1}.sidebar__showreel-item:hover .sidebar__showreel-img{background-size:110%}.sidebar__showreel-content{position:absolute;top:0;left:0;width:100%;visibility:hidden;opacity:0}@media(max-width: 768px){.sidebar__section{padding-top:var(--header-height)}}.sidebar-contact-form{display:flex;flex-direction:column;gap:1rem;padding:3rem;align-items:center}.sidebar-contact-form__input{font-family:"Montserrat",Helvetica,Arial,sans-serif;padding:1rem 0;line-height:1;font-size:1rem;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #000;background-color:rgba(0,0,0,0);text-transform:uppercase;margin:0 auto;transition:width .2s,border .2s;width:95%;resize:vertical}.sidebar-contact-form__input:active,.sidebar-contact-form__input:focus{outline:none;width:100%}.sidebar-contact-form__input_error{border-bottom:1px solid red}.sidebar-contact-form__send{font-family:"Montserrat",Helvetica,Arial,sans-serif;padding:1rem 2rem;line-height:1;text-transform:uppercase;font-size:1rem;background-color:#000;color:#fff;flex:0 0 0%;margin:1rem auto;cursor:pointer;transition:opacity .3s}.sidebar-contact-form__send,.sidebar-contact-form__send:active,.sidebar-contact-form__send:focus{outline:none;border:none}.sidebar-contact-form__send_disabled{opacity:.5}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-404{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:.8}.page-404__code{font-size:12rem;font-weight:900}.page-404__message{font-size:2rem;font-weight:700}.mysingle{padding-left:1rem;padding-right:1rem;max-width:900px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.mysingle{padding-top:var(--header-height)}}:root{--header-height: 3.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}