#workflowIllustration{display:grid;grid-template-columns:25% 1fr;position:absolute;inset:0 0 34px;background:#e9ede4;color:#172118;overflow:hidden}.study-art{position:relative;overflow:hidden;border-right:1px solid #c9d2c1}.study-art>img{width:100%;height:100%;object-fit:cover;object-position:73% center}.study-art>span{position:absolute;bottom:18px;left:18px;font:8px/1.8 var(--mono);color:#eff8e8;text-shadow:0 1px 5px #000}.study-content{padding:25px 30px;display:flex;flex-direction:column;min-width:0}.study-heading{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:#607050}.study-heading svg{width:15px;height:15px}.study-content h4{font:500 28px/1.15 var(--font);margin:20px 0 9px;max-width:370px}.study-meta{font:7px/1.7 var(--mono);color:#687b57;margin-bottom:20px}.study-script{font:11px/1.9 var(--mono);max-width:420px}.study-script p{margin-bottom:12px}.study-foot{font-size:8px;color:#627653;display:flex;align-items:center;gap:8px;border-top:1px solid #c6d0bb;margin-top:auto;padding-top:13px}.study-foot svg{width:13px;height:13px;flex-shrink:0}.study-table>div{display:grid;grid-template-columns:20px 1fr 1fr;gap:10px;padding:13px 0;border-top:1px solid #cbd4c0;font-size:9px;line-height:1.5}.study-table strong{font-weight:500}.study-table>div>span:first-child{font:8px var(--mono);color:#74925a}.study-table small{font:7px var(--mono);grid-column:2/-1;color:#83956f}.study-directions>div{position:relative;padding:0 0 14px 30px}.study-directions>div>span{position:absolute;top:0;left:0;color:#789561;font:9px var(--mono)}.study-directions strong{font:500 14px var(--font)}.study-directions p{font-size:9px;color:#697f58;line-height:1.8;margin-top:3px}.study-resources>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #cbd4c0}.study-resources svg{color:#778f60;width:18px;height:18px}.study-resources span{font-size:8px;color:#7a8b69}.study-resources strong{font:500 13px/1.6 var(--font);display:block;color:#263a1e}.study-resources small{font:7px var(--mono);margin-left:auto;color:#7d8f6d}.study-timeline>div{display:grid;grid-template-columns:45px 1fr 1fr;gap:10px;align-items:center;border-top:1px solid #cbd4c0;padding:17px 0}.study-timeline time{font:9px var(--mono);color:#6c805b}.study-timeline strong{font:500 13px var(--font)}.study-timeline small{display:block;font-size:7px;color:#728861;margin-top:3px}.study-timeline b{display:block;width:var(--length);background:#a2b884;height:16px;border-left:3px solid #63863d}.study-timeline>div:nth-child(2) b{background:#91b9a3;border-color:#4e8066}.study-timeline>div:nth-child(3) b{background:#cbb591;border-color:#8e7b59}#workflowFigure.illustrated #workflowCaption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:7px}#workflowCaption a{display:flex;gap:5px;align-items:center;color:var(--lime);white-space:nowrap}#workflowCaption a svg{width:10px;height:10px}
@media(min-width:1000px){.workflow-copy p{font-size:12px}.workflow-copy .workflow-output p{font-size:10px}.result-purpose{font-size:12px}.result-problem{font-size:11px}.journey-intro>p{font-size:14px}.industry-choice,.persona-choice{font-size:12px}}
@media(max-width:1100px){#workflowIllustration{grid-template-columns:20% 1fr}.study-content{padding:20px}.study-content h4{font-size:24px;margin-top:15px}.study-meta{font-size:6px;margin-bottom:17px}.study-script{font-size:10px}.study-art>span{left:10px;font-size:6px}.study-timeline>div{grid-template-columns:38px 1fr 60px}.study-timeline strong{font-size:11px}.study-resources small{display:none}.study-resources strong{font-size:12px}.study-directions strong{font-size:13px}}
@media(max-width:640px){#workflowFigure.illustrated{height:345px}#workflowIllustration{inset:0 0 32px;grid-template-columns:20% 1fr}.study-content{padding:18px 17px}.study-content h4{font-size:23px;margin:14px 0 9px}.study-meta{font-size:6px;margin-bottom:14px}.study-script{font-size:9px;line-height:1.85}.study-directions>div{padding-bottom:12px;padding-left:22px}.study-directions strong{font-size:12px}.study-directions p{font-size:8px}.study-foot{font-size:7px;padding-top:10px}.study-resources>div{padding:13px 0}.study-resources strong{font-size:11px}.study-timeline>div{grid-template-columns:33px 1fr 38px;gap:8px;padding:15px 0}.study-timeline time{font-size:8px}.study-timeline strong{font-size:11px}.study-timeline small{font-size:6px}.study-timeline b{height:12px}.study-heading{font-size:7px}.study-table>div{font-size:8px;grid-template-columns:15px 1fr 1fr;gap:6px;padding:12px 0}.study-table small{font-size:6px}#workflowFigure.illustrated #workflowCaption{font-size:6px;padding:8px;gap:7px}.study-art>span{font-size:6px;left:8px}}
@media(max-width:640px) and (max-height:740px){.hero{min-height:0;height:calc(100svh - 30px)}.hero-content{padding-top:113px}.hero h1{font-size:60px}.hero h2{font-size:28px;margin-top:11px}.hero-content>.eyebrow{margin-bottom:16px}.hero-content>p{margin-top:15px;font-size:10px}.hero-actions{margin-top:18px;gap:12px}.hero-credit{font-size:7px;margin-top:10px}.hero-bottom{bottom:14px;gap:10px}.scene-label{top:79px;padding:7px 12px}.scene-label strong{font-size:14px}.scene-label .eyebrow{display:none}}