/* A quiet line of small project marks. Full work lives on /work/. */
.work-strip{border-top:1px solid #d9dfd6;padding:20px 0;margin-bottom:8px;min-width:0}
.work-viewport{overflow:hidden;padding:4px 0;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.work-track{display:flex;width:max-content;transform:translate3d(0,0,0)}
.work-track.is-looping{animation:project-logo-loop var(--logo-duration,56s) linear infinite;will-change:transform}
.work-logo-group{display:flex;align-items:center;flex:none;gap:80px;padding:0 80px 0 0;margin:0;list-style:none}
.work-dot{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid #dce3d5;border-radius:50%;background:#edf2e6;overflow:hidden}
.work-dot img{display:block;object-fit:contain;width:23px;height:23px}
.work-dot-securescribe{background:#edf5f8;border-color:#dce8ed}
.work-dot-securescribe img{width:24px;height:17px}
.work-dot-driftr{background:#f0ebe1;border-color:#e4dbcb}
.work-dot-driftr img{width:28px;height:28px}
.work-dot-anson{background:#171c19;border-color:#171c19}
.work-dot-anson img{width:27px;height:27px}
.work-viewport:hover .work-track,.work-viewport:focus .work-track,.work-viewport.is-offscreen .work-track,.work-viewport.is-inactive .work-track{animation-play-state:paused}
.work-viewport:focus-visible{outline:2px solid #789956;outline-offset:4px;border-radius:4px}
@keyframes project-logo-loop{to{transform:translate3d(calc(-1 * var(--logo-cycle)),0,0)}}
@media(max-width:700px){.work-strip{padding:15px 0;margin-bottom:0}.work-logo-group{gap:40px;padding-right:40px}.work-dot{width:32px;height:32px}.work-dot img{width:21px;height:21px}.work-dot-securescribe img{width:22px;height:16px}.work-dot-driftr img{width:25px;height:25px}.work-dot-anson img{width:24px;height:24px}.nav{flex-wrap:wrap;gap:16px}.nav nav{gap:16px}.nav .nav-cta{white-space:nowrap}}
@media(max-width:420px){.nav nav{width:100%;justify-content:space-between}.nav nav>a{font-size:11px}.nav .nav-cta{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.work-track,.work-track.is-looping{width:100%;animation:none;transform:none;will-change:auto}.work-logo-group{width:100%;justify-content:center;gap:clamp(25px,6vw,80px);padding:0}.work-logo-group[data-duplicate]{display:none}.work-viewport{mask-image:none;-webkit-mask-image:none}}

/* Four quiet benefits, with the future dashboard kept to one illustrated card. */
.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
.benefits:after{left:12.5%;right:12.5%}
.dashboard-scene img{display:block;width:100%;max-width:300px;height:auto;border:1px solid #dfe3e6;border-radius:8px;box-shadow:0 8px 22px #17211a08}
.benefit-dashboard .dashboard-status{margin-top:10px;font-size:10px;line-height:1.5;color:#56634e}
.dashboard-preview-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;font-size:11px;line-height:1.4;color:#405b2d;text-decoration:underline;text-underline-offset:4px}
.dashboard-preview-link svg{width:14px;height:14px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:701px) and (max-width:1199px){
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:22px}
  .benefit{padding-bottom:20px}
  .benefit:nth-child(3){border-left:0}
  .benefit:nth-child(n+3){border-top:1px solid #d9dfd6;padding-top:20px}
  .benefit:after,.benefits:after{display:none}
}

/* Phone thumbnails remain fully visible, with a separate, comfortable action. */
@media(max-width:640px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}
  .grid .preview{aspect-ratio:auto}
  .grid .preview-link{height:auto;aspect-ratio:1.58;overflow:hidden}
  .grid .preview-image{height:100%;aspect-ratio:1.58}
  .grid .preview-start{position:relative;inset:auto;display:flex;justify-content:space-between;min-height:44px;padding:10px 8px;gap:5px;border:0;border-top:1px solid #c8d8b3;border-radius:0;font-size:11px;line-height:1.3;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;visibility:visible;transform:none}
  .grid .preview-start>.template-cta-arrow{width:14px;height:14px;flex-basis:14px}
  .grid .card-meta{display:block;position:relative;padding-top:12px;min-height:66px}
  .grid .card-meta h3{padding-right:28px;font-size:15px;line-height:1.25;letter-spacing:-.3px}
  .grid .card-meta p{font-size:11px;line-height:1.5;margin-top:6px}
  .grid .card-meta>.template-arrow{position:absolute;top:10px;right:0;width:24px;height:24px;flex-basis:24px;border-radius:7px}
  .grid .template-arrow svg{width:14px;height:14px}
  .home-nav.home-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
  .home-nav.home-nav nav>a:not(.nav-cta){min-height:44px;font-size:13px}
  .home-nav.home-nav .nav-cta{margin-left:0;justify-content:space-between;min-height:44px;font-size:12px;padding:11px 12px}
  .filter-chip{min-height:44px}
}