@charset "UTF-8";*,*:after,*:before{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,header,footer,dialog,section,article,aside,menu,nav,div,span,button,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,ol,ul,li,a,strong,b,i,s,address,time,sub,sup,hr,form,fieldset,label,figure,figcaption,iframe,embed,audio{margin:0;padding:0;border:0;background:none;font:inherit;font-size:100%;vertical-align:baseline}html{font-size:12px;scrollbar-width:none;background-color:#fff}::-webkit-scrollbar{display:none}:focus,:focus-visible{outline:none!important}:focus::-ms-value{background-color:none;color:inherit}::-moz-focus-inner{border:none!important}svg{overflow:visible}a,button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:inherit;text-decoration:none}a:disabled,button:disabled{cursor:not-allowed}[x-cloak]{display:none!important}html.is-changing .transition-main{opacity:1;transition:opacity calc(var(--speed) * 2) var(--ease)}html.is-animating .transition-main{opacity:0}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-duration:1ms;transition-property:overflow;transition-behavior:allow-discrete}body{--c-bg: rgb(var(--c-bg-base));--c-bg-overlay: rgba(var(--c-bg-base), .85);overflow-x:hidden;width:100vw;height:100%;margin:auto;background-color:var(--c-bg);color:var(--c-text);font:normal normal normal var(--fs)/var(--lh) var(--font);transition:background-color var(--speed) var(--ease),color var(--speed) var(--ease);overscroll-behavior:none;text-decoration-thickness:.5px;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-theme=light]{--c-bg-base: 255, 255, 255;--c-text: #000}body:has(.mobile-active),body:has(dialog[open]){overflow:hidden}img,video{display:block;max-width:100%;height:auto;transform:translateZ(0);font-size:0;line-height:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}picture{background-color:var(--p-bg)}p{text-wrap:pretty}p+p{margin-top:2ch}p:has(.align-left){text-align:left}p:has(.align-center){text-align:center}p:has(.align-right){text-align:right}.content-wrapper{display:grid;grid-template-rows:1fr max-content;min-height:var(--wh)}.main{opacity:1;transition:opacity var(--speed) var(--ease)}.main.htmx-swapping,.lazy,.lazyload,.lazyvideo,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity var(--speed) var(--ease);transition-delay:calc(var(--speed) / 2)}*{cursor:none}.cursor{position:fixed;top:0;left:0;z-index:1000;mix-blend-mode:difference;width:var(--dot-size);height:var(--dot-size);border-radius:1000px;background-color:#fff;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:height var(--speed) ease,width var(--speed) ease,transform 50ms ease}.cursor.cursor--initialized{opacity:1}.cursor.cursor--off-screen{opacity:0}.cursor.cursor--special-focused{height:calc(var(--dot-size) * 1.5);width:calc(var(--dot-size) * 1.5)}.loader{position:fixed;z-index:9999;height:100%;margin:auto;transform-origin:center center;background:var(--c-bg);animation:loader var(--speed) calc(var(--speed) * 2) forwards;pointer-events:none;user-select:none;inset:0}@keyframes loader{0%{width:100%}99%{width:0%}to{display:none;width:0%}}.embla{position:relative}.embla__viewport{overflow:hidden;height:100%}.embla__container{display:flex;height:100%;margin-left:calc(var(--slide-spacing) * -1);touch-action:pan-y pinch-zoom}@media screen and (max-width:768px){.project .embla__container{flex-direction:column}}.embla__slide{display:flex;flex:0 0 var(--slide-size);justify-content:center;align-items:center;min-width:0;padding-left:var(--slide-spacing);transform:translateZ(0)}@media screen and (max-width:768px){.overview .embla__slide{overflow:hidden}}@media screen and (max-width:768px){.project .embla__slide{padding-inline:var(--m-m)}}.overview .embla,.project .embla{--slide-height: 100%;--slide-spacing: 0;--slide-size: 100%;height:var(--wh)}.embla__button{position:absolute;top:0;width:50%;height:100%}.embla__button--prev{left:0;z-index:2}@media(pointer:coarse){.embla__button--prev{display:none}}.embla__button--prev.is-disabled{pointer-events:none}.embla__button--next{right:0;z-index:2}@media(pointer:coarse){.embla__button--next{height:100%;width:100%;top:0}}.embla__button--next.is-disabled{pointer-events:none}@media screen and (max-width:768px){.embla-thumbs{pointer-events:none}}.embla-thumbs__viewport{overflow:hidden}.embla-thumbs__container{display:flex;margin-left:calc(var(--slide-spacing) * -1);touch-action:pan-y pinch-zoom}.overview .embla-thumbs{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.embla-thumbs__slide{display:flex;opacity:.1;filter:grayscale(100%);transition:opacity calc(var(--speed) / 2) var(--ease),filter calc(var(--speed) / 2) var(--ease)}@media screen and (max-width:768px){.embla-thumbs__slide{flex:0 0 auto}}.embla-thumbs__slide--active{opacity:1;filter:none}.carousel__image{width:auto;max-height:var(--wh)}@media(max-width:768px)and (orientation:portrait){.overview .carousel__image{width:100%}.overview .carousel__image--portrait{height:var(--wh);object-fit:cover}.overview .carousel__image--landscape{object-fit:contain}}.carousel__thumb{width:auto;max-width:100%;height:auto;max-height:8vh}@font-face{font-family:Bradford LL;font-weight:400;font-style:normal;src:url("../fonts/BradfordLL-Regular.woff2") format("woff2");font-display:block}@font-face{font-family:Bradford LL;font-weight:400;font-style:italic;src:url("../fonts/BradfordLL-Italic.woff2") format("woff2");font-display:block}.font-l{font-size:calc(var(--fs) * 1.75)}@media(max-width:450px){.font-l{font-size:calc(var(--fs) * 1.5)}}.header{display:grid;position:fixed;top:0;left:0;z-index:1000;grid-template-columns:1fr 2fr 3fr;mix-blend-mode:exclusion;width:100%;padding:var(--m-m);color:#fff}@media(hover:hover){.header a:hover,.header button:hover,.header label:hover{opacity:50%}}@media(max-width:768px){.header{grid-template-columns:1fr 1fr}}@media(max-width:450px){.header{grid-template-columns:1fr}.header.mobile-active{mix-blend-mode:normal;color:var(--c-text)}}@media(max-width:450px){.title{z-index:1;text-align:center}}@media(max-width:768px){.infos{position:fixed;top:calc(2ch + var(--m-m) * 2);left:0;width:100%;padding:var(--m-m);text-align:center}.header.mobile-active .infos{display:none}}body:not(.project) .infos__project-title{display:none}.infos__project-details{margin-top:var(--m-m)}body:not(.project) .infos__project-details{display:none}body:not(.home) .infos__active-caption{display:none}@media screen and (max-width:450px){.infos__active-caption{display:none}}.filters{display:none}body.projects .filters{display:inline-block}@media(max-width:450px){.filters{position:fixed;top:var(--hh);left:0;width:100%;margin-top:var(--m-m);text-align:center}}.filters__input{display:none;appearance:none}.filters__label:not(:last-child):after{content:", "}.filters__input:checked+.filters__label{text-decoration:underline}.nav{display:grid}@media(min-width:769px){.nav{grid-template-columns:6fr 1fr 1fr}}@media(min-width:450px)and (max-width:768px){.nav{grid-template-columns:1fr 1fr;grid-area:1/2}}@media(max-width:450px){.header.mobile-active .nav{position:fixed;top:0;left:0;grid-template-rows:max-content max-content 1fr;gap:var(--m-l);align-items:center;width:100%;height:var(--wh);padding:calc(var(--m-l) * 3) var(--m-m);background-color:var(--c-bg-overlay);justify-items:center}.header:not(.mobile-active) .nav{display:none}}.view-switch,.theme-switch{user-select:none}@media(max-width:768px){.theme-switch{display:none}}@media(max-width:450px){.contact{display:grid;gap:var(--m-m)}}.contact h2{margin-bottom:2ch}.contact__inner{display:grid}@media(max-width:450px){.contact__inner{justify-items:center}}@media(max-width:450px){.clients{display:grid;gap:var(--m-m)}}.clients h2{margin-bottom:2ch}.btn--nav[aria-current],.btn--nav.active{text-decoration:underline;pointer-events:none}@media(min-width:768px){.btn--nav#about-toggle,.btn--nav#project-close{justify-self:end}}body.project #about-toggle{display:none}body:not(.project) #project-close{display:none}.mobile-colophon{align-self:flex-end;text-align:center}@media(min-width:768px){.mobile-colophon{display:none}}.about{display:flex;position:fixed;z-index:99;align-items:center;backdrop-filter:grayscale(1);width:100%;height:100%;padding:var(--hh) var(--m-m);background-color:var(--c-bg-overlay);transition:background-color var(--speed) var(--ease),color var(--speed) var(--ease);inset:0}@media(max-width:450px){.about{padding:calc(var(--m-l) * 3) var(--m-m);text-align:center}}.about__text{position:relative;z-index:2}@media(max-width:450px){.about__text{display:grid;gap:var(--m-m);align-self:flex-end}}@media(min-width:451px){.about__text h2{position:absolute;top:0;left:0;margin-top:calc(1cap * var(--lh))}}@media(min-width:451px){.about__text .bio{text-indent:16.6666666667%}}.about__closer{position:absolute;z-index:1;width:100%;height:100%;inset:0}@media screen and (max-width:768px){body.home{overflow:hidden}}.overview{height:var(--wh)}.grid{--gap: clamp(var(--m-l), 10vw, 100px);display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);padding:calc(var(--hh) * 2) var(--m-m);pointer-events:none}@media(max-width:450px){.grid{grid-template-columns:1fr;padding:calc(var(--hh) * 3) var(--m-l)}}.grid__item{display:flex;flex-direction:column;gap:var(--m-m);align-items:center;width:100%;transition:opacity var(--speed) var(--ease);pointer-events:all}@media(hover:hover){.grid__item:hover>.grid__infos{opacity:1}.grid__item:is(a):hover>.grid__thumb{opacity:.25}}.grid__item--hidden{opacity:0}@media screen and (max-width:430px){.grid__item--hidden{display:none}}.grid__thumb{display:flex;justify-content:center;align-items:flex-start;overflow:hidden;opacity:1;aspect-ratio:1;width:100%;transition:inherit}@media screen and (max-width:430px){.grid__thumb{align-items:center}}.grid__thumb picture{aspect-ratio:var(--ratio);max-width:100%;max-height:100%}.grid__infos{text-align:center;transition:inherit}@media(hover:hover){.grid__infos{opacity:0}}.project-container{position:fixed;z-index:98;backdrop-filter:grayscale(1);width:100%;max-width:none;height:100%;background-color:var(--c-bg-overlay);transition:background-color var(--speed) var(--ease);inset:0}.project-container.is-changing{transition:opacity var(--speed)}.project-container.is-animating{opacity:0}.project-container picture:has(.carousel__image){z-index:2}.fs-close{position:absolute;z-index:1;width:100%;height:100%;inset:0}.footer{display:flex;position:fixed;bottom:0;left:0;z-index:1000;justify-content:space-between;mix-blend-mode:exclusion;width:100%;padding:var(--m-m);color:#fff}@media(hover:hover){.footer a:hover{opacity:50%}}@media screen and (max-width:768px){.footer{display:none}}.menu-toggle{text-align:center;position:fixed;bottom:0;left:0;z-index:1001;mix-blend-mode:difference;width:100%;padding:var(--m-m);color:#fff}body.project .menu-toggle--nav{display:none}body:not(.project) .menu-toggle--project{display:none}@media(min-width:768px){.menu-toggle{display:none}}@media(min-width:450px)and (orientation:landscape){.menu-toggle{display:none}}:root{--font: "Bradford LL", serif;--fs-min: 12px;--fs-max: 1.25rem;--fs: clamp(var(--fs-min), .75vw, var(--fs-max));--lh: 1.2;--c-bg-base: 0, 0, 0;--c-text: #fff;--c-hover: #777777;--m-s: 5px;--m-m: calc(var(--m-s) * 2);--m-l: calc(var(--m-s) * 6);--gutter: calc(var(--m-s) / 2);--speed: .4s;--ease: cubic-bezier(.645, .045, .355, 1);--dot-size: 10px;--wh: 100dvh}@supports not (height: 100dvh){:root :root{--wh: 100vh}}@media(max-width:440px){:root{--fs-min: 13px}}
