/* Selected artwork: each scroll stage has its own image and related cards. */
.artwork-site .invoice-section{min-height:420svh;background:radial-gradient(ellipse at 80% 55%,#e6edff99,transparent 52%),#fff}
.artwork-site .invoice-layout{height:100svh;min-height:700px;padding:110px 0 75px;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center}
.artwork-site .invoice-section .scene-copy h2{font-size:clamp(53px,5.5vw,88px);line-height:1.02}
.artwork-site .invoice-workflow-stage{position:relative;height:min(76svh,750px);min-height:530px;width:106%;margin:0 0 0 -3%;isolation:isolate}
.invoice-workflow-glow{position:absolute;inset:8% 0;background:radial-gradient(ellipse,#cbd9ff77,transparent 66%);filter:blur(30px);z-index:-1;pointer-events:none}
.invoice-workflow-frame{position:absolute;inset:0;opacity:0;will-change:transform,opacity;pointer-events:none}.invoice-workflow-frame:first-of-type{opacity:1}
.invoice-core-arrival{position:absolute;inset:12% -3% 15%;will-change:transform;pointer-events:none}.invoice-core-float{width:100%;height:100%}.invoice-core-float img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 30px #314d9d16);user-select:none}
.workflow-card-arrival{position:absolute;z-index:2;will-change:transform,opacity;--card-progress:1}.workflow-card-primary{left:0;top:1%;width:215px;transform:rotate(-7deg)}.workflow-card-secondary{right:4%;bottom:8%;width:250px;transform:rotate(5deg)}
.workflow-card-float{padding:20px;border:1px solid #fff;border-radius:19px;background:linear-gradient(145deg,#fffffff5,#edf1ffed);box-shadow:0 18px 40px #30478320,3px 5px 0 #b6c3e570,inset 0 1px #fff;backdrop-filter:blur(18px);color:#141c35}
.workflow-card-top{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#7386ac}.workflow-card-top>small{font-size:6px;letter-spacing:.11em}.workflow-card-top>b{margin-left:auto;font-size:15px;font-weight:400;color:#2813db;line-height:1}.workflow-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:30px;border-radius:8px;background:#e7eaff;color:#2410e4;font-size:21px}.workflow-icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.workflow-card-top .workflow-tag{font-size:5px;letter-spacing:.07em;background:#ece9ff;color:#6853df;border-radius:5px;padding:5px 6px;white-space:nowrap}.workflow-card-top .workflow-tag-paid{color:#12825b;background:#ddf7ec}
.workflow-card-title{font-size:23px;font-weight:500;line-height:1.1;letter-spacing:-.045em;display:block}
.workflow-client{display:flex;align-items:center;gap:8px;margin-top:16px;padding:9px 7px;border:1px solid #dce4f4;background:#ffffff9e;border-radius:7px}.workflow-client>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#e7ebff;color:#4845d7;font-size:13px}.workflow-client>div{min-width:0}.workflow-client small{display:block;font-size:5px;letter-spacing:.1em;color:#8d9db8;margin-bottom:4px}.workflow-client b{display:block;font-size:7px;font-weight:400;white-space:nowrap}
.workflow-card-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:6px;line-height:1.5;color:#7e91b4;margin-top:15px}.workflow-card-foot>b{font-size:15px;line-height:1;color:#2410df;font-weight:400}
.workflow-item{display:flex;justify-content:space-between;gap:12px;font-size:9px;padding:12px 0 13px;border-bottom:1px solid #d9e2f4}.workflow-item>b{font-weight:500}.workflow-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.workflow-total>span{font-size:8px;color:#697e9f}.workflow-total small{font-size:5px;border:1px solid #dae3f4;border-radius:3px;padding:3px;margin-left:4px;color:#91a1ba}.workflow-total>strong{font-size:27px;font-weight:500;letter-spacing:-.05em;color:#2100db}.workflow-draft-line{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:6px;color:#7c8fb0}.workflow-draft-line>span{background:#e7e5ff;color:#5b49d8;border-radius:50%;width:13px;height:13px;display:grid;place-items:center;font-size:7px}
.workflow-delivery-path{display:flex;align-items:center;gap:8px;margin-top:17px}.workflow-delivery-path>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c9d4ed;background:#f3f5ff;border-radius:50%;font-size:10px;color:#6b72cb}.workflow-delivery-path>i{height:1px;background:linear-gradient(90deg,#7569f3 calc(var(--card-progress)*100%),#d8e0f5 0);flex:1}.workflow-delivery-path>svg{width:22px;height:22px;fill:#d7dfff;stroke:#5447eb;stroke-width:1;transform:translateY(calc(var(--card-progress)*-4px))}
.workflow-card-blue .workflow-card-float{background:linear-gradient(145deg,#293ce9f5,#1100bdf7);border-color:#9badff90;color:#fff;box-shadow:0 18px 40px #263e982b,3px 5px 0 #23338466,inset 0 1px #ffffff40}.workflow-card-blue .workflow-icon{background:#ffffff19;color:#e1e8ff}.workflow-card-blue .workflow-card-top,.workflow-card-blue .workflow-card-foot{color:#bccbff}.workflow-card-blue .workflow-card-top>b{color:#d0daff}.workflow-card-blue .workflow-card-top .workflow-tag{color:#dafae9;background:#ffffff1c}.workflow-receipt{display:flex;align-items:center;gap:9px;padding:12px 10px;margin-top:17px;background:#ffffff15;border:1px solid #ffffff22;border-radius:8px}.workflow-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#08774d;background:#c8ffe3;font-size:13px;flex-shrink:0}.workflow-receipt>div strong{display:block;font-size:10px;font-weight:500}.workflow-receipt>div small{display:block;font-size:6px;color:#b7caff;margin-top:4px}.workflow-receipt>b{margin-left:auto;color:#c4d1ff;font-weight:400;font-size:16px}
.workflow-timeline{display:flex;align-items:center;gap:5px;margin-top:20px;font-size:6px;color:#7285a6}.workflow-timeline>span{display:grid;justify-items:center;gap:7px;white-space:nowrap}.workflow-timeline i{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#7667ef;color:white;font-size:8px;font-style:normal}.workflow-timeline>span:last-child i{background:#bdebd8;color:#12835b}.workflow-timeline>b{flex:1;height:1px;margin-bottom:13px;background:linear-gradient(90deg,#897cf4 calc(var(--card-progress)*100%),#d7e0f4 0)}
.workflow-icon-green{background:#dcf6e8;color:#108058}.workflow-payment{display:flex;align-items:baseline;gap:7px;margin:17px 0}.workflow-payment>strong{font-size:39px;font-weight:500;letter-spacing:-.065em;color:#14845d;line-height:1}.workflow-payment>span{font-size:7px;color:#8295af}.workflow-record{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:6px;padding:10px 0;border-top:1px solid #dce7ee;border-bottom:1px solid #dce7ee;color:#7d8faa}.workflow-record>b{font-size:5px;font-weight:400;color:#1c926b;background:#e1f6ec;border-radius:5px;padding:4px 5px}
.invoice-scene-footer{position:absolute;bottom:26px;left:6%;display:flex;align-items:center;gap:13px;color:#121a32}.invoice-scene-footer>span{font-size:6px;letter-spacing:.1em;color:#3a24dc;border-right:1px solid #cbd5ed;padding-right:13px}.invoice-scene-footer>strong{font-size:13px;font-weight:500;letter-spacing:-.025em}.invoice-workflow-note{position:absolute;bottom:0;left:6%;right:0;font-size:5px;letter-spacing:.12em;color:#8e9fbc;pointer-events:none}
.invoice-scroll-steps{width:345px;margin-top:29px;padding-top:15px}.invoice-scroll-steps>button{flex:1;display:flex;align-items:center;gap:8px;padding:8px 4px 8px 0;border:0;background:none;color:#8993ac;text-align:left;font:500 11px Desk,Arial,sans-serif;cursor:pointer;border-radius:5px;transition:color .2s}.invoice-scroll-steps>button.is-active{color:#1500de}.invoice-scroll-steps>button.is-active b{background:#1700e8;color:#fff;box-shadow:0 3px 12px #2300dd29}.invoice-scroll-steps>button.is-complete{color:#46557a}.invoice-scroll-steps>button.is-complete b{background:#e1e7ff;color:#2400d6}.invoice-scroll-steps>button:hover{color:#1600df}.invoice-scroll-steps>button:focus-visible{outline:2px solid #5145ff;outline-offset:4px}.invoice-scroll-cue{display:flex;align-items:center;gap:8px;font-size:6px;letter-spacing:.13em;color:#8594b4;margin:13px 0 0}.invoice-scroll-cue>span{width:22px;height:1px;background:#aebbf2}.invoice-scroll-cue>b{font-size:14px;font-weight:400;color:#1900df;line-height:1}
.invoice-workflow-frame.is-floating .invoice-core-float{animation:invoice-core-hover 7s ease-in-out infinite}.workflow-card-arrival.is-floating .workflow-card-float{animation:invoice-card-hover 6s ease-in-out infinite}.workflow-card-secondary.is-floating .workflow-card-float{animation-delay:-2s}
@keyframes invoice-core-hover{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes invoice-card-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.artwork-site.motion-paused .invoice-section{min-height:0}.artwork-site.motion-paused .invoice-layout{position:relative;height:auto}.motion-paused .invoice-workflow-frame,.motion-paused .invoice-core-arrival,.motion-paused .workflow-card-arrival{will-change:auto;transform:none!important}.motion-paused .invoice-core-float,.motion-paused .workflow-card-float{animation:none!important}
html:not(.js-enabled) .invoice-section{min-height:0}html:not(.js-enabled) .invoice-layout{position:relative;height:auto}html:not(.js-enabled) .invoice-workflow-stage{height:auto}html:not(.js-enabled) .invoice-workflow-frame{position:relative;height:750px;opacity:1;will-change:auto}html:not(.js-enabled) .invoice-scene-footer,html:not(.js-enabled) .invoice-scroll-steps,html:not(.js-enabled) .invoice-scroll-cue{display:none}
@media(max-width:1100px) and (min-width:681px){.artwork-site .invoice-layout{grid-template-columns:1fr 1.05fr;gap:5px}.artwork-site .invoice-section .scene-copy h2{font-size:53px}.artwork-site .invoice-workflow-stage{width:110%;margin-left:-5%;min-height:480px;height:69svh}.workflow-card-primary{width:175px}.workflow-card-secondary{width:205px;right:2%}.workflow-card-float{padding:16px}.workflow-card-title{font-size:20px}.workflow-card-top{gap:6px}.workflow-card-top>small{font-size:5px}.workflow-client b{font-size:6px}.workflow-client>span{width:20px;height:20px}.workflow-card-top .workflow-tag{font-size:4px;padding:4px}.workflow-payment>strong{font-size:33px}.invoice-scroll-steps{width:290px}}
@media(max-width:680px){.artwork-site .invoice-section{min-height:420svh}.artwork-site .invoice-layout{height:100svh;min-height:790px;padding:88px 0 35px;display:block}.artwork-site .invoice-section .scene-copy h2{font-size:clamp(38px,10.8vw,57px);margin:13px 0}.artwork-site .invoice-section .section-description{font-size:12px;max-width:310px;margin-bottom:16px}.invoice-layout .button{min-height:42px;font-size:11px}.invoice-scroll-steps{width:290px;margin-top:17px;padding-top:9px}.invoice-scroll-steps>button{font-size:10px;padding-block:6px;gap:7px}.invoice-scroll-steps b{width:20px;height:20px;font-size:7px}.invoice-scroll-cue{font-size:5px;margin-top:7px;gap:7px}.invoice-scroll-cue>b{font-size:12px}.artwork-site .invoice-workflow-stage{width:100%;margin:20px 0 0;height:44svh;min-height:350px;max-height:400px}.invoice-core-arrival{inset:13% -8% 17%}.workflow-card-primary{width:135px;left:0;top:0}.workflow-card-secondary{width:165px;right:0;bottom:12%}.workflow-card-float{padding:12px;border-radius:13px;box-shadow:0 12px 25px #30478320,2px 3px 0 #b6c3e570,inset 0 1px #fff}.workflow-card-top{gap:5px;margin-bottom:9px}.workflow-icon{width:21px;height:22px;border-radius:6px;font-size:15px}.workflow-icon svg{width:13px;height:13px}.workflow-card-top>small{font-size:4px;letter-spacing:.08em}.workflow-card-top>b{font-size:11px}.workflow-card-top .workflow-tag{font-size:3.5px;padding:3px 4px;border-radius:3px}.workflow-card-title{font-size:16px}.workflow-client{gap:5px;margin-top:10px;padding:6px 4px;border-radius:5px}.workflow-client>span{width:16px;height:16px;font-size:9px}.workflow-client small{font-size:3.5px;margin-bottom:3px}.workflow-client b{font-size:4.5px}.workflow-card-foot{gap:6px;font-size:4.5px;margin-top:10px}.workflow-card-foot>b{font-size:11px}.workflow-item{font-size:6px;padding:8px 0}.workflow-total{gap:6px;margin-top:8px}.workflow-total>span{font-size:5px}.workflow-total small{font-size:3px;padding:2px;margin-left:3px}.workflow-total>strong{font-size:20px}.workflow-draft-line{gap:4px;margin-top:9px;font-size:4px}.workflow-draft-line>span{width:10px;height:10px;font-size:5px}.workflow-delivery-path{gap:6px;margin-top:11px}.workflow-delivery-path>span{width:16px;height:16px;font-size:7px}.workflow-delivery-path>svg{width:16px;height:16px}.workflow-card-blue .workflow-card-float{box-shadow:0 12px 25px #263e982b,2px 3px 0 #23338466,inset 0 1px #ffffff40}.workflow-receipt{gap:6px;margin-top:11px;padding:8px 6px;border-radius:6px}.workflow-check{width:17px;height:17px;font-size:9px}.workflow-receipt>div strong{font-size:7px}.workflow-receipt>div small{font-size:4px;margin-top:3px}.workflow-receipt>b{font-size:11px}.workflow-timeline{gap:3px;font-size:4px;margin-top:13px}.workflow-timeline>span{gap:5px}.workflow-timeline i{width:12px;height:12px;font-size:6px}.workflow-timeline>b{margin-bottom:9px}.workflow-payment{gap:5px;margin:12px 0}.workflow-payment>strong{font-size:29px}.workflow-payment>span{font-size:5px}.workflow-record{gap:5px;font-size:4px;padding:7px 0}.workflow-record>b{font-size:3.5px;padding:3px}.invoice-scene-footer{bottom:22px;left:2%;gap:9px}.invoice-scene-footer>span{font-size:4px;padding-right:9px}.invoice-scene-footer>strong{font-size:9px}.invoice-workflow-note{left:2%;bottom:3px;font-size:3.5px}.invoice-workflow-glow{filter:blur(18px)}html:not(.js-enabled) .invoice-workflow-frame{height:400px}}
@media(max-width:370px){.artwork-site .invoice-layout{min-height:770px}.artwork-site .invoice-workflow-stage{min-height:340px}.invoice-scroll-steps{width:265px}.workflow-card-primary{width:125px}.workflow-card-secondary{width:150px}.workflow-card-float{padding:10px}.workflow-card-title{font-size:15px}.workflow-client b{font-size:4.3px}.workflow-card-top .workflow-tag{font-size:3px;padding:3px}.workflow-card-top>small{font-size:3.5px}.workflow-payment>strong{font-size:27px}}
@media(max-height:760px) and (min-width:540px) and (max-width:680px){.artwork-site .invoice-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:5px;min-height:100svh;padding:85px 0 35px}.artwork-site .invoice-section .scene-copy h2{font-size:40px}.artwork-site .invoice-section .section-description{font-size:11px}.artwork-site .invoice-workflow-stage{height:72svh;min-height:350px;max-height:480px;margin-top:0;width:105%}.invoice-scroll-steps{width:100%;max-width:255px}.invoice-scroll-steps>button{font-size:9px;gap:5px}.invoice-scroll-cue{font-size:4px}.workflow-card-primary{width:125px}.workflow-card-secondary{width:150px}}
@media(max-height:760px) and (max-width:539px){.artwork-site .invoice-layout{min-height:100svh;padding-top:80px;padding-bottom:20px}.artwork-site .invoice-section .scene-copy h2{font-size:36px;margin:10px 0}.artwork-site .invoice-section .section-description{font-size:11px;line-height:1.4;margin-bottom:12px}.invoice-layout .button{min-height:36px;padding:10px 16px;font-size:10px}.invoice-scroll-steps{margin-top:12px;padding-top:6px}.invoice-scroll-steps>button{font-size:9px;padding-block:4px}.invoice-scroll-steps b{width:18px;height:18px}.invoice-scroll-cue{font-size:4px;margin-top:4px}.artwork-site .invoice-workflow-stage{height:calc(100svh - 350px);min-height:290px;max-height:340px;margin-top:15px}.workflow-card-primary{width:125px}.workflow-card-secondary{width:150px;bottom:13%}.workflow-card-float{padding:10px}.workflow-card-title{font-size:15px}.workflow-card-top>small{font-size:3.5px}.workflow-card-top .workflow-tag{font-size:3px;padding:3px}.workflow-card-top{margin-bottom:7px}.workflow-client{margin-top:8px}.workflow-card-foot{margin-top:8px}.workflow-payment>strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.artwork-site .invoice-section{min-height:0}.artwork-site .invoice-layout{position:relative;height:auto}.invoice-workflow-frame,.invoice-core-arrival,.workflow-card-arrival{will-change:auto;transform:none!important}.invoice-core-float,.workflow-card-float{animation:none!important}.invoice-scroll-steps>button{transition:none}}