.context-invitation{--ci-note:var(--surface-note);--ci-scrap:var(--surface-scrap);isolation:isolate;min-width:0;max-width:100%;color:var(--ink);font-family:var(--font-body);margin-block:clamp(3.5rem,7vw,6rem);position:relative}.context-invitation *,.context-invitation :before,.context-invitation :after{box-sizing:border-box}.context-invitation .ci-copy{z-index:1;min-width:0;position:relative}.context-invitation h2{overflow-wrap:break-word;text-wrap:balance;min-width:0;max-width:22ch;font-family:var(--font-display);margin:0;font-size:clamp(1.9rem,3.5vw,2.65rem);font-weight:400;line-height:1.18}.context-invitation .ci-copy>p{max-width:34ch;margin:.8rem 0 0;font-size:1.1rem;line-height:1.5}.context-invitation .ci-actions{flex-wrap:wrap;align-items:center;gap:.35rem 1.5rem;margin-top:1.15rem;display:flex}.context-invitation .ci-actions a{max-width:100%;min-height:44px;color:var(--cobalt);overflow-wrap:anywhere;align-items:center;padding-block:.35rem;font-size:1.05rem;line-height:1.45;display:inline-flex;transform:none}.context-invitation .ci-actions a:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:2px 4px 2px 3px;transition:none}.context-invitation .ci-actions a:active{color:var(--rust);transform:none}.context-invitation .ci-primary{text-underline-offset:.32em;text-decoration:underline;text-decoration-thickness:1.5px}.context-invitation .ci-primary .pencil-rest{opacity:.65;stroke-width:1.1px}.context-invitation .ci-heading-line{display:block}.context-invitation .ci-paper{z-index:-1;pointer-events:none;background:var(--ci-note) center / 100% 100% no-repeat;position:absolute;inset:0}.context-invitation .ci-response{transition:transform .18s var(--paper-ease)}.context-invitation .ci-fold{clip-path:polygon(5% 0,100% 100%,100% 0);transform-origin:100% 0;width:42px;height:36px;position:absolute;top:1.5%;right:1.5%}.ci-folded-brief,.ci-personal-letter,.ci-workbench-slip .ci-bench-slip{--ink:var(--art-ink);color:var(--ink);--ink-soft:var(--sheet-muted);--cobalt:var(--sheet-cobalt);--rust:var(--sheet-rust);--focus:var(--sheet-cobalt);--rule:var(--sheet-rule)}.ci-folded-brief{grid-template-columns:minmax(0,1fr) minmax(0,.32fr);align-items:center;gap:1.5rem;padding:clamp(2rem,5vw,3.3rem);display:grid}.ci-folded-brief .ci-brief-paper{transform:rotate(-.35deg)}.ci-folded-brief .ci-crease{background:var(--rule);opacity:.45;width:1px;position:absolute;top:8%;bottom:9%;left:70%;transform:rotate(.8deg)}.ci-layout-home h2{max-width:24ch}.ci-layout-collection{max-width:910px;margin-inline:auto;padding-bottom:3.7rem}.ci-layout-collection .ci-brief-paper:before,.ci-layout-collection .ci-brief-paper:after{content:"";z-index:-2;background:var(--ci-scrap) center / 100% 100% no-repeat;position:absolute;inset:8% 4% -4%;transform:rotate(2deg)}.ci-layout-collection .ci-brief-paper:after{inset:0 5%;transform:rotate(-2deg)}.ci-layout-bridge{grid-template-columns:minmax(0,1fr);padding:2rem 2.5rem 3rem}.ci-layout-bridge .ci-copy{width:100%;max-width:600px;margin-inline:auto}.ci-layout-bridge .ci-crease{left:82%}.ci-layout-specification{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);max-width:770px;margin-inline:auto;padding:2.7rem}.ci-layout-specification .ci-copy{grid-area:1/2}.ci-layout-specification .ci-actions{justify-items:start;gap:.1rem;display:grid}.ci-layout-specification .ci-crease{left:34%}.ci-layout-renovation{grid-template-columns:minmax(0,1fr);max-width:640px;margin-inline:auto;padding:3rem 3rem 2rem}.ci-layout-renovation .ci-fold{background:var(--sheet-cobalt);clip-path:polygon(0 0,95% 3%,100% 96%,0 100%);width:28px;height:52px;top:auto;bottom:26%;right:0}.ci-layout-renovation .ci-crease{left:85%}.ci-personal-letter{max-width:760px;margin-left:auto;margin-right:5%}.ci-personal-letter .ci-letter{isolation:isolate;min-height:310px;padding:3.7rem 4rem 3rem 5.5rem;position:relative}.ci-personal-letter .ci-letter-paper{transform:rotate(-.6deg)}.ci-personal-letter .ci-letter-rule{inset-block:9%;background:var(--rule);opacity:.5;width:1px;position:absolute;left:6%}.ci-personal-letter h2{max-width:19ch}.ci-personal-letter .ci-copy>.ci-signature{color:var(--rust);margin-top:1.65rem;font-size:1.7rem}.ci-layout-about .ci-actions{padding-right:36px}.ci-layout-maintenance{max-width:610px;margin-inline:auto}.ci-layout-maintenance .ci-letter{min-height:350px;padding:3rem 3.4rem 6rem}.ci-layout-handoff{max-width:670px;margin-left:7%;margin-right:auto}.ci-layout-handoff .ci-letter{padding:3rem 3.6rem 7.5rem}.ci-layout-handoff .ci-actions{max-width:400px}.ci-annotated-note{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:.5rem 2rem;display:grid}.ci-annotation{border-left:2px solid var(--cobalt);padding:1.1rem 0 .3rem 1.8rem;position:relative}.ci-layout-selected-design{gap:0;max-width:830px;margin-inline:auto}.ci-layout-selected-design .ci-annotation{grid-column:1/-1;max-width:560px;margin-left:24%}.ci-layout-builder{align-items:start;padding-bottom:1rem}.ci-layout-builder .ci-annotation{border-left:0;border-top:1px solid var(--rule);grid-area:2/1/auto/-1;max-width:490px;padding-top:1.5rem}.ci-layout-lesson{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.ci-layout-review{gap:0;max-width:740px;margin-inline:auto}.ci-layout-review .ci-annotation{border-color:var(--rust);grid-column:1/-1;max-width:480px;margin-left:30%;padding-left:1.2rem}.ci-layout-writing-margin{grid-template-columns:minmax(0,.2fr) minmax(0,1fr);align-items:center;max-width:780px;margin-inline:auto}.ci-layout-writing-margin .ci-annotation{padding-block:.5rem}.ci-layout-connected{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;max-width:840px;margin-inline:auto}.ci-layout-connected .ci-annotation{border:0;padding-left:1rem}.ci-comparison-spread{border-block:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:2.5rem;padding-block:2rem;display:grid}.ci-layout-products .ci-actions{justify-items:start;gap:0;display:grid}.ci-layout-storybook{border-top:0;align-items:end;padding-top:1rem}.ci-layout-storybook .ci-copy{padding-block:0 2rem}.ci-layout-open-folio{border:0;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);max-width:850px;margin-inline:auto;padding:2rem 1.5rem 2rem 0}.ci-workbench-slip{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);align-items:center;max-width:880px;margin-inline:auto;display:grid}.ci-bench-slip{isolation:isolate;padding:2.5rem 2.7rem;position:relative}.context-invitation .ci-loose-paper{background-image:var(--ci-scrap);transform:rotate(-.8deg)}.ci-index-tab{z-index:-2;background:var(--sheet-cobalt);clip-path:polygon(0 4%,93% 0,100% 95%,0 100%);width:26px;height:45px;position:absolute;top:45%;right:-4px}.ci-layout-journal{grid-template-columns:minmax(0,1fr) minmax(0,.55fr)}.ci-layout-journal .ci-bench-slip{grid-area:1/1;padding-block:3rem}.ci-layout-journal .ci-index-tab{display:none}.ci-layout-reference{grid-template-columns:minmax(0,1fr);max-width:650px}.ci-layout-reference .ci-bench-slip{padding-bottom:3.4rem}.ci-layout-desk{grid-template-columns:minmax(0,1fr);max-width:720px}.ci-layout-desk .ci-bench-slip{margin-left:12%;padding-block:2.6rem}.ci-layout-cleared-desk{grid-template-columns:minmax(0,1fr) minmax(0,.25fr);align-items:end;max-width:790px}.ci-layout-cleared-desk .ci-bench-slip{grid-area:1/1;padding:2.5rem 3rem}.ci-layout-cleared-desk .ci-index-tab{display:none}.ci-options-slip{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.5rem;max-width:850px;margin-inline:auto;padding-block:1rem;display:grid}.ci-options-slip .ci-edge-tab{background:var(--cobalt);transform-origin:top;width:2px;position:absolute;top:1rem;bottom:1rem;left:0}.ci-options-slip .ci-copy{padding-left:1.2rem}.ci-compact{grid-template-columns:26px minmax(0,1fr);gap:1rem;margin-block:2rem;padding:1rem 0}.ci-compact .ci-copy>.ci-question{margin:0;font-size:1.2rem}.ci-compact .ci-actions{margin-top:.25rem}.ci-compact .ci-edge-tab{display:none}.ci-layout-career{border-top:1px solid var(--rule)}.ci-layout-recommendations{margin-inline:0}.ci-layout-future{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);max-width:680px}.ci-layout-future .ci-copy{padding:0}.ci-layout-website{max-width:760px;margin-left:0}.ci-layout-website h2{max-width:22ch}.ci-layout-website .ci-edge-tab{display:none}.ci-layout-services{border-bottom:1px solid var(--rule);max-width:900px;padding-bottom:2rem}.ci-layout-services h2{font-size:clamp(1.7rem,3vw,2.2rem)}.ci-layout-services .ci-edge-tab{display:none}.ci-layout-event{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,.45fr) minmax(0,1fr);padding:1.5rem 0}.ci-layout-event .ci-edge-tab{clip-path:polygon(0 2%,100% 0,95% 100%,0 83%);background:var(--paper-light);width:24px;height:30px;top:auto;bottom:0;left:25%}.ci-layout-ticket{border-block:1px dashed var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,.4fr);padding:1.8rem 0}.ci-layout-ticket .ci-copy{grid-area:1/1}.ci-layout-ticket .ci-edge-tab{display:none}.ci-layout-next-steps{grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:2rem}.ci-layout-next-steps .ci-edge-tab{display:none}.ci-layout-next-steps .ci-actions{justify-items:start;gap:.6rem;display:grid}.ci-layout-next-steps .ci-actions a{padding-right:1rem;font-size:1.2rem}.ci-layout-next-steps .ci-actions a:nth-child(2){margin-left:2.4rem}@media (hover:hover) and (pointer:fine){.context-invitation:has(.ci-actions a:hover) .ci-echo{opacity:.85}.context-invitation[data-gesture=fold]:has(.ci-actions a:hover) .ci-brief-paper{transform:translateY(-2px)rotate(-.35deg)}.context-invitation[data-gesture=fold]:has(.ci-actions a:hover) .ci-letter-paper{transform:translateY(-2px)rotate(-.6deg)}:is(.ci-layout-tools:has(.ci-actions a:hover) .ci-loose-paper,.ci-layout-cleared-desk:has(.ci-actions a:hover) .ci-loose-paper){transform:rotate(0)}.ci-layout-bridge:has(.ci-primary:hover) .ci-brief-paper{transform:translateY(-2px)rotate(-.35deg)}.context-invitation[data-gesture=tab]:has(.ci-actions a:hover) .ci-index-tab{transform:translate(3px)}.ci-layout-renovation:has(.ci-actions a:hover) .ci-fold{transform:translate(2px)}.ci-layout-event:has(.ci-actions a:hover) .ci-edge-tab{transform:translateY(-2px)}}@media (max-width:650px){.context-invitation{margin-block:3rem}.context-invitation h2{font-size:1.95rem}.context-invitation .ci-actions{gap:.3rem 1.1rem}.context-invitation .ci-actions a{font-size:1.05rem}.ci-folded-brief{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:2rem 1.6rem}.ci-layout-home{padding:2rem 1.5rem 1.5rem}.ci-layout-home h2{max-width:19ch}.ci-folded-brief .ci-crease{left:80%}.ci-layout-collection{margin-inline:.2rem}.ci-layout-specification .ci-copy{grid-area:2/1}.ci-layout-specification .ci-actions{display:flex}.ci-personal-letter{margin-inline:.25rem}.ci-personal-letter .ci-letter{min-height:0;padding:2.2rem 1.7rem 2rem 2.2rem}.ci-layout-about .ci-actions{justify-items:start;padding-right:0;display:grid}.ci-layout-about .ci-signature{padding-right:100px}.ci-layout-maintenance .ci-letter,.ci-layout-handoff .ci-letter{padding-bottom:7.5rem}.ci-annotated-note{grid-template-columns:minmax(0,1fr);gap:.4rem}.ci-annotated-note .ci-annotation{grid-area:auto/1;margin-left:7%;padding-left:1rem}.ci-layout-builder .ci-annotation{margin-left:0;padding-left:0}.ci-layout-review .ci-annotation{margin-left:12%}.ci-layout-writing-margin{grid-template-columns:50px minmax(0,1fr);gap:.8rem}.ci-layout-writing-margin .ci-annotation{grid-column:2;margin:0}.ci-layout-connected .ci-annotation{border-left:1px solid var(--cobalt)}.ci-comparison-spread{grid-template-columns:minmax(0,1fr);gap:.8rem;padding-block:1.5rem}.ci-layout-products .ci-copy{padding-inline:.5rem}.ci-layout-storybook .ci-copy{padding-bottom:0}.ci-layout-open-folio{padding-inline:.7rem}.ci-workbench-slip{grid-template-columns:minmax(0,1fr)}.ci-bench-slip{padding:2.1rem 1.8rem}.ci-layout-journal .ci-bench-slip{grid-area:2/1;padding-block:2.2rem}.ci-layout-desk .ci-bench-slip{margin-left:6%}.ci-layout-cleared-desk .ci-bench-slip{padding:2rem 1.8rem}.ci-options-slip{gap:1rem}.ci-options-slip h2{font-size:1.8rem}.ci-layout-website{grid-template-columns:minmax(0,1fr)}.ci-layout-website .ci-copy{padding-left:1rem}.ci-layout-services,.ci-layout-event{grid-template-columns:minmax(0,1fr)}.ci-layout-event .ci-edge-tab{left:auto;right:0}.ci-layout-ticket{grid-template-columns:minmax(0,1fr)}.ci-layout-ticket .ci-copy{padding-left:0}.ci-layout-next-steps{grid-template-columns:minmax(0,1fr)}.ci-layout-next-steps .ci-actions a:nth-child(2){margin-left:1.2rem}.ci-compact{grid-template-columns:26px minmax(0,1fr);margin-block:1.5rem}.ci-layout-future{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.context-invitation .ci-response{transition:none;transform:none!important}.context-invitation .ci-echo{opacity:.7;transition:none}}.ci-folded-brief{padding-block-end:3.5rem}.context-invitation .ci-actions{min-width:0}.context-invitation .ci-actions a{white-space:normal;min-width:0}.context-invitation.ci-text-only{grid-template-columns:minmax(0,1fr);gap:0}.ci-text-only .ci-copy{grid-area:auto/1}.ci-text-only .ci-annotation,.ci-text-only .ci-bench-slip{grid-area:auto/1;max-width:none;margin:0}.ci-text-only .ci-letter{min-height:0;padding-block-end:3.5rem}.ci-text-only.ci-layout-about .ci-actions,.ci-text-only .ci-signature{padding-right:0}.ci-text-only .ci-crease{left:auto;right:1rem}
