.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(1);transform-origin:top;will-change:transform}.transition-overlay.overlay-1{background-color:var(--fg)}.transition-overlay.overlay-2{background-color:var(--accent1)}.transition-overlay.overlay-3{background-color:var(--accent2)}.transition-overlay.overlay-4{background-color:var(--accent3)}.transition-overlay.overlay-5{background-color:var(--accent4)}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Thin.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-ThinItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Hairline.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-HairlineItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedBlack.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedLight.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-condensed;src:url(/fonts/formula/PPFormula-CondensedRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedLight.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-extended;src:url(/fonts/formula/PPFormula-ExtendedMedium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Extrabold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-ExtraboldItalic.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowSemibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedLight.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedMedium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula-semicondensed;src:url(/fonts/formula/PPFormula-SemiCondensedThin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:formula-semiextended;src:url(/fonts/formula/PPFormula-SemiExtendedBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Ultralight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}:root{--bg: #edf1e8;--bg2: #d7dbd2;--fg: #141414;--accent1: #ed6a5a;--accent2: #f4f1bb;--fluid-ink: #ffffff;--accent3: #9bc1bc;--accent4: #5d576b}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--fg)}img{width:100%;height:100%;object-fit:cover}h1,h2,h3{text-transform:uppercase;font-family:rader;font-style:italic;line-height:.95}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:2rem}a{text-decoration:none;color:var(--fg)}p,p.ss{font-family:formula-narrow;font-size:1.25rem;font-weight:600;line-height:1.125}p.mn{text-transform:uppercase;font-family:supply-mono;font-size:.875rem;font-weight:500;line-height:1.125}.contact-grid{--pane-bg: rgba(237, 241, 232, .36);--pane-bg-open: rgba(237, 241, 232, .12);--pane-blur: 14px;--pane-blur-open: 2px;position:relative;width:100%;padding:4em 2em;overflow-x:hidden;display:flex;flex-direction:column;gap:1.5em}.cs-page .case-study-footer,body.rt-body .case-study-footer{padding:1em 2em;background-color:var(--bg)}.contact-grid .contact-grid-intro{max-width:32ch}.contact-grid .contact-grid-stage{position:relative;isolation:isolate}.contact-grid .contact-grid-wordmark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;font-size:clamp(2.5rem,8vw,8rem);color:#1414148c;white-space:nowrap;pointer-events:none}.contact-grid .contact-grid-panes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1.5fr 1fr 1fr;gap:.875em;height:82svh;min-height:620px}.contact-grid .contact-pane{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:1em;padding:1.75em;border:.25em solid var(--fg);border-radius:1.5em;background-color:var(--pane-bg);box-shadow:.5em .5em 0 var(--fg);-webkit-backdrop-filter:blur(var(--pane-blur));backdrop-filter:blur(var(--pane-blur));transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .45s ease,-webkit-backdrop-filter .45s ease,backdrop-filter .45s ease}.contact-grid .contact-pane:hover,.contact-grid .contact-pane:focus-visible{border-color:var(--fg);background-color:var(--pane-bg-open);transform:translate(.15em,.15em);box-shadow:.35em .35em 0 var(--fg);-webkit-backdrop-filter:blur(var(--pane-blur-open));backdrop-filter:blur(var(--pane-blur-open))}.contact-grid .contact-pane:focus-visible{outline:.125em solid var(--accent1);outline-offset:.25em}.contact-grid .pane-arrow{transition:transform .4s cubic-bezier(.22,1,.36,1)}.contact-grid .contact-pane:hover .pane-arrow,.contact-grid .contact-pane:focus-visible .pane-arrow{transform:translate(.35em)}.contact-grid .contact-pane:hover .pane-arrow-external,.contact-grid .contact-pane:focus-visible .pane-arrow-external{transform:translate(.35em,-.35em)}.contact-grid .pane-work{grid-area:1 / 1 / 2 / 3}.contact-grid .pane-about{grid-area:1 / 3 / 2 / 4}.contact-grid .pane-contact{grid-area:2 / 1 / 3 / 2}.contact-grid .pane-instagram{grid-area:2 / 2 / 4 / 3}.contact-grid .pane-behance{grid-area:2 / 3 / 4 / 4}.contact-grid .pane-github{grid-area:3 / 1 / 4 / 2}@media(max-width:1000px){h1{font-size:2.5rem}.contact-grid{padding:3em 1em}.contact-grid .contact-grid-wordmark{font-size:clamp(2rem,11vw,6rem)}.contact-grid .contact-grid-panes{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:auto;min-height:0}.contact-grid .contact-pane{grid-area:auto;min-height:140px;padding:1.25em;border-radius:1em}}.contact-grid.case-study-footer .contact-grid-panes{height:calc(100svh - 2em)}@media(max-width:1000px){.contact-grid.case-study-footer .contact-grid-panes{height:auto}}.fluid-cursor{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:90;pointer-events:none}nav{position:fixed;top:0;left:0;width:100vw;padding:2em;display:flex;justify-content:flex-end;align-items:center;overflow-x:hidden;pointer-events:none;z-index:100}.logo{position:absolute;top:2em;left:2em;padding:.5em .65em;cursor:pointer;z-index:11}.logo a{color:var(--fg);-webkit-user-select:none;user-select:none}nav .menu-toggle-btn{padding:.6em .65em .65em;background-color:var(--bg2);color:var(--fg);pointer-events:auto}nav .menu-toggle-btn.menu-open{background-color:var(--fg);color:var(--bg)}nav .menu-toggle-btn p{-webkit-user-select:none;user-select:none}nav .menu-toggle-btn{border-radius:.4em;cursor:pointer}nav .menu-toggle-btn-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;height:.875rem;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;background-color:var(--bg2);overflow:hidden;pointer-events:none;opacity:0;z-index:10}.nav-overlay .nav-items{position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1em}.nav-overlay .nav-items .nav-item{position:relative;transform:translateY(100%);will-change:transform;opacity:0;border-radius:.5em;background-color:var(--bg)}.nav-overlay .nav-items .nav-item p{font-size:2rem;-webkit-user-select:none;user-select:none}.nav-overlay .nav-items .nav-item.active{background-color:var(--fg)}.nav-overlay .nav-items .nav-item.active p a{color:var(--bg)}.nav-overlay .nav-items .nav-item p a{display:block;padding:.5em .5em .3em}.nav-overlay .nav-footer{position:absolute;left:0;bottom:0;width:100%;padding:2em;display:flex;justify-content:space-between;align-items:flex-end;text-align:center;gap:1.5em}.nav-overlay .nav-footer .nav-footer-item{display:flex;flex-direction:column;gap:.5em}.nav-overlay .nav-footer .nav-footer-item p{font-size:.75rem;-webkit-user-select:none;user-select:none}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-header{position:relative;transform:translateY(100%);opacity:0;display:flex;justify-content:center;gap:.75em}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-header p{background-color:var(--bg);color:var(--fg);padding:.5em .65em;border-radius:.4em;text-align:center}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-copy{position:relative;transform:translateY(100%);opacity:0;display:flex;justify-content:center;gap:.75em}.nav-overlay .nav-footer-item:nth-child(1) .nav-footer-item-header{justify-content:flex-start}.nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:flex-end}.nav-overlay .nav-footer .nav-footer-item:last-child{margin-top:1em}@media(max-width:1000px){.nav-overlay .nav-items .nav-item p{font-size:1.5rem}.nav-overlay .nav-footer{flex-direction:column;justify-content:center;align-items:center}.nav-overlay .nav-footer-item:nth-child(1) .nav-footer-item-header{justify-content:center}.nav-overlay .nav-footer-item:nth-child(2){display:none}.nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:center}}.langue-btn{position:absolute;top:2em;right:7.5em;font-size:1rem;padding:.6em .65em .65em;border:none;border-radius:.4em;background-color:var(--bg2);color:var(--fg);cursor:pointer;pointer-events:auto;z-index:11}.langue-btn-wrapper{display:flex;align-items:center;gap:.3em;height:.875rem}.langue-btn .mn{text-transform:uppercase;font-family:supply-mono;font-size:.875rem;font-weight:500;line-height:1.125;-webkit-user-select:none;user-select:none}.langue-btn .langue-choix{opacity:.4;transition:opacity .25s ease}.langue-btn .langue-choix.est-active{opacity:1}.langue-btn .langue-sep{opacity:.3}.langue-btn:hover .langue-choix{opacity:.7}.langue-btn:hover .langue-choix.est-active{opacity:1}
