:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;overflow:hidden;background-color:var(--black);color:var(--white);font-family:Poppins;font-size:1rem;overflow-x:hidden;overflow-y:auto}#root{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}ul{list-style:none;padding-left:0}button{font-size:initial;outline:none;border:none;color:inherit;background:none;cursor:pointer}a{text-decoration:none;color:inherit}a:active,a:visited{color:inherit}input{outline:unset;border:unset}:root{--white: #FFFFFF;--white-50: #FFFFFF4d;--black: #111111;--gutter: 8rem;--nav-height: 120px;--closed-nav-height: 80px;--border-thickness: 2px;--nav-logo-fs: 60px;--z-nav: 300;--z-modals: 400}p,button,a,span{font-family:Montserrat}h1,h2,h3,h4,h5{font-family:MuseoModerno;line-height:1em}h1{font-size:130px}h2{position:relative;font-size:60px;font-weight:500;margin-bottom:2rem}section{padding:3rem 0}.copyrights{font-size:14px;font-weight:400;color:var(--white-50)}.arrow-link{display:flex;align-items:center;column-gap:1rem}.arrow-link.animate{transition:.3s cubic-bezier(.23,1,.32,1)}.arrow-link.animate.animate:hover{column-gap:1.5rem}.hover-overlay{position:relative;z-index:1;color:var(--white)}.hover-overlay:not(:has(p)){transition:color .3s cubic-bezier(.23,1,.32,1) .2s}.hover-overlay *{transition:color .3s cubic-bezier(.23,1,.32,1) .2s}.hover-overlay svg path{transition:.3s cubic-bezier(.23,1,.32,1) .2s}.hover-overlay:hover svg path{fill:var(--black)}.hover-overlay:hover{color:var(--black)}.hover-overlay:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:var(--white);clip-path:inset(100% 0 0 0);transition:clip-path .5s cubic-bezier(.645,.045,.355,1)}.hover-overlay:hover:before{clip-path:inset(0 0 0 0)!important;transition:clip-path .8s cubic-bezier(.23,1,.32,1) .1s}.page{margin-top:var(--nav-height);position:relative;width:100%;height:calc(100% - var(--nav-height));overflow-y:auto;padding:3rem var(--gutter)}.grid-wrap{padding:var(--border-thickness);background-color:var(--white)}.grid-wrap .grid{width:100%;height:100%;display:grid;gap:var(--border-thickness)}.grid-wrap .grid>*{padding:2rem;width:100%;height:100%;background-color:var(--black)}.grid-wrap .grid>p{font-size:20px;font-weight:500;line-height:2em;padding-bottom:5rem}.grid-wrap .grid .letter{display:grid;place-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.grid-wrap .grid .letter span{font-family:MuseoModerno;font-size:50px;font-weight:600;display:flex;align-items:center;scale:1;transition:.5s cubic-bezier(.215,.61,.355,1)}.grid-wrap .grid .letter:hover span{scale:.7}::-webkit-scrollbar{background-color:var(--black)}::-webkit-scrollbar-thumb{background-color:var(--white)}@media screen and (max-width: 1200px){:root{--nav-height: 80px;--nav-logo-fs: 35px;--gutter: 7.5vw}h1{font-size:70px}section{padding:2rem 0}.grid-wrap .grid>p{font-size:18px;text-align:justify;min-height:unset!important;padding-bottom:unset;padding:1rem 1.5rem}}@media screen and (hover: none){::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{background-color:unset}}@keyframes opacity-1{to{opacity:1}}@keyframes opacity-0{to{opacity:0}}@keyframes color-white{to{color:var(--white)}}@keyframes color-black{to{color:var(--black)}}@keyframes border-white{to{border-color:var(--white)}}@keyframes translate-y-0{to{transform:translateY(0)}}#loader{width:100%;height:100%;background-color:var(--black);display:flex;align-items:center}#loader p{display:block;margin-left:var(--gutter);font-family:MuseoModerno;font-size:var(--nav-logo-fs);font-weight:500}nav{position:fixed;z-index:var(--z-nav);top:0;left:0;width:100%;height:var(--nav-height);background-color:var(--black)}nav:before{content:"";position:fixed;top:var(--nav-height);translate:0 -50%;width:100%;height:var(--border-thickness);background-color:var(--white);opacity:0;animation:opacity-1 1s ease forwards}nav #brand p{margin-left:var(--gutter);font-family:MuseoModerno;font-size:var(--nav-logo-fs);font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer}nav .bar{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center}nav .bar .nav-button{position:relative;font-weight:500;letter-spacing:.1em;height:100%;padding-inline:var(--gutter);display:flex;align-items:center;opacity:0;animation:opacity-1 .5s cubic-bezier(.645,.045,.355,1) 0s forwards}nav .bar .nav-button:after{content:"";position:absolute;top:0;left:0;width:var(--border-thickness);height:100%;background-color:var(--white);opacity:0;animation:opacity-1 1s ease forwards}nav .bar #hmbg{position:relative;width:var(--nav-height);height:100%;border-left:var(--border-thickness) solid var(--white)}nav .bar #hmbg svg{position:absolute;top:50%;left:50%;translate:-50% -50%}nav .body{position:absolute;z-index:-1;top:calc(100% - 1px);width:100%;height:auto;background-color:var(--white);padding:var(--gutter);display:none;flex-direction:column}nav .body a,nav .body button{font-size:20px;font-weight:500;text-align:left;color:var(--black)}nav .body a{margin-bottom:1.5rem}@media screen and (max-width: 800px){nav #brand p{font-size:40px}nav .bar .nav-button{display:none}nav .bar .body{display:flex}}@media screen and (min-width: 800px){nav .bar #hmbg{display:none}}#home{padding-top:var(--nav-height);width:100%;height:100%;display:grid;grid-template-rows:repeat(3,1fr)}#home a{position:relative;width:100%;height:100%;padding-left:var(--gutter);display:flex;align-items:center;overflow:hidden}#home a p{position:initial;z-index:1;translate:0 -.05em;font-family:MuseoModerno;font-size:min((100vh - var(--nav-height)) / 6,(100vw - var(--gutter) * 2) / 6);transform:translateY(200%);animation:translate-y-0 .8s cubic-bezier(.215,.61,.355,1) forwards}#home a:hover p{color:var(--black)}#home a+a:after{content:"";position:absolute;top:0;left:0;translate:0 -50%;width:100%;height:var(--border-thickness);background-color:var(--white);opacity:0;animation:opacity-1 1s ease forwards}#home a .underlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--white);clip-path:inset(100% 0 0 0)}@media screen and (max-width: 800px){#home a{padding-left:unset!important;width:100%;display:flex;align-items:center;justify-content:center}}.page-nav{width:100%;display:flex;align-items:center;font-size:14px;font-weight:500;letter-spacing:.1em;margin-bottom:2rem;opacity:0;animation:opacity-1 .8s cubic-bezier(.645,.045,.355,1) 0s forwards}.page-nav a{padding-inline:1rem}.page-nav a:first-child{padding-left:0}.page-nav a:hover{font-weight:700}#about #links .grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,80px);place-items:center}#about #links .grid button{font-weight:500;letter-spacing:.1em;display:flex;align-items:center;justify-content:center}#about #links.firstload .grid button:hover:before{clip-path:inset(100% 0 0 0)}#about #who .grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}#about #who .grid p{grid-column:4/span 2;grid-row:1/span 2;min-height:400px}#about #who .grid #per{grid-column:span 2}#about #what .grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}#about #what .grid p{grid-row:span 2;grid-column:span 2;min-height:400px}#about #what .grid #question-mark{grid-column:span 2}#about #why .grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}#about #why .grid p{grid-row:span 2;grid-column:span 2;min-height:400px}#about #why .grid .full-col{grid-row:span 2}#about #why .grid .y{grid-column:2;grid-row:2}#about #how .grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}#about #how .grid a{grid-column:3/span 3;grid-row:1/span 2;min-height:400px;display:grid;place-items:center}#about #how .grid a p{padding-bottom:0}#about #how .grid #per{grid-column:span 2}@media screen and (max-width: 900px){#about #links .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,80px)}}@media screen and (max-width: 1150px){#about #who .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:150px 150px auto 150px}#about #who .grid p{grid-column:span 2;grid-row:unset}#about #who .grid #per{grid-row:4}#about #who .grid .letter#o{grid-column:2}#about #who .grid #question-mark{grid-column:1;grid-row:2}#about #what .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:150px 150px 150px auto}#about #what .grid p{grid-row:4}#about #what .grid #question-mark{grid-row:3}#about #why .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:150px 150px 150px auto}#about #why .grid .full-col{grid-row:unset}#about #how .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:150px 150px auto}#about #how .grid a{grid-column:span 2;grid-row:3;min-height:250px}}