.topLoader{position:fixed;left:0;top:0;width:100vw;height:100dvh;display:grid;place-items:center;background:var(--cl-bg, #0c0f14);color:var(--cl-txt, #fff);z-index:10000;opacity:1;pointer-events:auto;transition:opacity .6s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html.is-topLoading,html.is-topLoading body{overflow:hidden}.topLoader.is-out{opacity:0;pointer-events:none}.topLoader__svg{overflow:visible;width:min(90vw,44rem);height:auto;will-change:transform;transform:translate3d(var(--loader-tx, 0px), 0, 0);transition:transform .8s cubic-bezier(0.22, 0.61, 0.36, 1)}.topLoader__inner{overflow:visible}.topLoader__piece{opacity:0;transform:translate3d(0, -160px, 0);transform-box:fill-box;transform-origin:center;will-change:transform,opacity}@keyframes loaderDrop{0%{opacity:0;transform:translate3d(0, -180px, 0) rotate(-8deg) scale(0.98)}55%{opacity:1;transform:translate3d(0, 10px, 0) rotate(3deg) scale(1.02)}75%{transform:translate3d(0, -6px, 0) rotate(-2deg) scale(1.01)}100%{opacity:1;transform:translate3d(0, 0px, 0) rotate(0deg) scale(1)}}.topLoader.is-play .js-pieceTriangle{animation:loaderDrop .65s cubic-bezier(0.22, 0.61, 0.36, 1) 0ms both}.topLoader.is-play .js-pieceSquare{animation:loaderDrop .65s cubic-bezier(0.22, 0.61, 0.36, 1) 160ms both}.topLoader.is-play .js-pieceCircle{animation:loaderDrop .65s cubic-bezier(0.22, 0.61, 0.36, 1) 320ms both}@media(prefers-reduced-motion: reduce){.topLoader__svg{transition:none}.topLoader__piece{opacity:1;transform:none;animation:none}}.topLoader.is-devStay{opacity:1;pointer-events:auto}.p-topMv{position:relative;height:100svh}@media screen and (min-width: 769px){.p-topMv__inner{display:grid;grid-template-columns:repeat(2, 1fr)}}.p-topMv__col{position:relative;overflow:hidden}.p-topMv__col--left{height:60svh;border-block-end:1px solid var(--cl-border)}@media screen and (min-width: 769px){.p-topMv__col--left{height:100svh;border-block-end:0;border-inline-end:1px solid var(--cl-border)}}.p-topMv__col--right{height:60svh}@media screen and (min-width: 769px){.p-topMv__col--right{height:100svh}}.p-topMv__rolesItem{font-size:clamp(.875rem,.78rem + .41vw,1.0625rem)}.p-topMv__rolesItem::after{content:"/";display:inline-block;padding-inline:.5em}.p-topMv__btn{position:absolute;inset-block-end:clamp(2.25rem,1.6rem + 2.76vw,3.5rem);inset-inline:0}.p-topMv__btn .c-btn{margin-inline:auto}.p-topMv__gallery{display:grid;grid-template-columns:repeat(3, 1fr);padding-inline:.75rem;gap:1rem}@media screen and (min-width: 769px){.p-topMv__gallery{padding-inline:1rem 0}}.p-topWorks{position:relative;overflow:hidden;background:var(--cl-panel);border-radius:.625rem 0 0 .625rem;margin-inline-start:2.5vw;padding-block-start:clamp(2.25rem,1.6rem + 2.76vw,3.5rem);padding-block-end:clamp(5rem,2.93rem + 8.83vw,9rem);margin-block-end:clamp(4.625rem,2.62rem + 8.55vw,8.5rem)}.p-topWorks__head{position:relative;z-index:2}.p-topWorks__ttl{padding-inline-start:1em}.p-topWorks__txt{display:none}@supports(-webkit-text-stroke: 1px var(--cl-sub-txt)){.p-topWorks__txt{margin-block:0;display:block;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke:1px var(--cl-sub-txt);opacity:.3;font-size:max(35vw,2rem);line-height:.69;text-transform:uppercase;position:absolute;top:0;right:0;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}.p-topWorks__body{padding-inline:8vw;position:relative;z-index:2}@media screen and (min-width: 769px){.p-topWorks__list{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:clamp(3.875rem,2.52rem + 5.79vw,6.5rem)}}@media screen and (min-width: 769px){.p-topWorks__item:nth-child(odd){margin-block-start:clamp(3rem,1.97rem + 4.41vw,5rem)}}.p-topWorks__btn{margin-block-start:3.5rem}@media screen and (min-width: 769px){.p-topWorks__btn{grid-column:2}}.p-topWorks__btn-link{margin-inline:auto}