/* ClipCut composition requested by the client; glass and fine outlines are intentional. */
.process{position:relative;isolation:isolate;padding-block:var(--process-pad-start) var(--process-pad-end);color:var(--forest)}
.process .process-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--s4);margin-block-end:var(--process-heading-gap)}
.process-heading h2{margin:var(--zero);font:var(--process-title-weight) var(--process-title)/var(--process-heading-leading) var(--font-heading);text-wrap:balance}
.process .process-heading p{margin-block:var(--s2) var(--zero);max-inline-size:var(--process-heading-measure);font-size:var(--process-copy);line-height:var(--leading-body)}
.process-motion{flex-shrink:var(--zero);white-space:nowrap}
.process-motion[hidden]{display:none}
.process-motion>svg{inline-size:var(--process-control-icon);block-size:var(--process-control-icon);stroke:currentColor;stroke-width:var(--process-icon-stroke);stroke-linecap:round}
.process .motion-play{display:none}.process [aria-pressed=true] .motion-play{display:initial}.process [aria-pressed=true] .motion-stop{display:none}
.process .process-grid{position:relative;display:grid;grid-template-columns:var(--process-card-columns);gap:var(--process-card-gap);margin:var(--zero);padding:var(--zero);list-style:none}
.process .process-grid::before{content:'';position:absolute;inset-block:var(--process-wash-inset);inset-inline:var(--process-wash-inset);border-radius:var(--process-wash-radius);background:var(--process-wash);z-index:var(--process-wash-layer);pointer-events:none}
.process .process-stage{grid-column:auto;min-inline-size:var(--zero);padding:var(--process-card-pad);overflow:hidden;background:var(--process-glass);border:var(--stroke) solid var(--process-glass-line);border-radius:var(--process-card-radius);box-shadow:var(--process-glass-shadow);/* taste-skill-ignore: client-requested glass reflection and faint depth. */-webkit-backdrop-filter:blur(var(--process-blur));backdrop-filter:blur(var(--process-blur))}
.process-stage>article{display:flex;flex-direction:column;block-size:var(--full)}
.process .loop-canvas{position:relative;display:grid;place-items:center;inline-size:var(--full);block-size:auto;aspect-ratio:var(--process-scene-ratio);border-radius:var(--process-scene-radius);overflow:hidden;background:var(--process-scene-ground);border:var(--stroke) solid var(--process-scene-line);flex-shrink:var(--zero);container-type:inline-size}
.process .upload-canvas{border-style:dashed;border-width:var(--process-drop-stroke);border-radius:var(--process-drop-radius)}
.process .stage-copy{display:block;padding:var(--zero);margin-block-start:var(--process-scene-gap)}
.process .stage-copy h3{margin:var(--zero);font:var(--process-title-weight) var(--process-card-title)/var(--process-card-leading) var(--font-heading);color:var(--forest);text-wrap:balance}
.process .stage-copy p{margin-block:var(--process-copy-gap) var(--zero);font-size:var(--process-copy);line-height:var(--leading-body);font-weight:var(--process-copy-weight);color:var(--muted);max-inline-size:none}
.process .upload-drop{inline-size:var(--process-upload-width);block-size:var(--process-upload-height);border:var(--process-drop-stroke) dashed var(--process-upload-line);border-radius:var(--process-upload-radius);gap:var(--process-upload-gap);background:var(--process-upload-ground);font-size:var(--process-detail-type);color:var(--brand)}
.process .upload-symbol{inline-size:var(--process-upload-icon-width);block-size:var(--process-upload-icon-height);stroke:currentColor;stroke-width:var(--process-icon-stroke);stroke-linecap:round;stroke-linejoin:round}
.process .upload-progress{inline-size:var(--process-progress-width);block-size:var(--process-progress-height);background:var(--process-track);border-radius:var(--pill)}
.process .upload-progress span{background:var(--brand);transform:scaleX(var(--zero));transform-origin:0 center}
.process .upload-stack{position:absolute;inset-inline-start:var(--process-stack-inline);inset-block-start:var(--process-stack-block);inline-size:var(--process-stack-width);block-size:var(--process-stack-height);transform:rotate(var(--process-stack-angle))}
.process .stack-sheet,.process .upload-sheet{position:absolute;inset:var(--zero);inline-size:var(--full);block-size:var(--full);border-radius:var(--process-paper-radius);border:var(--stroke) solid var(--process-paper-line);background:var(--ivory);box-shadow:var(--sheet-shadow)} /* taste-skill-ignore: floating document depth inside data-ui scene. */
.process .stack-sheet-back{transform:rotate(var(--process-stack-back-angle)) translateY(var(--process-stack-back-offset));background:var(--pale-strong)}
.process .stack-sheet-middle{transform:rotate(var(--process-stack-middle-angle)) translateY(var(--process-stack-middle-offset))}
.process .upload-sheet{transform:none;overflow:hidden}
.process .upload-sheet .demo-paper{inline-size:var(--full);block-size:var(--full);font-size:var(--process-thumb-type);padding:var(--process-thumb-pad);box-shadow:none;gap:var(--process-thumb-gap);border-radius:var(--zero)}
.process .upload-sheet .demo-paper strong{font-size:var(--process-thumb-title)}
.process .upload-sheet .paper-identity{font-size:var(--process-thumb-type)}
.process .upload-sheet .demo-example,.process .upload-sheet .paper-foot{display:none}
.process .upload-sheet .paper-rows{display:flex;gap:var(--process-thumb-gap);margin-block-start:var(--process-thumb-gap)}
.process .upload-sheet .paper-rows span{block-size:var(--process-thumb-rule)}
.process .ghost-cursor{inset-inline-end:var(--process-cursor-inline);inset-block-end:var(--process-cursor-block);inline-size:var(--process-cursor-width);block-size:var(--process-cursor-height);fill:var(--forest);stroke:var(--white);stroke-width:var(--process-icon-stroke)}
.process .ghost-cursor:dir(rtl){transform:scaleX(-1)}
.upload-file-type{position:absolute;inset-inline-end:var(--process-filetype-offset);inset-block-start:var(--process-filetype-offset);border-radius:var(--pill);padding:var(--process-filetype-pad);background:var(--brand);color:var(--ivory);font:var(--weight-normal) var(--process-thumb-title)/var(--process-filetype-leading) var(--font-body-en)}
.process .quote-note{inset-inline:var(--process-note-inset);inset-block-end:var(--process-note-bottom);inline-size:auto;justify-content:center;gap:var(--process-note-gap);padding:var(--process-note-pad);background:var(--process-notice-ground);border:var(--stroke) solid var(--process-glass-line);border-radius:var(--pill);font-size:var(--process-detail-type);white-space:nowrap;color:var(--brand)}
.process .mini-check{inline-size:var(--process-mini-check);block-size:var(--process-mini-check);background:none;color:var(--brand)}
.process .mini-check svg{inline-size:var(--full);block-size:var(--full)}
.process .compare-labels{z-index:var(--process-label-layer);inset-block-start:var(--process-compare-label-top);inset-inline:var(--process-compare-label-inset);font-size:var(--process-detail-type);direction:inherit;color:var(--forest);pointer-events:none}
.compare-labels>span{border-radius:var(--pill);padding:var(--process-compare-label-pad);background:var(--process-label-ground)}
.process .compare-board{position:absolute;inset:var(--zero);inline-size:var(--full);max-inline-size:none;block-size:var(--full);margin:var(--zero);direction:ltr}
.process .compare-base,.process .compare-window,.process .compare-document{inset:var(--zero);display:grid;place-items:center}
.process .compare-window{transform:translateX(var(--process-mask-rest))}.process .compare-document{transform:translateX(var(--process-document-rest))}
.process .compare-base,.process .compare-document{direction:var(--process-document-direction)}
.process .compare-page{position:absolute;inset-block-start:var(--half);inline-size:var(--process-document-width);block-size:var(--process-document-height);transform:translateY(var(--process-center-shift))}
.process .compare-base .compare-page{inset-inline-start:var(--process-document-inline)}
.process .compare-document .compare-page{inset-inline-end:var(--process-document-inline)}
.process .compare-board .demo-paper{inline-size:var(--full);block-size:var(--full);padding:var(--process-document-pad);font-size:var(--process-document-type);gap:var(--process-document-gap);box-shadow:var(--sheet-shadow);/* taste-skill-ignore: floating document depth inside data-ui scene. */border:var(--stroke) solid var(--process-paper-line);border-radius:var(--process-paper-radius)}
.process .compare-board .demo-paper strong{font-size:var(--process-document-title)}
.process .compare-base .demo-paper{background:var(--ivory)}
.process .compare-board .paper-identity{font-size:var(--process-paper-identity)}
.process .compare-board .demo-example b{font-size:var(--process-paper-example-title)}
.process .compare-board .demo-example p,.process .compare-board .paper-foot{display:none}
.process .compare-board .paper-rows{gap:var(--process-document-gap);margin-block-start:auto}
.process .compare-board .paper-rows span{block-size:var(--process-paper-rule);border-radius:var(--pill)}
.process .compare-document .paper-rows span{background:var(--process-translated-rule)}
.process .compare-handle{z-index:var(--process-handle-layer);inset-inline-start:var(--half);inset-block:var(--zero);inline-size:var(--process-compare-line);background:var(--process-divider);pointer-events:none}
.process .compare-handle>span{inline-size:var(--process-handle-size);block-size:var(--process-handle-size);border:var(--process-handle-border) solid var(--ivory);background:var(--brand);color:var(--ivory);transform:translate(var(--process-center-shift),var(--process-center-shift))}
.compare-handle svg{inline-size:var(--process-handle-icon);block-size:var(--process-handle-icon);stroke:currentColor;stroke-width:var(--process-icon-stroke);stroke-linecap:round;stroke-linejoin:round}
.process .compare-control{position:absolute;z-index:var(--process-control-layer);inset:var(--zero);display:block}
.process .compare-control[hidden]{display:none}
.process .compare-control input{display:block;inline-size:var(--full);block-size:var(--full);margin:var(--zero);opacity:var(--zero);cursor:ew-resize;touch-action:pan-y;direction:inherit}
.process .compare-canvas:focus-within{outline:var(--focus-width) solid var(--brand);outline-offset:var(--focus-offset)}
.paper-approved{position:absolute;inset-block-end:var(--process-approval-bottom);inset-inline:var(--process-approval-inset);display:flex;align-items:center;justify-content:center;gap:var(--process-approval-gap);padding:var(--process-approval-pad);background:var(--process-approval-ground);color:var(--brand);border-radius:var(--pill);font-size:var(--process-approval-type);direction:rtl;white-space:nowrap}
.paper-approved:lang(en){direction:ltr}
.paper-approved svg{inline-size:var(--process-approval-icon);block-size:var(--process-approval-icon)}
.process .delivery-preview{position:absolute;inline-size:var(--process-delivery-paper-width);block-size:var(--process-delivery-paper-height)}
.process .delivery-preview .demo-paper{inline-size:var(--full);block-size:var(--full);gap:var(--process-thumb-gap);padding:var(--process-delivery-paper-pad);border:var(--stroke) solid var(--process-paper-line);border-radius:var(--process-delivery-paper-radius);font-size:var(--process-thumb-type)}
.process .delivery-preview .paper-identity{font-size:var(--process-thumb-type)}
.process .delivery-preview .demo-paper strong{font-size:var(--process-thumb-title)}
.process .delivery-preview .demo-example,.process .delivery-preview .paper-foot{display:none}
.process .delivery-preview .paper-rows{gap:var(--process-thumb-gap);margin-block-start:auto}
.process .delivery-preview .paper-rows span{block-size:var(--process-thumb-rule)}
.delivery-preview-one{inset-block-start:var(--process-delivery-one-top);inset-inline-start:var(--process-delivery-one-inline);transform:rotate(var(--process-delivery-one-angle))}
.delivery-preview-two{inset-block-start:var(--process-delivery-two-top);inset-inline-end:var(--process-delivery-two-inline);transform:rotate(var(--process-delivery-two-angle))}
.delivery-preview-three{inset-block-end:var(--process-delivery-three-bottom);inset-inline-start:var(--process-delivery-three-inline);transform:rotate(var(--process-delivery-three-angle))}
.delivery-preview-four{inset-block-end:var(--process-delivery-four-bottom);inset-inline-end:var(--process-delivery-four-inline);transform:rotate(var(--process-delivery-four-angle))}
.delivery-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--process-delivery-center-gap);padding:var(--process-delivery-center-pad);background:var(--process-center-ground);border-radius:var(--process-scene-radius);z-index:var(--process-center-layer)}
.process .delivery-check{position:static;inline-size:var(--process-delivery-check);block-size:var(--process-delivery-check);border:var(--stroke) solid var(--process-check-line);background:var(--process-check-ground);color:var(--brand);border-radius:var(--circle)}
.process .delivery-check svg{inline-size:var(--process-delivery-check-icon);block-size:var(--process-delivery-check-icon)}
.delivery-center strong{font-size:var(--process-delivery-title);font-weight:var(--weight-normal);color:var(--forest)}
.process .delivery-notice{position:static;font-size:var(--process-detail-type);font-weight:var(--process-copy-weight);color:var(--muted);padding:var(--process-delivery-notice-pad);border-radius:var(--pill);background:var(--process-label-ground)}
.delivery-channel{position:absolute;inline-size:var(--process-channel-size);block-size:var(--process-channel-size);color:var(--brand)}
.delivery-channel svg{inline-size:var(--full);block-size:var(--full);stroke:currentColor;stroke-width:var(--process-channel-stroke);stroke-linecap:round;stroke-linejoin:round}
.delivery-email{inset-inline-start:var(--process-email-inline);inset-block-end:var(--process-email-bottom);transform:rotate(var(--process-email-angle));color:var(--process-brass-ink)}
.delivery-message{inset-inline-end:var(--process-message-inline);inset-block-start:var(--process-message-top);transform:rotate(var(--process-message-angle))}
@supports not (backdrop-filter:blur(1px)){.process .process-stage{background:var(--process-glass-fallback)}}
@media(max-width:64rem){.process .process-heading{align-items:start}.process .process-stage{padding:var(--process-card-pad-tablet)}.process .process-grid{gap:var(--process-card-gap-tablet)}.process .stage-copy h3{font-size:var(--process-card-title-tablet)}}
@media(max-width:48rem){.process .process-heading{flex-direction:column;gap:var(--s3)}.process .process-grid{grid-template-columns:var(--process-card-columns-mobile);gap:var(--process-card-gap-mobile);max-inline-size:var(--process-mobile-width);margin-inline:auto}.process .process-stage{padding:var(--process-card-pad-mobile)}.process .stage-copy h3{font-size:var(--process-card-title-mobile)}.process .process-grid::before{inset-block:var(--process-wash-inset-mobile)}}
@media(prefers-reduced-motion:reduce){.process .process-motion{display:none}}

