.h5-hero{color:#fff;background:#000;height:100vh;min-height:680px;position:relative;overflow:hidden}.h5-hero__media{position:absolute;inset:0}.h5-hero__media video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease);position:absolute;inset:0}.h5-hero__media video.is-on{opacity:.86}.h5-hero__word{left:calc(var(--pad) - .04em);top:52px;right:var(--pad);font-family:var(--display);text-transform:uppercase;letter-spacing:-.055em;font-size:clamp(96px,16.4vw,300px);font-weight:500;line-height:.8;position:absolute}.h5-hero__word span{display:block;overflow:hidden}.h5-hero__word span i{animation:h5-up 1.1s var(--ease) both;font-style:normal;display:block}.h5-hero__word span:nth-child(2) i{animation-delay:80ms}@keyframes h5-up{0%{transform:translateY(105%)}}.h5-credits{pointer-events:none;position:absolute;inset:0}.h5-credit{pointer-events:auto;cursor:pointer;text-align:left;color:#ffffff6b;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .35s var(--ease);background:0 0;border:0;padding:0;position:absolute}.h5-credit b{font-weight:500;display:block}.h5-credit.is-on,.h5-credit:hover{color:#fff}.h5-credit.is-on b:before{content:"■ ";vertical-align:1px;font-size:8px}.h5-hero__foot{left:var(--pad);right:var(--pad);grid-template-columns:1fr 2fr 1fr;align-items:end;display:grid;position:absolute;bottom:18px}.h5-hero__foot:before{content:"";background:#ffffff80;height:1px;position:absolute;top:-12px;left:0;right:0}.h5-hero__nums{gap:10px;display:flex}.h5-hero__nums button{font:inherit;letter-spacing:inherit;color:#fff6;cursor:pointer;background:0 0;border:0;padding:0}.h5-hero__nums button.is-on{color:#fff}.h5-hero__now{text-align:center}.h5-hero__foot>:last-child{justify-self:end}.h5-statement{padding:200px var(--pad) 220px;gap:var(--pad);grid-template-columns:1fr 1fr;display:grid}.h5-statement__text{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(34px,3.9vw,64px);font-weight:500;line-height:.94}.h5-statement__text .dim{color:#c4c4c4}.h5-scatter{height:1150px;margin:0 var(--pad);position:relative}.h5-still{position:absolute}.h5-still img,.h5-still video{object-fit:cover;width:100%;height:100%;display:block}.h5-still p{gap:14px;margin-top:8px;display:flex}.h5-works{padding:220px var(--pad) 0;position:relative}.h5-works__head{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr 1fr 1fr;padding-bottom:10px;display:grid}.h5-work{align-items:baseline;gap:var(--pad);border-bottom:1px solid var(--hair);transition:color .35s var(--ease);grid-template-columns:.4fr 5fr 3fr;padding:14px 0 10px;display:grid}.h5-work__no{color:var(--muted)}.h5-work__title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.045em;transition:transform .6s var(--ease);font-size:clamp(36px,4.4vw,72px);font-weight:500;line-height:.9}.h5-work__meta{color:var(--muted);grid-template-columns:1.2fr 1.2fr .5fr;gap:10px;display:grid}.h5-work__meta>:last-child{justify-self:end}.h5-works__list.is-hover .h5-work,.h5-works__list.is-hover .h5-work .h5-work__no,.h5-works__list.is-hover .h5-work .h5-work__meta{color:#d6d6d6}.h5-works__list .h5-work.is-on,.h5-works__list .h5-work.is-on .h5-work__meta{color:var(--ink)}.h5-work.is-on .h5-work__title{transform:translate(14px)}.h5-works__preview{z-index:20;aspect-ratio:4/3;pointer-events:none;opacity:0;width:300px;transition:opacity .3s var(--ease);background:#000;position:fixed;top:0;left:0;overflow:hidden}.h5-works__preview.is-on{opacity:1}.h5-works__preview video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.h5-works__preview video.is-on{opacity:1}.h5-clients{padding:220px var(--pad) 0;gap:var(--pad);grid-template-columns:1fr 3fr;display:grid}.h5-clients__grid{font-family:var(--display);letter-spacing:-.02em;grid-template-columns:repeat(3,1fr);row-gap:26px;font-size:clamp(20px,1.7vw,28px);font-weight:500;line-height:1;display:grid}.h5-clients__grid span{transition:color .3s}.h5-clients__grid:hover span{color:#cfcfcf}.h5-clients__grid span:hover{color:var(--ink)}.h5-clients__count{grid-column:2;margin-top:34px}@media (max-width:768px){.h5-hero{height:100svh;min-height:560px}.h5-hero__word{font-size:25vw;top:84px}.h5-credits{inset:auto var(--pad) 70px var(--pad);pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute}.h5-credit{position:static!important}.h5-credit br,.h5-credit span{display:none}.h5-hero__foot{grid-template-columns:1fr auto}.h5-hero__now{display:none}.h5-statement{padding:120px var(--pad) 120px;grid-template-columns:1fr;gap:18px}.h5-statement__text{font-size:clamp(28px,8.4vw,40px)}.h5-scatter{grid-template-columns:1fr 1fr;gap:28px 12px;height:auto;display:grid}.h5-still{width:auto!important;position:static!important}.h5-still:nth-child(3n+1){grid-column:1/-1}.h5-works{padding-top:140px}.h5-works__head{grid-template-columns:1fr auto}.h5-works__head>:nth-child(2),.h5-works__head>:nth-child(3){display:none}.h5-work{grid-template-columns:28px 1fr;row-gap:6px}.h5-work__title{font-size:clamp(28px,9vw,40px)}.h5-work__meta{grid-column:2;grid-template-columns:1fr 1fr auto}.h5-works__preview{display:none}.h5-clients{grid-template-columns:1fr;padding-top:140px}.h5-clients__grid{grid-template-columns:1fr 1fr;font-size:22px}.h5-clients__count{grid-column:1}}