@font-face{font-display:swap;font-family:hnt;font-style:normal;font-weight:400;src:url(../fonts/HelveticaNowDisplay-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:hnt;font-style:normal;font-weight:500;src:url(../fonts/HelveticaNowDisplay-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:hnt;font-style:normal;font-weight:700;src:url(../fonts/HelveticaNowDisplay-Bold.woff2) format("woff2")}*{box-sizing:border-box;font:inherit;margin:0;padding:0}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}li,ul{list-style:none}button,input,select,textarea{background:0 0;border:0;color:inherit;display:block;outline:0}button:focus,input:focus,textarea:focus{outline:0}button:hover,input[type=submit]:hover{cursor:pointer}textarea{overflow:auto}a,label{display:block}a{color:inherit;cursor:pointer;text-decoration:none}i{font-style:italic}img{-o-object-fit:cover;object-fit:cover}canvas,img,picture,svg,video{display:block;height:100%;width:100%}.tp-dfwv{display:none;position:fixed!important;z-index:99999!important}#bg,#sail div,.bg:after{height:100%;left:0;position:absolute;top:0;width:100%}#gl,#overlay,#sail,.grid{height:100%;left:0;position:fixed;top:0;width:100%}.base-player-cover,.base-player-fullscreen,.base-player-play,.base-player-sound,.grid,section{align-items:center;display:flex;justify-content:center}.base-player-cover div,.work-list{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.base-player-time{font-size:1.2rem}.base-player-cover div,.base-player-time,body{font-family:hnt;letter-spacing:0;line-height:1.13em}.base-player-cover div,body{font-size:1.4rem}.work-list{font-size:1.6rem}.title,.work-list{font-family:hnt;letter-spacing:0;line-height:1.13em}.title{font-size:19.2rem}:root{--vw:1vw;--vh:1vh;--size:1440;--col-l:12;--gutter:2rem;--margin-y:3rem;--margin-x:3rem;--area:calc(100vw - var(--margin-x)*2);--col:calc((var(--area) - var(--gutter)*(var(--col-l) - 1))/var(--col-l))}@media screen and (min-width:1400px){:root{--size:1680}}@media screen and (max-width:800px){:root{--size:800;--col-l:6;--gutter:1.6rem;--margin-y:3.4rem;--margin-x:3.4rem}}@media screen and (max-width:480px){:root{--size:480;--col-l:4;--gutter:1.6rem;--margin-y:2.4rem;--margin-x:2.4rem}}body,html{height:100%;overscroll-behavior:none;touch-action:none;width:100%}html{font-family:hnt;font-size:calc(100vw/var(--size)*10)}html::-webkit-scrollbar,html::-webkit-scrollbar-button{display:none}html{scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{background:#fff;color:#000}@media screen and (max-width:800px){body{font-size:1.2rem}}@media screen and (max-width:480px){body,html{height:var(--vh);left:0;overflow:hidden;overscroll-behavior:none;pointer-events:none;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}body main,html main{height:var(--vh);left:0;overflow-x:hidden;overflow-y:scroll;position:relative;right:0;-webkit-overflow-scrolling:touch;pointer-events:all}body main::-webkit-scrollbar,body main::-webkit-scrollbar-button,html main::-webkit-scrollbar,html main::-webkit-scrollbar-button{display:none}body main,html main{scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}main{height:100%;overflow:hidden;width:100%}#overlay{background:gray;height:100dvh;pointer-events:none;z-index:9995}#bg,#overlay{opacity:0;will-change:opacity}#bg{background-color:#000}#sail{opacity:0;pointer-events:none;z-index:9995}#sail,#sail div{will-change:opacity}#sail #sail-l{background:#fff}#sail #sail-d{background:#000}.page{height:auto;min-height:100svh;position:relative}#s{height:0;position:absolute;width:0}.op{will-change:opacity}.op,.op.off{opacity:0}.op.on{opacity:1}.op-2{transition:opacity .2s cubic-bezier(.45,0,.55,1)}.op-3{transition:opacity .3s cubic-bezier(.45,0,.55,1)}.op-10{transition:opacity 1s cubic-bezier(.45,0,.55,1)}.op-y-20{transform:translate3d(0,20%,0)}.op-y-20,.op-y-30{opacity:0;will-change:transform,opacity}.op-y-30{transform:translate3d(0,30%,0)}.ho{transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.ho:hover{opacity:.5}.spacer-h{display:block;white-space:nowrap}.spacer-w{display:inline-block;white-space:nowrap}.bg:after{background:#000c;content:"";opacity:0;will-change:opacity}.bg-loading .base-image,.bg-loading .base-video{position:relative}.bg-loading .base-image:before,.bg-loading .base-video:before{background-color:#0000001a;content:"";inset:0;position:absolute;transition:opacity 1s cubic-bezier(.45,0,.55,1)}.bg-loading .base-image--loaded:before,.bg-loading .base-video--loaded:before{opacity:0}[data-layer=top]{position:relative;z-index:20}#gl{pointer-events:none}.l_{overflow:hidden}.l,.l_{display:block}.c_,.w_{margin-inline:-4px;overflow:hidden;white-space:nowrap}.c,.c_,.w,.w_{display:inline-block}.c,.w{padding-inline:4px}.c,.l,.w{transform:translate3d(0,110%,0);white-space:nowrap}.mo-a{opacity:0;will-change:opacity}.mo-x{height:1px;overflow:hidden;width:100%}.mo-x>div{height:100%;transform:translate3d(110%,0,0);width:100%}.mo-y{height:100%;overflow:hidden;width:1px}.mo-y>div{height:100%;transform:translate3d(0,110%,0);width:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.grid,.lenis.lenis-smooth iframe{pointer-events:none}.grid{opacity:.25;z-index:9998}.grid-wrap{display:flex;gap:var(--gutter);height:100%;padding:0 var(--margin-x);width:100%}.grid-wrap:after,.grid-wrap:before{background-color:#00f;content:"";height:var(--margin-y);left:0;opacity:.6;position:absolute;width:100%;z-index:2}.grid-wrap:before{top:0}.grid-wrap:after{bottom:0}.grid-wrap div{background:red;height:100%;position:relative;width:100%}@media screen and (max-width:800px){.grid-wrap div:nth-child(n+7){display:none}}@media screen and (max-width:480px){.grid-wrap div:nth-child(n+5){display:none}}.cursor{left:0;pointer-events:none;position:fixed;top:0;z-index:9999}.cursor picture{display:block;height:100%}.cursor img{-o-object-fit:cover;object-fit:cover}.cursor:before{border-radius:50%;content:"";inset:0;position:absolute}.carousel-cursor__thumbnails{display:none}@media(hover:hover){.carousel-cursor__thumbnails{aspect-ratio:272/153;clip-path:inset(100% 100% 100% 100%);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:clip-path 1s cubic-bezier(.19,1,.22,1);width:15.74074vw}.carousel-cursor__thumbnails--visible{clip-path:inset(0 0 0 0)}}.carousel-cursor{aspect-ratio:1712/964;position:relative}.carousel-cursor__btn{inset:0;position:absolute;z-index:2}.carousel-cursor__wrapper{height:100%;position:relative}.carousel-cursor__fig{inset:0;position:absolute}.carousel-cursor__thumbnail{inset:0;overflow:hidden;position:absolute}.cursor-label{color:#000;font-size:1.2rem;font-weight:440;left:calc(100% + 2rem);letter-spacing:-.01em;line-height:1.1667;opacity:0;position:absolute;text-transform:uppercase;top:25%;white-space:nowrap;z-index:1}.cursor-label--visible{opacity:1}.base-image{background-color:#0000001a;height:100%;overflow:hidden;width:100%}.base-image img{-o-object-fit:cover;object-fit:cover}.base-image--parallax img{height:120%;position:absolute;top:-20%;will-change:transform}.base-video{background-color:#0000001a;height:100%;overflow:hidden;width:100%}.base-video video{-o-object-fit:cover;object-fit:cover;pointer-events:none}.base-video--parallax video{height:120%;position:absolute;top:-20%;will-change:transform}.base-player{overflow:hidden;position:relative}.base-player video{-o-object-fit:cover;object-fit:cover}.base-player-ctrl{align-items:center;bottom:2rem;color:#fff;display:flex;left:3rem;position:absolute;right:3rem}.base-player-play{cursor:pointer;height:2rem;margin-right:1rem}.base-player-play svg{fill:#fff;height:1.2rem;width:1.2rem}.base-player-progress-w{align-items:center;cursor:pointer;display:flex;flex-grow:1;height:2rem}.base-player-progress-w>div{height:.2rem;overflow:hidden;pointer-events:none;position:relative;width:100%}.base-player-progress,.base-player-progress-bg{background:#fff;height:100%;width:100%}.base-player-progress-bg{opacity:.2}.base-player-progress{left:0;position:absolute;top:0;transform:translate3d(-100%,0,0);will-change:transform}.base-player-time{align-items:center;display:flex;font-weight:500;height:2rem;justify-content:flex-end;position:relative;width:4rem}.base-player-sound{cursor:pointer;height:2rem;margin-left:2.2rem}.base-player-sound svg{fill:#fff;height:1.2rem;width:1.8rem}.base-player-fullscreen{cursor:pointer;height:2rem;margin-left:1.6rem}.base-player-fullscreen svg{fill:#fff;height:1.2rem;width:1.2rem}.base-player-cover{background:#0000001a;cursor:pointer;inset:-1px;pointer-events:all;position:absolute;transition:opacity .3s cubic-bezier(.215,.61,.355,1)}.base-player-cover.hidden{opacity:0;pointer-events:none}.base-player-cover img{pointer-events:none}.base-player-cover div{color:#fff;font-weight:600;pointer-events:none}@media screen and (max-width:800px){.base-player-ctrl{bottom:1.6rem;left:1.6rem;right:1.6rem}.base-player-time{font-size:1rem}.base-player-fullscreen{display:none}}.loader{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9997}.loader--light .loader-nbr{color:#000}.loader--light .loader-bg{background:#fff}.loader--light .loader-line{background:#000}.loader--dark .loader-nbr{color:#fff}.loader--dark .loader-bg{background:#000}.loader--dark .loader-line{background:#fff}.loader-bg{height:100%;left:0;position:fixed;top:0;width:100%;will-change:opacity}.loader-nbr{font-size:2rem;left:var(--margin-x);line-height:1.2em;position:absolute;top:var(--margin-y)}.loader-nbr span>span{transform:translate3d(0,110%,0);will-change:transform}.loader-line{height:.4rem;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;width:100%;will-change:transform}.header{left:var(--margin-x);position:fixed;right:var(--margin-x);top:calc(var(--margin-y) - .2rem);z-index:9996}.header--visible{opacity:1}.header--light{color:#fff}.header--dark{color:#000}.header--preloader-done{pointer-events:all}.header-logo{left:0;white-space:nowrap}.header-logo,.header-nav{position:absolute;text-transform:uppercase;top:0}.header-nav{display:flex;margin-right:-.9rem;margin-top:-.4rem;right:0}.header-nav-link{padding:.4rem .9rem;transition:color .35s;white-space:nowrap}.header-nav-link:hover{color:#7b827d;transition:color .35s}.header-nav-link.router-link-active{color:#7b827d}section{height:100vh;position:relative}.title{display:table;font-weight:600;text-align:center}.title .l_:last-child{margin-top:-3rem}.home-section{background-color:#7b827d}.fig1{bottom:0;left:0;opacity:0;pointer-events:none;width:calc(var(--col)*3 + var(--gutter)*2 + var(--margin-x))}.fig1,.fig2{aspect-ratio:4/5;overflow:hidden;position:absolute}.fig2{bottom:8rem;right:calc(var(--col) + var(--gutter)*1 + var(--margin-x));width:calc(var(--col)*2 + var(--gutter)*1)}.ho-player{bottom:0;left:0;position:absolute;width:calc(var(--col)*4 + var(--gutter)*3)}@media screen and (max-width:800px){.ho-player{bottom:var(--margin-y);left:var(--margin-x);right:var(--margin-x);width:auto}}.work-list{color:#00f;font-weight:500}.work-fig{aspect-ratio:1/1;left:calc(var(--col) + var(--gutter)*1 + var(--margin-x));position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--col)*3 + var(--gutter)*2)}.ab-player{aspect-ratio:16/9;bottom:6rem;left:50%;position:absolute;transform:translate(-50%);width:calc(var(--col)*4 + var(--gutter)*3)}