/* The eight-slot grid retains graphic captions; website cards show only the capture. */
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette] {
 --work-base:#ffe1c6;--work-primary:#c04a24;--work-text:#482414;--work-light:#fff2df;
 --work-bg:var(--work-base);--work-accent:var(--work-primary);--work-ink:var(--work-text);--work-soft:var(--work-light);
 isolation:isolate;overflow:hidden;background:var(--work-bg);background-image:var(--work-pattern,none);color:var(--work-ink);
}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="lilac"] {--work-base:#e5d9ff;--work-primary:#7751cc;--work-text:#35234c;--work-light:#f7f0ff;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="sky"] {--work-base:#cce8ff;--work-primary:#2675b9;--work-text:#173c58;--work-light:#eef9ff;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="rose"] {--work-base:#ffd6e4;--work-primary:#bd3972;--work-text:#5c203c;--work-light:#fff0f6;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="lime"] {--work-base:#dbef9b;--work-primary:#53772b;--work-text:#293d16;--work-light:#f4ffce;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="aqua"] {--work-base:#b9eee3;--work-primary:#14766b;--work-text:#174d46;--work-light:#e8fff6;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="butter"] {--work-base:#ffe49a;--work-primary:#a66317;--work-text:#503815;--work-light:#fff7d9;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="periwinkle"] {--work-base:#d8ddff;--work-primary:#5158b2;--work-text:#292c61;--work-light:#f1f2ff;}
/* Style and color controls continue to affect the actual card artwork and surfaces. */
#elementor-mcp > .stage:is([data-atlas-theme],[data-atlas-color]) .ew-card[data-work-palette][data-work-preview="objects"] {
 /* Retain each card's own hue. A chosen palette tints the set instead of flattening it. */
 --work-bg:color-mix(in srgb,var(--work-base) 82%,var(--theme-accent));
 --work-accent:color-mix(in srgb,var(--work-primary) 80%,var(--theme-accent));
 --work-ink:var(--work-text);--work-soft:color-mix(in srgb,var(--work-light) 90%,var(--theme-accent));
 background:var(--work-bg);background-image:var(--work-pattern,none);color:var(--work-ink);
}

:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette] h3,
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette] p {position:relative;z-index:2;color:var(--work-ink);}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette] p {opacity:.87;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette] .ew-badge {z-index:3;color:var(--work-ink);background:var(--work-soft);}
#elementor-mcp .fa-work-visual {position:absolute;z-index:0;pointer-events:none;inset:16px 16px var(--fa-art-bottom,40%);display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1);}
#elementor-mcp .ew-card:hover .fa-work-visual {transform:translateY(-4px) rotate(-1deg);}
#elementor-mcp .ew-card[data-work-preview="page"]:hover .fa-work-visual {transform:none;}
#elementor-mcp .fa-work-visual svg {width:100%;height:100%;display:block;overflow:visible;}
#elementor-mcp .fa-work-visual .art-primary {fill:var(--work-accent);}
#elementor-mcp .fa-work-visual .art-soft {fill:var(--work-soft);}
#elementor-mcp .fa-work-visual .art-ink {fill:var(--work-ink);}
#elementor-mcp .fa-work-visual .art-line {stroke:var(--work-accent);}
#elementor-mcp .fa-work-visual .art-shadow {filter:drop-shadow(0 12px 10px color-mix(in srgb,var(--work-accent) 22%,transparent));}
#elementor-mcp .ew-card[data-work-preview="page"] .fa-work-visual {
 inset:0;border-radius:0;overflow:hidden;border:0;box-shadow:none;
 background:var(--work-soft);
}
#elementor-mcp .ew-card[data-work-preview="page"] {padding:0;}
#elementor-mcp .ew-card[data-work-preview="page"] > :is(h3,p,.ew-badge) {display:none;}
#elementor-mcp .fa-work-visual img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette]:focus-visible {outline:3px solid var(--work-accent);outline-offset:5px;}

