/* Six editorial scenes. The full reading order also works without JavaScript. */
.resource-story{position:relative;padding:16px 16px 0;isolation:isolate;color:var(--ink-dark)}
.resource-scene{position:relative;min-height:720px;min-height:max(720px,100svh);--scene-bg:var(--paper);--scene-ink:var(--ink-dark);--scene-accent:var(--brand-indigo);color:var(--scene-ink);scroll-margin-top:0}
.scene-blue{--scene-bg:var(--brand-blue);--scene-accent:var(--ink-dark)}
.scene-yellow{--scene-bg:var(--brand-yellow);--scene-accent:var(--brand-indigo)}
.scene-indigo{--scene-bg:var(--brand-indigo);--scene-ink:var(--paper);--scene-accent:var(--brand-yellow)}
.scene-panel{background:var(--scene-bg);border-radius:30px;min-height:inherit;padding:38px clamp(26px,5vw,90px) 92px;display:flex;flex-direction:column;position:relative;overflow:hidden;transform-origin:center top}
.scene-topline,.scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.scene-count,.scene-bottom,.scene-demo-label{font:10px/1.6 Consolas,'Liberation Mono',monospace;letter-spacing:1px}
.scene-count{white-space:nowrap}.scene-topline .eyebrow{margin:0}
.scene-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:8%;flex:1;padding:50px 0 65px}
.scene-copy{position:relative}.scene-big-number{font-size:clamp(90px,12vw,190px);font-weight:500;line-height:.8;letter-spacing:-.08em;display:block;opacity:.15;margin-bottom:22px}
.scene-copy h3{font-size:clamp(48px,6vw,106px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0 0 28px;max-width:640px;text-wrap:balance}
.scene-title-dot{color:var(--scene-accent)}.scene-copy>p{font-size:clamp(16px,1.4vw,21px);line-height:1.6;margin:0;max-width:460px;opacity:.85}
.scene-visual{position:relative;max-width:510px;width:100%;margin:auto;perspective:1000px;transform:rotate(-4deg);padding:25px 0 40px}
.scene-demo-label{display:block;margin:0 0 15px;font-size:9px;opacity:.75}
.scene-window{background:#242429;border:1px solid #ffffff20;border-radius:22px;color:var(--paper);padding:30px;box-shadow:0 28px 45px #1a1a1e22}
.scene-window-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.scene-pill{font:8px Consolas,monospace;padding:7px 10px;border-radius:20px;color:var(--brand-yellow);background:#f9ff8112;border:1px solid #f9ff812a;white-space:nowrap}
.scene-ui-title{font-size:clamp(24px,2.4vw,37px);line-height:1.1;letter-spacing:-1px;margin:30px 0;font-weight:500}
.scene-columns{display:flex;gap:15px;border-bottom:1px solid #ffffff20;padding-bottom:18px;font-size:11px}.scene-columns span:first-child{color:var(--brand-yellow)}
.scene-item{display:flex;align-items:center;gap:15px;padding:23px 0;border-bottom:1px solid #ffffff18}.scene-item:last-child{border-bottom:0}.scene-item time{font:10px Consolas,monospace;color:#bab8c0}.scene-item b,.scene-team-card b,.scene-file b{display:block;font-size:13px;font-weight:500}.scene-item small,.scene-team-card small,.scene-file small{display:block;font-size:10px;margin-top:6px;color:#bbb8c5}.scene-item em{font-style:normal;font-size:9px;margin-left:auto;color:var(--brand-yellow)}
.scene-float{position:absolute;bottom:8px;right:-15px;padding:18px 23px;max-width:100%;border:1px solid #1a1a1e20;border-radius:12px;background:var(--paper);color:var(--ink-dark);font-size:13px;box-shadow:0 12px 30px #1a1a1e15;transform:rotate(7deg)}
.scene-paper .scene-float,.scene-indigo .scene-float{background:var(--brand-yellow)}
.scene-bottom{border-top:1px solid currentColor;padding-top:19px;font-size:9px}.scene-bottom>span{opacity:.7}.scene-ticks{display:flex;gap:7px}.scene-ticks i{width:23px;height:3px;background:currentColor;opacity:.2}.scene-ticks .selected{opacity:1}
.scene-address{border-bottom:1px solid #ffffff25;color:#b7b4bf;font:10px Consolas,monospace;padding-bottom:20px;margin-bottom:22px}
.scene-metric{display:flex;gap:22px;align-items:center;margin:30px 0}.scene-metric strong{font-size:90px;letter-spacing:-6px;font-weight:500;line-height:1}.scene-metric strong>span{font-size:35px;color:#aaa7b4;letter-spacing:-2px}.scene-metric>span{font-size:12px;line-height:1.5;color:#bbb8c5}.scene-meter{height:6px;border-radius:10px;background:#ffffff20;overflow:hidden}.scene-meter i{height:100%;width:75%;display:block;background:var(--brand-yellow);transform-origin:left}
.scene-avatar{flex:0 0 39px;height:39px;border-radius:50%;background:var(--brand-blue);color:var(--ink-dark);display:grid;place-items:center;font-size:15px}.scene-file{display:flex;align-items:center;gap:18px;padding:35px 0;border-bottom:1px solid #ffffff20}.file-format{font:13px Consolas,monospace;display:grid;place-items:center;width:70px;height:83px;border:1px solid #7287ff80;background:#7287ff20;border-radius:9px;color:#c1caff}.scene-file b{font-size:19px}.scene-comment{display:flex;gap:13px;margin:35px 0}.scene-comment small{font-size:10px;color:#bbb8c5}.scene-comment p{margin:7px 0;font-size:18px}.scene-comment .scene-avatar{background:#c7b8e9}.scene-approved{padding:18px 20px;border:1px solid #f9ff8144;border-radius:12px;background:#f9ff8110;color:var(--brand-yellow);display:flex;justify-content:space-between;font-size:14px}
.scene-team-card{display:flex;align-items:center;gap:17px;background:var(--ink-dark);color:var(--paper);border:1px solid #ffffff30;border-radius:18px;padding:28px 24px;margin:16px 0;box-shadow:0 15px 35px #1a1a1e15}.scene-team-card:nth-of-type(2){margin-left:24px;transform:rotate(3deg)}.scene-team-card:nth-of-type(3){margin-left:-12px;transform:rotate(-2deg)}.scene-team-card b{font-size:21px}.scene-team-card .scene-avatar{width:48px;height:48px;flex-basis:48px;background:var(--brand-yellow);font-size:21px}.scene-team-card:nth-of-type(2) .scene-avatar{background:var(--brand-blue)}.scene-team-card:nth-of-type(3) .scene-avatar{background:#c7b8e9}.scene-assignment{margin-left:auto;font-size:11px;max-width:100px;line-height:1.5;color:#c2bfcb}.scene-visual-3{padding-bottom:65px}
.scene-report-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #ffffff25;padding:25px 0;margin-bottom:25px}.scene-report-stats strong{display:block;font-size:47px;letter-spacing:-2px;font-weight:500;color:var(--brand-yellow)}.scene-report-stats small{font-size:10px;color:#c0bdc9}.scene-report-row{display:flex;gap:15px;align-items:center;font-size:11px;margin:18px 0}.scene-report-row>span{width:43px}.scene-report-row>div{flex:1;height:15px;background:#ffffff12;border-radius:3px;overflow:hidden}.scene-report-row i{display:block;background:var(--brand-blue);width:90%;height:100%;transform-origin:left}.scene-report-row:nth-last-child(2) i{width:30%}.scene-report-row b{font-weight:400}.scene-report-foot{font:9px Consolas,monospace;color:#bdbac5;border-top:1px solid #ffffff25;padding-top:23px;margin-top:27px}
.scene-locktime{font-size:clamp(95px,12vw,175px);text-align:center;letter-spacing:-.07em;color:var(--brand-indigo);line-height:1.1;margin-bottom:15px;font-weight:500}.scene-activity .scene-ui-title{font-size:27px;margin-bottom:0}.scene-activity .scene-item{padding-top:20px}.scene-activity-bottom{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:15px}.scene-activity-bottom b{font-weight:400;color:var(--brand-yellow)}
.resource-story.is-pinned .resource-scene{position:sticky;top:var(--scene-pin-top,0px)}.resource-story.is-pinned .scene-panel{will-change:transform}
@media(max-width:1100px){.scene-layout{gap:5%}.scene-window{padding:24px}.scene-item{gap:9px}.scene-item b{font-size:11px}.scene-team-card{padding:22px 17px}.scene-team-card b{font-size:18px}.scene-copy h3{font-size:clamp(46px,6vw,70px)}}
@media(max-width:900px){.resource-story{padding:10px 10px 0}.resource-scene{min-height:0;margin-bottom:10px}.scene-panel{padding:28px 26px 37px;min-height:0;border-radius:24px}.scene-layout{grid-template-columns:1fr;gap:37px;padding:35px 0 45px}.scene-topline .eyebrow{font-size:8px;letter-spacing:.5px;max-width:75%}.scene-count{font-size:9px}.scene-big-number{font-size:75px;margin-bottom:14px}.scene-copy h3{font-size:clamp(42px,8vw,65px);max-width:520px;letter-spacing:-.05em;margin-bottom:19px}.scene-copy>p{font-size:16px;line-height:1.6;max-width:550px}.scene-visual{max-width:440px;padding-top:0;padding-bottom:30px;transform:rotate(-2deg)}.scene-window{padding:23px}.scene-ui-title{font-size:27px;margin:23px 0}.scene-item{padding:20px 0}.scene-item b{font-size:12px}.scene-float{font-size:11px;padding:14px 17px;right:-5px;bottom:0}.scene-bottom{font-size:8px;gap:10px}.scene-ticks{gap:4px}.scene-ticks i{width:14px}.scene-bottom>span:first-child{display:none}.scene-bottom>span:last-child{margin-left:auto}.scene-locktime{font-size:110px}.scene-metric strong{font-size:80px}.scene-visual-3{padding-bottom:45px}.scene-demo-label{font-size:8px}.scene-team-card{padding:23px 17px}.scene-team-card:nth-of-type(2){margin-left:9px}.scene-team-card:nth-of-type(3){margin-left:-5px}.scene-report-stats strong{font-size:42px}}
@media(max-width:380px){.scene-panel{padding-inline:20px}.scene-copy h3{font-size:40px}.scene-copy>p{font-size:15px}.scene-window{padding:19px}.scene-item{gap:8px}.scene-item b{font-size:10px}.scene-item em{font-size:8px}.scene-file b{font-size:16px}.scene-team-card{padding:18px 14px;gap:10px}.scene-team-card .scene-avatar{flex-basis:35px;width:35px;height:35px;font-size:15px}.scene-assignment{font-size:10px;max-width:85px}.scene-window-head{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene-visual,.scene-team-card,.scene-float{transform:none!important}.resource-scene{position:relative!important}.scene-panel{transform:none!important}}
@media print{.resource-story{padding:0}.resource-scene{min-height:0;break-inside:avoid}.scene-panel{padding:20px 0;min-height:0;background:white;color:black}.scene-layout{display:block;padding:20px 0}.scene-visual,.scene-big-number,.scene-bottom,.scene-topline{display:none}.scene-copy h3{font-size:28px}.scene-copy p{font-size:14px}}