/* DRAFT v12 — tangible explanations below the preserved organization hero. */
#purpose .org-purpose-lead{max-width:780px;margin:40px 0 42px auto;font-size:18px;line-height:1.65;color:#535353}
.org-demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.org-demo-top>p:last-child{font-size:12px;color:#656565;margin:0;line-height:1.5}
.intention-lab{padding:30px 34px 0;background:#e6e6e3;overflow:hidden}
.intention-choices{display:flex;gap:34px;margin-top:20px;border-bottom:1px solid #b7b7b1}
.intention-choices button{padding:15px 0;min-height:46px;background:none;border:0;border-bottom:2px solid transparent;color:#686863;font-size:12px}
.intention-choices button[aria-pressed=true]{border-color:#111;color:#111}
.intention-composition{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:9%;min-height:310px;padding:38px 0 44px}
.intention-word{font-size:clamp(56px,7.1vw,112px);letter-spacing:-.075em;line-height:1;min-width:0}
.intention-word>span{display:block}
.intention-word svg{display:block;width:100%;height:15px;margin-top:15px;overflow:visible}
.intention-word path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
.org-small-label{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#63635e;margin-bottom:15px}
.intention-action h3{font-size:clamp(29px,3.5vw,52px);letter-spacing:-.055em;line-height:1.04;font-weight:500;margin:0}
.intention-action>p{font-size:15px;line-height:1.6;max-width:370px;color:#555550;margin:20px 0 0}
.intention-action blockquote{font-size:17px;line-height:1.4;margin:22px 0 0;border-left:2px solid #111;padding-left:14px}
.intention-join{position:absolute;display:flex;align-items:center;gap:6px;left:50%;top:47%;width:7%;transform:translateX(-50%)}
.intention-join span{height:1px;background:#8c8c88;flex:1}.intention-join b{font-weight:400;font-size:19px}
.org-demo-note{font-size:12px;color:#686863;border-top:1px solid #b7b7b1;padding:17px 0;margin:0;line-height:1.5}
.intention-composition.is-changing .intention-action{animation:org-answer-enter .48s cubic-bezier(.2,.7,.2,1)}
.intention-composition.is-changing .intention-word>span{animation:org-word-enter .6s cubic-bezier(.2,.7,.2,1)}
.intention-composition.is-changing .intention-word path{animation:org-rule-draw .8s ease both}
@keyframes org-answer-enter{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes org-word-enter{from{transform:translateX(-22px);opacity:.2}to{transform:none;opacity:1}}
@keyframes org-rule-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
#purpose .founding-lines{margin-top:36px}
#commitments .commitment-intro{margin:38px 0 40px}
#commitments .contribution-explained{margin-bottom:40px}
#commitments .relay-heading{padding-top:28px}
#commitments .relay-steps button{transition:color .25s,border-color .25s}
.agreement-assembly{padding:28px 0 0}
.assembly-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}
.assembly-heading>.section-index{color:#a8a8a8;font-size:9px}
#relay-play{min-height:44px;padding:10px 14px;border:1px solid #727272;background:none;font-size:11px;display:flex;align-items:center;gap:10px}
#relay-play:hover{border-color:#eee}
#relay-play[aria-pressed=true]{color:#111;background:#eee;border-color:#eee}
#relay-play:disabled{opacity:.5}
.agreement-strip{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0;padding:0}
.agreement-strip>li{background:#202020;border-top:2px solid #4b4b4b;position:relative;min-height:155px;padding:20px 18px 30px;transition:background .5s,color .5s,transform .5s;border-radius:0;color:#b5b5b5}
.agreement-strip>li>span{font-size:8px;letter-spacing:.07em;text-transform:uppercase;display:block}
.agreement-strip>li>p{font-size:clamp(17px,1.8vw,27px);line-height:1.1;font-weight:500;letter-spacing:-.035em;margin:19px 0 0}
.agreement-strip>li>b{position:absolute;bottom:12px;right:14px;font-size:20px;font-weight:400;color:#777}
.agreement-strip>li.is-reached{background:#e9e9e5;color:#121212;border-color:#e9e9e5}
.agreement-strip>li.is-reached>b{color:#454540}
.agreement-strip>li.is-current{transform:translateY(-5px);border-top-color:#fff}
.assembly-progress{height:2px;background:#343434;margin-top:20px;overflow:hidden}
.assembly-progress>span{display:block;height:100%;width:25%;background:#f0f0ed;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.assembly-caption{font-size:12px;line-height:1.6;color:#aaa;margin:14px 0 0;min-height:1.6em}
#commitments .relay-content{padding-top:30px;min-height:300px;grid-template-columns:14% 1fr}
#commitments .relay-number{font-size:67px}
#commitments .relay-text h3{font-size:clamp(26px,2.7vw,39px)}
#commitments .relay-text>p:not(.relay-boundary){font-size:15px}
#commitments .relay-text blockquote{font-size:clamp(21px,2.2vw,31px)}
#responsibility .responsibility-intro{margin:32px 0 32px 25%;max-width:610px}
.role-explorer{background:#e4e4e0;padding:28px 32px 30px;overflow:hidden;margin-bottom:35px}
.role-demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:30px;align-items:center}
.role-object{position:relative;min-height:325px;display:flex;align-items:center;justify-content:center;padding:5px 0 45px}
.role-mark-card{position:relative;z-index:2;width:172px;min-height:238px;background:#121212;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:28px 25px;transform:rotate(-5deg);box-shadow:0 12px 18px #1111111a;transition:transform .7s cubic-bezier(.22,.7,.2,1)}
.role-mark-card img{width:100px;height:130px;object-fit:contain}.role-mark-card>span{font-size:10px}
.role-invitation,.role-responsibility{position:absolute;top:41px;left:calc(50% - 70px);width:180px;min-height:224px;background:#fff;padding:24px 20px;transform:translate(0,28px) rotate(5deg);opacity:0;transition:transform .7s cubic-bezier(.22,.7,.2,1),opacity .4s;box-shadow:0 10px 16px #11111114}
.role-invitation>span,.role-responsibility>span{font-size:8px;line-height:1.5;text-transform:uppercase;letter-spacing:.07em;display:block}
.role-invitation>strong,.role-responsibility>strong{font-size:27px;line-height:1.03;letter-spacing:-.04em;display:block;margin-top:28px;font-weight:500}
.role-invitation>i,.role-responsibility>i{font-style:normal;font-size:9px;display:block;line-height:1.5;border-top:1px solid #999;margin-top:24px;padding-top:12px}
.role-ground-label{position:absolute;bottom:4px;font-size:10px;color:#64645f;text-align:center;max-width:100%}
.role-explorer[data-role-view=availability] .role-mark-card,.role-explorer[data-role-view=representation] .role-mark-card{transform:translateX(-66px) rotate(-8deg)}
.role-explorer[data-role-view=availability] .role-invitation,.role-explorer[data-role-view=representation] .role-responsibility{opacity:1;transform:translate(52px,0) rotate(5deg);z-index:3}
.role-explorer.is-invitation-away .role-invitation{opacity:0;transform:translate(65px,45px) rotate(15deg)}
.role-demo-copy{padding:7px 0 14px}
.role-choice-controls{display:flex;flex-wrap:wrap;gap:17px;border-bottom:1px solid #b7b7b1;margin-bottom:25px}
.role-choice-controls>button{border:0;border-bottom:2px solid transparent;font-size:11px;min-height:44px;background:none;padding:10px 0;color:#686863}
.role-choice-controls>button[aria-pressed=true]{color:#101010;border-bottom-color:#111}
.role-demo-copy h3{font-size:clamp(30px,3.3vw,49px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0 0 20px}
.role-demo-copy>p:not(.sr-only){font-size:15px;line-height:1.65;margin:0;max-width:460px;color:#4b4b47}
.role-demo-copy .role-demo-principle{font-size:12px!important;color:#141414!important;margin-top:18px!important}
#role-invitation-toggle{border:0;border-bottom:1px solid #999;background:none;min-height:44px;font-size:11px;padding:12px 0 7px;margin-top:16px;display:flex;gap:22px;align-items:center}
.role-reference article{grid-template-columns:30px 25% 1fr;padding:27px 0}
.role-reference h3{font-size:25px}
.role-reference article>div{font-size:14px}
.role-reference .role-principle{font-size:12px;margin-top:12px}
#explore .reading-paths a{transition:background .25s,transform .25s,padding .25s}
#explore .reading-paths a:hover,#explore .reading-paths a:focus-visible{background:#e4e4e0;padding-left:16px;padding-right:16px;transform:translateY(-4px)}
#explore .reading-paths a:hover b,#explore .reading-paths a:focus-visible b{left:16px}
@media(max-width:1000px){
 .intention-word{font-size:7.2vw}.intention-composition{gap:7%;grid-template-columns:1fr 1fr}.role-demo-layout{gap:5%;grid-template-columns:.9fr 1fr}.role-mark-card{width:145px;padding:24px 18px;min-height:211px}.role-invitation,.role-responsibility{width:155px;min-height:204px;left:calc(50% - 69px);top:48px;padding:21px 16px}.role-invitation>strong,.role-responsibility>strong{font-size:25px}.role-explorer[data-role-view=availability] .role-mark-card,.role-explorer[data-role-view=representation] .role-mark-card{transform:translateX(-43px) rotate(-8deg)}.role-explorer[data-role-view=availability] .role-invitation,.role-explorer[data-role-view=representation] .role-responsibility{transform:translate(39px,0) rotate(5deg)}
}
@media(max-width:700px){
 #purpose .org-purpose-lead{font-size:15px;margin:28px 0}.org-demo-top{align-items:flex-start;flex-direction:column;gap:8px}.org-demo-top>p:last-child{font-size:11px}.org-demo-top>.section-index{font-size:9px}.intention-lab{padding:22px 20px 0}.intention-choices{gap:20px;margin-top:10px}.intention-choices button{font-size:10px;white-space:nowrap}.intention-composition{display:block;min-height:0;padding:27px 0 29px}.intention-word{font-size:clamp(45px,12.6vw,80px);margin-bottom:29px}.intention-word svg{height:7px;margin-top:11px}.intention-action h3{font-size:33px}.intention-action h3 br{display:none}.intention-action>p{font-size:14px;margin-top:15px}.intention-action blockquote{font-size:16px;margin-top:17px}.intention-join{display:none}.org-small-label{font-size:8px;margin-bottom:12px}.org-demo-note{font-size:10px;padding:14px 0}
 #commitments .commitment-intro{margin:30px 0}.assembly-heading{align-items:flex-start;margin-bottom:21px;gap:14px}.assembly-heading>.section-index{font-size:8px;max-width:140px;padding-top:9px;line-height:1.6}#relay-play{font-size:10px;padding:8px 10px;min-width:125px;justify-content:center}.agreement-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.agreement-strip>li{min-height:141px;padding:17px 15px 30px}.agreement-strip>li>span{font-size:7px;line-height:1.5}.agreement-strip>li>p{font-size:22px;margin-top:17px}.agreement-strip>li.is-current{transform:none}.agreement-strip>li>b{font-size:16px}.assembly-progress{margin-top:16px}.assembly-caption{font-size:11px;min-height:3.2em}#commitments .relay-content{grid-template-columns:1fr;gap:14px;padding:28px 0;min-height:395px}#commitments .relay-number{font-size:42px}#commitments .relay-text h3{font-size:27px}#commitments .relay-text>p:not(.relay-boundary){font-size:14px}
 #responsibility .responsibility-intro{font-size:15px;margin:26px 0}.role-explorer{padding:23px 19px;margin-bottom:27px}.role-demo-layout{display:flex;flex-direction:column;gap:16px;margin-top:15px}.role-object{width:100%;min-height:279px;padding-bottom:29px}.role-mark-card{min-height:199px;width:143px;gap:19px;padding:24px 20px}.role-mark-card img{width:82px;height:106px}.role-invitation,.role-responsibility{top:30px;left:calc(50% - 70px);min-height:202px;width:148px;padding:20px 16px}.role-invitation>strong,.role-responsibility>strong{font-size:25px;margin-top:23px}.role-ground-label{font-size:9px}.role-explorer[data-role-view=availability] .role-mark-card,.role-explorer[data-role-view=representation] .role-mark-card{transform:translateX(-42px) rotate(-8deg)}.role-explorer[data-role-view=availability] .role-invitation,.role-explorer[data-role-view=representation] .role-responsibility{transform:translate(42px,0) rotate(5deg)}.role-explorer.is-invitation-away .role-invitation{transform:translate(49px,25px) rotate(12deg)}.role-demo-copy{padding:0;width:100%}.role-choice-controls{gap:17px;margin-bottom:22px}.role-choice-controls>button{font-size:10px}.role-demo-copy h3{font-size:33px}.role-demo-copy>p:not(.sr-only){font-size:14px}.role-demo-copy .role-demo-principle{font-size:11px!important}.role-reference article{grid-template-columns:22px 1fr;gap:12px}.role-reference h3{font-size:25px}.role-reference article>div{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .intention-composition *, .agreement-strip>li,.assembly-progress>span,.role-object>div,#explore .reading-paths a{animation:none!important;transition:none!important}
}