/* One spacing scale for case-page sections in both themes. */
.project-case{--case-section-space:40px;--case-heading-space:24px;--case-block-space:24px}
.project-case>:is(.marketing-plan-section,.production-section,.case-section,.opp-section,.kf-section,.dk-section,.project-trial-section),
.project-case.product-wrap>section:not(.project-header),
.project-case .work-content>section{padding-block:var(--case-section-space)}
.project-case>:is(.marketing-plan-section,.production-section,.case-section,.opp-section,.kf-section,.dk-section,.project-trial-section)>h2,
.project-case.product-wrap>section:not(.project-header)>h2,
.project-case .work-content>section>h2{margin:0 0 var(--case-heading-space)}
.project-case .case-section-title,.project-case .dk-section-head{margin-bottom:var(--case-heading-space)}
.project-case .case-section-title h2,.project-case .dk-section-head h2{margin:0}
@media(max-width:760px){.project-case{--case-section-space:28px;--case-heading-space:20px;--case-block-space:20px}}
/* A trial is an action window, never an image-lightbox trigger. */
.project-trial-window{max-width:100%;margin:24px 0 0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--soft)}
.project-trial-chrome{display:flex;align-items:center;gap:7px;padding:12px 18px;border-bottom:1px solid var(--line);font:12px var(--mono);color:var(--muted)}
.project-trial-chrome i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}.project-trial-chrome span{margin-left:10px}
.project-trial-shot{display:block;position:relative;overflow:hidden;color:var(--ink)}
.project-case .project-trial-shot img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;object-position:top;margin:0;transition:transform .3s}
.project-trial-shot:hover img{transform:scale(1.015)}
.project-trial-enter{position:absolute;bottom:24px;right:24px;background:#17191d;color:#fff;padding:12px 20px;font:600 14px var(--body);border:1px solid #ffffff40}
.project-trial-links{display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px;border-top:1px solid var(--line);font-size:13px}
.project-trial-links a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.project-trial-enter{right:14px;bottom:14px;padding:10px 14px}.project-trial-chrome{padding:10px 14px}}