@layer composition {
 .service-examples{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:.9rem;max-width:49ch}.service-examples>span,.pair-label{display:block;font-size:.66rem;letter-spacing:.06em;color:var(--accent);font-weight:600}.service-examples p{font-size:.86rem;color:var(--muted);margin:.45rem 0 0}
 .request-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:3rem var(--gutter);border-block:1px solid var(--line)}.request-detail article{min-width:0}.request-detail h3{font-size:1.5rem;line-height:1.2}.request-detail p{font-size:.9rem;color:var(--muted);margin-top:1rem;max-width:65ch}
 .collaboration-detail{grid-column:1/-1;padding-top:1.8rem;border-top:1px solid var(--line)}.collaboration-detail>h3{font-size:1.45rem}.collaboration-detail ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8rem;margin:1.5rem 0 0;padding:0;list-style:none;counter-reset:collaboration}.collaboration-detail li{counter-increment:collaboration}.collaboration-detail li:before{content:counter(collaboration,decimal-leading-zero);font-size:.73rem;color:var(--accent)}.collaboration-detail h4{font-size:.95rem;line-height:1.35;margin:.6rem 0}.collaboration-detail p{font-size:.84rem;color:var(--muted);margin:0}
 .work-examples{padding:3.5rem var(--gutter);border-top:1px solid var(--line)}.examples-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:2.5rem}.examples-intro h2{max-width:18ch}.examples-intro>p{font-size:.92rem;color:var(--muted);max-width:52ch;margin:0}.examples-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.example-pair{min-width:0;border-top:1px solid var(--line);padding:1rem 0 1.4rem;position:relative}.example-pair>header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .7rem;font-size:.65rem;color:var(--muted);line-height:1.5}.example-number{color:var(--accent);font-variant-numeric:tabular-nums}.example-languages{margin-inline-start:auto;font-size:.6rem;white-space:nowrap}.pair-text{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem}.pair-text>div{min-width:0}.pair-text>div+div{padding-inline-start:1rem;border-inline-start:1px solid var(--line)}.pair-text p{font-size:.85rem;line-height:1.6;margin:.6rem 0 0;overflow-wrap:anywhere;hyphens:auto}.pair-text strong{font-weight:700}.pair-label{font-size:.61rem;color:var(--muted)}
 .example-pair:after{content:"";position:absolute;top:-1px;inset-inline-start:0;width:25%;height:1px;background:var(--accent);transition:width .5s ease}.example-pair:hover:after{width:100%}.examples-jump{display:inline-flex;align-items:center;min-height:44px;margin-top:1rem;font-size:.84rem}
 @supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){html[data-motion-allowed=true] .example-pair:after{animation:pair-rule linear both;animation-timeline:view();animation-range:entry 0% entry 90%}}}
 @keyframes pair-rule{from{width:0}to{width:45%}}
 @media(max-width:1250px){.examples-sequence{grid-template-columns:1fr}.collaboration-detail ol{grid-template-columns:1fr 1fr}}
 @media(max-width:620px){.request-detail,.examples-intro{grid-template-columns:1fr;gap:1.6rem}.request-detail,.work-examples{padding-block:2.5rem}.examples-intro{margin-bottom:1.5rem}.examples-intro h2{font-size:2.35rem}.pair-text{grid-template-columns:1fr;gap:.85rem}.pair-text>div+div{padding-inline-start:0;border-inline-start:0}.example-pair{padding-bottom:1.6rem}.collaboration-detail ol{grid-template-columns:1fr;gap:1.2rem}.pair-text p{font-size:.92rem}.example-languages{margin-inline-start:0}}
 @media(forced-colors:active){.example-pair:after{display:none}}
 @media print{.work-examples,.request-detail{padding:1rem}.example-pair{break-inside:avoid}.examples-sequence{grid-template-columns:1fr}.example-pair:after{display:none}}
}
@layer preferences {
 .example-pair p{white-space:pre-line}
 [data-motion=reduce] .example-pair:after,[data-mode=low] .example-pair:after,[data-motion-allowed=false] .example-pair:after{animation:none;transition:none}
}