:root{--Black-070:#4d4d4d;--Black-100:#0f0f0f;--White-100:#ffffff;--Grey-010:#fbf9f7;--Grey-020:#f2ede9;--Grey-030:#e9e5e2;--Grey-060:#978F8D;--Grey-080:#716E6B;--Grey-100:#282828;--Red-100:#392325;--p-01:4px;--p-02:8px;--p-03:12px;--p-04:16px;--p-05:24px;--p-06:28px;--p-07:32px;--p-08:40px;--p-09:80px;--p-10:96px;--p-11:160px;--r-00:0;--r-01:12px;--r-02:9999px;font-family:"DM Sans",sans-serif;font-feature-settings:"liga" off,"clig" off}.animate-on-scroll *{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;will-change:opacity,transform}.animate-on-scroll .is-visible{opacity:1;transform:translateY(0)}h1,h2,h3,h4,h5,h6,p,a,span,li,ul{margin:0;padding:0;text-decoration:none;list-style:none;margin-block:0;margin-inline:0;padding-inline:0}a:active,a:focus,a:hover,a:visited,a:link{text-decoration:none;outline:none;color:inherit}img,img.image{object-position:50% 50%;height:auto}body{display:flex;justify-content:center;flex-direction:column;padding:var(--p-10,96px) var(--p-09,80px) var(--p-09,80px);color:var(--Red-100,#392325);align-items:flex-start;align-self:stretch;margin:0}main{display:flex;flex-direction:column;align-items:flex-start;align-self:center;gap:var(--p-8,40px);padding:var(--p-09,80px) 0 var(--p-08,40px);max-width:1280px}.hero{display:flex;padding:var(--p-09,80px) 0 var(--p-08,40px);flex-direction:column;align-items:flex-start;align-self:stretch;cursor:default}.hero h2{padding:0}main>section{align-items:flex-start;align-self:stretch;width:100%;display:flex;flex-direction:column;padding-top:var(--p-09,80px)}main>section>h3,main section>h2{padding:var(--p-05,24px) 0;color:var(--Grey-080,#a7a3a0)}article.project{display:flex;flex-wrap:wrap;padding:0;width:100%;column-gap:var(--p-07,32px);transition:all 0.3s ease-in;margin-bottom:var(--p-08,40px);border-radius:var(--r-01,12px);overflow:hidden}article.project div,article.project a{flex:1}div.row{display:grid;grid-template-columns:repeat(2,1fr);min-height:640px}section.description{background-color:var(--Grey-010);display:flex;flex-direction:column;justify-content:start;height:auto;padding:var(--p-07,32px) var(--p-08,40px)}#hero_project section.description{justify-content:space-between}section.description .bottom{align-content:end}section.thumbnail{overflow:hidden;position:relative}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.project:nth-child(odd) .thumbnail{grid-row-start:1}.project p span{color:var(--Grey-800,#a7a3a0)}article.project:hover{transform:translateY(-5px) scale(1.005) translateZ(0);box-shadow:0 4px 16px rgb(0 0 0 / .05)}.half>*:first-child{color:var(--Grey-060,#b8b4b3)}.half .top,.half .bottom{color:var(--Red-100,#392325)}.aboutMe p:not(:first-child){padding-top:var(--p-08,40px)}.XL-8{font-size:72px;font-style:normal;font-weight:700;line-height:105%;letter-spacing:-2.5px}.XL-6{font-size:56px;font-style:normal;font-weight:300;line-height:115%;letter-spacing:-1.5px}.XL-4{font-family:"DM Sans";font-size:40px;font-style:normal;font-weight:300;line-height:120%;letter-spacing:-.5px}.XL-3{font-family:"DM Sans";font-size:32px;font-style:normal;font-weight:700;line-height:125%;letter-spacing:-.5px}.XL-2{font-family:"DM Sans";font-size:24px;font-style:normal;font-weight:300;line-height:130%}.XL{font-family:"DM Sans";font-size:20px;font-style:normal;font-weight:300;line-height:160%}.M{font-family:"DM Sans";font-size:16px;font-style:normal;font-weight:300;line-height:160%}.S{font-family:"DM Sans";font-size:14px;font-style:normal;font-weight:300;line-height:170%}.XS{font-family:"DM Sans";font-size:12px;font-style:normal;font-weight:300;line-height:130%}.XS-2{font-family:"DM Sans";font-size:10px;font-style:normal;font-weight:300;line-height:160%}.bold{font-weight:700}.underline{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}header{display:flex;width:100vw;align-self:center;padding:var(--p-04) 0;justify-content:center;align-items:center;gap:0;position:fixed;left:0;right:0;top:var(--p-02,8px);z-index:1;box-sizing:border-box;flex-direction:column}header nav:first-child{display:flex;width:100%;max-width:688px;padding:var(--p-02,8px) var(--p-03,12px);justify-content:space-between;align-items:baseline;flex-shrink:0;border-radius:var(--r-01,12px);border:1px solid var(--Grey-010,#fbf9f7);background:rgb(255 255 255 / .7);box-shadow:0 4px 32px 0 rgb(0 0 0 / .04);backdrop-filter:blur(12px);flex-direction:column}nav div.main_nav{display:flex;flex-direction:row;width:100%;justify-content:space-between}nav.project{border-top:1px solid var(--Grey-020,#f2ede9);display:flex;width:100%;margin-top:var(--p-02,8px);padding:var(--p-02,8px) 0 0;justify-content:center}nav.project a{transition:font-weight .3s ease-out}nav.project a:hover{font-weight:700}.navProjectActive{font-weight:700}footer{background-color:var(--Red-100,#392325);color:var(--White-100);width:calc(100% - var(--p-08) * 2);padding:var(--p-07,32px) var(--p-08,40px);border-radius:var(--r-01,12px);display:flex;flex-direction:column;margin:var(--p-08,40px);max-width:1200px;align-self:center}div.footer{flex:1 1 0%}footer .contact{padding-bottom:var(--p-08,40px)}.columns{row-gap:24px;padding:0;width:100%}main.project .columns:not(:first-of-type){padding-top:var(--p-08,40px)}main.project .columns:nth-child(odd) .half{flex-direction:row-reverse}.columns>div{display:flex;gap:var(--p-08,40px)}.columns>div.full{padding-bottom:0}.columns>div.full.image{display:flex;flex-direction:column;padding:var(--p-07,32px) var(--p-08,40px);background:var(--Grey-010,#fbf9f7);border-radius:var(--r-01,12px);place-items:center}.columns>div.full.background{padding-bottom:var(--p-07,32px-)}.columns>div>*:first-child{--span:3;flex:0 0 25%;max-width:25%}.columns>div.tabSystem>section{--span:12;flex:0 0 auto;max-width:100%;box-sizing:border-box;padding:0;background:#fff0}div.full.image h3{align-self:start;flex:0 0 100%;max-width:100%}.columns section{--span:9;flex:1 1 75%;max-width:75%;display:flex;flex-direction:column}.columns>div.half>*{--span:6;flex:0 0 calc(50% - var(--p-08, 40px) / 2);max-width:calc(50% - var(--p-08, 40px) / 2);box-sizing:border-box}.whatIDo .half ul>li{color:rgb(40 40 40 / .4);display:inline;transition:color 8s ease-out;cursor:default}.whatIDo .half ul>li:not(:last-child):after{content:" / ";color:var(--Grey-060,#b8b4b3)}.half ul>li:hover{color:var(--Grey-100,#282828);transition:color 0.3s ease-out}.testimonials article{height:496px;box-shadow:0 4px 16px rgb(0 0 0 / .05);border-radius:16px;overflow:hidden;width:100%}.articles .half ul>li,.experience .half ul>li{color:var(--Grey-100,#282828)}.articles .half ul>li:not(:first-child),.experience .half ul>li:not(:first-child){margin-top:var(--p-04,16px)}.half ul>li p.date{color:var(--Grey-060,#b8b4b3)}nav a.M{transition:font-weight 0.3s ease-out;font-weight:400}.half a{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;transition:font-weight 0.3s ease-out}.half a:hover,nav a.M:hover{font-weight:700}.bold span{font-weight:400}.footer a:hover{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.columns .copyright{color:rgb(243 237 233 / .6);padding-top:28px;padding-bottom:0;align-items:center;align-self:stretch;border-top:1px solid rgb(255 255 255 / .1)}.button{color:var(--Black-100,#0f0f0f);display:flex;padding:var(--p-02,8px) var(--p-04,16px) 6px;justify-content:center;align-items:center;gap:0}.secondary{border-radius:var(--r-02,9999px);border:1px solid var(--Grey-030,#e9e5e2);box-shadow:0 0 0 0 rgb(0 0 0 / .02);transition:box-shadow 0.3s ease-in,background 0.3s ease-in,transform 0.3s ease-in;width:fit-content}.secondary:hover{transform:translateY(-1px) scale(1.002) translateZ(0);background:rgb(255 255 255 / .4);box-shadow:0 2px 4px 0 rgb(0 0 0 / .06)}#hero_project{width:100%;height:auto;padding-top:0}#hero_project .half{flex-direction:row}#hero_project .columns .half{gap:var(--p-08,40px);min-height:640px;padding:0}#hero_project .columns .half{height:100%}#hero_project .columns .half>*{flex:0 0 calc(50% - var(--p-08, 40px) / 2);max-width:calc(50% - var(--p-08, 40px) / 2);box-sizing:border-box;border-radius:var(--r-01,12px);align-self:stretch}#hero_project h1.XL-4{color:var(--Black-100,#0f0f0f);border-radius:var(--r-01,12px);background-color:var(--Grey-010,#fbf9f7);padding:var(--p-07,32px) var(--p-08,40px);box-sizing:border-box}main>[id]{width:100%}#context .columns div.full section{padding:var(--p-07,32px) var(--p-08,40px);border-radius:var(--r-01,12px);background:var(--Grey-010);box-sizing:border-box}.columns .full{gap:var(--p-08,40px)}.columns .full>img{width:100%;object-fit:contain;flex:0 0 100%;max-width:100%;border-radius:var(--r-01,12px)}#context .columns section{--span:6;flex:1 1 75%;max-width:75%;display:flex;flex-direction:column}#context .columns section.details{--span:3;flex:1 1 25%;max-width:25%;display:flex;flex-direction:column}ul li ul:not(.team) li::before{content:"• "}ul.team li{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:var(--r-02,9999px);color:var(--Black-100,#0f0f0f);filter:grayscale(1);transition:filter 0.3s ease-out;cursor:pointer;position:relative}ul.team li:last-child{background-color:var(--Grey-060,#b8b4b3)}ul.team li:hover{filter:grayscale(0)}ul.team li div{position:absolute;opacity:0;transition:opacity 0.3s ease-out;display:flex;flex-direction:column;border-radius:var(--r-01,12px);background:var(--Red-100,#392325);color:var(--Grey-010,#fbf9f7);object-fit:contain;flex-wrap:wrap;top:-9999px;width:0;height:0;flex:0 0 auto}ul.team li:hover div{opacity:1;width:auto;height:auto;padding:var(--p-01,4px) var(--p-04,16px);z-index:9999;top:42px;box-shadow:0 4px 32px 0 rgb(0 0 0 / .25);overflow:visible}ul.team li div *{white-space:nowrap;text-align:center;width:0;height:0;transition:all 0.3s ease-out}ul.team li:hover div *{width:auto;height:auto;transition:all 0.3s ease-out}ul.team li div *:last-child{color:var(--Grey-080,#a7a3a0)}ul.team li:not(:last-child){margin-right:var(--p-02,8px)}ul.team img{border-radius:var(--r-02,9999px)}#context .columns section>ul>li:not(:last-child){padding-bottom:var(--p-08,40px)}*:is(#solution,#problem,#conclusion) .columns section ul{padding:var(--p-02,8px) 0}*:is(#solution,#problem,#conclusion) .columns section ul li{margin-bottom:var(--p-04,16px);background:var(--Grey-020,#f2ede9);box-sizing:border-box;padding:var(--p-02,8px) var(--p-04,16px);border-radius:var(--r-01,12px);transition:background 0.3s ease-out,color 0.3s ease-out,transform 0.3s ease-out,box-shadow 0.3s ease-out}*:is(#solution,#problem,#conclusion) .columns section ul li:last-child{margin-bottom:0}*:is(#solution,#problem,#conclusion) .columns section ul li:hover{background:var(--Red-100,#392325);cursor:default;color:var(--Grey-010,#fbf9f7);transform:translateY(-5px) scale(1.005) translateZ(0);box-shadow:0 4px 16px rgb(0 0 0 / .05)}.columns .details>ul>li{padding-bottom:var(--p-05,24px)}.columns .full ul>li h3{padding-bottom:var(--p-02,8px);color:var(--Grey-080,#a7a3a0)}.columns .details>ul .team{display:flex;flex-direction:row;padding:0}.columns .details>ul .links{display:flex;flex-direction:column;padding:0}.image .links{align-self:start}.image>div{width:100%}.image>div:not(.container) img{width:100%}.links a{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;padding-bottom:var(--p-01,4px);transition:font-weight 0.3s ease-out;width:fit-content}.image .links a,.description .links a{background:var(--Black-100,#0f0f0f);border-radius:var(--r-02,9999px);text-decoration:none;outline:none;color:var(--White-100,#ffffff);padding:var(--p-02,8px) var(--p-03,12px) var(--p-02,8px) var(--p-04,16px);justify-content:center;align-items:center;display:flex;gap:6px}.image .links a span,.description .links a span{font-weight:700;font-size:16px;transition:transform 0.3s ease-out}.image .links a:hover span,.description .links a:hover span{transform:rotate(45deg)}.links a:hover{font-weight:700}#highlights .half{width:100%;gap:var(--p-08,40px);box-sizing:border-box}#highlights .half article{color:var(--Black-100,#0f0f0f);background-color:var(--Grey-020,#f2ede9);border-radius:var(--r-01,12px);padding:var(--p-07,32px) var(--p-08,40px);box-sizing:border-box;min-height:256px;height:25vh;display:flex;justify-content:space-between;flex-direction:column;transition:all 0.3s ease-out}#highlights .third{gap:var(--p-08);box-sizing:border-box;padding-top:var(--p-08,40px)}#highlights .columns .third article{color:var(--Black-100,#0f0f0f);background-color:var(--Grey-020,#f2ede9);border-radius:var(--r-01,12px);padding:var(--p-07,32px) var(--p-08,40px);box-sizing:border-box;min-height:256px;height:25vh;display:flex;justify-content:space-between;flex-direction:column;flex:0 0 calc(33.333% - (2 * var(--p-08, 40px) / 3));max-width:calc(33.333% - (2 * var(--p-08, 40px) / 3));transition:all 0.3s ease-out}#highlights .half article:hover,#highlights .third article:hover{color:var(--Grey-010,#fbf9f7);background-color:var(--Red-100,#392325);transform:translateY(-5px) scale(1.005) translateZ(0);box-shadow:0 4px 32px 0 rgb(0 0 0 / .04)}#problem .columns .half section,#conclusion .columns .half section,#solution .columns .half section{border-radius:var(--r-01,12px);color:var(--Red-100,#392325)}#problem .description h3,#conclusion .description h3,#solution .description h3{padding-bottom:var(--p-08,40px)}.description p.S:not(:last-child){padding-bottom:var(--p-04,16px)}section.extra{background-color:var(--Grey-020);height:initial}[id^="content"]{display:none;padding:0;background-color:#fff0}#CustomerSatisfaction:checked~#content-CustomerSatisfaction,#NetPromoterScore:checked~#content-NetPromoterScore,#States:checked~#content-States,#Structure:checked~#content-Structure,#Spacing:checked~#content-Spacing,#Scalability:checked~#content-Scalability,#Interaction:checked~#content-Interaction,#Colors:checked~#content-Colors,#CustomerSatisfactionImproved:checked~#content-CustomerSatisfactionImproved,#NetPromoterScoreImproved:checked~#content-NetPromoterScoreImproved{display:block}[type="radio"]{display:none}[type="radio"]:checked+.tab{color:var(--Red-100,#392325);font-weight:700}.tabSystem{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--p-01,4px);min-height:100%}.tab{width:fit-content;height:fit-content;cursor:pointer;color:var(--Grey-060,#b8b4b3);transition:color 0.3s ease-out,font-weight 0.3s ease-out;font-weight:400}.divider::after{content:" /";color:var(--Grey-060,#b8b4b3);font-weight:400}.tab:hover{color:var(--Red-100,#392325)}.tabSystem>div{padding-top:var(--p-07,32px);flex:0 0 100%;align-self:flex-end}.graphBar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--p-07,28px);align-self:stretch}.graphBar .bar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--p-04,16px);align-self:stretch}.graphBar .bar .text{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch}.bar .text p:first-child{color:var(--Grey-080,#b8b4b3)}.graphBar .bar .draw{width:100%;position:relative;height:var(--p-02,8px)}.graphBar .bar .draw .barTop{width:100%;position:absolute;top:0;height:var(--p-02,8px);align-self:stretch;border-radius:var(--r-02,9999px);background:var(--Grey-030,#e9e5e2)}.graphDivider{margin:var(--p-06,28px) 0;height:1px;background:var(--Grey-030,#e9e5e2);width:100%}.graphBar .bar .draw .barBase{position:absolute;top:0;height:var(--p-02,8px);align-self:stretch;border-radius:var(--r-02,9999px);background:var(--Grey-100,#282828)}div.tabSystem div>div.graphBar:first-child .bar .draw .barBase{background:var(--Grey-060,#b8b4b3)}section .contextPrinciple{background:var(--Red-100,#392325);justify-content:flex-end}.contextPrinciple .text{flex-direction:column}.contextPrinciple .graphDivider{margin:var(--p-06,28px) 0;height:1px;background:var(--Grey-080,#a7a3a0);width:100%}.contextPrinciple .text h4{padding-bottom:var(--p-04,16px);color:var(--Grey-060,#e9e5e2)}.contextPrinciple .text p{color:var(--Grey-010,#fbf9f7)}#content-CustomerSatisfaction .barBase{width:91%}#content-CustomerSatisfaction .graphBar:last-child .barBase{width:67%}#content-NetPromoterScore .barBase{width:75%}#content-NetPromoterScore .graphBar:last-child .barBase{width:45%}#content-CustomerSatisfactionImproved .barBase{width:67%}#content-CustomerSatisfactionImproved .graphBar:last-child .barBase{width:94%}#content-NetPromoterScoreImproved .barBase{width:45%}#content-NetPromoterScoreImproved .graphBar:last-child .barBase{width:72%}.half .extra img,.full .extra img{width:100%;object-fit:cover}.full.background{border-radius:var(--r-01,12px);padding:var(--p-07,32px) var(--p-08,40px);background:var(--Grey-010,#fbf9f7);box-sizing:border-box;display:flex}.background section,.background section:first-child{--span:6;flex:0 0 calc(50% - var(--p-08, 40px) / 2);max-width:calc(50% - var(--p-08, 40px) / 2);box-sizing:border-box}.container{display:grid;place-content:center;position:relative;overflow:hidden;border-radius:1rem;--position:50%;border:2px solid var(--Red-100,#392325)}.image-container img{max-width:100%;background:var(--White-100,#ffffff)}.slider-image{width:100%;height:100%;object-fit:cover;object-position:left}img.image-before{position:absolute;inset:0;z-index:1;width:var(--position)}.slider{position:absolute;inset:0;cursor:pointer;opacity:0!important;width:100%;height:100%}.slider:focus-visible~.slider-button{outline:5px solid #000;outline-offset:3px}.slider-line{position:absolute;inset:0;width:2px;height:100%;background-color:var(--Red-100,#392325);left:var(--position);transform:translateX(-50%);pointer-events:none}.slider-button{position:absolute;background-color:var(--Red-100,#392325);color:var(--White-100,#ffffff);padding:.5rem;border-radius:100vw;display:grid;place-items:center;top:50%;left:var(--position);transform:translate(-50%,-50%)!important;pointer-events:none}.confidential a{transition:font-weight .3s ease-out;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.confidential a:hover{font-weight:700}@media all and (max-width:1300px){div.row,#hero_project .columns .half{min-height:480px}#context .columns section.details,#context .columns section{--span:6;flex:1 1 50%;max-width:50%}}@media all and (max-width:1000px){div.row,#hero_project .columns .half{min-height:360px}}@media all and (max-width:820px){body{padding:var(--p-04,16px)}header{top:0;padding-top:0;margin:0 var(--p-02,8px);width:auto}header nav:first-child{max-width:496px}main{padding:var(--p-08,40px) 0}main>section{padding-top:var(--p-08,40px)}div.row,#hero_project .columns .half{min-height:240px}#hero_project .columns .half{gap:0;border-radius:var(--r-01,12px);overflow:hidden}#hero_project{padding-top:var(--p-08,40px)}.columns>div{flex-direction:column;gap:var(--p-05,24px)}.columns>div.half>*{flex:0 0 100%;max-width:100%}.whatIDo .half ul>li{color:var(--Grey-100,#282828)}.columns>div>*:first-child{flex:0 0 100%;max-width:100%}.columns .copyright{align-items:start}div.row{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr 1.5fr)}.project:nth-child(odd) .thumbnail{grid-row-start:2}section.description{gap:var(--p-08,40px)}#hero_project .half{flex-direction:column}#hero_project .columns .half>*{flex:0 0 100%;max-width:100%;border-radius:0}#hero_project .thumbnail{aspect-ratio:16 / 9;width:100%;position:relative;display:block}nav.project{display:none}#context .columns section,#context .columns section.details,#highlights .columns .third article,.background section{flex:1 1 100%;max-width:100%}.half a:hover,nav a.M:hover,.links a:hover,article.project:hover,#highlights .half article:hover,#highlights .third article:hover,.image .links a:hover span,.description .links a:hover span{font-weight:inherit;transform:none;box-shadow:none;color:inherit}.full.image .links a:hover,.image .links a:hover span,.description .links a:hover span{color:var(--White-100,#fff)}#highlights .half article:hover,#highlights .third article:hover{background-color:var(--Grey-020,#f2ede9)}#highlights .half article,#highlights .columns .third article{min-height:200px}#problem .columns .half section,#conclusion .columns .half section,#solution .columns .half section{gap:0}main.project .columns:nth-child(odd) .half{flex-direction:column}}