/*
 * Enrichment PIM page layer (.ep-*). Loads after vnce.css, only on pages that
 * use an hdl-kit/ep-* block (see functions.php). Ported from handoff
 * enrichment-pim-sida.html / assets/enrichment-page.css; the two inline styles
 * the handoff carried on elements (the lead's type scale and the second
 * eyebrow's top margin) live here instead, as .ep-sec .lead and .ep-sec .eb-2.
 */
.ep-sec{padding-top:clamp(108px,14.4vw,204px)}
.ep-shot-sec{padding-top:clamp(56px,7vw,110px)}
.ep-shot{margin:0;border-radius:10px;overflow:hidden;background:#1E1E1E;box-shadow:0 0 0 1px rgba(29,29,29,.08),0 40px 100px rgba(16,24,40,.22)}
.ep-shot img{display:block;width:100%;height:auto}
.ep-shot figcaption{padding:14px clamp(16px,2vw,24px);font-size:11.9px;line-height:1.5;color:#DAE0E4}
.ep-prose{display:grid;gap:18px;padding-top:.5em}
.ep-prose p{margin:0;font-size:clamp(13.6px,1.105vw,17px);line-height:1.55;color:var(--ink-2);max-width:52ch}
.ep-prose p.k{color:var(--ink);font-weight:600}
.ep-ask{margin-top:clamp(40px,5vw,72px);background:#141416;color:#F8F8F8;border-radius:6px;padding:clamp(24px,3vw,44px) clamp(24px,3.4vw,52px);display:flex;gap:18px;align-items:center}
.ep-ask i{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6A3BFF,#007BFF);flex:none}
.ep-ask p{margin:0;font-size:clamp(17px,2.04vw,30.6px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.ep-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(28px,3vw,44px)}
.ep-flow>div{border-top:1px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.ep-flow .n{font:500 10.2px var(--mono);letter-spacing:.2em;color:var(--blue)}
.ep-flow b{font-size:clamp(16.15px,1.36vw,20.4px);font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
.ep-flow p{margin:0;font-size:13.175px;line-height:1.55;color:var(--ink-2)}
.ep-lunch{margin-top:clamp(36px,4vw,60px);font-size:clamp(18.7px,2.21vw,32.3px);font-weight:500;letter-spacing:-.03em;line-height:1.2;max-width:30ch;color:var(--ink)}
.ep-lunch span{color:var(--blue)}
.ep-gives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(40px,5vw,72px)}
.ep-gives>div{background:var(--paper);border-radius:6px;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:12px}
.ep-gives b{font-size:clamp(17px,1.53vw,23.8px);font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.ep-gives p{margin:0;font-size:13.175px;line-height:1.55;color:var(--ink-2)}
.ep-gives>div:first-child{grid-row:span 2;background:linear-gradient(135deg,#007BFF,#6A3BFF);color:#fff;justify-content:flex-end}
.ep-gives>div:first-child b{color:#fff;font-size:clamp(27.2px,3.06vw,47.6px);letter-spacing:-.045em}
.ep-gives>div:first-child p{color:rgba(255,255,255,.92);font-size:clamp(13.6px,1.105vw,16.15px)}
.ep-diff{list-style:none;margin:clamp(40px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px)}
.ep-diff li{display:grid;grid-template-columns:clamp(44px,5vw,72px) minmax(0,1fr);gap:12px;padding:clamp(22px,2.4vw,34px) 0;border-top:1px solid var(--line)}
.ep-diff .n{font:500 11.05px var(--mono);letter-spacing:.2em;color:var(--blue);padding-top:.35em}
.ep-diff b{display:block;font-size:clamp(17px,1.615vw,23.8px);font-weight:600;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.ep-diff p{margin:10px 0 0;font-size:13.175px;line-height:1.55;color:var(--ink-2);max-width:52ch}
.ep-vs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(40px,5vw,72px)}
.ep-vs>div{border-radius:6px;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:14px;background:var(--paper)}
.ep-vs .k{font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.ep-vs p{margin:0;font-size:clamp(13.6px,1.062vw,16.15px);line-height:1.5;color:var(--ink-2)}
.ep-vs>div.us{background:#141416;color:#F8F8F8}
.ep-vs>div.us .k{color:#58AAFF}.ep-vs>div.us p{color:#DAE0E4}
.ep-int{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.ep-int>div{border-radius:6px;padding:clamp(28px,3.2vw,48px);display:flex;flex-direction:column;gap:16px;background:var(--paper)}
.ep-int>div.hdl{background:#141416;color:#F8F8F8;position:relative;overflow:hidden;isolation:isolate}
.ep-int>div.hdl::before{content:"";position:absolute;inset:-30%;z-index:-1;filter:blur(60px);background:radial-gradient(circle at 85% 15%,rgba(0,123,255,.55),transparent 40%),radial-gradient(circle at 10% 95%,rgba(106,59,255,.45),transparent 40%)}
.ep-int h2{margin:0;font-size:clamp(22.1px,2.38vw,35.7px);font-weight:600;letter-spacing:-.04em;line-height:1.02}
html main.vnce .ep-int h2{color:var(--ink)}
html main.vnce .ep-int .hdl h2{color:#F8F8F8}
.vn-h2 .g{background:linear-gradient(90deg,#007BFF,#6A3BFF 60%,#A993FF);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.ep-int p{margin:0;font-size:clamp(13.6px,1.062vw,16.15px);line-height:1.55;color:var(--ink-2);max-width:48ch}
.ep-int>div.hdl p{color:#DAE0E4}
.ep-int .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.ep-int .tags span{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:5px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.ep-int>div.hdl .tags span{background:rgba(255,255,255,.1);border-color:transparent;color:#F8F8F8}
.ep-int .tags span.soon{background:transparent;color:var(--mute)}
.ep-trust{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ep-trust li{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line);font-size:clamp(13.6px,1.105vw,17px);line-height:1.45;color:var(--ink)}
.ep-trust li::before{content:"";width:22px;height:22px;flex:none;margin-top:.1em;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat}
@media(max-width:1000px){.ep-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-gives{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-gives>div:first-child{grid-row:auto;grid-column:1/-1}.ep-vs,.ep-int{grid-template-columns:1fr}}
@media(max-width:700px){.ep-flow,.ep-gives,.ep-diff{grid-template-columns:1fr}.ep-ask{align-items:flex-start}}
.ep-sec .lead{font-size:clamp(14.45px,1.147vw,17.85px);line-height:1.5;color:var(--ink-2);max-width:52ch;margin-top:24px}
.ep-sec .eb-2{margin-top:clamp(40px,5vw,64px)}