body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body,html{overflow-x:clip}body{background:#fff}.App{flex-direction:column;min-height:100vh;position:relative}.App,.site-header{align-items:center;display:flex}.site-header{background:#0000;justify-content:space-between;left:0;padding:10px;position:absolute;right:0;top:0;z-index:100}.header-name,.header-timestamp,.left-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;opacity:.7}.main-layout{display:flex;flex:1 1;width:100%}.left-panel{align-items:center;display:flex;flex:0 0 50%;height:100vh;justify-content:center;padding:32px;position:-webkit-sticky;position:sticky;top:0}.left-title{line-height:1.5;text-align:center}.right-panel{flex:0 0 50%;min-width:0;padding:10px 10px 10px 0}.masonry-col,.masonry-grid{display:flex;gap:10px}.masonry-col{flex:1 1;flex-direction:column;min-width:0}.masonry-item{width:100%}.masonry-grid img,.masonry-grid video,.waddle-peek{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.mock-block{align-items:center;aspect-ratio:16/9;background:#f2f2f7;display:flex;justify-content:center;overflow:hidden}.mock-block,.mock-video{border-radius:12px;height:auto}.mock-video{display:block;width:50%}.phone-container{align-items:center;background:#f2f2f7;border-radius:12px;display:flex;height:max(380px,22vw);justify-content:center}.waddle-container{background:#edddb4}.phone-container-vid{border-radius:18px;display:block;height:82%;width:auto}.roi-vid{height:74%}.masonry-item img:not(.phone-container-vid){border-radius:12px;display:block;height:auto;width:100%}.masonry-item img[src="/images/warp-billboard.png"]{filter:brightness(1.3) contrast(.92)}.masonry-vid-full{border-radius:18px;display:block;height:auto;width:100%}.noise-overlay{animation:grain-shift .3s steps(2) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.55'/%3E%3C/svg%3E");background-size:180px 180px;inset:-50%;opacity:.34;pointer-events:none;position:fixed;will-change:transform;z-index:998}@keyframes grain-shift{0%{transform:translateZ(0)}25%{transform:translate3d(3%,-4%,0)}50%{transform:translate3d(-5%,3%,0)}75%{transform:translate3d(4%,5%,0)}to{transform:translate3d(-3%,-2%,0)}}@media (prefers-reduced-motion:reduce){.noise-overlay{animation:none}}.left-footer{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;padding:10px;position:absolute;right:0}.mobile-timestamp,.site-footer{display:none}.portfolio-timestamp{bottom:10px;display:block;position:fixed;right:16px;text-align:right;z-index:100}.footer-text{color:#000;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;opacity:.7}.waddle-peek{bottom:0;display:block;height:auto;position:absolute;right:0;transform:translateX(20px);transition:transform .65s cubic-bezier(.22,1,.36,1);width:180px}.waddle-peek:hover{transform:translateX(2px)}@media (max-width:900px){.site-header{position:fixed}.mobile-timestamp{display:inline}.main-layout{flex-direction:column}.left-panel{flex:none;height:44svh;min-height:300px;position:relative;top:auto;width:100%}.right-panel{padding:0 10px 10px;width:100%}.left-footer{display:none}.site-footer{align-self:flex-start;display:block;padding:10px}.portfolio-timestamp{display:none}.phone-container{aspect-ratio:auto;height:min(340px,78vw);width:100%}.mock-block{aspect-ratio:16/9;height:auto}.phone-container-vid{max-width:90%;object-fit:contain}.masonry-vid-full{aspect-ratio:16/9;background:#f2f2f7;object-fit:cover}.waddle-peek{width:160px}}@media (max-width:600px){.site-header{padding:10px}.left-panel{height:40svh;min-height:260px;padding:24px}.masonry-grid{flex-direction:column}.masonry-item img:not(.phone-container-vid),.masonry-vid-full,.mock-block,.phone-container{border-radius:20px}.site-footer{padding:10px}.waddle-peek{width:150px}}
/*# sourceMappingURL=main.c3c4fda0.css.map*/