.work-style[data-v-c4b0c627]{background-color:var(--4cb06e26);margin:var(--189e5f3d);padding:var(--cdccd73c)}@media (max-width:1200px){.work-style[data-v-c4b0c627]{margin:var(--04a01da6);padding:var(--563a4072)}}@media (max-width:480px){.work-style[data-v-c4b0c627]{margin:var(--dac30a4a);padding:var(--5f1cec84)}}.work-style .navigation[data-v-c4b0c627]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--636a5e2e);justify-content:center;margin:var(--21655756)}.work-style .navigation .list[data-v-c4b0c627]{position:relative}.work-style .navigation .list.active .box[data-v-c4b0c627],.work-style .navigation .list.active[data-v-c4b0c627]:after,.work-style .navigation .list.active[data-v-c4b0c627]:before,.work-style .navigation .list:hover .box[data-v-c4b0c627],.work-style .navigation .list[data-v-c4b0c627]:hover:after,.work-style .navigation .list[data-v-c4b0c627]:hover:before{background-color:var(--78fe4f7b);border-color:var(--677eff89)}.work-style .navigation .list.active .box[data-v-c4b0c627],.work-style .navigation .list:hover .box[data-v-c4b0c627]{color:var(--677eff89)}.work-style .navigation .list .box[data-v-c4b0c627]{background-color:var(--7926fba6);border:var(--0f6545d4);border-radius:var(--c48c20f4);color:var(--321988bb);display:block;font-weight:var(--1481414f);padding:var(--ad9cc12e);transform:skew(-20deg);transition:unset}@media (max-width:480px){.work-style .navigation .list .box[data-v-c4b0c627]{padding:5px 15px;transform:skew(0)}}.work-style .navigation .list .box p[data-v-c4b0c627]{transform:skew(20deg)}@media (max-width:480px){.work-style .navigation .list .box p[data-v-c4b0c627]{transform:skew(0)}}.work-style .navigation .first[data-v-c4b0c627]:before{border-bottom:var(--0f6545d4);border-bottom-left-radius:var(--c48c20f4);border-left:var(--0f6545d4);border-top:var(--0f6545d4);border-top-left-radius:var(--c48c20f4);left:-10px;z-index:1}.work-style .navigation .first[data-v-c4b0c627]:before,.work-style .navigation .last[data-v-c4b0c627]:after{background-color:var(--7926fba6);bottom:0;content:"";font-size:16px;font-weight:var(--1481414f);padding:20px;position:absolute;top:0}.work-style .navigation .last[data-v-c4b0c627]:after{border-bottom:var(--0f6545d4);border-bottom-right-radius:var(--c48c20f4);border-right:var(--0f6545d4);border-top:var(--0f6545d4);border-top-right-radius:var(--c48c20f4);right:-10px}@media (max-width:480px){.work-style .navigation .first[data-v-c4b0c627]:after,.work-style .navigation .first[data-v-c4b0c627]:before,.work-style .navigation .last[data-v-c4b0c627]:after,.work-style .navigation .last[data-v-c4b0c627]:before{display:none}}.work-style .overlay[data-v-c4b0c627]{background-color:var(--42fd6209);top:0;right:0;bottom:0;left:0;position:absolute;z-index:var(--521501a6)}.work-style .banner-box[data-v-c4b0c627],.work-style .overlay[data-v-c4b0c627]{border-radius:var(--5f6f48f9)}.work-style .banner-box[data-v-c4b0c627]{background-repeat:no-repeat;background-size:cover;height:var(--8350e2fc);position:relative;width:100%}.work-style .banner-box .content[data-v-c4b0c627]{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeToTop-c4b0c627;height:100%;width:100%}.work-style .banner-box .content .title-box[data-v-c4b0c627]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.work-style .banner-box .content .title-box .big-title[data-v-c4b0c627]{color:var(--046a9988);font-weight:var(--8fa8aebc);letter-spacing:var(--651c133c);text-align:var(--b6dbbe94);text-shadow:var(--51a279a8);z-index:1}.work-style .banner-box .content .title-box .small-title[data-v-c4b0c627]{color:var(--7f2b6fd8);font-weight:var(--a9f7775c);letter-spacing:var(--125f7cb2);margin-top:var(--658ebabc);text-align:var(--d12a8734);text-shadow:var(--447b1558);width:var(--ff7b238a);z-index:1}@keyframes fadeToTop-c4b0c627{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}