.steps>div{position:relative;cursor:pointer;transition:border-color .25s ease,transform .25s ease}.steps>div:after{content:"+";position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff4a;background:#0f1213d9;color:#fff;font:500 22px/1 "Barlow Condensed";transition:.25s ease}.steps>div:hover,.steps>div:focus-visible{border-color:#c52b2f;transform:translateY(-3px)}.steps>div:hover:after,.steps>div:focus-visible:after{border-color:#c52b2f;background:#c52b2f;transform:rotate(90deg)}.steps>div:focus-visible{outline:3px solid #fff;outline-offset:4px}
.workflow-modal{width:min(1220px,calc(100% - 40px));max-height:92vh;padding:0;border:1px solid #ffffff2c;background:#101314;color:#fff;box-shadow:0 35px 100px #000d;overflow:auto}.workflow-modal[open]{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)}.workflow-modal::backdrop{background:#040506e6;backdrop-filter:blur(6px)}.workflow-modal-close{position:fixed;right:max(calc((100vw - 1220px)/2 + 15px),35px);top:max(4vh,24px);z-index:6;width:46px;height:46px;border:1px solid #ffffff60;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer}.workflow-modal-close:hover,.workflow-modal-close:focus-visible{background:#c52b2f;color:#fff}.workflow-modal-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.workflow-modal-media{position:sticky;top:0;align-self:start;min-height:680px;height:92vh;max-height:820px;background:#070809;overflow:hidden}.workflow-modal-media img{display:block;width:100%;height:100%;object-fit:cover}.workflow-modal-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#101314 100%);pointer-events:none}.workflow-modal-copy{position:relative;padding:68px 54px 48px}.workflow-modal-index{display:block;margin-bottom:22px;color:#d42e33;font:600 14px "Barlow Condensed";letter-spacing:.18em}.workflow-modal-copy h2{margin:24px 0 22px;font:600 clamp(42px,5vw,68px)/.94 "Barlow Condensed"}.workflow-modal-copy>p{margin:0 0 30px;color:#b7bdc0;font-size:16px;line-height:1.75}.workflow-detail-grid{border-top:1px solid #ffffff25}.workflow-detail-item{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid #ffffff1e}.workflow-detail-item b{color:#d42e33;font:600 13px "Barlow Condensed";letter-spacing:.1em}.workflow-detail-item h3{margin:0 0 6px;font:600 20px "Barlow Condensed"}.workflow-detail-item p{margin:0;color:#959da0;font-size:14px;line-height:1.6}.workflow-deliverable{margin-top:28px;padding:18px 20px;border-left:3px solid #c52b2f;background:#ffffff08;color:#d7dbdc;font-size:14px;line-height:1.65}.workflow-modal-cta{display:inline-flex;align-items:center;min-height:46px;margin-top:28px;padding:0 20px;background:#a51d22;color:#fff;font:600 14px "Barlow Condensed";letter-spacing:.08em}.workflow-modal-cta:hover,.workflow-modal-cta:focus-visible{background:#c52b2f}.workflow-modal-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.workflow-modal[open]{display:block}.workflow-modal{width:min(720px,calc(100% - 24px));max-height:94vh}.workflow-modal-media{position:relative;height:auto;min-height:0;aspect-ratio:3/2}.workflow-modal-media:after{background:linear-gradient(180deg,transparent 75%,#101314 100%)}.workflow-modal-copy{padding:40px 28px}.workflow-modal-close{position:absolute;right:12px;top:12px}}
@media(max-width:560px){.workflow-modal-copy{padding:34px 22px}.workflow-modal-copy h2{font-size:40px}.workflow-detail-item{grid-template-columns:32px 1fr}.workflow-modal-media{aspect-ratio:4/3}.steps>div:after{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.steps>div,.steps>div:after{transition:none}}