@font-face{font-display:swap;font-family:PPFragmentGlareLight;font-style:normal;font-weight:400;src:url(./PPFragmentGlareLight.CV1aVGrg.woff2) format("woff2")}:root{--body-background:#121212;--body-font:"PPFragmentGlareLight",sans-serif;--border-color:#ffffff4d;--body-color:#f1f1f1}*,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;font-family:inherit;font-size:inherit}html{scroll-behavior:auto}body,html{background:var(--body-background)}body{color:var(--body-color);font-family:var(--body-font);font-size:2vw;opacity:0}.pin-height{height:calc(300vh - 4vw);overflow:hidden}.container{display:flex;height:calc(100vh - 4vw);white-space:nowrap;width:-moz-max-content;width:max-content}.project{flex-shrink:0;height:100%;min-width:4vw;position:relative}.project:not(:last-child){border-right:1px solid var(--border-color)}.project:not(.on){color:var(--border-color);cursor:url(https://cdn.prod.website-files.com/684fd3662bf373c304f927ef/684fd3fa2e5a792140becaff_2b1e000c885a11daa778a26530dd8999_cursor-pointer.svg) 12 0,pointer}.project:not(.on) .media,.project:not(.on) .year{display:none}.datas{bottom:0;display:flex;justify-content:space-between;left:2vw;line-height:2.6vw;position:absolute;transform:rotate(-90deg);transform-origin:0 50%;width:calc(100vh - 6.6vw)}.outpost .project:hover .datas .label{color:var(--body-color)}.media{aspect-ratio:1/2;border-radius:.6vw;height:calc(100% - 2.6vw);margin:1.3vw 1.3vw 0 4vw;-o-object-fit:cover;object-fit:cover;width:auto}@media(max-width:768px){.container,.pin-height{height:auto}.container{flex-direction:column;white-space:normal;width:100%}.project:not(:first-child){border-top:1px solid var(--border-color)}.project{border-right:0!important}.project:not(.on){color:var(--body-color)}.datas,.project:not(.on) .media,.project:not(.on) .year{display:block}.datas{left:auto;line-height:2.6vw;margin:30px 15px 15px;position:relative;transform:none;width:auto}.media{aspect-ratio:1.8;height:auto;margin:15px;width:calc(100% - 30px)}}.preview-modal{background:var(--body-background);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.preview-modal.active{pointer-events:all}.preview-modal-content{background:var(--body-background);display:flex;flex-direction:column;height:calc(100vh - 4vw);overflow:hidden;position:relative;width:100%}.preview-modal-title{margin:0}.preview-close{background:none;border:none;margin:0;padding:0;text-decoration:none}.preview-iframe{border:none;height:100%;opacity:1}.outpost-header,.preview-iframe{background:var(--body-background);width:100%}.outpost-header{align-items:center;border-top:1px solid var(--border-color);bottom:0;display:flex;height:4vw;justify-content:space-between;left:0;padding:0 1vw;position:fixed;z-index:1001}.outpost-header a,.outpost-header p{color:var(--body-color);text-decoration:none}@media(max-width:768px){.outpost-header{border-bottom:1px solid var(--border-color);border-top:none;bottom:auto;top:0}.preview-modal-content{height:calc(100vh - 4vw)}}body,body *,html{cursor:url(https://cdn.prod.website-files.com/684fd3662bf373c304f927ef/684fd3faf1928131d9db6e0d_936bd88147511144743f09f4477f4c1a_cursor-default.svg) 2 0,auto}body :is([data-cursor=pointer],[data-cursor=pointer] *),body :is(a,a *,a p,button,button *,select,input[type=submit],input[type=button],input[type=radio],input[type=checkbox]){cursor:url(../cursors/cursor-pointer.svg) 12 0,pointer}body :is([data-cursor=grab],[data-cursor=grab] *){cursor:url(../cursors/cursor-grab.svg) 12 4,grab}body :is([data-cursor=grabbing],[data-cursor=grabbing] *){cursor:url(../cursors/cursor-grabbing.svg) 12 0,grabbing}footer{border-radius:50%;color:var(--body-color);font-size:.57vw;font-weight:600;height:clamp(120px,10vw,230px);position:fixed;right:1.3vw;text-transform:uppercase;top:1.3vw;width:clamp(120px,10vw,230px)}footer svg{fill:#999;transform:scale(1.1)}footer .footer-cursor,footer svg{opacity:1!important}footer .footer-cursor{height:110%;left:50%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:110%}.footer-background{background:var(--body-background);border:1px solid var(--border-color);border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}