*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@font-face{font-family:"Klarheit Grotesk";src:url("/site/templates/fonts/KlarheitGrotesk/woff2/KlarheitGrotesk-Medium.woff2") format("woff2"),url("/site/templates/fonts/KlarheitGrotesk/woff/KlarheitGrotesk-Medium.woff") format("woff");font-style:normal;font-weight:600}@font-face{font-family:"Klarheit Grotesk";src:url("/site/templates/fonts/KlarheitGrotesk/woff2/KlarheitGrotesk-MediumItalic.woff2") format("woff2"),url("/site/templates/fonts/KlarheitGrotesk/woff/KlarheitGrotesk-MediumItalic.woff") format("woff");font-style:italic;font-weight:600}@font-face{font-family:"Pentagon Icons";src:url("/site/templates/fonts/icons/pentagon_icons-Regular.woff2") format("woff2"),url("/site/templates/fonts/icons/pentagon_icons-Regular.woff") format("woff");font-style:normal;font-weight:600}@charset "UTF-8";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:focus{outline:none}:root{--size1:1.5rem;--marge:calc(var(--size1) * 4/3);--vitesse:.2s;--blanc:#e1e1e1;--blanc2:rgba(235,235,235,0.3);--noir:#191919;--noir2:#191919;--vert:#00ff9d;--border:1px}@media screen and (max-width:800px){:root{--size1:1.3rem}}[data-theme="light"]{--color-bg:var(--blanc);--color-bg-alpha:var(--blanc_alpha);--color-fg:var(--noir);--color-border:var(--noir2);--color-contrastBg:var(--vert);--color-contrastText:var(--noir)}[data-theme="dark"]{--color-bg:var(--noir);--color-bg-alpha:var(--noir_alpha);--color-fg:var(--blanc);--color-border:var(--blanc2);--color-contrastBg:var(--vert);--color-contrastText:var(--noir)}.boxT{border-top:var(--border) solid var(--color-border)}.boxR{border-right:var(--border) solid var(--color-border)}.boxB{border-bottom:var(--border) solid var(--color-border)}.boxL{border-left:var(--border) solid var(--color-border)}@media screen and (max-width:1245px){.hidden1200{display:none}}@media screen and (max-width:1024px){.hidden1024{display:none}}@media screen and (max-width:800px){.hidden800{display:none}}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:"Klarheit Grotesk",sans-serif;-webkit-font-smoothing:antialiased;font-variant-ligatures:discretionary-ligatures;font-feature-settings:"ss01","ss02" 0,"ss03" 0,"ss04" 0,"ss05" 0,"ss06","ss07","ss08","ss09","ss10" 0,"case" 0,"tnum" 0,"sups" 0,"numr" 0,"dnom" 0,"frac" 0,"ordn" 0,"zero" 0,"liga","calt","dlig";font-weight:600;line-height:1.4;letter-spacing:0.03rem;scrollbar-color:rgba(255,255,255,0.2) transparent;scrollbar-width:1rem;padding:0;margin:0;background-color:var(--color-bg);color:var(--color-fg);font-size:var(--size1)}body ::-moz-selection{background-color:var(--color-fg);color:var(--color-bg)}body ::selection{background-color:var(--color-fg);color:var(--color-bg)}body ::-webkit-scrollbar{height:1rem;width:1rem;background:transparent}body ::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);-webkit-border-radius:1ex}body ::-webkit-scrollbar-track{background:transparent}body h1,body h2,body h3,body p{font-size:var(--size1);font-weight:normal;margin:0;padding:0}body a{color:var(--color-fg);text-decoration:none}#preview{position:fixed;pointer-events:none;top:50%;left:50%;width:60vw;height:60vw;margin-left:-30vw;margin-top:-30vw;z-index:1000;background-repeat:no-repeat;background-size:cover;background-position:center}header{width:100%;position:fixed;top:0;background-color:var(--color-bg);z-index:900}header h1{display:inline}header section{margin:0;display:flex;border-bottom:var(--border) solid var(--color-border)}header section .box{padding:var(--marge);transition:background-color var(--vitesse),color var(--vitesse)}header section .box:hover:not(.actif){background-color:var(--color-contrastBg);color:var(--color-contrastText)}header section .box a{color:inherit}header section .box.actif{background-color:var(--color-fg);color:var(--color-bg)}@media screen and (max-width:460px){header section .box{text-align:center;flex-grow:1}}header section .push{margin-left:auto}header section a[data-filter-toggle]{display:none}@media screen and (max-width:1245px){header section a[data-filter-toggle]{margin-left:auto;display:block}}@media screen and (max-width:460px){header section a[data-filter-toggle]{border-left:none}}header section .icon{font-family:"Pentagon Icons",sans-serif;font-size:6.5rem;line-height:0.2rem;padding:var(--marge) 1.5rem}header section.filter{justify-content:space-between;display:none;overflow:hidden;height:calc(var(--size1) * 4.1);transition:height var(--vitesse) ease-in-out}@media screen and (max-width:1245px){header section.filter{display:flex}}header section.filter a{flex-grow:1;text-align:center}header section.filter a span:first-of-type{display:none}@media screen and (max-width:1024px){header section.filter a span:first-of-type{display:block}}header section.filter a span:last-of-type{display:block}@media screen and (max-width:1024px){header section.filter a span:last-of-type{display:none}}header section.filter.closed{height:0;border:none}main{position:relative;top:calc(var(--size1) * 4.1);transition:top var(--vitesse) ease-in-out}@media screen and (max-width:1245px){main.doubleMarge{top:calc(var(--size1) * 8.2)}}main .projets{margin:0;padding:0;list-style-type:none}main .projets .projetElem{padding:var(--marge);border-bottom:var(--border) solid var(--color-border);transition:background-color var(--vitesse) ease-in-out,color var(--vitesse) ease-in-out;color:inherit;display:flex;justify-content:space-between}main .projets .projetElem:hover{background-color:var(--color-contrastBg);color:var(--color-contrastText)}main .projets .projetElem .titre_projet{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}main .livres3d{border-top:var(--border) solid var(--color-border);top:calc(var(--size1) * 4.1);position:relative;display:grid;gap:var(--border);grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (max-width:1245px){main .livres3d{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (max-width:800px){main .livres3d{grid-template-columns:1fr}}main .livres3d .livre{outline:var(--border) solid var(--color-border);aspect-ratio:1}main .livres3d .livre .conteneur_livre{display:block;perspective:800px;font-size:0.55vw;height:100%}@media screen and (min-width:800px){main .livres3d .livre .conteneur_livre{filter:grayscale(100%) brightness(110%) contrast(.8);transition:filter .3s ease}}@media screen and (min-width:800px){main .livres3d .livre .conteneur_livre:hover{filter:grayscale(0) brightness(100%) contrast(1)}}main .livres3d .livre .conteneur_livre:hover>.elements_livre{transform:translate(-50%, -50%) rotateY(0deg) scale(var(--echelle))}@media screen and (max-width:1245px){main .livres3d .livre .conteneur_livre{font-size:1.1vw}}@media screen and (max-width:800px){main .livres3d .livre .conteneur_livre{font-size:2vw}}main .livres3d .livre .conteneur_livre img{width:100%;height:100%;image-rendering:-webkit-optimize-contrast}main .livres3d .livre .conteneur_livre .elements_livre{position:relative;display:block;top:50%;left:50%;transform-style:preserve-3d;width:var(--largeur);height:var(--hauteur);transition:all .3s ease;transform:translate(-50%, -50%) rotateY(40deg) scale(var(--echelle))}main .livres3d .livre .conteneur_livre .elements_livre span{display:block}main .livres3d .livre .conteneur_livre .elements_livre .couv_1{width:var(--largeur);height:var(--hauteur);border-top-right-radius:var(--arrondi);border-bottom-right-radius:var(--arrondi);overflow:hidden}main .livres3d .livre .conteneur_livre .elements_livre .tranche_ext{position:absolute;content:' ';height:calc(var(--hauteur) - 2 * var(--depassement));left:0;top:var(--depassement);width:var(--epaisseur);transform:translateX(calc(-0.04em + var(--largeur) - var(--epaisseur) / 2 - var(--depassement))) rotateY(90deg) translateX(calc(var(--epaisseur) / 2));overflow:hidden}main .livres3d .livre .conteneur_livre .elements_livre .tranche_sup{position:absolute;content:' ';height:calc(var(--largeur) - var(--depassement));left:0;top:0;width:var(--epaisseur);transform:translateX(calc(var(--largeur)*0.5 - (var(--epaisseur)/2))) translateY(calc(1.5*var(--depassement) + var(--largeur)*-0.5)) translateZ(calc(var(--epaisseur)*-0.5)) rotateY(90deg)  rotateX(90deg);overflow:hidden}main .livres3d .livre .conteneur_livre .elements_livre .tranche_inf{position:absolute;content:' ';height:var(--largeur);left:0;top:0;width:var(--epaisseur);transform:rotateX(90deg) rotateZ(90deg) translateZ(calc( (var(--largeur) *0.5) + var(--depassement) - var(--hauteur))) translateX(calc(var(--epaisseur)*-0.5)) translateY(calc( (var(--largeur)*-0.5) + (var(--epaisseur)*0.5 ) ));overflow:hidden}main .livres3d .livre .conteneur_livre .elements_livre .couv_4{position:absolute;left:0;top:0;content:' ';width:var(--largeur);height:var(--hauteur);border-top-left-radius:var(--arrondi);border-bottom-left-radius:var(--arrondi);transform:translateZ(calc(var(--epaisseur)*-1)) rotateY(-180deg);overflow:hidden}main .livres3d .livre .conteneur_livre .elements_livre .dos{position:absolute;content:' ';height:var(--hauteur);left:0;top:0;width:var(--epaisseur);transform:translateX(calc(-1*var(--epaisseur) / 2)) rotateY(270deg) translateX(calc(-0.95*var(--epaisseur) / 2));overflow:hidden}main .livres3d .livre .conteneur_livre .elements_livre .dos img{filter:brightness(80%)}main .mosaique{border-top:var(--border) solid var(--color-border);position:relative;display:grid;gap:var(--border);grid-template-columns:repeat(4, minmax(0, 1fr));top:calc(var(--size1) * 4.1)}@media screen and (max-width:1245px){main .mosaique{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (max-width:800px){main .mosaique{grid-template-columns:1fr}}main .mosaique .mosaiqueElem{outline:var(--border) solid var(--color-border);aspect-ratio:1;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-color var(--vitesse) ease-in-out}main .mosaique .mosaiqueElem:hover{background-color:var(--color-fg)}