/* Real artifacts and the decisions behind them. */
.story-intro{max-width:710px;margin-bottom:54px}.story-intro h2{font-size:clamp(29px,3.4vw,46px);line-height:1.35;letter-spacing:-.025em;margin:0 0 22px}.story-intro p{color:#b8b4c0;line-height:1.9}
.flow-step{padding:34px 0 48px;border-top:1px solid #34313b}.flow-step h3{font-size:27px;font-weight:500;margin:12px 0 18px;letter-spacing:-.02em}.flow-step p{line-height:1.9;color:#c3becb;max-width:40ch}.flow-index{font-size:13px;color:#baa2de;font-variant-numeric:tabular-nums}.flow-step figure{margin:28px 0 0}.flow-step img{width:100%;display:block;border-radius:4px}.flow-step figcaption,.flow-panel figcaption{font-size:12px;line-height:1.8;color:#b8b4c0;margin-top:16px}.flow-stage{display:none}
.flow-enhanced{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:start}.flow-enhanced .flow-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:44px 0}.flow-enhanced .flow-step figure{display:none}.flow-enhanced .flow-stage{display:block;position:sticky;top:140px;height:min(570px,calc(100vh - 175px))}.flow-panel{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .42s cubic-bezier(.16,1,.3,1),visibility .42s;pointer-events:none}.flow-panel.is-active{opacity:1;visibility:visible}.flow-visual{height:calc(100% - 66px);background:#18161d;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:5px}.flow-visual img{display:block;width:100%;height:100%;object-fit:contain}.flow-visual.dna-summary img{width:155%;height:auto;max-width:none;flex-shrink:0;transform:translate(6%,17%)}.flow-visual.prompt-output img{width:auto;height:118%;max-width:100%;object-fit:contain;transform:translateY(-7%)}.flow-step.is-active h3{color:#e0cef8}
.case-editorial{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:54px;align-items:center;margin:44px 0}.case-editorial.reverse{grid-template-columns:1fr 1.65fr}.case-editorial.reverse figure{order:2}.case-editorial figure{margin:0}.case-editorial img{display:block;width:100%;border-radius:5px}.decision-notes h3{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.5;margin:0 0 10px}.decision-notes p{font-size:14px;line-height:1.9;color:#625c67;margin:0}.decision-notes>div{padding:21px 0;border-bottom:1px solid #d7d2da}.decision-notes>div:first-child{padding-top:0}.decision-notes>div:last-child{border-bottom:0}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:44px 0}.case-pair figure{margin:0}.case-pair img{width:100%;height:260px;object-fit:cover;object-position:top;border-radius:5px;display:block}.case-pair figcaption{padding-top:18px;font-size:14px;line-height:1.8;color:#625c67}.case-pair figcaption strong{display:block;font-size:23px;color:#27222d;margin-bottom:8px;font-weight:500}
@media(max-width:959px){.case-editorial,.case-editorial.reverse{grid-template-columns:1fr;gap:28px}.case-editorial.reverse figure{order:0}.decision-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.decision-notes>div{padding:0;border:0}.story-intro{margin-bottom:34px}}
@media(max-width:600px){.flow-step{padding:30px 0 38px}.flow-step h3{font-size:25px}.flow-step p{max-width:none}.decision-notes{display:block}.decision-notes>div,.decision-notes>div:first-child{padding:18px 0;border-bottom:1px solid #d7d2da}.case-pair{grid-template-columns:1fr;gap:36px}.case-pair img{height:auto}.case-editorial{margin:30px 0}.story-intro h2{font-size:30px}}
.flow-story:not(.flow-enhanced) .flow-step .flow-visual{height:auto;aspect-ratio:1.6}.flow-story:not(.flow-enhanced) .flow-step .flow-visual img{width:100%;height:auto;max-width:100%;transform:none}.flow-story:not(.flow-enhanced) .flow-step .prompt-output{height:480px;aspect-ratio:auto}.flow-story:not(.flow-enhanced) .flow-step .prompt-output img{width:auto;height:118%;transform:translateY(-7%)}
.flow-step h3 .flow-index{font-size:inherit;font-weight:400;margin-right:8px}
@media(prefers-reduced-motion:reduce){.flow-panel{transition:none}}