/* Paper compositions follow the supplied sequence study; the artifacts tell a delivery story. */
.animated .sequence-heading{left:6vw;top:auto;bottom:12vh;max-width:320px}.sequence-heading h2{font-size:clamp(30px,3vw,46px);line-height:.95}.sequence-heading .eyebrow{font-size:8px;line-height:1.8;max-width:300px;letter-spacing:1px}.animated .sequence-caption{position:absolute;left:43vw;right:14vw;bottom:12vh;max-width:610px}.sequence-label{font:8px var(--mono);letter-spacing:1px;color:#7c8e75;margin:0 0 12px}.sequence-caption h3{font:600 17px/1.3 var(--body);margin:0 0 10px;color:#2b5146}.sequence-description{font:11px/1.9 var(--body);color:#637762;margin:0}.animated .sequence-nav{top:auto;right:auto;left:50%;bottom:7vh;transform:translateX(-50%);gap:8px}.sequence-nav button{min-height:32px;padding:8px 12px;font-size:8px;background:#fbfaf080;border-color:transparent}.sequence-nav button[aria-current=step]{color:#284f41;background:#edf0e4;border-color:#99ac8c;border-radius:0}
.workflow-collage{position:absolute;left:50%;top:39%;width:890px;height:300px;transform:translate(-50%,-50%) translateY(calc(var(--travel,0)*-15px)) scale(calc(1 + var(--travel,0)*.035));transform-origin:center}.workflow-poster{position:absolute;left:35px;top:56px;width:390px;height:205px;padding:24px;background:#94dde3;transform:rotate(-6deg);color:#173f38;clip-path:polygon(1% 0,96% 1%,100% 8%,99% 100%,3% 98%,0 92%);z-index:2;box-shadow:4px 6px 0 #20382d0a}.accent-sage .workflow-poster{background:#c7d8b3}.accent-lilac .workflow-poster{background:#cec5df}.accent-sand .workflow-poster{background:#e9c78d}.poster-number{display:block;font:9px var(--mono);letter-spacing:1px;border-top:1px solid #244a3a70;padding-top:10px}.workflow-poster h3{font:800 100px/.85 var(--display);letter-spacing:-2px;margin:18px 0 12px}.poster-small{font:7px var(--mono);letter-spacing:.6px}.workflow-strips{position:absolute;left:2px;top:228px;z-index:4;transform:rotate(-4deg);pointer-events:none}.workflow-strips span{display:table;color:#fcfaf1;background:#233e34;padding:9px 13px;margin-top:5px;white-space:nowrap;font:9px/1.6 var(--mono);letter-spacing:.4px;box-shadow:2px 3px 0 #243b2c14}
.workflow-artifact{position:absolute;left:420px;top:-5px;width:420px;min-height:305px;background:#fcfbf4;padding:23px 25px 20px;border:1px solid #a9b29966;box-shadow:3px 6px 0 #87937517;transform:rotate(3deg);z-index:3;color:#314e3b}.artifact-top{font:8px/1.6 var(--mono);display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #bac2ad6b;padding-bottom:12px;color:#829078}.artifact-top>span{font-size:7px}.workflow-artifact h4{font:700 25px/1.1 var(--display);margin:19px 0 17px;color:#2c4938}.brief-row{margin-top:15px}.brief-row>span{font:7px var(--mono);color:#94a286;letter-spacing:1px}.brief-row p{font:11px/1.7 var(--body);margin:5px 0 0;color:#58704f}.artifact-note{font:700 21px/1 var(--hand);color:#7b9067;text-align:right;margin-top:18px;transform:rotate(-3deg)}
.stack-flow{width:52%;padding-top:13px}.stack-flow>div{border:1px solid #acbba070;padding:9px 12px;background:#f4f5ea}.stack-flow span{font:6px var(--mono);color:#8b9a7e;display:block}.stack-flow strong{display:block;font:500 12px/1.4 var(--body);margin:4px 0}.stack-flow small{font:8px/1.6 var(--body);color:#8a987c}.stack-flow i{display:block;font:12px/1.3 var(--mono);text-align:center;color:#a0af91;font-style:normal}.ai-loop{position:absolute;right:23px;top:105px;width:34%;border-left:1px dashed #b7bfa950;padding-left:17px}.ai-loop>span{font:7px/1.6 var(--mono);color:#68825a}.ai-loop p{font:10px/1.9 var(--body);margin:7px 0 25px;color:#829274}
.guard-intro{font:10px/1.7 var(--body);color:#8a967d;margin:0 0 15px}.guard-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.guard-choices button{min-height:34px;padding:8px 9px;text-align:left;font:8px var(--mono);border:1px solid #b3bda65e;background:#f6f5ed;color:#718365}.guard-choices button[aria-pressed=true]{border-color:#738a60;background:#e8edde;color:#34512d}.guard-choices button:hover{border-color:#6d895a}.guard-result{font:9px/1.8 var(--mono);color:#58734a;min-height:34px;margin:13px 0 7px}.guard-run{border:0;border-bottom:1px solid #9caa8a;background:transparent;padding:8px 0;font:9px var(--mono);min-height:32px;color:#547247}.guard-foot{font:8px/1.7 var(--body);color:#8f9b81;max-width:310px;margin:10px 0 0}.release-flow{list-style:none;margin:0;padding:0;display:grid;gap:18px}.release-flow li{display:flex;gap:16px;align-items:start}.release-flow li>span{font:9px var(--mono);color:#a2ae91;padding-top:2px}.release-flow strong{display:block;font:500 12px var(--body);color:#58754c}.release-flow small{display:block;font:10px/1.8 var(--body);color:#8d9d7c;margin-top:4px}.workflow-mobile-copy{display:none}
@media(min-width:1600px){.workflow-collage{transform:translate(-50%,-50%) translateY(calc(var(--travel,0)*-15px)) scale(calc(1.2 + var(--travel,0)*.035));top:40%}.sequence-caption h3{font-size:20px}.sequence-description{font-size:13px}.sequence-label{font-size:9px}.animated .sequence-heading{max-width:390px}.sequence-heading h2{font-size:42px}}
@media(max-height:750px) and (min-width:801px){.workflow-collage{top:38%;transform:translate(-50%,-50%) translateY(calc(var(--travel,0)*-15px)) scale(calc(.90 + var(--travel,0)*.035))}.animated .sequence-heading{top:auto;bottom:13vh;max-width:300px}.sequence-heading h2{font-size:32px}.sequence-heading .eyebrow{font-size:7px}.animated .sequence-caption{bottom:13vh;left:42vw;right:14vw}.sequence-caption h3{font-size:15px}.sequence-description{font-size:10px;line-height:1.8}.sequence-label{font-size:7px;margin-bottom:9px}.animated .sequence-nav{top:auto;bottom:7.5vh}.sequence-nav button{font-size:7px;min-height:30px;padding:7px 11px}}
@media(max-width:1100px) and (min-width:801px){.workflow-collage{transform:translate(-50%,-50%) translateY(calc(var(--travel,0)*-15px)) scale(calc(.78 + var(--travel,0)*.035))}.sequence-heading h2{font-size:29px}.animated .sequence-heading{max-width:270px}.sequence-description{font-size:9px}.sequence-caption h3{font-size:13px}}
body:not(.animated) .sequence-caption{display:none}body:not(.animated) .sequence-heading{max-width:none}body:not(.animated) .sequence-heading h2{font-size:45px}body:not(.animated) .sequence-nav{margin-top:25px;flex-wrap:wrap}body:not(.animated) .sequence-station{padding-top:20px;margin-bottom:65px}body:not(.animated) .workflow-collage{position:relative;top:auto;left:auto;margin:auto;height:380px;transform:none}body:not(.animated) .workflow-mobile-copy{display:block;max-width:700px;margin:15px auto 0}body:not(.animated) .workflow-mobile-copy h4{font:600 22px/1.3 var(--body);margin:0 0 12px}body:not(.animated) .workflow-mobile-copy>p:not(.eyebrow){font:13px/1.9 var(--body);color:#748367}.workflow-mobile-copy .eyebrow{font-size:8px;color:#8a987c}
@media(max-width:800px){body:not(.animated) .sequence-heading h2{font-size:42px}body:not(.animated) .sequence-nav button{font-size:8px;min-height:44px;padding:10px}body:not(.animated) .sequence-station{margin-bottom:60px;padding-top:15px}body:not(.animated) .workflow-collage{width:100%;height:530px;margin:0;transform:none}.workflow-poster{left:0;top:10px;width:85%;height:175px;padding:19px;transform:rotate(-4deg)}.workflow-poster h3{font-size:82px;margin:15px 0 10px}.poster-number{font-size:8px;padding-top:8px}.poster-small{font-size:6px}.workflow-strips{left:0;top:140px;max-width:100%;transform:rotate(-3deg);z-index:5}.workflow-strips span{font-size:7px;letter-spacing:0;padding:8px 10px;white-space:normal;max-width:100%}.workflow-artifact{top:225px;left:5px;right:5px;width:auto;min-height:295px;padding:20px;transform:rotate(2deg)}.artifact-top{font-size:7px}.artifact-top>span{font-size:6px}.workflow-artifact h4{font-size:24px;margin-top:17px}.brief-row p{font-size:10px}.artifact-note{font-size:22px}.workflow-mobile-copy{padding:10px 4px 0}.workflow-mobile-copy .eyebrow{font-size:7px}body:not(.animated) .workflow-mobile-copy h4{font-size:19px}body:not(.animated) .workflow-mobile-copy>p:not(.eyebrow){font-size:12px}.guard-choices button{min-height:40px;font-size:8px}.guard-result{font-size:8px;line-height:1.9}.guard-run{min-height:40px}.guard-foot{font-size:8px}.stack-flow strong{font-size:11px}.ai-loop{right:20px;top:100px}.ai-loop>span{font-size:6px}.ai-loop p{font-size:9px}.release-flow{gap:15px}.release-flow strong{font-size:11px}.release-flow small{font-size:9px}.accent-lilac .workflow-collage{height:570px}.accent-lilac .workflow-artifact{min-height:335px}}
@media(prefers-reduced-motion:reduce){.workflow-collage{transition:none!important}}

.workflow-artifact:after{content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;background:linear-gradient(135deg,#dce1cf 0%,#e9ecdf 48%,#f7f4ea 50%);pointer-events:none}
/* Reference-study composition: upright cut-out, black ribbons, notebook corridor. */
.animated .sequence-heading{top:18vh;bottom:auto;left:8vw}.sequence-heading h2{font:800 48px/.9 var(--display);letter-spacing:-1px}.sequence-heading .eyebrow{font-size:7px;max-width:350px}.animated .sequence-graph-title{position:absolute;left:10vw;bottom:13vh;font:800 43px/.9 var(--display);letter-spacing:-.8px;max-width:310px}.animated .sequence-caption{left:44vw;right:12vw;bottom:12vh}.sequence-caption h3{font-size:13px;margin-bottom:8px}.sequence-description{display:inline;background:linear-gradient(transparent 9%,#e5f86b 9%,#e5f86b 90%,transparent 90%);padding:2px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#3d4f30;line-height:2}.sequence-label{font-size:7px;margin-bottom:10px}.workflow-collage{top:43%;height:270px}.workflow-poster{left:235px;top:5px;width:195px;height:235px;transform:rotate(5deg);background:#caff22;padding:18px 13px;clip-path:polygon(0 0,92% 0,100% 9%,99% 99%,5% 98%,0 93%)}.accent-sage .workflow-poster{background:#f198ca}.accent-lilac .workflow-poster{background:#8ed8ec}.accent-sand .workflow-poster{background:#dff47a}.workflow-poster h3{font-size:83px;letter-spacing:-3px;transform:scaleX(.82);transform-origin:left;width:122%;margin:28px 0 20px}.poster-number{font-size:8px}.poster-small{font-size:5px;letter-spacing:0}.workflow-strips{left:410px;top:98px;transform:rotate(-3deg)}.workflow-strips span{font-size:11px;letter-spacing:.2px;padding:11px 15px;margin-bottom:4px}.workflow-inspect{position:absolute;left:440px;top:215px;padding:9px 0;min-height:36px;font:8px var(--mono);letter-spacing:.5px;background:#faf8eea8;border:0;border-bottom:1px solid #82956a;color:#547443;transform:rotate(-3deg);z-index:6}.workflow-inspect:hover{color:#294d20;border-color:#294d20}.animated .workflow-artifact{left:440px;top:-28px;width:410px;z-index:8;visibility:hidden;opacity:0;pointer-events:none;transform:rotate(2deg) translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}.animated .notes-open .workflow-artifact{visibility:visible;opacity:1;pointer-events:auto;transform:rotate(2deg) translateY(0)}.animated .notes-open .workflow-inspect{left:440px;top:310px;z-index:9;background:#fcfbf4;padding:10px;transform:rotate(2deg)}.animated .notes-open .workflow-strips{opacity:0}.sequence-graph-title{display:none}.animated .sequence-graph-title{display:block}
@media(max-height:750px) and (min-width:801px){.animated .sequence-heading{top:18vh;bottom:auto}.sequence-heading h2{font-size:43px}.workflow-collage{top:42%;transform:translate(-50%,-50%) translateY(calc(var(--travel,0)*-15px)) scale(.90)}.animated .sequence-caption{bottom:13vh}.animated .sequence-graph-title{bottom:14vh;font-size:38px}.sequence-description{font-size:10px}.sequence-caption h3{font-size:12px}.animated .sequence-nav{bottom:5vh}.workflow-strips span{font-size:10px}}
@media(min-width:1600px){.workflow-collage{top:43%}.animated .sequence-heading{top:18vh;bottom:auto}.sequence-heading h2{font-size:56px}.animated .sequence-graph-title{font-size:48px}.sequence-caption h3{font-size:17px}.sequence-description{font-size:13px}}
@media(max-width:1100px) and (min-width:801px){.workflow-collage{transform:translate(-50%,-50%) translateY(calc(var(--travel,0)*-15px)) scale(.78)}.animated .sequence-graph-title{font-size:32px;left:8vw}.sequence-description{font-size:9px}.sequence-caption h3{font-size:11px}}
@media(max-width:800px){body:not(.animated) .sequence-heading h2{font-size:42px}.workflow-inspect{display:none}.workflow-poster{left:5px;top:0;width:170px;height:210px;transform:rotate(4deg)}.workflow-poster h3{font-size:76px;margin-top:25px}.workflow-strips{left:80px;top:110px;max-width:calc(100% - 80px);z-index:5}.workflow-strips span{white-space:normal;font-size:8px;padding:9px 10px;line-height:1.8}.workflow-artifact{left:5px;right:5px;top:260px;width:auto;visibility:visible;opacity:1;pointer-events:auto}.workflow-collage{height:565px!important}.accent-lilac .workflow-collage{height:610px!important}.workflow-mobile-copy{padding-top:15px}.sequence-graph-title{display:none!important}.poster-small{font-size:5px}.workflow-artifact .guard-choices button{min-height:40px}}