@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)}body{--current-interface-color:var(--color-dark);background-color:var(--color-cream);min-height:100dvh;color:var(--color-dark);font-family:Satoshi-Variable,Arial,Helvetica,sans-serif}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.playground{width:100%;height:100dvh}.site-header{color:color-mix(in srgb, var(--color-cream) 87%, var(--color-dark));mix-blend-mode:difference}.playground-sphere{--card-width:clamp(340px, 20vw, 440px);--caption-gap:24px;--media-radius:8px;--media-hover-scale:1.1;width:100%;height:100%;position:relative;overflow:hidden}.playground-sphere:focus-visible{outline-offset:-6px;outline:2px solid}.playground-sphere__container{perspective:280vw;perspective-origin:50%;width:100%;height:100%;position:relative}.playground-sphere__stage{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.playground-sphere__media{--card-height:calc(var(--card-width) * .75);--click-scale:1;width:var(--card-width);height:var(--card-height);margin-left:calc(var(--card-width) * -.5);margin-top:calc(var(--card-height) * -.5);border-radius:var(--media-radius);-webkit-user-select:none;user-select:none;transform-style:preserve-3d;backface-visibility:hidden;cursor:pointer;opacity:0;will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.playground-sphere__media--first{opacity:1}.playground-sphere__visual{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.playground-sphere__visual{transition:transform .45s cubic-bezier(.22,1,.36,1)}.playground-sphere__media:hover .playground-sphere__visual{transform:scale(var(--media-hover-scale))}}.playground-sphere__caption{text-align:center;pointer-events:none;width:min(90vw,720px);transform-style:preserve-3d;backface-visibility:hidden;opacity:0;visibility:hidden;will-change:transform, opacity;margin-left:calc(min(90vw,720px)/-2);transition:opacity .5s,visibility 0s linear .5s;position:absolute;top:0;left:0}.playground-sphere__caption.is-visible{opacity:1;visibility:visible;transition:opacity .5s,visibility}.playground-sphere__caption-title{letter-spacing:var(--letter-display);margin:0;font-family:CabinetGrotesk-Variable,Arial,Helvetica,sans-serif;font-size:clamp(20px,1.8vw,32px);font-weight:500;line-height:1}.playground-sphere__caption-meta{opacity:.65;margin:8px 0 0;font-size:clamp(16px,1.5vw,15px);font-weight:400;line-height:1.2}@media (width<=1400px){.playground-sphere{--card-width:clamp(260px, 30vw, 380px);--caption-gap:18px}}@media (width<=500px){.playground-sphere{--card-width:clamp(115px, 33vw, 140px);--caption-gap:clamp(7px, 2vw, 9px)}.playground-sphere__caption-title{font-size:clamp(13px,3.2vw,14px)}.playground-sphere__caption-meta{margin-top:5px;font-size:clamp(9px,2.2vw,11px)}}@media (width>=1024px) and (width<=1400px){.playground-sphere{--card-width:clamp(307px, calc(8.72vw + 218px), 340px);--caption-gap:clamp(18px, calc(1.6vw + 1.6px), 24px)}}@media (orientation:landscape) and (width<=500px) and (height<=420px){.playground-sphere{--card-width:clamp(95px, 32svh, 140px);--caption-gap:3px}.playground-sphere__caption-title{font-size:clamp(12px,2.2vw,13px)}.playground-sphere__caption-meta{margin-top:3px;font-size:10px}}@media (orientation:landscape) and (width>=501px) and (width<=1400px) and (height<=360px){.playground-sphere{--card-width:clamp(185px, 62svh, 250px);--caption-gap:8px}}