.highlights{position:relative;width:100%;height:100vh}.highlights>video{position:absolute;width:100%;height:100%;object-fit:cover}.highlights>div{position:relative;display:block;width:max-content;height:max-content;top:50%;transform:translateY(-50%);margin:auto;user-select:none}.h-logo{height:50px;width:160px;margin:auto;margin-bottom:10px;background-image:url(../media/logo-white.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.h-slogan{font-style:normal;font-weight:400;font-size:15px}.brief{position:relative;width:100%;height:max-content;padding:20px}.brief p{color:rgb(var(--black));font-weight:300;font-size:18px}.portfolio{position:relative;width:100%;height:max-content}.portfolio>div{display:flex;flex-wrap:wrap;flex-direction:row;height:max-content;gap:5px}.cell{position:relative;flex:40%;height:150px;border-radius:10px;user-select:none}.portfolio>div>:first-child:nth-last-child(odd){flex-basis:100%}.cell>img{position:relative;display:block;width:100%;height:100%;filter:contrast(.5) brightness(.7);object-fit:cover;cursor:pointer;border-radius:10px;transition:.5s}.cell-title{user-select:none;position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;cursor:pointer}.cell-title>h3{margin-bottom:0;font-weight:300;font-size:16px}.cell-open{display:none;position:fixed;width:100vw;height:100dvh;left:0;top:0;z-index:1;padding:20px;backdrop-filter:blur(12px);background-color:rgba(var(--black),.5);transition:.2s linear opacity;will-change:opacity}.cell-open--show{opacity:1}.cell-open>div{position:relative;width:100%;height:100%;transform:scale(.8);opacity:0;transition:.2s linear opacity,.2s linear transform;will-change:transform,opacity}.cell-open-div--show{transform:scale(1)!important;opacity:1!important}.cell-open video{position:absolute;width:100%;height:100%;border-radius:10px;object-fit:cover}.cell-open-description{position:absolute;width:100%;padding:12px;bottom:0;user-select:none}.cell-open-description>div{padding:12px;backdrop-filter:blur(8px) opacity(1);background-color:rgba(var(--black),.5);border-radius:10px}.cell-open-description h3{text-align:left}.cell-close{position:absolute;font-size:55px;font-weight:500;color:rgb(var(--white));width:80px;right:0;text-align:center}.services{position:relative;width:100%}.services>div{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px}.service{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;user-select:none;padding:20px;border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(var(--white),0) 0,rgba(var(--blue),.2) 100%)}.service:nth-child(2){border-radius:10px 0 0 10px;background:linear-gradient(-90deg,rgba(var(--white),0) 0,rgba(var(--blue),.2) 100%)}.service-caption>h3,.service-caption>p{color:rgb(var(--black))}.service-img{min-height:80px;flex:20%;background-repeat:no-repeat;background-position:top;background-size:contain}.service:nth-child(1)>.service-img{background-image:url(../media/service-design.svg)}.service:nth-child(2)>.service-img{background-image:url(../media/service-dev.svg)}.service:nth-child(3)>.service-img{background-image:url(../media/service-consulting.svg)}.testimonials{position:relative;width:100%}.testimonials>div{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;overflow:hidden;touch-action:pan-y}.testimonial{position:relative;flex:1 0 85%;padding:15px;border-radius:10px 10px 0 0;background:linear-gradient(0deg,rgba(var(--white),0) 0,rgba(var(--blue),.2) 100%);filter:drop-shadow(5px 5px 5px rgba(var(--black), .1));user-select:none}.testimonial p{color:rgb(var(--black))}.t-text{margin-top:10px;text-align:left}.t-signature{padding-top:10px}.t-signature>img{display:block;height:150px;width:150px;filter:grayscale(.8) drop-shadow(0 -2px 5px rgba(var(--blue), .5));margin:auto;margin-bottom:10px}.t-signature>p{text-align:center;font-weight:300;font-size:13px}.t-signature a{color:rgb(var(--orange-p40));font-weight:400}.cta{position:relative;width:100%;text-align:center}.cta>h2{text-align:center}.cta>a{position:relative;display:block;margin:auto;width:200px;padding:14px;background-color:rgb(var(--orange-p20));transition:.2s;font-weight:500;font-size:20px;color:rgb(var(--black));border-radius:10px}@media (min-width:641px){h2:not(.testimonials>*)>br{display:none}.testimonials>h2>br:not(:nth-child(2)){display:none}.brief{max-width:1200px;margin:auto}.brief p{margin-bottom:60px;font-weight:300;font-size:24px;line-height:34px}.portfolio>div{max-width:1200px;gap:20px;margin:auto}.cell-title>h3{font-weight:400;font-size:20px}.cell{height:280px}.cell:hover>img{filter:contrast(1)}.cell>img{position:relative;display:block;height:100%;width:100%;margin:auto;object-fit:cover}.cell-open{padding:60px}.cell-open-description{max-width:600px;right:0}.cell-open-x{padding:36px}.cell-open-x:after,.cell-open-x:before{height:36px}.services>div{max-width:1200px;margin:auto;flex-direction:row;gap:20px;padding:20px}.service{flex:1 1 100%;flex-direction:column;padding:30px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,rgba(var(--white),0) 0,rgba(var(--blue),.2) 100%)}.service:nth-child(2){border-radius:0 0 10px 10px;background:linear-gradient(180deg,rgba(var(--white),0) 0,rgba(var(--blue),.2) 100%)}.service-caption{flex:80%}.testimonials>div{max-width:1200px;gap:20px;padding:20px;margin:auto}.testimonial{flex:0 1 100%;padding:30px}.t-signature>p>br:not(:nth-child(2)),.t-signature>p>br:not(:nth-child(2))::after{content:' @ '}.t-signature>p{margin-top:15px}.t-text{margin-top:15px}}