:root{--font-1: "National 2 Condensed", sans-serif;--font-2: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", sans-serif;--base: 3.25pt;--baseline: calc(var(--base) * 4);--normal: 400;--bold: 600}:root{--cc-base: #222222;--bg-base: #fefff7;--cc: var(--cc-base);--bg: var(--bg-base);--cc-10: color-mix(in srgb, var(--cc) 10%, transparent);--cc-25: color-mix(in srgb, var(--cc) 25%, transparent);--cc-50: color-mix(in srgb, var(--cc) 50%, transparent);--cc-70: color-mix(in srgb, var(--cc) 70%, transparent);--bg-lighter-fallback: #ffffff;--bg-lighter: color-mix(in srgb, var(--bg), white 50%);--bg-dark-fallback: #00000012;--bg-dark: color-mix(in srgb, var(--cc) 3%, var(--bg));--bg-darker-fallback: #00000012;--bg-darker: color-mix(in srgb, var(--cc) 5%, var(--bg));--bg-darkerr-fallback: #00000015;--bg-darkerr: color-mix(in srgb, var(--cc) 15%, var(--bg));--bg-darkerrr-fallback: #00000030;--bg-darkerrr: color-mix(in srgb, var(--cc) 30%, var(--bg));--light-grey: #e7e7e7;--c2: #00BC8D;--c3: #fe5223;--c4: #95DBF0;--c5: #f6ff8e}:root{--u: 1rem;--container-max-w: 50rem;--container-min-h: calc(100vh - var(--base) * 16 )}:root{--bp-s: 30em;--bp-m: 48em;--bp-l: 64em;--bp-xl: 120em}html{font-family:var(--font-2);font-weight:var(--normal);font-size:calc(var(--baseline) - var(--base));line-height:var(--baseline);color:var(--cc);background:var(--bg);transition:color .25s ease-in-out,background .25s ease-in-out}body.noJs .requireJs{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}picture{font-size:0}:root{interpolate-size:allow-keywords}main{min-height:calc(var(--container-min-h));transition:opacity .25s ease-in-out}html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}@media(max-width:48em){body{margin:0 var(--u)}}@media(min-width:48em){body{margin:0 calc(var(--u) * 2)}}@font-face{font-family:"National 2 Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/national_2/national-2-condensed-bold-subset.woff2) format("woff2")}@keyframes slideIn{0%{transform:translate(-50vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(50vw);opacity:0}}body{--t: .5s;.is-leaving{animation:slideOut var(--t) ease-in-out forwards}.had-left{display:none!important}.is-entering{animation:slideIn var(--t) ease-in-out forwards}}main[data-page=default_list]{max-width:var(--container-max-w);margin:max(20vh,10rem) auto 0 auto;.wrapper{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5);margin-bottom:calc(var(--baseline) * 2)}h1{font-size:calc(var(--base) * 3);line-height:calc(var(--base) * 4);font-weight:var(--normal);color:var(--bg-darkerrr-fallback);color:var(--bg-darkerrr);text-align:center}ol{all:unset;list-style-type:none;position:relative;display:block;--tY: 0;--h: 4.5em;&:before{content:"";transform:translateY(var(--tY));position:absolute;top:0;left:0;z-index:-1;width:100%;height:var(--h);background:var(--bg-darker-fallback);background:var(--bg-darker);transition:transform .1s ease-in-out,height .1s ease-in-out}li{border-bottom:.5px solid currentColor}a{all:unset;display:flex;align-items:baseline;justify-content:space-between;cursor:pointer;padding:0;transition:padding .25s ease-in-out;h2{font-size:calc(var(--base) * 6);line-height:calc(var(--base) * 7);font-family:var(--font-1);font-weight:var(--bold);margin:calc(var(--base) * 3) 0}&:hover{padding:0 var(--u)}}}}.noJS{main[data-page=default_list] ol li a:hover{background:var(--bg-darker-fallback)}}main[data-page=default-single],main[data-page=about]{max-width:var(--container-max-w);margin:max(20vh,10rem) auto 0 auto;.wrapper{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5);margin-bottom:calc(var(--baseline) * 2)}header{text-align:center;margin-bottom:calc(var(--baseline) * 2);h1{font-family:var(--font-1);font-weight:var(--bold)}.date,.subtitle,.category{margin:0;text-transform:uppercase}}.content{p{margin:0}h2{font-weight:var(--bold)}}@media screen and (max-width:48em){header{h1{font-size:calc(var(--base) * 8);line-height:calc(var(--base) * 9);margin:0 0 calc(var(--base) * 2) 0}}.content{margin-bottom:calc(var(--baseline) * 5);p,li{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}p,ul{&:has(+h2),&:has(+h3){margin-bottom:calc(var(--base) * 6)}}h2{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5);margin:0 0 calc(var(--base) * 1) 0}}}@media screen and (min-width:48em){header{h1{font-size:calc(var(--base) * 15);line-height:calc(var(--base) * 14);margin:0 0 calc(var(--base) * 4) 0}}.content{margin-bottom:calc(var(--baseline) * 7);p,li{font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 7)}p,ul{&:has(+h2),&:has(+h3){margin-bottom:calc(var(--baseline) * 3)}}h2,h3{font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 7);margin:0 0 calc(var(--base) * 2) 0}h3{font-weight:var(--normal)}}}}[data-page=index]{#hero{min-height:calc(var(--container-min-h));display:flex;flex-direction:column;justify-content:end;align-items:start;h1{font-family:var(--font-1);text-transform:uppercase;line-height:.8;margin:0}.word-container{display:inline-block;position:relative}.letter-container{position:relative;display:inline-block;font-weight:700}.letter:not(.letter-5){position:absolute;transition:transform .05s ease-out}.letter-1{color:var(--cc);z-index:4}.letter-2{color:var(--c2);z-index:3}.letter-3{color:var(--c3);z-index:2}.letter-4{color:var(--c4);z-index:1}.letter-5{color:var(--c5);z-index:0}.letter-2,.letter-3,.letter-4,.letter-5{filter:blur(.5px)}}#approche{position:relative;margin:var(--baseline) 0;padding:var(--baseline) 0 calc(var(--baseline) *3) 0;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:calc(var(--base) * 8) calc(var(--u) * 2);width:100%;box-sizing:border-box;&:before{content:"";position:absolute;top:0;left:calc(var(--u) * -4);width:calc(100% + var(--u) * 8);height:100%;background:var(--bg-darker-fallback);background:var(--bg-darker);z-index:-1}header{max-width:60rem;grid-column:1/-1;position:relative;&:after{content:"";position:absolute;bottom:0;left:0;border-bottom:1px solid var(--bg)}}article{width:100%;display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;grid-gap:calc(var(--base) * 2) calc(var(--base) * 2);align-items:baseline;max-width:40rem;h3,p{max-width:35rem}h3{margin:calc(var(--base) * 2) 0 0 0;font-weight:var(--bold)}.content{p{margin:0;color:var(--cc-70)}}figure{aspect-ratio:3/2;overflow:hidden;margin:0;width:100%;grid-column:1 / -1;grid-row:1;border-radius:.15em;picture,img{width:100%;object-fit:cover}}}}#oxalis{min-height:40rem;display:grid;header{h3{margin:0;font-weight:var(--bold)}p{display:block;font-weight:var(--normal);margin-top:var(--base);opacity:.7}}.description{font-weight:var(--normal);a{color:var(--cc-50);text-decoration:none}img{max-width:7rem;transform:translateY(25%);padding:0 .25em}}}@media screen and (max-width:48em){#hero{padding-bottom:calc(var(--baseline) * 3);box-sizing:border-box;h1{font-size:calc(var(--base) * 12)}}#approche{header{p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}&:after{width:calc(100vw - var(--u) * 2)}}article{margin-bottom:calc(var(--baseline) * 3)}h3,p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}}#oxalis{grid-template-columns:1fr;gap:calc(var(--base) * 4) 0;margin-bottom:calc(var(--baseline) * 4);header{grid-column:1;grid-row:2;h3{font-size:calc(var(--base) * 6);line-height:calc(var(--base) * 7.5)}p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}p{display:block;font-weight:var(--normal);opacity:.7}}.description{grid-column:1;font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5);font-weight:var(--normal);grid-row:3;p:first-of-type{margin:0}}}}@media screen and (min-width:48em){#hero{padding-bottom:calc(var(--baseline) * 6);box-sizing:border-box;h1{font-size:clamp(var(--base) * 10,8vw,var(--base) * 30)}[for=toggle-isProject]{margin:2vh 0 calc(var(--baseline) * 2)}.description{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5);max-width:35rem}}#approche{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-gap:max(4vh,calc(var(--baseline) * 3)) calc(var(--u) * 2);min-height:100vh;max-height:1440px;header{grid-row:1;&:after{width:calc(100vw - var(--u) * 4)}p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}}article{grid-row:2;h3,p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5)}}}#oxalis{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:var(--baseline) calc(var(--u) * 2);gap:max(4vh,calc(var(--baseline) * 3)) calc(var(--u) * 2);align-items:baseline;header{grid-column:1 / 3;grid-row:1 / 3;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:var(--baseline) calc(var(--u) * 2);gap:max(4vh,calc(var(--baseline) * 3)) calc(var(--u) * 2);align-items:baseline;justify-items:start;div{grid-column:2;grid-row:2;margin-top:calc(var(--base) * 2)}h3{font-size:calc(var(--base) * 6);line-height:calc(var(--base) * 7.5)}p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}}.description{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5);font-weight:var(--normal);grid-column:3 / 6;grid-row:2}}}@media screen and (min-width:64em){#hero{h1{font-size:clamp(var(--base) * 10,8vw,var(--base) * 35)}.description{font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 6.5);max-width:50rem}}#approche{header{p{font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 6.5)}}article{h3,p{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5)}}}}@media screen and (min-width:88em){#approche{article{grid-template-columns:repeat(4,1fr);h3{grid-column:1}.content{grid-column:2 / span 3}}}}}main[data-page=projets]{position:relative;#project-textsContainer{ul,li{list-style:none;padding:0;margin:0}>ul{width:100%;>li:not(:last-of-type){border-bottom:1px solid var(--cc)}}>.intro{font-size:2rem;line-height:1.1;font-weight:var(--normal);color:var(--cc-25);margin:0;opacity:1;transform:translate(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out}h2{margin:0;transition:font-size .25s ease-in-out,line-height .25s ease-in-out,margin .25s ease-in-out}&:has(details[open]){>ul>li:not(:has(details[open])){max-height:0;overflow:hidden;margin:0;padding:0;border:none}}details{transition:height .25s ease-in-out;height:auto;position:relative;&[open]{height:auto;overflow:visible clip}.close-project{background:none;border:none;position:absolute;right:0;margin:0;padding:calc(var(--base) * 2);line-height:1.5ch;height:auto;width:3ch;font-size:calc(var(--base) * 6);font-weight:var(--normal);text-align:center;color:var(--cc);border-radius:2.5rem;cursor:pointer}summary{display:grid;align-items:baseline;justify-content:space-between;cursor:pointer;grid-gap:calc(var(--base) * 2);grid-template-columns:repeat(6,1fr);hgroup{grid-column:1 / span 5;grid-row:1;h2{margin:0;font-weight:var(--bold)}.subtitle{margin:0}}.projet-categories{display:flex;gap:var(--base) var(--u);grid-column:1 / 6;grid-row:2;justify-content:start;flex-wrap:wrap;.category{border:.5px solid var(--bg-dark);text-transform:uppercase;border-radius:.3rem;font-size:.75rem;padding:.3rem .75rem .1rem;line-height:1em;background:var(--bg-darker);background:var(--bg-lighter-fallback);background:var(--bg-lighter);transform:translate(-.6rem);color:var(--cc-70);border-radius:2rem}}}dl{display:grid;grid-template-columns:minmax(auto,50%) 1fr;grid-gap:var(--base) var(--u);dt,dd{padding:var(--base) 0 calc(var(--base) * 2) 0;margin:0;&:not(:last-of-type){border-bottom:1px solid var(--bg-darkerrr-fallback);border-bottom:1px solid var(--bg-darkerrr)}}dt{grid-column:1;font-weight:700}dd{grid-column:2}}}}#project-imagesContainer{--inView: 0;position:relative;display:inline-block;&:before{content:"";position:absolute;background:var(--bg);transition:background .25s ease-in-out}&[data-active=true]:before{background:var(--bg-dark-fallback);background:var(--bg-dark)}#project-elevatorContainer{overflow:hidden;position:relative;display:inline-block;#project-elevator{display:inline-block;transition:transform .5s ease-in-out;position:relative}}article{overflow:hidden;position:relative;opacity:0;transition:opacity .25s 0s ease-in-out;figure{picture{width:100%;height:100%}img{object-fit:contain;height:100%;width:100%}}}&[data-active=true]{article[data-onscreen=true]{opacity:1;transition:opacity .125s .125s ease-in-out}}nav{position:absolute;bottom:0;right:0;opacity:0;transition:opacity .25s ease-in-out;border:1px solid;border-radius:.5rem 0 .5rem 0rem;color:var(--cc-50);background:var(--bg);overflow:hidden;button{all:unset;cursor:pointer;padding:1rem;font-size:0;line-height:0;box-sizing:content-box;color:currentColor;transition:background .25s ease-in-out,color: .25s ease-in-out;&.active,&:hover{background:var(--cc);color:var(--bg);&:first-of-type svg{transform:translate(20%) scale(5)}&:last-of-type svg{transform:translate(-20%) scale(5)}svg{*{stroke-width:4px}}}&:last-of-type{border-left:1px solid}svg{cursor:pointer;polyline{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform:scale(1);transition:all .25s cubic-bezier(.68,-.55,.27,1.55)}}}}&[data-active=true] nav{opacity:1}}@media screen and (max-width:48em){--imageContainer-h: 0vh;display:flex;flex-direction:column;#global-close-project{position:fixed;bottom:calc(var(--baseline) * 3);left:50%;transform:translate(-10rem);display:block;padding:calc(var(--base) * 2) calc(var(--base) * 4);color:currentColor;background:var(--bg);background:color-mix(in srgb,var(--bg-darkerr) 75%,transparent);border:1px solid var(--bg-dark);border-radius:var(--base);display:flex;gap:.5em;backdrop-filter:blur(.125em);box-shadow:0 .25rem .5rem var(--cc-25);opacity:0;transition:opacity .25s ease-in-out,gap .25s ease-in-out,transform .25s ease-in-out,border-radius .25s ease-in-out;cursor:pointer;.text{opacity:1;max-width:25ch;height:1.2em;overflow:hidden;transition:opacity .25s 0s ease-in-out,max-width .25s 0s ease-in-out}}&:has(#global-close-project:not(.hide)){#project-textsContainer details .close-project{display:none}}&:has([data-onscreen=true]){--imageContainer-h: 50vh;#global-close-project{opacity:1;transform:translate(-50%);transition:opacity .25s 2s ease-in-out,transform .25s 2s ease-in-out}&:has(#project-imagesContainer.scrolled) #global-close-project{padding:calc(var(--base) * 2) calc(var(--base) * 3);gap:0;border-radius:50%;transition:opacity .25s 2s ease-in-out,transform .25s 2s ease-in-out,gap .25s .5s ease-in-out,border-radius .25s .5s ease-in-out;.text{max-width:0;opacity:0;transition:opacity .25s .5s ease-in-out,max-width .25s .5s ease-in-out}}}#project-textsContainer,#project-imagesContainer{width:calc(100vw - var(--u) * 2)}#project-textsContainer{order:2;padding:0;z-index:3;label[for=toggle-isProject]{grid-row:2}details .close-project{top:calc(var(--base) * -1)}&:has(details[open]){>.intro{display:none}h2{font-size:calc(var(--base) * 6);line-height:calc(var(--base) * 7);margin-bottom:.2em}.projet-details{margin-top:1em}details summary .projet-categories{margin:.25em 0 .5em}}&:not(:has(details[open])) h2{transition:none}>.intro{grid-row:1;margin-top:var(--baseline)}>ul{grid-row:2;scroll-snap-type:y mandatory;position:relative;padding-top:var(--baseline);>li{scroll-snap-align:start;&:last-of-type{margin-bottom:calc(var(--baseline)*3)}}}p,h2,li{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5)}dd,dt{font-size:calc(var(--base) * 3);line-height:calc(var(--base) * 4)}>ul>li{margin-bottom:calc(var(--base) * 4);padding-bottom:calc(var(--base) * 4)}}#project-imagesContainer{order:1;z-index:2;height:var(--imageContainer-h);transition:height .25s linear;*:not(nav){height:100%;max-height:100%}&:before{top:calc(var(--base) * 2);right:0;width:100%;height:calc(100% - var(--base) * 2);border-radius:.5rem}.carrousel{width:100vw;left:calc(var(--u) * -1);position:relative}#project-elevatorContainer{#project-elevator{height:calc(var(--imageContainer-h) * var(--nProjects));transform:translateY(calc(var(--imageContainer-h) * (var(--inView) - 1) * -1))}}nav button{width:1.25rem;height:1.25rem}article{figure{margin:var(--u)}}}#global-close-project.hide{display:none}}@media screen and (min-width:48em){#project-imagesContainer,#project-imagesContainer article,#project-elevatorContainer{height:calc(var(--container-min-h))}#project-textsContainer{grid-column:1 / 2;padding:20vh 0 0;transition:padding .25s ease-in-out;&:has(details[open]){padding-top:calc(var(--baseline) * 2);>.intro{opacity:0;transform:translate(-10rem)}h2{font-size:calc(var(--base) * 6);line-height:calc(var(--base) * 7);margin-bottom:.2em}details summary .projet-categories{margin:.25em 0 .5em}}>.intro{position:absolute;top:.5em;width:min(50%,var(--mw))}details .close-project{top:calc(var(--base) * -1)}h2,p,li{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5)}dd,dt{font-size:calc(var(--base) * 3);line-height:calc(var(--base) * 4)}>ul>li{margin-bottom:calc(var(--base) * 4);padding-bottom:calc(var(--base) * 4)}.projet-details{margin:2em 0 .5rem}}#project-imagesContainer,#project-imagesContainer article{width:calc(100vw - var(--u) * -4 - min(50vw,var(--container-max-w)))}#project-imagesContainer{grid-column:2 / 3;position:sticky;top:0;#project-elevatorContainer{#project-elevator{height:calc(var(--container-min-h) * var(--nProjects));transform:translateY(calc(var(--container-min-h) * (var(--inView) - 1) * -1))}}nav button{width:2rem;height:2rem}article{max-height:calc(var(--container-min-h));figure{width:100%;height:var(--container-min-h);box-sizing:border-box;padding:calc(var(--u) * 5);margin:0 auto;max-width:1500px}}&:before{top:calc(var(--base) * 3);right:0;width:calc(100% + var(--u) * 1);height:calc(100% - var(--base) * 4);border-radius:.5rem}}#global-close-project{display:none}--mw: 40rem;display:grid;grid-template-columns:min(50%,var(--mw)) 1fr;grid-gap:calc(var(--u) * 2);max-width:100%}@media screen and (min-width:64em){#project-textsContainer{p,h2,li{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5)}>ul>li{margin-bottom:calc(var(--base) * 4);padding-bottom:calc(var(--base) * 4)}}}}main[data-page=about]{header{figure{width:20rem;height:20rem;border-radius:100%;overflow:hidden;margin:0 auto calc(var(--base) * 8) auto;img{object-fit:cover;width:100%;height:100%}}}.parttime-container{grid-row:3;grid-column:1 / 7;ul{list-style-type:none;padding:unset;margin:unset;display:flex;gap:var(--base) var(--u)}li{background:var(--bg-darker);border-radius:.5rem;padding:var(--u) calc(var(--base) * 2);width:100%;transition:background .25s ease-in-out;&:has(a){padding:0;>a{padding:var(--u) calc(var(--base) * 2);display:block;text-decoration:none;color:var(--cc)}.asLink{text-decoration:underline;&:before{content:"\2192";width:0;overflow:hidden;transition:width .25s ease-in-out;display:inline-block;transform:translateY(.25rem)}}&:hover{background:var(--bg-darkerr);.asLink:before{width:2ch}}}}@media screen and (max-width:48em){margin-bottom:calc(var(--baseline) * 5);h3{font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5);margin:0 0 calc(var(--base) * 5.5) 0}ul{flex-wrap:wrap}}@media screen and (min-width:48em){margin-bottom:calc(var(--baseline) * 10);h3{font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 7);margin:0 0 calc(var(--base) * 7) 0}}}}#topbar{position:relative;z-index:6;[for=mobileMenuToggle]{display:none}a{color:var(--cc);text-decoration:none;margin:0}a:not(#logo),label{cursor:pointer;display:block}#logo{font-family:var(--font-1);font-weight:var(--bold);font-size:calc(var(--base) * 5.5)}nav{ul{all:unset;list-style-type:none;display:flex;position:relative;li{position:relative;&:before{content:"";width:100%;height:100%;position:absolute;transform:translate(-50%) translateY(-50%);top:50%;left:50%;background:var(--bg);background:transparent;border-radius:1rem;transition:transform .15s ease-in-out,background .25s ease-in-out;z-index:-1}&:hover:before{background:#ffffffc9}}}}}@media screen and (max-width:48em){#topbar{padding:calc(var(--base) * 4) 0;[for=mobileMenuToggle]{display:inline-block;position:absolute;top:calc(var(--base) * 4);right:calc(var(--u) * .5);width:2rem;height:100%}nav{top:calc(var(--base) * 12);position:absolute;width:100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;ul{overflow:hidden;gap:calc(var(--base) * 3) calc(var(--u) * .5);transition:padding .3s ease-in-out,border-color .25s .3s ease;flex-direction:column;font-weight:var(--normal);background:var(--bg);border-bottom:1px solid var(--cc-10);li{font-size:calc(var(--base) * 5);a,label{font-weight:var(--normal);padding:var(--base) 0 calc(var(--base) * 3) 0}&:not(:last-of-type){border-bottom:1px solid var(--cc-10)}}}}&:has(#mobileMenuToggle:checked) nav{grid-template-rows:1fr;ul{padding:calc(var(--base) * 6) 0 calc(var(--base) * 1) 0;border-color:var(--cc)}}}#topbar:has(#mobileMenuToggle:checked)~main{opacity:.25}}@media screen and (min-width:48em){#topbar{display:flex;justify-content:space-between;align-items:baseline;padding:calc(var(--base) * 4) 0;border-bottom:1px solid var(--cc-10);nav ul{gap:calc(var(--u) * 2);li{font-size:calc(var(--base) * 4);&:last-of-type:after{content:"";position:absolute;left:-1rem;top:0;border-right:1px solid var(--cc-10);height:120%}a,label{font-weight:var(--bold);padding:var(--base) var(--u)}}}}}#contact{height:auto;position:fixed;perspective:20rem;transform:translate(-50%) translateY(100vh);z-index:10;&:focus{outline:none}.inner{position:relative;background:#f5ffbb;background:var(--c5);background:var(--bg);background:#fff;box-sizing:border-box;border-radius:.5rem;display:grid;grid-template-columns:repeat(6,1fr);box-shadow:0 calc(1rem * var(--shadow-y)) 0 var(--c2),0 calc(2rem * var(--shadow-y)) 0 var(--c3),0 calc(3rem * var(--shadow-y)) 0 var(--c4);z-index:5;transform:translate3d(0,100vh,0) rotateX(90deg) scale(3);transform-origin:50% -20%;transition:box-shadow .65s .1s cubic-bezier(.86,0,.07,1),transform .5s cubic-bezier(.68,-.2,.27,1.2)}.close{position:absolute;top:calc(var(--base) * 2);right:1rem;margin:0;padding:calc(var(--base) * 2);width:3ch;height:3ch;cursor:pointer;background:#fff;stroke-width:1px;border:1px solid var(--cc-10);border-radius:.25rem}h3,h4{font-weight:var(--normal);margin:0}h2{padding-top:calc(var(--base) * 2 + .3ch);font-size:calc(var(--base) * 3);border-radius:2.5rem 0 0 2.5rem;right:calc(var(--base) * 5 + 4ch)}h3{font-size:calc(var(--base) * 3);line-height:calc(var(--base) * 4)}h4{margin:0}a{font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 7);font-weight:var(--normal);color:var(--cc);text-decoration:none}.intro{font-size:calc(var(--base) * 6);line-height:calc(var(--base) * 7);max-width:calc(100% - 3rem);grid-column:1 / 6;grid-row:1;margin:0}.contact-container{grid-row:2;grid-column:1 / 4;.wrapper{display:flex;align-items:baseline;gap:var(--u);button{transform:translate(0) translateY(-.25em);transition:opacity .25s ease-in-out,color .25s ease-in-out,background .25s ease-in-out;opacity:1;span{transition-delay:.2s}&:not(.activated){opacity:.5}&.activated{color:var(--c2)}&:active{background:var(--bg)}}}}.social-container{grid-row:3;grid-column:1 / 6;ul{list-style-type:none;margin:0;padding:0;display:flex;gap:var(--u)}}}@media screen and (max-width:48em){#contact{top:100%;left:calc(50% - var(--u) * 1.5);width:calc(100% - var(--u) * 4.5);min-height:50vh;.inner{min-height:50vh;padding:calc(var(--base) * 4) var(--u);grid-template-rows:min-content calc(var(--baseline) * 2.5) auto;grid-gap:calc(var(--baseline) * 1) var(--u);--shadow-y: -5}}}@media screen and (min-width:48em){#contact{top:50%;left:50%;width:clamp(45rem,50vw,60rem);.inner{padding:calc(var(--base) * 4) calc(var(--u) * 2);grid-template-rows:calc(var(--baseline) * 2) calc(var(--baseline) * 2.5) auto;grid-gap:calc(var(--baseline) * 2) var(--u);--shadow-y: 15}}}body:not(.init) #contact{transition:transform .25s ease-in-out,box-shadow .25s 0s linear}body:not(.init) #contactToggle:checked+#contact{@media screen and (max-width:48em){transform:translate(-50%) translateY(-100%)}@media screen and (min-width:48em){transform:translate(-50%) translateY(-50%)}.inner{--shadow-y: 0;transition:box-shadow .65s .1s cubic-bezier(.86,0,.07,1),transform .5s cubic-bezier(.68,-.2,.27,1.2);transform:translateZ(0) rotateX(0) scale(1)}&:before{width:100vw;height:100vh;opacity:1}}html:has(#contactToggle:checked){background:var(--bg-darkerr);--bg-lighter: color-mix(in srgb, var(--bg), transparent 50%)}body:has(#contactToggle:checked){main,[for=toggle-isProject]{opacity:.25}}body:has(#contactToggle:checked) #topbar nav ul li:last-of-type:before{background:var(--bg)}#contactToggle:not(:checked)+#contact .close{display:none}#footer{p{margin-top:unset}>a:first-of-type{all:unset;margin-bottom:var(--baseline);span{font-weight:var(--bold);font-family:var(--font-1);display:block;font-size:calc(var(--base) * 5);line-height:calc(var(--base) * 6)}}address{font-style:normal}#oxalis{h3{font-weight:var(--bold);font-size:calc(var(--base) * 4);line-height:calc(var(--base) * 5.5);margin:0 0 calc(var(--base) * 1) 0}img{max-width:10rem}}}@media screen and (max-width:48em){#footer{padding:calc(var(--baseline) * 1) 0;font-size:calc(var(--base) * 3);line-height:calc(var(--base) * 4.5)}}@media screen and (min-width:48em){#footer{display:grid;grid-gap:var(--u);grid-template-columns:repeat(3,1fr);padding:calc(var(--baseline) * 2) 0;margin-top:calc(var(--baseline)*1);font-size:calc(var(--base) * 3);line-height:calc(var(--base) * 4.5)}}@media screen and (min-width:64em){#footer{grid-template-columns:repeat(6,1fr);margin-top:calc(var(--baseline)*2);>a:first-of-type,address{margin-top:calc(var(--base) * 6)}address{grid-column:4}#oxalis{grid-column:5/7}}}#toggle-track{display:inline-grid;grid-template-columns:1fr 1fr;text-align:center;background:var(--bg-darker-fallback);background:color-mix(in srgb,var(--bg-darkerr) 75%,transparent);backdrop-filter:blur(.125em);border-radius:var(--base);overflow:hidden;z-index:5;opacity:1;transform:translate(0) scale(var(--s));transition:transform .25s ease-in,opacity .25s .1s ease-in-out;box-shadow:0 .25rem .5rem var(--cc-25);@starting-style{opacity:0;transform:translate(-10rem) scale(var(--s))}div,a{all:unset;padding:calc(var(--base) * 2) calc(var(--base) * 4);cursor:pointer;z-index:2;min-height:1em}a{display:none}label[for=toggle-isProject]{background:#fff;background:#ffffffd9;height:calc(100% - calc(var(--base) * 1.5));width:calc(50% - calc(var(--base) * 1.5));position:absolute;top:0;z-index:1;transform:translate(0);margin:calc(var(--base) * .75);border-radius:var(--base);border:1px solid var(--bg-darkerr-fallback);border:1px solid var(--bg-darkerr);transition:transform .25s ease-in,border-color .5s ease-in-out}&:not(.noAnimation):before{transition:transform .125s ease-in-out,border-color .5s ease-in-out}}#toggle-isProject:checked+#toggle-track label[for=toggle-isProject],#toggle-isProject:not(:checked)+#toggle-track:not(.force_index):has(div:not([aria-current]):hover) label[for=toggle-isProject]{transform:translate(calc(100% + calc(var(--base) * 1.5)))}#toggle-isProject:checked+#toggle-track:not(.force_projets):has(div:not([aria-current]):hover) label[for=toggle-isProject]{transform:translate(0)}#toggle-isProject:not(:checked)+#toggle-track:has(div:not([aria-current]):hover) label[for=toggle-isProject],#toggle-isProject:checked+#toggle-track:has(div:not([aria-current]):hover) label[for=toggle-isProject]{border-color:var(--cc)}@media screen and (max-width:48em){main[data-page=index]~#toggle-track{position:absolute;top:calc(100vh - var(--baseline) * 3.5);left:var(--u)}main[data-page=projets]~#toggle-track{position:sticky;bottom:calc(var(--baseline) * 3)}}@media screen and (min-width:48em){main[data-page=index]~#toggle-track{bottom:calc(var(--baseline) * 3);position:absolute}main[data-page=projets]~#toggle-track{position:sticky;bottom:calc(var(--baseline) * 3)}}main[data-page=projets]:has(details[name=projects][open])~#toggle-track{opacity:0;transform:translate(-10rem)}.noJS{#toggle-track{div{display:block}button{display:none}}}#toggle-track.disappearing{opacity:0}main:not([data-page=index]):not([data-page=projets])~#toggle-track:not(.disappearing){display:none}@property --x{syntax: "<percentage>"; initial-value: 100%; inherits: false;}@property --w{syntax: "<length>"; initial-value: 20px; inherits: false;}@property --s{syntax: "<number>"; initial-value: 1; inherits: false;}@keyframes sweep{0%,70%{--x: 150%;--w: 20px;--s: 1}80%{--s: 1}85%{--s: 1.03}to{--x: -300%;--w: 100px;--s: 1}}@media(prefers-reduced-motion:no-preference){[data-page=index]~#toggle-track:not(:is(:hover)){--x: 0%;--w: .5rem;background:linear-gradient(45deg,rgba(255,255,255,.3),transparent 42%),linear-gradient(45deg,transparent 0%,transparent var(--x),var(--c2) var(--x),var(--c2) calc(var(--x) + var(--w) * 1),var(--c3) calc(var(--x) + var(--w) * 1),var(--c3) calc(var(--x) + var(--w) * 2),var(--c4) calc(var(--x) + var(--w) * 2),var(--c4) calc(var(--x) + var(--w) * 3),var(--c5) calc(var(--x) + var(--w) * 3),var(--c5) calc(var(--x) + var(--w) * 4),transparent calc(var(--x) + var(--w) * 4)) 0 0 / 100% 100% no-repeat,color-mix(in srgb,var(--bg-darkerr) 75%,transparent);background-position:top left;animation:sweep 6s infinite ease-in-out}}.simple-btn{background:none;border-radius:2rem;border:1px solid currentColor;font-size:calc(var(--base) * 2.5);font-weight:var(--normal);cursor:pointer;padding:calc(var(--base) * .25) calc(var(--base) * 2);&.copy{span{transition:transform .25s ease-in-out,opacity: .25s ease-in-out;text-align:center}span:nth-of-type(1){transform:translateY(0);opacity:1}span:nth-of-type(2){position:absolute;top:0;left:calc(var(--base) * 2 + .05ch);transform:translateY(1em);opacity:0}&.activated{span:nth-of-type(1){transform:translateY(-1em);opacity:0}span:nth-of-type(2){transform:translateY(.1em);opacity:1}}}}.menu_to_close{span{display:block;height:2px;width:100%;background:var(--cc);border-radius:2px;position:absolute;left:0;transition:all .3s ease;&:first-of-type{top:calc(var(--base) * 1)}&:last-of-type{top:calc(var(--base) * 3)}}input:checked~span:first-of-type{top:calc(var(--base) * 2);transform:rotate(45deg)}input:checked~span:last-of-type{top:calc(var(--base) * 2);transform:rotate(-45deg)}}.bubble{background:var(--bg);padding:calc(var(--base) * 1) calc(var(--base) * 4);border-radius:calc(var(--base) * 6);display:inline-block;font-size:calc(var(--base) * 3);font-weight:var(--normal);color:color-mix(in srgb,var(--cc) 60%,transparent);&.darker{background:var(--bg-darker)}}