:root{--header-height:8vh;--padding:12px;--bg-color:#fff;--bShadow:-10px 10px 5px 0px #00000026}@font-face{font-family:PP Fraktion Bold;src:url(/assets/PPFraktionMono-Bold-DhBXD8re.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:PP Fraktion;src:url(/assets/PPFraktionMono-Regular-CG26v_O-.otf)format("opentype");font-weight:400;font-style:normal}::-webkit-scrollbar{z-index:5;width:20px}::-webkit-scrollbar-thumb{background:#00000057;border-radius:4px}html,body{margin:0;overflow:hidden;scroll-behavior:smooth!important}.gradient{pointer-events:none;z-index:1;background:linear-gradient(#fff0,#656872);width:100vw;height:100vh;position:fixed;top:50vh;left:0}.outer{flex-direction:column;justify-content:center;align-items:center;display:flex}.header{z-index:15;width:min(940px,95%);height:var(--header-height);pointer-events:auto;background-color:#0000;grid-area:inner-div;text-decoration:none;list-style:none;display:block;position:sticky;left:0}.header-bg{pointer-events:none;z-index:1;background-color:#0000;border-radius:5px;width:100%;height:100%;transition:all .1s ease-in-out;position:absolute;top:0;left:auto;right:0;box-shadow:0 0 #0000}.header-bg.garden-mode:has(+.inner_header .site-button.garden:hover){transform:scale(1.2)}.inner_header{z-index:2;width:100%;height:100%;margin:0 auto;display:block;position:relative}.logo_container{float:left;align-items:center;height:100%;transition:opacity .1s,transform .2s;display:flex;transform:translate(0)}.logo_container.garden-mode{opacity:0;pointer-events:none;transform:translate(60px)}.logo_container h1{color:#000;height:auto;margin:0;font-family:PP Fraktion Bold;font-size:clamp(38px,4vw,38px);font-weight:100;transition:all 30ms ease-in-out;display:block}.logo_container h1:hover{cursor:pointer;transform:scale(1.2)}.logo_container h1 span{font-weight:800}.navigation{float:right;height:100%}ul{margin-top:5px}.navigation a{float:left;height:100%;padding:0 1vw;display:table}.navigation a:has(.garden){align-items:center;display:flex}.navigation a li{vertical-align:middle;color:#000;height:100%;font-family:PP Fraktion;font-size:clamp(16px,2vw,16px);transition:all 30ms ease-in-out;display:table-cell;transform:scale(1)}.navigation a li.garden{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:130px;height:auto;transition:all .2s ease-in-out;display:flex}.navigation.garden-mode a li:not(.garden){opacity:0;pointer-events:none;transition:opacity .1s,transform .2s;transition-delay:var(--delay,0s);transform:translate(60px)}.navigation a li:hover{cursor:pointer;transform:scale(1.2)}.demoreel{object-fit:cover;z-index:11;pointer-events:auto;border:none;flex-shrink:0;width:70%;padding-bottom:45.25%;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:none;position:relative;overflow:hidden}.demoreel.is-entering{opacity:0;transform:translateY(20px)}.demoreel.is-exiting{opacity:0;pointer-events:none;transition-duration:.12s;transform:translateY(-20px)}.feed{box-sizing:border-box;height:calc(100svh - var(--header-height));max-height:calc(100svh - var(--header-height));z-index:2;pointer-events:auto;scrollbar-gutter:stable;flex-direction:column;grid-area:inner-div;align-items:center;width:min(940px,95%);min-height:0;margin:0 auto;padding:0 12px 2rem;display:flex;overflow:hidden auto}.outer .pixiApp{z-index:1;z-index:1;background-color:var(--bg-color);grid-area:inner-div;width:100%;height:100%;position:fixed;top:0;left:0}.outer .reactApp{box-sizing:border-box;height:calc(100svh - var(--header-height));z-index:2;pointer-events:none;opacity:1;grid-area:inner-div;width:100%;padding:1vh;transition:opacity .15s ease-in-out;display:flex;overflow:hidden}.outer .reactApp.hidden{opacity:0}.navigation.garden-mode{margin-top:0}.navigation.garden-mode a li.garden{box-shadow:var(--bShadow);background-color:var(--bg-color);border-radius:5px;justify-content:center;align-items:center;padding:.4em .35em;line-height:1.2;transition:all .15s ease-in-out;transform:scale(1)}.grid_container{grid-gap:.5vh;pointer-events:none;scrollbar-gutter:stable;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:300px;justify-content:center;align-self:start;width:calc(100% + 24px);min-height:0;margin:0 auto;display:grid}.preview{z-index:10;box-shadow:var(--bShadow);pointer-events:auto;background-color:#fff0;border-radius:5px;grid-area:span 1/span 1;justify-content:center;align-items:center;transition:all .15s ease-in-out;display:flex;transform:scale(1)}.preview.tall{grid-row:span 2}.preview.wide{grid-column:span 2}.preview.nativeVideo{grid-area:span 2/span 3}.preview-vimeo{object-fit:cover;align-items:center;width:100%;height:100%;position:fixed}iframe{pointer-events:auto;filter:grayscale(0);opacity:0;width:100%;height:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}iframe.visible{opacity:1}.preview.nativeVideo:hover{cursor:pointer;transform:scale(1)}.preview-image{object-fit:cover;pointer-events:none;border-radius:5px;align-items:center;width:100%;height:100%}.preview-image.nativeVideo{filter:grayscale(0);pointer-events:auto;transition:all .15s ease-in-out}.preview.nativeVideo:hover .preview-image.nativeVideo{filter:grayscale(.5)}.preview:hover{cursor:pointer;transform:scale(.95)}.preview.is-entering{opacity:0;transform:translateY(20px)}.preview.is-exiting{opacity:0;pointer-events:none;transition-duration:.12s;transition-delay:var(--feed-delay,0s);transform:translateY(-20px)}.modal-container{z-index:16;pointer-events:none;opacity:0;background-color:#9191964d;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .16s ease-in-out;display:flex;position:fixed;top:0;left:0}.modal-container.show{opacity:1;pointer-events:auto;transition-duration:.2s}body:has(#modal_container.show) .header{pointer-events:none}.modal{top:calc(var(--header-height) + (100% - var(--header-height)) / 2);height:calc((100% - var(--header-height)) * .94);box-sizing:border-box;will-change:transform;background-color:#fff;border-radius:5px;flex-direction:column;align-items:center;width:min(95%,1300px);padding:1rem;transition:transform .2s ease-in-out;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.85)}.modal-container.show .modal{transform:translate(-50%,-50%)scale(1)}.modal-scrollbox{--diptych-gap:1vh;align-items:center;gap:var(--diptych-gap);box-sizing:border-box;scrollbar-gutter:stable;flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.close{z-index:1;opacity:.5;width:32px;height:32px;position:absolute;top:32px;right:64px}.close:hover{opacity:1;cursor:pointer}.close:before,.close:after{content:" ";background-color:#000;width:2px;height:33px;position:absolute;left:15px}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.modal-content-title{text-align:center;font-family:PP Fraktion Bold}.modal-content-image{object-fit:contain;opacity:0;width:auto;max-width:80%;height:auto;max-height:100%;transition:opacity .3s ease-in-out}.modal-content-diptych .modal-content-image{max-width:100%}.modal-content-image.visible{opacity:1}.modal-content-vimeo-container{border:none;width:100%;height:0;padding-bottom:36.25%;position:relative;overflow:hidden}.modal-content-diptych .modal-content-vimeo-container{padding-bottom:56.25%}.modal-content-vimeo-container iframe{pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content-text{text-align:center;max-width:60%;margin:auto;font-family:PP Fraktion}.modal-content-diptych{justify-content:center;gap:var(--diptych-gap);grid-template-columns:repeat(auto-fit,40%);grid-auto-rows:auto;width:100%;display:grid}@media (width<=780px){.demoreel{width:100%;padding-bottom:65.25%}.modal-content-vimeo-container{padding-bottom:56.25%}.header{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex;position:relative}:root{--header-height:15vh}.grid_container{grid-template-columns:repeat(2,1fr)}.inner_header{flex-direction:column;align-items:center;gap:.5rem;width:95%;margin:0 auto;display:flex}.logo_container{float:none;opacity:1;pointer-events:auto;justify-content:center;align-items:center;height:50%;margin:0;padding:0;display:flex;transform:translate(0)}.navigation{float:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;margin:0;display:flex;overflow:auto hidden}.navigation::-webkit-scrollbar{display:none}.navigation a{float:none;flex:none;height:auto;padding:0 .5rem;display:inline-block}.navigation a li{vertical-align:middle;height:auto;display:inline-flex}.modal{padding:0}.modal-content-diptych{grid-template-columns:repeat(1,100%)}@media (width<=780px) and (orientation:portrait){.feed{width:100%}.demoreel{width:calc(100% + 12px);margin-bottom:240px;padding-bottom:72%}.grid_container{grid-gap:1vh;grid-auto-rows:220px;width:calc(100% + 8px)}}.modal-scrollbox>.modal-content-image{max-width:100%}.modal-scrollbox{padding-right:0}.modal-scrollbox::-webkit-scrollbar-track{margin-top:4rem}.close{opacity:.5;width:32px;height:32px;top:24px;right:0}@media (width<=780px) and (orientation:portrait){.modal-container .close{opacity:.8;width:48px;height:48px;top:16px;right:32px}.modal-container .close:before,.modal-container .close:after{width:3px;height:48px;left:23px}}}