/* A role is the entry point; one invitation moves into view at a time. */
.collab-role-section{margin:28px 0 65px;padding:46px 0 0;border-top:1px solid #dedfd6;scroll-margin-top:110px}
.collab-role-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}
.collab-role-heading .mono{color:#727b64;font-size:9px}
.collab-role-heading h2{font:400 clamp(36px,4.2vw,58px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:18px 0 0}
.collab-role-heading h2 em{color:var(--moss)}
.collab-role-heading>p{font:italic 23px/1.3 Georgia,serif;color:#737a65;margin:0 0 5px}
.collab-role-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);gap:6%;align-items:start}
.collab-role-tabs{display:flex;flex-direction:column;padding-top:10px;min-width:0}
.collab-role-tab{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;border:0;border-bottom:1px solid #dedfd6;background:transparent;color:#68715f;padding:25px 0;font:400 clamp(18px,1.7vw,24px)/1.3 'DM Sans',sans-serif;letter-spacing:-.035em;transition:color .2s;min-height:85px}
.collab-role-tab:first-child{border-top:1px solid #dedfd6}
.collab-role-tab-arrow{font-size:25px;color:var(--moss);opacity:0;transform:translate(-5px,5px);transition:opacity .2s,transform .2s}
.collab-role-tab[aria-selected=true]{color:#34422e;font-weight:500;border-bottom-color:#73835c}
.collab-role-tab[aria-selected=true] .collab-role-tab-arrow{opacity:1;transform:none}
.collab-role-tab:hover{color:#34422e}
.collab-role-stage{min-width:0;overflow:hidden;background:#f7f5ed;border:1px solid #eeece2;border-radius:22px}
.collab-role-toolbar{display:flex;align-items:center;justify-content:space-between;padding:26px 38px 0;gap:20px}
.collab-role-current{font:10px/1.5 'IBM Plex Mono',monospace;color:#737b65;letter-spacing:.03em}
.collab-role-arrows{display:flex;gap:8px}
.collab-role-arrows button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9ddce;border-radius:50%;background:transparent;color:#34422e;font-size:23px;line-height:1;transition:background .2s}
.collab-role-arrows button:hover:not(:disabled){background:#e9ecdf}
.collab-role-arrows button:disabled{opacity:.3;cursor:default}
.collab-role-viewport{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth;align-items:stretch}
.collab-role-viewport::-webkit-scrollbar{display:none}
.collab-role-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:32px 38px 38px;display:flex;flex-direction:column;align-items:flex-start}
.collab-role-pair{font-size:9px;color:#737b65}
.collab-role-slide h3{font:400 clamp(36px,3.8vw,56px)/1.07 Georgia,serif;letter-spacing:-.045em;max-width:570px;margin:24px 0;color:#2d3828;min-height:2.14em}
.collab-role-message{font:17px/1.65 'DM Sans',sans-serif;color:#3b4335;margin:0 0 28px;max-width:570px}
.collab-role-possibility{border-top:1px solid #dedfd1;padding-top:20px;width:100%;margin-top:auto;max-width:570px}
.collab-role-possibility .mono{font-size:8px;color:#7a806f}
.collab-role-possibility p{font:13px/1.65 'DM Sans',sans-serif;color:#6d7562;margin:10px 0 26px;max-width:490px}
.collab-role-cta{display:inline-flex;align-items:center;gap:30px;padding:13px 20px;background:#616f48;color:#fff;border-radius:40px;font:13px/1.4 'DM Sans',sans-serif}
.collab-role-cta span{font-size:19px;line-height:1}
.collab-role-cta:hover{background:#475535}
.collab-role-progress{display:flex;gap:7px;padding:0 38px 27px}
.collab-role-progress span{height:2px;background:#dedfd1;flex:1;transition:background .2s}
.collab-role-progress span.is-active{background:#616f48}
.collab-role-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;color:#737b65}
.collab-role-footer p{margin:0;font:italic 20px/1.4 Georgia,serif}
.collab-role-footer .text-link{font-size:12px;color:#34422e}
.collab-role-disclaimer{margin:27px 0 0;font:8px/1.6 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#7f8577}
@media(max-width:900px){.collab-role-layout{grid-template-columns:minmax(210px,.85fr) minmax(0,1.7fr);gap:4%}.collab-role-toolbar{padding:23px 28px 0}.collab-role-slide{padding:27px 28px 30px}.collab-role-slide h3{font-size:40px}.collab-role-message{font-size:15px}.collab-role-progress{padding:0 28px 25px}.collab-role-tab{font-size:19px}}
@media(max-width:650px){
 .collab-role-section{margin:12px 0 40px;padding-top:30px}
 .collab-role-heading{display:block;margin-bottom:23px}.collab-role-heading h2{font-size:38px;margin-top:15px}.collab-role-heading>p{font-size:20px;margin:15px 0 0}
 .collab-role-layout{display:block}
 .collab-role-tabs{position:relative;flex-direction:row;gap:23px;overflow-x:auto;scrollbar-width:none;padding:0 0 4px;margin-bottom:20px;scroll-snap-type:x proximity}
 .collab-role-tabs::-webkit-scrollbar{display:none}
 .collab-role-tab{flex:0 0 auto;min-height:54px;max-width:230px;padding:12px 0 14px;font-size:17px;letter-spacing:-.025em;gap:12px;scroll-snap-align:start;border-bottom:2px solid transparent}
 .collab-role-tab:first-child{border-top:0}.collab-role-tab-arrow{font-size:20px}.collab-role-tab[aria-selected=true]{border-bottom-color:#616f48}
 .collab-role-stage{border-radius:17px}.collab-role-toolbar{padding:18px 22px 0;gap:12px}.collab-role-current{font-size:8px;max-width:180px}.collab-role-arrows button{width:37px;height:37px;font-size:21px}
 .collab-role-slide{padding:27px 22px 28px}.collab-role-pair{font-size:8px}.collab-role-slide h3{font-size:35px;min-height:3.21em;margin:21px 0}
 .collab-role-message{font-size:14px;line-height:1.7;margin-bottom:25px}.collab-role-possibility{padding-top:18px}.collab-role-possibility p{font-size:12px;margin-bottom:23px}.collab-role-cta{font-size:12px;padding:12px 18px}.collab-role-progress{padding:0 22px 23px;gap:5px}
 .collab-role-footer{margin-top:24px;display:block}.collab-role-footer p{font-size:20px;margin-bottom:15px}.collab-role-disclaimer{font-size:7px;margin-top:23px}
}
@media(prefers-reduced-motion:reduce){.collab-role-viewport{scroll-behavior:auto}.collab-role-tab,.collab-role-tab-arrow,.collab-role-arrows button,.collab-role-progress span{transition:none}}
