/* Three studies use the same copy, art, CTA, and working questionnaire. */
.job-illustration { width: 48px; height: 48px; color: #60714a; }
.welcome-layout-notes .welcome-frame { position: relative; width: min(100%, 1060px); min-height: 720px; padding: 38px 260px 40px; }
.welcome-layout-notes .welcome-message { margin-top: 55px; }
.welcome-layout-notes .welcome-message h1 { font-size: 73px; }
.welcome-layout-notes .welcome-action { margin-top: 38px; }
.capability-note { position: absolute; display: flex; align-items: center; gap: 15px; margin: 0; text-align: left; }
.capability-note figcaption { font: 26px/1.08 'Instrument Serif', Georgia, serif; color: #4d5d3d; }
.capability-note .job-illustration { width: 62px; height: 62px; }
.note-campaigns { left: 18px; top: 32%; transform: rotate(-5deg); }
.note-leads { right: 18px; top: 48%; flex-direction: row-reverse; text-align: right; transform: rotate(4deg); }
.note-daily { left: 20px; top: 69%; transform: rotate(-3deg); }
.capability-list { margin: 28px auto 0; padding: 0; width: min(100%, 380px); list-style: none; text-align: left; border-top: 1px solid #bcc3ac; }
.capability-list li { display: flex; align-items: center; gap: 15px; padding: 13px 0; border-bottom: 1px solid #d2d6c6; }
.capability-list strong { display: block; font: 400 24px/1.2 'Instrument Serif', Georgia, serif; letter-spacing: -.15px; }
.capability-list li div > span { display: block; font: 10px/1.5 'Manrope', sans-serif; color: #70795e; margin-top: 4px; }
.welcome-layout-list .welcome-frame { width: min(100%, 730px); padding-top: 31px; padding-bottom: 30px; }
.welcome-layout-list .welcome-message { margin-top: 29px; }
.welcome-layout-list .welcome-message h1 { font-size: 68px; }
.welcome-layout-list .welcome-message > p { margin-top: 20px; }
.welcome-layout-list .welcome-action { margin-top: 26px; }
.capability-tree { width: min(100%, 360px); margin: 29px auto 0; }
.tree-root { display: flex; justify-content: center; }
.tree-root svg { width: 38px; height: 38px; color: #69774b; }
.tree-lines { display: block; width: 100%; height: 45px; color: #a5b08f; }
.tree-jobs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.tree-jobs > div { display: flex; flex-direction: column; align-items: center; gap: 9px; }
.tree-jobs .job-illustration { width: 38px; height: 38px; }
.tree-jobs span { max-width: 90px; font: 500 11px/1.5 'Manrope', sans-serif; color: #4e5e3c; }
.welcome-layout-branches .welcome-frame { width: min(100%, 730px); padding-top: 31px; padding-bottom: 30px; }
.welcome-layout-branches .welcome-message { margin-top: 31px; }
.welcome-layout-branches .welcome-message h1 { font-size: 68px; }
.welcome-layout-branches .welcome-message > p { margin-top: 20px; }
.welcome-layout-branches .welcome-action { margin-top: 28px; }
.welcome-preview .welcome-scene img { animation: none; transform: scale(1.06); }
.welcome-preview .welcome-scene::after { animation: none; opacity: .22; }
@media (min-width: 601px) and (max-width: 1100px) {
  .welcome-layout-notes .welcome-frame { padding-left: 190px; padding-right: 190px; }
  .welcome-layout-notes .welcome-message h1 { font-size: 61px; }
  .capability-note figcaption { font-size: 23px; }
  .capability-note { gap: 9px; }
  .capability-note .job-illustration { width: 50px; height: 50px; }
}
@media (max-width: 850px) {
  .welcome-layout-notes .welcome-frame { width: min(100%, 560px); min-height: 0; padding: 28px 28px; }
  .welcome-layout-notes .welcome-message { margin-top: 30px; }
  .welcome-layout-notes .welcome-message h1 { font-size: 60px; }
  .capability-notes { margin: 26px -12px 0; display: flex; flex-direction: column; gap: 10px; }
  .capability-note { position: static; width: 100%; gap: 16px; transform: none; }
  .capability-note figcaption { font-size: 25px; }
  .capability-note .job-illustration { width: 47px; height: 47px; }
  .note-leads { align-self: flex-end; }
  .welcome-layout-notes .welcome-action { margin-top: 25px; }
}
@media (max-width: 600px) {
  .welcome-layout-notes .welcome-frame,
  .welcome-layout-list .welcome-frame,
  .welcome-layout-branches .welcome-frame { padding: 25px 25px 27px; }
  .welcome-layout-notes .welcome-brand,
  .welcome-layout-list .welcome-brand,
  .welcome-layout-branches .welcome-brand { font-size: 32px; }
  .welcome-layout-notes .welcome-message,
  .welcome-layout-list .welcome-message,
  .welcome-layout-branches .welcome-message { margin-top: 29px; }
  .welcome-layout-notes .welcome-message h1,
  .welcome-layout-list .welcome-message h1,
  .welcome-layout-branches .welcome-message h1 { font-size: clamp(44px, 12.7vw, 60px); }
  .welcome-layout-notes .welcome-message > p,
  .welcome-layout-list .welcome-message > p,
  .welcome-layout-branches .welcome-message > p { font-size: 12px; line-height: 1.75; margin-top: 20px; }
  .capability-notes { margin-top: 26px; gap: 9px; }
  .capability-note figcaption { font-size: 24px; }
  .capability-list { margin-top: 25px; }
  .capability-list li { padding: 11px 0; gap: 12px; }
  .capability-list .job-illustration { width: 39px; height: 39px; }
  .capability-list strong { font-size: 22px; }
  .capability-list li div > span { font-size: 9px; margin-top: 3px; }
  .capability-tree { margin-top: 23px; }
  .tree-root svg { width: 31px; height: 31px; }
  .tree-lines { height: 37px; }
  .tree-jobs { gap: 6px; }
  .tree-jobs .job-illustration { width: 35px; height: 35px; }
  .tree-jobs span { font-size: 11px; max-width: 80px; }
  .welcome-preview { padding-bottom: 24px; }
}
@media (max-width: 600px) and (max-height: 740px) {
  .welcome-layout-notes .welcome-frame,
  .welcome-layout-list .welcome-frame,
  .welcome-layout-branches .welcome-frame { padding: 19px 24px 21px; }
  .welcome-layout-notes .welcome-brand,
  .welcome-layout-list .welcome-brand,
  .welcome-layout-branches .welcome-brand { font-size: 29px; }
  .welcome-layout-notes .welcome-message,
  .welcome-layout-list .welcome-message,
  .welcome-layout-branches .welcome-message { margin-top: 21px; }
  .welcome-layout-notes .welcome-message h1,
  .welcome-layout-list .welcome-message h1,
  .welcome-layout-branches .welcome-message h1 { font-size: 42px; }
  .welcome-layout-notes .welcome-message > p,
  .welcome-layout-list .welcome-message > p,
  .welcome-layout-branches .welcome-message > p { font-size: 11px; margin-top: 15px; line-height: 1.6; }
  .capability-notes { gap: 5px; margin-top: 17px; }
  .capability-note figcaption { font-size: 21px; }
  .capability-note .job-illustration { width: 39px; height: 39px; }
  .capability-list { margin-top: 18px; }
  .capability-list li { padding: 8px 0; }
  .capability-list strong { font-size: 20px; }
  .capability-list .job-illustration { width: 35px; height: 35px; }
  .capability-list li div > span { font-size: 8px; }
  .capability-tree { margin-top: 16px; }
  .tree-lines { height: 29px; }
  .tree-root svg { width: 27px; height: 27px; }
  .tree-jobs .job-illustration { width: 28px; height: 28px; }
  .tree-jobs > div { gap: 5px; }
  .tree-jobs span { font-size: 10px; }
  .welcome-layout-notes .welcome-action,
  .welcome-layout-list .welcome-action,
  .welcome-layout-branches .welcome-action { margin-top: 19px; }
  .welcome-layout-notes .welcome-start,
  .welcome-layout-list .welcome-start,
  .welcome-layout-branches .welcome-start { min-height: 50px; padding-top: 13px; padding-bottom: 13px; }
  .welcome-layout-notes .welcome-action > p,
  .welcome-layout-list .welcome-action > p,
  .welcome-layout-branches .welcome-action > p { font-size: 9px; margin-top: 10px; }
}