[data-page=work]{--wrk-bg:#faf8ff;--wrk-bg-alt:#f2eeff;--wrk-card:#ffffff;--wrk-border:#e3d9f2;--wrk-text:#120b1d;--wrk-muted:#4d3a62;--wrk-primary:#44196a;--wrk-secondary:#6d28d9;--wrk-accent:#a855f7;--wrk-highlight:#e9d5ff;background:var(--wrk-bg)}[data-page=work]:before{content:"";position:fixed;inset:0;background:radial-gradient(1000px 650px at 15% 15%,rgba(68,25,106,.1),transparent 60%),radial-gradient(900px 600px at 85% 30%,rgba(168,85,247,.1),transparent 55%);pointer-events:none;z-index:0}[data-page=work] .heroImageLayer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}[data-page=work] .heroOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,248,255,.86),rgba(250,248,255,.68));z-index:1;pointer-events:none}[data-page=work] .sectionImageLayer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}[data-page=work] .sectionOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(250,248,255,.86),rgba(250,248,255,.68));z-index:1;pointer-events:none}@media (prefers-color-scheme:dark){[data-page=work]{--wrk-bg:#07020d;--wrk-bg-alt:#0d0516;--wrk-card:rgba(255,255,255,0.06);--wrk-border:rgba(255,255,255,0.12);--wrk-text:#f4ecff;--wrk-muted:#c9b4e6;--wrk-primary:#a855f7;--wrk-secondary:#7c3aed;--wrk-accent:#c084fc;--wrk-highlight:rgba(233,213,255,0.14)}[data-page=work]:before{background:radial-gradient(1000px 650px at 15% 15%,rgba(168,85,247,.14),transparent 60%),radial-gradient(900px 600px at 85% 30%,rgba(192,132,252,.1),transparent 55%)}[data-page=work] .heroOverlay,[data-page=work] .sectionOverlay{background:linear-gradient(180deg,rgba(7,2,13,.88),rgba(7,2,13,.66))}}.dark [data-page=work]{--wrk-bg:#07020d;--wrk-bg-alt:#0d0516;--wrk-card:rgba(255,255,255,0.06);--wrk-border:rgba(255,255,255,0.12);--wrk-text:#f4ecff;--wrk-muted:#c9b4e6;--wrk-primary:#a855f7;--wrk-secondary:#7c3aed;--wrk-accent:#c084fc;--wrk-highlight:rgba(233,213,255,0.14)}.dark [data-page=work]:before{background:radial-gradient(1000px 650px at 15% 15%,rgba(168,85,247,.14),transparent 60%),radial-gradient(900px 600px at 85% 30%,rgba(192,132,252,.1),transparent 55%)}.dark [data-page=work] .heroOverlay,.dark [data-page=work] .sectionOverlay{background:linear-gradient(180deg,rgba(7,2,13,.88),rgba(7,2,13,.66))}@media (prefers-reduced-motion:reduce){[data-page=work] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}