.portfolio-item[data-v-5520c8ad]{margin-bottom:var(--space-24);opacity:0;transform:translateY(30px);transition:all .6s ease}.portfolio-item.animate-in[data-v-5520c8ad]{opacity:1;transform:translateY(0)}.portfolio-header[data-v-5520c8ad]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-200)}.portfolio-info[data-v-5520c8ad]{flex:1}.portfolio-title[data-v-5520c8ad]{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.portfolio-subtitle[data-v-5520c8ad]{font-size:var(--font-size-lg);color:var(--color-gray-600)}.portfolio-controls[data-v-5520c8ad]{display:flex;gap:var(--space-3)}.control-btn[data-v-5520c8ad]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s ease;position:relative}.control-btn svg[data-v-5520c8ad]{width:24px;height:24px;stroke:var(--color-gray-700);transition:all .25s ease}.control-btn[data-v-5520c8ad]:hover{background:var(--color-gray-100);border-color:var(--color-navy);transform:translateY(-2px)}.control-btn:hover svg[data-v-5520c8ad]{stroke:var(--color-navy)}.control-btn[data-v-5520c8ad]:active{transform:translateY(0)}.refresh-btn.refreshing svg[data-v-5520c8ad]{animation:rotate-5520c8ad .6s ease-in-out}@keyframes rotate-5520c8ad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-preview-wrapper[data-v-5520c8ad]{position:relative;width:100%;background:var(--color-gray-100);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);margin-bottom:var(--space-8);transition:all .25s ease}.portfolio-preview-wrapper.desktop-view[data-v-5520c8ad]{aspect-ratio:16 / 9}.portfolio-preview-wrapper.mobile-view[data-v-5520c8ad]{max-width:375px;margin:0 auto var(--space-8);aspect-ratio:9 / 16}.portfolio-preview[data-v-5520c8ad]{position:relative;width:100%;height:100%;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.preview-iframe[data-v-5520c8ad]{width:100%;height:100%;border:none;display:block;background:var(--color-white)}.iframe-blocked-message[data-v-5520c8ad]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:var(--space-8);background:linear-gradient(135deg,#f8f9ff,#fff);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);text-align:center}.iframe-blocked-message>svg[data-v-5520c8ad]{width:64px;height:64px;stroke:var(--color-gray-400);margin-bottom:var(--space-4)}.iframe-blocked-message h3[data-v-5520c8ad]{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.iframe-blocked-message p[data-v-5520c8ad]{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--space-6);max-width:400px}.visit-site-btn[data-v-5520c8ad]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-navy);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:all .25s ease;box-shadow:0 4px 14px #2f318b40}.visit-site-btn[data-v-5520c8ad]:hover{background:var(--color-navy-dark);transform:translateY(-2px);box-shadow:0 6px 20px #2f318b59}.visit-site-btn svg[data-v-5520c8ad]{width:18px;height:18px;stroke:currentColor}.portfolio-case-study[data-v-5520c8ad]{background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-gray-200)}.case-study-title[data-v-5520c8ad]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-6)}.case-study-title svg[data-v-5520c8ad]{width:28px;height:28px;stroke:var(--color-navy)}.case-study-content h4[data-v-5520c8ad]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin-top:var(--space-6);margin-bottom:var(--space-3)}.case-study-content h4[data-v-5520c8ad]:first-child{margin-top:0}.case-study-content p[data-v-5520c8ad]{font-size:var(--font-size-base);line-height:1.7;color:var(--color-gray-700);margin-bottom:var(--space-4)}.tech-tags[data-v-5520c8ad]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tech-tag[data-v-5520c8ad]{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-navy);color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);transition:all .25s ease}.tech-tag[data-v-5520c8ad]:hover{background:var(--color-navy-dark);transform:translateY(-2px)}.features-list[data-v-5520c8ad]{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.features-list li[data-v-5520c8ad]{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-2);font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.6}.features-list li[data-v-5520c8ad]:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;background:var(--color-cyan);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700}@media(max-width:1024px){.portfolio-item[data-v-5520c8ad]{margin-bottom:var(--space-16)}.portfolio-title[data-v-5520c8ad]{font-size:var(--font-size-2xl)}.portfolio-case-study[data-v-5520c8ad]{padding:var(--space-6)}}@media(max-width:768px){.portfolio-item[data-v-5520c8ad]{margin-bottom:var(--space-12)}.portfolio-header[data-v-5520c8ad]{flex-direction:column;gap:var(--space-4)}.portfolio-controls[data-v-5520c8ad]{width:100%;justify-content:flex-end}.portfolio-title[data-v-5520c8ad]{font-size:var(--font-size-xl)}.portfolio-subtitle[data-v-5520c8ad]{font-size:var(--font-size-base)}.control-btn[data-v-5520c8ad]{width:44px;height:44px}.control-btn svg[data-v-5520c8ad]{width:20px;height:20px}.portfolio-preview-wrapper.mobile-view[data-v-5520c8ad]{max-width:100%;aspect-ratio:9 / 16}.portfolio-case-study[data-v-5520c8ad]{padding:var(--space-5)}.case-study-title[data-v-5520c8ad]{font-size:var(--font-size-xl)}.case-study-content h4[data-v-5520c8ad]{font-size:var(--font-size-base)}.tech-tags[data-v-5520c8ad]{gap:var(--space-2)}.tech-tag[data-v-5520c8ad]{padding:var(--space-1) var(--space-3);font-size:.75rem}}@media(max-width:480px){.portfolio-title[data-v-5520c8ad]{font-size:var(--font-size-lg)}.case-study-title[data-v-5520c8ad]{font-size:var(--font-size-lg);gap:var(--space-2)}.case-study-title svg[data-v-5520c8ad]{width:24px;height:24px}}