/* Editorial heading and a brass step rail (v0.6): calmer type, numbered steps lit on scroll. */
.process{--process-brass:color-mix(in srgb,var(--brass) 82%,var(--forest));--process-title:clamp(1.75rem,2.6vw,2.625rem);--process-card-title:clamp(1.125rem,1.35vw,1.375rem);--process-card-title-tablet:1.125rem;--process-card-title-mobile:1.25rem;--process-copy:.9375rem;--process-scene-gap:1.5rem;--process-card-pad:clamp(1rem,1.6vw,1.5rem)}
.process .process-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.process-eyebrow{display:flex;align-items:center;gap:.875rem;margin:0 0 var(--s2);color:var(--process-brass);font-size:.8125rem;font-weight:600;letter-spacing:.06em}
.process-eyebrow-index{font-family:var(--font-body-en);font-weight:500;letter-spacing:.12em}
.process-eyebrow-rule{display:block;inline-size:2.5rem;block-size:1px;background:currentColor;opacity:.7}
.process-heading h2{font-weight:500;line-height:1.35}
.process-line{display:inline-block;overflow:clip;padding-block:.08em;vertical-align:top}.process-line>span{display:inline-block}
.process .process-heading-copy>p:last-child{color:var(--muted);max-inline-size:52ch}
.process-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--process-card-gap);margin-block-end:var(--s3);block-size:2.5rem;align-items:center}
.process-rail-line{position:absolute;inset-inline:calc((100% - 2 * var(--process-card-gap)) / 6);inset-block-start:50%;block-size:1px;background:color-mix(in srgb,var(--forest) 14%,transparent)}
.process-rail-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--brass),color-mix(in srgb,var(--brass) 60%,var(--ivory)));transform:scaleX(0);transform-origin:right center}
:root[dir=ltr] .process-rail-fill{transform-origin:left center}
.process-rail-node{position:relative;justify-self:center;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--forest) 18%,transparent);background:var(--ivory);color:var(--muted);font:500 .75rem/1 var(--font-body-en);letter-spacing:.08em;transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease),box-shadow .6s var(--ease)}
.process-rail-node.is-on{background:var(--forest);border-color:var(--forest);color:var(--ivory);box-shadow:0 0 0 .375rem color-mix(in srgb,var(--brass) 18%,transparent)}
.process .process-stage{transition:border-color .6s var(--ease),box-shadow .6s var(--ease)}
.process .process-grid{align-items:stretch}
.process .process-stage.is-on{border-color:color-mix(in srgb,var(--brass) 45%,transparent);box-shadow:var(--process-glass-shadow),0 1.5rem 3rem -1.5rem color-mix(in srgb,var(--forest) 22%,transparent)}
.process .stage-copy h3{font-weight:500}
@media(max-width:48rem){.process .process-heading{grid-template-columns:minmax(0,1fr)}.process-rail{display:none}}