@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Regular-CAdxhaPe.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Medium-GkA34YXu.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-MediumItalic-BwwtClOB.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-CT_TuBnL.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-ChAXbpFa.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic-Bb7sdEFv.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:CabinetGrotesk-Thin;src:url(/assets/CabinetGrotesk-Thin-D4W8aEVO.woff2)format("woff2");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Regular;src:url(/assets/CabinetGrotesk-Regular-BLnZls-E.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Medium;src:url(/assets/CabinetGrotesk-Medium-eM6zIJLo.woff2)format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Bold;src:url(/assets/CabinetGrotesk-Bold-ChXdH3YW.woff2)format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Variable;src:url(/assets/CabinetGrotesk-Variable-BZl-SSEF.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}body{font-family:CabinetGrotesk-Bold,Arial,Helvetica,sans-serif}.text-manifesto{font-size:9.375rem;font-weight:700;line-height:1}.text-manifesto-secondary{font-size:6.25rem;font-weight:700;line-height:1}.text-title{font-size:7.8125rem;font-weight:700;line-height:.9}.text-subtitle{font-size:2.5rem;font-weight:400;line-height:1}.text-project{font-size:5rem;font-style:italic;font-weight:500;line-height:1}.text-body{font-size:1.25rem;font-weight:500;line-height:1.5}.text-button{font-size:1.25rem;font-weight:700;line-height:1.5}.text-nav{font-size:1.5rem;font-weight:500;line-height:1}:root{--color-cream:#fff5ee;--color-dark:#1f1d1d;--border-radius-block:40px;--border-radius-card:15px;--padding-min:1rem;--letter-spacing-display:-.025em}.site-header{z-index:1000;width:100%;color:var(--current-interface-color,var(--color-dark));pointer-events:none;justify-content:space-between;align-items:center;padding:24px 32px;transition:color .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0}.site-header__logo,.site-header__nav,.site-header__link{pointer-events:auto}.site-header__logo{width:clamp(36px,4vw,48px);height:clamp(36px,4vw,48px);color:inherit;display:block}.site-header__logo:focus-visible{outline-offset:4px;outline:2px solid}.site-header__logo-mark{background-color:currentColor;width:100%;height:100%;display:block;-webkit-mask-image:url(/brand/logo-guillaume-zhu.svg);mask-image:url(/brand/logo-guillaume-zhu.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.site-header__nav{align-items:center;gap:clamp(24px,4vw,56px);display:flex}.site-header__link{color:inherit;font-family:Satoshi-Variable,Arial,Helvetica,sans-serif;font-size:clamp(16px,1.3vw,20px);font-weight:500;line-height:1;text-decoration:none;position:relative}.site-header__link:focus-visible{outline-offset:4px;outline:2px solid}.site-header__link:after{content:"";transform-origin:0;background-color:currentColor;width:100%;height:1px;transition:transform .35s;position:absolute;bottom:-.3em;left:0;transform:scaleX(0)}.site-header__link:hover:after,.site-header__link:focus-visible:after{transform:scaleX(1)}.site-header__link--playground{transition:letter-spacing .35s,font-weight .35s}.site-header__link--playground:after{display:none}.site-header__link--playground:hover,.site-header__link--playground:focus-visible{letter-spacing:.02em;font-weight:700}.site-header__language-switch{color:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-shrink:0;align-items:center;gap:.3em;padding:0;font-family:Satoshi-Variable,Arial,Helvetica,sans-serif;font-size:clamp(16px,1.3vw,20px);font-weight:500;line-height:1;display:inline-flex}.site-header__language-switch span{opacity:.45;transition:opacity .25s}.site-header__language-switch span.is-active{opacity:1}.site-header__language-switch span:first-child,.site-header__language-switch span:last-child{position:relative}.site-header__language-switch span:first-child:after,.site-header__language-switch span:last-child:after{content:"";transform-origin:0;background-color:currentColor;width:100%;height:1px;transition:transform .35s;position:absolute;bottom:-.3em;left:0;transform:scaleX(0)}.site-header__language-switch:hover span:first-child:not(.is-active),.site-header__language-switch:hover span:last-child:not(.is-active),.site-header__language-switch:focus-visible span:first-child:not(.is-active),.site-header__language-switch:focus-visible span:last-child:not(.is-active){opacity:1}.site-header__language-switch:hover span:first-child:not(.is-active):after,.site-header__language-switch:hover span:last-child:not(.is-active):after,.site-header__language-switch:focus-visible span:first-child:not(.is-active):after,.site-header__language-switch:focus-visible span:last-child:not(.is-active):after{transform:scaleX(1)}.site-header__language-switch:focus-visible{outline-offset:4px;outline:2px solid}@media (width<=600px){.site-header{padding:24px}.site-header__nav{gap:12px}.site-header__link--secondary{display:none}}@media (width<=380px){.site-header__nav{gap:8px}.site-header__link,.site-header__language-switch{font-size:clamp(13px,3.9vw,14px)}}.page-transition{--page-transition-radius-x:min(60vh, 42vw);--page-transition-radius-y:60vh;z-index:9999;background-color:var(--color-cream);border-top-left-radius:var(--page-transition-radius-x) var(--page-transition-radius-y);border-bottom-left-radius:var(--page-transition-radius-x) var(--page-transition-radius-y);pointer-events:none;will-change:transform, border-radius;width:140vw;height:120vh;display:block;position:fixed;top:-10vh;left:-20vw}.page-transition--cream{background-color:var(--color-cream)}.page-transition--dark{background-color:var(--color-dark)}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.project-page{--current-interface-color:var(--project-color);background-color:var(--project-background);min-height:100vh;color:var(--project-color)}.project-page[data-theme=dark]{--project-background:var(--color-dark);--project-color:var(--color-cream)}.project-page[data-theme=cream]{--project-background:var(--color-cream);--project-color:var(--color-dark)}.project-intro__title,.project-next__title{letter-spacing:var(--letter-spacing-display)}.project-scroll{width:100%}.project-scroll__pin-height{min-height:100vh}.project-scroll__container{scrollbar-width:none;width:100%;height:100vh;overflow:hidden}.project-scroll__container::-webkit-scrollbar{display:none}.project-scroll__track{box-sizing:border-box;width:max-content;height:100%;display:flex}.project-panel{flex:none;height:100%;position:relative}.project-panel--intro{width:80vw;padding:1vw}.project-panel--context{width:clamp(35vw,620px,60vw)}.project-panel--ellipse{justify-content:center;width:100vw;display:flex}.project-panel--gallery,.project-panel--next{width:100vw}.project-intro{width:100%;height:100%;position:relative}.project-intro__visual{object-fit:cover;opacity:0;will-change:transform, opacity;width:50%;height:100%;position:absolute;top:0;transform:scale(1.04)}.project-intro__visual--primary{border-radius:1.5vw 0 0 1.5vw;left:0}.project-intro__visual--secondary{border-radius:0 1.5vw 1.5vw 0;right:0}.project-intro__title{z-index:4;opacity:0;will-change:transform, opacity;font-family:CabinetGrotesk-Variable,Arial,Helvetica,sans-serif;font-size:clamp(72px,8vw,120px);font-weight:700;line-height:80%;position:absolute;top:20vh;right:-15vw;transform:translateY(40px)}.project-intro__title--one-line{margin-top:5vh}.project-context{--project-context-inline-space:19%;width:100%;height:100%;position:relative}.project-context--with-links{--project-context-inline-space:18%}.project-context__categories{width:fit-content;top:clamp(22vh,20vh + 2.4vw,24vh);right:var(--project-context-inline-space);flex-direction:column;align-items:flex-end;gap:clamp(16px,2.6vh,28px);display:flex;position:absolute}.project-context__category{border:2px solid var(--project-color);opacity:0;will-change:opacity, transform;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.6em 1em;font-family:CabinetGrotesk-Variable,Arial,Helvetica,sans-serif;font-size:clamp(18px,1.4vw,20px);font-weight:500;display:flex}.project-context__texts{width:min(62%,460px);top:46vh;bottom:8vh;right:var(--project-context-inline-space);visibility:hidden;flex-direction:column;justify-content:center;gap:2em;display:flex;position:absolute}.project-context--with-links .project-context__texts{width:min(64%,520px);top:48vh;bottom:8vh}.project-context__text{font-family:Satoshi-Variable,Arial,Helvetica,sans-serif;font-size:clamp(18px,1.4vw,20px);font-weight:400;line-height:1.5}.project-context__line{-webkit-mask-image:linear-gradient(90deg,#000 -25%,#0000 0%);mask-image:linear-gradient(90deg,#000 -25%,#0000 0%)}.project-context__links{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.project-context__link{width:fit-content;color:inherit;text-decoration:none;display:inline-block;position:relative}.project-context__link:after{content:"";transform-origin:0;background-color:currentColor;width:100%;height:1px;transition:transform .45s cubic-bezier(.77,0,.18,1);position:absolute;bottom:-.15em;left:0;transform:scaleX(0)}.project-context__link:hover:after,.project-context__link:focus-visible:after{transform:scaleX(1)}.project-context__link--experience{font-size:1.25rem}.project-context__link--credits{opacity:.65;font-size:.75rem}.project-ellipse{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-ellipse__visual{aspect-ratio:2;object-fit:cover;border-radius:999px;width:50%}.project-gallery{justify-content:center;width:100%;height:100%;display:flex}.project-gallery__slides{flex-direction:column;gap:1vh;width:50vh;height:100%;display:flex}.project-gallery__slide{flex:0;width:100%;position:relative;overflow:hidden}.project-gallery__media{object-fit:cover;border-radius:20px;width:100%;height:100%;display:block;position:absolute;inset:0}.project-next{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-next__link{color:inherit;cursor:pointer;text-decoration:none;display:inline-block;position:relative}.project-next__link:focus-visible{outline-offset:4px;outline:2px solid}.project-next__link:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-next__link:hover:before{width:82vw;height:150%}.project-next__title{width:max-content;font-family:CabinetGrotesk-Variable,Arial,Helvetica,sans-serif;font-size:10vw;font-weight:700;line-height:.9;position:relative}.project-next__word,.project-next__right{display:inline-block}.project-next__right{position:relative}.project-next__project-name{white-space:nowrap;letter-spacing:0;margin-top:.5em;font-family:Satoshi-Variable,Arial,Helvetica,sans-serif;font-size:clamp(14px,2vw,32px);font-weight:400;line-height:1;position:absolute;top:100%;right:0}.project-next__medias{pointer-events:none;position:absolute;inset:0}.project-next__media{transform-origin:50%;z-index:1;border-radius:clamp(12px,1.2vw,22px);width:auto;height:15vw;display:block;position:absolute;top:0;left:0;transform:scale(0)}.project-next__media--logo{z-index:2;border-radius:0;max-width:15vw;height:auto}.project-next__media--logo--ornate{max-width:20vw}.project-next__word--left,.project-next__right,.project-next__media{will-change:transform}.project-back{z-index:100;opacity:0;will-change:opacity;width:52px;height:52px;color:var(--project-color);border:2px solid;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:width .55s cubic-bezier(.77,0,.18,1),background-color .3s,color .3s;display:flex;position:fixed;bottom:2vw;right:2vw}.project-back:focus-visible{outline-offset:4px;outline:2px solid}.project-back__icon{transition:transform .55s cubic-bezier(.77,0,.18,1);overflow:visible;transform:translate(23px)}.project-back__shaft{transform-box:fill-box;transform-origin:0;transition:transform .55s cubic-bezier(.77,0,.18,1);transform:scaleX(.28)}.project-back:hover{width:112px;color:var(--project-background);background-color:var(--project-color)}.project-back:hover .project-back__shaft{transform:scaleX(1)}.project-back:hover .project-back__icon{transform:translate(0)}@media (width<=900px),(width<=1024px) and (height<=650px){.project-back{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom))}.project-scroll{overflow-x:clip}.project-scroll__pin-height{min-height:0}.project-scroll__container{height:auto;overflow:visible}.project-scroll__track{width:100%;height:auto;display:block}.project-panel{width:100%;height:100svh}.project-panel--intro{height:auto;padding:clamp(12px,2.5vw,20px) clamp(12px,2.5vw,20px) 0}.project-intro{--project-intro-gap:clamp(10px, 2vw, 16px);gap:var(--project-intro-gap);flex-direction:column;height:auto;display:flex}.project-intro__visual{flex:none;width:100%;height:40svh;position:relative;top:auto;left:auto;right:auto}.project-intro__visual--primary,.project-intro__visual--secondary{border-radius:clamp(16px,4vw,24px)}.project-intro__title{width:fit-content;max-width:calc(100% - 32px);margin-top:calc(-1rem - var(--project-intro-gap));text-align:left;margin-inline:auto;font-size:clamp(50px,min(16vw,12svh),88px);position:relative;top:auto;left:0;right:0}.project-intro__title--one-line{margin-top:calc(-1rem - var(--project-intro-gap))}.project-panel--context{--project-context-flow-gap:clamp(48px, 8svh, 80px);height:auto;padding:var(--project-context-flow-gap) clamp(24px, 8vw, 72px) clamp(64px, 10svh, 96px);display:flex}.project-context{justify-content:flex-start;align-items:center;gap:var(--project-context-flow-gap);text-align:center;flex-direction:column;flex:1;height:auto;display:flex}.project-context__categories{align-items:center;gap:clamp(12px,2svh,18px);display:flex;position:static}.project-context__category{text-align:center;opacity:1;max-width:100%;padding:.55em .9em;font-size:clamp(15px,4vw,18px)}.project-context__texts,.project-context--with-links .project-context__texts{text-align:center;visibility:visible;gap:clamp(24px,4svh,40px);width:min(100%,520px);display:flex;position:static}.project-context__text{font-size:clamp(17px,4.5vw,20px)}.project-context__links{align-items:center}.project-panel--ellipse{height:auto;padding:clamp(40px,6svh,64px) clamp(14px,4vw,40px)}.project-ellipse{height:auto}.project-ellipse__visual{aspect-ratio:2/3;object-fit:cover;object-position:center;border-radius:999px;width:min(100%,52svh,560px);height:auto}.project-panel--gallery{padding:calc(96px + 9.5svh) 0 clamp(64px,10svh,96px);overflow:hidden}.project-gallery{align-items:center}.project-gallery__slides{width:min(84vw,50svh,520px)}.project-panel--next{height:auto;margin-top:clamp(-240px,-24svh,-100px)}.project-next{height:auto;min-height:100svh;padding:0 clamp(20px,6vw,48px)}.project-next__link{flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(28px,5svh,56px);width:100%;height:auto;display:flex}.project-next__title{text-align:center;max-width:100%;font-size:clamp(52px,14vw,88px)}.project-next__project-name{font-size:clamp(16px,4vw,22px)}.project-next__medias{order:-1;width:min(72vw,420px);height:min(52svh,460px);position:relative;inset:auto}.project-next__media{transform-origin:50%;border-radius:clamp(10px,3vw,18px);width:46%;max-width:none;height:auto;display:block;inset:auto}.project-next__media:first-child{width:50%;top:2%;left:8%;transform:rotate(-3deg)}.project-next__media:nth-child(2){width:45%;top:14%;right:4%;transform:rotate(5deg)}.project-next__media:nth-child(3){width:70%;top:38%;left:5%;transform:rotate(-5deg)}.project-next__media:nth-child(4){width:50%;top:45%;left:26%;transform:rotate(2deg)}.project-next__media:nth-child(5){width:42%;bottom:2%;right:10%;transform:rotate(6deg)}.project-next__media:nth-child(3).project-next__media--logo--ornate{width:78%}}@media (width<=1024px) and (height<=650px){.project-next__medias{width:min(58svh,320px);height:min(48svh,260px)}}