#blurjs-15,#blurjs-25{position:absolute;bottom:0;left:0;z-index:-9}.draggable{cursor:pointer}.sticker_container{position:relative}.sticker_container .sticker{transition:all .6s cubic-bezier(.76,0,.07,1)}.sticker{position:absolute;-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));cursor:grab;will-change:transform;height:200px;z-index:5;top:calc(50% - 200px / 2);left:calc(50% - 200px / 2)}.sticker.vertical{height:auto;width:144px}@media only screen and (min-width:1440px){.sticker{height:224px}.sticker.vertical{height:auto;width:200px}}@media only screen and (max-width:599px){.sticker{height:140px}.sticker.vertical{height:auto;width:100px}}.line{position:absolute;width:1px;height:100vh;background-color:rgba(250,250,250,.1);top:0}.paper-accent{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);width:10vh}.sun-accent{position:absolute;width:100vw;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-animation 16s linear infinite;filter:blur(4px)}@media only screen and (max-width:599px){.sun-accent{width:auto;height:150vh}}@media only screen and (min-width:600px) and (max-width:767px){.sun-accent{width:auto;height:150vh}}@media only screen and (min-width:768px) and (max-width:1199px){.sun-accent{width:auto;height:150vh}}@keyframes rotate-animation{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(250,250,250,.3)}100%{box-shadow:0 0 0 80px rgba(250,250,250,0)}}.marquee-wrapper{position:relative;width:100vw;height:85px;z-index:0}.marquee-wrapper .inner{position:absolute;width:100%;height:200vh;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%)}.marquee-wrapper .rotate-wrapper{position:absolute;width:100%;height:85px;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}.marquee-wrapper .rotate-wrapper:nth-child(1){left:55%;transform:translate(-50%,-50%) rotate(-12deg);z-index:2}.marquee-wrapper .rotate-wrapper:nth-child(2){left:65%;transform:translate(-50%,-50%) rotate(-32deg);z-index:1}.marquee-wrapper .box{width:auto;display:flex}.marquee-wrapper .box .item{width:auto;z-index:1;display:flex;align-items:center}.marquee-wrapper .box .item.red{background-color:#db5461}.marquee-wrapper .box .item.blue{background-color:#6f90bb}.marquee-wrapper .box .item.grey{background-color:#afafaf}.marquee-wrapper .box .item .item_child{width:auto;padding:0 4rem;height:85px;display:flex;justify-content:center;align-items:center;color:#000;font-size:50px}@media only screen and (max-width:599px){.marquee-wrapper{height:64px}.marquee-wrapper .rotate-wrapper{height:64px}.marquee-wrapper .rotate-wrapper:nth-child(1){transform:translate(-50%,-50%) rotate(-24deg)}.marquee-wrapper .rotate-wrapper:nth-child(2){left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.marquee-wrapper .box .item .item_child{padding:0 2rem;height:64px}}.go-to-top{cursor:pointer;position:relative}.go-to-top i{animation:up-down 1s infinite alternate}@keyframes up-down{0%{transform:translateY(4px)}100%{transform:translateY(-4px)}}@keyframes up-down-rotate{0%{top:calc(50% - 4px)}100%{top:calc(50% + 4px)}}.tooltip{display:none;position:absolute;background-color:#fafafa;border-radius:25px;padding:4px 8px;font-family:NeueHaasDisplayRoman;color:#242424;font-size:1rem;z-index:9;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));white-space:nowrap}.hover-effect{font-kerning:none;position:relative;white-space:nowrap}.hover-effect .word{white-space:nowrap}.hover-effect .char{position:relative}.hover-effect .char::after{content:'';width:1ch;top:0;left:0;position:absolute;opacity:var(--opa);background:#fafafa;height:100%}.hover-effect--cursor-square .char{--opa:0}.hidden-spotify{position:absolute;z-index:0;width:160px;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .6s cubic-bezier(.76,0,.07,1)}.hidden-spotify:hover{transform:translate(-50%,-50%) scale(1.05)}.hidden-spotify#code-3{width:80%}.navigation-guide,.scroll-indicator{position:absolute;height:32px;width:auto;padding:0 .75rem;background-color:#242424;border-radius:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:start;transition:all .6s cubic-bezier(.76,0,.07,1);z-index:2}.navigation-guide .rotate-inner,.scroll-indicator .rotate-inner{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.navigation-guide .rotate-inner .text,.scroll-indicator .rotate-inner .text{white-space:nowrap}.navigation-guide .rotate-inner .text i,.scroll-indicator .rotate-inner .text i{animation:up-down 1s infinite alternate}.navigation-guide .rotate-inner .text i:last-child,.scroll-indicator .rotate-inner .text i:last-child{animation-delay:.5s}.navigation-guide{top:32px}.navigation-guide.hide{top:-32px;visibility:hidden;opacity:0}.scroll-indicator{bottom:32px}.scroll-indicator.hide{bottom:-32px;visibility:hidden;opacity:0}.bg-color{background-color:#171717}.audio-player{padding:.75rem;border-radius:.75rem;background-color:#171717;position:relative;overflow:hidden;display:flex;align-items:start;justify-content:start}.audio-player .audio-player-cover{aspect-ratio:1;height:5rem;border-radius:.5rem}.audio-player .pt-1{width:calc(100% - 1.5rem)}.audio-player .pt-1 .p-xl{line-height:1.5rem}.audio-player .spotify-link{position:relative;position:absolute;right:.75rem;top:.75rem}.audio-player .spotify-link .spotify-link-icon{aspect-ratio:1;height:1.5rem}.audio-player .audio-player-bar{position:relative;flex:1;height:6px;overflow:hidden;border-radius:3px;background-color:rgba(250,250,250,.25)}.audio-player .audio-player-bar .audio-player-progress{position:absolute;left:0;top:0;height:6px;border-radius:3px;width:0;background-color:#fafafa}.audio-player .audio-player-button{width:2.5rem;height:2.5rem;border-radius:1.25rem;background-color:#fafafa;display:flex;align-items:center;justify-content:center;position:relative}.audio-player .audio-player-button img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.76,0,.07,1);height:1.25rem;aspect-ratio:1}.audio-player .audio-player-button img#pause{visibility:hidden;opacity:0}.audio-player#song-1{background-color:#359fc0}.audio-player#song-2{background-color:#a6524c}.audio-player#song-3{background-color:#857045}.text-circle{display:flex;align-items:center;height:4rem;border-radius:2rem;background-color:#171717;border:1px solid rgba(250,250,250,.15);padding:0 1rem 0 .5rem}.text-circle.blue{background-color:#6f90bb;border:1px solid rgba(250,250,250,.15)}.text-circle.icon-right{padding:0 .5rem 0 1rem}.text-circle.icon-right .icon{margin-right:0;margin-left:1rem}.text-circle .icon{width:3rem;height:3rem;border-radius:1.5rem;margin-right:1rem;border:1px solid rgba(250,250,250,.15);position:relative}.text-circle .icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem}.text-circle span{white-space:nowrap}.text-accent{display:flex;align-items:center}.text-accent .icon{width:4rem;height:4rem;border-radius:2rem;font-size:2.8125rem;line-height:3.375rem;background-color:#fafafa;position:relative}.text-accent .icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.text-accent .text{margin-left:-3px;display:flex;align-items:center;height:4rem;border-radius:2rem;background-color:#fafafa;padding:0 1.25rem}.text-accent .text .ff-2{margin-bottom:.5rem;font-size:2.8125rem;line-height:3.375rem}.text-accent .text .ff-1,.text-accent .text .ff-3{font-size:2.25rem;line-height:3.375rem}@media only screen and (max-width:599px){.text-accent .icon{width:3rem;height:3rem;border-radius:2rem;font-size:2rem;line-height:2rem}.text-accent .text{height:3rem;border-radius:2rem;padding:0 .75rem}.text-accent .text .ff-2{font-size:2rem;line-height:2rem}.text-accent .text .ff-1,.text-accent .text .ff-3{font-size:1.75rem;line-height:1.75rem}}.link{position:relative;display:flex;align-items:center;justify-content:center;color:#fafafa;cursor:pointer}@media only screen and (min-width:1440px){.link:hover:after{width:100%}.link:hover .icon i#i-1{left:calc(50% + 12px);top:calc(50% - 12px);transform:translate(-50%,-50%) scale(.5)}.link:hover .icon i#i-2{left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}}@media only screen and (min-width:1200px) and (max-width:1439px){.link:hover:after{width:100%}.link:hover .icon i#i-1{left:calc(50% + 12px);top:calc(50% - 12px);transform:translate(-50%,-50%) scale(.5)}.link:hover .icon i#i-2{left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}}.link:after{content:'';position:absolute;width:0;height:1.5px;background-color:#fafafa;left:50%;transform:translateX(-50%);bottom:-8px;transition:all .4s ease-in-out}.link .text{text-transform:uppercase;letter-spacing:.75px}.link .icon{margin-left:.75rem;position:relative;height:12px;width:12px;overflow:hidden}.link .icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s ease-in-out}.link .icon i#i-2{left:calc(50% - 12px);top:calc(50% + 12px);transform:translate(-50%,-50%) scale(.5)}.navbar{position:fixed;top:0;width:auto;height:80px;display:flex;align-items:center;padding:0 var(--padding-l-r);z-index:6}.navbar.left{left:0;justify-content:start}.navbar.right{right:0;justify-content:end;overflow:hidden}.navbar.right.active .open-work{transform:translateY(128px);visibility:hidden;opacity:0}.navbar.right.active .map-line{top:50%;visibility:visible;opacity:1}.navbar .open-work{display:flex;align-items:center;height:2.5rem;border-radius:1.25rem;padding:0 1rem 0 .75rem;overflow:hidden;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));transition:all .6s cubic-bezier(.76,0,.07,1)}.navbar .open-work .pulses{position:relative}.navbar .open-work .pulses .pulse{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:pulse-animation 3s infinite;border-radius:1rem}.navbar .open-work .pulses .pulse#pulse-1{animation-delay:0s}.navbar .open-work .pulses .pulse#pulse-2{animation-delay:.5s}.navbar .open-work .pulses .pulse#pulse-3{animation-delay:1s}.navbar .logo{filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25))}.navbar .logo img{height:3rem}.navbar .menu{display:flex;align-items:center;height:3rem;border-radius:1.5rem;background-color:#fafafa;padding:0 1rem;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25))}.navbar .menu .bars{position:relative;width:32px;height:12px}.navbar .menu .bars .bar{position:absolute;left:50%;transform:translate(-50%,0);background-color:#242424;width:100%;height:3px;border-radius:3px}.navbar .menu .bars .bar#bar-1{top:0}.navbar .menu .bars .bar#bar-2,.navbar .menu .bars .bar#bar-3{top:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden}.navbar .menu .bars .bar#bar-4{bottom:0}.navbar .map-line{position:absolute;top:calc(50% - 128px);visibility:hidden;opacity:0;right:var(--padding-l-r);transform:translate(0,-50%);background-color:#242424;z-index:9;height:3rem;width:128px;border-radius:.5rem;overflow:hidden;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));transition:all .6s cubic-bezier(.76,0,.07,1)}.navbar .map-line::before,.navbar .map-line:after{content:'';position:absolute;height:6px;width:6px;border-radius:6px;background-color:#0b0b0b}.navbar .map-line:before{left:6px;bottom:6px}.navbar .map-line:after{right:6px;top:6px}.navbar .map-line .line-interaction,.navbar .map-line .line-placeholder{height:100%;z-index:2;fill:none;stroke:#6f90bb;stroke-width:3rem;z-index:2;position:absolute;left:calc(50% - 6px);top:50%;transform:translate(-50%,-50%)}.navbar .map-line .line-placeholder{z-index:1;stroke:#0b0b0b}@media only screen and (max-width:599px){.navbar{width:calc(50% - var(--padding-l-r) * 2)}.navbar .logo img{height:auto;width:100%;max-height:3rem}.navbar .open-work{height:2rem;border-radius:1rem;padding:0 .75rem 0 .5rem}}.overlay-backdrop{width:0;right:0;bottom:0}.overlay-backdrop.active{width:100%}.overlay.credit{margin:1rem;height:calc(100% - 1rem * 2);width:calc(512px - 1rem * 2);background-color:#fafafa;overflow:hidden;border-radius:1rem;left:auto;right:calc(-512px - 1rem * 2);bottom:0}.overlay.credit.active{right:0}.overlay.credit .inner{width:100%;max-width:100%;height:100%;overflow:scroll}@media only screen and (max-width:599px){.overlay.credit{margin:0;border-radius:0;height:100%;width:100%;right:-100%;max-width:512px}}.overlay.credit>.inner{-ms-overflow-style:none;scrollbar-width:none}.overlay.credit>.inner::-webkit-scrollbar{display:none}.guide{position:fixed;padding:1rem 0;width:calc(400px - 1rem * 2);background-color:#fafafa;overflow:hidden;border-radius:1rem;left:50%;bottom:-100vh;transform:translateX(-50%);transition:all .6s cubic-bezier(.76,0,.07,1);z-index:10;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25))}.guide.active{bottom:1rem}.guide.easter_egg_description{width:calc(480px - 1rem * 2)}.guide.easter_egg_description #easter_egg_title,.guide.easter_egg_description .icon{font-size:1.25rem;line-height:1.5rem}@media only screen and (max-width:599px){.guide{width:calc(100% - var(--padding-l-r) * 2)!important}}.transition{position:fixed;left:0;bottom:0;width:100vw;height:100vh;z-index:9;transition:all .6s cubic-bezier(.76,0,.07,1);transition-delay:.3s}.transition .panel{width:100%;height:100%;position:absolute;left:0;bottom:0;transition:all .6s cubic-bezier(.76,0,.07,1)}.transition .panel#panel-1{background-color:#171717;z-index:1}.transition .panel#panel-2{background-color:#6f90bb;z-index:0;transition-delay:.2s}.transition .name-wrapper{position:absolute;left:50%;top:50%;width:400px;height:400px;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.76,0,.07,1);z-index:2}.transition .name-wrapper .my-name-is{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:400px;width:547px;z-index:1;filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25))}.transition .name-wrapper .name-writing{position:absolute;left:50%;top:calc(50% + 24px);transform:translate(-50%,-50%) rotate(-12deg);height:264px;z-index:2;fill:none;stroke:#1e2d40;stroke-width:32px}.transition .name-wrapper .name-writing .path{stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw 1.2s cubic-bezier(.33,1,.68,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}.transition .name-wrapper .name-writing #path-1{animation-delay:0s}.transition .name-wrapper .name-writing #path-2{animation-delay:.4s}.transition .name-wrapper .name-writing #path-3{animation-delay:.7s}.transition .name-wrapper .name-writing #path-4{animation-delay:1.3s}.transition .name-wrapper .name-writing #path-5{animation-delay:1.9s}.transition .name-wrapper .name-writing #path-6{animation-delay:2.1s}.transition .name-wrapper .name-writing #path-7{animation-delay:2.2s}.transition .name-wrapper .name-writing #path-8{animation-delay:2.4s}.transition .name-wrapper .name-writing #path-9{animation-delay:2.5s}.transition.off{height:0;visibility:hidden}.transition.off .name-wrapper{transform:translate(-50%,100%) rotate(24deg);filter:drop-shadow(16px 16px 0 rgba(0, 0, 0, .25));-webkit-filter:drop-shadow(8px 8px 0 rgba(0, 0, 0, .25))}.transition.off .panel{height:0}@media only screen and (max-width:599px){.transition .name-wrapper{width:256px;height:256px}.transition .name-wrapper .my-name-is{height:228px;width:312px}.transition .name-wrapper .name-writing{top:calc(50% + 12px);height:148px}}@media only screen and (min-width:600px) and (max-width:767px){.transition .name-wrapper{width:300px;height:300px}.transition .name-wrapper .my-name-is{height:250px;width:340px}.transition .name-wrapper .name-writing{top:calc(50% + 12px);height:164px}}@media only screen and (min-width:768px) and (max-width:1199px){.transition .name-wrapper{width:300px;height:300px}.transition .name-wrapper .my-name-is{height:250px;width:340px}.transition .name-wrapper .name-writing{top:calc(50% + 12px);height:164px}}.master-body{overflow-y:hidden;height:100vh}#index-page .container#c-1 .space-holder .sticky .horizontal{overflow:hidden}#index-page .container#c-3 .section-wrapper{position:relative;width:auto;height:100vh;overflow:hidden}#index-page .section-1{height:100vh}#index-page .section-1 .inner .line#line-1{left:0}#index-page .section-1 .inner .line#line-2{left:calc(35% - 1px)}#index-page .section-1 .inner .line#line-3{right:calc(35% - 1px)}#index-page .section-1 .inner .line#line-4{right:0}#index-page .section-2{height:100vh;min-width:50vw;max-width:800px}#index-page .section-2 .inner{height:100%}#index-page .section-2 .inner .line#line-1{left:0}#index-page .section-2 .inner .line#line-2{left:calc(50% - 4rem);transform:translateX(-50%)}#index-page .section-2 .inner .line#line-3{left:calc(50% + 4rem);transform:translateX(-50%)}#index-page .section-2 .inner .line#line-4{right:0}#index-page .section-2 .paper-accent#pa-l-1{right:calc(-10vh + 1px);z-index:1}#index-page .section-2 .paper-accent#pa-l-2{right:calc((10vh + 8px) * -1);z-index:0}#index-page .section-2-5{height:100vh;min-width:50vw;max-width:800px}#index-page .section-2-5 .line-accent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}#index-page .section-2-5 .inner{position:relative}#index-page .section-2-5 .sticker{transform:none}#index-page .section-2-5 .sticker#sticker-13{left:396px;top:-32px}#index-page .section-2-5 .sticker#sticker-14{left:505px;top:530px}#index-page .section-2-5 .sticker#sticker-15{left:-12px;top:605px}#index-page .section-2-5 .sticker#sticker-16{left:111px;top:309px}#index-page .section-3{height:100vh;min-width:50vw;max-width:800px}#index-page .section-3 .inner{height:100%}#index-page .section-3 .inner .line#line-1{left:0}#index-page .section-3 .inner .line#line-4{right:0}#index-page .section-3 .paper-accent#pa-r-1{left:calc(-10vh + 1px);z-index:1}#index-page .section-3 .paper-accent#pa-r-2{left:calc((10vh + 4px) * -1);z-index:0}#index-page .section-4{min-width:auto;width:auto}#index-page .section-4 .inner{height:100vh}#index-page .section-4 .inner .line#line-1{left:0}#index-page .section-5{min-width:auto;max-width:100%;width:auto;overflow:hidden}#index-page .section-5:after{content:'';position:absolute;height:1px;width:120%;bottom:0;left:50%;background-color:rgba(250,250,250,.1);z-index:0}#index-page .section-5 .inner{height:100vh;display:flex;align-items:start;justify-content:start}#index-page .section-5 .inner .line#line-4{right:0}#index-page .section-5 .inner .project-list-wrapper{height:calc(100% - 96px);padding-top:96px;border-left:1px solid rgba(250,250,250,.05);display:flex;flex-direction:column;align-items:start;justify-content:start}#index-page .section-5 .inner .project-list-wrapper:not(:first-child){margin-left:-1px}#index-page .section-5 .inner .project-list-wrapper .year{display:flex;align-items:center;padding:0 2rem 2rem}#index-page .section-5 .inner .project-list-wrapper .year .square{height:14px;width:14px;background-color:#fafafa;margin-right:2rem}#index-page .section-5 .inner .project-list-wrapper .project-list{display:flex;align-items:start;justify-content:start;height:100%;border-top:1px solid rgba(250,250,250,.1)}#index-page .section-5 .inner .project-list-wrapper .project-list>.col{height:100%}#index-page .section-5 .inner .project-list-wrapper .project-list>.col:not(:first-child){border-left:1px solid rgba(250,250,250,.1)}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item{width:calc(600px - 2rem * 2);padding:2rem;border-bottom:1px solid rgba(250,250,250,.1);position:relative}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item>span{will-change:transform;position:absolute;z-index:3}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item .clickable_portfolio.empty .project-indicator{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item .project-indicator{position:absolute;height:2.5rem}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item:not(.empty-list){cursor:pointer}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item:not(.empty-list):hover .project-info{max-height:100px;opacity:1;visibility:visible}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item.empty-list>.row{opacity:0;visibility:hidden}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item.empty-list .project-indicator{display:none}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item .title{font-size:2rem;line-height:2.25rem;vertical-align:middle;height:74px;width:100%}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item .project-info{max-height:0;height:auto;opacity:0;visibility:hidden;transition:all .4s ease-in-out;width:100%}#index-page .section-6{height:100vh;min-width:auto;max-width:100%;width:auto;overflow:hidden}#index-page .section-6:after,#index-page .section-6:before{content:'';position:absolute;height:1px;width:120%;top:50%;left:50%;background-color:rgba(250,250,250,.1);z-index:0}#index-page .section-6:before{transform:translate(-50%,-50%) rotate(-45deg)}#index-page .section-6:after{transform:translate(-50%,-50%) rotate(45deg)}#index-page .section-6 .inner{height:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;z-index:1}#index-page .section-6 .inner>.row.with-line{position:relative}#index-page .section-6 .inner>.row.with-line:before{content:'';position:absolute;height:1px;width:120%;top:calc(4rem / 2 - 1px);left:50%;transform:translate(-50%,-50%);background-color:rgba(250,250,250,.1)}#index-page .section-6 .inner .skill-card{width:640px;background-color:#171717}#index-page .section-6 .inner .skill-card .skill-title{padding:1rem}#index-page .section-6 .inner .skill-card .row:nth-child(2){border-top:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner .skill-card .row:nth-child(2) .col{padding:1rem 0;position:relative}#index-page .section-6 .inner .skill-card .row:nth-child(2) .col:nth-last-child(n+3){border-bottom:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner .skill-card .row:nth-child(2) .col:nth-child(odd):after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background-color:rgba(250,250,250,.15)}#index-page .section-6 .inner .skill-card .row:nth-child(2) .col .skill-item{font-size:2rem;line-height:2.25rem;padding:0 1rem}#index-page .section-7{padding-top:10rem}#index-page .section-7:before{content:'';position:absolute;height:1px;width:100vw;top:-1px;left:50%;transform:translateX(-50%);background-color:rgba(250,250,250,.1);z-index:0}#index-page .section-7 .inner .link-wrapper{position:relative}#index-page .section-7 .inner .link-wrapper:after,#index-page .section-7 .inner .link-wrapper:before{content:'';position:absolute;height:1px;width:100vw;left:50%;transform:translateX(-50%);background-color:rgba(250,250,250,.1);z-index:0}#index-page .section-7 .inner .link-wrapper:before{top:-1px}#index-page .section-7 .inner .link-wrapper:after{bottom:-1px}@media only screen and (max-width:599px){#index-page .section-2,#index-page .section-3,#index-page .section-4{min-width:100vw;max-width:100vw}#index-page .section-2-5{min-width:120vw;max-width:120vw}#index-page .section-2-5 .line-accent{width:auto;height:100%}#index-page .section-2-5 .inner .text-wrapper{display:flex;flex-direction:column;width:calc(100% - 8rem);padding:0 4rem;align-items:start}#index-page .section-5 .inner .project-list-wrapper .year{padding:0 1rem 1rem}#index-page .section-5 .inner .project-list-wrapper .year .square{margin-right:1rem}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item{width:calc(100vw - 1rem * 2);max-width:460px;padding:1rem}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item .project-indicator{height:2rem}#index-page .section-5 .inner .project-list-wrapper .project-list .project-item .title{font-size:1.5rem;line-height:1.75rem;height:calc(1.75rem * 2)}#index-page .section-6 .inner.mobile{flex-direction:row;align-items:center}#index-page .section-6 .inner.mobile>.row.with-line{flex-direction:row}#index-page .section-6 .inner.mobile>.row.with-line:before{display:none}#index-page .section-6 .inner.mobile .skill-card{width:calc(100vw - var(--padding-l-r) * 2);max-width:420px;border:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner.mobile .skill-card .skill-title{padding:1rem}#index-page .section-6 .inner.mobile .row:nth-child(2){border-top:0}#index-page .section-6 .inner.mobile .row:nth-child(2) .col:nth-last-child(n+3){border-bottom:0}#index-page .section-6 .inner.mobile .row:nth-child(2) .col:nth-child(odd):after{display:none}#index-page .section-6 .inner.mobile .row:nth-child(2) .col:not(:last-child){border-bottom:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner.mobile .row:nth-child(2) .col .skill-item{font-size:1.5rem;line-height:1.75rem}#index-page .section-7{overflow:hidden;min-height:100vh;height:auto;padding-top:0}#index-page .section-7:before{top:0}#index-page .section-7 .sticker{height:132px}}@media only screen and (min-width:600px) and (max-width:767px){#index-page .section-2,#index-page .section-3,#index-page .section-4{min-width:600px;max-width:800px}#index-page .section-2-5{min-width:800px;max-width:100vw}#index-page .section-2-5 .line-accent{width:auto;height:100%}#index-page .section-2-5 .inner .text-wrapper{display:flex;flex-direction:column;width:calc(100% - 8rem);padding:0 4rem;align-items:start}#index-page .section-6{overflow:hidden}#index-page .section-6 .inner.tablet{flex-direction:row;align-items:center}#index-page .section-6 .inner.tablet>.row.with-line:before{display:none}#index-page .section-6 .inner.tablet .skill-card{width:calc(500px - 2rem * 2);border:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner.tablet .skill-card .skill-title{padding:1rem}#index-page .section-6 .inner.tablet .row:nth-child(2){border-top:0}#index-page .section-6 .inner.tablet .row:nth-child(2) .col:nth-last-child(n+3){border-bottom:0}#index-page .section-6 .inner.tablet .row:nth-child(2) .col:nth-child(odd):after{display:none}#index-page .section-6 .inner.tablet .row:nth-child(2) .col:not(:last-child){border-bottom:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner.tablet .row:nth-child(2) .col .skill-item{font-size:1.5rem;line-height:1.75rem}#index-page .section-7{overflow:hidden;height:auto}#index-page .section-7:before{top:0}#index-page .section-7 .sticker{height:164px}}@media only screen and (min-width:768px) and (max-width:1199px){#index-page .section-2,#index-page .section-3,#index-page .section-4{min-width:600px;max-width:800px}#index-page .section-2-5{min-width:800px;max-width:100vw}#index-page .section-2-5 .line-accent{width:auto;height:100%}#index-page .section-2-5 .inner .text-wrapper{display:flex;flex-direction:column;width:calc(100% - 8rem);padding:0 4rem;align-items:start}#index-page .section-6{overflow:hidden}#index-page .section-6 .inner.tablet{flex-direction:row;align-items:center}#index-page .section-6 .inner.tablet>.row.with-line:before{display:none}#index-page .section-6 .inner.tablet .skill-card{width:calc(500px - 2rem * 2);border:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner.tablet .skill-card .skill-title{padding:1rem}#index-page .section-6 .inner.tablet .row:nth-child(2){border-top:0}#index-page .section-6 .inner.tablet .row:nth-child(2) .col:nth-last-child(n+3){border-bottom:0}#index-page .section-6 .inner.tablet .row:nth-child(2) .col:nth-child(odd):after{display:none}#index-page .section-6 .inner.tablet .row:nth-child(2) .col:not(:last-child){border-bottom:1px solid rgba(250,250,250,.15)}#index-page .section-6 .inner.tablet .row:nth-child(2) .col .skill-item{font-size:1.5rem;line-height:1.75rem}#index-page .section-7{overflow:hidden;height:auto}#index-page .section-7:before{top:0}#index-page .section-7 .sticker{height:164px}}