/* Storytelling, in the original TRUST palette and pixel language. */
.hero-origin{font-family:var(--px);font-size:9px;letter-spacing:.1em;margin:18px 0 -9px;opacity:.62}
.story-enter{display:inline-flex;align-items:center;gap:24px;margin-top:25px;font-size:11px;font-weight:500;border-bottom:1px solid #12111066;padding-bottom:8px}
.scroll-pixels{font-family:var(--px);font-size:18px;animation:pixel-bounce 1.6s steps(3,end) infinite}
@keyframes pixel-bounce{0%,100%{transform:translateY(-3px)}60%{transform:translateY(3px)}}
.hin{padding-bottom:210px}
.story-ticker{background:var(--y);border-bottom:2px solid var(--k);overflow:hidden;padding:16px 0}
.story-ticker>div{font-family:var(--px);font-size:11px;letter-spacing:.08em;width:max-content;display:flex;align-items:center;gap:36px;animation:trust-ticker 35s linear infinite}
.story-ticker span{font-size:23px;line-height:1}
@keyframes trust-ticker{to{transform:translateX(-50%)}}
.trust-story{background:var(--k);color:var(--w);padding:0 0 70px;overflow:visible}
.story-top{max-width:1136px;margin:0 auto;padding:29px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #fff8ea29;font-family:var(--px);font-size:9px;letter-spacing:.12em;color:#8e897c}
.story-layout{max-width:1136px;margin:auto;display:grid;grid-template-columns:42% 58%;align-items:start}
.story-anchor{position:sticky;top:115px;padding:75px 55px 50px 0;align-self:start;--drift:0px}
.story-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;transform:translateY(var(--drift));transition:transform .5s;isolation:isolate}
.story-art:before{content:"";position:absolute;inset:12% 4%;z-index:-1;background-image:radial-gradient(#ffd21f55 1px,transparent 1px);background-size:12px 12px;mask-image:radial-gradient(ellipse,black,transparent 72%)}
.story-art:after{content:"+";position:absolute;right:4%;top:5%;font-family:var(--px);font-size:25px;color:#b7a764;animation:turn-cross 12s steps(4) infinite}
@keyframes turn-cross{to{transform:rotate(360deg)}}
.trust-shield{height:300px;width:260px;shape-rendering:crispEdges;overflow:visible;filter:drop-shadow(10px 12px 0 #ffd21f0b)}
.shield-tile{transform-box:fill-box;transform-origin:center;animation:tile-assemble .9s steps(5,end) both;animation-delay:var(--delay);animation-play-state:paused}
.story-anchor[data-chapter] .shield-tile{animation-play-state:running}
@keyframes tile-assemble{from{opacity:0;transform:translate(0,12px)}to{opacity:1;transform:translate(0,0)}}
.story-anchor[data-chapter="1"] .trust-shield{filter:drop-shadow(8px 8px 0 #ffd21f20)}
.story-anchor[data-chapter="2"] .trust-shield{filter:drop-shadow(0 0 22px #ffd21f20)}
.story-meter{display:flex;align-items:center;gap:12px;font-family:var(--px);font-size:7px;color:#8f8b7e;white-space:nowrap;margin-top:32px}
.meter-line{display:block;flex:1;height:2px;background:#fff8ea25;position:relative;--progress:.333}
.meter-line:after{content:"";position:absolute;inset:0;transform:scaleX(var(--progress));transform-origin:left;background:var(--y);transition:transform .5s steps(5)}
.story-aside{font-size:19px;font-weight:500;line-height:1.9;letter-spacing:.13em;margin-top:27px;color:#b5ae9c}
.story-chapter{padding:88px 0 86px 48px;border-left:1px solid #fff8ea20;position:relative}
.story-chapter:before{content:"";position:absolute;width:7px;height:7px;top:92px;left:-4px;background:#5a5549;box-shadow:0 0 0 6px var(--k);transition:background .3s}
.story-chapter.current:before,.story-chapter.in-view:before{background:var(--y)}
.chapter-meta{font-family:var(--px);font-size:9px;letter-spacing:.1em;color:#8a8577;line-height:1.7}
.story-chapter h2{font-family:var(--zh);font-weight:500;font-size:clamp(28px,3.1vw,43px);line-height:1.65;letter-spacing:-.025em;margin:30px 0 23px}
.story-chapter h2 em{font-style:normal;color:var(--y);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.story-chapter p{font-size:14px;line-height:2.25;color:#b3ac9a;max-width:440px}
.story-chapter p.origin-date{color:#e1d5b6;font-size:11px;margin:0 0 25px;letter-spacing:.02em}
.story-text-link{display:inline-block;color:var(--y);font-size:11px;border-bottom:1px solid #ffd21f77;padding:10px 0 9px;margin-top:17px}
.story-text-link:hover{color:var(--w);border-color:var(--w)}
.pledge-number{display:flex;align-items:flex-start;gap:8px;margin:35px 0 4px;color:var(--y);line-height:1}
.pledge-number>span:first-child{font-family:var(--px);font-weight:800;font-size:clamp(100px,15vw,175px);letter-spacing:-.1em}
.pledge-number sup{font-family:var(--px);font-size:34px;padding-top:15px;margin-left:10px}
.pledge-star{font-size:65px;margin-left:auto;margin-right:35px;align-self:center;animation:turn-cross 24s steps(8) infinite}
.story-pledge h2{font-size:31px;margin-top:12px}
.story-chapter .pledge-detail{font-size:10px;color:#827c70;line-height:1.9;border-left:2px solid #5d553c;padding-left:13px;margin-top:26px}
.story-outro{max-width:1136px;margin:25px auto 0;padding-top:70px;border-top:1px solid #fff8ea29;text-align:center}
.story-outro h2{font-family:var(--zh);font-size:clamp(25px,3.5vw,43px);font-weight:500;line-height:1.8;letter-spacing:.05em;margin:23px 0 30px}
.story-join{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;background:var(--y);color:var(--k);padding:18px 24px;font-size:13px;box-shadow:4px 4px 0 #776320;transition:transform .15s,box-shadow .15s}
.story-join:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #776320}
.story-join>span:last-child{font-family:var(--px);font-size:20px}
.story-outro>p{font-size:10px;color:#787267;margin:30px 0 0;line-height:1.9}
.motion-ready .story-chapter,.motion-ready .story-outro{opacity:.2;transform:translateY(25px);transition:opacity .8s,transform .8s cubic-bezier(.2,.65,.3,1)}
.motion-ready .in-view{opacity:1;transform:none}
/* A visible instruction workbench, with a shared preview/copy source. */
.agent-lab{margin-top:35px;border:2px solid var(--k);background:var(--w);box-shadow:5px 5px 0 var(--k)}
.ags li>div{min-width:0}.cmd{min-width:0}.cmd code{max-width:100%}
.lab-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 27px 22px;border-bottom:1px solid #12111033}
.lab-kicker{font-family:var(--px);font-size:9px;letter-spacing:.07em;color:var(--g)}
.lab-head h3{font-size:20px;font-weight:700;margin:12px 0 0}
.lab-status{display:flex;align-items:center;gap:8px;font-family:var(--px);font-size:9px;color:#877b5b;white-space:nowrap}
.lab-status i{width:5px;height:5px;background:#ae9130}
.lab-tabs{display:flex;background:var(--w2);border-bottom:2px solid var(--k)}
.lab-tabs button{padding:16px 20px;font-family:var(--px);font-size:11px;text-align:left;flex:1;border-right:1px solid #12111033;position:relative}
.lab-tabs button:last-child{border-right:0}
.lab-tabs button:hover{background:#ffe98577}
.lab-tabs button.selected{background:var(--y)}
.lab-tabs button.selected:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:3px;background:var(--k)}
.lab-body{padding:25px 27px 24px}
.lab-controls{display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:38px;margin-bottom:22px}
.lab-quantity{font-size:12px;display:flex;align-items:center;gap:12px}
.lab-quantity[hidden]{display:none}
.lab-quantity input{font-family:var(--px);width:64px;border:2px solid var(--k);border-radius:0;background:var(--y);padding:7px;font-size:13px;color:var(--k)}
#labTotal{font-family:var(--px);font-size:11px}
.instruction-label,.command-label{display:block;font-family:var(--px);font-size:9px;color:#8b816c;letter-spacing:.04em;margin-bottom:10px;line-height:1.6}
#agentInstruction{display:block;resize:vertical;width:100%;min-height:160px;background:var(--k);color:var(--y2);border:0;border-radius:0;padding:23px;font-family:var(--mono),var(--zh);font-size:12px;line-height:2;overflow-wrap:anywhere;white-space:pre-wrap;caret-color:var(--y);box-sizing:border-box}
#agentInstruction::selection{background:var(--y);color:var(--k)}
.lab-bottom{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:21px}
.lab-bottom p{font-size:11px;color:#8b8069;line-height:1.9;max-width:580px;margin:0}
.lab-bottom button{background:var(--y);border:2px solid var(--k);box-shadow:3px 3px 0 var(--k);padding:13px 17px;display:flex;justify-content:space-between;gap:28px;align-items:center;font-size:12px;white-space:nowrap}
.lab-bottom button:hover{background:var(--y2);transform:translate(-1px,-1px)}
.lab-bottom button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--k)}
.visible-command{margin:18px 0}
.visible-command pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:17px;background:var(--k);color:var(--y2);font-family:var(--mono),var(--zh);font-size:11px;line-height:1.9;max-height:200px;overflow:auto;margin:0}
.mp{width:min(520px,100%)}
@media(min-width:901px){.hero .scene svg{animation:sunrise-drift 12s ease-in-out infinite alternate}}
@keyframes sunrise-drift{to{transform:translateX(-50%) translateY(5px)}}
@media(max-width:1200px){.story-top,.story-layout,.story-outro{margin-left:32px;margin-right:32px}.story-anchor{padding-right:35px}.story-meter{font-size:6px;gap:8px}}
@media(max-width:900px){.trust-shield{width:210px;height:245px}.story-art{height:280px}.story-anchor{padding-right:25px;top:100px}.story-chapter{padding:65px 0 65px 30px}.story-chapter:before{top:70px}.story-chapter h2{font-size:31px}.story-chapter p{font-size:12px}.story-aside{font-size:16px}.pledge-star{font-size:45px;margin-right:0}.pledge-number>span:first-child{font-size:110px}.story-pledge h2{font-size:25px}.story-meter{flex-wrap:wrap;line-height:1.5}.story-meter .meter-line{flex-basis:100%;order:3}.lab-status{font-size:8px}.lab-head h3{font-size:18px}.lab-tabs button{font-size:10px;padding:15px 14px}.lab-bottom{gap:20px}.lab-bottom p{font-size:10px}}
@media(max-width:600px){
 .hero-origin{font-size:7px;margin-top:16px;margin-bottom:-6px}
 .hin{padding-bottom:145px}.story-enter{font-size:10px;gap:20px;margin-top:19px}.scroll-pixels{font-size:16px}
 .story-ticker{padding:12px 0}.story-ticker>div{font-size:9px;gap:25px}.story-ticker span{font-size:18px}
 .trust-story{padding-bottom:46px}
 .story-top{margin:0 24px;padding:23px 0;font-size:7px;letter-spacing:.04em}
 .story-layout{display:block;margin:0 24px}
 .story-anchor{position:relative;top:0;padding:28px 0 0;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:24px}
 .story-art{height:158px}.trust-shield{height:145px;width:125px}
 .story-art:after{font-size:18px;top:10px;right:-7px}
 .story-meter{grid-column:2;margin:0;align-self:end;font-size:6px}
 .story-aside{font-size:13px;margin:8px 0 0;grid-column:2;grid-row:1;align-self:center;line-height:1.9}
 .story-meter{grid-row:1;margin-bottom:12px}.story-meter span:last-child{display:none}
 .story-chapter{padding:50px 0 30px 25px;margin-left:3px}
 .story-chapter:before{top:56px}
 .chapter-meta{font-size:7px;letter-spacing:.06em}
 .story-chapter h2{font-size:29px;line-height:1.75;margin:22px 0 20px}
 .story-chapter p{font-size:12px;line-height:2.15}
 .story-chapter p.origin-date{font-size:9px;line-height:1.8}
 .story-chapter h2 em{text-underline-offset:7px}
 .story-text-link{font-size:10px;margin-top:10px}
 .pledge-number{margin-top:28px}.pledge-number>span:first-child{font-size:125px}
 .pledge-number sup{font-size:25px;margin-left:4px}.pledge-star{font-size:44px;margin-right:14px}
 .story-pledge h2{font-size:25px;margin-top:9px}
 .story-chapter .pledge-detail{font-size:9px;margin-top:23px}
 .story-outro{margin:35px 24px 0;padding-top:38px}
 .story-outro h2{font-size:25px;margin:20px 0 26px}
 .story-join{font-size:12px;padding:15px 20px;gap:48px}
 .story-outro>p{font-size:9px;margin-top:25px}
 .lab-head{padding:22px 20px 19px;display:block}.lab-head h3{font-size:18px}
 .lab-status{margin-top:15px;font-size:8px}.lab-kicker{font-size:7px}
 .lab-tabs button{font-size:9px;line-height:1.9;padding:12px 10px}.lab-tabs button.selected:after{left:10px;right:10px}
 .lab-body{padding:22px 18px}.lab-controls{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:22px}
 .lab-quantity{font-size:11px}.lab-quantity input{font-size:12px}
 #labTotal{font-size:10px}.instruction-label{font-size:8px}
 #agentInstruction{padding:17px;font-size:11px;min-height:240px;line-height:2}
 .lab-bottom{flex-direction:column;align-items:stretch;gap:18px}
 .lab-bottom button{justify-content:space-between;padding:14px 17px;font-size:12px}
 .visible-command pre{font-size:10px;padding:15px}
}
@media(prefers-reduced-motion:reduce){.motion-ready .story-chapter,.motion-ready .story-outro{opacity:1;transform:none}.shield-tile{opacity:1;animation:none}*{animation:none!important;transition:none!important}}