@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque.ttf)format("truetype");font-weight:300;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}:root{--facts-main:#39acf4;--facts-light:#b2daf4;--white:#fcfdff;--grey-light:#dadde6;--grey-middle:#aaacb3;--grey-dark:#494a4d;--grey-surface:#353538;--work-main:#ff88bc;--work-light:#ffbad8;--uxui-main:#63ffb1;--uxui-dark:#50cc8e;--cicd-main:#ff9237;--cicd-dark:#cc742d;--graphicproduct-main:#3be2d6;--graphicproduct-dark:#2eb0a7;--photo-main:#ff88bc;--photo-dark:#cc6c96}html{font-size:16px}body{background-color:var(--grey-surface);color:var(--grey-light);font-family:Bricolage Grotesque,sans-serif;display:flex}p{line-height:1.5}p.half-space,ul.half-space{margin-top:.75em}.content-right img{cursor:pointer;width:100px;height:auto}body.no-scroll{overflow:hidden}.overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.overlay img{z-index:1;border-radius:8px;width:80vw;max-width:1200px;height:auto;position:relative}.overlay:target{display:flex}.close{color:#fff;z-index:2;font-size:30px;text-decoration:none;position:absolute;top:20px;right:20px}.overlay .close-overall{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.overlay-nav-btn{z-index:2;background-color:var(--facts-main);width:44px;height:44px;color:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.overlay-nav-btn:hover,.overlay-nav-btn:active{background-color:var(--facts-light);color:var(--grey-surface)}.overlay-nav-prev{left:24px}.overlay-nav-next{right:24px}.facts{background-image:url(/img/facts/right-brain-bg.svg);background-position:right -72px top -72px;background-repeat:no-repeat;background-attachment:fixed}.work{background-image:url(/img/work/left-brain-bg.svg);background-position:left -72px bottom -72px;background-repeat:no-repeat;background-attachment:fixed}.body-small{font-size:.75rem;font-weight:300}.body-attention{font-size:1.25rem;font-weight:700}.highlight-work{color:var(--work-main)}.highlight-facts{color:var(--facts-main)}.flex-container-center{flex-direction:column;justify-content:space-between;height:100%;display:flex}.flex-container-top{flex-direction:column;flex:1;justify-content:space-between;display:flex}a,a:link,a:visited{color:var(--grey-light);font-weight:300;text-decoration:none}a:active,a:hover{color:var(--white);text-decoration:none}ul{list-style-type:none}.uxui .button{text-align:center;background-color:var(--uxui-dark);color:var(--grey-surface);fill:var(--grey-surface);border-radius:4px;flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:12px;margin-top:36px;padding:12px 4px;font-weight:300;transition:background-color .3s;display:none}.cicd .button:hover{background-color:var(--cicd-main)}.cicd .button{text-align:center;background-color:var(--cicd-dark);color:var(--grey-surface);fill:var(--grey-surface);border-radius:4px;flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:12px;margin-top:36px;padding:12px 4px;font-weight:300;transition:background-color .3s;display:none}.uxui .button:hover{background-color:var(--uxui-main)}.graphic-product .button{text-align:center;background-color:var(--graphicproduct-dark);color:var(--grey-surface);fill:var(--grey-surface);border-radius:4px;flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:12px;margin-top:36px;padding:12px 4px;font-weight:300;transition:background-color .3s;display:none}.graphic-product .button:hover{background-color:var(--graphicproduct-main)}.header-nav ul li a{padding-bottom:8px;position:relative}.header-nav ul li.active a:after{content:"";background-color:currentColor;border-radius:1.5px;width:28px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-nav ul li.active a[href=\/facts]:after{background-color:var(--facts-main)}.header-nav ul li.active a[href=\/work]:after{background-color:var(--work-main)}.header-nav ul li.active a{color:var(--white)}input{background-color:var(--grey-surface);border:1px solid var(--grey-middle);border-radius:18px;height:36px;padding:0 16px}@media (max-width:912px){.overlay img{width:100%}.uxui .button,.cicd .button,.graphic-product .button{display:flex}}.header-nav{padding-top:32px;font-size:1rem}.logo,.logo-link{grid-column:1/span 2;width:32px;height:32px;position:relative;top:0;left:0}.logo-link:hover{filter:brightness(1.2)}.header-nav h1{color:var(--grey-light);grid-column:3/-1;font-weight:700}.header-nav h1.login-page-title{color:var(--grey-middle)}.login-footer{visibility:hidden}.header-nav ul{grid-column:3/-1;grid-auto-flow:column;gap:68px;display:flex}.header-nav ul a{font-size:1.5rem;font-weight:700}.header-nav .breadcrumb ul{grid-column:3/-1;align-items:end;gap:8px;margin-top:24px;display:flex}.header-nav .breadcrumb ul a,.header-nav .breadcrumb ul p{font-size:.875rem;font-weight:300}.main-headline{grid-column:3/-1;margin-top:120px;margin-bottom:80px;font-size:5rem}.main-headline-bc{grid-column:3/-1;margin-top:77px;margin-bottom:80px;font-size:5rem}@media (max-width:1024px){.logo,.logo-link{grid-column:1/span 1}.header-nav h1,.header-nav ul,.header-nav .breadcrumb ul{grid-column:2/-1}}@media (max-width:768px){.header-nav .breadcrumb ul{grid-column:1/-1}}@media (max-width:575px){.header-nav ul{gap:36px}}.graphic-container{grid-column:1/-1;justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto;display:flex}.brain-half-container{grid-row-gap:24px;flex-wrap:wrap;align-items:center;display:flex}.brain-half-container-left{flex-wrap:wrap-reverse;justify-content:right}.brain-half-graphic{width:auto;height:50vw;max-height:67vh}.brain-half-container:hover{filter:brightness(1.2)}.brain-nav{font-size:2rem;font-weight:700}.brain-nav-left{margin-right:24px}.brain-nav-right{margin-left:24px}@media (max-width:1024px){.brain-half-graphic{height:67vw}}@media (max-width:768px){.brain-half-graphic{height:75vw}}@media (max-width:575px){.brain-half-graphic{height:85vw}}.right-brain-bg{float:right;position:fixed;top:-72px;right:-72px}#testimonial{flex-wrap:wrap;grid-column:3/span 10;grid-auto-flow:column;align-items:center;gap:32px;margin-bottom:32px;font-size:1.25rem;font-weight:700;display:flex}#testimonial p{min-width:157px;max-width:249px}#portrait{border-radius:50%;width:120px;height:120px}.content h2,.content h3,.content h4{font-size:2rem;font-weight:700}.journey-title{font-size:1.25rem;font-weight:700}.content-left{grid-column:3/span 10}.split-content{flex-wrap:wrap;display:flex}.half-content{flex:182px;margin-top:80px;margin-right:64px}.half-content ul,.full-content ul{flex-direction:column;gap:24px;margin-top:32px;list-style-type:none;display:flex}.full-content{margin-top:80px}.full-content .space{margin-top:32px}.rating{align-items:center;margin-top:12px;display:flex}.rating hr{background-color:var(--facts-main);border:none;border-radius:1.5px;flex:1;height:3px;margin-right:8.33333%}.rating hr:last-child{margin-right:0}.content-right{text-align:center;flex-direction:column;grid-column:13/span 10;align-items:center;display:flex}.content-right h4{margin-bottom:32px}#journey-graphic{min-width:315px;max-width:480px}.right-aligned{text-align:right;gap:8px;display:flex}.right-aligned-bottom{text-align:right;align-items:flex-end;gap:8px;display:flex}#right-aligned-elements{flex-direction:column;align-items:end;gap:12px;display:flex}#all-elements{display:flex}#all-elements>*{flex:1}#education{flex-direction:column;gap:12px;margin-top:575px;margin-left:60px;display:flex}.left-aligned{text-align:left;gap:8px;display:flex}.left-aligned-center{text-align:left;align-items:center;gap:8px;display:flex}.top-and-bottom{flex-direction:column;justify-content:space-between;display:flex}.vl{background-color:var(--facts-main);border-radius:1.5px;flex:0 0 3px;align-self:stretch;width:3px;height:auto}.hl{background-color:var(--grey-dark);border-radius:1.5px;flex:0 0 3px;align-self:stretch;width:auto;height:3px}.vl-dotted{flex-direction:column;flex:0 0 3px;align-items:center;width:3px;height:100%;display:flex}.vl-dotted .line{background-color:var(--facts-main);border-radius:1.5px;flex-grow:1;width:3px}.vl-dotted .dots{flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:6px 0;display:flex}.vl-dotted .dot{background-color:var(--facts-main);border-radius:50%;width:3px;height:3px}.journey-description{flex-direction:column;display:flex}.journey-description>.body-small:last-of-type{margin-top:12px}#sopra,#ite{height:384px}#actiworks{height:96px;margin-top:12px}#freelance{height:656px;margin-top:-516px;margin-right:-30px}#civilian{height:96px}#msc{height:144px}#bsc{height:321px}.single-line{height:38px}#school{height:384px}#test{background-color:#39acf4;width:200px;height:100px}@media (max-width:1024px){.content-left{grid-column:2/span 5}.content-right{grid-column:8/span 4}.main-headline,#testimonial,.main-headline-bc{grid-column:2/-1}}@media (max-width:912px){.main-headline,.main-headline-bc{grid-column:1/-1;font-size:3rem}.content-left,.content-right,#testimonial{grid-column:1/-1}.content-left{margin-bottom:80px}#journey-graphic{margin-left:auto;margin-right:auto}}@media (max-width:768px){.content-left,.content-right{grid-column:1/-1}}@media (max-width:520px){#hide-mobile{display:none}}.work-nav a{flex-direction:column;align-items:center;gap:24px;font-size:1.5rem;font-weight:700;display:flex}.work-nav img{object-fit:contain;width:120px;height:120px}.work-nav a:hover{filter:brightness(1.2)}.work-nav ul{text-align:center;flex-flow:wrap;grid-column:3/span 20;justify-content:space-between;gap:64px;width:auto;margin-top:120px;margin-bottom:80px;display:flex}@media (max-width:1024px){.work-nav ul{grid-column:2/span 10}}@media (max-width:768px){.work-nav ul{grid-column:2/span 6;justify-content:space-around}}@media (max-width:575px){.work-nav ul{flex-direction:column;grid-column:1/span 4;justify-content:center}}.project-overview{flex-direction:column;display:flex}.project-overview ul{flex-flow:wrap;flex-grow:1;grid-column:3/span 20;gap:80px;width:auto;display:flex}.project-overview li{max-width:267px}.project-overview a img:not([src$=\.svg i]){border-radius:8px;width:100%;height:auto}.thumbnail-placeholder{aspect-ratio:16/9;background-color:var(--grey-middle);color:var(--grey-surface);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.project-overview.uxui li .thumbnail-placeholder{background-color:var(--uxui-main)}.project-overview.cicd li .thumbnail-placeholder{background-color:var(--cicd-main)}.project-overview.photo li .thumbnail-placeholder{background-color:var(--photo-main)}.project-overview a p{margin-top:24px;font-size:1.5rem;font-weight:700}.project-overview a:hover{filter:brightness(1.2)}@media (max-width:1024px){.project-overview ul{grid-column:2/span 10}}@media (max-width:768px){.project-overview ul{grid-column:1/-1}}.hero{background-color:var(--grey-dark);border-radius:40px;grid-column:3/23;grid-template-rows:minmax(clamp(420px,35.7vw,600px),auto);grid-template-columns:1fr;margin-bottom:80px;display:grid;overflow:hidden}.hero-img-wrap{grid-area:1/1;position:relative}.hero-img-wrap img{object-fit:cover;object-position:center}.hero .tldr{z-index:1;-webkit-backdrop-filter:blur(24px);background-color:#353538b3;border-radius:8px;grid-area:1/1;align-self:end;margin:32px;padding:24px;position:relative}@media (max-width:1024px){.hero{grid-column:2/12}}@media (max-width:912px){.hero{grid-column:1/-1}}.project-detail .content-right{text-align:left;grid-column:14/span 9}.project-detail .content-left{flex-direction:column;gap:80px;display:flex}.project-detail h2,.project-detail h3,.project-detail h4,.project-detail h5{margin-bottom:24px;font-size:3.25rem;font-weight:700}.project-detail .accordion-item h3{margin-bottom:0;font-size:3.25rem;font-weight:700}.uxui h2,.uxui .tag{color:var(--uxui-main)}.cicd h2,.cicd .tag{color:var(--cicd-main)}.photo h2,.photo .tag{color:var(--photo-main)}.graphic-product h2,.graphic-product .tag{color:var(--graphicproduct-main)}.nda{background-color:var(--grey-middle);color:var(--grey-surface);text-align:center;border-radius:8px;flex-direction:column;gap:18px;padding:36px;display:flex}.tldr ul{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.methods-list{text-indent:-1em;flex-flow:column wrap;gap:16px;padding-left:1em;list-style:inside;display:flex}.uxui .methods-list li::marker{color:var(--uxui-main)}.cicd .methods-list li::marker{color:var(--cicd-main)}.graphic-product .methods-list li::marker{color:var(--graphicproduct-main)}.project-detail .content-right{align-items:stretch;gap:80px}.project-detail .content-right a{display:block}.project-detail .content img{border-radius:8px;width:100%;height:auto}#icon-large{width:auto;height:48px;color:var(--grey-surface);object-fit:contain}@media (max-width:1024px){.project-detail .content-right{grid-column:8/span 4}}@media (max-width:768px){.project-detail .content-left,.project-detail .content-right{grid-column:1/-1}.project-detail h2,.project-detail h3,.project-detail h4,.project-detail h5{font-size:2rem}}@media (max-width:912px){.project-detail .content-left,.project-detail .content-right{grid-column:1/-1}}footer{flex-flow:wrap;justify-content:space-between;gap:32px;padding-top:32px;padding-bottom:32px;display:flex}footer.space{padding-top:120px}footer img[src$=\.svg]{width:auto;height:16px;color:var(--white)}footer ul{grid-auto-flow:column;gap:32px;display:flex}footer ul>li{align-items:center;display:flex}.footer-left{text-align:right;white-space:normal;word-break:break-word;grid-column:1/span 12}.footer-right{text-align:right;white-space:normal;word-break:break-word;grid-column:13/span 12;align-self:center;line-height:1.5}@media (max-width:1156px){.row .footer-left{flex-basis:100%}.row .footer-right{text-align:left;flex-basis:100%;margin-top:16px}}.container{padding-left:calc(32px + env(safe-area-inset-left));padding-right:calc(32px + env(safe-area-inset-right));flex-direction:column;flex:1;min-width:0;height:100vh;margin:0 auto;display:flex}.row{grid-column-gap:24px;grid-template-columns:repeat(24,1fr);display:grid}.col{text-align:left;border:1px solid var(--white);color:var(--white);word-break:break-word}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.col-13{grid-column:span 13}.col-14{grid-column:span 14}.col-15{grid-column:span 15}.col-16{grid-column:span 16}.col-17{grid-column:span 17}.col-18{grid-column:span 18}.col-19{grid-column:span 19}.col-20{grid-column:span 20}.col-21{grid-column:span 21}.col-22{grid-column:span 22}.col-23{grid-column:span 23}.col-24{grid-column:span 24}@media (min-width:1441px){.container{max-width:1440px;margin-left:auto;margin-right:auto}}@media (max-width:1024px){.row{grid-template-columns:repeat(12,1fr)}.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24{grid-column:span 12}}@media (max-width:768px){.row{grid-template-columns:repeat(8,1fr)}.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24{grid-column:span 8}}@media (max-width:575px){.row{grid-template-columns:repeat(4,1fr)}.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24{grid-column:span 4}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}body.page-fade-out{animation:.4s forwards fade-out}.brain-nav-static .brain-half-container:hover{filter:none}.login-modal{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.login-card{pointer-events:all;background-color:var(--grey-surface);border:1px solid var(--grey-middle);border-radius:16px;flex-direction:column;gap:16px;min-width:280px;padding:40px;display:flex}.login-card h2{color:var(--white);font-size:1.25rem;font-weight:700}.login-form{pointer-events:all;flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:var(--grey-light);font-size:.875rem}.login-input-row{flex-direction:row;align-items:center;gap:12px;display:flex}.login-input-row input[type=password]{color:var(--white);flex:1}.login-input-row button[type=submit]{background-color:var(--facts-main);width:36px;height:36px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-input-row button[type=submit]:hover{background-color:var(--facts-light);color:var(--grey-surface)}.login-input-row button[type=submit]:disabled{background-color:var(--grey-middle);color:var(--grey-surface)}.login-error{color:var(--work-main);font-size:.875rem}.accordion-root{width:100%}.accordion-item{border-bottom:1px solid var(--grey-middle)}.accordion-item:last-child{border-bottom:none}.accordion-header{display:flex}.accordion-trigger{color:var(--grey-light);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:16px 0;font-family:inherit;font-size:1.5rem;font-weight:700;transition:color .2s;display:flex}.accordion-trigger:focus-visible{outline:2px solid var(--uxui-main);outline-offset:2px;border-radius:4px}.accordion-icon{color:var(--grey-middle);flex-shrink:0;transition:transform .2s}.accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-panel{height:0;transition:height .2s;overflow:hidden}.accordion-panel[data-open]{height:var(--accordion-panel-height)}.accordion-content{color:var(--grey-light);padding-bottom:16px;font-size:1rem;line-height:1.6}