:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.presentation{position:absolute;left:20vw;top:55vh;text-align:center;margin-bottom:3rem}.title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.subtitle{font-size:1.125rem;max-width:20vw;word-wrap:break-word;white-space:normal;margin:0 auto}.titles-grid{font-family:MaPolicePerso,sans-serif;position:absolute;top:15vh;right:15vw;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.titles-grid{grid-template-columns:repeat(2,1fr)}.full-width{grid-column:span 2}}.title-box{color:#000;text-decoration:none;text-align:center;font-size:8rem;font-weight:600;transition:transform .3s ease,font-style .3s ease;cursor:pointer}.title-box:hover{color:#000;text-decoration:none;transform:skew(-6deg);font-style:italic}@font-face{font-family:MaPolicePerso;src:url(/assets/GrandSlang%20Roman-DheozKbc.woff2) format("woff2");font-weight:400;font-style:normal}.left-bar{position:absolute;left:3vw;top:30vh;height:25vh;width:1.5px;background-color:#333;z-index:10}.vertical-text{position:absolute;left:2.5vw;top:5vh;writing-mode:vertical-rl;transform:rotate(180deg);color:#252323;font-size:1rem;letter-spacing:.2rem;text-transform:uppercase;font-weight:700}.vertical-text2{position:absolute;left:2.5vw;top:85vh;writing-mode:vertical-rl;transform:rotate(180deg);color:#252323;font-size:1rem;letter-spacing:.2rem;text-transform:uppercase;font-weight:700}.background-canvas{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f1f1f1}.wrapper{position:absolute;min-height:100vh;min-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#333}.wrapper{opacity:0;transform:translateY(-100%);transition:transform .6s ease,opacity .6s ease}.wrapper.slide-down-in{opacity:1;transform:translateY(0)}#root{max-width:1280px;text-align:center}body,html{margin:0;padding:0}.app-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#eaeaea}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.poster-slider{display:flex;flex-direction:row;align-items:center;height:250px;min-width:200vw;padding:3vw;width:fit-content}.poster-wrapper{margin:0 8px;transition:transform .3s;display:flex;flex-direction:column;justify-content:center;padding:1vw}.pos-top{align-self:flex-start}.pos-middle{align-self:center}.pos-bottom{align-self:flex-end}.size-1{width:10vw}.size-2,.size-3{width:20vw}.horizontal-scroll{display:flex;overflow-x:scroll;white-space:nowrap;height:100vh;width:100vw;align-items:center;background-image:url(/assets/background-BHYh_iDh.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.poster{display:flex;flex-direction:column;align-items:center;cursor:pointer}.poster-img{width:100%;height:auto;border-radius:8px;border:solid black 5px}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;cursor:pointer;animation:fadeIn .3s ease-out}.fullscreen-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 0 30px #ffffff4d;animation:zoomIn .3s ease-out}.fullscreen-title{color:#fff;margin-top:20px;font-size:24px;font-weight:700}.poster:hover{transform:scale(1.1);z-index:2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}.overlay-link{background:#000000b3;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;z-index:1;font-weight:700;transition:background .3s}.overlay-link:hover{background:#ffffffe6;color:#000}#project_button{width:6.5vw}.left-bar_contact{position:fixed;left:3vw;top:50vh;height:25vh;width:1.5px;background-color:#fefdfd;color:#fff;z-index:10}.vertical-text_contact{position:fixed;left:2vw;top:5vh;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1rem;letter-spacing:.2rem;text-transform:uppercase;z-index:10}.vertical-text2_contact{color:#fff;position:fixed;left:2.5vw;top:85vh;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1rem;letter-spacing:.2rem;text-transform:uppercase;z-index:10}.contact-page{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;color:#fff;opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#111}.wrapper2{position:absolute;min-height:100vh;min-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:1;background-color:#111}.vertical-text_contact{color:#fff!important;text-decoration:none;z-index:1000;position:absolute}.wrapper2{z-index:1}.vertical-text_contact,.left-bar_contact{z-index:1000;position:fixed}.contact-page{padding:2rem}.boxes-container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.contact-box{background-color:#f5f5f5;padding:2rem;border-radius:1rem;width:20vw;height:20vw;box-shadow:0 4px 12px #0000001a;color:#111;display:flex;flex-direction:column;justify-content:center;text-align:center}.contact-box h2{margin-bottom:1rem;font-size:1.5rem}.contact-box li{margin-bottom:1rem}.contact-box a{color:#0077b5;text-decoration:none;font-weight:500}.contact-box ul{list-style:none;padding:0}.contact-box li{margin-bottom:1rem;display:flex;align-items:center}.contact-box a{color:#0077b5;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem}.contact-box a:hover{text-decoration:underline}.icon{width:2vw;height:4vh;display:inline-block}