/* Five distinct projects, retrospective studies, and a useful first brief. */
#rj-experience .pr-gather-link{width:100%;display:grid;grid-template-columns:260px 1fr 40px;align-items:center;gap:36px;text-align:left;background:#252d26;color:#f1f1e7;border:1px solid #485646;border-radius:26px;padding:30px;margin:38px 0 0;cursor:pointer}
#rj-experience .pr-gather-copy{display:grid;gap:13px}
#rj-experience .pr-gather-copy .rj-eyebrow{color:#bfd1aa;margin:0}
#rj-experience .pr-gather-copy>strong{font-size:36px;letter-spacing:-.05em}
#rj-experience .pr-gather-copy>span:not(.rj-eyebrow){font-size:20px;line-height:1.45}
#rj-experience .pr-gather-copy small{font-size:12px;color:#bdc8b7;line-height:1.6}
#rj-experience .pr-gather-arrow{font-size:28px}
#rj-experience .pr-gather-symbol{position:relative;height:240px;display:block;background:transparent;overflow:visible}
#rj-experience .pr-gather-symbol i{position:absolute;display:block;width:137px;height:174px;border-radius:14px;padding:20px;color:#293c2c;font-style:normal;box-shadow:0 7px #111a1480;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
#rj-experience .pr-saved-sheet{background:#dfdac5;top:16px;left:17px;transform:rotate(-13deg)}
#rj-experience .pr-intent-sheet{background:#bfd1aa;top:51px;left:89px;transform:rotate(10deg)}
#rj-experience .pr-gather-symbol b{font-size:12px;display:block}
#rj-experience .pr-gather-symbol em{display:block;height:5px;background:currentColor;opacity:.28;border-radius:3px;margin-top:14px}
#rj-experience .pr-gather-symbol em:last-child{width:65%}
#rj-experience .pr-gather-symbol i>span{display:block;font-size:41px;font-weight:800;margin-top:8px}
#rj-experience .pr-gather-link:is(:hover,:focus-visible) .pr-saved-sheet{transform:translate(-7px,-8px) rotate(-18deg)}
#rj-experience .pr-gather-link:is(:hover,:focus-visible) .pr-intent-sheet{transform:translate(7px,-5px) rotate(4deg)}
#rj-experience .pr-notebook-index{border-top:1px solid #3c3742;padding:60px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
#rj-experience .pr-notebook-index h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.05em;line-height:1.12;margin:16px 0}
#rj-experience .pr-notebook-index p:not(.rj-eyebrow){font-size:14px;line-height:1.8;color:#bfb9c4;max-width:330px}
#rj-experience .pr-note-links a{padding:21px 34px 21px 0;border-bottom:1px solid #3c3742;text-decoration:none;color:inherit;position:relative;display:block}
#rj-experience .pr-note-links a:first-child{padding-top:0}
#rj-experience .pr-note-links span{font-size:10px;color:#b494ff;display:block;margin-bottom:8px;letter-spacing:.06em}
#rj-experience .pr-note-links strong{font-size:17px;line-height:1.5;display:block}
#rj-experience .pr-note-links b{position:absolute;right:3px;top:40%;transition:transform .2s}
#rj-experience .pr-note-links a:hover b{transform:translate(3px,-3px)}
#rj-experience .pr-case-note{display:grid;gap:15px;text-decoration:none;color:inherit;padding:35px 0;border-block:1px solid #3c3742;margin:40px 0}
#rj-experience .pr-case-note strong{font-size:clamp(25px,3vw,38px);line-height:1.25;letter-spacing:-.04em}
#rj-experience .pr-case-note>span:last-child{color:#bfb9c4;font-size:13px;display:flex;justify-content:space-between;gap:20px}
#rj-experience .pr-note-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 40px;border-bottom:1px solid #3c3742}
#rj-experience .pr-note-top>span{font-size:9px;color:#bfb9c4;letter-spacing:.08em}
#rj-experience .pr-note-heading{padding:65px 0 45px;max-width:810px}
#rj-experience .pr-note-heading .rj-eyebrow{color:var(--pr-note-accent)}
#rj-experience .pr-note-heading h1{font-size:clamp(38px,6vw,78px);line-height:1.05;letter-spacing:-.06em;margin:20px 0 28px;overflow-wrap:anywhere}
#rj-experience .pr-note-heading>p:not(.rj-eyebrow){font-size:21px;line-height:1.6;color:#d0c9d1;max-width:600px}
#rj-experience .pr-note-heading small{display:block;font-size:11px;line-height:1.6;color:#a8a0ac;margin-top:20px}
#rj-experience .pr-note-essay{max-width:810px;margin-left:auto;padding-bottom:40px}
#rj-experience .pr-note-essay section{display:grid;grid-template-columns:50px 1fr;gap:25px;padding:30px 0;border-top:1px solid #3c3742}
#rj-experience .pr-note-essay section>span{font-size:12px;color:var(--pr-note-accent);padding-top:5px}
#rj-experience .pr-note-essay h2{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:0 0 18px}
#rj-experience .pr-note-essay p{font-size:16px;line-height:1.9;color:#c6bfc8;margin:0}
#rj-experience .pr-wire-study{padding:38px;border-radius:27px;background:#222025;border:1px solid #49434d}
#rj-experience .pr-wire-intro h2{font-size:29px;letter-spacing:-.04em;margin:14px 0}
#rj-experience .pr-wire-intro>p:last-child{max-width:570px;font-size:13px;color:#bab2c0;line-height:1.8;margin-bottom:28px}
#rj-experience .pr-wire-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
#rj-experience .pr-wireframe{height:315px;background:#eeeadd;color:#45423e;border:1px solid #c7beaa;border-radius:9px;position:relative;overflow:hidden;font-size:10px;line-height:1.5}
#rj-experience .pr-wireframe [data-zone]{position:absolute;outline:2px solid transparent;outline-offset:2px;transition:background .25s,outline-color .25s;background:#faf7ed;border:1px solid #b4ac9d;border-radius:4px;padding:12px}
#rj-experience .pr-wireframe [data-zone].is-inspected{outline-color:#7b659c;background:#e6ddf3}
#rj-experience .pr-wireframe i{display:block;border-bottom:1px solid #aaa397;height:10px;margin:7px 0;font-style:normal}
#rj-experience .pr-wireframe span{display:block;font-size:9px}
#rj-experience .pr-sketch-cases{position:absolute;left:5%;top:8%;width:15%}
#rj-experience .pr-sketch-image{left:25%;top:9%;width:42%;height:70%}
#rj-experience .pr-sketch-eye{position:relative;margin:30px auto;width:95%;aspect-ratio:1;border:1px solid #9d9284;border-radius:50%}
#rj-experience .pr-sketch-eye i{position:absolute;inset:27% 37%;height:auto;border:2px solid #948078;border-radius:50%;margin:0;transform:rotate(-15deg)}
#rj-experience .pr-sketch-finding{left:72%;right:4%;top:9%;height:57%}
#rj-experience .pr-sketch-review{left:25%;bottom:7%;right:4%;display:flex;justify-content:space-between;gap:8px}
#rj-experience .pr-sketch-review b{font-weight:400}
#rj-experience .pr-sketch-capture{left:5%;top:10%;width:47%;height:28%}
#rj-experience .pr-sketch-wave{font-size:21px;letter-spacing:1px;white-space:nowrap;margin-top:4px}
#rj-experience .pr-sketch-draft{left:5%;top:45%;width:53%;height:42%}
#rj-experience .pr-sketch-draft p{font-size:17px;margin-top:16px;line-height:1.5}
#rj-experience .pr-sketch-target{right:5%;top:17%;width:33%;height:61%}
#rj-experience .pr-sketch-target b{display:block;margin-top:33px;font-size:9px}
#rj-experience .pr-sketch-channels{position:absolute;left:4%;top:9%;width:20%;line-height:3}
#rj-experience .pr-sketch-chat{left:29%;top:9%;right:5%;height:39%}
#rj-experience .pr-sketch-chat span{margin-bottom:12px}
#rj-experience .pr-sketch-scope{left:44%;top:54%;right:5%;height:23%}
#rj-experience .pr-sketch-scope b{display:block}
#rj-experience .pr-sketch-receipt{left:29%;bottom:6%;right:5%;height:12%;padding:7px!important}
#rj-experience .pr-sketch-assets{left:4%;top:15%;width:22%;height:65%}
#rj-experience .pr-sketch-assets i{height:50px;border:1px dashed #aaa397;padding:8px}
#rj-experience .pr-sketch-composition{left:31%;top:9%;width:39%;height:76%}
#rj-experience .pr-sketch-landscape{margin-top:30px;height:115px;border:1px dashed #91877a;border-radius:45% 45% 0 0;position:relative}
#rj-experience .pr-sketch-landscape b{position:absolute;bottom:5px;left:45%;height:45px;width:20px;border:2px solid #968276;border-radius:50%}
#rj-experience .pr-sketch-direction{right:4%;top:22%;width:23%;height:58%}
#rj-experience .pr-sketch-direction i{font-size:9px;height:30px}
#rj-experience .pr-sketch-phone{position:absolute;left:50%;transform:translateX(-50%);top:5%;height:90%;width:185px;border:1px solid #9e9485;border-radius:17px}
#rj-experience .pr-sketch-source{top:7%;left:8%;right:8%;padding:7px!important;font-size:9px}
#rj-experience .pr-sketch-plan{top:25%;left:8%;right:8%;height:49%;padding:10px!important}
#rj-experience .pr-sketch-plan i{font-size:9px;height:16px}
#rj-experience .pr-sketch-save{bottom:7%;left:8%;right:8%;padding:9px!important;text-align:center}
#rj-experience .pr-zone-buttons{display:flex;flex-wrap:wrap;gap:7px}
#rj-experience .pr-zone-buttons button{min-height:44px;padding:9px 13px;color:#d6d0db;background:none;border:1px solid #59505f;border-radius:12px;cursor:pointer;font-size:12px}
#rj-experience .pr-zone-buttons button[aria-pressed=true]{background:var(--pr-note-accent);color:#26222c;border-color:transparent}
#rj-experience [data-zone-explanation]{min-height:120px;font-size:14px;line-height:1.85;color:#c7bfce;margin-top:22px}
#rj-experience .pr-note-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;margin-top:40px}
#rj-experience .rj-conversation-details .pr-brief-intro{color:#22472e;font-size:15px;line-height:1.7}
#rj-experience .pr-examples{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 30px}
#rj-experience .pr-examples button{background:#28232f;border:1px solid #655876;color:#d7c2fa;border-radius:12px;padding:12px 16px;min-height:44px;font-size:12px;cursor:pointer}
#rj-experience .rj-conversation-details label{margin-top:22px;line-height:1.5;font-size:14px}
#rj-experience .rj-conversation-details :is(input,textarea){display:block;width:100%;min-height:48px;padding:15px;font-size:16px;font-family:inherit;color:#f6f2f7;background:#16131a;border:1px solid #62566c;border-radius:12px;margin:10px 0 0;line-height:1.6;resize:vertical;scroll-margin-block:50px 100px}
#rj-experience .pr-prepare{display:block;margin:22px 0 12px;min-height:48px;border:0;border-radius:13px;padding:14px 22px;background:#bfa1f6;color:#22182f;font-weight:800;cursor:pointer}
#rj-experience .pr-brief-status{font-size:12px!important;line-height:1.7;color:#22472e!important}
#rj-experience [data-brief-output]{padding-top:10px;scroll-margin-bottom:100px}
#rj-experience [data-brief-output][hidden]{display:none}
/* Gather's paper-to-purpose scroll composition. */
#rj-experience .im-gather-film{--im-accent:#bfd1aa;--im-base:#242c26;--im-edge:#4a5e48;--im-paper:#eef0dc;--im-ink:#283c2b}
#rj-experience .pr-gather-board{width:100%;height:100%}
#rj-experience .pr-gather-desk{position:absolute;inset:0;max-width:850px;margin:auto}
#rj-experience .pr-gather-saved{position:absolute;left:12%;top:4%;width:34%;height:82%;padding:23px;background:#e9e4d4;color:#333b2f;border-radius:14px;box-shadow:0 9px #121b1380;z-index:2}
#rj-experience .pr-gather-saved>span,#rj-experience .pr-gather-backnote>span{font-size:9px;letter-spacing:.08em}
#rj-experience .pr-gather-saved>strong{display:block;font-size:24px;line-height:1.1;margin-top:15px;letter-spacing:-.04em}
#rj-experience .pr-gather-saved>p{font-size:11px;line-height:1.5;margin:12px 0}
#rj-experience .pr-gather-saved>small{font-size:8px;color:#61705b}
#rj-experience .pr-clip-picture{height:40%;min-height:60px;margin-top:14px;background:#b9c8a6;border-radius:7px;position:relative;overflow:hidden}
#rj-experience .pr-clip-picture i{position:absolute;width:42%;height:57%;border:5px solid #51634e;border-radius:8px;left:32%;top:24%;transform:rotate(-12deg)}
#rj-experience .pr-clip-picture b{position:absolute;width:18%;height:7%;left:44%;top:42%;background:#51634e;transform:rotate(-12deg)}
#rj-experience .pr-clip-picture em{position:absolute;width:24%;height:6%;left:42%;top:59%;background:#51634e;transform:rotate(-12deg)}
#rj-experience .pr-gather-backnote{position:absolute;left:5%;top:19%;width:28%;height:68%;padding:26px;background:#a9b7ad;border-radius:12px;color:#304535;transform:rotate(-15deg);z-index:1}
#rj-experience .pr-gather-backnote strong{font-size:20px;line-height:1.3;display:block;margin-top:18px}
#rj-experience .pr-gather-backnote i{display:block;height:6px;background:#677e69;width:80%;margin-top:18px}
#rj-experience .pr-gather-purpose{position:absolute;right:12%;top:9%;width:38%;padding:26px;background:#bfd1aa;color:#283c2b;border-radius:18px;box-shadow:0 8px #13201780;z-index:3}
#rj-experience .pr-gather-purpose>span{font-size:9px;letter-spacing:.08em}
#rj-experience .pr-gather-purpose strong{display:block;font-size:27px;line-height:1.15;letter-spacing:-.03em;margin-top:18px}
#rj-experience .pr-gather-purpose b{font-size:34px;display:block;text-align:right;margin-top:16px}
#rj-experience .pr-gather-phone{position:absolute;right:12%;top:0;width:35%;height:100%;min-height:260px;padding:18px;border:5px solid #657b60;background:#f0ecdf;border-radius:30px;color:#293e2e;z-index:4;box-shadow:0 10px #16241880}
#rj-experience .pr-phone-island{display:block;width:25%;height:5px;background:#71816a;border-radius:5px;margin:0 auto 14px}
#rj-experience .pr-phone-top{font-size:11px;display:flex;justify-content:space-between;border-bottom:1px solid #afb8a5;padding-bottom:12px}
#rj-experience .pr-phone-top span{font-size:8px}
#rj-experience .pr-phone-label{font-size:8px;letter-spacing:.08em;display:block;margin:20px 0 10px}
#rj-experience .pr-gather-phone>strong{font-size:26px;line-height:1.1;letter-spacing:-.04em;display:block}
#rj-experience .pr-phone-steps{margin-top:17px}
#rj-experience .pr-phone-steps p{font-size:10px;line-height:1.3;border-bottom:1px solid #bec4b4;padding-bottom:10px;display:flex;gap:6px;margin:10px 0}
#rj-experience .pr-phone-steps i{font-style:normal;color:#657b60}
#rj-experience .pr-source-crumb{font-size:8px;margin-top:14px}
#rj-experience .pr-gather-retained{position:absolute;bottom:18px;right:-28px;padding:10px 15px;transform:rotate(-4deg);font-size:10px;background:#bfd1aa;border:1px solid #69845c;border-radius:8px;box-shadow:0 3px #69845c}
#rj-experience .pr-gather-captures{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:min(100%,690px);margin:35px auto 0;align-items:start}
#rj-experience .pr-gather-captures figure{margin:0}
#rj-experience .pr-gather-captures img{display:block;width:100%;height:auto;border:1px solid #565448;border-radius:24px}
#rj-experience .pr-gather-captures figcaption{font-size:11px;color:#beb6c3;line-height:1.7;margin-top:12px}
#rj-experience .pr-gather-proof .pm-proof-lead small{color:#bfcaaa;font-size:12px;line-height:1.7;display:block}
#rj-experience .pr-capture{background:#eee9d9;color:#2e412f;border-radius:12px;box-shadow:0 5px #767b6480;padding:26px}
#rj-experience .pr-capture>span,#rj-experience .pr-gather-today>span,#rj-experience .pr-gather-question>span,#rj-experience .pr-gather-plan>span{font-size:9px;letter-spacing:.09em}
#rj-experience .pr-capture h3,#rj-experience .pr-gather-question h3,#rj-experience .pr-gather-today h3{font-size:28px;line-height:1.15;letter-spacing:-.04em;margin:24px 0}
#rj-experience .pr-capture p{font-size:16px;line-height:1.6}
#rj-experience .pr-capture small{font-size:10px;line-height:1.6;display:block;margin-top:28px}
#rj-experience .pr-capture-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;color:#c3d5b4}
#rj-experience .pr-gather-question{padding:20px 5px 10px;color:#c8deba}
#rj-experience .pr-gather-plan{padding:24px;border:1px solid #687d5e;border-radius:12px;background:#293b2a;color:#dbe8d2}
#rj-experience .pr-gather-plan h3{font-size:21px;line-height:1.35;margin:12px 0}
#rj-experience .pr-gather-plan p{font-size:12px;line-height:1.65}
#rj-experience .pr-gather-today{background:#eee9d9;color:#2e412f;border-radius:18px;padding:25px}
#rj-experience .pr-checklist button{display:flex;gap:13px;align-items:baseline;text-align:left;width:100%;min-height:50px;background:none;border:0;border-top:1px solid #b9c0a8;padding:14px 0;color:inherit;font-size:14px;line-height:1.5;cursor:pointer}
#rj-experience .pr-checklist button[aria-pressed=true]{color:#58704b;text-decoration:line-through}
#rj-experience .pr-gather-today>small{font-size:10px;display:block;line-height:1.5;margin-top:15px}
@media(min-width:801px) and (max-height:800px){#rj-experience .pr-gather-phone{padding:13px}#rj-experience .pr-phone-label{margin:10px 0 8px}#rj-experience .pr-phone-steps p{padding-bottom:6px;margin:7px 0}#rj-experience .pr-gather-phone>strong{font-size:22px}#rj-experience .pr-source-crumb{margin-top:8px}}
@media(max-width:800px){
 #rj-experience .pr-notebook-index{gap:30px;grid-template-columns:1fr 1fr}
 #rj-experience .pr-gather-link{grid-template-columns:180px 1fr 25px;gap:20px;padding:22px}
 #rj-experience .pr-gather-symbol{transform:scale(.78);transform-origin:left center;width:235px}
 #rj-experience .pr-gather-copy>strong{font-size:30px}
 #rj-experience .pr-gather-copy>span:not(.rj-eyebrow){font-size:17px}
 #rj-experience .pr-wire-layout{grid-template-columns:1fr;gap:25px}
 #rj-experience [data-zone-explanation]{min-height:70px}
 #rj-experience .pr-gather-saved{padding:14px;width:37%;left:12%}
 #rj-experience .pr-gather-saved>strong{font-size:20px}
 #rj-experience .pr-gather-saved>p{font-size:9px}
 #rj-experience .pr-gather-saved>span,#rj-experience .pr-gather-backnote>span{font-size:7px}
 #rj-experience .pr-gather-purpose{right:8%;width:44%;padding:21px}
 #rj-experience .pr-gather-purpose strong{font-size:23px}
 #rj-experience .pr-gather-phone{right:7%;width:46%;height:99%;min-height:0;padding:16px 14px}
 #rj-experience .pr-gather-phone>strong{font-size:25px}
 #rj-experience .pr-phone-steps p{font-size:9px;padding-bottom:8px}
 #rj-experience .pr-phone-label{margin:16px 0 10px}
 #rj-experience .pr-gather-retained{font-size:8px;right:-12px;bottom:14px}
}
@media(max-width:620px){
 #rj-experience .pr-gather-link{grid-template-columns:95px 1fr 15px;gap:14px;padding:19px 15px;border-radius:20px;margin-top:28px}
 #rj-experience .pr-gather-symbol{transform:scale(.43);width:240px;margin-left:-5px;height:240px;margin-top:-32px;margin-bottom:-32px}
 #rj-experience .pr-gather-copy{gap:10px}
 #rj-experience .pr-gather-copy .rj-eyebrow{font-size:8px;line-height:1.6}
 #rj-experience .pr-gather-copy>strong{font-size:25px}
 #rj-experience .pr-gather-copy>span:not(.rj-eyebrow){font-size:13px;line-height:1.5}
 #rj-experience .pr-gather-copy small{font-size:10px}
 #rj-experience .pr-gather-arrow{font-size:20px}
 #rj-experience .pr-notebook-index{display:block;padding:38px 0}
 #rj-experience .pr-note-links{margin-top:25px}
 #rj-experience .pr-note-links strong{font-size:16px}
 #rj-experience .pr-note-top{display:block;padding-bottom:25px}
 #rj-experience .pr-note-top>span{display:block;margin-top:25px;font-size:8px}
 #rj-experience .pr-note-heading{padding-top:38px}
 #rj-experience .pr-note-heading>p:not(.rj-eyebrow){font-size:17px}
 #rj-experience .pr-note-essay section{grid-template-columns:23px 1fr;gap:14px;padding:25px 0}
 #rj-experience .pr-note-essay h2{font-size:22px}
 #rj-experience .pr-note-essay p{font-size:15px;line-height:1.85}
 #rj-experience .pr-wire-study{padding:22px 16px;border-radius:20px}
 #rj-experience .pr-wireframe{height:285px}
 #rj-experience .pr-wireframe [data-zone]{padding:8px}
 #rj-experience .pr-sketch-wave{font-size:16px}
 #rj-experience .pr-sketch-draft p{font-size:14px}
 #rj-experience .pr-sketch-direction{padding:5px!important;font-size:8px}
 #rj-experience .pr-sketch-direction i{font-size:8px}
 #rj-experience .pr-sketch-chat span{font-size:8px}
 #rj-experience .pr-sketch-scope{font-size:9px}
 #rj-experience .pr-sketch-finding span{font-size:8px}
 #rj-experience .pr-gather-captures{gap:14px}
 #rj-experience .pr-gather-captures img{border-radius:14px}
 #rj-experience .pr-gather-captures figcaption{font-size:10px}
 #rj-experience .pr-examples button{flex:1 1 120px}
 #rj-experience .pr-prepare{width:100%;text-align:left}
}
@media(prefers-reduced-motion:reduce){#rj-experience .pr-gather-symbol i,#rj-experience .pr-wireframe [data-zone],#rj-experience .pr-note-links b{transition:none}}