.work-page{width:100%;padding-top:var(--spacing-12);padding-bottom:var(--spacing-16)}.work-intro{max-width:var(--measure);margin-bottom:var(--spacing-16)}.work-intro h1{font-size:var(--text-hero)}.work-intro>p{margin-top:var(--spacing-6);font-size:var(--text-lg);color:var(--color-deep)}.work-project{border-top:var(--border-hairline) solid var(--color-deep);padding-top:var(--spacing-8)}.work-project+.work-project{margin-top:var(--spacing-8)}.work-upcoming{padding-bottom:var(--spacing-4)}.work-project-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:var(--spacing-12);margin-bottom:var(--spacing-8)}.work-project-type{font-size:var(--text-sm);color:var(--color-deep);margin-bottom:var(--spacing-3)}.work-project-heading>p{max-width:var(--measure);color:var(--color-deep)}.work-screens{display:grid;grid-template-columns:4fr 1fr;align-items:end;gap:var(--spacing-6);padding:var(--spacing-8);background:var(--color-ink);border-radius:var(--radius-xl)}.work-screens img{display:block;width:100%;height:auto}.work-screens-app{grid-template-columns:minmax(0,5fr) minmax(0,1fr);align-items:center}.work-tour{position:relative}.work-tour-video{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.work-tour-video.is-playing{opacity:1}.work-iphone{width:100%;justify-self:center;padding:var(--spacing-2);border:var(--border-structural) solid var(--color-mist);border-radius:var(--spacing-8);background:var(--color-device-frame)}.work-iphone,.work-iphone-screen{position:relative;overflow:hidden}.work-iphone-screen{border-radius:var(--radius-xl);background:var(--color-paper-lift)}.work-desktop-screen,.work-mobile-screen{overflow:hidden;border:var(--border-hairline) solid var(--color-mist);border-radius:var(--radius-lg)}.work-preview figcaption{margin-top:var(--spacing-3);font-size:var(--text-sm);color:var(--color-deep)}.work-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);padding-block:var(--spacing-8);border-bottom:var(--border-hairline) solid var(--color-deep)}.work-facts dt{font-size:var(--text-sm);color:var(--color-deep);margin-bottom:var(--spacing-2)}.work-facts dd{font-weight:600}.work-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-10);padding-block:var(--spacing-12)}.work-details h3{font-size:var(--text-xl);margin-bottom:var(--spacing-4)}.work-details p,.work-details ul{color:var(--color-deep)}.work-details ul{list-style:disc;padding-left:var(--spacing-5)}.work-details li+li{margin-top:var(--spacing-2)}.work-details .cta{margin-top:var(--spacing-6)}.work-contact{border-top:var(--border-hairline) solid var(--color-deep);padding-top:var(--spacing-10);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8)}.work-contact h2{font-size:var(--text-2xl);max-width:var(--layout-content)}@media (max-width:767px){.work-details,.work-project-heading{grid-template-columns:1fr;gap:var(--spacing-8)}.work-screens{grid-template-columns:3fr 1fr;gap:var(--spacing-3);padding:var(--spacing-4)}.work-facts{grid-template-columns:1fr;gap:var(--spacing-5)}.work-screens-app{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.work-iphone{padding:var(--spacing-1);border-radius:var(--spacing-4)}.work-iphone-screen{border-radius:var(--spacing-3)}.work-contact{flex-direction:column;align-items:start}}