@font-face{font-family:Mahkno;src:url(./makhno.CsA8RcLZ.otf)}@font-face{font-family:Base\&Bloom;font-weight:400;src:url(./basebloom.B1QFpi5P.otf)}:root{font-family:Mahkno;font-size:16px;--color-background:#fff;--color-text:#000;--color-accent:#0029ff;--color-blue:#0029ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);overflow-x:hidden;scroll-behavior:smooth}.dark-mode{--color-background:#000;--color-text:#fff;--color-accent:#000b75}.light-mode{--color-background:#fff;--color-text:#000;--color-accent:#0029ff}a,h1,h2,h3,h4,h5,h6,li,p,span{color:var(--color-text);font-weight:400;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;user-select:none}a{text-decoration:none;transition:all .2s}a:hover{color:var(--color-blue)}@keyframes scrollLeft{0%{left:-200px;opacity:0}to{left:0;opacity:1}}@keyframes showContent{0%{opacity:0}to{opacity:1}}.main-content{margin-top:-74px;position:relative}.main-content .content{display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.main-content .content video{cursor:pointer;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.main-content .director-info{bottom:-23px;left:50%;position:absolute;transform:translate(-50%);width:100%;z-index:2}@media screen and (max-width:992px){.main-content .director-info{display:none}}.main-content .director-info h4{color:#fff;font-size:9rem;font-weight:400;line-height:.95em;text-align:center}.main-content .director-info h4 i{font-family:Base\&Bloom;font-style:normal}.main-content .director-info .main-project{align-content:center;display:flex;justify-content:center;left:50%;margin-top:-30px;position:absolute;transform:translate(-50%)}.main-content .director-info .main-project .title{color:#fff;font-size:2rem;margin-right:10px;margin-block:28px}.main-content .director-info .main-project .date{display:flex;flex-direction:column;justify-content:center;margin-right:-190px}.main-content .director-info .main-project .date span{font-family:Courier New;font-size:.65rem}.main-content .m__director-info{display:none;height:100vh;pointer-events:none;position:absolute;width:100%;z-index:2}@media screen and (max-width:992px){.main-content .m__director-info{display:grid;grid-template-columns:1fr .5fr}}.main-content .m__director-info h4{bottom:50px;color:#fff;font-size:13vh;line-height:1.1em;position:absolute;right:15px;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.main-content .m__director-info h4 i{font-family:Base\&Bloom;font-style:normal}.main-content .m__director-info h4 span{font-size:2rem;margin-top:-65px;text-align:center}.main-content .m__director-info .main-project{align-content:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.main-content .m__director-info .main-project .title{color:#fff;font-size:2rem;text-align:center}.main-content .m__director-info .main-project .date{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-content .m__director-info .main-project .date span{font-family:Courier New;font-size:.725rem}.project-modal{animation:openModal 1s ease forwards;background:#000;height:100vh;position:fixed;top:0;width:100%;z-index:99}.project-modal h4{text-transform:lowercase}@keyframes openModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:992px){.project-modal{background:#000}.project-modal .header{grid-template-columns:.8fr .2fr!important}.project-modal .header .author{display:none}.project-modal .header h4{font-size:1rem!important;text-align:left!important;text-transform:lowercase}.project-modal .header .close{font-size:1rem!important;text-align:right}}.project-modal .header{background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);display:grid;grid-template-columns:repeat(3,1fr);padding:5px 10px;position:relative;z-index:100}.project-modal .header .author{align-self:center;color:#fff;font-size:1.2rem;text-transform:uppercase}.project-modal .header h4{align-self:center;color:#fff;font-size:2rem;text-align:center}.project-modal .header .close{align-self:center;color:#fff;cursor:pointer;font-size:1.5rem;text-align:right}.project-modal iframe{border:none;height:100%;-o-object-fit:cover;object-fit:cover;position:fixed;top:0;width:100%}@media screen and (max-width:992px){.project-modal iframe{-o-object-fit:scale-down;object-fit:scale-down}}.project-content{background-color:var(--color-background);display:grid;grid-template-columns:repeat(2,1fr);padding:70px 20px 0;grid-gap:20px;margin:0 auto;max-width:1440px}@media screen and (min-width:1400px){.project-content{grid-template-columns:repeat(2,1fr)}.project-content .project .content{height:400px}}@media screen and (max-width:992px){.project-content{grid-template-columns:1fr}.project-content .project .content{height:200px}}.project-content .m__title{display:none;font-size:2rem;padding:20px 0;text-transform:uppercase}@media screen and (max-width:992px){.project-content .m__title{display:block}}.project-content .project{cursor:pointer;flex-direction:column;position:relative}.project-content .project,.project-content .project .head{display:flex;justify-content:space-between;transition:.4s}@media screen and (max-width:992px){.project-content .project .head{flex-direction:column}}.project-content .project .head .title-content .director{color:var(--color-text);font-size:1.2rem;text-transform:uppercase}.project-content .project .head .title-content .director i{font-style:normal}.project-content .project .head .title-content .name{color:var(--color-text);font-size:1.1rem;text-transform:uppercase}.project-content .project .head .date-content{display:flex;flex-direction:column;font-family:Courier New;justify-content:center}.project-content .project .head .date-content .coordinates,.project-content .project .head .date-content .date{color:#f9f9f9;font-size:.675rem;text-align:right}@media screen and (max-width:992px){.project-content .project .head .date-content .coordinates,.project-content .project .head .date-content .date{text-align:left}}.project-content .content{background-position:0 0!important;background-repeat:no-repeat!important;background-size:cover!important;border:1px solid #000;display:flex;filter:grayscale(1);height:400px;justify-content:center;transition:.2s}.project-content .content img{height:auto;left:0;margin:10px;position:absolute;width:160px}.project-content .content:hover{border:1px solid var(--color-text);filter:grayscale(0)}.director-profile{margin-bottom:150px;margin-top:50px;padding:0 50px;position:relative}.director-profile img{height:auto;width:650px}.director-profile .director-information{align-items:flex-end;display:grid;grid-template-columns:600px 1fr}.director-profile .director-information img{height:auto;max-width:780px;width:100%}.director-profile .director-information .director-description h2{font-family:Base\&Bloom;font-size:12rem;line-height:1em}.director-profile .director-information .director-description p{color:var(--color-text);font-family:Courier New;font-size:.785rem;max-width:545px}.director-profile .director-navigation{align-items:flex-start;display:flex;opacity:.3;padding:0 60px;position:absolute;right:0;top:0}.director-profile .director-navigation button{background:transparent;border:none;cursor:pointer;margin-top:30px}.director-profile .director-navigation button.disabled svg{opacity:.3}.director-profile .director-navigation button svg{fill:var(--color-text);height:auto;width:100px}.director-profile .director-navigation span{font-size:13rem;line-height:.7em;margin:0 20px}@media screen and (max-width:990px){.project-content{padding:30px 20px 0}.director-profile{padding:0 30px}.director-profile .director-information{grid-template-columns:1fr}.director-profile .director-navigation{bottom:0;justify-content:center;margin-top:30px;padding:0;position:relative;right:inherit;top:inherit}.director-profile .director-navigation button svg{height:auto;width:80px}.director-profile .director-navigation span{font-size:10rem;line-height:.8em}}h4 i{font-family:Base\&Bloom}.author i,h4 i{font-style:normal}