/* Local review shell and one original portrait reel. No public page changes. */
.jl-home-reel-preview .jl-finish-review { position:relative; z-index:101; min-height:39px; padding:8px 22px; display:flex; align-items:center; justify-content:center; gap:24px; color:#50627b; background:#e9edf4; border-bottom:1px solid #ced7e3; font:500 11px/1.45 Manrope,"Segoe UI",sans-serif; }
.jl-home-reel-preview .jl-finish-review>span { font-size:9px; letter-spacing:.1em; color:#657b98; white-space:nowrap; }
.jl-home-reel-preview .jl-finish-review nav { display:flex; flex-wrap:wrap; align-items:center; gap:21px; }
.jl-home-reel-preview .jl-finish-review a { color:#455c7c; font-weight:650; text-decoration:none; }
.jl-home-reel-preview .jl-finish-review a:hover { color:#215cd3; }
.jl-home-reel-preview .jl-finish-review a[aria-current="page"] { color:#1b55c3; text-decoration:underline; text-underline-offset:4px; }
.jl-home-reel-preview .jl-finish-review a:focus-visible { outline:2px solid #5786dc; outline-offset:5px; }
.jl-home-reel-preview .jl-finish-review small { color:#71829a; font-size:10px; white-space:nowrap; }

.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel) { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr); align-items:center; gap:clamp(28px,5vw,75px); }
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child { min-width:0; }
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:last-child { display:flex; justify-content:center; width:100%; max-width:none; min-width:0; }
.jl-home-reel-preview .jl-alpha-original-reel { display:flex; flex-direction:column; align-items:stretch; width:min(304px,100%); max-width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.jl-home-reel-preview .jl-alpha-original-reel .alpha-film__video { display:block; width:100%; height:auto; max-width:100%; max-height:none; aspect-ratio:9/16; object-fit:contain; object-position:center; background:#080b11; border:1px solid #798da33b; border-radius:9px; box-shadow:0 12px 32px #0b172a1f; }
.jl-home-reel-preview .jl-alpha-original-reel .alpha-film__caption { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; margin:10px 0 0; padding:0; color:var(--muted,#7c8da4); font-size:8px; line-height:1.5; text-align:center; border:0; background:transparent; }
.jl-home-reel-preview .jl-alpha-original-reel .alpha-film__caption>span:last-child { font-size:8px; }
@supports (height:100svh) {
 .jl-home-reel-preview .jl-alpha-original-reel { width:min(304px,calc(56.25svh - 106.875px),100%); }
}
@media(max-width:900px) {
 .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel) { grid-template-columns:minmax(0,1fr) minmax(200px,.72fr); gap:28px; }
 .jl-home-reel-preview .jl-finish-review { flex-wrap:wrap; gap:7px 17px; padding:8px 16px; }
 .jl-home-reel-preview .jl-finish-review nav { gap:17px; }
}
@media(max-width:640px) {
 .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel) { grid-template-columns:minmax(0,1fr); gap:28px; }
 .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:last-child { justify-content:center; }
 .jl-home-reel-preview .jl-finish-review { justify-content:center; padding:8px 12px; gap:6px 15px; }
 .jl-home-reel-preview .jl-finish-review>span { font-size:8px; }
 .jl-home-reel-preview .jl-finish-review nav { justify-content:center; gap:16px; font-size:10px; }
 .jl-home-reel-preview .jl-finish-review small { width:100%; text-align:center; font-size:8px; }
}
/* Suggested isolated home Alpha layout; root can incorporate after visual QA. */
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel) {
  grid-template-columns: minmax(0,1fr) minmax(180px,200px);
  align-items: center;
  gap: clamp(28px,4vw,56px);
  padding: clamp(24px,2.4vw,32px);
}
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding-top: 6px;
  min-width: 0;
}
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child .project-status {
  margin: 0 0 16px;
  padding: 0;
  font-size: 10px;
  white-space: normal;
}
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child h3 {
  margin: 0 0 18px;
  font-size: clamp(27px,2.6vw,34px);
  line-height: 1.2;
}
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child p {
  margin: 0;
  max-width: 48ch;
  font-size: 15px;
  line-height: 1.8;
}
.jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child .text-link {
  align-self: flex-start;
  justify-content: flex-start;
  white-space: normal;
  margin: 22px 0 0;
  font-size: 13px;
  min-height: 44px;
  line-height: 1.5;
}
.jl-home-reel-preview .jl-alpha-original-reel {
  width: min(200px,100%);
}
@media(max-width:740px) {
  .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel) {
    grid-template-columns: minmax(0,1fr);
    gap: 24px;
    padding: 22px;
  }
  .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child {padding-top:0}
  .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child h3 {font-size:28px}
  .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child p {font-size:14px}
  .jl-home-reel-preview .agency-project-feature:has(.jl-alpha-original-reel)>div:first-child .text-link {margin-top:14px}
}