/* Isolated editorial workflow prototype. No production selectors are overridden. */
.workflow{background:#101619;color:#f0efed;padding:92px max(32px,calc((100% - 1280px)/2));scroll-margin-top:64px}
.wf-heading{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:56px}
.workflow h2{font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.045em}
.wf-heading>p{max-width:355px;font-size:16px;line-height:1.6;color:#b7bfc2;padding-bottom:4px}
.wf-sequence{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.wf-step{min-width:0;border-top:1px solid #5d6567;padding-top:18px}
.workflow h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:450;margin:0 0 13px}
.wf-step header p{color:#b7bfc2;font-size:14px;line-height:1.65;min-height:94px;max-width:350px}
.wf-step figure{margin:28px 0 0}
.workflow figcaption{font:10px/1.6 var(--mono);color:#9ba7ac;margin-top:20px}
.wf-session{padding-top:20px}
.wf-window{display:flex;justify-content:space-between;font:10px/1.5 var(--mono);color:#c9d0d2;border-bottom:1px solid #4a5559;padding-bottom:15px}
.wf-ruler{display:flex;justify-content:space-between;margin:16px 0 9px 42%;font:9px/1.3 var(--mono);color:#8d9ba2}
.wf-track{display:grid;grid-template-columns:42% 58%;align-items:center;height:23px;border-bottom:1px solid #293338;gap:0}
.wf-track>span{font:9px/1 var(--mono);color:#bfc8cb;white-space:nowrap}
.wf-track i{height:13px;border-left:2px solid #e4e7e6;background:repeating-linear-gradient(90deg,transparent 0 2px,#9ba8ae 2px 3px,transparent 3px 5px,#65767e 5px 7px);opacity:calc(.4 + var(--seed)*.035);clip-path:polygon(0 25%,8% 5%,17% 32%,25% 15%,36% 30%,49% 10%,62% 35%,75% 5%,90% 25%,100% 15%,100% 85%,90% 75%,75% 95%,62% 65%,49% 90%,36% 70%,25% 85%,17% 68%,8% 95%,0 75%)}
.wf-file{display:flex;gap:14px;padding:20px 0 0;font:11px/1.9 var(--mono);color:#d9dfe0}.wf-file b{font-size:25px;font-weight:400;color:#819199}.wf-more{display:block;color:#93a1a8;font-size:10px}
.wf-app{text-align:center}.workflow .wf-device-wrap{padding:0;background:transparent;display:inline-block}.workflow .device{--device-width:224px;text-align:left}.wf-app figcaption{max-width:230px;margin:20px auto 0}
.wf-return{padding-top:20px}.wf-delivery{display:flex;gap:12px;align-items:center;border:1px solid #4a5559;padding:15px 16px;margin-bottom:18px}.wf-audio-icon{font-size:32px;line-height:1}.wf-delivery div{flex:1}.wf-delivery strong{display:block;font:12px/1.5 var(--mono);font-weight:400}.wf-delivery div span{font-size:11px;color:#aab4b8}.wf-delivery>span:last-child{font:9px/1 var(--mono);color:#aab4b8}
.wf-notes{padding:26px;background:#f0efed;color:#101619;box-shadow:0 12px 30px #0002}.wf-note-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c6cdcc;padding-bottom:18px;font:10px/1 var(--mono)}.wf-note-head img{width:61px;height:auto}.wf-notes h4{font-size:23px;font-weight:450;line-height:1.2;letter-spacing:-.04em;margin:24px 0 6px}.wf-notes>p{font-size:11px;color:#56636b}.wf-notes dl{margin:22px 0 0}.wf-notes dl>div{border-top:1px solid #c6cdcc;padding:13px 0}.wf-notes dt{font-size:12px;font-weight:550;margin-bottom:9px}.wf-notes dd{display:flex;justify-content:space-between;font:11px/1.9 var(--mono);margin:0;color:#3e4b51}.wf-notes dd b{font-weight:400;color:#101619}.wf-note-end{font-size:10px;border-top:1px solid #c6cdcc;padding-top:13px;color:#56636b}.wf-foot{border-top:1px solid #465156;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.6}.wf-foot p{color:#aab4b8}
@media(min-width:1600px){.workflow .device{--device-width:246px}}
@media(max-width:1000px) and (min-width:761px){.wf-sequence{gap:22px}.workflow h3{font-size:21px}.workflow .device{--device-width:190px}.wf-notes{padding:18px}.wf-track>span{font-size:8px}}
@media(max-width:760px){.workflow{padding:56px 24px}.wf-heading{display:block;margin-bottom:36px}.wf-heading>p{margin-top:24px}.workflow h2{font-size:39px;text-wrap:balance}.wf-sequence{display:block}.wf-step{padding-top:18px;margin-top:38px}.wf-step header p{min-height:0;max-width:430px;font-size:15px}.workflow h3{font-size:27px}.wf-step figure{margin-top:26px}.wf-session{max-width:440px}.wf-track{height:25px}.wf-track>span{font-size:10px}.wf-app{padding:8px 0}.workflow .device{--device-width:242px}.wf-return{max-width:440px}.wf-notes{padding:27px}.wf-foot{display:block;margin-top:36px}.wf-foot p{margin-top:8px}.wf-heading>p br{display:none}}
@media(max-width:359px){.workflow{padding-inline:20px}.workflow h2{font-size:34px}.wf-track>span{font-size:9px}.workflow .device{--device-width:224px}}
@media(prefers-reduced-motion:no-preference){.workflow .device{transition:transform .35s ease}.workflow .wf-app:hover .device{transform:translateY(-4px)}}