.masterpiece-section[data-v-6538817a]{--cursor-green:#22c55e;--tag-purple:var(--brand-purple);--card-width:150px;--card-height:190px;--accent-black:#1a1a1a;background:transparent;background-position:top;background-repeat:no-repeat;background-size:120%;margin-top:calc(var(--nav-offset)*-1);overflow:hidden;padding:var(--section-py) 0;padding-top:calc(var(--section-py) + var(--nav-offset));position:relative;text-align:center;z-index:1}.masterpiece-section[data-v-6538817a]:before{backface-visibility:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3000' height='3000' viewBox='0 0 3000 3000'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cellipse cx='10' cy='10' rx='.75' ry='.65'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h3000v3000H0z'/%3E%3C/svg%3E");content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent);opacity:.3;pointer-events:none;transform:translateZ(0);z-index:-1}.tags-container[data-v-6538817a]{height:120px;position:relative}.cursor-wrapper[data-v-6538817a]{align-items:flex-start;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;z-index:10}.user-left[data-v-6538817a]{animation:drift-left-6538817a 8s ease-in-out infinite alternate}.user-right[data-v-6538817a]{animation:drift-right-6538817a 10s ease-in-out infinite alternate}@keyframes drift-left-6538817a{0%{transform:translate(-350px,-20px)}50%{transform:translate(-150px,40px)}to{transform:translate(-280px,10px)}}@keyframes drift-right-6538817a{0%{transform:translate(100px,50px)}50%{transform:translate(320px,-30px)}to{transform:translate(180px,20px)}}.custom-cursor[data-v-6538817a]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:20px;margin-bottom:-4px;margin-left:-2px;width:20px}.custom-cursor path[data-v-6538817a]{fill:var(--brand-teal)}.tag[data-v-6538817a]{background:var(--tag-purple);border-radius:4px 20px 20px;box-shadow:0 4px 12px #a855f740;color:#fff;font-size:.75rem;font-weight:600;padding:6px 14px;white-space:nowrap}.card-stack[data-v-6538817a]{display:flex;padding-left:50px}.art-card[data-v-6538817a]{align-items:center;animation:jiggle-6538817a 4.5s ease-in-out infinite alternate;background:#fff;border:1px solid #eee;border-bottom:3px solid var(--brand-purple)!important;border-radius:24px;box-shadow:-10px 0 30px #00000008;display:flex;flex:0 0 auto;flex-direction:column;height:var(--card-height);justify-content:center;margin-left:-50px;position:relative;transition:all .5s cubic-bezier(.23,1,.32,1);width:var(--card-width)}.art-card[data-v-6538817a]:hover{border-color:#ddd;box-shadow:0 20px 40px #0000001a;transform:translateY(-25px) scale(1.08) rotate(0)!important;z-index:100!important}@keyframes jiggle-6538817a{0%{transform:rotate(var(--base-rotation)) translate(0)}to{transform:rotate(calc(var(--base-rotation) + 1.5deg)) translate(2px,-8px)}}.svg-container[data-v-6538817a] svg{height:48px;margin-bottom:12px;width:48px}.art-card span[data-v-6538817a]{color:#999;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tech-vue[data-v-6538817a]{--base-rotation:-10deg;border-bottom:3px solid #42b883;z-index:1}.tech-ts[data-v-6538817a]{--base-rotation:-5deg;border-bottom:3px solid #3178c6;z-index:2}.tech-node[data-v-6538817a]{--base-rotation:-1deg;border-bottom:3px solid #393;z-index:3}.tech-python[data-v-6538817a]{--base-rotation:2deg;border-bottom:3px solid #ffd343;z-index:4}.tech-laravel[data-v-6538817a]{--base-rotation:7deg;border-bottom:3px solid #ff2d20;z-index:5}.tech-react[data-v-6538817a]{--base-rotation:12deg;border-bottom:3px solid #61dafb;z-index:6}.footer-content p[data-v-6538817a]{color:var(--text-main);font-size:var(--fs-body-large);line-height:1.7;margin:0 auto 40px;max-width:500px}.gallery-wrapper[data-v-6538817a]{display:flex;justify-content:center;overflow-x:auto;padding:40px 0;scrollbar-width:none}.gallery-wrapper[data-v-6538817a]::-webkit-scrollbar{display:none}@media(max-width:768px){.art-card[data-v-6538817a]{--card-width:100px;--card-height:145px}.cursor-wrapper[data-v-6538817a]{display:none}.gallery-wrapper[data-v-6538817a]{margin-left:50%;overflow-x:visible;padding-left:20px;padding-right:20px;transform:translate(-50%);width:100vw}}@media(max-width:768px){.svg-container[data-v-6538817a] svg{height:28px;width:28px}.card-stack[data-v-6538817a]{padding-left:20px}.art-card[data-v-6538817a]{margin-left:-30px}.cursor-wrapper[data-v-6538817a]{display:flex}.user-left[data-v-6538817a]{animation:drift-left-mobile-6538817a 6s ease-in-out infinite alternate}.user-right[data-v-6538817a]{animation:drift-right-mobile-6538817a 7s ease-in-out infinite alternate}@keyframes drift-left-mobile-6538817a{0%{transform:translate(-120px,-10px)}50%{transform:translate(-60px,20px)}to{transform:translate(-100px,5px)}}@keyframes drift-right-mobile-6538817a{0%{transform:translate(40px,20px)}50%{transform:translate(120px,-10px)}to{transform:translate(80px,10px)}}}.hero-section[data-v-f9f97cf3]{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.title-group[data-v-f9f97cf3]{margin:-30px 0;max-width:800px;pointer-events:none;text-align:center;z-index:50}h2[data-v-f9f97cf3]{font-size:var(--fs-h2);font-weight:var(--fw-bold);margin:0}h2[data-v-f9f97cf3],p[data-v-f9f97cf3]{color:var(--text-main)}p[data-v-f9f97cf3]{font-size:var(--fs-body);margin-top:10px}.stack-layer[data-v-f9f97cf3]{flex-wrap:wrap;gap:15px;max-width:1200px;padding:20px;position:relative;width:100%;z-index:1}.stack-layer[data-v-f9f97cf3],.tech-card[data-v-f9f97cf3]{display:flex;justify-content:center}.tech-card[data-v-f9f97cf3]{align-items:center;animation:tech-yoyo-f9f97cf3 var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay);background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 10px 30px #0000000d;font-size:.85rem;font-weight:700;height:110px;width:110px}@keyframes tech-yoyo-f9f97cf3{0%{transform:translate(var(--x-start),var(--y-start)) rotate(var(--rot-start))}to{transform:translate(var(--x-end),var(--y-end)) rotate(var(--rot-end))}}@media(max-width:768px){.tech-card[data-v-f9f97cf3]{border-radius:16px;font-size:.65rem;height:75px;width:75px}.stack-layer[data-v-f9f97cf3]{gap:10px}.title-group[data-v-f9f97cf3]{margin:-10px 0}}