:root{font-family:sans-serif,system-ui,Avenir,Helvetica,Arial;line-height:1.5;font-weight:lighter;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background-color:#fff;margin:0;display:flex;min-width:320px;min-height:100vh}.loading-container{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.loading-container .loading{display:inline-flex;align-items:center;gap:.3vw;color:#333;font-size:3vw;font-weight:lighter;line-height:1;-webkit-user-select:none;user-select:none}.loading-container .loading-text{display:inline-block;font-size:4vw}.loading-container .loading-dots{display:inline-flex;align-items:center;gap:.5vw;position:relative}.loading-container .loading-dot{display:inline-block;font-size:3vw;vertical-align:middle;padding:0 .5vw}@media (max-width: 1000px){.loading-container .loading .loading-text{font-size:10vw}.loading-container .loading-dot{font-size:8vw}}.header-container{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:2vh 0}.header-container .welcome{font-size:1.5vw;position:absolute;top:50%;right:9%}.header-container .header{display:flex;justify-content:center;align-items:center}.header-container .header .item{flex:1;text-align:center;cursor:pointer}.header-container .header .item span{font-size:2vw;font-weight:300;line-height:2vw;transition:padding .2s ease-in-out}.header-container .header .item:hover span{padding:0 5px}.header-container .header .line{flex:.5;height:.1vh;background-color:#000}.header-container .header .progress{flex:3;display:flex;justify-content:center;align-items:center;gap:20px}.header-container .header .progress .progress-bar{position:absolute;margin-left:-9%;width:35%;height:.5vh;background-color:#000}.header-container .header .progress .progress-subbar{position:absolute;margin-left:-9%;width:35%;height:.1vh;background-color:#000}.header-container .header .progress .progress-text{margin-left:75%;font-size:1.5vw}@media (max-width: 1200px){.header-container .welcome{right:20%;font-size:2vw}.header-container .header{padding:10px 0}.header-container .header .item,.header-container .header .line{display:none}.header-container .header .progress .progress-bar,.header-container .header .progress .progress-subbar{margin-left:10%;width:55%}.header-container .header .progress .progress-text{font-size:2vw}}@media (max-width: 1000px){.header-container .welcome,.header-container .header .progress .progress-text{font-size:3vw}}.portrait-container{position:fixed;top:50%;transform:translateY(-50%);left:10vw;width:18vw;height:30vw;z-index:1000}.portrait-container .photo-container{width:18vw;height:30vw}.portrait-container .photo-container img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.portrait-container .portrait-shape{position:absolute;top:0;left:0;width:18vw;height:30vw;background:#000}.portrait-container .portrait-shape .bottom-text{position:absolute;bottom:0;right:0;color:#fff;font-size:2vw;line-height:2vw;opacity:.6}@media (max-width: 1000px){.portrait-container{display:none}}.home-placeholder{height:100vh;width:100%}.home{position:fixed;box-sizing:border-box;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding-top:5vw;transform:translate(14%,-5%)}.home .name-row{position:fixed;display:flex;align-items:flex-end}.home .name-row .surname{font-size:26vw;line-height:26vw;font-weight:lighter}.home .name-row .name-column{display:flex;align-items:flex-start;flex-direction:column}.home .name-row .name-column .firstname{font-size:13vw;line-height:13vw}.home .name-row .name-column .space{width:10vw;background-color:#000;z-index:-1000;transform:scaleX(10)}.home .name-row .name-column .deco-shape{opacity:.2;background-color:#000;position:absolute;top:0;left:0;height:10vw;width:10vw;z-index:-1000;display:flex;justify-content:flex-start;align-items:flex-end;text-align:start;color:#fff;font-size:2vw;line-height:2vw}.home .name-row .name-column .deco-shape .arrow{position:absolute;right:0;width:6vw;height:6vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.home .name-row .name-column .deco-shape .arrow .top-part{width:3vw;height:.2vh;background-color:#fff}.home .name-row .name-column .deco-shape .arrow .bottom-part{position:relative;top:68%;width:8.5vw;height:.1vh;background-color:#fff;transform:rotate(45deg) translate(-20%)}.home .name-row .name-column .nickname-container{position:relative;display:flex;align-items:flex-start}.home .name-row .name-column .nickname-container .nickname{cursor:pointer;position:relative;display:flex;color:#fff;font-size:2.8vw;line-height:2.8vw;height:10vw;width:10vw;background-color:#0003;text-align:left}.home .name-row .name-column .nickname-container .nickname .cursor{width:1px;height:2.8vw;background-color:#fff}.home .name-row .name-column .nickname-container .nickname img{display:none;position:absolute;top:100%;left:100%;width:50%;z-index:1000;transform:translate(-65%,-65%) rotate(-45deg);opacity:.1}@media (max-width: 1000px){.home{transform:translate(0)}.home .name-row{padding-left:0}.home .name-row .surname{font-size:50vw;line-height:50vw}.home .name-row .name-column .firstname{font-size:15vw;line-height:15vw}.home .name-row .name-column .deco-shape{display:none}.home .name-row .name-column .nickname-container .nickname{background-color:#00000080;height:20vw;width:20vw;font-size:5vw;line-height:6vw}.home .name-row .name-column .nickname-container .nickname .cursor{height:5vw}.home .name-row .name-column .nickname-container .nickname img{display:block}}.info-container{width:100%;height:100vh;position:relative}.info-container .info-content{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none;padding-top:5vh;padding-left:17vw}.info-container .info-content .content-container{display:flex;align-items:flex-end;position:relative}.info-container .info-content .content-container .background{position:absolute;height:100%;width:100vw;right:0;background-color:#0000001a}.info-container .info-content .content-container .conclusion{font-size:3vw;color:#fff;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;background-color:#0000001a}.info-container .info-content .content-container .conclusion .career{font-size:1.5vw;opacity:.5}.info-container .info-content .content-container .conclusion .line{padding-left:2.5vw;display:flex;justify-content:flex-end;align-items:flex-end;height:20vw;width:20vw;position:relative}.info-container .info-content .content-container .conclusion .line .background{position:absolute;right:0;height:17.7vw;width:17.7vw;background-color:#0000001a}.info-container .info-content .content-container .conclusion .line .slash{position:absolute;height:25vw;width:25vw;border-left:.1vh solid white;transform:translate(50%,-20.5%) rotate(-45deg)}.info-container .info-content .content-container .conclusion .line .arrow{box-sizing:border-box;height:5vw;width:5vw;border-bottom:.1vh solid white;border-right:.1vh solid white}.info-container .info-content .content-container .detail{color:#fff;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;gap:1vw;margin:0 2vw}.info-container .info-content .content-container .detail .title{font-size:3vw;opacity:.5}.info-container .info-content .content-container .detail .item{display:flex;flex-direction:column;align-items:flex-start;font-size:1.5vw}.info-container .info-content .content-container .detail .item .annotation{font-size:1.2vw}@media (max-width: 1200px){.info-container .info-content{padding-left:10vw}.info-container .info-content .content-container .conclusion{display:none}.info-container .info-content .content-container .detail{margin:0;padding-right:3vw}.info-container .info-content .content-container .detail .title{font-size:4vw}.info-container .info-content .content-container .detail .item{font-size:2vw}.info-container .info-content .content-container .detail .item .annotation{font-size:1.5vw}}@media (max-width: 1000px){.info-container .info-content{margin:0;padding:0}.info-container .info-content .content-container .detail{gap:3vh;padding-right:5vw}.info-container .info-content .content-container .detail .title{font-size:6vw}.info-container .info-content .content-container .detail .item{font-size:4vw}.info-container .info-content .content-container .detail .item .annotation{font-size:3vw}}.philosophy-container{height:100vh;width:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.philosophy-container .philosophy-content{position:relative;top:80px;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:1000}.philosophy-container .philosophy-content .philosophy-text{font-size:3vw;margin-bottom:6vh;display:flex;justify-content:center;align-items:center}.philosophy-container .philosophy-content .arrow{display:flex;justify-content:center;align-items:flex-start}.philosophy-container .philosophy-content .arrow .left-part{height:.1vh;width:20px;background-color:#fff;transform:rotate(-60deg) translate(50%,50%);position:relative;top:17px}.philosophy-container .philosophy-content .arrow .middle-part{width:.1vh;height:15vh;background-color:#fff}.philosophy-container .philosophy-content .arrow .right-part{height:.1vh;width:20px;background-color:#fff;transform:rotate(60deg) translate(-50%,-50%);position:relative;top:17px;left:-1px}.philosophy-container .philosophy-content .philosophy-title{font-size:1.5vw}.philosophy-container .masterpieces{height:100vh;opacity:.2;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.philosophy-container .masterpieces .line-one{width:100vw;height:50vh;display:flex;align-items:flex-end;justify-content:center}.philosophy-container .masterpieces .line-two{width:100vw;height:50vh;display:flex;align-items:flex-start;justify-content:center}.philosophy-container .masterpieces .masterpiece{flex:1;height:100%;object-fit:contain}@media (max-width: 1000px){.philosophy-container .philosophy-content .philosophy-text{font-size:5vw}.philosophy-container .philosophy-content .philosophy-title{font-size:4vw}}.contact-container{position:relative;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;font-size:1.5vw}.contact-container .contact-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vh;z-index:1000}.contact-container .contact-content .contact-title{font-size:5vw}.contact-container .contact-content a{color:#000}.contact-container .contact-content img{margin-top:2vh;width:12vw}@media (max-width: 1000px){.contact-container .contact-content{font-size:3vw}.contact-container .contact-content .contact-title{font-size:9vw}.contact-container .contact-content img{width:20vw}}#root{max-width:1280px;text-align:center}.App{position:absolute;width:100%;overflow:hidden}.grid-wrapper{min-height:100%;width:100%;position:fixed;background-color:#f8fafc;z-index:-1000}.grid-wrapper .grid-background{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.4) .1vh,transparent .1vh),linear-gradient(to bottom,rgba(0,0,0,.4) .1vh,transparent .1vh);background-size:3vw 10vh;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 75%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 75%,#000 60%,transparent 100%)}@media (max-width: 1000px){.grid-wrapper .grid-background{background-size:8vw 10vh}}