.section-work { background: #f6f6f6; padding-top: clamp(72px,8.333333vw,160px); padding-bottom: clamp(72px,8.333333vw,160px); }
.section-work .work-wrap { container-type: inline-size; gap: 10cqw; }
.section-work .work-intro { width: 100%; height: 15cqw; gap: 0; }
.section-work .work-heading { width: 40cqw; gap: 2cqw; }
.section-work .work-heading h2 { width: 100%; font-size: 3.75cqw; line-height: 4.25cqw; font-weight: 500; font-variation-settings: "wght" 500; letter-spacing: -.025em; color: #2e2e2e; }
.section-work .work-heading p { width: 100%; font-size: 1.5cqw; line-height: 2cqw; letter-spacing: -.015em; color: #4e4e4e; }
@media (max-width: 900px) {
  .section-work .work-wrap { gap: 64px; }
  .section-work .work-intro { height: auto; }
  .section-work .work-heading { width: 100%; max-width: 640px; gap: 24px; }
  .section-work .work-heading h2 { font-size: 38px; line-height: 46px; }
  .section-work .work-heading p { font-size: 17px; line-height: 27px; }
}
.home-projects-updated { display: flex; flex-direction: column; gap: clamp(64px,8.333333vw,160px); width: 100%; container-type: inline-size; }
.home-project-row { display: grid; grid-template-columns: 352fr 432fr 800fr; gap: .5cqw; height: 28.125cqw; }
.home-project-row.is-reversed { grid-template-columns: 800fr 432fr 352fr; }
.home-project-summary,.home-project-details,.home-project-image { min-width: 0; border-radius: 1cqw; overflow: hidden; background: white; min-height: 28.125cqw; }
.home-project-summary,.home-project-details { padding: 2cqw; }
.home-project-summary { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5cqw; }
.home-project-summary > img { object-fit: contain; object-position: left center; max-width: 100%; width: auto; height: 3cqw; }
.is-sai .home-project-summary > img { height: 1.5cqw; }
.home-project-summary > img { flex-shrink: 0; }
.home-project-summary > img[alt="SymphonyAI"] { width: 11.3125cqw; height: 1.5cqw; }
.home-project-summary > img[alt="Diebold Nixdorf"] { width: 4cqw; height: 3cqw; }
.home-project-summary > img[alt="Prometric"] { width: 8.375cqw; height: 3cqw; }
.home-project-summary > img[alt="Pitney Bowes"] { width: 9.75cqw; height: 2cqw; }
.home-project-summary > img[alt="WareIQ"] { width: 8.375cqw; height: 2.5cqw; }
.home-project-summary > img[alt="Integritty"] { width: 6.375cqw; height: 2cqw; }
.is-pb .home-project-item h4 { font-size: 1.5cqw; line-height: 2cqw; color: #2e2e2e; }
.is-pb .home-project-item p { font-size: 1cqw; }
.home-project-summary h3,.home-project-item h4,.home-project-eyebrow { font-variation-settings: "wght" 500; }
.home-project-summary p,.home-project-item p { font-variation-settings: "wght" 400; }
.home-project-summary h3 { margin: 0; font-size: 2cqw; line-height: 2.5cqw; letter-spacing: -.025em; color: #2e2e2e; font-weight: 500; }
.home-project-summary p { margin: 0; font-size: 1.5cqw; line-height: 2cqw; letter-spacing: -.015em; color: #4e4e4e; }
.home-project-rule { width: 100%; height: .5px; background: var(--stroke-color); }
.home-project-eyebrow { margin: 0 0 1.5cqw; font-size: .875cqw; line-height: 1.5cqw; color: #2e2e2e; }
.home-project-item { display: flex; align-items: flex-start; gap: 1cqw; padding: 1.5cqw 0; border-top: .5px solid var(--stroke-color); }
.home-project-item:nth-child(2) { padding-top: 0; border: 0; }
.home-project-item:last-child { padding-bottom: 0; }
.home-project-item > span { display: grid; place-items: center; flex: 0 0 2.5cqw; width: 2.5cqw; height: 2.5cqw; border-radius: 50%; background: #f2f2f2; }
.home-project-item img { width: 1cqw; height: 1cqw; }
.home-project-item h4 { margin: 0; font-size: 1.25cqw; line-height: 1.875cqw; color: #4e4e4e; letter-spacing: -.025em; font-weight: 500; }
.home-project-item p { margin: 0; font-size: .875cqw; line-height: 1.5cqw; color: #4e4e4e; letter-spacing: -.015em; }
.is-sai .home-project-item h4 { font-size: 1.5cqw; line-height: 2cqw; color: #2e2e2e; }
.is-sai .home-project-item p { font-size: 1cqw; }
.home-project-image { position: relative; }
.home-project-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.home-project-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.16)); }
.home-project-image-export::after { display: none; } /* Full Figma export already includes the overlay. */
.home-project-image img { transition: transform 700ms cubic-bezier(.2,.7,.2,1); }
@media (hover: hover) and (pointer: fine) {
  .home-project-row:hover .home-project-image img { transform: scale(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  .home-project-image img { transition: none; }
  .home-project-row:hover .home-project-image img { transform: none; }
}
.is-reversed .home-project-image { grid-column: 1; grid-row: 1; }
.is-reversed .home-project-summary { grid-column: 3; grid-row: 1; }
.is-reversed .home-project-details { grid-column: 2; grid-row: 1; }
@media (max-width: 900px) {
  .home-project-row,.home-project-row.is-reversed { grid-template-columns: 1fr; gap: 8px; height: auto; }
  .home-project-row > * { grid-column: auto !important; grid-row: auto !important; border-radius: 16px; }
  .home-project-summary,.home-project-details { padding: 24px; min-height: 0; }
  .home-project-summary { gap: 24px; }
  .home-project-summary > img,.is-sai .home-project-summary > img { height: 32px; }
  .home-project-summary > img[alt="SymphonyAI"] { width: 181px; height: 24px; }
  .home-project-summary > img[alt="Diebold Nixdorf"] { width: 64px; height: 48px; }
  .home-project-summary > img[alt="Prometric"] { width: 134px; height: 48px; }
  .home-project-summary > img[alt="Pitney Bowes"] { width: 156px; height: 32px; }
  .home-project-summary > img[alt="WareIQ"] { width: 134px; height: 40px; }
  .home-project-summary > img[alt="Integritty"] { width: 102px; height: 32px; }
  .home-project-summary h3 { font-size: 28px; line-height: 36px; }
  .home-project-summary p { font-size: 20px; line-height: 28px; }
  .home-project-eyebrow { font-size: 14px; line-height: 24px; margin-bottom: 24px; }
  .home-project-item { gap: 16px; padding: 24px 0; }
  .home-project-item > span { width: 40px; height: 40px; flex-basis: 40px; }
  .home-project-item img { width: 16px; height: 16px; }
  .home-project-item h4,.is-sai .home-project-item h4,.is-pb .home-project-item h4 { font-size: 20px; line-height: 30px; }
  .home-project-item p,.is-sai .home-project-item p,.is-pb .home-project-item p { font-size: 16px; line-height: 24px; }
  .home-project-image { aspect-ratio: 16/9; }
}