.workflow-section{padding:80px 5vw;background:#0e0d09;border-top:1px solid #efeadd30}.workflow-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.workflow-heading h2{font-size:clamp(45px,6vw,90px);max-width:760px}.workflow-heading p{max-width:330px;color:#c2bbad;font-size:14px;line-height:1.7}.workflow-entry{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;margin-bottom:65px;align-items:center}.workflow-image{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#262219}.workflow-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.workflow-image:hover img{transform:scale(1.035)}.workflow-image span,.workflow-image b{position:absolute;padding:12px 16px;background:#16140fe8;font:11px 'JetBrains Mono',monospace}.workflow-image span{top:15px;left:15px}.workflow-image b{bottom:15px;right:15px;background:#efeadd;color:#16140f}.workflow-copy h3{font-size:clamp(32px,4vw,55px);margin:18px 0}.workflow-copy h3 a{text-decoration:none}.workflow-copy>p:not(.label){font-size:14px;line-height:1.75;color:#c2bbad}.workflow-tools{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.workflow-tools span{padding:7px 10px;border:1px solid #efeadd40;font:10px 'JetBrains Mono',monospace}.workflow-copy small{display:block;color:#d9907f;font:10px/1.7 'JetBrains Mono',monospace;margin-top:12px}.workflow-next{border-top:1px solid #efeadd30;padding-top:24px;display:flex;gap:25px;justify-content:space-between;color:#c2bbad;font-size:13px}.workflow-next strong{color:#efeadd}@media(max-width:700px){.workflow-section{padding:55px 6vw}.workflow-heading{display:block}.workflow-heading p{margin-top:22px}.workflow-entry{grid-template-columns:1fr;gap:22px;margin-bottom:50px}.workflow-next{display:block}.workflow-next p{margin-top:12px}}@media(prefers-reduced-motion:reduce){.workflow-image img{transition:none}.workflow-image:hover img{transform:none}}

#workflowTitle{scroll-margin-top:110px}.workflow-image:focus-visible,.workflow-copy a:focus-visible{outline:2px solid #df604c;outline-offset:6px}

.workflow-entry{scroll-margin-top:105px}.workflow-entry:target .workflow-copy h3{color:#df7161}.workflow-share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px;font-size:12px}.workflow-share a,.workflow-share button{min-height:44px;display:inline-flex;align-items:center}.workflow-share button{padding:10px 15px;background:none;border:1px solid #efeadd70;color:#efeadd}.workflow-share button:focus-visible{outline:2px solid #df7161;outline-offset:4px}.workflow-share input{max-width:100%;width:300px;background:#efeadd;color:#16140f;padding:12px;border:0}.workflow-share [role=status]{max-width:100%;color:#c2bbad}
