/* Unit Function v1.4: additive, isolated case-study components.
   The v1.2.6 site.css is not modified. */
.uf-work { padding-block:40px 44px; border-top:1px solid var(--line); }
.uf-work .eyebrow { margin:0 0 20px; }
.uf-work__row {
  --uf-work-ready:1;
  display:grid; grid-template-columns:minmax(150px,.7fr) minmax(0,1.8fr) auto;
  align-items:center; gap:32px; padding:26px 0; min-height:114px;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  transition:background-color .18s ease;
}
.uf-work__client { font-size:14px; line-height:1.5; }
.uf-work__title { font-size:clamp(22px,1.9vw,28px); line-height:1.2; letter-spacing:-.04em; font-weight:500; }
.uf-work__tags { display:block; font-size:11px; line-height:1.6; color:var(--muted); margin-top:8px; }
.uf-work__cta { display:inline-flex; align-items:center; gap:13px; font-size:12px; line-height:1.5; white-space:nowrap; }
.uf-work__cta .arrow { color:var(--teal); width:21px; height:21px; transition:transform .18s ease; }
.uf-work__row:focus-visible { outline:none; background:#edf3f3; }
.uf-work__row:focus-visible .uf-work__cta { outline:2px solid var(--teal); outline-offset:6px; }
.uf-work-preview {
  position:fixed; top:0; left:0; z-index:80; width:228px; height:152px;
  margin:0; overflow:hidden; pointer-events:auto;
  background:var(--paper); border:3px solid var(--paper);
  box-shadow:0 8px 24px rgba(25,26,26,.13);
  visibility:hidden; opacity:0;
  transition:opacity .14s ease;
}
.uf-work-preview[hidden] { display:none!important; }
.uf-work-preview.is-visible { visibility:visible; opacity:1; }
.uf-work-preview img { width:100%; height:100%; object-fit:cover; }
@media (hover:hover) and (pointer:fine) {
  .uf-work__row:hover { background:#f0f4f4; }
  .uf-work__row:hover .uf-work__cta .arrow { transform:translate(2px,-2px); }
}
@media(max-width:1100px) {
  .uf-work__row { grid-template-columns:160px minmax(0,1fr) auto; gap:25px; }
  .uf-work__title { font-size:23px; }
}
@media(max-width:800px) {
  .uf-work__row { grid-template-columns:minmax(0,1fr) auto; gap:12px 22px; }
  .uf-work__client { grid-column:1; font-size:12px; }
  .uf-work__message { grid-column:1; grid-row:2; }
  .uf-work__cta { grid-column:2; grid-row:1 / 3; }
}
@media(max-width:600px) {
  .uf-work { padding-block:32px 36px; }
  .uf-work .eyebrow { margin-bottom:16px; }
  .uf-work__row { display:block; padding-block:23px 24px; }
  .uf-work__client { display:block; margin-bottom:12px; }
  .uf-work__title { font-size:25px; line-height:1.18; max-width:420px; }
  .uf-work__tags { margin-top:10px; font-size:10px; }
  .uf-work__cta { margin-top:20px; font-size:12px; }
}
@media(max-width:1023px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  .uf-work-preview { display:none!important; }
}
@media(prefers-reduced-motion:reduce) {
  .uf-work__row,.uf-work__cta .arrow,.uf-work-preview { transition:none; }
}
@media print { .uf-work-preview { display:none!important; } }