@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:A-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{text-align:center}.project-page{padding:20px}.project-media img{height:auto;max-width:100%}.navigation{margin-top:20px}.navigation button{margin:5px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;overflow:hidden;width:100%}.visualization-wrapper{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='180' viewBox='0 0 72 36'%3E%3Cg stroke='rgba(255,255,255,0.7)' stroke-width='1.5'%3E%3Cpath d='M36 14v8M32 18h8'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23001a4d'/%3E%3Cstop offset='100%25' stop-color='%23007cff'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ff00c8'/%3E%3Cstop offset='100%25' stop-color='%23ffb300'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%23ff3f3f'/%3E%3Cstop offset='100%25' stop-color='%23ffe600'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='1' y1='1' x2='0' y2='0'%3E%3Cstop offset='0%25' stop-color='%2300ff85'/%3E%3Cstop offset='100%25' stop-color='%2300bfff'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%23ff003c'/%3E%3Cstop offset='100%25' stop-color='%23ff00e1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='1' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23ffe600'/%3E%3Cstop offset='100%25' stop-color='%23ff3f3f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h900v500H0z'/%3E%3Cpath fill='url(%23b)' fill-opacity='.85' d='M650 0h600v300H650z'/%3E%3Cpath fill='url(%23c)' fill-opacity='.7' d='M1200 0h400v500h-400z'/%3E%3Cpath fill='url(%23d)' fill-opacity='.8' d='M0 350h500v600H0z'/%3E%3Cpath fill='url(%23e)' fill-opacity='.6' d='M400 250h900v650H400z'/%3E%3Cpath fill='url(%23f)' fill-opacity='.7' d='M1100 500h500v400h-500z'/%3E%3C/svg%3E");background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:360px 180px,cover;box-sizing:border-box;height:100vh;max-width:100%;overflow:hidden;padding:0;position:relative;width:100%}.visualization-container{display:block;height:100%;overflow:hidden;width:100%}.logo-image{max-width:290px;z-index:10}.tile{cursor:pointer;height:200px;position:absolute;transition:transform .3s ease,box-shadow .3s ease;width:200px}.tile,.tile img{border-radius:8px;pointer-events:all}.tile img{height:100%;object-fit:cover;width:100%}.tile:hover{box-shadow:0 10px 20px #00000080;transform:translateY(-10px)}.tooltip-group{pointer-events:none}.tooltip-background{fill:#fffffff2;stroke:#ffffff4d;stroke-width:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 8px 32px rgba(0,0,0,.1))}.tooltip-decorator{stroke:#2d55e84d;stroke-width:2px}.tooltip-connector{stroke:#ffffff80;stroke-width:1px;stroke-dasharray:4}.scrollable-description::-webkit-scrollbar{width:4px}.scrollable-description::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:2px}.scrollable-description::-webkit-scrollbar-thumb:hover{background-color:#fffc}.scrollable-description::-webkit-scrollbar-track{background:#0000}.tooltip-title{fill:#2d55e8;text-anchor:middle;font-family:Roboto,sans-serif;font-size:42px;font-weight:900;letter-spacing:.5px;text-rendering:optimizeLegibility}.territory-marker-group{z-index:50}.territory-tooltip{pointer-events:all;z-index:100}.territory-click-tooltip,.territory-hover-tooltip{pointer-events:all!important}.territory-tooltip foreignObject div{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:.3px;line-height:1.6;margin:0;padding:10px 5px;pointer-events:auto;text-align:justify;text-transform:uppercase}.territory-tooltip p{margin-bottom:12px;text-transform:uppercase}.tooltip-close-btn{cursor:pointer}.scroll-indicator{animation:bounce 1.5s infinite;bottom:5px;font-size:12px;opacity:.6;position:absolute;right:5px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.territory-tooltip foreignObject div::-webkit-scrollbar{width:4px}.territory-tooltip foreignObject div::-webkit-scrollbar-track{background:#0000}.territory-tooltip foreignObject div::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:2px}.territory-tooltip foreignObject div::-webkit-scrollbar-thumb:hover{background-color:#fffc}.territory-marker{cursor:pointer;transition:all .3s ease}.territory-marker:hover{fill:#fff;r:20px;filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}.territory-label{font-family:Roboto,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase}.op-tile{stroke:#fff;stroke-width:3px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.op-tile:hover{box-shadow:0 10px 20px #ffffff80;transform:scale(1.1)}.logo-image{height:auto;left:20px;position:absolute;top:20px;width:350px}.project-tooltip rect{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.project-tooltip text{font-family:Roboto,sans-serif;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.project-tooltip{pointer-events:none;z-index:1000}.tooltip-title-text{font-weight:700}body,html{margin:0;overflow-x:hidden;padding:0}*,:after,:before{box-sizing:border-box}.home-button{cursor:pointer;height:auto;padding:0;position:fixed;right:80px;top:20px;width:38px;z-index:100}.project-page{background-color:#181818;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='16' font-weight='800' fill='rgba(255,255,255,0.9)'%3E+%3C/text%3E%3C/svg%3E");background-size:100px 120px;color:#fff;font-family:Roboto,sans-serif;height:100vh;position:relative;width:100%}.project-content{margin:40px auto;max-width:100vw;padding:0}.project-content,.project-content.vertical-scroll{align-items:center;display:flex;flex-direction:column;height:80vh;overflow-x:hidden;overflow-y:auto}.project-content.vertical-scroll{background:none;box-sizing:border-box;margin:60px auto 0;max-width:80vw;position:relative;width:100%}.vertical-media{align-items:flex-end;display:flex;height:80vh;justify-content:center;margin-bottom:0;max-height:80vh;min-height:80vh;position:relative;width:100%}.first-media{margin-top:0}.project-content.slideshow-content{align-items:stretch;background:none;box-sizing:border-box;display:flex;flex-direction:row;height:80vh;margin:60px auto 0;max-width:80vw;overflow-x:auto;overflow-y:hidden;position:relative;scroll-snap-type:x mandatory;width:100%}.snap-child{align-items:flex-end;display:flex;flex:0 0 100%;height:100%;justify-content:center;position:relative;scroll-snap-align:center;width:100%}.project-content::-webkit-scrollbar{border-radius:10px;width:8px}.project-content::-webkit-scrollbar-track{background:#181818;border-radius:10px}.project-content::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.project-content::-webkit-scrollbar-thumb:hover{background-color:#fff;border-radius:10px}.description{background:#000c;border-radius:0;margin-bottom:0;padding:20px}.description h1{font-size:1.8rem;margin-bottom:20px;text-align:center}.description p{font-size:.8rem;line-height:1.2;text-align:justify}.description-overlay::-webkit-scrollbar{border-radius:10px;width:8px}.description-overlay::-webkit-scrollbar-track{background:#181818;border-radius:10px}.description-overlay::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.description-overlay::-webkit-scrollbar-thumb:hover{background-color:#fff;border-radius:10px}.main-images img,.preview-image{border-radius:0;height:auto;margin-bottom:2px;object-fit:contain;transition:transform .3s ease;width:100%}.main-images img:hover{transform:scale(1.05)}.navigation{display:flex;justify-content:space-between;padding:0 20px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.nav-arrow{cursor:pointer;height:auto;transition:filter .3s ease;width:55px}.nav-arrow:hover{filter:brightness(2.5)}.right-arrow{position:absolute;right:50px}.reflection{filter:blur(0);object-fit:cover;opacity:.18;pointer-events:none;position:absolute;z-index:0}.image-reflection{align-items:center;display:flex;justify-content:center;position:relative}.image-reflection img{-webkit-box-reflect:below 0 linear-gradient(180deg,#0000,#0003);height:auto;object-fit:contain;width:100%}.image-reflection:after{background:inherit;content:"";filter:blur(5px) opacity(.5);height:100%;left:0;pointer-events:none;position:absolute;right:0;top:100%;transform:scaleY(-1);z-index:-1}.main-media{background:#111;border-radius:0;box-shadow:0 4px 24px #0000002e;display:block;height:100%;max-height:100%;min-height:100%;object-fit:cover;width:100%}.main-images{align-items:center;aspect-ratio:1/1;background:none;flex-direction:column;margin:auto;max-height:100vh;max-width:100vw}.main-image-with-overlay,.main-images{display:flex;justify-content:center;position:relative;width:100%}.main-image-with-overlay{align-items:flex-end;height:100%;max-height:100%;min-height:100%}.main-image-with-overlay img,.main-image-with-overlay video{border-radius:0;display:block;height:auto;object-fit:cover;width:100%}.description-overlay{background:linear-gradient(0deg,#000000eb 80%,#00000080 100%,#0000 0);border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;box-shadow:0 8px 28px #0000004d;color:#fff;font-family:Roboto,sans-serif;font-size:.8rem;left:0;max-height:60%;overflow-y:auto;padding:28px 28px 24px;position:absolute;right:0;text-align:left;z-index:2}.description-overlay h1{color:#fff;font-size:1.8rem;margin-bottom:18px;text-shadow:0 2px 8px #00000080}.description-overlay p{line-height:1.7;margin:0;text-align:justify}.cohort-label,.description-overlay p{color:#fff;font-size:1.1rem;text-shadow:0 2px 8px #00000080}.cohort-label{font-weight:700;letter-spacing:1.5px;margin-bottom:10px;opacity:.7}
/*# sourceMappingURL=main.4ae7c724.css.map*/