.section-container[data-v-27e9d726]{margin:0 auto;max-width:1280px;padding:0 24px}.text-center[data-v-27e9d726]{text-align:center}.portfolio-hero[data-v-27e9d726]{background:#212121;padding:calc(5rem + 48px) 0 48px;position:relative}@media (min-width:768px){.portfolio-hero[data-v-27e9d726]{padding:calc(5rem + 64px) 0 64px}}.hero-pattern[data-v-27e9d726]{background-image:radial-gradient(circle at 2px 2px,#fff 1px,transparent 0);background-size:32px 32px;top:0;right:0;bottom:0;left:0;opacity:.03;position:absolute}.hero-content[data-v-27e9d726]{margin:0 auto;max-width:1280px;padding:0 24px;position:relative}.back-link[data-v-27e9d726]{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;margin-bottom:24px;transition:color .2s}.back-link[data-v-27e9d726]:hover{color:#fffc}.hero-title[data-v-27e9d726]{color:#fff;font-size:30px;font-weight:700;letter-spacing:-.025em}@media (min-width:768px){.hero-title[data-v-27e9d726]{font-size:48px}}.style-tabs[data-v-27e9d726]{background:#fff;border-bottom:1px solid #eee;position:sticky;top:5rem;z-index:9}.tabs-inner[data-v-27e9d726]{margin:0 auto;max-width:1280px;padding:0 16px}@media (min-width:768px){.tabs-inner[data-v-27e9d726]{padding:0 24px}}.tabs-scroll[data-v-27e9d726]{align-items:center;display:flex;gap:4px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.tabs-scroll[data-v-27e9d726]::-webkit-scrollbar{display:none}@media (min-width:768px){.tabs-scroll[data-v-27e9d726]{padding:12px 0}}.space-tab[data-v-27e9d726]{align-items:center;background:#fff;border:1px solid #eee;border-radius:9999px;color:#bdbdbd;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.space-tab[data-v-27e9d726]:hover{background:#fafafa}.space-tab--active[data-v-27e9d726]{border-color:transparent;box-shadow:0 2px 8px #0000001a;color:#fff}@media (min-width:768px){.space-tab[data-v-27e9d726]{font-size:14px;gap:8px;padding:10px 16px}}.space-tab i[data-v-27e9d726]{font-size:14px}.style-cards-section[data-v-27e9d726]{padding:40px 0}@media (min-width:768px){.style-cards-section[data-v-27e9d726]{padding:56px 0}}.style-grid[data-v-27e9d726]{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.style-grid[data-v-27e9d726]{grid-template-columns:repeat(2,1fr)}}.style-card[data-v-27e9d726]{background:#fff;border:1px solid #eee;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;text-align:left;transition:all .2s}.style-card[data-v-27e9d726]:hover{border-color:#ccc;box-shadow:0 8px 24px #0000001a}.style-card:hover .style-card-image img[data-v-27e9d726]{transform:scale(1.05)}.style-card:hover .style-card-link i[data-v-27e9d726]{transform:translate(4px)}.style-card-image[data-v-27e9d726]{height:224px;overflow:hidden;position:relative}@media (min-width:768px){.style-card-image[data-v-27e9d726]{height:256px}}.style-card-image img[data-v-27e9d726]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.style-card-overlay[data-v-27e9d726]{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.2),transparent);top:0;right:0;bottom:0;left:0;position:absolute}.style-card-info[data-v-27e9d726]{bottom:16px;left:16px;position:absolute;right:16px}.style-card-name[data-v-27e9d726]{color:#fff;font-size:24px;font-weight:700}.style-card-count[data-v-27e9d726]{color:#ffffffb3;font-size:14px;margin-top:4px}.style-card-footer[data-v-27e9d726]{align-items:center;display:flex;justify-content:space-between;padding:20px}.style-card-link[data-v-27e9d726]{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:4px}.style-card-link i[data-v-27e9d726]{transition:transform .2s}.portfolio-cta-section[data-v-27e9d726]{background:#fafafa;border-top:1px solid #eee;padding:56px 0}@media (min-width:768px){.portfolio-cta-section[data-v-27e9d726]{padding:72px 0}}.cta-title[data-v-27e9d726]{color:#212121;font-size:20px;font-weight:700}@media (min-width:768px){.cta-title[data-v-27e9d726]{font-size:24px}}.cta-btn[data-v-27e9d726]{align-items:center;background:#d4a853;border:none;border-radius:12px;box-shadow:0 4px 16px #d4a85333;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-top:24px;padding:14px 32px;transition:all .2s;white-space:nowrap}.cta-btn[data-v-27e9d726]:hover{background:#c49a4a}