.workflow-lab-page{--ink:#241710;--copper:#e06d4f;--paper:#fff2df;min-height:100vh;color:var(--paper);background:#1e120e;overflow:clip}.workflow-lab-header{z-index:100;color:#2d1a13;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff5e4db;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 4vw;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 8px 28px #2a12081f}.workflow-lab-header a{color:inherit;text-transform:uppercase;letter-spacing:.08em;font:700 12px/1 Manrope,sans-serif;text-decoration:none}.workflow-lab-header>a:last-child{justify-self:end}.workflow-lab-back{align-items:center;gap:8px;display:inline-flex}.workflow-lab-intro{text-align:center;background:radial-gradient(circle at 50% 100%,#944d39 0,#4b281f 34%,#180e0b 78%);place-content:center;min-height:88svh;padding:22vh 6vw 10vh;display:grid}.workflow-lab-intro p{color:#efb69d;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font:700 12px/1 Manrope,sans-serif}.workflow-lab-intro h1{letter-spacing:-.04em;text-wrap:balance;max-width:900px;margin:0;font:500 clamp(3.2rem,7vw,6rem)/.92 Bodoni Moda,serif}.workflow-lab-choice{justify-content:center;gap:12px;margin-top:42px;display:flex}.workflow-lab-choice a,.workflow-compare a{color:#fff4e7;border:1px solid #ffffff59;align-items:center;gap:8px;min-height:48px;padding:0 20px;font:700 13px/1 Manrope,sans-serif;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex}.workflow-lab-choice a:first-child{color:#241710;background:#fff2df}.workflow-lab-choice a:hover,.workflow-compare a:hover{color:#241710;background:#fff2df;transform:translateY(-2px)}.workflow-scroll{height:650vh;position:relative}.workflow-stage{isolation:isolate;background:#d77b5f;height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden}.workflow-sky{z-index:-4;background:url(/workflow-lab/cloud-aperture-stage.png) 50%/cover no-repeat;position:absolute;inset:-3%;transform:scale(1.06)}.workflow-vignette{z-index:-3;pointer-events:none;background:linear-gradient(90deg,#23110cbd,#0000 37% 69%,#23110c59),linear-gradient(#0000 52%,#190c096b);position:absolute;inset:0}.workflow-topbar{z-index:70;color:#fff5e6d1;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font:700 11px/1 Manrope,sans-serif;display:flex;position:absolute;inset:92px 4vw auto}.workflow-topbar div{align-items:center;gap:8px;display:flex}.workflow-live-dot{background:#ff6b4a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #ff6b4a2e}.workflow-type-test{z-index:75;color:#2b1711;background:#fff2dff2;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;top:118px;right:4vw;box-shadow:0 10px 30px #33150c29}.workflow-type-test>span{color:#8e5848;letter-spacing:.11em;text-transform:uppercase;padding:0 8px;font:800 8px/1 Manrope,sans-serif}.workflow-type-test button{color:#70483c;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;min-height:34px;padding:0 11px;font:700 9px/1 Manrope,sans-serif}.workflow-type-test button b{margin-right:5px;font-size:10px}.workflow-type-test button.active{color:#fff7eb;background:#183c35}.workflow-type-test button:focus-visible{outline-offset:2px;outline:2px solid #ff6b4a}.workflow-copy{z-index:60;color:#2b1711;background:#fff2dff0;width:min(470px,38vw);padding:30px 32px 29px;transition:background .35s,color .35s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:18vh;left:4vw;box-shadow:14px 24px 54px #31140c33}.workflow-counter{color:#fff4e7;letter-spacing:.1em;background:#b94730;margin-bottom:18px;padding:7px 9px;font:800 12px/1 Manrope,sans-serif;display:inline-flex}.workflow-copy h2{color:#2b1711;letter-spacing:-.028em;text-wrap:balance;max-width:10.5ch;margin:0;font:600 clamp(2.55rem,3.75vw,4.55rem)/.98 Bodoni Moda,serif}.workflow-copy p{color:#57372e;max-width:39ch;margin:20px 0 0;font:600 16px/1.6 Manrope,sans-serif}.workflow-stage[data-type-variant=a] .workflow-counter{color:#fff4e7}.workflow-stage[data-type-variant=a] .workflow-copy:after{content:"";background:#ff6b4a;width:36px;height:3px;position:absolute;bottom:22px;right:-18px}.workflow-stage[data-type-variant=b] .workflow-copy{color:#fff3e2;background:#183c35f5;width:min(520px,42vw);left:auto;right:4vw;transform:translateY(18px)}.workflow-stage[data-type-variant=b] .workflow-counter{color:#ffad8b;margin-bottom:15px}.workflow-stage[data-type-variant=b] .workflow-copy h2{color:#fff7ed;letter-spacing:-.03em;max-width:12ch;font-family:Manrope,sans-serif;font-size:clamp(2.35rem,3.45vw,4.15rem);font-weight:800;line-height:.98}.workflow-stage[data-type-variant=b] .workflow-copy p{color:#d8e2d6;max-width:40ch;font-size:16px;font-weight:500;line-height:1.55}.workflow-stage[data-type-variant=b] .workflow-copy:before{content:"";background:#ff6b4a;width:72px;height:5px;position:absolute;top:-5px;left:32px}.workflow-aperture{z-index:2;aspect-ratio:1;will-change:transform;border-radius:50%;width:min(38vw,620px);position:absolute}.workflow-aperture-left{top:18vh;left:-16vw}.workflow-aperture-right{width:min(28vw,450px);top:13vh;right:-18vw}.workflow-aperture:before,.workflow-aperture:after,.workflow-aperture i{content:"";border:clamp(6px,1vw,15px) solid #ffd8bbd1;border-radius:50%;position:absolute;inset:0;box-shadow:inset 4px 2px 7px #fffc,inset -8px -4px 16px #682a1780,7px 11px 32px #41190d40}.workflow-aperture:after{border-color:#87402bb3;inset:12%}.workflow-aperture i:first-child{inset:22%}.workflow-aperture i:nth-child(2){border-color:#ffe9d0a8;inset:34%}.workflow-aperture i:nth-child(3){clip-path:polygon(50% 0,67% 23%,100% 25%,82% 51%,100% 76%,67% 77%,50% 100%,33% 77%,0 75%,18% 51%,0 25%,33% 23%);background:conic-gradient(from 20deg,#2a150f80,#ffe9d166,#3a1c14b3,#ffddc08c,#2a150f80);border:0;inset:43%}.workflow-aperture i:nth-child(n+4){display:none}.workflow-photo-field{z-index:20;position:absolute;inset:0}.workflow-photo{aspect-ratio:16/10;will-change:transform, left, top;background:#fff4e6;width:clamp(105px,11vw,190px);margin:0;padding:6px;transition:outline-color .2s,box-shadow .2s;position:absolute;box-shadow:6px 12px 34px #2e130c4d}.workflow-photo img{object-fit:cover;width:100%;height:100%;display:block}.workflow-photo-motion{object-fit:cover;width:calc(100% - 12px);height:calc(100% - 12px);transition:opacity .12s linear;position:absolute;inset:6px}.workflow-photo span{color:#fff;background:#180f0ccc;padding:5px 7px;font:800 9px/1 Manrope,sans-serif;position:absolute;top:10px;left:10px}.workflow-photo.is-selected{outline:3px solid #ff6b4a;box-shadow:0 0 0 7px #ff6b4a38,6px 12px 34px #2e130c4d}.workflow-photo figcaption{color:#ffead7;text-transform:uppercase;letter-spacing:.07em;background:#180f0ceb;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;height:24px;padding:0 8px;font:800 7px/1 Manrope,sans-serif;display:grid;position:absolute;inset:auto 6px 6px}.workflow-photo figcaption i{background:#fff3;height:2px}.workflow-photo figcaption b{background:#ff6b4a;height:100%;display:block}.workflow-transition-junction{z-index:34;clip-path:polygon(0 18%,50% 42%,100% 18%,100% 82%,50% 58%,0 82%);background:#ff6b4a;width:20px;height:20px;position:absolute;top:70%;transform:translate(-50%,-50%)}.workflow-editor{z-index:13;color:#ffd8c6;will-change:transform, opacity;background:linear-gradient(#1b120ff5,#0d0b0afa);width:min(76vw,1180px);min-height:28vh;padding:24px 28px;position:absolute;bottom:5vh;left:50%;box-shadow:0 28px 70px #250e077a}.workflow-editor-labels{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:9vh;display:grid}.workflow-editor-labels span{color:#efa98e;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;font:800 10px/1 Manrope,sans-serif;display:flex}.workflow-playhead{z-index:4;background:#ff7458;width:2px;position:absolute;top:20px;bottom:17px;box-shadow:0 0 12px #ff745899}.workflow-playhead:before{content:"";background:#ff7458;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.workflow-waveform{border-top:1px solid #ffffff1f;align-items:center;gap:3px;height:58px;padding:0 1%;display:flex}.workflow-waveform i{opacity:.82;background:#e8694f;flex:1;min-width:2px}.workflow-proof-link{z-index:46;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.workflow-proof-link path{fill:none;stroke:#fff0dc;stroke-width:.34px;stroke-dasharray:1.5 1;filter:drop-shadow(0 2px 3px #2c1008b3);vector-effect:non-scaling-stroke}.workflow-proof{z-index:50;color:#ffe4c8;will-change:transform, opacity;background:#183c35;border:1px solid #ffd6a780;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:min(270px,24vw);padding:16px;display:grid;position:absolute;top:13vh;right:4vw;box-shadow:8px 18px 46px #1e0c0759}.workflow-proof-check{color:#ffb38b;border:2px solid #ffb38b;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.workflow-proof strong,.workflow-proof small{font-family:Manrope,sans-serif;display:block}.workflow-proof strong{text-transform:uppercase;letter-spacing:.09em;font-size:12px}.workflow-proof small{color:#b9c8b6;margin-top:5px;font-size:10px}.workflow-proof-pair{border-top:1px solid #ffffff26;grid-column:1/-1;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:6px;padding-top:11px;display:grid}.workflow-proof-pair img{aspect-ratio:16/10;object-fit:cover;width:54px}.workflow-proof-pair span{color:#b9c8b6;background:0 0;padding:0;font-size:7px;position:static}.workflow-progress{z-index:80;background:#ffffff2e;height:4px;position:absolute;inset:auto 0 0}.workflow-progress i{transform-origin:0;background:#ff6b4a;width:100%;height:100%;display:block}.workflow-reduced-summary{display:none}.workflow-seedance{background:#6f3c2e;height:390vh;position:relative}.workflow-seedance-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.workflow-seedance video,.workflow-seedance-poster{object-fit:cover;width:100%;height:100%;transition:opacity .32s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.workflow-seedance-poster{z-index:1;opacity:1}.workflow-seedance-poster.is-hidden{opacity:0}.workflow-seedance-shade{pointer-events:none;background:linear-gradient(90deg,#170d0aa3,#170d0a0f 58%,#0000),linear-gradient(#0000 58%,#170d0a52);position:absolute;inset:0}.workflow-seedance-copy{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f100b7a;width:min(460px,37vw);padding:24px 26px;position:absolute;top:17vh;bottom:auto;left:5vw}.workflow-seedance-copy span{color:#ffb390;letter-spacing:.12em;text-transform:uppercase;font:800 11px/1 Manrope,sans-serif}.workflow-seedance-copy h2{letter-spacing:-.035em;text-wrap:balance;margin:14px 0 18px;font:500 clamp(2.7rem,4.3vw,4.8rem)/.94 Bodoni Moda,serif}.workflow-seedance-copy p{color:#fff1e0d1;margin:0;font:500 14px/1.5 Manrope,sans-serif}.workflow-seedance-steps{z-index:4;border-top:1px solid #ffeeda4d;grid-template-columns:repeat(4,minmax(115px,1fr));width:min(54vw,760px);display:grid;position:absolute;bottom:5vh;right:4vw}.workflow-seedance-steps span{color:#fff0de7a;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid #ffeeda29;min-height:56px;padding:14px 12px 0;font:700 10px/1.25 Manrope,sans-serif;transition:color .18s,background .18s}.workflow-seedance-steps span.active{color:#fff0df;background:linear-gradient(#ff6b4a33,#0000)}.workflow-seedance-steps b{color:#ff9a77;margin-bottom:6px;font-size:8px;display:block}.workflow-compare{text-align:center;background:#183c35;place-content:center;min-height:100svh;padding:15vh 6vw;display:grid}.workflow-compare>p{color:#b9c8b6;max-width:58ch;margin:0 auto 22px;font:500 15px/1.6 Manrope,sans-serif}.workflow-compare h2{letter-spacing:-.04em;text-wrap:balance;max-width:780px;margin:0;font:500 clamp(3rem,6vw,6rem)/.92 Bodoni Moda,serif}.workflow-compare div{justify-content:center;gap:12px;margin-top:40px;display:flex}@media (max-width:760px){.workflow-lab-header{height:62px;padding:0 18px}.workflow-lab-header>a:last-child{display:none}.workflow-lab-intro{padding-inline:22px}.workflow-lab-choice,.workflow-compare div{flex-direction:column;align-items:stretch}.workflow-stage,.workflow-seedance-sticky{min-height:700px}.workflow-topbar{inset:78px 18px auto}.workflow-type-test{top:108px;right:16px}.workflow-type-test>span{display:none}.workflow-copy{width:calc(100vw - 34px);padding:22px;top:20vh;left:17px}.workflow-copy h2{max-width:10ch;font-size:clamp(2.55rem,12vw,4rem)}.workflow-stage[data-type-variant=b] .workflow-copy{width:calc(100vw - 34px);left:17px;right:auto;transform:none}.workflow-stage[data-type-variant=b] .workflow-copy h2{font-size:clamp(2.2rem,10.5vw,3.5rem)}.workflow-aperture-left{width:72vw;top:42%;left:-30vw}.workflow-aperture-right{width:52vw;top:46%;right:-25vw}.workflow-photo{width:26vw}.workflow-photo:nth-child(2),.workflow-photo:nth-child(4),.workflow-photo:nth-child(5){display:none}.workflow-photo figcaption{height:18px;font-size:5px}.workflow-transition-junction{display:none}.workflow-editor{width:94vw;min-height:24vh;padding:18px 14px;bottom:3vh}.workflow-editor-labels{margin-bottom:7vh}.workflow-proof{width:230px;top:auto;bottom:29vh;right:14px}.workflow-proof-pair,.workflow-proof-link{display:none}.workflow-seedance-copy{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#1e100cb8,#1e100c57);width:calc(100vw - 44px);padding:18px;top:16vh;bottom:auto;left:22px}.workflow-seedance-copy h2{max-width:10ch;font-size:clamp(2.7rem,12vw,4rem)}.workflow-seedance-shade{background:linear-gradient(#0000 30%,#170d0ad6)}.workflow-seedance-steps{grid-template-columns:repeat(4,1fr);width:calc(100vw - 28px);bottom:16px;right:14px}.workflow-seedance-steps span{min-width:0;padding:10px 5px 0;font-size:7px}}@media (prefers-reduced-motion:reduce){.workflow-scroll,.workflow-seedance{height:auto}.workflow-stage{display:none}.workflow-seedance-sticky{position:relative}.workflow-progress{display:none}.workflow-copy,.workflow-editor,.workflow-proof,.workflow-photo{transition:none!important}.workflow-reduced-summary{background:#7e493a url(/workflow-lab/cloud-aperture-stage.png) 50%/cover;grid-template-columns:repeat(4,1fr);gap:18px;padding:120px 6vw 80px;display:grid}.workflow-reduced-summary article{background:#190f0ce0;min-height:280px;padding:18px}.workflow-reduced-summary span{color:#ffb18f;text-transform:uppercase;letter-spacing:.1em;font:800 10px/1 Manrope,sans-serif}.workflow-reduced-summary h3{margin:12px 0 24px;font:500 28px/1 Bodoni Moda,serif}.workflow-reduced-summary img{aspect-ratio:16/10;object-fit:cover;width:100%}.workflow-reduced-summary article:first-child div{gap:4px;display:flex}.workflow-reduced-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.workflow-reduced-summary{grid-template-columns:1fr;padding-inline:20px}}