/* Keep the existing wrapped facts presentation contained in the page gutter. */
.project-context{margin:0 6%}
.project-context>.case-facts{border-top:0;margin-bottom:0}

@media(min-width:1151px){
  .project-context>.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;border:0}
  .project-context>.case-facts>div{min-width:0;min-height:132px;padding:24px;border:1px solid var(--project-line,var(--line));border-radius:8px;background:linear-gradient(135deg,#fff 35%,var(--project-tint,#f4f5f0));box-shadow:0 4px 15px #17201705;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
  .project-context>.case-facts>div:is(:hover,:focus-within){transform:translateY(-2px);border-color:var(--project-accent,var(--ink));box-shadow:0 8px 20px #1720170c}
  .project-context>.case-facts dt{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;margin-bottom:14px;font-weight:650}
  .project-context>.case-facts dt::before{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;mask:var(--context-icon) center/contain no-repeat;-webkit-mask:var(--context-icon) center/contain no-repeat}
  .project-context>.case-facts>div:nth-child(1){--context-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='14' rx='2'/%3E%3Cpath d='M8 7V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3M3 12a28 28 0 0 0 18 0M12 11v4'/%3E%3C/svg%3E")}
  .project-context>.case-facts>div:nth-child(2){--context-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4m10-4v4M3 10h18M7 14h3m4 0h3m-10 4h3'/%3E%3C/svg%3E")}
  .project-context>.case-facts>div:nth-child(3){--context-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V3m0 1c5-4 9 4 14 0v10c-5 4-9-4-14 0'/%3E%3C/svg%3E")}
  .project-context>.case-facts dd{font-size:21px;line-height:1.65;font-weight:600}
}
@media(min-width:1151px) and (prefers-reduced-motion:reduce){
  .project-context>.case-facts>div{transition:none}
  .project-context>.case-facts>div:is(:hover,:focus-within){transform:none}
}