.text-orange[data-v-eca17637]{color:#fb251a}.portfolio[data-v-eca17637]{background-color:#faf8f4}.portfolio__header[data-v-eca17637]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.portfolio__filters[data-v-eca17637]{flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;display:flex}.filter-btn[data-v-eca17637]{color:#7a6e64;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #e0d5c5;border-radius:9999px;min-height:40px;padding:.5rem 1.5rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s}.filter-btn[data-v-eca17637]:hover{color:#fb251a;border-color:#fb251a}.filter-btn--active[data-v-eca17637]{color:#fff;background-color:#fb251a;border-color:#fb251a;box-shadow:0 8px 30px #fb251a4d}.portfolio__grid-inner[data-v-eca17637]{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}@media (width<=900px){.portfolio__grid-inner[data-v-eca17637]{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.portfolio__grid-inner[data-v-eca17637]{grid-template-columns:1fr}}.project-card[data-v-eca17637]{background-color:#fff;border:1px solid #e0d5c5;border-radius:24px;transition:box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 1px 3px #19030314,0 1px 2px #1903030d}.project-card[data-v-eca17637]:hover{transform:translateY(-6px);box-shadow:0 12px 40px #19030324,0 4px 12px #19030314}.project-card:hover .project-card__overlay[data-v-eca17637]{opacity:1}.project-card__preview[data-v-eca17637]{height:220px;padding:1rem;position:relative;overflow:hidden}@media (width<=480px){.project-card__preview[data-v-eca17637]{height:180px}}.project-card__overlay[data-v-eca17637]{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#19030373;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-card__browser[data-v-eca17637]{background:#fff;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 16px #1903031a,0 2px 6px #1903030f}.browser-bar[data-v-eca17637]{background-color:#f0ead6;border-bottom:1px solid #e0d5c5;align-items:center;gap:.5rem;padding:6px 10px;display:flex}.browser-dots[data-v-eca17637]{flex-shrink:0;gap:4px;display:flex}.browser-dots span[data-v-eca17637]{border-radius:9999px;width:7px;height:7px}.browser-dots span[data-v-eca17637]:first-child{background:#ff5f57}.browser-dots span[data-v-eca17637]:nth-child(2){background:#febc2e}.browser-dots span[data-v-eca17637]:nth-child(3){background:#28c840}.browser-url[data-v-eca17637]{color:#7a6e64;background:#fff;border:1px solid #e0d5c5;border-radius:3px;padding:1px 8px;font-family:monospace;font-size:10px}.browser-content[data-v-eca17637]{flex-direction:column;flex:1;display:flex;overflow:hidden}.mock-nav[data-v-eca17637]{background:#f0ead6;border-bottom:1px solid #e0d5c5;height:24px}.mock-hero[data-v-eca17637]{opacity:.8;height:60px}.mock-grid[data-v-eca17637]{flex:1;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;display:grid}.mock-grid .mock-block[data-v-eca17637]{background:#f0ead6;border-radius:3px}.iframe-wrapper[data-v-eca17637]{flex:1;min-height:0;position:relative;overflow:hidden}.site-iframe[data-v-eca17637]{transform-origin:0 0;pointer-events:none;border:none;width:1280px;height:800px;display:block}.iframe-overlay[data-v-eca17637]{z-index:1;background:#faf8f4;flex-direction:column;display:flex;position:absolute;inset:0}.iframe-fade-leave-active[data-v-eca17637]{transition:opacity .4s}.iframe-fade-leave-to[data-v-eca17637]{opacity:0}.project-card__info[data-v-eca17637]{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.project-card__meta[data-v-eca17637]{justify-content:space-between;align-items:center;display:flex}.project-tag[data-v-eca17637]{letter-spacing:.05em;text-transform:uppercase;color:#fb251a;background-color:#fd857f;border-radius:9999px;padding:3px .75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600}.project-year[data-v-eca17637]{color:#7a6e64;font-size:.75rem}.project-card__title[data-v-eca17637]{color:#190303;font-size:1.25rem;font-weight:700;line-height:1.3}.project-card__desc[data-v-eca17637]{color:#7a6e64;font-size:.875rem;line-height:1.6}.project-card__tech[data-v-eca17637]{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.tech-pill[data-v-eca17637]{color:#8b7355;background-color:#c0ae98;border:1px solid #a89071;border-radius:9999px;padding:2px .75rem;font-size:.75rem}.portfolio__cta[data-v-eca17637]{text-align:center}.portfolio-item-enter-active[data-v-eca17637],.portfolio-item-leave-active[data-v-eca17637]{transition:opacity .3s,transform .3s}.portfolio-item-enter-from[data-v-eca17637],.portfolio-item-leave-to[data-v-eca17637]{opacity:0;transform:scale(.95)}