html{margin-top:0px!important;margin-bottom:0px!important;margin-left:0px!important;margin-right:0px!important;scroll-behavior:smooth;}
body{margin:0px;padding:0px;font-family:'IBM Plex Sans Condensed',Arial,Helvetica,sans-serif;font-weight:300;font-style:normal;font-size:10px;color:#000;background-color:#000;webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;}
div,ul,input,button,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#ThreeScene{position:fixed;top:0px;left:0px;}
#header{position:fixed;left:30px;top:40px;color:white;z-index:1;text-decoration:none;pointer-events:none;}
#header .title{font-family:'IBM Plex Mono';font-size:36px;letter-spacing:9px;margin:0px;font-weight:400;margin-bottom:10px;pointer-events:auto;}
#header .sub{font-family:'IBM Plex Sans';font-size:13.3px;margin-bottom:30px;}
#header .intro{font-size:16px;margin-bottom:30px;opacity:0;pointer-events:none;transition:all 0.5s ease;}
body.intro #header .intro{opacity:1;}
#menuMain,#menuSub{position:fixed;color:white;top:50%;left:50%;font-size:28px;transition:all 0.5s ease;}
#menuMain .item,#menuSub .item{position:absolute;left:0px;top:0px;cursor:pointer;transition:all 0.5s ease;}
#menuMain .item .text,#menuSub .item .text{position:absolute;width:200px;text-align:center;margin-left:-100px;margin-top:-45px;color:white;}
#menuMain .item:before,#menuSub .item:before{position:absolute;content:'';left:-2px;top:-2px;width:5px;height:5px;background-color:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
body.sub #menuMain,body.content #menuMain{opacity:0.5;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
#menuMain{transform-origin:-80% -50%;width:calc(100vw);height:calc(100vh);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
#menuMain .item{}
#menuMain .item .text{}
#menuSub{opacity:0;pointer-events:none;top:50%;left:65%;}
body.sub #menuSub,body.content #menuSub{opacity:1;pointer-events:auto;}
body.sub #menuMain .item.selected{opacity:0;pointer-events:none;}
#menuSub .item{font-size:18px;}
#menuSub .item.secondary{font-size:16px;}
#menuSub .item.tertiary{font-size:12px;}
#menuSub .item .text{margin-top:-64px;height:55px;display:flex;justify-content:center;align-items:flex-end;width:200px;margin-left:-100px;}
#menuSub .item.secondary .text{width:160px;margin-left:-80px;}
#menuSub .item.invert .text{margin-top:5px;align-items:flex-start;}
#menuSub .item1 .text span{display:-webkit-box;max-width:200px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;}
#menuSub .item .text span{position:relative;}
#menuSub .item .text span:after{position:absolute;content:'✕';right:-18px;top:-8px;font-size:14px;opacity:0.6;}
#menuSub .item.item0 .text{margin-top:-60px;}
#menuMain .item.item0{left:0px;top:0px;}
#menuMain .item.item1{left:calc(18vw);top:calc(23vh);}
#menuMain .item.item2{left:calc(24vw);top:calc(-18vh);}
#menuMain .item.item3{left:calc(30vw);top:calc(0vh);}
#menuMain .item.item4{left:calc(-25vw);top:calc(27vh);}
#menuMain .item.item5{left:calc(-6vw);top:calc(34vh);}
#menuSub .item.item0{font-size:28px;left:0px;top:0px;}
#menuSub .item.item1{left:calc(-9vw);top:calc(-11vh);}
#menuSub .item.item2{left:calc(8vw);top:calc(-18vh);}
#menuSub .item.item3{left:calc(14vw);top:calc(-6vh);}
#menuSub .item.item4{left:calc(11vw);top:calc(8vh);}
#menuSub .item.item5{left:calc(2vw);top:calc(15vh);}
#menuSub .item.item6{left:calc(-9vw);top:calc(13vh);}
#menuSub .item.item7{left:calc(-17vw);top:calc(5vh);}
#contentPane{position:fixed;width:calc(80vw);right:calc(10vw);max-width:1000px;pointer-events:none;opacity:0;transition:all 0.5s ease;top:0px;bottom:0px;margin-bottom:auto;margin-top:auto;height:600px;display:flex;flex-direction:column;padding-top:30px;z-index:1;}
#contentPane.fadeIn{pointer-events:auto;opacity:1;}
#contentPane .line .label{font-weight:bold;margin-right:4px;}
#contentPane .line{display:flex;align-items:flex-start;}
body.content #contentPane{opacity:1;pointer-events:auto;}
body.content #menuMain{opacity:0.25;}
body.content #menuSub{opacity:0.5;}
#contentPane .head{display:flex;justify-content:space-between;padding-bottom:10px;}
#contentPane .head .title{background-color:white;font-size:20px;padding:0px 10px;margin:0px;font-weight:normal;}
#contentPane .head .close{width:26px;height:26px;background-image:url(../img/icon_close.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:65%;cursor:pointer;background-color:white;}
#contentPane .body{display:flex;align-items:stretch;flex-grow:1;max-height:calc(100% - 37px);}
#contentPane .body .gallery{width:533px;height:533px;}
#contentPane .body .img{width:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-color:#f0f0f0;height:533px;}
#contentPane .body .text{width:calc(80vw - 533px);font-size:14px;padding:20px 10px 20px 20px;background-color:white;display:flex;}
#contentPane .body .text .scroller{overflow:hidden;}
#contentPane .body .text a{color:black;}
.mCSB_inside>.mCSB_container{margin-right:10px;}
#menuMainLines{position:fixed;width:calc(100vw);height:calc(100vh);left:calc(-50vw);top:calc(-50vh);background-color:#663e3e00;transition:all 0.5s ease;}
#menuSubLines{position:fixed;width:calc(100vw);height:calc(100vh);left:calc(0vw);top:calc(0vh);background-color:#663e3e00;transition:all 0.5s ease;opacity:0;pointer-events:none;}
#lines{position:fixed;width:calc(100vw);height:calc(100vh);left:calc(0vw);top:calc(0vh);background-color:#663e3e00;transition:all 0.5s ease;opacity:1;pointer-events:none;}
body.sub #menuSubLines{opacity:1;pointer-events:none;}
body.content #menuSubLines{opacity:0.5;pointer-events:none;}
#dido{position:fixed;width:20px;height:20px;background-color:red;left:calc(50vw);top:calc(50vh);}
.slick-prev{left:10px;z-index:1;}
.slick-next{right:10px;z-index:1;}
#contentPane p{margin-bottom:10px;margin-top:10px;}
.slick-dotted.slick-slider{margin-bottom:0px;}
.slick-dots{bottom:0px;}
.slick-dots li{margin:0px;}
#logos{position:fixed;left:10px;bottom:10px;background-color:rgba(255,255,255,0.8);width:600px;padding:10px 8px;}
#logos .text{margin-bottom:10px;}
#logos .list{display:flex;align-items:center;}
#logos img{height:50px;margin-right:8px;}