/* Existing public discovery and permitted Project workspace controls; no state changes. */
.tj-projects[data-tj-ui="cinematic"] { max-width: 1480px; width: 100%; margin: 0 auto; padding: clamp(1rem,3vw,3rem); border: 0; background: var(--tj-bg); color: var(--tj-text); font-family: var(--tj-font-body); }
.tj-projects[data-tj-ui="cinematic"] > header :is(h1,h2) { color: var(--tj-text); font-family: var(--tj-font-display); font-size: clamp(2rem,5vw,4rem); font-weight: 400; line-height: 1.1; }
.tj-projects[data-tj-ui="cinematic"] > header .tj-profile-kicker { display:block; padding:0; border:0; background:transparent; color:var(--tj-pink-soft); font:700 .8rem/1.5 var(--tj-font-body); letter-spacing:.08em; }
.tj-projects[data-tj-ui="cinematic"] .tj-projects-toolbar label { color:var(--tj-text); font:600 .875rem/1.5 var(--tj-font-body); }
.tj-projects[data-tj-ui="cinematic"] [data-project-list] article h2 { margin:0 0 .75rem; font:700 clamp(1.25rem,2vw,1.5rem)/1.25 var(--tj-font-heading); text-transform:none; }
.tj-projects[data-tj-ui="cinematic"] [data-project-detail] > h2 { font:700 1.75rem/1.25 var(--tj-font-heading); text-transform:none; }
.tj-projects[data-tj-ui="cinematic"] .tj-projects-toolbar { gap: 1rem; padding: 1.25rem; border: 1px solid var(--tj-border); border-radius: var(--tj-radius-card); background: var(--tj-surface); }
.tj-projects[data-tj-ui="cinematic"] .tj-projects-layout { gap: 1rem; align-items:start; }
.tj-projects[data-tj-ui="cinematic"] :is(article,[data-project-detail]) { padding: 1.25rem; border: 1px solid var(--tj-border); border-radius: var(--tj-radius-card); background: var(--tj-surface); color: var(--tj-text); }
.tj-projects[data-tj-ui="cinematic"] :is(article,[data-project-detail]) :is(h2,h3) { color: var(--tj-text); font-family: var(--tj-font-heading); line-height: 1.25; }
.tj-projects[data-tj-ui="cinematic"] button { min-height: 44px; padding: .65rem 1rem; border: 1px solid var(--tj-border); border-radius: var(--tj-radius-sm); background: var(--tj-surface-raised); color: var(--tj-text); font:600 .875rem/1.4 var(--tj-font-body); text-transform:none; letter-spacing:normal; white-space:normal; overflow-wrap:anywhere; }
.tj-projects[data-tj-ui="cinematic"] button:hover:not(:disabled) { border-color: var(--tj-text-subtle); }
.tj-projects[data-tj-ui="cinematic"] :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):not(.select2-hidden-accessible):not(.select2-search__field) { width: 100%; min-width: 0; min-height: 44px; padding: .75rem; border: 1px solid var(--tj-text-subtle); border-radius: var(--tj-radius-sm); background: var(--tj-surface-raised); color: var(--tj-text); font: inherit; }
.tj-projects[data-tj-ui="cinematic"] :is(input,textarea)::placeholder { color: var(--tj-text-muted); opacity: 1; }
.tj-projects[data-tj-ui="cinematic"] .tj-profile-help { color: var(--tj-text-muted); }
.tj-projects[data-tj-ui="cinematic"] .tj-profile-form-actions { border-color: var(--tj-border); }
.tj-projects[data-tj-ui="cinematic"] .tj-profile-save { background: var(--tj-pink); border-color: var(--tj-pink); color: var(--tj-on-accent); }
.tj-projects[data-tj-ui="cinematic"] :is(a,button,input,textarea,select):focus-visible { outline: 3px solid var(--tj-focus); outline-offset: 3px; }
.tj-projects[data-tj-ui="cinematic"] [data-project-detail] h2:focus-visible { outline:3px solid var(--tj-focus); outline-offset:3px; }
.tj-projects[data-tj-ui="cinematic"] :is(button,input,textarea,select) { transition:background-color var(--tj-transition),border-color var(--tj-transition),color var(--tj-transition); }
@media(max-width:768px) { .tj-projects[data-tj-ui="cinematic"] :is(.tj-projects-toolbar,.tj-projects-layout) { grid-template-columns: minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .tj-projects[data-tj-ui="cinematic"] :is(button,input,textarea,select) { transition:none; } }
/* Explicit original workspace owner; manager, media and recovery handlers stay original. */
.tj-project-assets-workspace[data-tj-ui="cinematic"] { min-width:0; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--tj-border); color:var(--tj-text); }
.tj-project-assets-workspace[data-tj-ui="cinematic"] > h3 { margin:0 0 1rem; color:var(--tj-text); font:700 1.75rem/1.2 var(--tj-font-heading); }
.tj-project-assets-workspace[data-tj-ui="cinematic"] :is(.tj-project-assets-tools,.tj-project-assets-pages) { gap:.75rem; }
.tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-assets-tools button:disabled { opacity:.6; cursor:not-allowed; }
.tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-assets-search { align-items:end; padding:1rem; border:1px solid var(--tj-border); border-radius:var(--tj-radius-card); background:var(--tj-surface); }
.tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-assets-search label { color:var(--tj-text); font:600 .875rem/1.5 var(--tj-font-body); }
.tj-project-assets-workspace[data-tj-ui="cinematic"] > [role="status"] { color:var(--tj-text-muted); overflow-wrap:anywhere; }
.tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-asset-bin-card { min-width:0; margin:1rem 0; padding:1rem; border:1px solid var(--tj-border); border-radius:var(--tj-radius-card); background:var(--tj-surface); overflow-wrap:anywhere; }
.tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-asset-bin-card h4 { margin:0 0 .75rem; color:var(--tj-text); font:700 1.25rem/1.3 var(--tj-font-heading); }
.tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-asset-bin-card p { color:var(--tj-text-muted); font-size:.875rem; }
@media(max-width:600px) { .tj-project-assets-workspace[data-tj-ui="cinematic"] .tj-project-assets-tools > button { flex:1 1 10rem; } }
/* Project manager stays on its original board, item permissions and editor lifecycle. */
.tj-project-portfolio-manager[data-tj-ui="cinematic"] { min-width:0; color:var(--tj-text); font-family:var(--tj-font-body); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-heading { padding:1rem; border:1px solid var(--tj-border); border-radius:var(--tj-radius-card); background:var(--tj-surface); box-shadow:none; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-heading > div:first-child > span { color:var(--tj-text); font:700 1.5rem/1.2 var(--tj-font-heading); letter-spacing:normal; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-heading p { color:var(--tj-text-muted); font:400 .875rem/1.5 var(--tj-font-body); opacity:1; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] [data-project-assets-search] { align-items:end; padding:1rem; border:1px solid var(--tj-border); border-radius:var(--tj-radius-card); background:var(--tj-surface); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] [data-project-assets-search] label { color:var(--tj-text); font:600 .875rem/1.5 var(--tj-font-body); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-board { grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:1rem; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-board-card { margin:0; padding:0; border:1px solid var(--tj-border); border-radius:var(--tj-radius-card); background:var(--tj-surface); box-shadow:none; cursor:default; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-board-card:hover { transform:none; box-shadow:none; border-color:var(--tj-text-subtle); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-card-media { background:var(--tj-bg-alt); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-card-placeholder { color:var(--tj-text-muted); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-type-badge { left:.75rem; top:.75rem; border:1px solid var(--tj-border); border-radius:var(--tj-radius-sm); background:var(--tj-surface-raised); color:var(--tj-text); font:600 .75rem/1.4 var(--tj-font-body); letter-spacing:normal; text-transform:none; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-card-copy { min-width:0; gap:.5rem; padding:1rem; overflow-wrap:anywhere; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-card-copy strong { color:var(--tj-text); font:600 .9375rem/1.4 var(--tj-font-body); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-card-copy :is(small,span) { color:var(--tj-text-muted); font:400 .875rem/1.5 var(--tj-font-body); opacity:1; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-card-actions { border-color:var(--tj-border); padding:0 1rem 1rem; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-empty-state { border:1px solid var(--tj-border); border-radius:var(--tj-radius-card); background:var(--tj-surface); color:var(--tj-text); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-message { color:var(--tj-text-muted); overflow-wrap:anywhere; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-message.is-error { color:var(--tj-danger); }

/* Native Project discussion dialogs are body portals; scope to their owning PHP Project root. */
body:has(.tj-projects[data-tj-ui="cinematic"]) dialog.tj-discussion-dialog {
 min-width:0; max-width:calc(100vw - 20px); border:1px solid #303B46; border-radius:12px;
 background:#101820; color:#FFFFFF; box-shadow:0 20px 80px rgb(0 0 0 / .45); font:400 1rem/1.5 "Inter",Arial,sans-serif; overflow-wrap:anywhere;
}
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog :is(div,form,label,article) { min-width:0; max-width:100%; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog :is(h2,h3) { color:#FFFFFF; font-family:"Barlow Condensed",sans-serif; line-height:1.25; text-transform:none; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog article { background:#18212B; border:1px solid #303B46; border-radius:8px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog button { max-width:100%; white-space:normal; overflow-wrap:anywhere; border:1px solid #303B46; border-radius:6px; background:#18212B!important; color:#FFFFFF!important; font:600 .875rem/1.4 "Inter",Arial,sans-serif; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog :is(input:not(.select2-search__field),textarea,select):not(.select2-hidden-accessible) { min-width:0; min-height:44px; background:#18212B; color:#FFFFFF; border:1px solid #8994A2; border-radius:6px; font:inherit; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog .select2-container { min-width:0; max-width:100%; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog .select2-selection { background:#18212B; border:1px solid #8994A2; border-radius:6px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog .select2-selection__rendered { color:#FFFFFF!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog :focus-visible { outline:3px solid #57C7FF; outline-offset:3px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog button[type="submit"] { background:#FF1478!important; border-color:#FF1478; color:#080C10!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-discussion-dialog label { color:#FFFFFF!important; }
/* Native Project calendar portals; keep dates, uploads and handlers unchanged. */
body:has(.tj-projects[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog { min-width:0;max-width:calc(100vw - 20px);border:1px solid #303B46;border-radius:12px;background:#101820;color:#FFFFFF;box-shadow:0 20px 80px rgb(0 0 0 / .45);font:400 1rem/1.5 "Inter",Arial,sans-serif;overflow-wrap:anywhere; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tj-shared-calendar { min-width:0;padding:clamp(.5rem,2vw,1.5rem);border:1px solid #303B46;border-radius:8px;background:#101820;color:#FFFFFF;font:inherit; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog :is(div,form,label,section,header) { min-width:0;max-width:100%; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog :is(h2,h3,caption) { color:#FFFFFF;font-family:"Barlow Condensed",sans-serif;line-height:1.25;text-transform:none; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog label { color:#FFFFFF!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog button { max-width:100%;white-space:normal;overflow-wrap:anywhere;border:1px solid #303B46;border-radius:6px;background:#18212B!important;color:#FFFFFF!important;font:600 .875rem/1.4 "Inter",Arial,sans-serif; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog button[type="submit"] { background:#FF1478!important;border-color:#FF1478;color:#080C10!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog :is(input:not([type="checkbox"]):not([type="file"]),textarea,select) { min-width:0;min-height:44px;background:#18212B;color:#FFFFFF;border:1px solid #8994A2;border-radius:6px;font:inherit; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tj-calendar-event { background:#18212B;border:1px solid #303B46;border-radius:8px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tj-shared-calendar :is(th,td) { min-width:0;border-color:#303B46; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tj-shared-calendar table td>button { min-width:0;padding:2px;color:#FFFFFF!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tj-shared-calendar table td>button[aria-pressed="true"] { background:#FF1478!important;color:#080C10!important;border-color:#FF1478; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog :focus-visible { outline:3px solid #57C7FF;outline-offset:3px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tju { background:#18212B;color:#FFFFFF;border-color:#303B46;border-radius:8px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog .tju-limits { color:#FFFFFF; }
body:has(.tj-projects[data-tj-ui="cinematic"]) .tj-calendar-dialog input[type="checkbox"] { accent-color:#FF1478;color-scheme:dark; }
/* Native Project upload surfaces, bounded to the marked manager. */
.tj-project-portfolio-manager[data-tj-ui="cinematic"] :is(.tju,.tj-portfolio-dropzone) { background:var(--tj-surface-raised)!important;color:var(--tj-text)!important;border-color:var(--tj-border);border-radius:var(--tj-radius-card); }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] :is(.tju-limits,.tj-portfolio-dropzone strong,.tj-portfolio-dropzone small,.tj-portfolio-dropzone > span:not(.tj-portfolio-dropzone-icon)) { color:var(--tj-text)!important; }

/* Native Project asset metadata and recovery confirmation presentation only. */
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer { background:#101820; color:#fff; border-color:#303b46; font-family:Inter,Arial,sans-serif; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(.tj-portfolio-drawer-head,.tj-portfolio-drawer-actions) { background:#101820; border-color:#303b46; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(h3,label) { color:#fff; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer label { font-size:14px; line-height:1.5; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(p,small) { color:#b5bec8; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(input:not([type=hidden]):not([type=checkbox]):not([type=file]),textarea,select) { background:#18212b; color:#fff; border:1px solid #8994a2; border-radius:8px; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(input,textarea)::placeholder { color:#b5bec8; opacity:1; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(.tj-portfolio-drawer-close,.tj-portfolio-edit-cancel) { min-width:44px; min-height:44px; background:#18212b; color:#fff; border:1px solid #8994a2; border-radius:8px; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-portfolio-edit-save { min-height:44px; background:#ff1478!important; color:#080c10!important; border-color:#ff1478!important; border-radius:8px; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer :is(input,textarea,select,button):focus-visible { outline:3px solid #57c7ff!important; outline-offset:3px; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-shared-replace-zone { background:#18212b; color:#fff; border-color:#8994a2; border-radius:8px; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-shared-replace-zone > :is(strong,span) { color:#fff; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-shared-replace-zone > small { color:#b5bec8!important; opacity:1!important; font-size:14px!important; line-height:1.5; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-shared-replace-zone-icon { color:#080c10; box-shadow:none; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-shared-replace-zone:focus-visible { outline:3px solid #57c7ff!important; outline-offset:3px; }

.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer small { color:#b5bec8!important; font-size:14px!important; line-height:1.5!important; opacity:1!important; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer-head small { font-size:12px!important; }

body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-card { background:#101820; color:#fff; border:1px solid #303b46; border-radius:12px; box-shadow:none; max-height:calc(100dvh - 44px); overflow:auto; font-family:Inter,Arial,sans-serif; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-title { color:#fff; border-color:#303b46; font-family:"Barlow Condensed",sans-serif; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] :is(.tj-pdc-v1-copy,.tj-pdc-v1-note) { color:#b5bec8; opacity:1; font-size:14px; line-height:1.5; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] [data-tj-pdc-item] { color:#fff; overflow-wrap:anywhere; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-kicker { background:#ff1478; color:#080c10; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-actions { border-color:#303b46; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-button { min-height:44px; border-radius:8px; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-cancel { background:#18212b!important; color:#fff!important; border-color:#8994a2!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] .tj-pdc-v1-delete { background:#ff1478!important; color:#080c10!important; border-color:#ff1478!important; }
body:has(.tj-projects[data-tj-ui="cinematic"]) [data-tj-pdc-v1] button:focus-visible { outline:3px solid #57c7ff!important; outline-offset:3px; }

/* Native Project metadata file/checkbox presentation; browser controls remain native. */
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer input[type="file"] { max-width:100%; box-sizing:border-box; background:#18212b!important; color:#fff!important; border:1px solid #8994a2; border-radius:8px; padding:8px; font:400 14px/1.5 Inter,Arial,sans-serif; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer input[type="file"]::file-selector-button { min-height:44px; margin-right:12px; padding:8px 12px; background:#18212b; color:#fff; border:1px solid #8994a2; border-radius:8px; font:600 14px/1.5 Inter,Arial,sans-serif; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-portfolio-check-row { color:#fff!important; font-size:14px!important; line-height:1.5; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer input[type="checkbox"] { accent-color:#ff1478; }

.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-portfolio-check-row { background:#18212b!important; border:1px solid #8994a2; border-radius:8px; min-height:44px; padding:8px 12px; box-sizing:border-box; gap:12px; align-items:center; }
.tj-project-portfolio-manager[data-tj-ui="cinematic"] .tj-portfolio-drawer .tj-portfolio-check-row input[type="checkbox"] { width:20px; height:20px; flex:0 0 20px; margin:0; }

/* Keep native document artwork within its aspect-ratio preview instead of covering the copy. */
.tj-projects[data-tj-ui="cinematic"] .tj-company-portfolio-document-placeholder { height:100%; min-height:0; }

/* Projects page only: use available content width beside the existing sidebar. */
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] {
  width:100%;max-width:none;margin-inline:0;box-sizing:border-box;
}

/* Projects hero: Film Festival composition with Mike's selected image. */
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header {
  box-sizing:border-box;
  display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
  min-height:clamp(360px,29vw,520px);
  margin:calc(-1 * clamp(1rem,3vw,3rem)) calc(-1 * clamp(1rem,3vw,3rem)) 2rem;
  padding:clamp(2rem,4vw,4rem);
  background-color:#080c10;
  background-image:linear-gradient(90deg,#080c10 0%,rgba(8,12,16,.96) 24%,rgba(8,12,16,.65) 48%,rgba(8,12,16,.08) 78%),url("https://thejoined.com/wp-content/uploads/Skeleton-Directors-Pinklit-Creative-Command-Center.webp");
  background-size:cover; background-position:center,right center;
}
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header .tj-profile-kicker {
  margin:0 0 1rem; color:#ff1478; letter-spacing:.28em; font-size:.8rem; font-weight:700;
}
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header :is(h1,h2) {
  margin:0 0 1.5rem; color:#ff1478; font-size:clamp(4rem,6vw,7rem); line-height:1; text-transform:uppercase;
}
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header > p {
  max-width:35rem; margin:0; color:#fff; font-size:clamp(1rem,1.2vw,1.25rem); line-height:1.65;
}
@media(max-width:600px) {
  body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header {
    min-height:360px; padding:2rem 1.25rem; background-position:center,65% center;
    background-image:linear-gradient(90deg,rgba(8,12,16,.96),rgba(8,12,16,.7)),url("https://thejoined.com/wp-content/uploads/Skeleton-Directors-Pinklit-Creative-Command-Center.webp");
  }
}

/* Hero cleanup: retain the complete director illustration on wide screens. */
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header { min-height:440px; background-size:100% 100%,auto 100%; background-position:center,right center; background-repeat:no-repeat; }
@media(max-width:600px) {
 body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header { min-height:360px; background-size:100% 100%,auto 100%; background-position:center,70% top; }
}

/* User-requested full-cover hero with per-image face framing. */
body.tj-projects-page .tj-projects[data-tj-ui="cinematic"] > header { background-size:100% 100%,cover; background-position:center,right 20%; }