.studio-site .hero-transition{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px 48px;padding-block:34px;display:flex}.studio-site .hero-capabilities{min-width:0}.studio-site .hero-transition .hero-capabilities-label{color:var(--muted,#5b6255);letter-spacing:.085em;margin:0 0 12px;font-size:.6875rem;line-height:1.6}.studio-site .hero-capabilities-list{letter-spacing:-.035em;flex-wrap:wrap;align-items:center;gap:8px 0;margin:0;padding:0;font-size:clamp(1.25rem,2.1vw,1.875rem);font-weight:500;line-height:1.35;list-style:none;display:flex}.studio-site .hero-capabilities-list li{white-space:nowrap;align-items:center;display:flex}.studio-site .hero-capabilities-list li+li:before{content:"";background:#858b7b;border-radius:50%;flex-shrink:0;width:3px;height:3px;margin-inline:clamp(12px,1.35vw,20px)}.studio-site .hero-work-link{flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;min-height:52px;font-size:.875rem;font-weight:600;line-height:1.5;display:inline-flex}.studio-site .hero-work-icon{width:52px;height:52px;color:var(--foreground);background:var(--green);border-radius:50%;place-items:center;transition:background .18s,color .18s;display:grid}.studio-site .hero-work-icon svg{transition:transform .18s ease-out}.studio-site .hero-work-link:is(:hover,:focus-visible) .hero-work-icon{color:var(--green);background:var(--foreground)}.studio-site .hero-work-link:is(:hover,:focus-visible) svg{transform:translateY(2px)}@media (max-width:900px){.studio-site .hero-transition{gap:24px}.studio-site .hero-capabilities-list{font-size:1.25rem}.studio-site .hero-capabilities-list li+li:before{margin-inline:12px}}@media (max-width:760px){.studio-site .hero-transition{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:26px;display:grid}.studio-site .hero-transition .hero-capabilities-label{margin-bottom:14px}.studio-site .hero-capabilities-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.75rem),1fr));gap:8px 24px;max-width:400px;font-size:1.25rem;display:grid}.studio-site .hero-capabilities-list li+li:before{content:none}.studio-site .hero-work-link{justify-self:stretch}.studio-site .hero-work-icon{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.studio-site .hero-work-icon,.studio-site .hero-work-icon svg{transition:none}.studio-site .hero-work-link:is(:hover,:focus-visible) svg{transform:none}}html[data-motion=off] .studio-site .hero-work-icon,html[data-motion=off] .studio-site .hero-work-icon svg{transition:none}html[data-motion=off] .studio-site .hero-work-link:is(:hover,:focus-visible) svg{transform:none}