@charset "UTF-8";:root{--sidebar-width:70px;--main-width:calc(100% - (2 * var(--sidebar-width)));--navigation-height:100px;--footer-height:20%;--spacer-height:40px;--sidebar-height:calc(100% - (var(--navigation-height) + var(--footer-height) + var(--spacer-height)));--article-height:calc(100vh - var(--navigation-height));--splash-height:100vh}.container-12{width:min(100%,120rem);margin-inline:auto;padding-inline:clamp(1.6rem,4vw,4rem)}.row-12{display:flex;flex-wrap:wrap;margin-inline:-1.2rem}[class*=col-]{width:100%;min-width:0;padding-inline:1.2rem}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:36rem){.sm-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm-col-3{flex:0 0 25%;max-width:25%}.sm-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm-col-6{flex:0 0 50%;max-width:50%}.sm-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm-col-9{flex:0 0 75%;max-width:75%}.sm-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm-col-12{flex:0 0 100%;max-width:100%}}@media (min-width:48rem){.md-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md-col-3{flex:0 0 25%;max-width:25%}.md-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md-col-6{flex:0 0 50%;max-width:50%}.md-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md-col-9{flex:0 0 75%;max-width:75%}.md-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md-col-12{flex:0 0 100%;max-width:100%}}@media (min-width:62rem){.lg-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg-col-3{flex:0 0 25%;max-width:25%}.lg-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg-col-6{flex:0 0 50%;max-width:50%}.lg-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg-col-9{flex:0 0 75%;max-width:75%}.lg-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg-col-12{flex:0 0 100%;max-width:100%}}@media (min-width:75rem){.xl-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xl-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xl-col-3{flex:0 0 25%;max-width:25%}.xl-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xl-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xl-col-6{flex:0 0 50%;max-width:50%}.xl-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xl-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xl-col-9{flex:0 0 75%;max-width:75%}.xl-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xl-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xl-col-12{flex:0 0 100%;max-width:100%}}@media (min-width:90rem){.xxl-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xxl-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xxl-col-3{flex:0 0 25%;max-width:25%}.xxl-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xxl-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xxl-col-6{flex:0 0 50%;max-width:50%}.xxl-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xxl-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xxl-col-9{flex:0 0 75%;max-width:75%}.xxl-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xxl-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xxl-col-12{flex:0 0 100%;max-width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button):focus-visible{outline:2px solid #111;outline-offset:4px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}:after,:before{box-sizing:border-box}html{font-family:sans-serif;font-size:10px}@property --bg-outer{syntax:"<color>";initial-value:#d4d4d4;inherits:false}@property --bg-inner{syntax:"<color>";initial-value:#d4d4d4;inherits:false}body{width:100vw;height:auto;margin:0;overflow:hidden!important;line-height:1.5;color:#222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;background-color:#d4d4d4;background:linear-gradient(var(--bg-outer) 0,var(--bg-inner) 50%,var(--bg-outer) 100%);-webkit-user-drag:none;transition:--bg-outer .5s ease,--bg-inner .5s ease}@keyframes background-entry-animation{from{opacity:0}to{opacity:1}}body::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100vh;opacity:0;background-image:url(../img/profile.png);background-attachment:local;background-position:top center;background-repeat:no-repeat;background-size:cover;filter:grayscale(97.5%);animation:background-entry-animation 180ms linear 2.25s forwards;z-index:-1}body.hide::before{visibility:hidden}@keyframes splash-animation{from{transform:translateY(0)}to{transform:translateY(-100vh)}}body .page{position:relative;display:grid;width:100%;height:100vh;padding:0 30px;cursor:default;grid-template-areas:"t t t" "n n n" "s s s" "l b b" "l f f" "a a a";grid-template-columns:var(--sidebar-width) var(--main-width) var(--sidebar-width);grid-template-rows:var(--splash-height) var(--navigation-height) var(--spacer-height) var(--sidebar-height) var(--footer-height) var(--article-height);transform:translateY(0);animation:splash-animation 240ms linear 2s forwards;z-index:1000}.page.black,body.black{--bg-outer:rgba(204, 79, 0, .015);--bg-inner:rgba(214, 92, 5, .015)}.page.blue,body.blue{--bg-outer:rgba(204, 180, 0, .015);--bg-inner:rgba(223, 199, 30, .015)}.page.orange,body.orange{--bg-outer:rgba(125, 204, 0, .015);--bg-inner:rgba(146, 224, 26, .015)}.page.red,body.red{--bg-outer:rgba(0, 125, 204, .015);--bg-inner:rgba(30, 149, 224, .015)}.page.white,body.white{--bg-outer:rgba(78, 0, 204, .015);--bg-inner:rgba(103, 26, 224, .015)}@keyframes splash-entry-animation{from{opacity:1}to{opacity:0}}.page .splash{position:relative;display:flex;justify-content:center;align-items:center;grid-area:t;margin:0 -30px;opacity:1;overflow:hidden;background-color:#d4d4d4;animation:splash-entry-animation 240ms linear 1.75s forwards}.splash .signature{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:1}.splash .signature .ink-clip{display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.splash .signature .ink{display:block;color:#111;line-height:1.05;padding:.1em .12em .24em .08em;white-space:nowrap;font-family:"Meow Script","Segoe Script","Brush Script MT",cursive;font-size:clamp(4.8rem,6.9vw,8.3rem);font-weight:400;-webkit-text-stroke:.35px #d4d4d4;paint-order:stroke fill;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}.splash .canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2;pointer-events:none}@keyframes navigation-entry-animation{from{opacity:0}to{opacity:1}}.page .navigation{display:flex;justify-content:center;align-items:center;grid-area:n;opacity:0;overflow:hidden;animation:navigation-entry-animation 240ms linear 2.5s forwards}.navigation .list{display:flex;width:100%;height:100%;margin:0;padding:0;list-style-type:none}.navigation .list>.list-item,.navigation .list>.list-item+.list-item{display:flex;justify-content:center;align-items:center;width:auto;height:100%;flex-shrink:0}.navigation .list>.list-item:nth-child(1){width:var(--sidebar-width)!important}.navigation .list>.list-item:nth-child(2){width:calc(82.5% - var(--sidebar-width));padding-left:52.5rem}.navigation .list>.list-item:nth-child(1) .fig{display:block;width:30px;height:30px;margin:0;padding:0}.navigation .list>.list-item:nth-child(1) .fig>.obj{display:block;width:100%;height:100%;margin:0;padding:0;background-image:url(../img/logo.svg);background-attachment:local;background-position:center;background-repeat:no-repeat;background-size:cover}.navigation .list>.list-item:nth-child(3){width:17.5%;justify-content:flex-end;padding-right:var(--sidebar-width)}.navigation .list>.list-item:nth-child(3) .link{display:flex;align-items:center;padding:1.25rem 2.5rem 1rem 2.75rem;line-height:1;color:#111;font-size:90%;font-weight:700;border:1px solid #000;background:0 0;border-radius:20px;text-decoration:none}.navigation .list>.list-item:nth-child(3) .link:hover{color:#fff;cursor:pointer;background-color:#000}.navigation .list>.list-item:nth-child(3) .link .icon{display:inline-block;margin:-2px 0 0 10px;width:14px;height:14px;fill:#000;transform:rotate(-45deg)}.navigation .list>.list-item:nth-child(3) .link:hover .icon{fill:#fff}.navigation .list .list{display:flex;width:100%;height:100%;margin:0;padding:0;list-style-type:none}.navigation .list .list>.list-item,.navigation .list .list>.list-item+.list-item{display:flex;justify-content:center;align-items:center;width:auto!important;height:100%;margin-right:3rem;padding:0}.navigation .list .list>.list-item.active{border-top:2px solid #333}.navigation .list .list>.list-item .link{padding:0;color:#444;font-size:97.5%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;border:none;background:0 0!important;border-radius:0;text-decoration:none;transition:color 120ms linear}.navigation .list .list>.list-item:not(.active) .link:hover{color:#333;cursor:pointer;background:0 0}.navigation .list .list>.list-item.active .link{margin-top:-2px;color:#333;cursor:default!important;font-weight:500}.navigation .list .list>.list-item .link:focus{outline:0}.navigation .brand-logo{display:block;width:250px;height:100%;margin:auto;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.navigation .brand-logo text{font-family:"Meow Script",cursive;font-size:4.5rem;font-style:normal;font-weight:400;text-anchor:middle;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}.navigation .brand-logo text>textPath{fill:#777}@keyframes left-menu-entry-animation{from{opacity:0}to{opacity:.6}}.page .left-menu{grid-area:l;padding:10.5rem 0;opacity:0;overflow:hidden;animation:left-menu-entry-animation 240ms linear 2.5s forwards}.page .left-menu.hide{visibility:hidden}.left-menu .list{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;list-style-type:none}.left-menu .list>.list-item,.left-menu .list>.list-item+.list-item{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.left-menu .list>.list-item:nth-child(1){max-height:10rem}.left-menu .list>.list-item:nth-child(2){min-height:30rem;height:auto;padding:30px 0}.left-menu .list>.list-item:nth-child(2) hr{display:block;width:1px;height:100%;margin:0;border:none;border-radius:0;background-color:#888}.left-menu .list>.list-item span{color:#888;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;transform:rotate(-90deg);white-space:nowrap}.page .spacer{grid-area:s}.page .spacer.hide{visibility:hidden}.page .banner{--title-track-x:0px;--title-track-y:0px;--text-track-x:0px;--text-track-y:0px;position:relative;grid-area:b;padding:26.5rem 0 0 12.5rem;z-index:3000}.page .banner.hide{visibility:hidden}.banner .hero{--hero-track-x:0px;--hero-track-y:0px;position:absolute;display:inline-block;margin:0;top:9rem;left:12.5rem;color:#262525;font-size:150%;font-family:"Cossette Texte",sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;transform:translate3d(var(--hero-track-x),var(--hero-track-y),0) scaleX(4) scaleY(3);transform-origin:left}@keyframes banner-hero-left-text-entry-animation{from{opacity:.1;transform:translateX(-20%)}to{opacity:1;transform:translateX(0)}}.banner .hero .left-text{display:inline-block;opacity:.1;transform:translateX(-20%);animation:banner-hero-left-text-entry-animation 240ms linear 2.25s forwards}@keyframes banner-hero-right-text-entry-animation{from{opacity:.1;transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}.banner .hero .right-text{display:inline-block;opacity:.1;transform:translateX(20%);animation:banner-hero-right-text-entry-animation 240ms linear 2.25s forwards}.banner .list{max-width:40rem;display:flex;width:100%;height:auto;margin:0 0 0 4%;padding:0;list-style-type:none}.banner .list>.list-item,.banner .list>.list-item+.list-item{display:flex;width:131px;height:100%}.banner .list>.list-item:nth-child(2){justify-content:center;align-items:center;width:calc(100% - 262px)}.banner .list>.list-item:nth-child(2) hr{width:1px;height:57px;border:none;background-color:#888;border-radius:0}.banner .left-panel{width:25px;height:100%}.banner .left-panel svg{display:block;width:20px;height:20px;margin-top:5px}.banner .right-panel{width:auto;height:100%}.banner .right-panel h4{margin:0;line-height:1;color:#000;font-size:360%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"wdth" 100}.banner .right-panel span{margin:0 0 0 3px;color:#666;font-size:90%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@keyframes banner-title-entry-animation{from{opacity:.1;transform:translate(20%,0)}to{opacity:1;transform:translate3d(var(--title-track-x),var(--title-track-y),0)}}.banner .title{max-width:40rem;margin:11.5rem 0 0 0;opacity:.1;color:#000;font-family:"Instrument Serif",serif;font-size:245%;font-weight:400;font-style:normal;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;transform:translate(20%,0);animation:banner-title-entry-animation 240ms linear 2.25s forwards}.banner .title .sub{margin-left:8px;color:#444;font-size:60%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}@keyframes banner-text-entry-animation{from{opacity:.1;transform:translate(-20%,0)}to{opacity:1;transform:translate3d(var(--text-track-x),var(--text-track-y),0)}}.banner .text{max-width:42.5rem;margin:20px 0 8.5rem 0;line-height:1.6;opacity:.1;color:#202020;font-size:110%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;transform:translate3d(var(--text-track-x),var(--text-track-y),0);animation:banner-text-entry-animation 240ms linear 2.25s forwards}@keyframes banner-link-entry-animation{from{opacity:0}to{opacity:1}}.banner .link{max-width:19rem;display:flex;justify-content:center;align-items:center;padding:12px 20px 12.5px 20px;opacity:0;color:#111;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-size:105%;font-style:normal;font-variation-settings:"wdth" 100;border:1px solid #111;background:0 0;border-radius:40px;text-decoration:none;animation:banner-link-entry-animation 240ms linear 2.5s forwards}.banner .link:hover{color:#fff;cursor:pointer;background-color:#111}.banner .icon{display:inline-block;width:16px;height:16px;margin:0 0 0 15px;fill:#111}.banner .link:hover .icon{fill:#fff}.banner .icon svg{display:inline-block;width:100%;height:100%}@keyframes banner-label-animation{from{opacity:0}to{opacity:.15}}.banner .label{display:none!important;position:absolute;top:4.5rem;left:-1.5rem;line-height:1;opacity:0;color:#d4d4d4;font-size:1000%;font-family:"Instrument Serif",serif;font-weight:400;font-style:normal;writing-mode:vertical-rl;transform:rotate(180deg);text-shadow:1px 1px 1px rgba(255,255,255,.055),-1px -1px 1px rgba(0,0,0,.055);animation:banner-label-animation 240ms linear 2.5s forwards;z-index:-1}.page .footer{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;grid-area:f;padding:0 7rem 0 3%;z-index:2000}.page .footer.hide{visibility:hidden}.footer .legal-list{display:flex;gap:1.4rem;margin:0;padding:1rem 0 0;list-style-type:none}.footer .legal-item{display:flex}.footer .legal-link{padding:.95rem 1.55rem;color:#555;font-size:1.18rem;font-family:Roboto,sans-serif;font-weight:500;letter-spacing:.04em;border:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.16);border-radius:999px}.footer .legal-link:hover{color:#fff;cursor:pointer;background-color:#111;border-color:#111}.footer .scroll-indicator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:auto;height:80%;margin:0;padding:0}.scroll-indicator .indicator-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;transform:translateY(0);animation:scroll-indicator-animation 4s cubic-bezier(.17,.67,.83,.67) .5s infinite forwards}@keyframes scroll-indicator-animation{0%{opacity:0;color:#1b1c1a;transform:translateY(27%)}50%{opacity:1;color:#e3e5e3;transform:translateY(57%)}50.5%{opacity:0;color:#1b1c1a}100%{opacity:0;color:#1b1c1a;transform:translateY(57%)}}.scroll-indicator .indicator-icon{display:block;width:100px;height:100%;padding:25px;fill:currentColor}.scroll-indicator .indicator-label{margin-top:-12px;color:currentColor;font-size:.9rem;line-height:1;text-transform:uppercase;letter-spacing:.2rem}.footer .label{position:absolute;display:flex;align-items:center;top:calc(20% - 20px);right:40px;line-height:1;color:#111;font-size:90%;font-family:"Google Sans Code",monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}.footer .label>svg{display:inline-block;width:16px;height:16px;margin-right:5px;fill:#269b40}.page .article{--about-hero-track-x:0px;--about-hero-track-y:0px;--about-hero-counter-x:0px;--about-hero-counter-y:0px;--about-image-front-x:0px;--about-image-front-y:0px;--about-image-back-x:0px;--about-image-back-y:0px;position:relative;display:block;grid-area:a;margin:0 -30px;border-top-left-radius:40px;border-top-right-radius:40px;transform:translateY(0);transition:transform 240ms linear;z-index:3000}.page .article.open{transform:translateY(-100%)}.article .section{--background-color:#d4d4d4;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:10rem 12.5% 0 calc(12.5% - 9rem);overflow:hidden;border-top-left-radius:40px;border-top-right-radius:40px;box-shadow:0 -1px 2.5px 0 rgba(0,0,0,.015)}.article .section.about-me{background-image:url(../img/background.svg);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none}.section .button{position:absolute;display:block;width:40px;height:40px;top:5rem;right:5rem;color:#111;border:1px solid #111;background:0 0;border-radius:40px;z-index:8000}.article .section.about-me .button{top:10rem;left:5rem;right:auto}.section .button:hover{color:#fff;cursor:pointer;background-color:#111}.section .list{display:flex;width:100%;height:100%;margin:0;padding:0;list-style-type:none}.section .list .list-item,.section .list .list-item+.list-item{position:relative;display:block;width:50%}.section .list .list-item:last-child{padding:0 0 0 3rem}.article .section .list .list-item hr{position:absolute;width:1px;height:calc(100% - 10px);bottom:0;left:0;margin:0;border:none;background:#ddd;border-radius:0}.section .list .list-item:last-child .quote{position:absolute;top:12.5rem;right:2rem;line-height:1.6;color:#222;font-size:110%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.section .fig{position:relative;display:block;width:100%;height:100%;margin:0;padding:0}.section .fig>.img{position:relative;display:block;width:auto;height:auto;margin:0;padding:0;filter:grayscale(97.5%)}.section .fig>.img:nth-child(1){margin:0 0 0 2%;transform:translate3d(var(--about-image-front-x),var(--about-image-front-y),0);border-radius:40rem;z-index:8000}.section .fig>.img:nth-child(2){margin:0 4% 0 0;position:absolute;right:0;bottom:0;opacity:.85;filter:grayscale(97.5%) blur(.95px);border-radius:40rem;transform:translate3d(var(--about-image-back-x),var(--about-image-back-y),0);z-index:7000}.section .title{max-width:65rem;margin:0 0 9rem;line-height:1.3;color:#333;font-size:300%;font-family:"Cossette Texte",sans-serif;font-weight:700;font-style:normal;text-transform:uppercase}.section.about-me .title{transform:translate3d(var(--about-hero-track-x),var(--about-hero-track-y),0)}.section .title>.highlight{display:inline-block;margin-top:1.5rem;color:#111;font-size:136.35%}.section.about-me .title>.highlight,.section.about-me .title>.sub{transform:translate3d(var(--about-hero-counter-x),var(--about-hero-counter-y),0)}.section .title>.sub{display:inline-block;width:100%;color:#2f2f2f;font-family:"Instrument Serif",serif;font-size:55%;font-style:normal;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;text-align:right;text-transform:capitalize}.section .text{max-width:65rem;margin:0 0 7rem;line-height:1.8;color:#303030;font-size:105%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.section .text strong{color:#202020}.section .link{max-width:18.5rem;display:flex;justify-content:center;align-items:center;color:#111;padding:1.25rem 0;line-height:1;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-size:110%;font-style:normal;font-variation-settings:"wdth" 100;border:1px solid #000;border-radius:20px;text-decoration:none}.section .link:hover{color:#fff;cursor:pointer;background-color:#000}.section .label,.section .label+.label{position:absolute;bottom:-30px;left:-50px;opacity:.018;font-size:800%;font-family:"Instrument Serif",serif;font-weight:400;font-style:normal;writing-mode:vertical-rl}.section .label:nth-child(4){bottom:0;left:-30px;opacity:.012}.section .label:nth-child(5){bottom:30px;left:0;opacity:.009}.section .label:nth-child(6){bottom:60px;left:30px;opacity:.002}.section .label:nth-child(7){bottom:90px;left:60px;opacity:.001}.article .section.experience{justify-content:center;align-items:center;padding:0 4.5rem 1.3rem 12.5rem;background:0 0}.section.experience .button{top:6.2rem;left:3.8rem;right:auto;z-index:6;color:#545454;border-color:rgba(64,64,64,.45);background-color:rgba(255,255,255,.78);backdrop-filter:blur(.4rem)}.section.experience .panel{position:relative;width:100%;height:100%;min-height:65.5rem;overflow:hidden;border-radius:3.2rem;background:#f4f1ee;box-shadow:0 1.6rem 4rem rgba(40,40,40,.08);isolation:isolate}.section.experience .visual{position:absolute;top:0;right:0;bottom:0;width:46.2%;background:linear-gradient(rgba(14,14,14,.38),rgba(14,14,14,.42)),url(../img/bikes.png);background-position:64% center;background-size:cover;background-repeat:no-repeat;filter:grayscale(100%);z-index:1}.section.experience .visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(0,0,0,.16)),radial-gradient(circle at 94% 22%,rgba(255,255,255,.12),transparent 24%)}.section.experience .copy{position:relative;display:flex;align-items:center;min-height:100%;width:58.8%;min-width:0;padding:2.5rem 4rem 5rem 12.5rem;background:0 0;z-index:3}.section.experience .copy::before{content:"";position:absolute;top:0;bottom:0;left:0;right:-8rem;background:#f7f4f1;z-index:-1;pointer-events:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H778C873 0 944 24 983 83C1015 131 1013 203 973 251C936 295 881 322 872 377C863 433 929 479 960 532C994 590 993 655 961 713C931 768 876 812 877 874C877 921 909 962 944 1000H0Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:left top;-webkit-mask-size:100% 100%;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H778C873 0 944 24 983 83C1015 131 1013 203 973 251C936 295 881 322 872 377C863 433 929 479 960 532C994 590 993 655 961 713C931 768 876 812 877 874C877 921 909 962 944 1000H0Z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:left top;mask-size:100% 100%}.section.experience .copy-inner{position:relative;max-width:50rem;z-index:2}.section.experience .eyebrow{display:inline-flex;align-items:center;margin:0 0 1.9rem;letter-spacing:.34em;color:#717171;font-size:1.08rem;font-family:Roboto,sans-serif;font-weight:700}.section.experience .eyebrow .dot{width:.55rem;height:.55rem;margin-right:1.4rem;background-color:#111;border-radius:50%}.section.experience .hero{margin:0 0 2.1rem;line-height:.86;letter-spacing:-.42rem;color:#141414;font-size:clamp(7.2rem,7vw,9.8rem);font-family:Roboto,sans-serif;font-weight:800}.section.experience .subhero{margin:0 0 2.4rem;line-height:1.08;color:#2f2f2f;font-size:clamp(2.35rem,2vw,3rem);font-family:"Instrument Serif",serif;font-weight:400}.section.experience .text{margin:0 0 1.55rem;line-height:1.7;color:#545454;font-size:1.36rem;font-family:Roboto,sans-serif;text-align:left}.section.experience .cta{display:inline-flex;align-items:center;gap:1.1rem;margin-top:1.3rem;padding:1.18rem 2.5rem;color:#212121;font-size:1.32rem;font-family:Roboto,sans-serif;font-weight:600;border:1px solid rgba(0,0,0,.34);border-radius:999px;text-decoration:none}.section.experience .cta:hover{color:#fff;background-color:#111}.section.experience .cta svg{width:1.35rem;height:1.35rem;fill:currentColor}.section.experience .watermark{position:absolute;left:-9.5rem;bottom:2.2rem;opacity:.028;letter-spacing:.08em;color:#111;font-size:8.5rem;font-family:"Instrument Serif",serif;writing-mode:vertical-rl;transform:rotate(180deg)}.section.experience .meta{position:absolute;right:4.4rem;bottom:4.6rem;z-index:2;padding-left:2rem;letter-spacing:.24em;color:rgba(255,255,255,.84);font-size:.96rem;font-family:Roboto,sans-serif;font-weight:700}.section.experience .meta::before{content:"";position:absolute;left:0;top:50%;width:1px;height:2.8rem;background:rgba(255,255,255,.72);transform:translateY(-50%)}.article .section.services{align-items:center;padding:7rem 30rem 0}.section.services .header{width:100%}.header .list{display:flex;width:100%;margin:0;padding:0;list-style-type:none}.header .list>.list-item,.header .list>.list-item+.list-item{display:flex;align-items:center;width:50%;height:auto}.header .list>.list-item:nth-child(2){justify-content:flex-end;padding-right:2.5rem}.header .list>.list-item:nth-child(2) p{text-align:right}.header label{color:#444;font-size:95%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.header .hero{line-height:1;letter-spacing:-1.5px;color:#262525;font-size:450%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.header .hero em{font-style:italic;font-weight:400}.header .text{color:#333;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.section.services .content{width:100%}.content .list{display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style-type:none;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.content .list>.list-item,.content .list>.list-item+.list-item{display:flex;align-items:center;width:100%;height:auto;padding:1.5rem 0;border-bottom:1px solid #bbb}.content .list>.list-item:last-child{border-bottom:none}.content .list .list{display:flex;flex-direction:row;margin:0;padding:0;list-style-type:none;border:none}.content .list .list>.list-item,.content .list .list>.list-item+.list-item{display:flex;padding-right:2.5rem;border-bottom:none}.content .list .list>.list-item:nth-child(1){width:3%;color:#222;font-size:110%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.content .list .list>.list-item:nth-child(2){width:5%}.content .list .list>.list-item:nth-child(3){width:33%;letter-spacing:-.5px;font-size:205%;font-family:"Cossette Texte",sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.content .list .list>.list-item:nth-child(4){width:49%}.content .list .list>.list-item:nth-child(5){width:10%;justify-content:flex-end}.content .list .list>.list-item:nth-child(4) .text{max-width:60%;margin-bottom:0;color:#444;font-size:111.5%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.content .button{position:relative;display:flex!important;justify-content:center;align-items:center;top:auto;left:auto;bottom:auto;right:auto;display:block;padding:0;border:1px solid #999;background:0 0;border-radius:4rem}.content .button:hover{cursor:pointer}.content .button svg{display:block;width:14px;height:20px;fill:#3f3f3f;transform:rotate(-45deg)}.section.services .footer{width:100%;padding:5rem 0 0}.footer .list{display:flex;flex-direction:row;margin:0;padding:0;list-style-type:none}.footer .list>.list-item,.footer .list>.list-item+.list-item{display:flex;align-items:center;width:100%;height:auto}.footer .list>.list-item:nth-child(2){justify-content:flex-end;padding-right:2.5rem}.footer span{color:#444;font-size:105%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.footer button{display:flex;padding:2rem 0;color:#222;font-size:112.5%;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100;border:none;border-bottom:2px solid #aaa;background:0 0;border-radius:0}.footer button span{margin-right:50px}.footer button svg{display:block;width:20px;height:20px;fill:#7f7f7f}.article .section.contact,.article .section.legal,.article .section.social-media{justify-content:flex-start;align-items:flex-start;padding:0 4rem 0 12.5rem}.section.contact .button,.section.legal .button,.section.social-media .button{top:2rem;left:2rem;right:auto;width:3.8rem;height:3.8rem;color:#666;border-color:#b6b6b6;background-color:rgba(255,255,255,.35)}.section.contact .button:hover,.section.legal .button:hover,.section.social-media .button:hover{color:#fff;border-color:#111}.section.contact .shell,.section.legal .shell,.section.social-media .shell{display:flex;flex-direction:column;width:min(100%,112rem);height:calc(100% - 3rem);padding:7rem 7rem 4.5rem}.section.contact .eyebrow,.section.legal .eyebrow,.section.social-media .eyebrow{display:inline-flex;align-items:center;margin:0 0 2rem;letter-spacing:.14em;color:#9a9a9a;font-size:1.1rem;font-family:Roboto,sans-serif;font-weight:700}.section.contact .eyebrow .dot,.section.legal .eyebrow .dot,.section.social-media .eyebrow .dot{width:.55rem;height:.55rem;margin-right:1.2rem;background-color:#111;border-radius:50%}.section.contact .hero,.section.legal .hero,.section.social-media .hero{margin:0 0 2.4rem;line-height:.92;letter-spacing:-.18rem;color:#232323;font-size:clamp(5.4rem,5.8vw,8.2rem);font-family:Roboto,sans-serif;font-weight:600;text-transform:none}.section.contact .lede,.section.legal .lede,.section.social-media .lede{max-width:52rem;margin:0 0 5rem;line-height:1.7;color:#4a4a4a;font-size:1.6rem;font-family:Roboto,sans-serif}.section.social-media .social-list{width:min(100%,46rem);margin:0;padding:2rem 0 0;list-style-type:none}.section.social-media .social-item,.section.social-media .social-item+.social-item{width:100%;border-bottom:1px solid rgba(0,0,0,.08)}.section.social-media .social-link{display:flex;align-items:center;width:100%;padding:1.8rem 0;color:#262626;text-decoration:none}.section.social-media .icon-box{display:inline-flex;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;margin-right:2.2rem;border:1px solid rgba(0,0,0,.18);border-radius:1.2rem}.section.social-media .icon-box svg{width:2.2rem;height:2.2rem;fill:#232323}.section.social-media .name{font-size:3rem;font-family:"Instrument Serif",serif;color:#2d2d2d}.section.social-media .arrow{margin-left:auto}.section.social-media .arrow svg{width:2rem;height:2rem;fill:#5f5f5f}.section.contact .footer-note,.section.social-media .footer-note{margin-top:auto;letter-spacing:.08em;color:#9a9a9a;font-size:1.2rem;font-family:Roboto,sans-serif;font-weight:700}.section.contact .contact-row{width:100%;border-bottom:1px solid rgba(0,0,0,.08)}.section.contact .meta{display:block;margin:0 0 1rem;letter-spacing:.08em;color:#979797;font-size:1.15rem;font-family:Roboto,sans-serif;font-weight:700}.section.contact .email-line{display:flex;align-items:center}.section.contact .email{color:#313131;font-size:clamp(3rem,3.4vw,5rem);font-family:"Instrument Serif",serif;text-decoration:none}.section.contact .copy-button{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;margin-left:2rem;border:none;background:0 0}.section.contact .copy-button:hover{cursor:pointer}.section.contact .copy-button svg{width:2rem;height:2rem;fill:#737373}.section.contact .detail-grid{display:grid;grid-template-columns:1.15fr .95fr;width:100%;padding-top:4rem}.section.contact .column{min-width:0}.section.contact .column.expectations{padding-left:4rem;border-left:1px solid rgba(0,0,0,.08)}.section.contact .bullet-list,.section.contact .expect-list{margin:0;padding:0;list-style-type:none}.section.contact .bullet-item,.section.contact .bullet-item+.bullet-item{position:relative;padding:0 0 1.6rem 2.4rem;line-height:1.7;color:#474747;font-size:1.45rem;font-family:Roboto,sans-serif}.section.contact .bullet-item::before{content:"→";position:absolute;top:0;left:0;color:#4f4f4f}.section.contact .expect-item,.section.contact .expect-item+.expect-item{display:flex;align-items:flex-start;padding-bottom:2rem}.section.contact .expect-item .icon{display:inline-flex;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;margin-right:1.6rem;border:1px solid rgba(0,0,0,.14);border-radius:50%}.section.contact .expect-item .icon svg{width:1.55rem;height:1.55rem;fill:#6a6a6a}.section.contact .expect-item .copy strong{display:block;margin-bottom:.5rem;letter-spacing:.04em;color:#4b4b4b;font-size:1.2rem;font-family:Roboto,sans-serif;font-weight:700}.section.contact .expect-item .copy p{margin:0;line-height:1.7;color:#666;font-size:1.35rem;font-family:Roboto,sans-serif}.section.legal .shell{width:min(100%,108rem)}.section.legal .header{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.section.legal .updated{margin-bottom:3rem;color:#878787;font-size:1.25rem;font-family:Roboto,sans-serif}.section.legal .content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 4rem;width:100%;padding-top:1rem}.section.legal .legal-block{padding:2.4rem 0 0;border-top:1px solid rgba(0,0,0,.08)}.section.legal .legal-block h3{margin:0 0 1.2rem;color:#252525;font-size:2rem;font-family:Roboto,sans-serif;font-weight:600}.section.legal .legal-block p{margin:0;line-height:1.8;color:#555;font-size:1.55rem;font-family:Roboto,sans-serif}.section.legal .footer-note{width:100%;margin-top:auto;padding-top:3.2rem;border-top:1px solid rgba(0,0,0,.08);color:#7f7f7f;font-size:1.35rem;font-family:Roboto,sans-serif}.section.legal .footer-note a{color:#3a3a3a;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.18)}@media (max-width:90rem){:root{--sidebar-width:56px;--navigation-height:88px;--footer-height:16%}.navigation .list>.list-item:nth-child(2){width:calc(78% - var(--sidebar-width));padding-left:clamp(18rem,26vw,42rem)}.navigation .list>.list-item:nth-child(3){width:22%;padding-right:2rem}.page .banner{padding-left:clamp(7rem,9vw,12.5rem)}.banner .hero{left:clamp(7rem,9vw,12.5rem)}.article .section.services{padding-inline:clamp(8rem,14vw,24rem)}}@media (max-width:75rem){body{overflow-y:auto!important}.page .splash{position:fixed;inset:0;margin:0;grid-area:auto;pointer-events:none;z-index:5000}.page .article{margin:0;min-height:0}.page .article:not(.open){display:none}.page .article.open{display:block;transform:none}.page .banner.hide,.page .footer.hide,.page .left-menu.hide,.page .spacer.hide{display:none}body .page{min-height:100vh;height:auto;padding-inline:2rem;overflow-x:clip;transform:none;animation:none;grid-template-columns:1fr;grid-template-areas:"n" "s" "b" "l" "f" "a";grid-template-rows:auto 0 auto auto auto 0}body .page:has(.article.open){grid-template-rows:auto 0 auto auto auto var(--article-height)}.page .splash{margin-inline:0}.navigation .list>.list-item:nth-child(1){width:4.8rem!important}.navigation .list>.list-item:nth-child(2){width:calc(100% - 18rem);padding-left:0}.navigation .list .list{justify-content:center}.navigation .list .list>.list-item,.navigation .list .list>.list-item+.list-item{margin-right:clamp(1.2rem,2vw,2.4rem)}.navigation .list>.list-item:nth-child(3){width:13.2rem;padding-right:0}.page .left-menu{display:none}.page .banner{min-height:64rem;padding:clamp(22rem,28vw,28rem) 0 8rem clamp(4rem,10vw,10rem)}.banner .hero{top:clamp(7rem,11vw,10rem);left:clamp(4rem,10vw,10rem);transform:translate3d(var(--hero-track-x),var(--hero-track-y),0) scaleX(3.1) scaleY(2.4)}.page .article{min-height:var(--article-height)}.article .section{min-height:var(--article-height);height:auto;overflow-y:auto;padding:clamp(8rem,10vw,11rem) clamp(3rem,8vw,8rem) 6rem}.section .list{flex-direction:column}.section .list .list-item,.section .list .list-item+.list-item{width:100%}.section .list .list-item:last-child{padding-left:0}.article .section.about-me .button{top:4rem}.article .section.services{padding-inline:clamp(3rem,8vw,8rem)}.article .section.experience{padding:1.4rem}.section.experience .button{top:3rem;left:3rem}.section.experience .panel{min-height:0;height:auto}.section.experience .copy,.section.experience .visual{position:relative;width:100%}.section.experience .visual{min-height:36rem}.section.experience .copy{min-height:0;padding:8.8rem 3rem 4rem}.section.experience .copy::before{right:0}.section.experience .copy::after{left:1.2rem;top:8.8rem}.section.experience .copy-inner{max-width:100%}.section.experience .hero{font-size:clamp(5.8rem,18vw,8.4rem)}.section.experience .subhero{font-size:clamp(2.2rem,6vw,3rem)}.section.experience .watermark{left:-8.6rem;bottom:2.2rem;font-size:7rem}.section.experience .meta{right:3rem;bottom:3rem}.section.contact .detail-grid,.section.legal .content{grid-template-columns:1fr}.section.contact .column.expectations{margin-top:3rem;padding-left:0;border-left:none}}@media (max-width:48rem){:root{--navigation-height:auto;--spacer-height:0px;--footer-height:auto;--article-height:100vh}body .page{padding-inline:1.6rem;grid-template-rows:auto 0 auto auto auto 0}body .page:has(.article.open){grid-template-rows:auto 0 auto auto auto var(--article-height)}.page .splash{margin-inline:0}.page .navigation{padding-block:1.6rem;min-height:16rem;overflow:visible}.navigation .list{flex-wrap:wrap;gap:1.2rem;height:auto}.navigation .list>.list-item:nth-child(1),.navigation .list>.list-item:nth-child(2),.navigation .list>.list-item:nth-child(3){width:100%!important;height:auto;justify-content:center}.navigation .list .list{flex-wrap:wrap;gap:1rem 1.6rem;height:auto}.navigation .list .list>.list-item,.navigation .list .list>.list-item+.list-item{height:auto;margin-right:0}.page .banner{min-height:46rem;padding:10rem 1rem 4rem}.banner .hero{top:3rem;left:1rem;font-size:110%;transform:translate3d(var(--hero-track-x),var(--hero-track-y),0) scaleX(2.25) scaleY(1.9)}.banner .list{flex-direction:column;max-width:100%;margin-left:0;gap:2rem}.banner .list>.list-item,.banner .list>.list-item+.list-item{width:100%}.banner .list>.list-item:nth-child(2){display:none}.banner .text,.banner .title{max-width:100%}.banner .title{margin-top:3rem}.banner .text{margin-bottom:2.8rem}.footer .legal-list{justify-content:center;flex-wrap:wrap}.article .section{padding:7rem 2rem 5rem}.article .section.contact,.article .section.legal,.article .section.social-media{padding:1rem 2rem 4rem}.section.contact .button,.section.legal .button,.section.social-media .button{top:1.2rem;left:1.2rem}.article .section.experience{padding:1rem}.section.experience .button{top:2.2rem;left:2.2rem}.section.experience .copy{padding:7.8rem 2.2rem 3rem}.section.experience .copy::after{left:0;top:7.8rem}.section.experience .visual{min-height:28rem;background-position:60% center}.section.experience .hero{font-size:clamp(4.8rem,20vw,6.8rem);letter-spacing:-.24rem}.section.experience .subhero{font-size:clamp(2rem,8vw,2.8rem)}.section.experience .text{font-size:1.34rem}.section.experience .cta{width:100%;justify-content:center}.section.experience .watermark{left:-6.9rem;font-size:5.6rem}.section.experience .meta{right:2.2rem;bottom:2.2rem;font-size:.92rem}.section.contact .shell,.section.legal .shell,.section.social-media .shell{height:auto;padding:3.8rem 0 3rem}.section.contact .hero,.section.legal .hero,.section.social-media .hero{font-size:clamp(4rem,16vw,6rem)}.section.contact .email-line{align-items:flex-start;flex-direction:column;gap:1.2rem}.section.contact .copy-button{margin-left:0}}