#project-2>.case-body{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:50px;align-items:center}
#project-2 .agent-intro,#project-2 .agent-facts{min-width:0}
#project-2 .agent-intro h3{margin-bottom:15px}
#project-2 .agent-intro .project-summary{font-size:15px;margin-bottom:10px}
#project-2 .agent-intro .project-focus{font-size:13px;margin-bottom:0}
#project-2 .agent-facts .project-results{padding-top:0;border-top:0;gap:28px}
#project-2 .agent-facts .project-results strong{font-size:35px}
#project-2 .agent-facts .project-context{margin:12px 0 0;font-size:11px;max-width:330px}
#project-2 .agent-strategies{grid-column:1/-1;order:3;min-width:0;width:100%;margin-top:5px}
#project-2 .strategy-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:16px}
#project-2 .strategy-heading>span:last-child{font-size:11px;color:var(--muted)}
#project-2 .strategy-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
#project-2 .strategy-tabs button{flex:1 0 auto;border:1px solid var(--line-strong);border-radius:5px;background:transparent;color:var(--ink-soft);font:12px/1.7 var(--sans);padding:10px 16px;cursor:pointer;white-space:nowrap;transition:background-color .18s,color .18s,border-color .18s;min-height:42px}
#project-2 .strategy-tabs button:hover{border-color:var(--green);color:var(--green)}
#project-2 .strategy-tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:var(--paper)}
#project-2 .strategy-viewport{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:23px 26px}
#project-2 .agent-strategy-panel[hidden]{display:none!important}
#project-2 .agent-strategy-panel{animation:strategy-reveal .2s ease-out}
#project-2 .strategy-caption h4{font:500 20px/1.6 var(--serif);margin:0 0 8px}
#project-2 .strategy-caption p{font-size:12px;line-height:1.85;margin:0 0 20px;color:var(--ink-soft);max-width:890px}
#project-2 .strategy-effect{min-width:0}
#project-2 .strategy-effect>.source-figure{margin:0}
#project-2 .strategy-effect>.source-figure .imgbox{height:355px;padding:13px;background:#fff;border:1px solid #d9dfd8;border-radius:4px;cursor:zoom-in}
#project-2 .strategy-effect>.source-figure img{height:100%;width:100%;object-fit:contain;max-width:100%;display:block;filter:none}
#project-2 .strategy-effect>.source-figure figcaption{display:none}
#project-2 .strategy-effect .route-demo{margin:0;padding:0;border:0;background:none}
#project-2 .strategy-effect .route-input{margin-bottom:20px;padding:10px 16px;background:var(--paper)}
#project-2 .strategy-effect .route-branches>button{background:var(--paper);padding:13px}
#project-2 .strategy-effect .editor-destination{background:var(--paper);margin-top:15px;padding:13px 18px}
#project-2 .strategy-effect .route-explanation{margin-bottom:0}
#project-2 .strategy-effect .route-branches strong{font-size:13px}
#project-2 .strategy-effect .flow-junction{height:23px}
#project-2 .strategy-effect .image-case{padding:0;border:0;background:none}
#project-2 .strategy-effect .image-triptych .imgbox{height:235px}
#project-2 .strategy-effect .image-triptych figcaption{font-size:12px}
@keyframes strategy-reveal{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){#project-2>.case-body{display:block}#project-2 .agent-facts{margin-top:23px}#project-2 .agent-facts .project-results{gap:35px}#project-2 .agent-facts .project-context{max-width:none}#project-2 .strategy-viewport{padding:20px}#project-2 .strategy-caption h4{font-size:18px}#project-2 .strategy-effect>.source-figure .imgbox{height:330px}#project-2 .strategy-heading>span:last-child{font-size:10px}}
@media(max-width:550px){#project-2 .strategy-heading{display:block}#project-2 .strategy-heading>span:last-child{display:block;margin-top:6px}#project-2 .strategy-tabs{gap:7px}#project-2 .strategy-tabs button{padding:9px 12px;font-size:11px}#project-2 .strategy-viewport{padding:18px 14px}#project-2 .strategy-caption h4{font-size:18px}#project-2 .strategy-caption p{font-size:12px}#project-2 .strategy-effect>.source-figure .imgbox{height:300px;padding:5px}#project-2 .strategy-effect .image-triptych .imgbox{height:190px}#project-2 .strategy-effect .route-branches>button{padding:12px 9px}#project-2 .strategy-effect .route-input{padding:10px;font-size:11px}#project-2 .strategy-effect .editor-destination{padding:12px 9px}#project-2 .strategy-effect .route-explanation{min-height:42px}}
@media(prefers-reduced-motion:reduce){#project-2 .agent-strategy-panel{animation:none}#project-2 .strategy-tabs button{transition:none}}