.work-hero{position:relative;padding:clamp(64px,11vh,136px) var(--gutter, 24px) clamp(64px,9vh,104px);text-align:center}.wh-lang{position:absolute;top:12px;right:calc(var(--gutter, 24px) - 12px);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.wh-title{max-width:980px;margin:0 auto}.work-hero h1{margin:0;color:var(--text-1);font-size:clamp(44px,7vw,96px);line-height:.98;font-weight:600;letter-spacing:-.04em;font-kerning:normal}.wh-title-line{display:block;text-wrap:balance}.wh-lead{max-width:44ch;margin:28px auto 0;color:var(--text-2);font-size:clamp(16px,1.35vw,19px);line-height:1.55;text-wrap:pretty}.wh-search{max-width:620px;margin:40px auto 0}.wh-search label{display:block;margin-bottom:12px;color:var(--text-1);font-size:14px;font-weight:500}.wh-search>div{display:flex;align-items:center;gap:10px;min-height:62px;padding:7px 7px 7px 18px;border:1px solid var(--border);border-radius:16px;background:var(--page);transition:border-color .2s ease}.wh-search>div:focus-within{border-color:var(--text-1)}.wh-search>div>svg{flex:none;width:20px;height:20px;color:var(--text-2)}.work-hero .wh-search>div>input[type=search]{appearance:none;box-shadow:none;border-radius:0;flex:1;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:var(--text-1);font:inherit;font-size:17px}.wh-search input::placeholder{color:var(--text-2);opacity:1}.wh-search button{flex:none;min-height:48px;padding:0 24px;border:0;border-radius:11px;background:var(--ink-strong);color:var(--on-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.wh-search button:focus-visible{outline:2px solid var(--text-1);outline-offset:3px}.wh-search small{display:block;margin-top:12px;color:var(--text-2);font-size:13px;line-height:1.5}.wh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;margin-top:18px}.wh-actions a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text-1);font-size:15px;font-weight:500;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:6px;transition:text-decoration-color .2s ease}.wh-actions svg{width:16px;height:16px}.wh-screen{width:min(100%,1400px);margin:clamp(64px,10vh,112px) auto 0;text-align:left}.wh-media{position:relative;aspect-ratio:2.39 / 1;overflow:hidden;border-radius:10px;background:#0b0b0d}.wh-media img,.wh-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.wh-media video{background:#0b0b0d;object-fit:contain}.wh-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 24px 0 20px;border:0;border-radius:999px;background:#fffffff0;color:#111114;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 12px 32px #00000047;transition:transform .3s cubic-bezier(.2,.7,.2,1),background-color .2s ease}.wh-play svg{width:18px;height:18px;fill:currentColor}.wh-play:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.wh-bar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 40px;padding:20px 2px 0}.wh-credit{display:grid;gap:4px;min-width:0;max-width:62ch}.wh-credit-title{color:var(--text-1);font-size:17px;font-weight:600;letter-spacing:-.01em;text-decoration:none;overflow-wrap:anywhere}.wh-credit-person{color:var(--text-1);font-size:15px;text-decoration:none}.wh-credit-person span{color:var(--text-2)}.wh-credit details{margin-top:6px;font-size:14px}.wh-credit summary{cursor:pointer;color:var(--text-2);width:fit-content}.wh-credit details p{margin:8px 0 0;color:var(--text-2);line-height:1.55}.wh-selector{display:flex;align-items:center;gap:8px}.wh-count{margin-right:8px;color:var(--text-2);font-size:13px;font-variant-numeric:tabular-nums}.wh-count i{font-style:normal;margin-inline:4px;opacity:.5}.wh-selector button{width:88px;aspect-ratio:16 / 9;padding:0;border:0;border-radius:6px;overflow:hidden;background:var(--sunken);cursor:pointer;opacity:.5;outline:1px solid transparent;outline-offset:3px;transition:opacity .25s ease,outline-color .25s ease}.wh-selector button[aria-pressed=true]{opacity:1;outline-color:var(--text-1)}.wh-selector button:focus-visible{opacity:1;outline:2px solid var(--text-1)}.wh-selector img{width:100%;height:100%;object-fit:cover;display:block}.wh-archive figcaption{padding-top:16px;color:var(--text-2);font-size:14px}@media(hover:hover){.wh-lang:hover{color:var(--text-1)}.wh-search button:hover{opacity:.86}.wh-actions a:hover{text-decoration-color:var(--text-1)}.wh-play:hover{transform:scale(1.04);background:#fff}.wh-credit-title:hover,.wh-credit-person:hover{text-decoration:underline;text-underline-offset:4px}.wh-selector button:hover{opacity:.85}}@media(prefers-reduced-motion:no-preference){.wh-title-line{animation:wh-rise .9s cubic-bezier(.16,1,.3,1) both}.wh-title-line+.wh-title-line{animation-delay:90ms}.wh-lead,.wh-search,.wh-actions{animation:wh-rise .8s cubic-bezier(.16,1,.3,1) .22s both}.wh-screen .wh-media{animation:wh-gate 1.3s cubic-bezier(.77,0,.18,1) .38s both}.wh-screen .wh-media>img{animation:wh-settle 2.2s cubic-bezier(.16,1,.3,1) .38s both}.wh-bar{animation:wh-rise .7s cubic-bezier(.16,1,.3,1) 1.1s both}.wh-media>img{transition:opacity .35s ease}}@keyframes wh-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes wh-gate{0%{clip-path:inset(41% 0 41% 0 round 10px)}to{clip-path:inset(0 0 0 0 round 10px)}}@keyframes wh-settle{0%{transform:scale(1.08)}to{transform:none}}@media(max-width:760px){.work-hero{padding-top:72px}.wh-lead{margin-top:20px}.wh-search{margin-top:32px}.wh-search>div{min-height:56px;padding-left:14px}.wh-search button{padding:0 18px}.wh-screen{margin-top:48px}.wh-media{aspect-ratio:16 / 10;border-radius:8px}.wh-selector{width:100%}.wh-selector button{flex:1;width:auto;min-width:0}}