@charset "UTF-8";*,*:after,*:before{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,header,footer,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}html.is-changing{cursor:wait;pointer-events:none}::selection{background-color:#000;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;cursor:pointer}a:disabled,button:disabled{cursor:not-allowed}@font-face{font-family:Gaisyr;src:url("../fonts/ABCGaisyr-Book.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Gaisyr;src:url("../fonts/ABCGaisyr-BookItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:block}[x-cloak]{display:none!important}html.is-changing .transition-main{opacity:1;transition:opacity var(--speed)}html.is-animating .transition-main{opacity:0}body{width:100vw;overflow-x:hidden;margin:auto;background-color:var(--c-bg);color:var(--c-text);font:normal normal normal var(--fs)/var(--lh) var(--font);-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.home.is-intro{overflow:hidden}@media screen and (max-width: 440px){body.project{overflow:hidden;height:var(--wh)}}main{min-height:100%}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}.grey-out{color:var(--c-hover)}.content-wrapper{display:grid;grid-template-rows:1fr max-content;min-height:var(--wh)}a,button{transition:color calc(var(--speed) / 2)}@media screen and (hover: hover){a:hover,button:hover{color:var(--c-hover)}}@media screen and (pointer: coarse){a:active,button:active{color:var(--c-hover)}}.lazy,.lazyload,.lazyvideo,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity var(--speed) var(--ease)}.loader{position:fixed;z-index:9999;width:100%;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%{opacity:100%}99%{opacity:0%}to{display:none;opacity:0%}}.about{position:fixed;bottom:0;z-index:3;width:100%;text-align:center}.about__inner{display:flex;flex-direction:column;gap:var(--m-l);align-items:center;min-height:var(--wh);padding:var(--m-l);background-color:var(--c-bg);transition:background-color var(--speed)}@media screen and (min-width: 441px){.about__inner{justify-content:center}}.about__inner .mobile-infos{margin-block:var(--m-m)}@media screen and (min-width: 441px){.about__inner .mobile-infos{display:none}}@media screen and (min-width: 441px){.about__inner div{max-width:33.3333333333%}}.about__inner div h1{text-align:center}.content-wrapper--expanded .about__inner{background-color:var(--c-butter)}.hero{position:fixed;top:0;z-index:2;width:100vw;height:var(--wh);background-color:var(--c-bg);cursor:pointer;padding-bottom:var(--footer-height)}.hero__image{opacity:1;width:100%;height:100%;object-fit:contain;object-position:center}.project-grid{display:grid;position:relative;grid-auto-rows:max-content;grid-template-columns:repeat(3,1fr);gap:var(--gutter);min-height:var(--wh);padding:var(--m-l)}@media (max-width: 768px){.project-grid{padding:var(--gutter)}}.project-grid__item{position:relative}.project-grid__item .project__thumb{aspect-ratio:4/5;width:100%;object-fit:cover}.project-grid .project__infos{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(var(--c-bg-rgb),1) 60%,rgba(var(--c-bg-rgb),.95) 67%,rgba(var(--c-bg-rgb),.85) 77%,rgba(var(--c-bg-rgb),.75) 82%,rgba(var(--c-bg-rgb),.55) 87%,rgba(var(--c-bg-rgb),.25) 95%,transparent 100%);color:var(--c-text);text-align:center}@media (max-width: 768px){.project-grid .project__infos{display:none!important}}.project-grid .project__infos h1{margin-block:calc(var(--m-l) * 8) var(--m-l)}.fade-enter,.fade-leave{transition:opacity .4s ease}.fade-enter-start,.fade-leave-end{opacity:0}.fade-enter-end,.fade-leave-start{opacity:1}.project-content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);overflow:hidden;padding:var(--m-l)}@media screen and (max-width: 440px){.project-content{grid-auto-rows:max-content;grid-template-columns:1fr;overflow-y:scroll;height:calc(var(--wh) - var(--footer-height));scroll-snap-type:y mandatory}}.project-content__item{position:relative;overflow:hidden;aspect-ratio:4/5;width:100%;height:auto}@media screen and (max-width: 440px){.project-content__item{scroll-snap-align:center}}.project-content__item:has(.text-block){display:grid;align-items:center;padding:var(--m-m)}@media screen and (max-width: 440px){.project-content__item:not(:has(picture,video,.text-block)){display:none}}.sound-toggle{position:absolute;z-index:1;width:max-content;color:#fff;transition:transform .05s linear;pointer-events:none}@media (pointer: coarse){.sound-toggle{right:0;bottom:0;padding:var(--m-s)}}@media (hover: hover){.sound-toggle{display:none;transform:translate(25%,50%)}.project-content__item:hover>.sound-toggle{display:block}}.btt-btn{display:none}@media (max-width: 440px){.btt-btn{display:grid;overflow:hidden;aspect-ratio:4/5;width:100%;height:auto;margin-bottom:25vh;place-items:center;scroll-snap-align:center}}.media__cover{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}@media (hover: hover){.project-content__item:hover>.media__cover{display:none}}@media (pointer: coarse){.media__cover{display:none}}.tbs-footer{display:flex;position:sticky;bottom:0;z-index:99;justify-content:space-between;align-items:center;opacity:1;padding:var(--m-m) var(--m-l);background-color:var(--c-bg);transition:opacity var(--speed)}@media screen and (max-width: 440px){.tbs-footer{align-items:flex-start}}.tbs-footer.is-hidden{opacity:0;pointer-events:none}.tbs-footer__logo{position:absolute;top:-50%;left:0;z-index:99;width:min(25rem,500px);height:auto;padding-inline:var(--m-l)}.tbs-footer__logo svg{width:100%;height:auto}@media screen and (max-width: 440px){.tbs-footer__logo{width:100vw;top:calc(-1 * var(--footer-height))}}@media screen and (max-width: 440px){.tbs-footer__infos h1 span{display:none}}.tbs-footer nav{display:flex}.tbs-footer nav button{min-width:5ch}.content-wrapper--expanded .tbs-footer{background-color:var(--c-butter)}:root{--font: "Gaisyr", serif;--fs-min: 12px;--fs-max: 2rem;--fs: clamp(var(--fs-min), 1vw, var(--fs-max));--lh: 1.2;--c-bg: #fff;--c-bg-rgb: 255, 255, 255;--c-text: #000;--c-hover: #777777;--c-butter: #f8de95;--m-s: 10px;--m-m: calc(var(--m-s) * 2);--m-l: calc(var(--m-s) * 3);--gutter: calc(var(--m-s) / 2);--speed: .4s;--ease: cubic-bezier(.645, .045, .355, 1);--wh: 100dvh}@media screen and (max-width: 440px){:root{--m-l: var(--m-m)}}@supports not (height: 100dvh){:root :root{--wh: 100vh}}