/* A clear product journey around the existing collaborative theatre. */
body.page-mode .library-clarity83{background:#faf8f2;color:#272521;--finish-ink:#272521;--finish-copy:#655f57}
.library-clarity83 .l83-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;padding-block:66px 45px}
body.page-mode .library-clarity83 .l83-intro h1{font-size:clamp(42px,5.2vw,74px);max-width:14ch;line-height:1.02;letter-spacing:-.055em;color:#272521;margin:22px 0}
.library-clarity83 .l83-lead{font:400 17px/1.7 var(--font-body);max-width:55ch;color:#655f57}
.library-clarity83 .l83-intro .journey-actions{margin-block:27px;flex-wrap:wrap}
.library-clarity83 .l83-facts{display:flex;gap:9px 19px;flex-wrap:wrap;padding:0;list-style:none;margin:26px 0 0;color:#6d695e;font:500 11px/1.4 var(--font-body)}
.library-clarity83 .l83-facts li{display:flex;align-items:center;gap:7px}.library-clarity83 .l83-facts li:before{content:'';width:5px;height:5px;border-radius:50%;background:#728148}
.library-clarity83 .l83-cover{margin:0;padding:30px 26px 20px;background:#edece1;border-radius:16px;border:1px solid #383b2420;overflow:hidden}
.l83-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:center;padding:25px 0}
.l83-portraits>div{position:relative;transform:rotate(-5deg);padding:5px 5px 9px;background:#fcfaf3;box-shadow:0 10px 25px #292d2018;border-radius:7px}.l83-portraits>div:nth-child(2){transform:translateY(-19px) rotate(2deg);z-index:1}.l83-portraits>div:nth-child(3){transform:rotate(7deg)}
.l83-portraits img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:4px;display:block}.l83-portraits span{display:block;font:500 10px/1.4 var(--font-body);color:#373b2b;padding:9px 4px 0}
.l83-cover figcaption{display:flex;gap:10px;align-items:center;font:500 14px/1.5 var(--font-body);color:#343b2d;border-top:1px solid #53612d30;padding-top:18px}.l83-cover figcaption>span{display:grid;place-items:center;background:#c9ff24;border-radius:50%;width:28px;height:28px;flex-shrink:0}.l83-cover>p{font:400 11px/1.6 var(--font-body);color:#6b6c5c;margin:11px 0 0}
.l83-chapters{display:flex;gap:32px;flex-wrap:wrap;padding-block:20px 30px}.l83-chapters>a{display:flex;align-items:center;gap:10px;color:#413e34;font:500 12px/1.4 var(--font-body);text-decoration:none}.l83-chapters>a>span{font:10px var(--font-mono);color:#8a8978}
.library-clarity83 .l83-collaboration{background:#132623;padding:0;scroll-margin-top:88px;color:#faf3e3}.library-clarity83 .lc-story{height:210svh;margin-inline:0}.library-clarity83 .lc-theatre{border:0}
body.page-mode .library-clarity83 .lc-collaboration-title{font:600 clamp(32px,3.8vw,51px)/1.08 var(--font-display);letter-spacing:-.04em;margin:0;color:#faf3e3;max-width:14ch}
.library-clarity83 .lc-story-intro{top:30px;width:35%}.library-clarity83 .lc-story-intro .lc-eyebrow{font-size:10px;color:#bbcbb2;margin-bottom:15px}.library-clarity83 .lc-story-lead{font-size:14px;line-height:1.6;max-width:32ch;color:#c4cfba;margin-top:17px}
.library-clarity83 .lc-story-copy{top:51%;width:30%}.library-clarity83 .lc-story-copy h2{font-size:26px!important;max-width:18ch}.library-clarity83 .lc-story-copy .lc-step-output{font-size:14px}
.library-clarity83 .l83-behind{padding-block:74px 62px}.l83-behind>header{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.l83-behind>header>.profile-kicker{grid-column:1/-1}.l83-behind>header>h2{margin:10px 0 22px!important;max-width:16ch;font-size:clamp(31px,3.4vw,46px)!important}.l83-behind>header>p:last-child{font-size:16px;line-height:1.7;color:#655f57;align-self:center;max-width:58ch}
.l83-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:20px}.l83-parts article{padding-top:22px;border-top:1px solid #27252130}.l83-parts article>span{font:11px var(--font-mono);color:#85836b}.l83-parts h3{font-size:20px!important;letter-spacing:-.025em;margin:18px 0 10px!important}.l83-parts p{font-size:14px;line-height:1.7;max-width:38ch;color:#655f57}
.l83-human{font-size:14px;line-height:1.7;max-width:82ch;margin:24px 0 8px}.l83-note{font-size:12px;line-height:1.65;color:#777366;max-width:95ch;margin:0}
.library-clarity83 .l83-selection.journey-library{background:#eef0e5;padding:1px 0 55px}.library-clarity83 .library-commerce{margin-top:55px;margin-bottom:48px;background:#fcfbf6;border-radius:12px}.library-clarity83 .lc-heading{max-width:65ch}.library-clarity83 .lc-heading h2{font-size:clamp(32px,4vw,50px)!important}.library-clarity83 .lc-heading>p:last-child{font-size:15px}.library-clarity83 .lc-level{border-radius:9px}.library-clarity83 .lc-product-copy h3{font-size:clamp(30px,3.4vw,44px)}
.lc-package-facts{padding:16px 18px;margin-top:22px;border:1px solid #62684a26;background:#f0f1e8;border-radius:6px}.lc-product-copy .lc-package-facts h4,.lc-dialog .lc-package-facts h4{margin:0 0 10px!important;font:600 11px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.06em}.lc-package-facts p{font:400 12px/1.6 var(--font-body);color:#5c6251;margin:5px 0}.lc-package-facts p>strong{font-weight:700;color:#32382c}.lc-dialog .lc-package-facts{margin-top:16px}
.l83-directory{scroll-margin-top:105px}.l83-directory>header{max-width:680px;margin-bottom:28px}.library-clarity83 .l83-directory h2{font-size:clamp(31px,3.4vw,44px)!important;color:#272521!important}.l83-directory>header>p:last-child{font-size:15px;line-height:1.7;color:#655f57}
.l83-team{border-top:1px solid #45503b30}.l83-team:last-child{border-bottom:1px solid #45503b30}.l83-team>summary{display:flex;align-items:center;gap:22px;padding:22px 0;cursor:pointer;list-style:none}.l83-team>summary::-webkit-details-marker{display:none}.l83-team>summary>span{font:11px var(--font-mono);color:#7b8069}.library-clarity83 .l83-team>summary>h3{font-size:22px!important;margin:0!important;color:#272521!important}.l83-team>summary>small{font-size:12px;color:#777b65;margin-inline-start:auto}.l83-team>summary>b{font-weight:400;font-size:25px;width:24px;text-align:center;transition:transform .2s}.l83-team[open]>summary>b{transform:rotate(45deg)}
.l83-team-body{padding:0 0 26px}.l83-team-body .journey-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;margin:0 0 25px;padding:0;list-style:none}.library-clarity83 .l83-team-body .lc-role{color:#272521}.l83-team-body .journey-text-link{border:0;background:transparent;font-size:13px;padding:0;cursor:pointer;color:#3e5130;text-decoration:underline;text-underline-offset:5px}.l83-team summary:focus-visible{outline:2px solid #6c8528;outline-offset:5px}
.library-clarity83 .l83-example{padding-block:62px}.library-clarity83 .l83-example>h2{font-size:clamp(32px,3.4vw,46px)!important}.l83-example>p:not(.profile-kicker){max-width:67ch;color:#655f57;font-size:15px;line-height:1.7}.l83-example>details{margin-top:25px;border:1px solid #27252126;border-radius:9px;overflow:hidden}.l83-example>details>summary{padding:23px 25px;font:600 15px/1.4 var(--font-body);display:flex;justify-content:space-between;cursor:pointer;list-style:none;background:#f3f1e7}.l83-example>details>summary::-webkit-details-marker{display:none}.l83-example>details>summary>span{font-size:23px;font-weight:400}.l83-example .library-demo{padding:30px!important;max-width:none!important}.l83-example .library-demo-head{display:none}.l83-example .journey-library-demo{padding:0;margin:0;background:#f8f7f0}
.l83-help{display:flex;align-items:center;gap:35px;justify-content:space-between;padding-block:40px 65px;border-top:1px solid #27252126}.l83-help>div{max-width:630px}.library-clarity83 .l83-help h2{font-size:clamp(25px,3vw,36px)!important;margin-top:0}.l83-help p{font-size:14px;line-height:1.7;color:#655f57}.l83-help .profile-button{flex-shrink:0}.library-clarity83 .l83-intro .profile-kicker,.library-clarity83 .l83-behind .profile-kicker,.library-clarity83 .l83-directory .profile-kicker,.library-clarity83 .l83-example .profile-kicker{color:#6b704f!important}
@media(max-width:1000px){.library-clarity83 .l83-intro{gap:35px}.l83-cover{padding-inline:15px!important}.l83-portraits span{font-size:9px}.l83-team-body .journey-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:801px) and (max-height:740px){.library-clarity83 .lc-story-intro{top:22px}.library-clarity83 .lc-collaboration-title{font-size:39px}.library-clarity83 .lc-story-lead{font-size:12px;line-height:1.5;margin-top:12px}.library-clarity83 .lc-story-copy{top:48%}}
@media(max-width:800px){.library-clarity83 .l83-intro{grid-template-columns:1fr;padding-block:38px 28px;gap:30px}.library-clarity83 .l83-intro h1{font-size:44px;max-width:15ch}.library-clarity83 .l83-lead{font-size:15px;max-width:none}.library-clarity83 .l83-cover{max-width:480px;width:100%;margin-inline:auto}.l83-portraits{padding-block:15px 20px}.l83-portraits img{aspect-ratio:1/1.05}.l83-chapters{gap:15px 22px;padding-block:15px 28px}.l83-chapters>a{font-size:11px}.library-clarity83 .lc-story{height:auto}.library-clarity83 .lc-story-intro{inset:auto;position:relative;width:100%}.library-clarity83 .lc-collaboration-title{font-size:36px;max-width:18ch}.library-clarity83 .lc-story-lead{max-width:none;font-size:14px}.library-clarity83 .lc-story-copy{position:relative;top:auto;width:100%}.library-clarity83 .lc-theatre{min-height:0}.l83-behind>header{display:block}.library-clarity83 .l83-behind{padding-block:45px}.l83-behind>header>p:last-child{font-size:15px}.l83-parts{grid-template-columns:1fr;gap:14px;margin-top:22px}.l83-parts article{position:relative;padding:18px 0 6px;padding-inline-start:36px}.l83-parts article>span{position:absolute;inset-inline-start:0;top:24px}.l83-parts h3{margin:0 0 8px!important}.l83-parts p{max-width:none;margin:0}.l83-human{font-size:13px}.library-clarity83 .l83-selection{padding-bottom:35px}.library-clarity83 .library-commerce{margin-block:30px 35px}.l83-team>summary{gap:13px}.l83-team>summary>h3{font-size:20px!important}.l83-team-body .journey-role-grid{grid-template-columns:1fr;gap:5px}.l83-team-body .lc-role img{width:66px;height:66px}.l83-team>summary>small{font-size:11px}.l83-example .library-demo{padding:18px!important}.library-clarity83 .l83-example{padding-block:45px}.l83-help{flex-direction:column;align-items:flex-start;padding-block:30px 45px;gap:15px}.l83-help .profile-button{align-self:stretch;justify-content:center}}
@media(prefers-reduced-motion:reduce){.library-clarity83 .lc-story{height:auto}.l83-team>summary>b{transition:none}}
/* Match the shared typography tokens in each surface, including !important headings. */
body.page-mode .library-clarity83 .l83-collaboration{--finish-ink:#faf3e3;--finish-copy:#c4cfba;--finish-line:#fff5de2a}
body.page-mode .library-clarity83 .l83-selection{--finish-ink:#272521;--finish-copy:#655f57;--finish-line:#27252124;color:#272521}

/* The dedicated Library inquiry CTA replaces the floating concierge on this page. */
body:has(.library-clarity83) #concierge-fab{display:none!important}
/* One cast per handoff: remove the duplicate orbit around the five working roles. */
.library-clarity83 .lc-cast-constellation{display:none}
@media(max-width:800px){.library-clarity83 .lc-scene{height:385px}}

/* The hero explains the handoff before the visitor enters the animation. */
.l83-cover .l83-cover-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}
.l83-cover .l83-cover-flow>span{position:relative;display:block;width:auto;height:auto;min-width:0;background:none;border-radius:0;font:600 12px/1.5 var(--font-body);padding-inline-end:10px}
.l83-cover-flow>span>small{display:block;font:10px/1.5 var(--font-mono);color:#77805d;margin-bottom:4px}
.l83-cover-flow>span:not(:last-child):after{content:'→';position:absolute;inset-inline-end:-8px;top:21px;color:#6b7753;font-weight:400}
[dir=rtl] .l83-cover-flow>span:not(:last-child):after{content:'←'}
@media(max-width:480px){.l83-cover .l83-cover-flow{gap:12px}.l83-cover .l83-cover-flow>span{font-size:11px}}