:root{--jcc-orange:#ec651e;--jcc-charcoal:#292929;--jcc-ink:#3d4650;--jcc-mist:#e7e9e8;--jcc-paper:#f6f5f1;--jcc-white:#fff;--jcc-green:#4d8061;--jcc-blue:#547589;--jcc-radius:2px}
.jcc-app{font-family:Urbanist,Helvetica,Arial,sans-serif;color:var(--jcc-charcoal;#292929);min-height:520px}.jcc-app *{box-sizing:border-box}.jcc-app button,.jcc-app input,.jcc-app select,.jcc-app textarea{font:inherit}.jcc-loading{min-height:440px;display:grid;place-content:center;text-align:center;color:#6b747a}.jcc-loading span{display:block;width:34px;height:34px;margin:auto;border:3px solid var(--jcc-mist);border-top-color:var(--jcc-orange);border-radius:50%;animation:jcc-spin .7s linear infinite}@keyframes jcc-spin{to{transform:rotate(360deg)}}
.jcc-shell,.jcc-workspace{max-width:1680px;margin:auto;background:var(--jcc-paper);min-height:680px}.jcc-header,.jcc-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:46px 52px;background:var(--jcc-charcoal);color:white}.jcc-header h1,.jcc-workspace-header h1{color:white;margin:4px 0 5px;font-size:clamp(32px,4vw,54px);line-height:1}.jcc-header p,.jcc-workspace-header p{margin:0}.jcc-kicker{font-family:"Overpass Mono",monospace!important;font-size:12px!important;letter-spacing:.11em!important;font-weight:700!important;color:var(--jcc-orange)!important;margin:0 0 8px!important}.jcc-muted{color:#727b80}.jcc-button{display:inline-flex;align-items:center;justify-content:center;background:var(--jcc-orange);border:2px solid var(--jcc-orange);color:white!important;text-decoration:none!important;padding:12px 19px;font-weight:800;cursor:pointer;min-height:46px}.jcc-button:hover{background:#d85513}.jcc-button.secondary{background:transparent;color:var(--jcc-charcoal)!important;border-color:#aeb4b5}.jcc-header .jcc-button.secondary,.jcc-workspace-header .jcc-button.secondary{color:white!important}.jcc-button.small{padding:7px 11px;min-height:34px;font-size:13px}.jcc-button.wide{width:100%;margin-top:18px}.jcc-button:disabled{opacity:.5;cursor:wait}
.jcc-project-grid{padding:46px 52px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.jcc-project-card{text-align:left;border:1px solid #d7d9d7;background:white;padding:28px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;box-shadow:0 5px 18px rgba(24,28,30,.04);transition:.2s}.jcc-project-card:hover{transform:translateY(-3px);border-color:var(--jcc-orange)}.jcc-project-card strong{font-size:25px;line-height:1.1;margin:15px 0 9px}.jcc-project-card>span:not(.jcc-card-org){color:#60696f}.jcc-project-card small{margin-top:auto;padding-top:22px;color:#8a9295}.jcc-card-org{font-family:"Overpass Mono",monospace;font-size:11px;font-weight:700;color:var(--jcc-orange);text-transform:uppercase;letter-spacing:.08em}.jcc-empty{padding:60px;max-width:700px;margin:auto;text-align:center}.jcc-empty h2{font-size:34px;margin:8px 0}
.jcc-workspace-header{padding:25px 36px;justify-content:flex-start}.jcc-workspace-header h1{font-size:32px}.jcc-workspace-header>div:nth-child(2){flex:1}.jcc-back{border:0;background:transparent;color:white;cursor:pointer;font-weight:700;padding:10px}.jcc-header-actions{display:flex;gap:14px;align-items:center}.jcc-role{font-family:"Overpass Mono",monospace;font-size:11px;text-transform:uppercase;color:#b7bebf}.jcc-columns{display:grid;grid-template-columns:275px minmax(470px,1fr) 360px;min-height:720px}.jcc-assets,.jcc-detail{background:white;padding:28px;border-right:1px solid var(--jcc-mist);overflow:auto}.jcc-detail{border-right:0;border-left:1px solid var(--jcc-mist)}.jcc-assets h2,.jcc-canvas h2,.jcc-detail h2{margin:3px 0 7px;font-size:27px;line-height:1.1}.jcc-assets header>p:last-child,.jcc-canvas-intro>p:last-child{color:#71797e;font-size:14px;line-height:1.45}.jcc-asset-list{margin-top:24px}.jcc-asset{position:relative;padding:15px 25px 15px 0;border-top:1px solid var(--jcc-mist)}.jcc-asset>span{display:block;font-family:"Overpass Mono",monospace;font-size:9px;letter-spacing:.1em;color:var(--jcc-orange);font-weight:700}.jcc-asset>a{display:block;color:var(--jcc-charcoal);font-weight:800;margin:4px 0;text-decoration:none}.jcc-asset p{font-size:13px;color:#667075;margin:5px 0}.jcc-asset small{font-size:11px;color:#92999c}.jcc-asset>button{position:absolute;right:0;top:15px;border:0;background:none;font-size:19px;cursor:pointer;color:#8d9699}
.jcc-canvas{padding:36px;background:var(--jcc-paper);overflow:auto}.jcc-canvas-intro{margin-bottom:28px}.jcc-lane{background:white;border:1px solid #dfe1df;margin:0 0 22px}.jcc-lane>header{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--jcc-mist)}.jcc-lane>header span{font-size:12px;color:#7b8387}.jcc-lane-pages{padding:15px;min-height:64px}.jcc-node{width:calc(100% - min(calc(var(--depth) * 30px),150px));margin:0 0 8px min(calc(var(--depth) * 30px),150px);display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d9dcda;background:white;padding:12px;cursor:pointer;box-shadow:0 2px 5px rgba(30,36,38,.03)}.jcc-node:hover,.jcc-node.is-selected{border-color:var(--jcc-orange);box-shadow:inset 3px 0 var(--jcc-orange)}.jcc-node.is-dragging{opacity:.35}.jcc-node.is-dragover,.jcc-lane.is-dragover{outline:2px dashed var(--jcc-orange);outline-offset:2px}.jcc-grip{color:#a5abad;font-size:20px;cursor:grab}.jcc-node-copy{display:flex;flex-direction:column;min-width:0;flex:1}.jcc-node-copy strong{font-size:16px}.jcc-node-copy small{color:#7b8387;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jcc-status{display:inline-block;white-space:nowrap;font-family:"Overpass Mono",monospace;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:5px 7px;background:#eceeed;color:#667075}.jcc-status.is-submitted{background:#e3eee7;color:var(--jcc-green)}.jcc-status.is-approved{background:#dceae1;color:#2d6e45}.jcc-status.is-awaiting_client{background:#f9e8df;color:#a44b1a}.jcc-status.is-needs_clarification{background:#e5edf1;color:#3c6478}.jcc-drop-hint{text-align:center;color:#9ca2a4;font-size:13px}
.jcc-page-detail>header{padding-bottom:22px;border-bottom:1px solid var(--jcc-mist)}.jcc-page-detail>header .jcc-status{margin-top:12px}.jcc-note,.jcc-prompt{padding:18px 0;border-bottom:1px solid var(--jcc-mist)}.jcc-note strong,.jcc-prompt strong{font-size:13px}.jcc-note p,.jcc-prompt p{font-size:14px;line-height:1.5;color:#596267;margin:6px 0 0;white-space:pre-wrap}.jcc-prompt{border-left:3px solid var(--jcc-orange);padding-left:14px;margin-top:18px}.jcc-text-danger{display:block;margin:10px auto 22px;border:0;background:none;color:#a5463d;text-decoration:underline;cursor:pointer}.jcc-submissions{margin-top:28px}.jcc-submissions h3,.jcc-content-form h3{font-size:18px}.jcc-submissions article{border:1px solid var(--jcc-mist);padding:15px;margin:10px 0;font-size:14px}.jcc-submissions article header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.jcc-submissions time{font-size:10px;color:#8a9295}.jcc-submissions article a{display:block;margin-top:9px;color:var(--jcc-orange);font-weight:700}.jcc-content-form{border-top:2px solid var(--jcc-charcoal);margin-top:28px;padding-top:18px}
.jcc-app label{display:block;font-size:13px;font-weight:700;margin:15px 0}.jcc-app input,.jcc-app select,.jcc-app textarea{display:block;width:100%;margin-top:6px;border:1px solid #cfd3d2;background:white;padding:11px;color:var(--jcc-charcoal);border-radius:0}.jcc-app textarea{resize:vertical}.jcc-file-label input{padding:9px;background:#f4f4f1}.jcc-or{text-align:center;color:#92999c;font-size:12px;margin:-3px 0}.jcc-modal{position:fixed;inset:0;z-index:999999;background:rgba(26,29,30,.74);display:grid;place-items:center;padding:20px}.jcc-dialog{position:relative;background:white;width:min(570px,100%);max-height:92vh;overflow:auto;padding:36px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.jcc-dialog h2{font-size:31px;margin:4px 0 20px}.jcc-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.jcc-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.jcc-toast{position:fixed;z-index:1000000;right:24px;bottom:24px;background:var(--jcc-charcoal);color:white;padding:14px 20px;transform:translateY(90px);opacity:0;transition:.25s}.jcc-toast.is-on{transform:none;opacity:1}.jcc-toast.is-bad{background:#8d3732}
@media(max-width:1150px){.jcc-columns{grid-template-columns:235px 1fr}.jcc-detail{grid-column:1/-1;border:1px solid var(--jcc-mist);margin:20px}.jcc-page-detail{max-width:760px;margin:auto}.jcc-detail .jcc-content-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.jcc-detail .jcc-content-form h3,.jcc-detail .jcc-content-form label:first-of-type,.jcc-detail .jcc-content-form button{grid-column:1/-1}}
@media(max-width:720px){.jcc-header,.jcc-workspace-header{padding:27px 22px;align-items:flex-start;flex-wrap:wrap}.jcc-header h1{font-size:38px}.jcc-project-grid{padding:25px 18px}.jcc-columns{display:flex;flex-direction:column}.jcc-assets{order:2;border:0;border-top:1px solid var(--jcc-mist)}.jcc-canvas{order:1;padding:22px 14px}.jcc-detail{order:0;margin:0;border:0;border-bottom:1px solid var(--jcc-mist)}.jcc-node{width:calc(100% - min(calc(var(--depth) * 16px),64px));margin-left:min(calc(var(--depth) * 16px),64px)}.jcc-status{display:none}.jcc-header-actions{width:100%;justify-content:space-between}.jcc-dialog{padding:28px 22px}.jcc-detail .jcc-content-form{display:block}}

/* Shared Juxt portal design language. */
.jcc-page #sidebar,
.jcc-page .entry-title{display:none}
.jcc-page #left-area{width:100%;float:none;padding-right:0}
.jcc-page #main-content .container:before{display:none}
.jcc-page #main-content{background:#f4f4f4}
.jcc-page footer.et-l--footer .et_pb_section_1_tb_footer{display:none!important}
.jcc-page .et-l--header .et_pb_image_wrap img[title="juxtlogo"]{filter:brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(0%) hue-rotate(163deg) brightness(93%) contrast(88%)}
.jcc-app{
  --orange:#e8651f;
  --charcoal:#2d2d2d;
  --jcc-orange:#e8651f;
  --jcc-charcoal:#2d2d2d;
  --jcc-ink:#4d5356;
  --jcc-mist:#d6dee0;
  --jcc-paper:#f4f4f4;
  max-width:1120px;
  margin:0 auto;
  padding:56px 20px 88px;
  font-family:inherit;
}
.jcc-shell,.jcc-workspace{max-width:none;background:transparent;min-height:680px}
.jcc-header,.jcc-workspace-header{
  align-items:flex-start;
  padding:0;
  margin:0 0 38px;
  background:transparent;
  color:var(--jcc-charcoal);
}
.jcc-header>div:first-child,.jcc-workspace-header>div:nth-child(2){max-width:800px}
.jcc-header h1,.jcc-workspace-header h1{
  margin:0;
  color:var(--jcc-charcoal);
  font-size:clamp(42px,7vw,78px);
  line-height:.95;
  letter-spacing:-.045em;
}
.jcc-workspace-header h1{font-size:clamp(38px,5vw,62px)}
.jcc-header .jcc-muted{max-width:650px;margin-top:16px;color:var(--jcc-ink);font-size:20px}
.jcc-kicker{margin:0 0 -6px!important;color:var(--jcc-orange)!important;font-size:13px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase}
.jcc-header .jcc-kicker{margin-bottom:-20px!important}
.jcc-workspace-header>div:nth-child(2)>p{margin-bottom:-8px;color:var(--jcc-orange);font-family:"Overpass Mono",monospace;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.jcc-back{margin:8px 16px 0 0!important;color:var(--jcc-orange)!important}
.jcc-role{color:#768287}
.jcc-button,
.jcc-app button.jcc-button{
  min-height:0;
  padding:8px 0 7px;
  border:0;
  border-bottom:5px solid var(--orange);
  background:transparent;
  color:var(--charcoal)!important;
  font-family:"Overpass Mono",monospace;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1;
  text-transform:uppercase;
}
.jcc-button:hover,.jcc-app button.jcc-button:hover{border-bottom-color:var(--jcc-orange);background:transparent;color:var(--jcc-orange)!important}
.jcc-button.secondary,.jcc-header .jcc-button.secondary,.jcc-workspace-header .jcc-button.secondary{border-color:var(--jcc-charcoal);color:var(--jcc-charcoal)!important}
.jcc-button.small{padding:7px 0 5px;font-size:11px}
.jcc-button.wide{width:auto;margin-top:22px}
.jdc-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 0 7px;
  border:0;
  border-bottom:5px solid var(--jcc-orange);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--jcc-charcoal)!important;
  font-family:"Overpass Mono",monospace;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .15s ease,border-color .15s ease;
}
.jdc-button:hover{border-bottom-color:var(--orange);color:var(--orange)!important}
a.jdc-button,
button.jdc-button{font-size:13px!important}
.jcc-project-grid{padding:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.jcc-project-card,.jcc-lane,.jcc-assets,.jcc-detail{
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:12px 12px 0 var(--jcc-mist);
}
.jcc-project-card{min-height:230px;padding:32px;border-top:8px solid var(--jcc-orange)}
.jcc-project-card:hover{transform:translateY(-3px);box-shadow:12px 15px 0 var(--jcc-mist)}
.jcc-project-card strong{font-size:28px}
.jcc-columns{grid-template-columns:265px minmax(470px,1fr) 350px;gap:26px;align-items:start}
.jcc-assets,.jcc-detail{padding:28px;overflow:auto}
.jcc-canvas{padding:0;background:transparent}
.jcc-lane{margin-bottom:30px}
.jcc-lane>header{padding:20px 22px;border-bottom:2px solid var(--jcc-mist)}
.jcc-lane-pages{padding:18px}
.jcc-node{border:2px solid var(--jcc-mist);box-shadow:none;padding:13px}
.jcc-node:hover,.jcc-node.is-selected{border-color:var(--jcc-charcoal);box-shadow:inset 6px 0 var(--jcc-orange)}
.jcc-app label{margin:24px 0 8px;color:var(--jcc-charcoal);font-family:"Overpass Mono",monospace;font-weight:700}
.jcc-app input,.jcc-app select,.jcc-app textarea{margin-top:8px;padding:14px 15px;border:2px solid var(--jcc-charcoal);border-radius:0;background:#fff;color:var(--jcc-charcoal);font:inherit}
.jcc-app input:focus,.jcc-app select:focus,.jcc-app textarea:focus{outline:3px solid rgba(232,101,31,.35);outline-offset:2px}
.jcc-dialog{clip-path:polygon(42px 0,100% 0,100% 100%,0 100%,0 42px);box-shadow:12px 12px 0 var(--jcc-mist)}
.jcc-dialog:before{position:absolute;top:0;left:0;width:59px;height:4px;background:var(--jcc-orange);content:"";transform:rotate(-45deg) translate(-14px,5px);transform-origin:left top}
.jcc-dialog-actions{gap:18px}
.jcc-toast{border-left:6px solid var(--jcc-orange);background:var(--jcc-mist);color:var(--jcc-charcoal);font-family:"Overpass Mono",monospace;font-weight:700}
.jcc-toast.is-bad{border-left-color:var(--jcc-charcoal);background:#f7d9cd}
@media(max-width:1150px){.jcc-columns{grid-template-columns:235px 1fr}.jcc-detail{margin:0;grid-column:1/-1}}
@media(max-width:720px){.jcc-app{padding-top:34px}.jcc-header,.jcc-workspace-header{padding:0}.jcc-header h1{font-size:clamp(42px,14vw,64px)}.jcc-columns{gap:20px}.jcc-project-grid{padding:0}.jcc-project-card{clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px)}.jcc-dialog{clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px)}}
