:root{--nav-color: var(--pop-5);--rainbow-rotation: 0deg;--font-klee: "Klee One", cursive}body{background:linear-gradient(180deg,#F0F0F0,#E0E8F0)}.bg-lines{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.bg-line{position:absolute;opacity:.2;overflow:hidden}.bg-line:after{content:"";position:absolute;top:0;left:var(--after-left, -100%);width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent);opacity:1}.bg-line:nth-child(1){top:20%;left:-10%;width:120%;height:2px;transform:rotate(-5deg)}.bg-line:nth-child(2){top:50%;left:-20%;width:150%;height:1px;transform:rotate(10deg)}.bg-line:nth-child(3){top:80%;left:-15%;width:130%;height:3px;transform:rotate(-3deg)}.cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:var(--pop-5);border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:normal;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s,opacity .3s,box-shadow .3s;box-shadow:0 0 10px var(--pop-5)}.cursor.hovered{width:80px;height:80px;opacity:.5}header{padding:10px 3%;display:flex;justify-content:space-between;align-items:center;background:var(--c-white);border-bottom:4px solid var(--c-text);position:relative;z-index:100;height:150px}.logo-container{display:block;text-decoration:none;position:relative;width:auto;height:120px}.logo-img,.logo-glitch{height:120px;width:auto;object-fit:contain;mix-blend-mode:multiply;display:block}.logo-img{position:relative;z-index:2}.logo-glitch{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none}.logo-glitch-1{filter:drop-shadow(4px 0px 0px rgba(255,0,85,.7));animation:glitch-anim-1 4s infinite}.logo-glitch-2{filter:drop-shadow(-4px 0px 0px rgba(0,255,255,.7));animation:glitch-anim-2 4s infinite}@keyframes glitch-anim-1{0%,92%{opacity:0;transform:translate(0)}93%{opacity:.8;transform:translate(4px,-2px)}94%{opacity:.8;transform:translate(-2px,2px)}95%{opacity:0;transform:translate(0)}96%{opacity:.8;transform:translate(-3px,-1px)}97%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes glitch-anim-2{0%,92%{opacity:0;transform:translate(0)}93%{opacity:.8;transform:translate(-4px,2px)}94%{opacity:.8;transform:translate(2px,-2px)}95%{opacity:0;transform:translate(0)}96%{opacity:.8;transform:translate(3px,1px)}97%{opacity:0;transform:translate(0)}to{opacity:0;transform:translate(0)}}.logo-container:hover .logo-img{transform:scale(1.02);transition:.3s}.back-btn{font-weight:700;text-decoration:none;color:var(--c-text);border:2px solid var(--c-text);padding:10px 20px;transition:.3s;margin-right:100px}.back-btn:hover{background:var(--c-text);color:var(--c-white)}.hamburger-btn{position:fixed;top:30px;right:30px;z-index:11000;width:80px;height:80px;background:var(--c-text);border:4px solid var(--pop-2);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:background .3s;box-shadow:5px 5px #0003}.hamburger-btn:hover{background:var(--pop-1);border-color:var(--c-white)}.h-line{width:40px;height:5px;background:var(--c-white);transition:.3s;pointer-events:none;border-radius:4px}.pop-sidebar{position:fixed;top:0;right:0;width:500px;max-width:90vw;height:100vh;background:rgba(255,255,255,.95);border-left:8px solid var(--c-text);z-index:10500;transform:translate(120%) skew(-5deg);transform-origin:top right;box-shadow:-20px 0 50px #00000080;display:flex;flex-direction:column;justify-content:center;padding:40px;background-image:radial-gradient(var(--pop-5) 2px,transparent 2px);background-size:30px 30px}.menu-list{list-style:none;width:100%;text-align:right}.menu-item{margin:15px 0;perspective:1000px}.menu-link{display:inline-block;font-family:var(--font-en);font-size:4rem;font-weight:900;color:var(--c-text);text-decoration:none;line-height:1;text-transform:uppercase;position:relative;transition:.3s;padding:0 10px;background:transparent}.menu-link .menu-num{color:#0006}.menu-item:nth-child(1) .menu-link:hover{color:var(--pop-1);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(2) .menu-link:hover{color:var(--pop-2);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(3) .menu-link:hover{color:var(--pop-3);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(4) .menu-link:hover{color:var(--pop-4);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(5) .menu-link:hover{color:var(--pop-5);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(6) .menu-link:hover{color:var(--pop-6);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(7) .menu-link:hover{color:var(--pop-1);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(8) .menu-link:hover{color:var(--pop-6);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-text)}.menu-deco{position:absolute;bottom:20px;right:40px;font-family:var(--font-digi);font-size:1rem;color:var(--c-text);opacity:.5;text-align:right}.hamburger-btn.is-active{background:var(--c-white);border-color:var(--c-text);transform:rotate(0)!important}.hamburger-btn.is-active .h-line{background:var(--c-text)}.hamburger-btn.is-active .h-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-btn.is-active .h-line:nth-child(2){opacity:0}.hamburger-btn.is-active .h-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:10400;visibility:hidden;opacity:0;transition:.3s;backdrop-filter:blur(2px)}.menu-overlay.is-active{visibility:visible;opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:20000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:.3s;padding:40px}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--c-white);width:100%;max-width:1000px;height:auto;max-height:90vh;border:4px solid var(--c-text);box-shadow:20px 20px 0 var(--pop-2);position:relative;transform:scale(.95);transition:.4s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.modal-overlay.active .modal-content{transform:scale(1)}.modal-image-area{flex:1.2;position:relative;background:#222;display:none;align-items:center;justify-content:center;padding:20px;border-right:4px solid var(--c-text)}.modal-image-area.active{display:flex}.modal-art-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 20px #00000080}.modal-text-area{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center;background:var(--c-white);position:relative;overflow-y:auto}.modal-body a{color:var(--pop-4);text-decoration:underline;font-weight:700;transition:.2s;word-break:break-all}.modal-body a:hover{color:var(--pop-1);background:var(--c-text)}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:var(--pop-1);color:var(--c-white);font-weight:700;font-family:var(--font-en);display:flex;justify-content:center;align-items:center;border:2px solid var(--c-text);border-radius:50%;cursor:pointer;font-size:1.2rem;transition:.3s;z-index:10}.modal-close:hover{transform:scale(1.1) rotate(90deg);background:var(--c-text);color:var(--pop-1);border-color:var(--pop-1)}.modal-header{font-family:var(--font-en);font-size:2.5rem;margin-bottom:25px;line-height:1.2;border-bottom:4px solid var(--pop-3);padding-bottom:15px;display:inline-block;word-break:keep-all;overflow-wrap:break-word}.modal-body{font-size:1rem;line-height:1.9;font-weight:500;color:#333;word-break:keep-all;overflow-wrap:break-word}.modal-tag-label{display:inline-block;background:var(--c-text);color:var(--c-white);padding:5px 12px;font-family:var(--font-en);font-size:.9rem;margin-bottom:15px}.container{max-width:1600px;margin:0 auto;padding:80px 3%;position:relative;z-index:1;opacity:1;visibility:visible}.page-title{font-size:5rem;font-family:var(--font-en);margin-bottom:20px;line-height:.9;text-shadow:5px 5px 0 var(--c-white)}.page-desc{font-size:1.2rem;margin-bottom:80px;max-width:600px;font-weight:500;line-height:1.8;background:rgba(255,255,255,.8);padding:20px;border:2px solid var(--c-text)}.works-section{margin-bottom:40px}.section-header{font-size:3rem;font-family:var(--font-en);margin-bottom:80px;display:inline-block;background:var(--c-text);color:var(--c-white);padding:10px 30px;transform:rotate(-2deg);box-shadow:10px 10px 0 var(--pop-3);position:relative;z-index:10}.parallax-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;position:relative;padding-bottom:100px}.parallax-col{width:32%;display:flex;flex-direction:column;gap:60px;position:relative;margin:0;z-index:auto}.work-card{background:var(--c-white);border:4px solid var(--c-text);padding:20px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;display:flex;flex-direction:column;z-index:1;min-height:auto;--hover-color: var(--c-text);transform:rotate(0)}.work-card:hover{z-index:20;transform:scale(1.05)!important;border-color:var(--hover-color);box-shadow:20px 20px 0 var(--hover-color)}.work-img-box{position:relative;overflow:hidden;border:2px solid var(--c-text);margin-bottom:20px;width:100%;transition:.3s;background:#ffffff;display:flex;align-items:center;justify-content:center}.work-card:hover .work-img-box{border-color:var(--hover-color)}.ratio-wide{aspect-ratio:16/9}.ratio-tall{aspect-ratio:3/4}.ratio-square{aspect-ratio:1/1}.ratio-cinema{aspect-ratio:21/9}.ratio-banner{aspect-ratio:3.5/1}.work-img{width:100%;height:100%;object-fit:cover;transition:.5s}.work-card:hover .work-img{transform:scale(1.05)}.work-tags{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.work-tag{font-size:1.1rem;font-weight:900;background:var(--c-text);color:var(--c-white);padding:2px 8px;line-height:1.2;font-family:var(--font-jp);transition:.2s;position:relative;overflow:hidden;white-space:nowrap;border:2px solid transparent;cursor:pointer}@keyframes shake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px) rotate(-2deg)}40%{transform:translate(2px) rotate(2deg)}60%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.work-tag:hover{animation:shake .4s linear;background:var(--c-white);color:var(--c-text);border-color:var(--c-text);box-shadow:4px 4px #0003;z-index:10}.work-title{font-size:1.8rem;font-family:var(--font-jp);font-weight:900;margin-bottom:10px;line-height:1.4;pointer-events:none;word-break:keep-all;overflow-wrap:break-word}.work-desc{font-size:.95rem;color:#333;font-weight:600;line-height:1.6;pointer-events:none}.work-detail-data{display:none}.voice-section{margin-bottom:100px;position:relative;margin-top:-40px;z-index:10}.voice-bg-shape{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pop-2);opacity:.1;z-index:-1;transform:skewY(-2deg)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:50px}.voice-card{background:var(--c-white);border:4px solid var(--c-text);padding:40px;position:relative;box-shadow:10px 10px 0 var(--c-text);border-radius:20px}.voice-card:after{content:"";position:absolute;bottom:-20px;left:50px;border-width:20px 20px 0;border-style:solid;border-color:var(--c-text) transparent;display:block;width:0}.voice-card:before{content:"";position:absolute;bottom:-14px;left:54px;border-width:16px 16px 0;border-style:solid;border-color:var(--c-white) transparent;display:block;width:0;z-index:1}.voice-text{font-size:1.1rem;line-height:1.8;margin-bottom:20px;font-weight:600;font-family:var(--font-klee)}.voice-author{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:30px}.voice-icon{width:50px;height:50px;background:#ddd;border-radius:50%;border:2px solid var(--c-text);object-fit:cover}.voice-info{text-align:right}.voice-name{font-weight:900;font-size:1.1rem;display:block}.voice-attr{font-size:.8rem;color:#666;font-weight:700}.vc-1:hover{border-color:var(--pop-1);box-shadow:10px 10px 0 var(--pop-1)}.vc-1:hover .voice-name{color:var(--pop-1)}.vc-2:hover{border-color:var(--pop-4);box-shadow:10px 10px 0 var(--pop-4)}.vc-2:hover .voice-name{color:var(--pop-4)}.client-section{margin-bottom:100px;padding:40px;background:var(--c-white);border:4px solid var(--c-text);position:relative;z-index:10}.list-group{margin-bottom:40px}.list-group:last-child{margin-bottom:0}.list-header{font-family:var(--font-en);font-size:2rem;color:var(--c-white);background:var(--c-text);display:inline-block;padding:5px 20px;margin-bottom:20px;box-shadow:5px 5px 0 var(--pop-3);transform:rotate(-1deg)}.client-list{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-start;font-family:var(--font-jp);font-size:1.1rem;line-height:1.6;font-weight:500;color:#333}.client-item{transition:.2s;cursor:default;white-space:nowrap}.client-item:hover{color:var(--pop-1);transform:scale(1.1);font-weight:700}.client-sep{color:#ccc;margin:0 5px;font-weight:300;font-family:var(--font-en)}.nav-hub-container{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:100px;padding:60px 20px;border-top:4px solid var(--c-text);background:#F0F0F0;position:relative;z-index:5}.hub-main{font-family:var(--font-en);font-size:5rem;font-weight:900;color:#ccc;text-decoration:none;position:relative;line-height:1;letter-spacing:.02em;margin-right:40px;pointer-events:none}.hub-link{font-family:var(--font-en);font-size:1.8rem;font-weight:900;color:var(--c-text);text-decoration:none;padding:5px 10px;transition:.3s}.hub-link:hover{color:var(--pop-1);transform:scale(1.1)}footer{background:var(--c-text);color:var(--c-white);padding:50px 5%;text-align:center}.reveal-text{opacity:0;transform:translateY(50px)}@media (max-width: 768px){.page-title{font-size:3.5rem}.parallax-wrapper{flex-direction:column;gap:50px}.parallax-col{width:100%;margin:0!important;gap:50px}.work-card{transform:rotate(0)!important;margin:0!important;width:100%!important}.nav-hub-container{flex-direction:column;align-items:center;gap:20px;text-align:center}.hub-main{font-size:3.5rem;margin-right:0;margin-bottom:10px}.bg-line{width:200%;height:50px}.modal-content{flex-direction:column;width:95%;height:auto;max-height:85vh}.modal-image-area{border-right:none;border-bottom:4px solid var(--c-text);min-height:250px;flex:auto}.modal-text-area{padding:30px 20px;flex:auto}.modal-close{top:10px;right:10px}.client-list{font-size:1rem;justify-content:center}}