:root { --pc6-a: rgba(244,241,236,.72); --pc6j-h: 124px; }


.clients > .jump { display: none; }
.pc6j { display: grid; grid-template-columns: 2fr 1.8fr .9fr .9fr; grid-template-rows: var(--pc6j-h); gap: 14px; }
.pc6j-c { display: flex; align-items: center; gap: 18px; min-width: 0; height: var(--pc6j-h); overflow: hidden; padding: 12px 24px 12px 12px; border-radius: 20px; color: var(--ink); transition: transform 300ms var(--ease), border-color 300ms ease; }
.pc6j-c:not(.pc6j-c--img) { padding: 0 24px; }
.pc6j-imgs { display: flex; gap: 6px; height: calc(var(--pc6j-h) - 24px); flex: none; }
.pc6j-imgs img { height: 100%; width: auto; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 12px; }
.pc6j-c--img:nth-child(2) .pc6j-imgs img { aspect-ratio: 1920 / 852; }
.pc6j-c em { font: 900 20px/1.3 var(--jp); letter-spacing: .04em; white-space: nowrap; }
.pc6j-c em span { white-space: nowrap; }
.pc6j-c b { font: 700 20px/1 var(--en); letter-spacing: .2em; white-space: nowrap; }
.pc6j-c i { margin-left: auto; font: 700 20px/1 var(--en); transition: transform 300ms var(--ease); }
.pc6j-c:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.75); }
.pc6j-c:hover i { transform: translateX(4px); }

@media (min-width: 1200px) {
  html[data-hero="reelbg"] .hero { min-height: calc(100svh - var(--pc6j-h) - 28px); padding-bottom: 40px; }
  html[data-hero="reelbg"] .hero .reel { bottom: 10px; }
}

@media (min-width: 1200px) and (max-width: 1379px) {
  :root { --pc6j-h: 100px; }
  .pc6j { grid-template-columns: 1.8fr 1.8fr 1fr 1fr; }
  .pc6j-c { gap: 12px; padding: 10px 16px 10px 10px; }
  .pc6j-c:not(.pc6j-c--img) { padding: 0 16px; }
  .pc6j-imgs { height: calc(var(--pc6j-h) - 20px); }
  .pc6j-c em { white-space: normal; }
  .pc6j-c b { letter-spacing: .16em; }
}
@media (max-width: 1199px) {
  .pc6j { --pc6j-h: 104px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: var(--pc6j-h); }
  .pc6j-c--img { grid-column: 1 / -1; }
}


#highlights .hlr-track { display: none !important; }
#highlights.hl.hlr { padding-top: 0; padding-bottom: 0; }

.hm { --hm-e: cubic-bezier(.22, 1, .36, 1); --hm-d: 560ms; --sc: 1.06; --open: 22px; --gap: clamp(16px, 1.3vw, 22px); --pad: 12px; --side: clamp(36px, 3vw, 56px); --reach: 20px;
  
  --cw: min(calc((100cqw + 2 * var(--edge) - 2 * var(--side) - 3 * var(--gap) - 2 * var(--reach)) / 4), calc((100svh - 250px) * 9 / 16 + 2 * var(--pad)));
  --c1: 120, 120, 130; --c2: var(--c1); --c3: var(--c1); --c4: var(--c1); --c5: var(--c1); --c6: var(--c1); --c7: var(--c1); --c8: var(--c1);
  container-type: inline-size; position: relative; isolation: isolate;
  
  padding: clamp(10px, 1.3vh, 24px) 0 clamp(40px, 7vh, 84px); color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.hm[hidden] { display: none; }

.hm-body { position: relative; margin: 0 calc(var(--side) - var(--edge)); }
.hm-body::before { content: ""; position: absolute; z-index: -1; inset: -6px calc(var(--side) * -.6); border-radius: 36px;
  border: 1px solid rgba(255,255,255,.28);
  background:
    radial-gradient(30% 34% at 12% 24%, rgba(var(--c1), .62), rgba(var(--c1), 0) 72%), radial-gradient(30% 34% at 37% 24%, rgba(var(--c2), .62), rgba(var(--c2), 0) 72%),
    radial-gradient(30% 34% at 63% 24%, rgba(var(--c3), .62), rgba(var(--c3), 0) 72%), radial-gradient(30% 34% at 88% 24%, rgba(var(--c4), .62), rgba(var(--c4), 0) 72%),
    radial-gradient(30% 34% at 12% 76%, rgba(var(--c5), .62), rgba(var(--c5), 0) 72%), radial-gradient(30% 34% at 37% 76%, rgba(var(--c6), .62), rgba(var(--c6), 0) 72%),
    radial-gradient(30% 34% at 63% 76%, rgba(var(--c7), .62), rgba(var(--c7), 0) 72%), radial-gradient(30% 34% at 88% 76%, rgba(var(--c8), .62), rgba(var(--c8), 0) 72%),
    linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.03) 40%), rgba(14,16,26,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 40px 120px rgba(0,0,0,.4);
  backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%); pointer-events: none; }
.hm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(8px, 1vh, 18px); }
.hm-head .sec-label { color: rgba(255,255,255,.72); font-size: 12px; }
.hm-h { margin-top: 8px; font: 900 clamp(36px, 3.2vw, 52px)/1 var(--en); letter-spacing: .04em; }  

.hm-grid { position: relative; display: grid; grid-template-columns: repeat(4, var(--cw)); justify-content: center; gap: clamp(28px, 4vh, 48px) var(--gap); padding: 21px 0 28px; }  

