body.difference header{mix-blend-mode:difference}header,.project-card,.baseline,.intro-text{color:#fff}.baseline{position:fixed;z-index:99;width:100%;left:0;padding:0 var(--m);display:flex;justify-content:center;gap:2em;--baselineTop: calc(var(--headerHeight) + var(--logoBig) + var(--m));top:calc(var(--baselineTop) + (var(--headerHeight) - var(--baselineTop)) * var(--percent));opacity:calc(1 - var(--percent))}.baseline div{animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:both;animation-delay:calc(var(--baseNum) * .3s)}.intro-text{position:fixed;z-index:99;left:0;bottom:0;width:33%;padding:var(--m);pointer-events:none;transition:opacity .3s}.intro-text:after{content:"";display:inline-block;width:0;height:0;border-left:.2em solid transparent;border-right:.2em solid transparent;border-top:.3em solid;margin:.5em 0 .2em .1em}.hide-intro .intro-text{opacity:0}main{animation-name:fadeIn;animation-duration:2s;animation-fill-mode:both;animation-delay:.5s}main>a{position:relative;z-index:var(--index);display:block;height:120vh;transition:opacity .3s}main>a:first-child{height:160vh}main.blur>a .blur{position:absolute;top:0;left:0;width:100%;height:100%}main.blur>a .blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}main.blur>a:first-child .blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:-webkit-backdrop-filter .5s;transition:backdrop-filter .5s;transition:backdrop-filter .5s,-webkit-backdrop-filter .5s}main.blur>a:first-child.link-visible .blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}main>a figure{height:100%;width:100%;padding:0;overflow:hidden}main>a img{height:100%;-o-object-fit:cover;object-fit:cover}.project-card{position:fixed;z-index:0;top:48vh;width:100%;display:flex;justify-content:center;text-transform:uppercase;opacity:calc(1 - var(--visibility));pointer-events:none}.project-infos-line{display:flex;padding-left:.5ch}.project-infos-col-1{padding-right:5.2ch}.project-infos-col-2{flex:auto}@media screen and (min-width: 1024px) and (orientation: landscape){.project-infos-line div{opacity:0;transition:opacity .2s;transition-delay:0}a.link-visible .project-infos-line div{opacity:1;transition:opacity .2s;transition-delay:calc(var(--infoNum) * .2s)}}@media screen and (max-width: 1024px) and (orientation: portrait){.intro-text{width:100%;text-align:center}main>a{height:calc(var(--mobilevh) * 1.2)}main>a:first-child{height:calc(var(--mobilevh) * 1.6)}.project-card{text-align:center;padding-left:var(--m);padding-right:var(--m)}.project-card h2{text-align:center;margin-bottom:.03em}.project-infos-line{display:flex;padding-left:0;flex-direction:column;align-items:center}.project-infos-col-1{padding-right:0;display:flex;gap:1ch}.project-infos-col-2{flex:initial;display:flex;gap:1ch}.project-infos-col{opacity:0}a.link-visible .project-infos-col{opacity:1;transition:opacity .3s;transition-delay:calc(var(--mobileInfoNum) * .3s)}}