/* /work: the highlights reel and every featured video with its write-up (inc/rs-work-page.php). */
.lp .work-hero{padding-block:84px 30px;max-width:900px}
.lp .work-hero .eyebrow{display:flex;align-items:center;gap:10px}
.lp .work-hero .hero-lede{max-width:700px}

.lp .work-case{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;padding-block:60px;scroll-margin-top:90px}
.lp .work-case.flip{grid-template-columns:1fr 1.25fr}
.lp .work-case.flip .work-frame{order:2}
.lp .work-case+.work-case{border-top:1px solid var(--line)}

.lp .work-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--line-2);background:#0e0a13;box-shadow:0 40px 100px -50px rgba(147,51,234,.55)}
.lp .work-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lp .work-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0e0a13;cursor:pointer}
.lp .work-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
/* Same small play button, in the same corner, as the Vimeo players beside it. */
.lp .work-play{position:absolute;left:12px;bottom:12px;width:44px;height:32px;border-radius:6px;background:rgba(10,10,12,.82);transition:background .2s}
.lp .work-poster:hover .work-play{background:#00adef}
.lp .work-play::after{content:"";position:absolute;left:17px;top:9px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff}

.lp .work-copy .eyebrow{margin-bottom:14px}
.lp .work-copy h2{font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.025em;margin-bottom:18px}
.lp .work-copy p{color:#d9d1de;font-size:16.5px;line-height:1.7;margin-bottom:12px}
.lp .work-copy .work-tagline{font-family:'Space Grotesk',sans-serif;font-size:19px;line-height:1.45;color:var(--text);letter-spacing:-.01em;margin-bottom:16px}
.lp .work-hero .hero-detail{margin-top:12px}
.lp .work-hero .work-punch{color:var(--text);font-weight:600}
.lp .work-hero .small-note{max-width:620px;font-style:italic;margin-top:22px}
.lp .contact-inner p+p{margin-top:12px}
.lp .work-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px}
.lp .work-service{color:var(--warm);font-weight:600;font-size:15px;text-decoration:none}
.lp .work-service:hover{text-decoration:underline;text-underline-offset:4px}

@media(max-width:900px){
  .lp .work-case{grid-template-columns:1fr;gap:26px;padding-block:44px}
  .lp .work-case.flip{grid-template-columns:1fr}
  .lp .work-case.flip .work-frame{order:0}
  .lp .work-hero{padding-block:56px 16px}
}