/* Pontin Systems / Case Studies — scoped to the existing page-wrapper and 1200px container. */
/* Listing colors are owned by the theme Customizer (content / content-alt). */
.ps-cases .ps-work-kicker { display:block; font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:650; color:inherit; line-height:1.6; }
.ps-work-index { padding:80px 0 95px; }
.ps-work-sectionhead { display:grid; grid-template-columns: 1fr 1fr; align-items:end; gap:50px; margin-bottom:38px; }
.ps-work-sectionhead h2 { font-weight:500; font-size:clamp(34px,4vw,54px); letter-spacing:-.045em; line-height:1.12; margin:12px 0 0; }
.ps-work-sectionhead p { max-width:430px; color:inherit; font-size:17px; line-height:1.7; margin:0 0 4px auto; }
.ps-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:45px 26px; }
.ps-work-card__link { display:block; color:inherit; text-decoration:none; }
.ps-work-card__image { position:relative; aspect-ratio: 1.55; overflow:hidden; background:#e8edeb; }
.ps-work-card__image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.ps-work-card__link:hover .ps-work-card__image img { transform:scale(1.035); }
.ps-work-card__empty { height:100%; display:grid; place-items:center; font-size:12px; letter-spacing:.2em; color:#74847d; }
.ps-work-card__arrow { position:absolute; right:16px; bottom:16px; display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#101619; color:#fff; font-size:22px; }
.ps-work-card__details { padding:21px 2px 0; }
.ps-work-card__details h3 { margin:9px 0; font-weight:550; font-size:clamp(23px,2.4vw,31px); letter-spacing:-.03em; line-height:1.25; }
.ps-work-card__details p { font-size:15px; line-height:1.75; color:inherit; margin:0 0 15px; }
.ps-work-card__cta { color:inherit; font-size:13px; font-weight:650; }
.ps-work-card__cta span { margin-left:5px; }
.ps-work-pages { display:flex; justify-content:center; gap:12px; margin-top:52px; }
.ps-work-pages a,.ps-work-pages span { display:inline-flex; min-width:38px; height:38px; align-items:center; justify-content:center; border:1px solid #d8e0dc; text-decoration:none; padding:0 10px; }
.ps-work-pages .current { font-weight:700; text-decoration:underline; }
.ps-work-empty { padding:55px 0; color:inherit; }
/* Detail / same type system, calmer editorial sequencing */
.ps-work-detail__lead { background:#101619; color:#fff; padding:46px 0 43px; }
.ps-work-detail__lead .ps-work-kicker { color:#87b9a5; }
.ps-work-back { display:inline-block; color:#c9d7d1; font-size:13px; text-decoration:none; margin-bottom:27px; }
.ps-work-detail__lead h1 { color:#fff; max-width:920px; font-size:clamp(33px,3.6vw,52px); letter-spacing:-.052em; line-height:1.13; font-weight:500; margin:10px 0 14px; }
.ps-work-detail__summary { max-width:800px; color:#c4d2cc; font-size:clamp(16px,1.6vw,19px); line-height:1.6; margin:0 0 28px; }
.ps-work-detail__meta { display:flex; flex-wrap:wrap; gap:14px 38px; border-top:1px solid #40504b; padding-top:18px; }
.ps-work-detail__meta > div { display:flex; flex-direction:column; gap:5px; min-width:125px; }
.ps-work-detail__meta span { color:#9aada5; font-size:11px; text-transform:uppercase; letter-spacing:.11em; }
.ps-work-detail__meta strong,.ps-work-detail__meta a { color:#fff; font-size:15px; font-weight:500; }
.ps-work-detail__image { width:100%; margin:0; background:#e5ebe8; max-height:450px; overflow:hidden; }
.ps-work-detail__image img { width:100%; max-height:450px; object-fit:cover; display:block; }
.ps-work-detail__intro,.ps-work-detail__chapter { padding:48px 0; border-bottom:1px solid #e2e7e4; }
.ps-work-detail__intro { background:#f4f6f4; }
.ps-work-detail__chapter-grid { display:grid; grid-template-columns: 30% minmax(0,1fr); gap:28px; }
.ps-work-detail__chapter-body { max-width:730px; }
.ps-work-detail__intro h2,.ps-work-detail__chapter h2 { font-weight:500; font-size:clamp(25px,2.5vw,34px); line-height:1.18; letter-spacing:-.038em; margin:0 0 15px; }
.ps-work-prose { color:#495653; font-size:16px; line-height:1.72; }
.ps-work-prose p { margin:0 0 1.15em; }
.ps-work-prose p:last-child { margin-bottom:0; }
.ps-work-prose ul,.ps-work-prose ol { padding-left:23px; }
.ps-work-detail__chapter--result { background:#f4f6f4; }
.ps-work-detail__metrics { background:#101619; color:#fff; padding:46px 0 52px; }
.ps-work-detail__metrics .ps-work-kicker { color:#8bbca7; }
.ps-work-detail__metrics-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:20px; }
.ps-work-detail__metrics-grid > div { border-top:1px solid #50615a; padding-top:16px; }
.ps-work-detail__metrics-grid strong { display:block; color:#fff; font-weight:500; letter-spacing:-.05em; font-size:clamp(30px,3.2vw,44px); line-height:1.2; }
.ps-work-detail__metrics-grid span { display:block; color:#c3d0c9; font-size:14px; margin-top:10px; }
.ps-work-detail__quote { padding:48px 0; background:#edf2ee; }
.ps-work-detail__quote blockquote { max-width:780px; margin:13px 0 0; padding:0; border:0; }
.ps-work-detail__quote blockquote p { font-size:clamp(19px,2vw,27px); line-height:1.5; letter-spacing:-.03em; font-weight:450; color:#1f3630; margin:0 0 18px; }
.ps-work-detail__quote blockquote p::before { content:'“'; }
.ps-work-detail__quote blockquote p::after { content:'”'; }
.ps-work-detail__quote footer { font-size:14px; font-weight:650; color:#263f36; }
.ps-work-detail__quote footer span { display:block; font-weight:400; color:#60726b; margin-top:5px; }
.ps-work-detail__return { padding-top:22px!important; padding-bottom:22px!important; }
.ps-work-detail__return a { color:#28674f; text-decoration:none; font-size:14px; font-weight:650; }
@media(max-width:767px) { .ps-work-index{padding:55px 0 65px}.ps-work-sectionhead{grid-template-columns:1fr;gap:14px}.ps-work-sectionhead p{margin:0;max-width:none}.ps-work-grid{grid-template-columns:1fr;gap:38px}.ps-work-detail__lead{padding:30px 0 34px}.ps-work-back{margin-bottom:22px}.ps-work-detail__summary{margin-bottom:23px}.ps-work-detail__meta{gap:20px 30px}.ps-work-detail__chapter-grid{grid-template-columns:1fr;gap:12px}.ps-work-detail__intro,.ps-work-detail__chapter{padding:34px 0}.ps-work-detail__metrics-grid{grid-template-columns:1fr;gap:18px}.ps-work-detail__quote{padding:35px 0} }
@media(prefers-reduced-motion:reduce){ .ps-work-card__image img { transition:none; } }

/* ==========================================
   CASE STUDY LISTING — CARD COLORS
   ========================================== */

/* All standard card text */
.content-sections.ps-work-index .ps-work-card .ps-work-card__link,
.content-sections.ps-work-index .ps-work-card .ps-work-kicker,
.content-sections.ps-work-index .ps-work-card .ps-work-card__details h3,
.content-sections.ps-work-index .ps-work-card .ps-work-card__details p,
.content-sections.ps-work-index .ps-work-card .ps-work-card__cta {
    color: #1b1b1b !important;
}

/* Heading — only element that changes color on hover */
.content-sections.ps-work-index .ps-work-card .ps-work-card__details h3 {
    transition: color 0.2s ease;
}

.content-sections.ps-work-index .ps-work-card:hover .ps-work-card__details h3 {
    color: #a64b32 !important;
}

/* Keep directional indicators visually distinct */
.content-sections.ps-work-index .ps-work-card .ps-work-card__cta span {
    color: #a64b32 !important;
}

/* Preserve existing image arrow appearance */
.content-sections.ps-work-index .ps-work-card .ps-work-card__arrow {
    color: #ffffff !important;
    background-color: #101619;
}