/* Three independent fictional jobs, shown together rather than as tabs of one job. */
.workbench-v2{background:#173d2e;color:#f3f0e7}
.workbench-v2 .section-heading{align-items:flex-start}
.workbench-v2 .section-heading>div:last-child{max-width:440px}
.workbench-v2 .section-heading .eyebrow{font-size:14px;line-height:1.6;letter-spacing:.1em}
.workbench-v2 .section-heading>div:last-child>p:not(.effect-note){font-size:17px;line-height:1.75}
.workbench-v2 .effect-note{font-size:14px!important;line-height:1.75}
.workbench-v2 .demo-tag{color:#dbed79;font-size:14px;line-height:1.5}
.wb-primary-invite{display:flex;align-items:center;justify-content:space-between;gap:35px;width:100%;background:#dbed79;color:#153b29;border:2px solid #ecf5b1;border-radius:5px;padding:26px 32px;box-shadow:7px 7px 0 #092719;transition:transform .2s,box-shadow .2s}
.wb-primary-invite>span:first-child{display:flex;flex-direction:column;gap:9px;min-width:0}.wb-primary-invite small{font-size:14px;font-weight:900;letter-spacing:.13em}.wb-primary-invite strong{font-family:Manrope,Arial,sans-serif;font-weight:850;letter-spacing:-.04em;line-height:1.12;font-size:clamp(24px,3.1vw,43px)}
.wb-primary-invite .wb-invite-arrow{display:grid;place-items:center;flex-shrink:0;width:61px;height:61px;border-radius:50%;border:1px solid #43683b;font-size:37px;line-height:1}.wb-primary-invite:hover{background:#edf5a1;transform:translateY(-3px);box-shadow:7px 10px 0 #092719}.wb-primary-invite:focus-visible{outline:3px solid #fff2bc;outline-offset:7px}
.wb-invite-note{max-width:90ch;color:#c8d7bc;font-size:16px;line-height:1.8;margin:22px 0 25px}
.wb-motion-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 20px;padding:16px 0;border-top:1px solid #91ad8e70}
.wb-motion-bar>span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.07em;line-height:1.6;color:#dce5ca}
.wb-motion-bar>span i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#dbed79;box-shadow:0 0 10px #dbed7933}
.wb-motion-bar button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 15px;background:#284f3a;color:#e9efd9;border:1px solid #91ad8e;border-radius:3px;font-size:16px;font-weight:750;white-space:nowrap}
.wb-motion-bar button:hover{background:#385e43}.wb-motion-bar button:focus-visible{outline:3px solid #dbed79;outline-offset:4px}
.wb-motion-bar button[aria-pressed=true]{background:#dbe9b1;color:#173d2e;border-color:#dbe9b1}.wb-motion-bar button:disabled{opacity:.65;cursor:default}
.wb-motion-bar button>span{font-size:18px}
.wb-motion-status{color:#b6c8b1;font-size:14px;line-height:1.65;margin:0 0 27px;max-width:75ch}
.wb-job-grid{display:grid;gap:25px}
.wb-job{--wb-accent:#dbed79;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);border:1px solid #8aa48288;border-radius:5px;overflow:hidden;background:#1d4634;box-shadow:6px 6px 0 #0e2b2055}
.wb-job--fabrication{--wb-accent:#ffc997}.wb-job--installation{--wb-accent:#aff0d7}
.wb-animation-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;background:#102c23;border-right:1px solid #8aa48270;position:relative}
.wb-animation-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;letter-spacing:.08em;font-weight:850;color:var(--wb-accent);padding:20px 24px 0}
.wb-animation-caption>span:last-child{font-size:24px;line-height:1;flex-shrink:0}
.workbench-animation{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;margin:auto 0}
.wb-illustration-note{display:block;text-align:center;padding:0 15px 20px;font-size:14px;line-height:1.7;font-weight:600;letter-spacing:.06em;color:#adc2aa}
.wb-job-copy{min-width:0;padding:32px 34px 34px}
.wb-job-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:26px}
.wb-stage{display:inline-flex;align-items:center;gap:9px;color:var(--wb-accent);font-size:17px;font-weight:800}
.wb-stage svg{flex-shrink:0}
.wb-status{color:#dde8d0;background:#31563e;padding:5px 9px;border:1px solid #75937255;border-radius:3px;font-size:14px;letter-spacing:.02em;line-height:1.5}
.wb-project-label{font-size:14px;font-weight:650;letter-spacing:.07em;color:#b8c9b0;margin:0 0 8px}
.wb-job h3{font-size:clamp(27px,3vw,43px);line-height:1.05;color:#f3f0e7;letter-spacing:-.045em;margin:0 0 16px}
.wb-description{color:#d0dbc5;font-size:17px;line-height:1.8;max-width:58ch;margin-bottom:16px}
.wb-tasks{list-style:none;padding:0;margin:0 0 23px;color:#dbe4cd;font-size:16px;line-height:1.7}
.wb-tasks li{position:relative;padding-left:24px;margin:10px 0}.wb-tasks li:before{content:'✓';position:absolute;left:0;top:0;color:var(--wb-accent);font-size:16px}
.wb-job-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;border-top:1px solid #80977855;padding-top:18px;margin-bottom:20px}
.wb-due{display:flex;flex-direction:column;gap:8px;min-width:0}.wb-due>span,.wb-progress>span{font-size:14px;font-weight:800;letter-spacing:.1em;color:#b9cbb1}
.wb-due strong{font-size:16px;font-weight:650;line-height:1.5;color:#e7edd8}
.wb-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 10px;min-width:0}.wb-progress strong{font-size:18px;line-height:1;color:var(--wb-accent)}
.wb-progress progress{width:100%;grid-column:1/-1;appearance:none;display:block;height:5px;border:0;border-radius:2px;overflow:hidden;background:#426048;color:var(--wb-accent)}
.wb-progress progress::-webkit-progress-bar{background:#426048}.wb-progress progress::-webkit-progress-value{background:var(--wb-accent)}.wb-progress progress::-moz-progress-bar{background:var(--wb-accent)}
.wb-job-link{font-size:16px!important;color:var(--wb-accent);gap:12px;line-height:1.5;min-height:42px}.wb-job-link:hover{color:#fff6d9}.wb-job-link:focus-visible{outline-color:#dbed79}
.wb-next-slot{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px;padding-top:31px;border-top:1px solid #91ad8e70}
.wb-next-slot>div{max-width:550px}.wb-next-slot .eyebrow{font-size:14px;margin-bottom:14px;color:#cfddbd}.wb-next-slot h3{font-size:clamp(29px,3vw,42px);color:#f3f0e7;margin-bottom:15px;line-height:1.05}.wb-next-slot p:last-child{font-size:17px;line-height:1.8;color:#c1d0b5;margin:0;max-width:56ch}
.wb-next-slot>.button{flex-shrink:0;font-size:16px;gap:20px}
.wb-job--waiting{--wb-accent:#e3ef9b;border:2px solid #d9e88c;background:#25472e;box-shadow:6px 6px 0 #0b291b66}
.wb-job--waiting .wb-animation-panel{background:#0d3023;border-color:#7d9b67}
.wb-job--waiting .wb-waiting-copy{display:flex;flex-direction:column;justify-content:center;padding-block:35px}
.wb-job--waiting .wb-stage{color:#e1ecb1}.wb-job--waiting .wb-status{background:#edf2d3;color:#2e5a37;border-color:#8cac71}
.wb-job--waiting .wb-project-label{color:#c0d59f}.wb-job--waiting h3{color:#f1f0d5;font-size:clamp(34px,4vw,56px);line-height:1.03;max-width:13ch;margin-bottom:20px}
.wb-job--waiting .wb-description{color:#d4e2bf;font-size:17px;line-height:1.8}
.wb-waiting-note{color:#b9d09f;font-size:16px;line-height:1.8;max-width:56ch;margin:0 0 24px}
.wb-waiting-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;width:100%;padding:23px 25px;background:#dbed79;color:#153b29;border:2px solid #f0f5bc;border-radius:4px;box-shadow:5px 5px 0 #102d1c;font-family:Manrope,Arial,sans-serif;font-size:clamp(20px,2.2vw,31px);font-weight:850;line-height:1.2;letter-spacing:-.035em;transition:transform .2s,box-shadow .2s}
.wb-waiting-cta>span:last-child{font-size:40px;flex-shrink:0}.wb-waiting-cta:hover{background:#eff5b1;transform:translateY(-3px);box-shadow:5px 8px 0 #102d1c}.wb-waiting-cta:focus-visible{outline:3px solid #f2f8b7;outline-offset:6px}
.wb-waiting-disclaimer{font-size:14px;line-height:1.75;color:#bad0a2;margin:19px 0 0;max-width:65ch}
html[data-lights=off] .workbench-v2{background:#0b1a15}
html[data-lights=off] .wb-job{background:#142e22;border-color:#45684e;box-shadow:6px 6px 0 #0005}
html[data-lights=off] .wb-animation-panel{background:#091d17;border-color:#45684e}
html[data-lights=off] .wb-status{background:#22482f}
html[data-lights=off] .wb-stage svg{filter:drop-shadow(0 0 5px #b5ec8d44)}
html[data-lights=off] .wb-job--waiting{background:#243c22;border-color:#bed78d}
html[data-lights=off] .wb-job--waiting .wb-stage{color:#dbe9a0}html[data-lights=off] .wb-job--waiting .wb-status{background:#dbe9a0;color:#203d27;border-color:#dbe9a0}
html[data-lights=off] .wb-job--waiting .wb-project-label{color:#b6d19b}html[data-lights=off] .wb-job--waiting h3{color:#edf0d0}html[data-lights=off] .wb-job--waiting .wb-description{color:#d0dec0}
html[data-lights=off] .wb-waiting-note,html[data-lights=off] .wb-waiting-disclaimer{color:#b9d1a2}
html[data-lights=off] .wb-waiting-cta{background:#dbe9a0;color:#183b25;border-color:#eef4bd;box-shadow:4px 4px 0 #0c2416}html[data-lights=off] .wb-waiting-cta:hover{background:#eff5bf}html[data-lights=off] .wb-waiting-cta:focus-visible{outline-color:#ecf3bf}
@media(min-width:1600px){.wb-job-copy{padding:34px 42px}.wb-job{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)}}
@media(max-width:1050px){.wb-job-bottom{grid-template-columns:1fr}.wb-job-top{align-items:flex-start}.wb-status{max-width:100%;overflow-wrap:anywhere}.wb-job{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}.wb-job-copy{padding:24px}.wb-job h3{font-size:34px}.wb-job-top{gap:9px;margin-bottom:20px}.wb-status{font-size:14px}.wb-animation-caption{padding:18px 17px 0;font-size:14px}.wb-illustration-note{font-size:14px}.wb-job-bottom{gap:15px}.wb-next-slot{gap:25px;align-items:flex-start}.wb-next-slot>.button{font-size:16px;max-width:265px;white-space:normal;text-align:left;line-height:1.5;padding:13px 17px}}
@media(max-width:760px){.wb-motion-bar>span{max-width:100%}.wb-primary-invite{min-width:0}.wb-primary-invite strong{overflow-wrap:anywhere}.wb-waiting-cta{padding:20px;gap:15px}.wb-project-label{letter-spacing:.06em}.wb-illustration-note{letter-spacing:.04em}.wb-primary-invite{padding:23px 21px;gap:16px;box-shadow:4px 4px 0 #092719}.wb-primary-invite strong{font-size:30px}.wb-primary-invite small{font-size:14px}.wb-primary-invite .wb-invite-arrow{width:42px;height:42px;font-size:27px}.wb-invite-note{font-size:16px;margin:18px 0 23px}.wb-job{grid-template-columns:1fr}.wb-animation-panel{border-right:0;border-bottom:1px solid #8aa48270}.workbench-animation{max-height:320px}.wb-animation-caption{padding:20px 23px 0;font-size:14px}.wb-illustration-note{font-size:14px;padding-bottom:18px}.wb-job-copy{padding:25px}.wb-job h3{font-size:38px}.wb-description{font-size:17px}.wb-job-top{margin-bottom:24px}.wb-stage{font-size:17px}.wb-status{font-size:14px}.wb-next-slot{display:block;margin-top:32px}.wb-next-slot>.button{margin-top:25px;max-width:100%;font-size:16px}.wb-motion-status{font-size:14px}.wb-motion-bar>span{font-size:14px;max-width:23ch}.wb-motion-bar button{font-size:16px}}
@media(max-width:400px){.wb-motion-bar>span{max-width:100%}.wb-primary-invite .wb-invite-arrow{width:35px;height:35px;font-size:25px}.wb-waiting-cta>span:last-child{font-size:30px}.wb-waiting-cta{gap:12px;padding:18px}.wb-job-link{gap:8px}.wb-animation-caption{padding-inline:18px}.wb-job-copy{padding:22px 19px}.wb-job h3{font-size:32px}.wb-job-bottom{gap:15px;grid-template-columns:1fr}.wb-progress{max-width:100%}.wb-motion-bar{gap:12px}.wb-motion-bar>span{font-size:14px}.wb-motion-bar button{padding:8px 9px;font-size:16px}.wb-status{font-size:14px}.wb-illustration-note{font-size:14px}.wb-next-slot h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.workbench-v2 *{animation:none!important;transition:none!important}}
@media print{.wb-motion-bar button,.wb-motion-status{display:none}.wb-job{break-inside:avoid;box-shadow:none;border-color:#777}.wb-job-copy{padding:20px}.wb-job h3,.wb-description,.wb-tasks,.wb-stage,.wb-due strong,.wb-project-label,.wb-progress>span,.wb-progress strong{color:#111}.wb-job,.wb-animation-panel{background:#fff}.workbench-v2{background:#fff;color:#111}.wb-next-slot{display:none}}