/* "Watch Hubbly work" video section. */
.watch-work{background:var(--ink,#0a0a09);color:var(--paper,#f2f0eb);padding:clamp(64px,9vw,128px) 0}
.watch-work .watch-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.watch-work h2{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.6rem,6vw,5rem);line-height:.92;margin:0}
.watch-work h2 em{color:var(--orange,#f46a24);font-style:normal}
.watch-work .watch-heading p{max-width:34ch;color:var(--soft,#b5b3ad);margin:0}
.watch-featured{margin:0 0 56px}
.watch-featured video,.watch-wide video{display:block;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line,rgba(255,255,255,.22));border-radius:14px}
.watch-work figcaption,.watch-rank figcaption{margin-top:12px;font-size:.95rem;color:var(--soft,#b5b3ad)}
.watch-work figcaption strong,.watch-rank figcaption strong{color:var(--paper,#f2f0eb);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin-right:8px}
.watch-group{margin-top:48px}
.watch-group h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:1.4rem;margin:0 0 20px;padding-top:16px;border-top:1px solid var(--line,rgba(255,255,255,.22))}
.watch-grid{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.watch-grid figure{margin:0}
.watch-wide{flex:1 1 420px;max-width:640px}
.phone-frame{width:min(260px,70vw);padding:10px;border-radius:38px;background:#1b1b1a;border:2px solid #3a3a37;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.phone-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:28px}
.watch-rank{padding:clamp(48px,7vw,96px) 0}
.watch-rank .phone-frame{margin:0 auto}
.watch-rank figcaption{text-align:center}