/* Sample of Work page only. Uses styles.css tokens. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sow-hero .h1{background:linear-gradient(180deg,var(--hero-grad-from),var(--hero-grad-to));-webkit-background-clip:text;background-clip:text;color:transparent}
.sow-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sow-index a{padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-weight:600;font-size:14px;transition:background-color 300ms var(--ease)}
.sow-index a:hover{background:var(--bg-soft)}
.sow-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sow-cap{padding:20px;border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--border)}
.sow-cap h3{font-size:18px;line-height:24px;margin:10px 0 6px}
.sow-cap-ico{font-size:24px;color:var(--cyan)}
.sow-lab{font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:20px 0 8px}
.sow-caps-wrap .sow-lab{margin-top:0;margin-bottom:16px}
.sow-row{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.sow-rev .sow-media{order:2}
.sow-media{position:relative;padding-bottom:40px}
.sow-shot{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--bg-card);box-shadow:0 30px 60px rgba(0,0,0,.30)}
.sow-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-soft)}
.sow-bar i{width:10px;height:10px;border-radius:50%;background:var(--bg-soft2)}
.sow-bar span{margin-left:10px;font-size:12px;color:var(--text-muted)}
.sow-shot img,.sow-phone img{width:100%;height:auto}
.sow-phone{position:absolute;right:-16px;bottom:0;width:170px;border-radius:26px;border:6px solid var(--bg-soft2);overflow:hidden;background:#000;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.sow-rev .sow-phone{right:auto;left:-16px}
.sow-num{font-size:14px;font-weight:700;color:var(--text-muted);margin-bottom:10px}
.sow-pill{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--border);border-radius:999px;padding:4px 12px;margin-bottom:12px}
.sow-built li{padding:8px 0 8px 26px;position:relative;border-bottom:1px solid var(--border);color:var(--text-muted)}
.sow-built li::before{content:"\2713";position:absolute;left:0;color:var(--cyan)}
.sow-chips{display:flex;flex-wrap:wrap;gap:8px}
.sow-chips li{font-size:13px;padding:4px 12px;border-radius:999px;background:var(--bg-soft)}
.sow-visit{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-weight:700;color:var(--cyan)}
.sow-visit:hover{text-decoration:underline}
.sow-final{text-align:center;align-items:center}
.sow-final .lead{margin-left:auto;margin-right:auto;max-width:620px}
.sow-final .h2{margin-left:auto;margin-right:auto}
.sow-final .cta-row{justify-content:center}
@media (max-width:900px){
  .sow-caps{grid-template-columns:repeat(2,1fr)}
  .sow-row{grid-template-columns:1fr;gap:32px}
  .sow-rev .sow-media{order:0}
  .sow-phone{width:120px;right:-6px}
  .sow-rev .sow-phone{left:auto;right:-6px}
}
@media (max-width:520px){.sow-caps{grid-template-columns:1fr}}
