.work-filter-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--pill-accent,#64748b) 45%,transparent);background:hsla(0,0%,100%,.04);color:color-mix(in srgb,var(--pill-accent,#94a3b8) 78%,#f8fafc 22%);font-size:.8125rem;font-weight:500;letter-spacing:.01em;line-height:1.2;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.work-filter-pill:hover{color:#f8fafc;background:hsla(0,0%,100%,.08);border-color:color-mix(in srgb,var(--pill-accent,#64748b) 58%,transparent)}.work-filter-pill:focus-visible{outline:2px solid color-mix(in srgb,var(--pill-accent,#94a3b8) 70%,transparent);outline-offset:2px}.work-filter-pill.work-filter-pill--active:not(.work-filter-pill--all){color:#fff;background:color-mix(in srgb,var(--pill-accent) 14%,hsla(0,0%,100%,.06));border-color:color-mix(in srgb,var(--pill-accent) 72%,transparent)}.work-filter-pill.work-filter-pill--all{--pill-accent:#94a3b8}.work-filter-pill.work-filter-pill--all.work-filter-pill--active{color:#fff;background:hsla(0,0%,100%,.1);border-color:rgba(192,132,252,.75);box-shadow:none}.work-filter-pill__icon{flex-shrink:0;opacity:.92}.work-filter-pill--active .work-filter-pill__icon{opacity:1}@media (prefers-reduced-motion:reduce){.work-filter-pill{transition:none}}html[data-theme=light] .work-filter-pill{background:rgba(15,23,42,.04);color:color-mix(in srgb,var(--pill-accent,#64748b) 55%,#0f172a 45%);border-color:color-mix(in srgb,var(--pill-accent,#64748b) 38%,transparent)}html[data-theme=light] .work-filter-pill:hover{color:#0f172a;background:rgba(15,23,42,.07)}html[data-theme=light] .work-filter-pill.work-filter-pill--active:not(.work-filter-pill--all){color:#0f172a;background:color-mix(in srgb,var(--pill-accent) 12%,rgba(15,23,42,.04))}html[data-theme=light] .work-filter-pill.work-filter-pill--all.work-filter-pill--active{color:#0f172a;background:rgba(15,23,42,.06);border-color:rgba(124,58,237,.45)}.work-page-section .work-card-animate{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out;content-visibility:auto;contain-intrinsic-size:auto 320px}.work-page-section .work-card-animate.work-card-visible{opacity:1;transform:translateY(0)}@media (max-width:767px){.work-page-section .work-card-inner{backdrop-filter:none;background:rgba(17,24,39,.98)}}.work-hero-wrapper{position:relative;overflow:hidden;isolation:isolate;background:#000;min-height:440px}@media (min-width:768px){.work-hero-wrapper{min-height:580px}}.work-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px;background:rgba(0,0,0,.5);box-sizing:border-box}@media (min-width:768px){.work-hero-overlay{padding:64px 24px}}.work-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sora,system-ui);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#c4b5fd;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);padding:6px 16px;border-radius:20px;margin-bottom:20px}.work-hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 6px #c4b5fd;animation:work-hero-pulse 2s infinite}@keyframes work-hero-pulse{0%,to{opacity:1}50%{opacity:.3}}.work-hero-title{font-family:var(--font-hatton),"PP Hatton Light Italic",Georgia,serif;font-style:italic;font-weight:300;font-size:clamp(42px,6.5vw,80px);line-height:1.04;letter-spacing:-.01em;color:#fff;max-width:900px;margin:0 auto 18px;position:relative}.work-hero-title em{font-style:italic;color:#fff;background:linear-gradient(135deg,#ec4899,#a855f7 60%,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-hero-sub{font-family:var(--font-sora,system-ui);font-size:.95rem;color:#cbd5e1;line-height:1.65;max-width:640px;margin:0 auto}@media (min-width:768px){.work-hero-sub{font-size:1.05rem}}.work-hero-figma{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:520px}.work-hero-figma-tease{font-family:var(--font-sora,system-ui);font-size:.875rem;color:#94a3b8;line-height:1.45;margin:0}.work-hero-figma-logo-svg{display:block;flex-shrink:0;width:14px;height:21px;color:#94a3b8}.work-hero-figma-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-sora,system-ui);font-size:.9rem;font-weight:600;letter-spacing:.01em;color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;border:1px solid hsla(0,0%,100%,.28);background:hsla(0,0%,100%,.06);transform:scale(1);transform-origin:center;transition:transform .18s ease}.work-hero-figma-btn:focus-visible,.work-hero-figma-btn:hover{background:linear-gradient(to top right,#ec4899,#a855f7 55%,#60a5fa);border-color:hsla(0,0%,100%,.12);transform:scale(1.03)}.work-hero-figma-btn:focus-visible .work-hero-figma-logo-svg,.work-hero-figma-btn:hover .work-hero-figma-logo-svg{color:#fff}.work-hero-figma-btn:focus-visible{outline:2px solid rgba(192,139,255,.9);outline-offset:3px}@media (prefers-reduced-motion:reduce){.work-hero-figma-btn{transition:none}.work-hero-figma-btn:focus-visible,.work-hero-figma-btn:hover{transform:scale(1)}}html[data-theme=light] .work-page-section .work-card-inner{background:hsla(0,0%,100%,.88)!important;border-color:rgba(15,23,42,.1)!important}@media (max-width:767px){html[data-theme=light] .work-page-section .work-card-inner{background:#f1f2f6!important}}html[data-theme=light] .work-hero-wrapper{background:#f4f4f8}html[data-theme=light] .work-hero-overlay{background:hsla(0,0%,100%,.42)}html[data-theme=light] .work-hero-title{color:#0f172a}html[data-theme=light] .work-hero-sub{color:#475569}html[data-theme=light] .work-hero-eyebrow{color:#6d28d9;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.22)}html[data-theme=light] .work-hero-eyebrow:before{background:#7c3aed;box-shadow:0 0 6px #7c3aed}html[data-theme=light] .work-hero-figma-logo-svg,html[data-theme=light] .work-hero-figma-tease{color:#64748b}html[data-theme=light] .work-hero-figma-btn{color:#0f172a;border-color:rgba(15,23,42,.14);background:hsla(0,0%,100%,.75)}html[data-theme=light] .work-hero-figma-btn:focus-visible,html[data-theme=light] .work-hero-figma-btn:hover{color:#fff;border-color:hsla(0,0%,100%,.12)}html[data-theme=light] .work-hero-figma-btn:focus-visible .work-hero-figma-logo-svg,html[data-theme=light] .work-hero-figma-btn:hover .work-hero-figma-logo-svg{color:#fff}html[data-theme=light] .work-page-section .from-purple-900\/60.via-black.to-pink-900\/40{background:linear-gradient(to bottom right,rgba(243,232,255,.95),#f1f5f9,rgba(253,242,248,.9))!important}html[data-theme=light] .work-page-section .border-black\/70{background-color:hsla(0,0%,100%,.9)!important;border-color:rgba(124,58,237,.35)!important}html[data-theme=light] .work-page-section .text-purple-300{color:#7c3aed!important}html[data-theme=light] .work-page-section .text-purple-200\/80{color:rgba(91,33,182,.85)!important}html[data-theme=light] .work-page-section .group:hover .group-hover\:text-purple-200{color:#6d28d9!important}