html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Inter UI';font-display:swap;src:url("../assets/fonts/Inter-UI-Regular.woff2") format("woff2"),url("../assets/fonts/Inter-UI-Regular.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Inter UI';font-display:swap;src:url("../assets/fonts/Inter-UI-RegularItalic.woff2") format("woff2"),url("../assets/fonts/Inter-UI-RegularItalic.woff") format("woff");font-weight:normal;font-style:italic}@font-face{font-family:'Inter UI';font-display:swap;src:url("../assets/fonts/Inter-UI-Bold.woff2") format("woff2"),url("../assets/fonts/Inter-UI-Bold.woff") format("woff");font-weight:bold;font-style:normal}@font-face{font-family:'Code Pro';font-display:swap;src:url("../assets/fonts/code_pro_bold-webfont.woff2") format("woff2"),url("../assets/fonts/code_pro_bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}@keyframes loading-circle{0%{transform:scale(0)}100%{transform:scale(2)}}@keyframes debug-rotation{from{transform:rotateZ(0) rotateX(0)}to{transform:rotateZ(360deg) rotateX(360deg)}}@keyframes idle-rotation{0%, 100%{transform:rotate3d(0.25, 1, -0.1, 38deg)}50%{transform:rotate3d(0.25, 1, -0.1, 45deg)}}@keyframes idle-rotation-scaled{0%, 100%{transform:rotate3d(0.25, 1, -0.1, 38deg) scale(2)}50%{transform:rotate3d(0.25, 1, -0.1, 45deg) scale(2)}}@keyframes loading-rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes looping-translation{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slideIn{from{transform:translateX(50%);opacity:0}to{transform:translateX(0%);opacity:1}}@keyframes castShadowDuringAnimation{from{box-shadow:0 0 1rem #293c4e}to{box-shadow:none}}@keyframes fadeInLimitTo25{from{opacity:0}to{opacity:0.25}}@keyframes fadeInLimitTo1{from{opacity:0}to{opacity:0.1}}@keyframes slideUpward{from{transform:translateY(50%);opacity:0}to{transform:translateY(0%);opacity:1}}@keyframes floating{0%, 100%{transform:translateZ(0px)}50%{transform:translateZ(8px)}}@keyframes floating-higher{0%, 100%{transform:translateZ(16px)}50%{transform:translateZ(24px)}}@keyframes glitching{0%, 25%, 75%, 100%{opacity:0.25}0%, 15%, 55%, 80%{opacity:1}}@keyframes fill-stroke-kf{0%{stroke-dashoffset:225rem;stroke-dasharray:0;opacity:0}100%{stroke-dashoffset:0;stroke-dasharray:225rem;opacity:1}}*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}html,body{margin:0;padding:0;height:100%}body{display:flex;flex-direction:column;background:#2a333c no-repeat center top;background-size:cover;color:#e5e9ec;font-family:"Inter UI","Verdana",sans-serif;font-size:16px;line-height:1.5rem;overflow-x:hidden}a{color:#1b8af3;text-decoration:none}#main-header{position:absolute;z-index:100;width:100%}#main-header .container{display:flex;flex:0 0 auto;max-width:58rem;margin:0 auto}#main-header .logo{display:flex;align-content:center;font-family:"Code Pro","Helvetica",sans-serif;font-weight:bold;text-transform:uppercase;font-size:1.25rem;line-height:1.1rem}#main-header .logo a,#main-header .logo em{display:block}#main-header .logo a{line-height:1rem;color:#e5e9ec;padding:2rem}#main-header .logo a:active{transform:scale(0.9)}#main-header .navigation{display:flex;flex-grow:1}#main-header .navigation #open-menu{display:none}#main-header .navigation a{display:flex;padding:2rem 1rem}#main-header .navigation a:before{display:none;content:"";background:no-repeat center center;background-size:cover;width:1rem;height:1rem;margin:auto 0.5rem auto 0}#main-header .navigation a:hover{color:#e5e9ec}#main-header .navigation a h2{font-size:1.25rem;line-height:2rem;font-weight:bold;color:#94c8f9}#main-header .navigation a p{display:none}#main-header .navigation .resume{margin-left:auto;font-size:1rem}#main-header .navigation .resume:before{display:block;background-image:url(../assets/images/ui/pdf.svg)}#main-header .lang{display:flex;align-items:center;margin-left:1rem}#main-header .lang a{display:block;padding:0.25rem;color:#bdd6ed;font-size:0.85rem;text-align:center;line-height:1rem}#main-header .lang a:hover{background:#e5e9ec;border-radius:1rem;color:#264d73}#main-header .lang a.current{color:#e5e9ec;font-weight:bold}#main-header .lang a.current:hover{color:#264d73}#main-header .lang a+a{margin-left:0.25rem}@media (max-width: 64rem){#main-header{position:fixed;background:linear-gradient(-45deg, #264d73, #2a333c) no-repeat;background-size:100% 4rem;box-shadow:0 0 0.5rem 0 #2a333c}#main-header.is-home{box-shadow:none}#main-header.is-home.opened-menu{background-size:100% 4rem !important}#main-header .container{height:100%;flex-direction:column}#main-header .logo{height:4rem}#main-header .logo a{padding:1rem}#main-header .logo a:active{transform:none;background:#1b8af3;-webkit-tap-highlight-color:transparent}#main-header.opened-menu{height:100%;width:100%;flex-direction:column}#main-header.opened-menu .navigation a{display:flex;animation:slideIn 300ms cubic-bezier(0.165, 0.84, 0.44, 1) both}#main-header.opened-menu .navigation a:nth-of-type(1){animation-delay:0s}#main-header.opened-menu .navigation a:nth-of-type(2){animation-delay:50ms}#main-header.opened-menu .navigation a:nth-of-type(3){animation-delay:100ms}#main-header .navigation{width:100%;flex-direction:column;overflow:hidden}#main-header .navigation #open-menu{position:absolute;top:0;right:0;display:block;width:4rem;height:4rem;background:url(../assets/images/ui/menu.svg) no-repeat center center;background-size:1rem;border:none;color:transparent}#main-header .navigation #open-menu:active{background-color:#1b8af3}#main-header .navigation #open-menu:focus{outline:none}#main-header .navigation a{display:none;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;flex-grow:1;width:100%;padding:2rem;background:#2a333c no-repeat center center;background-size:cover}#main-header .navigation a:before,#main-header .navigation a.resume:before{display:none}#main-header .navigation a:after{display:block;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(42,51,60,0.75)}#main-header .navigation a.blog{background-image:url(../assets/images/ui/menu-bg-blog.jpg)}#main-header .navigation a.showcase{background-image:url(../assets/images/ui/menu-bg-showcase.jpg)}#main-header .navigation a.work{background-image:url(../assets/images/ui/menu-bg-work.jpg)}#main-header .navigation a.resume{background-image:url(../assets/images/ui/menu-bg-resume.jpg)}#main-header .navigation a:active{-webkit-tap-highlight-color:transparent}#main-header .navigation a:active:after{background:rgba(27,138,243,0.75)}#main-header .navigation a:active h2,#main-header .navigation a:active p{color:#e5e9ec}#main-header .navigation a h2{font-size:2rem}#main-header .navigation a p{display:block;width:75%;font-size:0.85rem;color:#d1e0ed;line-height:1.25rem;margin-top:0.75rem}#main-header.opened-menu .lang{position:absolute;top:0;right:4rem;height:4rem;margin:0;align-items:stretch}#main-header.opened-menu .lang a{display:flex;padding:0 0.75rem;align-items:center}#main-header.opened-menu .lang a:hover{border-radius:0}#main-header.opened-menu .lang a:active{-webkit-tap-highlight-color:transparent}#main-header.opened-menu .lang a+a{margin-left:0}#main-header .lang a{display:none}}@media (max-width: 64rem) and (min-width: 32rem){#main-header .navigation a h2{font-size:8vw}#main-header .navigation a p{width:50%;font-size:3vw;line-height:4vw;margin-top:1rem}}#main-footer{display:flex;flex:0 0 auto;width:100%;max-width:58rem;margin:auto auto 0}#main-footer nav{display:flex;flex-grow:1}#main-footer nav a{display:block;padding:1rem 2rem 1rem 2rem;font-size:0.85rem;line-height:1rem;color:#d1e0ed;background:no-repeat left center;background-size:1.25rem}#main-footer nav .linkedin{background-image:url(../assets/images/ui/linkedin.svg)}#main-footer nav .twitter{background-image:url(../assets/images/ui/twitter.svg)}#main-footer nav .email{background-image:url(../assets/images/ui/email.svg);margin-left:auto}#main-footer nav a:hover{color:#e5e9ec}#main-footer nav a:last-child{padding-right:0}@media (max-width: 64rem){#main-footer{max-width:none}#main-footer nav{padding:0 1rem}}@media (max-width: 32rem){#main-footer nav{justify-content:center;background:#293c4e}#main-footer nav .email{margin-left:0}#main-footer nav a{font-size:3vw;line-height:3.5vw}}.landing{flex:1 0 auto;background:#264d73 linear-gradient(-45deg, #264d73, #2a333c)}.hero{position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:100%;height:60vh;padding:6rem 0 2rem;margin:auto 0;background:#5a7c9d no-repeat center top;background-image:url(../assets/images/works/2019-showreel/landing-background-desktop.jpg),linear-gradient(95deg, #debd92, #753e1a, #244b73, #246f4a, #6b53b5);background-size:cover}.hero .play{position:relative;z-index:1;display:flex;background:#e5e9ec;margin:0 6rem 0 12rem;padding:0.5rem 1rem;border-radius:4rem;font-family:"Code Pro","Helvetica",sans-serif;font-size:2rem;line-height:3rem;font-weight:bold;color:#2a333c}.hero .play,.hero .play:before,.hero .play span{transition:all 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}.hero .play:before{display:block;content:"";width:3rem;height:3rem;background:url(../assets/images/ui/arrow.svg);background-size:cover;margin-right:0.5rem}.hero .play:hover{background:rgba(229,233,236,0)}.hero .play:hover:before{z-index:-1;transform:translateX(2.5rem) scale(4.5)}.hero .play:hover span{transform:translateX(-1.8rem) scale(1.35);color:#e5e9ec;text-shadow:0 0.2rem 0.25rem rgba(42,51,60,0.85)}.hero .play:active{transform:scale(0.9)}.hero .text{width:29rem;padding:4rem 0 4rem 4rem}.hero .text .title{position:relative;z-index:1;font-family:"Code Pro","Helvetica",sans-serif;font-size:2rem;line-height:2rem;font-weight:bold;color:#e5e9ec;text-transform:uppercase;letter-spacing:-1px}.hero .text .title span{display:inline-block;background:#2a333c}.hero .text .title span.first-line{padding:0.45rem 0.75rem 0}.hero .text .title span.second-line{position:relative;padding:0 0.75rem 0.5rem 0.75rem;font-size:2.5rem}.hero .text .title span.second-line:before{position:absolute;z-index:-1;top:-0.5rem;left:0;display:block;content:"";background:#2a333c;width:100%;height:0.5rem}.hero .text p{margin-top:1rem;font-size:1.1rem;color:#d1e0ed;background:#2a333c;padding:0.45rem 0.75rem}.feeds{display:flex;flex-direction:column;justify-content:center;max-width:58rem;margin:2rem auto}.feeds header{display:flex;margin-bottom:2rem}.feeds header .title{font-family:"Code Pro","Helvetica",sans-serif;font-weight:bold;text-transform:uppercase;font-size:1.5rem}.feeds header .more-content{display:flex;align-items:center;margin-left:1.25rem;padding:0 0.25rem 0 0.55rem;font-size:0.9rem;color:#94c8f9}.feeds header .more-content .amount{display:block;height:1.25rem;min-width:1.25rem;background:#264d73;padding:0 0.35rem;margin-left:0.25rem;border-radius:2rem;text-align:center;font-size:0.75rem;line-height:1.25rem;color:#d3e8fd;font-weight:bold}.feeds header .more-content:hover{background:#e5e9ec;border-radius:1.5rem;color:#293c4e}.feeds header .more-content:hover .amount{background:#1b8af3;color:#e5e9ec}.feeds>section+section{padding-top:4rem}.feeds .entries{display:flex;flex-wrap:wrap}.feeds .entries li{display:flex;flex:1 1 25%;margin-left:2rem}.feeds .entries li:first-child,.feeds .entries li:nth-child(n+4){margin-left:0}.feeds .entries li:nth-child(n+4){margin-top:2rem}.feeds .entries li a{width:100%}.feeds .entries li a .illustration{width:100%;height:10rem;background:#1b8af3 no-repeat center center;background-size:cover}.feeds .entries li a .title{margin-top:1.25rem;color:#94c8f9;font-size:1.1rem;line-height:1rem;transition:150ms cubic-bezier(0.165, 0.84, 0.44, 1) all}.feeds .entries li a .excerpt{margin-top:0.5rem;color:#bdd6ed}.feeds .entries li:hover .illustration{box-shadow:inset 0 0 0 1px #e5e9ec}.feeds .entries li:hover .title{color:#e5e9ec}.feeds .more-content-mobile{display:none}@media (max-width: 64rem) and (min-width: 32rem){.landing{display:flex;flex-direction:column}.hero{height:52vh;flex-direction:column;padding-bottom:0;background-image:url(../assets/images/works/2019-showreel/landing-background-desktop.jpg),linear-gradient(95deg, #753e1a, #244b73, #246f4a)}.hero .play{margin:auto auto 0;padding:2rem;background:none}.hero .play span{display:none}.hero .play,.hero .play:before,.hero .play span{transition:none}.hero .play:before{width:4rem;height:4rem;margin:0}.hero .play:hover{background:none}.hero .play:hover:before{z-index:-1;transform:none}.hero .play:active{transform:scale(0.85);-webkit-tap-highlight-color:transparent}.hero .text{width:auto;padding:4rem 0 1.5rem 0;text-align:center;background:linear-gradient(0, rgba(0,0,0,0.5) 50%, transparent)}.hero .text .title{display:flex;flex-direction:column;font-size:4vw;line-height:4vw;letter-spacing:4px}.hero .text .title span{background:none}.hero .text .title span.first-line{padding:0}.hero .text .title span.second-line{padding:0;font-size:6vw;line-height:6vw}.hero .text .title span.second-line:before{display:none}.hero .text p{width:65%;margin:0.75rem auto 0;font-size:3vw;line-height:4vw;color:#d1e0ed;background:none;padding:0}.feeds{flex:1;width:100%;margin:2rem 0;padding:0 2rem}.feeds header{margin-bottom:1.5rem}.feeds .recent-works{display:flex;flex-direction:column}.feeds .entries li{margin-left:1rem}.feeds .entries li a:active{transform:scale(0.95);-webkit-tap-highlight-color:transparent}.feeds .entries li a .illustration{height:18vw}.feeds .entries li a .title{font-size:2.75vw;line-height:3vw}.feeds .entries li a .excerpt{font-size:2.25vw;line-height:3vw}}@media (max-width: 32rem){.hero{flex-direction:column;padding-bottom:0;background-image:url(../assets/images/works/2019-showreel/landing-background-mobile.jpg),linear-gradient(95deg, #2a576d, #5f95be 50%, #2a576d)}.hero .play{position:absolute;top:calc(30vh - 4rem);margin:0;padding:2rem;background:none}.hero .play span{display:none}.hero .play,.hero .play:before,.hero .play span{transition:box-shadow 300ms cubic-bezier(0.165, 0.84, 0.44, 1)}.hero .play:before{width:4rem;height:4rem;margin:0}.hero .play:hover{background:none}.hero .play:hover:before{z-index:-1;transform:none}.hero .play:active{transform:scale(0.85);background:#ffffff;box-shadow:0 0 50vw 50vw #ffffff;-webkit-tap-highlight-color:transparent}.hero .play:active+.text .title{color:#1b8af3}.hero .text{width:auto;padding:4rem 0 1.5rem 0;margin-top:auto;text-align:center;background:linear-gradient(0, rgba(0,0,0,0.5) 50%, transparent)}.hero .text .title{font-size:5vw;line-height:5vw;letter-spacing:4px}.hero .text .title span{background:none}.hero .text .title span.first-line{padding:0}.hero .text .title span.second-line{padding:0;font-size:8vw;line-height:8vw}.hero .text .title span.second-line:before{display:none}.hero .text p{width:85%;margin:0.75rem auto 0;font-size:3.8vw;line-height:5vw;color:#d1e0ed;background:none;padding:0}.feeds{width:100%;margin:1.5rem 0;padding:0;justify-content:center}.feeds header{display:flex;margin-bottom:1rem;padding:0 1rem}.feeds header .title{font-size:6vw;letter-spacing:0.1rem}.feeds header .more-content{font-size:0.85rem;margin-left:auto}.feeds header .more-content:active{-webkit-tap-highlight-color:transparent}.feeds .entries{flex-direction:column;padding:0}.feeds .entries li{flex:1;width:100%;margin-left:0;padding:0 1rem 1rem;background:linear-gradient(0, #293c4e, rgba(41,60,78,0))}.feeds .entries li:active{background:linear-gradient(0, #264d73, rgba(38,77,115,0))}.feeds .entries li+li{padding-top:1.25rem}.feeds .entries li a .illustration{height:26vh}.feeds .entries li a:active{transform:scale(0.95);-webkit-tap-highlight-color:transparent}.feeds .more-content-mobile{display:block;margin:1.5rem 2rem 0;padding:1rem;background:#1b8af3;font-size:1.1rem;color:#e5e9ec;text-align:center}.feeds .more-content-mobile .amount{display:inline-block;vertical-align:middle;height:1.25rem;min-width:1.25rem;background:#264d73;border-radius:2rem;padding:0 0.35rem;margin-left:0.15rem;text-align:center;font-size:0.75rem;line-height:1.25rem;color:#d3e8fd;font-weight:bold}}.smartphone{display:flex;justify-content:center;align-items:center;width:19rem;height:35.25rem;transform-style:preserve-3d;animation:idle-rotation 8s cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}.smartphone .grid{position:absolute;left:0;z-index:0;display:block;content:"";width:32rem;height:32rem;background:url(../assets/images/ui/pattern-grid.svg) repeat;background-size:2.3rem;transform:translateZ(-1rem) scale(2);opacity:0.5;-webkit-mask:-webkit-radial-gradient(closest-side, #000, transparent);-webkit-mask-size:contain}.smartphone .face{position:absolute;width:19rem;height:35.25rem;background:#747e94}.smartphone .face-front,.smartphone .face-back{width:19rem;height:35.25rem}.smartphone .face-left,.smartphone .face-right{width:2rem;height:35.25rem}.smartphone .face-top,.smartphone .face-bottom{width:19rem;height:2rem}.smartphone .face-back{transform:translateZ(-1rem)}.smartphone .face-left{transform:translateX(-9.5rem) rotate3d(0, 1, 0, -90deg)}.smartphone .face-right{transform:translateX(9.5rem) rotate3d(0, 1, 0, -90deg)}.smartphone .face-top{transform:translateY(-17.625rem) rotate3d(1, 0, 0, 90deg)}.smartphone .face-bottom{transform:translateY(17.625rem) rotateX(90deg)}.smartphone .face-front{display:flex;flex-direction:column;align-items:center;background-color:#f0f2f5;transform:translateZ(1rem);padding-top:.5rem}.smartphone .face-front:after{display:block;content:"";width:2rem;height:1rem;background:#aab2bb;border-radius:1rem;margin:.875rem auto}.smartphone .screen{width:18rem;height:32rem;background:#e6edf4 no-repeat center center}.smartphone .view{position:absolute;z-index:1;width:18rem;height:32rem;background:no-repeat center top;background-size:cover}.smartphone .view:first-child{overflow:hidden}.smartphone .view:nth-child(2){transform:translateX(20.7rem)}.smartphone .view:nth-child(3){transform:translateX(-20.7rem)}.smartphone .view:nth-child(4){transform:translateY(36.8rem)}.smartphone .view:nth-child(5){transform:translateY(-35.2rem)}.smartphone .view:nth-child(6){transform:translateX(42.3rem)}.smartphone .view:nth-child(7){transform:translateX(20.7rem) translateY(36.8rem)}.smartphone .view:nth-child(8){transform:translateX(-20.7rem) translateY(-36.8rem)}.smartphone .view:nth-child(9){transform:translateX(20.7rem) translateY(-36.8rem)}.smartphone .view .partial{width:18rem;background:no-repeat center top;background-size:cover}.smartphone .account-history .partial{background-image:url(../assets/images/works/koosmik/mobile-app/app-account.jpg)}.smartphone .account-history .partial.header,.smartphone .account-history .partial.footer{position:relative;z-index:10}.smartphone .account-history .partial.header{height:2.8rem;background-color:#ffffff}.smartphone .account-history .partial.transaction-list{background-position:center -2.8rem;height:26.5rem}.smartphone .account-history .partial.footer{background-position:center bottom;height:2.65rem;background-color:#2C5885}.smartphone .view.account-history{background:#bdd6ed}.smartphone .view.account-history>*{opacity:0}.smartphone .view.account-history:before{display:block;content:"";position:absolute;top:7rem;width:18rem;height:18rem;border:1rem solid #1b8af3;border-radius:18rem;box-sizing:border-box;animation:1s loading-circle cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}.smartphone .view:nth-child(n+2):before{display:block;content:"";position:absolute;width:100%;height:100%;border:0.15rem solid rgba(189,214,237,0.25);border-radius:0.25rem;box-sizing:border-box;animation:1s glitching infinite both}.smartphone .view:nth-child(2):before{animation-duration:1.25s}.smartphone .view:nth-child(3):before{animation-duration:1.35s}.smartphone .view:nth-child(4):before{animation-duration:1.20s}.smartphone .view:nth-child(5):before{animation-duration:1.4s}.smartphone .view:nth-child(6):before{animation-duration:1.5s}.smartphone .view:nth-child(7):before{animation-duration:1.45s}.smartphone.loaded .view{opacity:1}.smartphone.loaded .view.account-history:before,.smartphone.loaded .view:nth-child(n+2):before{display:none}.smartphone.loaded .view.account-history{background:none}.smartphone.loaded .view.account-history>*{opacity:1}.smartphone.loaded .account-history .partial.transaction-list{animation:slideUpward 1s cubic-bezier(0.165, 0.84, 0.44, 1) both}.smartphone.loaded .view:nth-child(n+2){filter:blur(2px);animation:1s fadeInLimitTo25 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) both}.smartphone.loaded .view:nth-child(n+6){filter:blur(4px);animation:1s fadeInLimitTo1 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both}.smartphone.loaded .send-money-01{background-image:url(../assets/images/works/koosmik/mobile-app/send-money-01.jpg)}.smartphone.loaded .send-money-02{background-image:url(../assets/images/works/koosmik/mobile-app/send-money-02.jpg)}.smartphone.loaded .send-money-03{background-image:url(../assets/images/works/koosmik/mobile-app/send-money-03.jpg)}.smartphone.loaded .scan-pay-01{background-image:url(../assets/images/works/koosmik/mobile-app/scan-pay-01.jpg)}.smartphone.loaded .scan-pay-02{background-image:url(../assets/images/works/koosmik/mobile-app/scan-pay-02.jpg)}.smartphone.loaded .scan-pay-03{background-image:url(../assets/images/works/koosmik/mobile-app/scan-pay-03.jpg)}.embedded-payment-view{width:20rem;height:26.5rem}.embedded-payment-view .website{position:absolute;z-index:0;width:32rem;height:18rem;transform:rotateX(8deg) rotateY(26deg) rotateZ(-5deg) translateZ(-9rem) translateX(32rem) translateY(2rem) scale(2);background:url(../assets/images/ui/website-outlines.svg) no-repeat center top;background-size:cover;opacity:0.3}.embedded-payment-view .payment-widget{position:absolute;z-index:100;width:20rem;height:26.5rem;transform-style:preserve-3d;animation:idle-rotation 8s cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}.embedded-payment-view .payment-widget .face{position:absolute;z-index:1;width:100%;height:100%}.embedded-payment-view .payment-widget .face-ui{background:#d1e0ed url(../assets/images/works/koosmik/embedded-payment/embedded-payment-step1.jpg) no-repeat center center;background-size:cover}.embedded-payment-view .payment-widget .face-left{width:2rem;transform:rotateY(90deg);transform-origin:0 50%;background:#b5b5c0}.embedded-payment-view .payment-widget .face-bottom{bottom:0;height:2rem;transform:rotateX(90deg);transform-origin:50% 100%;background:#8e909b}.embedded-payment-view .payment-widget .face-back{z-index:0;transform:translateZ(-2rem);background:#b5b5c0}.embedded-payment-view .payment-card{position:absolute;width:15rem;height:7.8rem;transform:translateX(8rem) translateY(24rem) rotateZ(105deg) scale(1.25);transform-origin:100% 0;background:#d1e0ed url(../assets/images/works/koosmik/embedded-payment/embedded-payment-card.jpg) no-repeat center center;background-size:cover;border-radius:0.2rem;box-shadow:0 0.5rem 1rem 0 rgba(42,51,60,0.25)}@media (max-width: 64rem){.embedded-payment-view .website{transform:rotateX(8deg) rotateY(26deg) rotateZ(-5deg) translateZ(-9rem) translateX(0) translateY(2rem) scale(2)}}@media (max-width: 32rem){.embedded-payment-view{width:30vh;height:39.75vh;margin:1rem 0}.embedded-payment-view .payment-widget{width:30vh;height:39.75vh}.embedded-payment-view .payment-widget .face-left{width:5vw}.embedded-payment-view .payment-widget .face-bottom{height:5vw}.embedded-payment-view .payment-widget .face-back{transform:translateZ(-5vw)}.embedded-payment-view .payment-widget .payment-card{width:37.5vw;height:19.5vw;transform:translateX(20vw) translateY(60vw) rotateZ(105deg) scale(1.25)}}.transactional-emails{position:relative;width:318px;height:335px}.transactional-emails .templates-grid{position:absolute;z-index:1;width:100vw;height:36rem;overflow:hidden;transform:translateZ(-7rem);-webkit-mask:-webkit-radial-gradient(closest-side, #000, transparent);-webkit-mask-size:contain}.transactional-emails .templates-grid .grid-line{height:20%;width:200%;background:url(../assets/images/works/koosmik/transactional-emails/transactional-emails-grid.png);background-size:58rem;animation:256s looping-translation linear infinite}.transactional-emails .templates-grid .grid-line:nth-child(1){opacity:.225;animation-duration:320s;background-position:0 -14.5rem}.transactional-emails .templates-grid .grid-line:nth-child(2){opacity:.175;animation-direction:reverse;animation-duration:294.4s;background-position:0 -7.25rem}.transactional-emails .templates-grid .grid-line:nth-child(3){opacity:.125}.transactional-emails .templates-grid .grid-line:nth-child(4){opacity:.075;animation-direction:reverse;animation-duration:384s;background-position:0 -21.75rem}.transactional-emails .templates-grid .grid-line:nth-child(5){opacity:.025;animation-duration:320s;background-position:0 -29rem}.transactional-emails .envelope,.transactional-emails .email-content,.transactional-emails .envelope-front{width:318px;height:335px;background:no-repeat center center;background-size:cover}.transactional-emails .envelope{position:relative;z-index:2;background-image:url(../assets/images/works/koosmik/transactional-emails/envelope-back.png);animation:idle-rotation 8s cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}.transactional-emails .email-content{position:absolute;background-image:url(../assets/images/works/koosmik/transactional-emails/envelope-content.png);animation:1s subtle-slide-upward 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) both}.transactional-emails .envelope-front{position:absolute;background-image:url(../assets/images/works/koosmik/transactional-emails/envelope-front.png)}.gallery{display:flex;align-items:center;max-width:40rem;margin:1.5rem auto 0}.gallery button{flex:0 0 auto;width:2.5rem;height:2.5rem;padding:0;color:transparent;font:0/0 a;text-indent:-100%;border:none;border-radius:2.5rem;background:#1b8af3 no-repeat center center;background-size:1.1rem}.gallery button.prev{background-image:url(../assets/images/ui/prev.svg)}.gallery button.next{background-image:url(../assets/images/ui/next.svg)}.gallery button:hover{cursor:pointer}.gallery button:active{transform:scale(0.75)}.gallery button:focus{outline:none}.gallery .picture{margin:0 2rem;overflow:hidden}.gallery .picture .picture-container{display:flex;align-items:flex-start;transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}.gallery .picture img{display:flex;width:100%;height:auto}@media (max-width: 64rem){.gallery{position:relative}.gallery:before{position:absolute;top:0;right:0;display:block;content:"";width:5%;height:100%;background:linear-gradient(90deg, rgba(42,51,60,0), rgba(42,51,60,0.5))}.gallery button{display:none}.gallery .picture{margin:0;overflow-x:scroll}.gallery .picture img{width:90%}.gallery .picture img+img{margin-left:0.5rem}}@keyframes page-turn1{from{transform:rotateY(-174deg)}to{transform:rotateY(-6deg)}}@keyframes page-turn2{from{transform:rotateY(-173deg)}to{transform:rotateY(-4deg)}}@keyframes page-turn3{from{transform:rotateY(-172deg)}to{transform:rotateY(-2deg)}}@keyframes page-turn4{from{transform:rotateY(-171deg)}to{transform:rotateY(0deg)}}.brand-design{transform:translateX(25%) rotateX(45deg) rotateY(20deg) rotateZ(-27deg);transform-origin:0 100%}.brand-design .loader{display:flex;align-items:center;justify-content:center;width:29.7rem;height:21rem;overflow:hidden;border-radius:1rem;box-shadow:inset 0 0 0 0.25rem #264d73}.brand-design .loader:before{display:block;content:"";width:21rem;height:21rem;box-shadow:inset 0 0 0 2rem #1b8af3;border-radius:21rem;animation:loading-circle 1s cubic-bezier(0.165, 0.84, 0.44, 1) both infinite}.brand-design .floor{position:absolute;width:100%;height:100%;background:url(../assets/images/ui/pattern-table.svg) repeat;background-size:4rem;transform:translateZ(-0.1rem) scale(4);-webkit-mask:-webkit-radial-gradient(closest-side, #000, transparent);-webkit-mask-size:contain}.brand-design,.brand-design .book,.brand-design .page{transform-style:preserve-3d}.brand-design .book{position:absolute;left:0;top:0;opacity:0;width:29.7rem;height:21rem;background:rgba(0,0,0,0.25);box-shadow:-1rem 1rem 0 0 rgba(0,0,0,0.25)}.brand-design .book:before{display:block;content:"";position:absolute;width:0.35rem;height:100%;background:#94c8f9;transform:translateX(-100%)}.brand-design .book .page{position:absolute;width:100%;height:100%;transform-origin:0 50%;box-shadow:2px 2px 4px 0 rgba(42,51,60,0.15)}.brand-design .book .page:before,.brand-design .book .page:after{display:block;content:"";position:absolute;width:100%;height:100%;background:#e5e9ec;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}.brand-design .book .page:after{transform:rotateY(180deg)}.brand-design .book .page:nth-child(1):before{background-image:url(../assets/images/works/koosmik/brand-design/page01.png)}.brand-design .book .page:nth-child(2):before{background-image:url(../assets/images/works/koosmik/brand-design/page02.png)}.brand-design .book .page:nth-child(3):before{background-image:url(../assets/images/works/koosmik/brand-design/page03.png)}.brand-design .book .page:nth-child(1){transform:rotateY(-174deg)}.brand-design .book .page:nth-child(2){transform:rotateY(-173deg)}.brand-design .book .page:nth-child(3){transform:rotateY(-172deg)}.brand-design .book .page:nth-child(4){transform:rotateY(-171deg)}.brand-design.loaded .loader{opacity:0}.brand-design.loaded .book{opacity:1}.brand-design.loaded .page:nth-child(1){animation:750ms page-turn1 400ms cubic-bezier(0.165, 0.84, 0.44, 1) both}.brand-design.loaded .page:nth-child(2){animation:750ms page-turn2 300ms cubic-bezier(0.165, 0.84, 0.44, 1) both}.brand-design.loaded .page:nth-child(3){animation:750ms page-turn3 200ms cubic-bezier(0.165, 0.84, 0.44, 1) both}.brand-design.loaded .page:nth-child(4){animation:750ms page-turn4 100ms cubic-bezier(0.165, 0.84, 0.44, 1) both}@media (max-width: 32rem){.brand-design{transform:translate3d(5%, -5%, -5vw) rotateX(45deg) rotateY(20deg) rotateZ(-27deg);transform-origin:50% 50%}.brand-design .loader{width:75vw;height:53.0303030303vw}.brand-design .loader:before{display:block;content:"";width:53.0303030303vw;height:53.0303030303vw;border-radius:53.0303030303vw}.brand-design .book{position:absolute;left:0;top:0;opacity:0;width:75vw;height:53.0303030303vw;background:rgba(0,0,0,0.25);box-shadow:-1rem 1rem 0 0 rgba(0,0,0,0.25)}.brand-design .floor{background-size:2rem}}.karoline-fitness-brand{width:24rem;height:24rem;transform:rotateY(30deg);transform-style:preserve-3d}.karoline-fitness-brand .character{z-index:2;width:13.1rem;height:24rem;transform:scale(1.5)}.karoline-fitness-brand .character svg{fill:none;stroke:#bdd6ed;stroke-width:0.15rem;stroke-dasharray:225rem;animation:4s fill-stroke-kf both;transition:300ms stroke-opacity cubic-bezier(0.165, 0.84, 0.44, 1)}.karoline-fitness-brand .products{position:absolute;top:0;left:0;width:9.2753623188rem;height:12rem;transform:translate3d(-9.2753623188rem, 0, -1rem)}.karoline-fitness-brand .products>div{position:absolute;transform-origin:0 100%;opacity:0.75;width:9.2753623188rem;height:12rem;background:no-repeat;background-size:55.652173913rem 24rem;box-shadow:0 0 0 0.15rem rgba(189,214,237,0.25);animation:1s glitching infinite both}.karoline-fitness-brand .products>div:nth-child(1){transform:translate3d(0rem, 0, 0);animation-duration:1.0751370834s}.karoline-fitness-brand .products>div:nth-child(2){transform:translate3d(0rem, 13rem, 0);animation-duration:1.1237899851s}.karoline-fitness-brand .products>div:nth-child(3){transform:translate3d(10.2753623188rem, 0, 0);animation-duration:1.0130743223s}.karoline-fitness-brand .products>div:nth-child(4){transform:translate3d(10.2753623188rem, 13rem, 0);animation-duration:1.0247099125s}.karoline-fitness-brand .products>div:nth-child(5){transform:translate3d(20.5507246377rem, 0, 0);animation-duration:1.3498362842s}.karoline-fitness-brand .products>div:nth-child(6){transform:translate3d(20.5507246377rem, 13rem, 0);animation-duration:1.4786439478s}.karoline-fitness-brand .products>div:nth-child(7){transform:translate3d(30.8260869565rem, 0, 0);animation-duration:1.7347192582s}.karoline-fitness-brand .products>div:nth-child(8){transform:translate3d(30.8260869565rem, 13rem, 0);animation-duration:1.2558806526s}.karoline-fitness-brand .products>div:nth-child(9){transform:translate3d(41.1014492754rem, 0, 0);animation-duration:1.2257272954s}.karoline-fitness-brand .products>div:nth-child(10){transform:translate3d(41.1014492754rem, 13rem, 0);animation-duration:1.2143878905s}.karoline-fitness-brand .products>div:nth-child(11){transform:translate3d(51.3768115942rem, 0, 0);animation-duration:1.9349373887s}.karoline-fitness-brand .products>div:nth-child(12){transform:translate3d(51.3768115942rem, 13rem, 0);animation-duration:1.2483158046s}.karoline-fitness-brand .products>div:nth-child(13){transform:translate3d(61.652173913rem, 0, 0);animation-duration:1.9611689726s}.karoline-fitness-brand .products>div:nth-child(14){transform:translate3d(61.652173913rem, 13rem, 0);animation-duration:1.6711338134s}.karoline-fitness-brand .products>div:nth-child(15){transform:translate3d(71.9275362319rem, 0, 0);animation-duration:1.5729917814s}.karoline-fitness-brand .products>div:nth-child(16){transform:translate3d(71.9275362319rem, 13rem, 0);animation-duration:1.0805411743s}.karoline-fitness-brand .products>div:nth-child(1),.karoline-fitness-brand .products>div:nth-child(2),.karoline-fitness-brand .products>div:nth-child(n+11){opacity:0.1}.karoline-fitness-brand .products>div:nth-child(n+13){opacity:0.025}.karoline-fitness-brand .products>div:nth-child(3),.karoline-fitness-brand .products>div:nth-child(4),.karoline-fitness-brand .products>div:nth-child(9),.karoline-fitness-brand .products>div:nth-child(10){opacity:0.25}.karoline-fitness-brand .products .sbb{background-position:0 0}.karoline-fitness-brand .products .kbands{background-position:0 -12rem}.karoline-fitness-brand .products .kbb{background-position:-9.2753623188rem 0}.karoline-fitness-brand .products .pw{background-position:-9.2753623188rem -12rem}.karoline-fitness-brand .products .prog-debutant{background-position:-18.5507246377rem 0}.karoline-fitness-brand .products .prog-interm{background-position:-18.5507246377rem -12rem}.karoline-fitness-brand .products .prog-avance{background-position:-27.8260869565rem 0}.karoline-fitness-brand .products .dev-perso{background-position:-27.8260869565rem -12rem}.karoline-fitness-brand .products .muscle-maison{background-position:-37.1014492754rem 0}.karoline-fitness-brand .products .guide-alim{background-position:-37.1014492754rem -12rem}.karoline-fitness-brand .products .ventre-sec{background-position:-46.3768115942rem 0}.karoline-fitness-brand .products .focus-fessier{background-position:-46.3768115942rem -12rem}.karoline-fitness-brand.loaded .character{background:url(../assets/images/works/karoline-fitness/media-character.jpg) no-repeat center center;background-size:contain;-webkit-mask:url(../assets/images/works/karoline-fitness/media-character-alpha-mask.png);-webkit-mask-size:contain}.karoline-fitness-brand.loaded .character svg{stroke-opacity:0}.karoline-fitness-brand.loaded .products>div{background-image:url(../assets/images/works/karoline-fitness/media-product-spritesheet.jpg);animation:none;box-shadow:none}.entry{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0 0;background:#264d73 linear-gradient(-45deg, #264d73, #2a333c);overflow:hidden}.entry .entry-head{display:flex;flex:1 0 auto;align-items:center;justify-content:center;padding:4rem 0 6rem 0;perspective:1024px}.entry .entry-head .mobile-hero{display:none}.entry .head-media{position:relative;z-index:1;margin-right:6rem;transform-style:preserve-3d}.entry .head-text{position:relative;z-index:2;max-width:40rem}.entry .head-text .entry-title{font-size:2.75rem;line-height:2.75rem;font-weight:bold;color:#94c8f9}.entry .head-text .entry-meta,.entry .head-text .entry-keywords{display:flex;align-content:flex-start}.entry .head-text .entry-meta,.entry .head-text .entry-about{margin-top:1rem}.entry .head-text .entry-date{color:#d3e8fd;margin-right:1rem}.entry .head-text .entry-keywords li{background:#1b8af3;font-weight:bold;padding:0 0.5rem;margin-right:0.5rem;border-radius:0.15rem}.entry .head-text .entry-about{font-size:1.25rem;line-height:2rem}.entry .head-text .entry-intro{padding-top:1.5rem;font-size:1.1rem;line-height:2rem;color:#d1e0ed}.entry .entry-content{position:relative;z-index:3}.entry .entry-text{position:relative}.entry .entry-text>h2,.entry .entry-text>p,.entry .entry-text>ul,.entry .entry-text>ol{max-width:40rem;margin:0 auto}.entry .entry-text h2{font-size:1.25rem;line-height:1.35rem}.entry .entry-text *+h2{padding-top:2rem}.entry .entry-text p{font-size:1.1rem;line-height:2rem;color:#d1e0ed}.entry .entry-text strong{font-weight:bold;color:#e5e9ec}.entry .entry-text em{font-style:italic}.entry .entry-text *+p,.entry .entry-text *+ul,.entry .entry-text *+ol{padding-top:1.25rem}.entry .entry-text>*+figure{margin-top:1.5rem}.entry .entry-text>figure{width:100%;max-width:50rem}.entry .entry-text>figure:hover{cursor:pointer}.entry .entry-text>figure>*{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}.entry .entry-text>figure img,.entry .entry-text>figure video{background:#2a333c}.entry .entry-text>figure>img{max-width:100%;height:auto}.entry .entry-text>figure.loading:before{position:absolute;top:calc(50% - 3rem);left:calc(50% - 3rem);display:block;content:"";width:6rem;height:6rem;background:url(../assets/images/ui/loading.svg) no-repeat center center;background-size:cover;animation:1s loading-rotation cubic-bezier(0.165, 0.84, 0.44, 1) infinite both}.entry .entry-text>figure.fullscreen{position:fixed;z-index:200;top:0;left:0;touch-action:auto;display:flex;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;margin:0;padding:1rem;background:rgba(42,51,60,0.75)}.entry .entry-text>figure.fullscreen video,.entry .entry-text>figure.fullscreen img{object-fit:contain}.entry .entry-text .video-player{position:relative}.entry .entry-text .video-player .progress-bar{position:absolute;bottom:0;width:100%;height:0.5rem;background:none}.entry .entry-text ul,.entry .entry-text ol{padding-left:2rem}.entry .entry-text li{list-style-type:disc;font-size:1rem;line-height:1.5rem;color:#d1e0ed}.entry .entry-text li+li{margin-top:0.5rem}.entry .head-text a,.entry .entry-text a{color:#94c8f9}.entry .head-text a.external:after,.entry .entry-text a.external:after{display:inline-block;content:"";width:1rem;height:1rem;background:url(../assets/images/ui/external.svg) no-repeat center center;background-size:cover;margin-left:0.25rem;vertical-align:middle}.entry .head-text a:hover,.entry .entry-text a:hover{border-bottom:0.1rem solid #94c8f9}.entry .entry-related{width:100%;background:#264d73;border-top:1px solid #293c4e;margin-top:4rem;padding:2rem 0}.entry .entry-related .more-title,.entry .entry-related .related-articles{width:40rem;margin:0 auto}.entry .entry-related .more-title{margin-bottom:1.5rem;font-family:"Code Pro","Helvetica",sans-serif;font-weight:bold;font-size:1.5rem;color:#e5e9ec;text-transform:uppercase}.entry .entry-related .related-articles{display:flex;flex-wrap:wrap}.entry .entry-related .related-articles li{display:flex;flex:1 1 45%;margin-left:2rem}.entry .entry-related .related-articles li:first-child,.entry .entry-related .related-articles li:nth-child(n+4){margin-left:0}.entry .entry-related .related-articles li:nth-child(n+4){margin-top:2rem}.entry .entry-related .related-articles li a{width:100%}.entry .entry-related .related-articles li a:hover{border:none}.entry .entry-related .related-articles li a .illustration{width:100%;height:10rem;background:#293c4e no-repeat center center;background-size:cover}.entry .entry-related .related-articles li a .title{margin-top:1.25rem;color:#94c8f9;font-size:1.1rem;line-height:1rem;transition:150ms cubic-bezier(0.165, 0.84, 0.44, 1) all}.entry .entry-related .related-articles li a .excerpt{margin-top:0.5rem;color:#bdd6ed}.entry .entry-related .related-articles li:hover .illustration{box-shadow:inset 0 0 0 1px #e5e9ec,0 0 1rem 0 #2a333c}.entry .entry-related .related-articles li:hover .title{color:#e5e9ec}.entry .entry-head.works-koosmik-mobile-app-title{padding-top:0}@media (max-width: 64rem) and (min-width: 32rem){.entry{padding:4rem 0 0}.entry .entry-head{display:flex;flex-direction:column;padding:4rem 0}.entry .entry-head .head-media{margin:0 0 4rem 0}.entry .entry-head .head-text{max-width:85vw}.entry .entry-text>h2,.entry .entry-text>p,.entry .entry-text>ul,.entry .entry-text>ol{max-width:75vw;margin:0 auto}.entry .entry-text>figure{max-width:none}.entry .entry-related{width:auto;padding:2rem}.entry .entry-related .more-title,.entry .entry-related .related-articles{width:100%}.entry .entry-head.works-koosmik-mobile-app-title{padding-top:4rem}}@media (max-width: 32rem){.entry{padding:4rem 0 0;background:#293c4e}.entry .entry-head{width:100%;flex-direction:column;background:#264d73 linear-gradient(-45deg, #264d73, #2a333c);padding:0 0 1.5rem 0;margin-bottom:1.5rem;overflow:hidden}.entry .entry-head .mobile-hero{display:block;width:100%;height:25vh;background:#1b8af3 no-repeat center center;background-size:cover;margin-bottom:1rem}.entry .entry-head .head-media{display:none}.entry .entry-head .head-text{margin:0 1rem}.entry .entry-head .head-text .entry-title{font-size:2.25rem;line-height:2.25rem}.entry .entry-head .head-text .entry-meta{display:block}.entry .entry-head .head-text .entry-date{margin-right:0}.entry .entry-head .head-text .entry-keywords{flex-wrap:wrap}.entry .entry-head .head-text .entry-keywords li{font-size:0.9rem;margin-top:0.5rem}.entry .entry-head .head-text .entry-about{font-size:1.15rem;line-height:1.85rem}.entry .entry-head .head-text .entry-intro{padding-top:1.25rem;font-size:1rem;line-height:1.75rem}.entry .entry-text h2,.entry .entry-text p,.entry .entry-text ul,.entry .entry-text ol{margin:0 1rem}.entry .entry-text h2{font-size:1.2rem;line-height:1.25rem}.entry .entry-text *+h2{padding-top:1.5rem}.entry .entry-text p{font-size:1rem;line-height:1.75rem;color:#d1e0ed}.entry .entry-text *+p{padding-top:1.25rem}.entry .entry-text>*+figure{padding-top:1.35rem}.entry .entry-text>figure{margin:0}.entry .entry-text>figure.fullscreen video,.entry .entry-text>figure.fullscreen img{height:auto;width:100%}.entry .entry-text .video-player .progress-bar{height:0.25rem}.entry .entry-related{padding:2rem 1rem;margin-top:3rem}.entry .entry-related .more-title,.entry .entry-related .related-articles{width:100%}.entry .entry-related .more-title{margin-bottom:2rem}.entry .entry-related .related-articles{flex-direction:column}.entry .entry-related .related-articles li{margin:0}.entry .entry-related .related-articles li+li{margin-top:2rem}.entry .entry-related .related-articles li a{width:100%}.entry .entry-related .related-articles li a:hover{border:none}.entry .entry-related .related-articles li a .illustration{width:100%;height:10rem;background:#293c4e no-repeat center center;background-size:cover}.entry .entry-related .related-articles li a .title{margin-top:1.25rem;color:#94c8f9;font-size:1.1rem;line-height:1rem;transition:150ms cubic-bezier(0.165, 0.84, 0.44, 1) all}.entry .entry-related .related-articles li a .excerpt{margin-top:0.5rem;color:#bdd6ed}.entry .entry-related .related-articles li:hover .illustration{box-shadow:inset 0 0 0 1px #e5e9ec,0 0 1rem 0 #2a333c}.entry .entry-related .related-articles li:hover .title{color:#e5e9ec}}#main-header+.archives{padding-top:8rem}.archives{width:100%;flex:1;background:#264d73 linear-gradient(-45deg, #264d73, #2a333c)}.archives .title{max-width:58rem;margin:0 auto;padding:0 0 2rem 0.65rem;font-family:"Code Pro","Helvetica",sans-serif;font-weight:bold;text-transform:uppercase;font-size:2rem;line-height:2rem;color:#e5e9ec}.archives .entries{max-width:58rem;margin:0 auto;padding-bottom:2rem}.archives .archive-entry+.archive-entry{margin-top:1rem}.archives .archive-entry>a{display:flex;flex-wrap:nowrap;color:#e5e9ec;padding:0.5rem;border:1px solid transparent}.archives .archive-entry>a:hover{border-color:#94c8f9}.archives .archive-entry .archive-entry-illustration{width:30%;height:10rem;background:#1b8af3 no-repeat center center;background-size:cover}.archives .archive-entry .archive-entry-content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:1rem 2rem}.archives .archive-entry .entry-title{font-size:1.5rem;font-weight:bold}.archives .archive-entry .entry-meta{display:flex;margin-top:0.5rem}.archives .archive-entry .entry-date{line-height:1.5rem;color:#bdd6ed}.archives .archive-entry .entry-keywords{display:flex;margin-left:1rem}.archives .archive-entry .entry-keywords li{height:1.5rem;font-size:0.85rem;line-height:1.35rem;color:#bdd6ed;border:1px solid #264d73;border-radius:0.15rem;padding:0 0.5rem}.archives .archive-entry .entry-keywords li+li{margin-left:0.5rem}.archives .archive-entry .entry-about{margin-top:1rem;color:#d1e0ed}@media (max-width: 64rem) and (min-width: 32rem){#main-header+.archives{padding-top:6rem}.archives{padding:0 1rem}.archives .entries{width:auto}.archives .archive-entry+.archive-entry{margin-top:2rem}.archives .archive-entry .archive-entry-illustration{width:33vw;height:20vw}.archives .archive-entry .archive-entry-content{padding:0 0 0 2rem}.archives .archive-entry .entry-date{font-size:2.25vw}.archives .archive-entry .entry-keywords li{height:4vw;font-size:2vw;line-height:3.8vw;padding:0 0.8vw}.archives .archive-entry .entry-about{margin-top:0.75rem}}@media (max-width: 32rem){#main-header+.archives{padding-top:5rem}.archives .title{padding:0.5rem 0 1.5rem 1rem;font-size:1.5rem;line-height:1.5rem}.archives .archive-entry{border-top:1px solid #264d73}.archives .archive-entry:last-child{border-bottom:1px solid #264d73}.archives .archive-entry+.archive-entry{margin-top:0}.archives .archive-entry>a{position:relative;padding:0;border:none;background:#293c4e}.archives .archive-entry>a:hover .archive-entry-content{background:#1b8af3;-webkit-tap-highlight-color:transparent}.archives .archive-entry .archive-entry-illustration{position:absolute;z-index:1;right:0;top:0;width:50%;height:100%;opacity:0.35}.archives .archive-entry .archive-entry-illustration:before{display:block;content:"";height:100%;width:75%;background:linear-gradient(to right, #293c4e, rgba(41,60,78,0))}.archives .archive-entry .archive-entry-content{z-index:2;padding:1.5rem 1rem}.archives .archive-entry .entry-title{font-size:1.15rem;line-height:1.25rem;min-height:1.5rem;padding-bottom:0.25rem}.archives .archive-entry .entry-meta{margin-top:0.25rem}.archives .archive-entry .entry-date{height:1.15rem;line-height:1.25rem;font-size:0.85rem}.archives .archive-entry .entry-keywords{margin-left:0.75rem}.archives .archive-entry .entry-keywords li{height:1.15rem;font-size:0.65rem;line-height:1rem;padding:0 0.35rem;border-color:#264d73}.archives .archive-entry .entry-keywords li+li{margin-left:0.35rem}.archives .archive-entry .entry-about{margin-top:0.75rem;font-size:0.9rem;line-height:1.25rem}}.showcase{padding:0 0 2rem}.showcase header{position:relative;padding:8rem 0 3rem 0;margin-bottom:2rem;background:#264d73 linear-gradient(-45deg, #264d73, #2a333c);overflow:hidden;perspective:1024px}.showcase header .grid{position:absolute;left:0;top:0;width:100%;height:100%;perspective:1024px}.showcase header .grid:before{position:absolute;z-index:0;top:-50%;left:0;display:block;content:"";width:175%;height:175%;background:url(../assets/images/ui/pattern-grid.svg) repeat;background-size:2.5rem;transform:rotateX(63deg) rotateY(16deg) rotateZ(-32deg)}.showcase header .container{position:relative;z-index:1;width:58rem;margin:0 auto;transform-style:preserve-3d}.showcase header .title,.showcase header p{text-shadow:0 0.15rem 0.5rem #2a333c}.showcase header .title{font-family:"Code Pro","Helvetica",sans-serif;font-weight:bold;font-size:2rem;text-transform:uppercase}.showcase header p{width:24rem;margin:1rem auto 0 0;color:#d1e0ed}.lang-fr .showcase header p{width:21rem}.showcase header .tags{position:absolute;z-index:0;top:0;right:0;display:flex;flex-wrap:wrap;width:50%;transform:rotateX(63deg) rotateY(16deg) rotateZ(-32deg) translateX(-17rem) translateZ(11rem) translateY(15rem);transform-style:preserve-3d}.showcase header .tags li{display:block;padding:0.25rem 0.5rem;margin:0.5rem;background:#264d73;color:#e5e9ec;border:0.1rem solid #1b8af3;border-radius:0.25rem;transform-style:preserve-3d;animation:floating 5s ease infinite both}.showcase header .tags li.major{background-color:#1b8af3}.showcase header .tags li:nth-child(even){transform:translateZ(1rem);animation-name:floating-higher}.showcase header .tags li:nth-child(1){animation-duration:6.25s;animation-delay:0.25s}.showcase header .tags li:nth-child(2){animation-duration:7.5s;animation-delay:0.5s}.showcase header .tags li:nth-child(3){animation-duration:8.75s;animation-delay:0.75s}.showcase header .tags li:nth-child(4){animation-duration:6.75s;animation-delay:0.35s}.showcase header .tags li:nth-child(5){animation-duration:8.25s;animation-delay:0.65s}.showcase .videos-grid{display:flex;flex-wrap:wrap;width:58rem;margin:0 auto}.showcase .videos-grid li{position:relative;width:18rem;height:18rem;margin-left:2rem;background:#264d73}.showcase .videos-grid li:nth-child(n+4){margin-top:2rem}.showcase .videos-grid li:nth-child(3n+1){margin-left:0}.showcase .videos-grid li figure{background:no-repeat center center;background-size:cover}.showcase .videos-grid li figure,.showcase .videos-grid li .loop{display:block;width:100%;height:100%}.showcase .videos-grid li figure.loading:before{position:absolute;display:block;content:"";width:20%;height:20%;top:40%;left:40%;background:url(../assets/images/ui/loading.svg) no-repeat center center;background-size:contain;animation:1s loading-rotation cubic-bezier(0.165, 0.84, 0.44, 1) infinite}@media (max-width: 64rem) and (min-width: 32rem){.showcase header{margin-bottom:2.5vw}.showcase header .grid:before{transform:rotateX(63deg) rotateY(16deg) rotateZ(-32deg) translateX(-5rem)}.showcase header .container{width:auto;padding-left:2rem}.showcase header .title,.showcase header p{width:50%}.showcase header .title{font-size:3.8vw}.showcase header .tags{width:55%;transform:rotateX(63deg) rotateY(16deg) rotateZ(-32deg) translateX(-12rem) translateZ(11rem) translateY(16rem)}.showcase .videos-grid{display:flex;flex-wrap:wrap;width:auto;margin:0 auto;padding:0 2.5vw}.showcase .videos-grid li{width:30vw;height:30vw;margin-left:2.5vw;background:#264d73}.showcase .videos-grid li:nth-child(n+4){margin-top:2.5vw}.showcase .videos-grid li:nth-child(3n+1){margin-left:0}.showcase .videos-grid li .loop{display:block;width:100%;height:100%}}@media (max-width: 32rem){.showcase{width:100%;padding-top:4rem}.showcase header{padding:2rem 1rem}.showcase header .grid:before{transform:rotateX(63deg) rotateY(16deg) rotateZ(-32deg) translateX(-6rem)}.showcase header .container,.showcase header p{width:auto}.showcase header .container{display:flex;flex-direction:column}.showcase header .title{font-size:7vw}.showcase header .tags{order:-1;position:static;width:27rem;transform:rotateX(63deg) rotateY(16deg) rotateZ(-32deg) translateX(-16.6rem) translateZ(12rem) translateY(21.8rem) scale(0.75)}.showcase .videos-grid{display:flex;flex-wrap:nowrap;flex-direction:column;width:100%;padding:0 1rem}.showcase .videos-grid li{width:calc(100vw - 2rem);height:calc(100vw - 2rem);margin:1rem 0 0}.showcase .videos-grid li:first-child{margin-top:0}.showcase .videos-grid li:nth-child(n+4){margin-top:1rem}}