.hm-c { --t: 120, 120, 130; position: relative; width: var(--cw); display: flex; flex-direction: column; padding: var(--pad) var(--pad) 16px; border-radius: 24px; color: #fff; -webkit-user-drag: none;
  border: 1px solid rgba(255,255,255,.14);
  
  background: radial-gradient(130% 55% at 25% 0%, rgba(var(--t), .7), rgba(var(--t), .22) 55%, rgba(var(--t), 0) 85%), linear-gradient(180deg, rgba(var(--t), .16), rgba(10,12,20,.5) 70%), linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.02) 46%), rgba(12,14,22,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 1px rgba(var(--t), .3), 0 24px 60px rgba(0,0,0,.45), 0 0 70px rgba(var(--t), .38);
  backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%);
  transform: translate3d(var(--dx, 0px), 0, 0); transition: transform var(--hm-d) var(--hm-e), border-color 360ms ease, box-shadow var(--hm-d) var(--hm-e), background 360ms ease; }
.hm-c.is-hot { z-index: 3; transform: translate3d(var(--dx, 0px), 0, 0) scale(var(--sc)); border-color: rgba(255,255,255,.75);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 0 0 1px rgba(var(--t), .7), 0 34px 80px rgba(0,0,0,.55), 0 0 120px rgba(var(--t), .65); }
.hm-c:focus-visible { outline: none; border-color: #fff; }

.hm-c::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(155deg, rgba(255,255,255,.95), rgba(var(--t), .55) 30%, rgba(255,255,255,.08) 55%, rgba(var(--t), 1));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  opacity: .75; transition: opacity 360ms ease; }
.hm-c.is-hot::after { opacity: 1; }

.hm-c::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(75% 42% at var(--mx, 22%) var(--my, 0%), rgba(255,255,255,.26), rgba(255,255,255,.07) 45%, rgba(255,255,255,0) 72%);
  opacity: .5; transition: opacity 420ms ease; }
.hm-c.is-hot::before { opacity: 1; }

.hm-beam { position: absolute; top: 10%; bottom: 10%; left: calc(-1 * (var(--gap) + var(--open)) / (2 * var(--sc))); width: 2px; margin-left: -1px; border-radius: 2px; pointer-events: none;
  background: linear-gradient(180deg, rgba(var(--t), 0), rgba(var(--t), .95) 28%, #fff 50%, rgba(var(--t), .95) 72%, rgba(var(--t), 0));
  box-shadow: 0 0 14px 3px rgba(var(--t), .85), 0 0 60px 14px rgba(var(--t), .36);
  opacity: 0; transform: scaleY(0); transition: transform 680ms var(--hm-e), opacity 380ms ease; }
.hm-beam--r { left: auto; right: calc(-1 * (var(--gap) + var(--open)) / (2 * var(--sc))); margin: 0 -1px 0 0; }
.hm-c.is-hot .hm-beam { opacity: 1; transform: scaleY(1); transition-delay: 140ms; }
.hm-t, .hm-nl, .hm-small { position: relative; }
.hm-t { display: block; margin: 0 4px 8px; font: 800 clamp(17px, 1.35vw, 21px)/1.35 var(--jp); letter-spacing: .04em; white-space: nowrap; overflow: hidden; }
.hm-img { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; border-radius: 14px; overflow: hidden; background: #0b0f17; box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 12px 30px rgba(0,0,0,.4); }
.hm-img img, .hm-img video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; -webkit-user-drag: none; }
.hm-img video { opacity: 0; transition: opacity 420ms ease; }
.hm-c.is-playing .hm-img video { opacity: 1; }

.hm-go { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 36px 12px 12px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.6)); font: 800 13px/1 var(--jp); letter-spacing: .06em; opacity: 0; transition: opacity 300ms ease; }
.hm-go i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: #0b0f17; font-style: normal; text-shadow: none; }
.hm-c.is-hot .hm-go, .hm-c:focus-visible .hm-go { opacity: 1; transition-delay: 160ms; }
.hm-nl { margin: 10px 4px 0; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; white-space: nowrap; }

.hm-n { font: 800 clamp(22px, min(2.8vw, (var(--cw) - 2 * var(--pad) - 104px) * .25), 44px)/1.05 var(--en); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.hm-n i { font: 900 .58em/1 var(--jp); font-style: normal; margin-left: .03em; letter-spacing: 0; }
.hm-scope { flex: none; font-style: normal; font: 700 10.5px/1 var(--jp); letter-spacing: .04em; padding: 5px 8px; border-radius: 99px; border: 1px solid rgba(255,255,255,.75); text-shadow: none; }
.hm-scope.is-one { background: #f4f1ec; border-color: #f4f1ec; color: #0c0f16; }
.hm-small { flex: 1 1 auto; margin: 8px 4px 0; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.16); display: flex; flex-direction: column; gap: 4px; }
.hm-case { font: 500 12.5px/1.5 var(--jp); letter-spacing: .02em; color: rgba(255,255,255,.84); word-break: keep-all; overflow-wrap: normal; }
.hm-case .hlr-nb { white-space: nowrap; }
.hm-sub { margin-top: auto; padding-top: 4px; font: 500 11px/1.5 var(--jp); letter-spacing: .02em; color: rgba(255,255,255,.6); word-break: keep-all; }  
.hm-sub .hlr-nb { white-space: nowrap; }  
@media (prefers-reduced-motion: reduce) { .pc6j-c, .pc6j-c i, .hm-c, .hm-go, .hm-img video, .hm-beam { transition: none; } }