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}body,html{margin:0;overflow-x:hidden;padding:0}.main-wrapper{background:#fff;height:100vh;position:relative;width:100vw}.canvas-container{background:#fff;left:0;position:absolute;top:0}.site-brand{display:flex;flex-direction:column;left:40px;pointer-events:none;position:absolute;top:30px;-webkit-user-select:none;user-select:none;z-index:100}.site-brand.in-header{left:0!important;pointer-events:auto;position:relative!important;top:0!important}.site-logo{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:52px;font-weight:900;letter-spacing:-2px;line-height:.9}.site-subtitle{font-size:14px;font-weight:700;letter-spacing:4px;margin-top:5px}.site-subtitle,.site-tagline{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase}.site-tagline{font-size:12px;font-weight:400;letter-spacing:1px}.camera-screen{border:2px solid #333;color:#fff;flex-direction:column;font-family:Arial,sans-serif;height:180px;overflow:hidden;pointer-events:auto;transform-style:preserve-3d;width:280px}.camera-screen,.os-header{background:#000;display:flex}.os-header{align-items:center;border-bottom:1px solid #222;color:#999;font-size:9px;height:22px;justify-content:flex-start;padding:0 10px;width:100%}.os-header:before{background:#fff;color:#000;content:"C";font-weight:700;margin-right:10px;padding:1px 4px}.os-grid{grid-gap:8px;display:grid;flex-grow:1;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:10px}.tile{align-items:center;background:#111;border:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:700;justify-content:center;text-transform:uppercase;transition:all .2s ease}.portfolio-wrapper,.tile:hover{background:#fff;color:#000}.portfolio-wrapper{animation:slideUp .6s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;min-height:100vh;padding:40px 60px;position:relative;z-index:200}.portfolio-header{border-bottom:3px solid #000;justify-content:space-between;margin-bottom:60px;padding-bottom:20px;width:100%}.header-left,.portfolio-header{align-items:flex-end;display:flex}.header-left{gap:40px}.category-display-title{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;font-weight:300;letter-spacing:2px;line-height:1;margin:0;text-transform:uppercase}.close-button{background:#000;border:none;color:#fff;cursor:pointer;font-weight:700;padding:12px 24px;transition:transform .2s}.close-button:hover{transform:scale(1.05)}.masonry-grid{column-count:3;column-gap:40px;width:100%}.grid-item{break-inside:avoid;margin-bottom:40px;page-break-inside:avoid;position:relative;transition:transform .3s ease}.grid-item:hover{transform:none}.grid-item img{box-shadow:0 4px 20px #0000000d;display:block;height:auto;width:100%}.image-overlay{background:linear-gradient(#0000,#0006);bottom:0;color:#fff;font-size:12px;left:0;letter-spacing:1px;opacity:0;padding:15px;position:absolute;right:0;text-transform:uppercase;transition:opacity .3s}.grid-item:hover .image-overlay{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.masonry-grid{column-count:2}}@media (max-width:768px){.portfolio-wrapper{padding:20px}.header-left{align-items:flex-start;flex-direction:column;gap:20px}.category-display-title{font-size:24px}.masonry-grid{column-count:1}.site-logo{font-size:36px}}.lightbox{align-items:center;animation:fadeIn .3s ease;background:#000000f2;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.lightbox img{animation:zoomIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 30px #00000080;cursor:default;max-height:85%;max-width:90%;object-fit:contain}.lightbox-close{color:#fff;cursor:pointer;font-size:32px;font-weight:700;position:absolute;right:40px;top:30px}.lightbox-caption{bottom:40px;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:2px;position:absolute;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.camera-screen{backface-visibility:hidden;transform:translateZ(1px)}#root,.App,.canvas-container,.portfolio-container,.portfolio-wrapper,body,html{background-color:#fff!important;transition:background-color 0s!important}*{-webkit-tap-highlight-color:transparent}.loader-container{align-items:center;color:#000;display:flex;flex-direction:column;font-family:Helvetica Neue,sans-serif;font-weight:700;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#000;border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.canvas-container{background-color:#fff;height:100vh;position:relative;width:100vw}
/*# sourceMappingURL=main.17609218.css.map*/