.logo-work-section{position:relative;height:160vh;overflow:hidden;background-color:#fff}.logo-work-section .arrowText{position:relative;left:0;top:80px;display:flex;justify-content:flex-start}.logo-work-section .arrowText .text{font-size:1.7rem;font-family:'Caveat',cursive;font-weight:700;line-height:1.2;width:180px;text-align:center;color:#f3ab2f}.logo-work-section .arrowText .arrow{width:60px;position:relative;transform:scaleX(-1) translateX(-120px) translateY(-30px);left:50px}.logo-work-section .intro{width:60%;font-size:2.5rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Anton',sans-serif;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#f3ab2f}.logo-work-section .logo-item img{display:block;width:8vw;min-width:110px;filter:grayscale(100%);transition:transform 0.3s,filter 0.3s}.logo-work-section .logo-item{position:absolute}.logo-work-section .logo-item img:hover{filter:grayscale(0%);transform:scale(1.1)}.logo-work-section .up .logo-item:nth-of-type(1){left:2vw;top:25vh}.logo-work-section .up .logo-item:nth-of-type(2){left:7vw;top:55vh}.logo-work-section .up .logo-item:nth-of-type(3){left:20vw;top:33vh}.logo-work-section .up .logo-item:nth-of-type(4){left:29vw;top:50vh}.logo-work-section .up .logo-item:nth-of-type(5){left:38vw;top:42vh}.logo-work-section .up .logo-item:nth-of-type(6){left:47vw;top:25vh}.logo-work-section .up .logo-item:nth-of-type(7){right:44vw;top:55vh}.logo-work-section .up .logo-item:nth-of-type(8){right:35vw;top:45vh}.logo-work-section .up .logo-item:nth-of-type(9){right:29vw;top:25vh}.logo-work-section .up .logo-item:nth-of-type(10){right:20vw;top:45vh}.logo-work-section .up .logo-item:nth-of-type(11){right:11vw;top:35vh}.logo-work-section .up .logo-item:nth-of-type(12){right:2vw;top:55vh}.logo-work-section .down .logo-item:nth-of-type(1){left:2vw;bottom:25vh}.logo-work-section .down .logo-item:nth-of-type(2){left:11vw;bottom:55vh}.logo-work-section .down .logo-item:nth-of-type(3){left:20vw;bottom:33vh}.logo-work-section .down .logo-item:nth-of-type(4){left:29vw;bottom:55vh}.logo-work-section .down .logo-item:nth-of-type(5){left:38vw;bottom:45vh}.logo-work-section .down .logo-item:nth-of-type(6){left:44vw;bottom:25vh}.logo-work-section .down .logo-item:nth-of-type(7){right:38vw;bottom:45vh}.logo-work-section .down .logo-item:nth-of-type(8){right:29vw;bottom:35vh}.logo-work-section .down .logo-item:nth-of-type(9){right:20vw;bottom:55vh}.logo-work-section .down .logo-item:nth-of-type(10){right:11vw;bottom:35vh}.logo-work-section .down .logo-item:nth-of-type(11){right:2vw;bottom:43vh}@media (max-width:768px){.logo-work-section{height:auto;padding:280px 0 260px}.logo-work-section .intro{position:relative;top:auto;left:auto;transform:none;width:100%;padding:1.5rem 2rem;margin:0 auto 24px;font-size:1.8rem;line-height:1.15;z-index:2}.logo-work-section .arrowText{position:absolute;top:24px;left:50%;transform:translateX(-50%);flex-direction:column;align-items:center;gap:6px;margin-bottom:0;z-index:3}.logo-work-section .arrowText .text{font-size:1.1rem;width:140px}.logo-work-section .arrowText .arrow{width:40px;transform:translateX(36px) rotate(18deg)}.logo-work-section .logo-container{position:absolute;inset:0;pointer-events:none}.logo-work-section .up,.logo-work-section .down{position:absolute;left:0;right:0;height:240px}.logo-work-section .up{top:24px}.logo-work-section .down{bottom:24px}.logo-work-section .logo-item{position:absolute}.logo-work-section .logo-item img{width:clamp(58px, 18vw, 105px);min-width:0}.logo-work-section .up .logo-item:nth-of-type(2),.logo-work-section .up .logo-item:nth-of-type(4),.logo-work-section .up .logo-item:nth-of-type(8),.logo-work-section .up .logo-item:nth-of-type(9),.logo-work-section .up .logo-item:nth-of-type(10),.logo-work-section .up .logo-item:nth-of-type(11){display:none}.logo-work-section .down .logo-item:nth-of-type(2),.logo-work-section .down .logo-item:nth-of-type(4),.logo-work-section .down .logo-item:nth-of-type(6),.logo-work-section .down .logo-item:nth-of-type(8),.logo-work-section .down .logo-item:nth-of-type(9){display:none}.logo-work-section .up .logo-item:nth-of-type(1){left:2vw;top:4px}.logo-work-section .up .logo-item:nth-of-type(2){left:18vw;top:68px}.logo-work-section .up .logo-item:nth-of-type(3){left:6vw;top:148px}.logo-work-section .up .logo-item:nth-of-type(4){left:38vw;top:16px}.logo-work-section .up .logo-item:nth-of-type(5){left:52vw;top:88px}.logo-work-section .up .logo-item:nth-of-type(6){left:66vw;top:6px}.logo-work-section .up .logo-item:nth-of-type(7){right:6vw;top:134px}.logo-work-section .up .logo-item:nth-of-type(8){right:30vw;top:182px}.logo-work-section .up .logo-item:nth-of-type(9){left:28vw;top:170px}.logo-work-section .up .logo-item:nth-of-type(10){right:40vw;top:114px}.logo-work-section .up .logo-item:nth-of-type(11){right:14vw;top:58px}.logo-work-section .up .logo-item:nth-of-type(12){right:2vw;top:22px}.logo-work-section .down .logo-item:nth-of-type(1){left:3vw;top:10px}.logo-work-section .down .logo-item:nth-of-type(2){left:20vw;top:72px}.logo-work-section .down .logo-item:nth-of-type(3){left:6vw;top:164px}.logo-work-section .down .logo-item:nth-of-type(4){left:38vw;top:20px}.logo-work-section .down .logo-item:nth-of-type(5){left:52vw;top:98px}.logo-work-section .down .logo-item:nth-of-type(6){left:66vw;top:32px}.logo-work-section .down .logo-item:nth-of-type(7){right:6vw;top:152px}.logo-work-section .down .logo-item:nth-of-type(8){right:28vw;top:186px}.logo-work-section .down .logo-item:nth-of-type(9){right:42vw;top:126px}.logo-work-section .down .logo-item:nth-of-type(10){right:16vw;top:70px}.logo-work-section .down .logo-item:nth-of-type(11){right:2vw;top:24px}}@media (max-width:768px){.logo-work-section .intro{font-size:1.6rem}.logo-work-section .arrowText{top:0;left:60%;gap:4px}.logo-work-section .arrowText .text{font-size:1rem;width:120px}.logo-work-section .arrowText .arrow{width:34px;transform:translateX(28px) rotate(18deg);left:-60px;top:-20px}.logo-work-section .logo-item img{width:clamp(54px, 20vw, 96px)}}