/* Palettes sampled from the actual captured websites; not generic card colors. */
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-maidsinblack"] {--work-base:#f7f4eb;--work-primary:#ff684c;--work-text:#111111;--work-light:#fffefa;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-avenues"] {--work-base:#2b3543;--work-primary:#d9aa60;--work-text:#ffffff;--work-light:#3e4a5c;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-matchkicks"] {--work-base:#ffffff;--work-primary:#b8322b;--work-text:#111827;--work-light:#f8fafb;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-leadgrab"] {--work-base:#f8fafc;--work-primary:#2563eb;--work-text:#152641;--work-light:#ffffff;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-pnw"] {--work-base:#ffffff;--work-primary:#2d636d;--work-text:#0d1d27;--work-light:#f5f8f5;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-labmora"] {--work-base:#f3f6fa;--work-primary:#185caa;--work-text:#1b3049;--work-light:#ffffff;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-examiar"] {--work-base:#f8fafc;--work-primary:#facc15;--work-text:#10233f;--work-light:#ffffff;}
/* Additional public website palettes used by the build-note selection. */
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-gopher"] {--work-base:#ffffff;--work-primary:#ce302b;--work-text:#24416c;--work-light:#fff5f0;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-heartstrings"] {--work-base:#fffef8;--work-primary:#b46820;--work-text:#2b414e;--work-light:#fff7e5;}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-palette="site-tradewind"] {--work-base:#ffffff;--work-primary:#087f89;--work-text:#202525;--work-light:#effcfd;}
/* Source-faithful screenshot colors take priority over generic theme card fills. */
#elementor-mcp > .stage:is([data-atlas-theme],[data-atlas-color]) .ew-card[data-work-preview="page"][data-work-palette] {
 --work-bg:var(--work-base);--work-accent:var(--work-primary);--work-ink:var(--work-text);--work-soft:var(--work-light);
 background:var(--work-bg);background-image:var(--work-pattern,none);color:var(--work-ink);
}
#elementor-mcp > .stage:is([data-atlas-theme],[data-atlas-color]) .ew-card[data-work-preview="page"] :is(h3,p,.ew-badge) {color:var(--work-ink);}
/* Vary the background treatment for non-screenshot cards, keeping text over a calm base. */
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-preview="objects"][data-work-backdrop="glow"] {
 --work-pattern:radial-gradient(ellipse at 20% 15%,var(--work-soft) 0,transparent 48%),radial-gradient(ellipse at 100% 38%,color-mix(in srgb,var(--work-accent) 28%,transparent),transparent 58%);
 background-image:var(--work-pattern);
}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-preview="objects"][data-work-backdrop="mesh"] {
 --work-pattern:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--work-accent) 30%,transparent),transparent 50%),radial-gradient(ellipse at 0% 50%,var(--work-soft),transparent 65%),linear-gradient(160deg,transparent 40%,color-mix(in srgb,var(--work-accent) 14%,transparent));
 background-image:var(--work-pattern);
}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-preview="objects"][data-work-backdrop="diagonal"] {
 --work-pattern:linear-gradient(135deg,var(--work-soft) 0%,transparent 38%),repeating-linear-gradient(135deg,transparent 0 22px,color-mix(in srgb,var(--work-accent) 7%,transparent) 22px 24px);
 background-image:var(--work-pattern);
}
:is(#elementor-mcp .ew-card,#clay-engineering .ce17-card)[data-work-preview="objects"][data-work-backdrop="rings"] {
 --work-pattern:repeating-radial-gradient(circle at 90% 15%,transparent 0 34px,color-mix(in srgb,var(--work-accent) 11%,transparent) 35px 37px,transparent 38px 65px),linear-gradient(160deg,var(--work-soft),transparent 70%);
 background-image:var(--work-pattern);
}
@media(prefers-reduced-motion:reduce){#elementor-mcp .fa-work-visual {transition:none;}#elementor-mcp .ew-card:hover .fa-work-visual {transform:none;}}