.btn-default{display:inline-flex;align-items:stretch;margin-block:.5rem;border-radius:.25rem;overflow:hidden;cursor:pointer;transition:all 250ms ease-in-out;background-color:transparent;padding:0}.btn-default .btn-label{padding:.5rem 1rem;background-color:#1e42e3;color:#fff;display:inline-flex;align-items:center;line-height:1rem;border-radius:.35rem;transition:all 250ms ease-in-out;z-index:2;font-size:.9rem}.btn-default .btn-icon{width:2.25rem;height:2.25rem;background-color:#1e42e3;background-image:url(/images/arrow-right.svg);background-repeat:repeat-x;background-size:2rem .75rem;background-position:0;border-radius:.35rem;transition:all .3s ease-in-out;overflow:hidden}.btn-default:hover .btn-label,.btn-default:hover .btn-icon{filter:brightness(110%)}.btn-default:hover .btn-label{border-radius:.25rem 0 0 .25rem}.btn-default:hover .btn-icon{border-radius:0 .25rem .25rem 0;background-position:2rem}.btn-light{display:inline-flex;align-items:stretch;margin-block:.5rem;border-radius:.25rem;overflow:hidden;cursor:pointer;transition:all 250ms ease-in-out;background-color:transparent;padding:0}.btn-light .btn-label{padding:.5rem 1rem;background-color:#1e42e3;color:#fff;display:inline-flex;align-items:center;line-height:1rem;border-radius:.35rem;transition:all 250ms ease-in-out;z-index:2;font-size:.9rem}.btn-light .btn-icon{width:2.25rem;height:2.25rem;background-color:#1e42e3;background-image:url(/images/arrow-right.svg);background-repeat:repeat-x;background-size:2rem .75rem;background-position:0;border-radius:.35rem;transition:all .3s ease-in-out;overflow:hidden}.btn-light:hover .btn-label,.btn-light:hover .btn-icon{filter:brightness(110%)}.btn-light:hover .btn-label{border-radius:.25rem 0 0 .25rem}.btn-light:hover .btn-icon{border-radius:0 .25rem .25rem 0;background-position:2rem}.btn-light .btn-label{background-color:#fff;color:#0c0c0c}.btn-light .btn-icon{background-color:#fff;background-image:url(/images/arrow-right-black.svg)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes expand-width{from{width:0%}to{width:100%}}body>header{animation:fade-in 2s forwards;z-index:999}#intro{color:#fff;position:relative;height:80vh;height:calc(100vh - var(--header-height) - 2rem)}#intro .content{position:absolute;bottom:0;padding:2rem 1rem;z-index:2}#intro .content h1{margin:0;font-size:4rem;padding-right:1rem;opacity:0;animation:fade-in 2s 1.5s forwards}#intro figure{position:relative;border-radius:8px;z-index:1;width:0%;height:100%;animation:expand-width 1.5s forwards}#intro figure .poster-image{position:absolute;top:0;left:0;width:100%;height:50%;object-fit:cover;transition:opacity .5s ease-in-out;z-index:2;animation:expand-width 1.5s forwards}#intro figure video{object-fit:cover;height:100%;width:100%;z-index:1}#intro figure .logo-image{position:absolute;bottom:2rem;right:-8vw;min-width:0;min-height:0;width:32vw;opacity:0;animation:fade-in 2s 1.5s forwards;z-index:3}@media screen and (max-width:767px){#intro figure .logo-image{top:2rem;width:50vw;right:-10vw}}#experience{background-color:#1e42e3;color:#fff;margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-right:0}#experience .content{padding-block:6rem 2rem;max-width:32rem}#experience .content h2{max-width:25rem}#experience .content a{margin-top:1rem}#experience figure{border-radius:0;height:100%;width:100%}#experience figure img{mask-image:url(/images/bativac-mask.svg);mask-repeat:no-repeat;mask-size:cover;-webkit-mask-image:url(/images/bativac-mask.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover}@media screen and (max-width:767px){#experience{grid-template-columns:1fr}#experience .content{margin-bottom:-4rem}}@media screen and (max-width:500px){#experience .content{margin-bottom:0}}