.workflow-page{padding:64px 0 100px}.workflow-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;display:grid}.workflow-hero h1{font-size:clamp(58px,6.5vw,96px)}.workflow-hero h1 em{color:var(--accent);font-weight:500}.workflow-hero>div>p:not(.eyebrow){max-width:570px;margin-top:24px;font-size:18px}.workflow-hero .round-link{margin-top:28px}.workflow-loop{background:var(--purple);color:#20201e;box-shadow:8px 8px 0 var(--text);border:1px solid #20201e;padding:30px 34px;transform:rotate(1deg)}.workflow-loop>p{color:#20201e;font-size:11px}.workflow-loop ol{margin:24px 0;padding:0;list-style:none}.workflow-loop li{border-top:1px solid #20201e40;align-items:center;gap:22px;padding:20px 0;display:flex}.workflow-loop li>span{font-size:12px}.workflow-loop strong{font:600 32px/1.2 var(--display);letter-spacing:-.03em}.workflow-loop li p{color:#37303f;margin-top:4px;font-size:15px}.workflow-loop-return{background:var(--lime);align-items:center;gap:15px;padding:16px;font-size:14px;line-height:1.5;display:flex}.workflow-loop-return>span{font-size:30px}.workflow-definition,.workflow-context{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:70px;margin-top:100px;padding-top:42px;display:grid}.workflow-definition h2{font-size:40px}.workflow-definition p:not(.eyebrow),.workflow-context p{margin:20px 0;font-size:17px}.workflow-anatomy{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}.workflow-anatomy>span{border-top:2px solid var(--accent);padding-top:15px;font-size:14px}.workflow-anatomy b{font:11px var(--mono);color:var(--accent);margin-bottom:14px;display:block}.workflow-practices{grid-template-columns:1fr 1.5fr;gap:70px;margin-top:100px;scroll-margin-top:36px;display:grid}.workflow-section-heading h2{font-size:46px}.workflow-section-heading>p:last-child{max-width:340px;margin-top:24px}.workflow-practice{border-top:1px solid var(--line)}.workflow-practice:last-child{border-bottom:1px solid var(--line)}.workflow-practice summary{cursor:pointer;align-items:center;gap:20px;padding:28px 0;list-style:none;display:flex}.workflow-practice summary::-webkit-details-marker{display:none}.workflow-practice summary>div{flex:1}.workflow-practice summary .mono{color:var(--accent);font-size:11px}.workflow-practice h3{margin-top:8px;font-size:30px}.workflow-practice[open] summary>svg{transform:rotate(45deg)}.workflow-practice-body{padding:0 0 30px 36px}.workflow-practice-body p{font-size:16px}.workflow-example{background:var(--surface);border-left:3px solid var(--accent);margin:22px 0;padding:24px}.workflow-example>.mono{font-size:11px}.workflow-example p{margin-top:12px}.workflow-practice-body .workflow-outcome{color:var(--text);font-weight:550}.workflow-context h2{font-size:46px}.workflow-context p:first-child{margin-top:0}.workflow-context .note{font-size:14px}.workflow-end{background:var(--surface);justify-content:space-between;align-items:center;gap:40px;margin-top:80px;padding:40px;display:flex}.workflow-end h2{max-width:650px;font-size:42px}.workflow-end p:last-child{max-width:600px;margin-top:22px}.workflow-end .button{flex-shrink:0}@media (max-width:1000px){.workflow-hero{gap:35px}.workflow-definition,.workflow-context,.workflow-practices{grid-template-columns:1fr 1.6fr;gap:35px}.workflow-loop{padding:24px}.workflow-anatomy{grid-template-columns:1fr 1fr}}@media (max-width:700px){.workflow-page{padding:28px 0 60px}.workflow-hero,.workflow-definition,.workflow-context,.workflow-practices{grid-template-columns:1fr;gap:30px}.workflow-hero h1{font-size:clamp(52px,12vw,74px)}.workflow-hero>div>p:not(.eyebrow){margin-top:20px;font-size:17px}.workflow-loop{margin-right:6px;padding:24px;transform:none}.workflow-loop strong{font-size:29px}.workflow-loop li p{font-size:15px}.workflow-definition,.workflow-context,.workflow-practices{margin-top:56px}.workflow-definition,.workflow-context{padding-top:28px}.workflow-definition>.eyebrow{margin:0}.workflow-definition h2,.workflow-section-heading h2,.workflow-context h2{font-size:36px}.workflow-section-heading>p:last-child{max-width:none;font-size:16px}.workflow-practice summary{gap:12px;padding:24px 0}.workflow-practice h3{font-size:27px}.workflow-practice-body{padding-left:0}.workflow-example{padding:20px}.workflow-end{margin-top:48px;padding:26px;display:block}.workflow-end h2{font-size:34px}.workflow-end .button{margin-top:26px}}