.hx-label{font-size: 0.95rem;font-weight: 500;color: var(--grey);margin: 0}.hx-open{position: relative;height: calc(100svh - 96px);min-height: 520px;margin: 0 var(--gutter);border-radius: 14px;overflow: hidden;color: #fff;isolation: isolate}.hx-open::before{z-index: 1;inset: clamp(18px,3vh,32px) clamp(18px,2vw,32px)}.hx-screen,.hx-screen picture,.hx-screen img,.hx-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hx-screen{z-index: -2;background: #000}.hx-bg{opacity: 0;transition: opacity 900ms ease}.hx-open.is-playing .hx-bg{opacity: 1}.hx-open::after{content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.75) 100%)}.hx-rec{position: absolute;z-index: 2;top: calc(clamp(18px,3vh,32px) + 14px);right: calc(clamp(18px,2vw,32px) + 18px);margin: 0;font-size: 0.78rem;letter-spacing: 0.04em;color: rgba(255,255,255,0.9);display: flex;align-items: center;gap: 8px;font-variant-numeric: tabular-nums}.hx-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--rec)}.hx-open.is-playing .hx-dot{animation: hx-blink 1.2s steps(1) infinite}@keyframes hx-blink{50%{opacity: 0.15}}.hx-open-in{position: absolute;z-index: 2;left: 0;right: 0;bottom: 0;padding: 0 calc(clamp(18px,2vw,32px) + clamp(18px,2vw,30px)) calc(clamp(18px,3vh,32px) + clamp(22px,3.5vh,44px))}.hx-h{font-size: clamp(2.6rem,0.8rem + 7vw,9.2rem);font-weight: 650;line-height: 0.92;letter-spacing: -0.055em;max-width: 11ch;margin: 0 0 clamp(20px,3vh,36px);text-wrap: balance}.hx-open-foot{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 18px 40px}.hx-lead{margin: 0;max-width: 44ch;font-size: clamp(1rem,0.92rem + 0.35vw,1.25rem);line-height: 1.45;color: rgba(255,255,255,0.9)}.hx-open .hx-btn{color: #fff;border-color: rgba(255,255,255,0.55)}.hx-open .hx-btn.is-primary{color: var(--ink)}.hx-btn span{font-size: 0.7em}@media (hover: hover) and (pointer: fine){.hx-open .hx-btn:not(.is-primary):hover{border-color: #fff;background: rgba(255,255,255,0.1)}}@media (prefers-reduced-motion: no-preference){.js .hx-h,.js .hx-open-foot{animation: hx-rise 900ms var(--ease) both}.js .hx-open-foot{animation-delay: 160ms}}@keyframes hx-rise{from{opacity: 0;transform: translateY(28px)}}.hx-strip{--in: 12px;position: relative;padding: clamp(72px,9vw,140px) 0 clamp(56px,7vw,110px)}.hx-strip-head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: clamp(20px,2.6vw,36px)}.hx-strip-h{margin: 0;font-size: clamp(1.8rem,1rem + 2.6vw,3.6rem);font-weight: 600;letter-spacing: -0.045em;line-height: 1}.hx-all{display: inline-flex;align-items: baseline;gap: 10px;text-decoration: none;font-weight: 500;white-space: nowrap}.hx-all-n{font-size: 0.8rem;color: var(--ink-2)}.hx-track{--sgap: clamp(12px,1.4vw,22px);list-style: none;margin: 0;padding: 0 var(--gutter);display: flex;gap: var(--sgap);overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);overscroll-behavior-x: contain;scrollbar-width: none}.hx-track::-webkit-scrollbar{display: none}.hx-frame{--cols: 1.12;flex: 0 0 calc((100vw - 2 * var(--gutter) - (var(--cols) - 1) * var(--sgap)) / var(--cols));scroll-snap-align: start;position: relative}@media (min-width: 700px){.hx-frame{--cols: 1.7}}@media (min-width: 1100px){.hx-frame{--cols: 2.6}}.hx-frame-link{display: block;text-decoration: none}.hx-frame-media{position: relative;display: block;aspect-ratio: 16 / 9;overflow: hidden;border-radius: var(--r);background: var(--well)}.hx-frame-media picture,.hx-frame-media img,.hx-frame-media video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hx-frame-media img{transition: transform 900ms var(--ease)}.hx-frame-media video{opacity: 0;transition: opacity 200ms linear}.hx-frame.is-playing .hx-frame-media video{opacity: 1}.hx-frame-tc{position: absolute;left: 12px;bottom: 10px;font-size: 0.72rem;color: #fff;text-shadow: 0 1px 4px rgba(0,0,0,0.8);font-variant-numeric: tabular-nums;opacity: 0;transition: opacity 200ms ease}.hx-frame.is-playing .hx-frame-tc{opacity: 1}.hx-cap{display: grid;gap: 2px;padding-top: 14px}.hx-cap-client,.hx-cap-meta{color: var(--ink-2);font-size: 0.92rem}.hx-cap-title{margin: 0;text-wrap: wrap;font-size: clamp(1.15rem,0.9rem + 0.6vw,1.6rem);font-weight: 600;letter-spacing: -0.035em;line-height: 1.12;justify-self: start}.hx-watch{position: absolute;top: 12px;right: 12px;display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 16px;border-radius: 999px;background: rgba(255,255,255,0.9);color: var(--ink);text-decoration: none;font-size: 0.9rem;font-weight: 500;transition: transform 160ms var(--ease),background-color 200ms ease}.hx-watch span[aria-hidden]{font-size: 0.7em}.hx-watch:active{transform: scale(0.96)}.hx-end{display: flex;flex-direction: column;justify-content: flex-end;gap: 10px;aspect-ratio: 16 / 9;padding: 24px;border-radius: var(--r);background: var(--card);border: 1px solid var(--card);text-decoration: none;font-size: clamp(1.4rem,1rem + 1.2vw,2.2rem);font-weight: 600;letter-spacing: -0.04em;line-height: 1.05;transition: background-color 200ms ease,border-color 200ms ease}.hx-end .arr{font-size: 1.4em}@media (hover: hover) and (pointer: fine){.hx-frame-link:hover .hx-cap-title{background: var(--hl)}.hx-frame-link:hover .hx-frame-media img{transform: scale(1.03)}.hx-watch:hover{background: var(--accent)}.hx-end:hover{background: var(--accent);border-color: var(--accent)}}.hx-timeline{position: relative;isolation: isolate;height: 34px;margin-top: clamp(22px,3vw,40px)}.hx-timeline::before{content: '';position: absolute;z-index: -1;inset: 0 var(--gutter);border-radius: 6px;background: var(--accent)}.hx-ticks{position: absolute;left: calc(var(--gutter) + var(--in));right: calc(var(--gutter) + var(--in));top: 50%;height: 12px;translate: 0 -50%;background: repeating-linear-gradient(90deg,rgba(17,17,17,0.45) 0 1px,transparent 1px 12px)}.hx-head{position: absolute;left: calc(var(--gutter) + var(--in));top: 0;bottom: 0;width: 2px;background: var(--ink);transform: translateX(calc(var(--tl,0) * (min(100vw,var(--max)) - 2 * var(--gutter) - 2 * var(--in) - 2px)))}.hx-head::before{content: '';position: absolute;left: -5px;top: -3px;border: 6px solid transparent;border-top-color: var(--ink)}.hx-count{position: absolute;right: calc(var(--gutter) + var(--in));top: -24px;font-size: 0.78rem;color: var(--ink-2);font-variant-numeric: tabular-nums}.hx-strip.is-pinned{padding: 0}.hx-strip.is-pinned .hx-strip-pin{position: sticky;top: 0;height: 100vh;display: flex;flex-direction: column;justify-content: center;overflow: hidden;padding: 112px 0 48px}.hx-strip.is-pinned .hx-track{overflow: visible;scroll-snap-type: none;transform: translate3d(var(--x,0px),0,0);will-change: transform}.hx-strip.is-pinned .hx-frame-media,.hx-strip.is-pinned .hx-end{max-height: calc(100vh - 330px);width: 100%}.hx-monitor{position: fixed;left: 0;top: 0;z-index: 30;width: clamp(280px,30vw,520px);aspect-ratio: 16 / 9;overflow: hidden;border-radius: 8px;background: var(--well);pointer-events: none;opacity: 0;scale: 0.92;transition: opacity 200ms ease,scale 300ms var(--ease);will-change: transform;box-shadow: 0 30px 80px rgba(0,0,0,0.25)}.hx-monitor.is-on{opacity: 1;scale: 1}.hx-monitor img,.hx-monitor video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hx-monitor video{opacity: 0;transition: opacity 150ms linear}.hx-monitor.is-playing video{opacity: 1}.hx-monitor-tc{position: absolute;left: 10px;bottom: 8px;font-size: 0.7rem;color: #fff;text-shadow: 0 1px 4px rgba(0,0,0,0.8)}.hx-monitor-tc:empty{display: none}@media (hover: none),(pointer: coarse){.hx-monitor{display: none}}.hx-do{padding-top: clamp(56px,8vw,120px);padding-bottom: clamp(56px,8vw,120px);border-top: 1px solid var(--line)}.hx-do-text{margin: clamp(18px,2.4vw,32px) 0 0;font-size: clamp(1.8rem,0.9rem + 3.4vw,4.6rem);font-weight: 500;line-height: 1.06;letter-spacing: -0.045em;max-width: 20ch;color: var(--grey);text-wrap: balance}.hx-do-text a{color: var(--ink);text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 0.12em;text-decoration-color: rgba(17,17,17,0.22)}.hx-do-more{margin: clamp(24px,3vw,40px) 0 0;max-width: 70ch;color: var(--grey);line-height: 1.8}.hx-do-more span:first-child{margin-right: 6px}.hx-do-more a{color: var(--ink);text-decoration-color: rgba(17,17,17,0.3)}@media (hover: hover) and (pointer: fine){.hx-do-text a:hover,.hx-do-more a:hover{background: var(--hl);text-decoration-color: transparent}}.hx-about{margin-top: clamp(48px,6vw,88px);columns: 2 340px;column-gap: clamp(24px,4vw,64px);max-width: 1100px;color: var(--ink-2)}.hx-about p{break-inside: avoid}.hx-clients{padding-top: clamp(48px,6vw,96px);padding-bottom: clamp(48px,6vw,96px);border-top: 1px solid var(--line)}.hx-client-list{margin-top: clamp(18px,2.4vw,32px)}@media (max-width: 699px){.hx-open{height: calc(100svh - 120px);border-radius: 10px}.hx-h{font-size: clamp(2.5rem,1rem + 9vw,4rem);max-width: 9ch}.hx-btn{min-height: 48px;padding: 0 20px}.hx-strip-head .hx-all{display: none}.hx-open-in{padding-inline: 32px}}