/* =====================================================================
   Shared by the listing pages: Blogs, News & Events, Case Studies.
   ===================================================================== */

/* newsletter band */
.nl{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;align-items:center;padding:clamp(28px,5vw,56px);border-radius:28px;background:var(--ink);color:#fff;isolation:isolate}
.nl::after{content:"";position:absolute;z-index:-1;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;border:2px solid rgba(237,50,35,.55);outline:2px solid rgba(237,50,35,.25);outline-offset:40px}
.nl .eyebrow{color:#A9A5A1}
.nl h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;margin-top:12px;max-width:16ch}
.nl p:not(.eyebrow){margin-top:12px;color:#C9C5C1;max-width:46ch}
.nl-form{display:flex;gap:10px;padding:6px;border-radius:50px;background:#fff}
.nl-form input{flex:1;min-width:0;border:0;background:transparent;font:15.5px var(--body);padding:12px 18px;color:var(--ink)}
.nl-form input:focus{outline:none}
.nl-form button{appearance:none;border:0;background:var(--accent);color:#fff;font:600 15px var(--body);padding:13px 22px;cursor:pointer;white-space:nowrap;transition:background .2s}
.nl-form button:hover{background:#D42A1C}
.nl-status{margin-top:10px;font-size:13.5px;color:#A9A5A1;min-height:1.4em}
.nl-status a{color:#fff;font-weight:600}
@media (max-width:860px){.nl{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){
  .nl-form{flex-direction:column;border-radius:20px}
  .nl-form button{width:100%}
}

/* blogs page */
.more-wrap{display:flex;justify-content:center;margin-top:44px}

/* Forms: select chevron, honeypot, reCAPTCHA, status states */
.nl-captcha{margin-top:12px}
.nl-captcha:empty{display:none}
.nl .status.ok{color:#86EFAC}
.nl .status.err{color:#FCA5A5}

/* our team */
.nl .hs-btn{margin-top:0}

/* LISTING layout (news & events): sidebar + toolbar + row cards */
.lpill svg{width:13px;height:13px;color:var(--accent)}
.lst{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.lst-side{position:sticky;top:92px;display:grid;gap:18px}
.side-search{position:relative;display:block}
.side-search svg{position:absolute;right:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.side-search input{width:100%;font:14.5px var(--body);padding:12px 40px 12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--alt);color:var(--ink);transition:border-color .2s,background .2s}
.side-search input:focus{outline:none;border-color:var(--accent);background:#fff}
.cat-rows{display:flex;flex-direction:column;gap:2px}
.cat-rows .chip{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:12px;background:transparent;padding:11px 12px;font:500 14.5px var(--body);color:var(--ink);text-align:left;transition:background .2s,color .2s}
.cat-rows .chip:hover{background:var(--alt);border-color:transparent}
.cat-rows .chip[aria-pressed="true"]{background:var(--soft);color:var(--accent);border-color:transparent}
.cat-rows .chip small{font-family:var(--mono);font-size:11.5px;color:var(--muted);opacity:1;margin:0;background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px 9px}
.cat-rows .chip[aria-pressed="true"] small{background:var(--accent);border-color:var(--accent);color:#fff}
.side-cta p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 12px}
.side-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}
.side-link svg{width:15px;height:15px}
.lst-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.lst-head h2{font-size:clamp(24px,2.8vw,34px);font-weight:800}
.lst-head mark{background:linear-gradient(transparent 58%,var(--mark) 58%)}
.lst-badge{font-family:var(--mono);font-size:12px;padding:6px 12px;border-radius:99px;background:var(--soft);color:var(--accent);letter-spacing:.04em;white-space:nowrap}
.lst-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:22px}
.lst-showing{font-size:13.5px;color:var(--muted);margin:0}
.lst-tools{display:flex;gap:16px;flex-wrap:wrap}
.lst-tools label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}
.lst-tools select{appearance:none;font:500 13.5px var(--body);color:var(--ink);padding:8px 30px 8px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2363605D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/12px;cursor:pointer}
.lst-tools select:focus{outline:none;border-color:var(--accent)}
.llist{display:flex;flex-direction:column;gap:18px}
.lcard{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .25s,box-shadow .25s}
.lcard:hover{border-color:#D8D4CF;box-shadow:0 24px 50px -34px rgba(24,24,24,.4)}
.lcard-body{min-width:0}
.lcard-body .pmeta{margin-top:0}
.lcard h3{font-family:var(--body);font-size:19px;font-weight:700;line-height:1.35;margin:10px 0 0;letter-spacing:-.01em;transition:color .25s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcard:hover h3{color:var(--accent)}
.lcard-body>p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcard-more{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent)}
.lcard-more svg{width:15px;height:15px;transition:transform .25s}
.lcard:hover .lcard-more svg{transform:translate(3px,-3px)}
.lcard-img{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#F2F0EE}
.lcard-img .cover{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;padding:12px}
.lcard-img .cover::after{right:-40px;bottom:-60px;width:140px;height:140px;outline-offset:18px}
.lcard-img .cover .cover-top{font-size:8.5px;padding-bottom:8px}
.lcard-img .cover h3{font-size:15px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcard-img .cover .cover-foot{display:none}
.lcard-img img,.lcard-img .cover.photo img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.lcard:hover .lcard-img img,.lcard:hover .lcard-img .cover.photo img{transform:scale(1.05)}
.lcard-img .pc-badge{left:10px;top:10px;padding:6px 10px;font-size:11px;gap:5px}
.lcard-img .pc-badge svg{width:11px;height:11px}
@media (max-width:960px){
  .lst{grid-template-columns:minmax(0,1fr)}
  .lst-side{position:static;order:2}
}
@media (max-width:560px){
  .lcard{grid-template-columns:minmax(0,1fr);gap:14px}
  .lcard-img{aspect-ratio:16/9;order:-1}
}

/* CMS listings: modern card design (blogs + news & events) */
.pmeta>i{width:4px;height:4px;border-radius:50%;background:var(--line)}
.pmeta .pc-type{color:var(--accent);font-weight:500}
.pc-badge{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 10px 24px -10px rgba(237,50,35,.7)}
.pc-badge svg{width:14px;height:14px}