.work-stories>.section-heading{margin-bottom:4.5rem}.work-stories>.section-heading h2{max-width:22ch}.work-stories>.section-heading p{max-width:65ch;margin-top:1.5rem;font-size:1rem}.work-story{border-top:1px solid var(--line);padding-block:4.5rem}.work-story .eyebrow,.engineering-foundations .eyebrow{font-size:.8rem}.story-copy h3{letter-spacing:-.045em;overflow-wrap:anywhere;margin-block:1.3rem 1.7rem;font-size:clamp(2.25rem,4.2vw,3.6rem)}.story-copy p:not(.eyebrow){color:var(--muted);max-width:58ch}.story-copy strong{color:var(--ink)}.story-link{margin-top:1.8rem}#playground{display:none}.story-link span{color:inherit}.story-engineering{border-top:3px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4rem;padding-bottom:5.5rem;display:grid}.story-engineering h3{font-size:clamp(2.6rem,4.5vw,4rem)}.engineering-foundations{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,3rem);display:flex}.foundation-journey{gap:1rem;margin:0;list-style:none;display:grid}.foundation-journey li{border-top:1px solid #68716a;grid-template-columns:3.5rem 1fr;gap:1rem;padding-top:.8rem;display:grid}.foundation-journey li>span{color:#eeb2a2;font-size:.8rem}.foundation-journey strong{font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.35}.foundation-fact{border-top:1px solid #68716a;padding-top:1.5rem}.foundation-fact strong{letter-spacing:-.065em;font-size:clamp(3rem,5vw,4.5rem);line-height:1.2;display:block}.foundation-fact span{max-width:28ch;margin-top:.5rem;font-size:.9rem;display:block}.story-universalis,.story-guessr{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:4rem;padding-block:5.5rem;display:grid}.story-universalis .figure-placeholder{aspect-ratio:4/5}.work-story .figure-placeholder{text-align:center;background:var(--tint);border:0;border-radius:0;padding:1.5rem}.work-story .figure-placeholder span,.work-story figcaption{font-size:.875rem}.story-numbers{color:var(--muted);flex-wrap:wrap;gap:1.2rem 3rem;margin:1.7rem 0 0;padding:0;list-style:none;display:flex}.story-numbers strong{letter-spacing:-.04em;color:var(--ink);margin-right:.3rem;font-size:1.5rem;font-weight:650}.story-unbalanced{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:4rem;padding-bottom:0;display:grid}.story-unbalanced h3{font-size:clamp(2rem,3vw,2.75rem)}.story-portfolio{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:4rem;padding-bottom:0;display:grid}.portfolio-source-link{margin-top:1.8rem;display:inline-block}.portfolio-evolution{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,3rem);display:flex}.portfolio-evolution .eyebrow{color:#eeb2a2}.portfolio-evolution ol{gap:1.4rem;margin:0;list-style:none;display:grid}.portfolio-evolution li{border-top:1px solid #68716a;grid-template-columns:3.5rem 1fr;gap:1rem;padding-top:.9rem;display:grid}.portfolio-evolution li span{color:#eeb2a2;font-size:.8rem}.portfolio-evolution li strong{font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.35}.portfolio-languages{border-top:1px solid #68716a;padding-top:1.5rem;font-size:.9rem}.editorial-case .case-header{max-width:980px}.editorial-case .case-header h1{overflow-wrap:anywhere;font-size:clamp(2.7rem,5.8vw,5rem)}.editorial-case>.engineering-foundations{max-width:48rem;margin-block:3rem}.editorial-case .case-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:3.5rem;display:grid}.editorial-case .case-section>h2{align-self:start;position:sticky;top:2rem}.editorial-case .prose{margin-left:0}.editorial-case .prose strong{color:var(--ink);font-weight:600}.editorial-case .prose .prose-divider{border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem}.editorial-case .project-figure{margin-bottom:3rem}.case-context{margin-top:1.5rem;font-size:1rem}@media (width<=900px){.story-engineering,.story-universalis,.story-guessr,.story-unbalanced,.story-portfolio,.editorial-case .case-section{gap:2rem}}@media (width<=720px){.work-stories>.section-heading{margin-bottom:2.5rem}.work-story{padding-block:3rem}.story-engineering,.story-universalis,.story-guessr,.story-unbalanced,.story-portfolio,.editorial-case .case-section{grid-template-columns:minmax(0,1fr)}.story-engineering h3{font-size:clamp(2.3rem,8vw,3.3rem)}.story-universalis .figure-placeholder{aspect-ratio:4/3}.story-numbers{gap:.6rem;display:grid}.editorial-case .case-section{gap:1.5rem}.editorial-case .case-section>h2{position:static}}