@font-face{font-family:Manrope;font-style:normal;font-weight:400 500;font-display:swap;src:url(../../fonts/manrope-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Manrope Fallback;font-weight:400;src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:102.81%}@font-face{font-family:Manrope Fallback;font-weight:500;src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:104.66%}:root{--bg: #080a09;--surface: #141615;--text-muted: #7d7f7e;--text: #fdfffe;--accent: #72ffea;--line: #202221;--surface-2: #1b1b1c;--page-bg: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), var(--bg);--cyan: #72ffea;--cyan-rgb: 114 255 234;--magenta: #ff2d78;--magenta-rgb: 255 45 120;--black: #000;--white: #fff;--font: "Manrope", "Manrope Fallback", system-ui, sans-serif;--font-small: "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--ease-settle: cubic-bezier(.2, .8, .2, 1);--dur-zoom: .55s;--radius-xs: 2px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 28px;--fs-2xl: 40px;--gutter: 10.35%;--gutter-wide: 16.96%}:root[data-theme=light]{--bg: #f3f4f3;--surface: #ffffff;--text-muted: #696c6a;--text: #0b0d0c;--accent: #0a8f7e;--line: #e3e6e4;--surface-2: #eceeed;--page-bg: var(--bg);--rail-icon: #6b6b6b;--rail-icon-active: #00a685;color-scheme:light}html{margin:0;height:100%;background:var(--page-bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}@media(max-width:768px){:root{--gutter: 16px;--gutter-wide: 16px}}*{box-sizing:border-box}body{margin:0;height:100%;background:var(--page-bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}img{display:block}.icon{display:block;flex-shrink:0}[data-icon]{overflow:clip;overflow-clip-margin:content-box}.ic-inherit{overflow:visible;overflow-clip-margin:0px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.icon--flip{transform:scaleX(-1)}.ic-muted{color:var(--text-muted)}.ic-text{color:var(--text)}.ic-accent{color:var(--accent)}.ic-line{color:var(--line)}.ic-surface{color:var(--surface)}.ic-bg{color:var(--bg)}.ic-stroke-bg{stroke:var(--bg)}.ic-stroke-line{stroke:var(--line)}.h-page{margin:0;font-weight:500;font-size:var(--fs-2xl);line-height:48px;opacity:.7;white-space:nowrap}.h-section{margin:0;font-weight:400;font-size:30px;line-height:36px;opacity:.8}.t-body{font-size:var(--fs-md);line-height:24px}.t-lead{font-size:var(--fs-lg);line-height:24px}.t-muted{color:var(--text-muted)}.o-80{opacity:.8}.divider{display:block;width:100%;height:1px}@media(max-width:768px){.h-page{font-size:var(--fs-xl);line-height:36px;white-space:normal}.h-section{font-size:22px;line-height:28px}.t-lead{font-size:var(--fs-md);line-height:22px}}.hsvg{position:absolute;left:-19px;top:-40px;overflow:visible;transition:transform .35s var(--ease-spring)}.hsvg .ln,.hsvg .ln path{stroke-dasharray:1;stroke-dashoffset:1;animation:icon-draw .9s var(--ease-in-out) forwards;animation-delay:calc(var(--base, 0ms) + var(--d, 0) * 35ms)}.hsvg .ln path{animation-delay:inherit}.hsvg .nd{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:icon-pop .45s var(--ease-spring) forwards;animation-delay:calc(var(--base, 0ms) + .45s + var(--d, 0) * 70ms)}@keyframes icon-draw{to{stroke-dashoffset:0}}@keyframes icon-pop{to{transform:scale(1)}}.hsvg.isvg{position:static;transition:transform .35s var(--ease-spring)}.isvg .ln,.isvg .ln path{animation:none;stroke-dashoffset:0}.isvg .nd{animation:none;transform:none}.corners{position:absolute;inset:-2px 2px;opacity:0;pointer-events:none;transition:inset .35s var(--ease-spring),opacity .2s;z-index:1}.corners i{position:absolute;width:8px;height:8px;border:0 solid var(--accent)}.corners i:nth-child(1){left:0;top:0;border-left-width:1.5px;border-top-width:1.5px}.corners i:nth-child(2){right:0;top:0;border-right-width:1.5px;border-top-width:1.5px}.corners i:nth-child(3){right:0;bottom:0;border-right-width:1.5px;border-bottom-width:1.5px}.corners i:nth-child(4){left:0;bottom:0;border-left-width:1.5px;border-bottom-width:1.5px}@media(prefers-reduced-motion:reduce){.hsvg .ln,.hsvg .ln path,.hsvg .nd{animation:none!important}.hsvg .ln,.hsvg .ln path{stroke-dashoffset:0}.hsvg .nd{transform:none}.corners,.hsvg{transition:none}}.mask{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha}.mask--projects{-webkit-mask-image:url(../../img/icons/mask-projects.svg);mask-image:url(../../img/icons/mask-projects.svg);-webkit-mask-position:-427px -300px;mask-position:-427px -300px;-webkit-mask-size:calc(100% + 928px) calc(100% + 408px);mask-size:calc(100% + 928px) calc(100% + 408px)}.mask--works{-webkit-mask-image:url(../../img/icons/mask-works.svg);mask-image:url(../../img/icons/mask-works.svg);-webkit-mask-position:-462px -300px;mask-position:-462px -300px;-webkit-mask-size:calc(100% + 962px) calc(100% + 600px);mask-size:calc(100% + 962px) calc(100% + 600px)}.mask--works-offset{-webkit-mask-image:url(../../img/icons/mask-works.svg);mask-image:url(../../img/icons/mask-works.svg);-webkit-mask-position:-462px -438px;mask-position:-462px -438px;-webkit-mask-size:calc(100% + 962px) calc(100% + 738px);mask-size:calc(100% + 962px) calc(100% + 738px)}.mask--about{-webkit-mask-image:url(../../img/icons/mask-about.svg);mask-image:url(../../img/icons/mask-about.svg);-webkit-mask-position:-260px -300px;mask-position:-260px -300px;-webkit-mask-size:calc(100% + 552px) calc(100% + 526px);mask-size:calc(100% + 552px) calc(100% + 526px)}.mask--explore{-webkit-mask-image:url(../../img/icons/mask-works.svg);mask-image:url(../../img/icons/mask-works.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%}.ask-host{position:relative}.ask-host:has(>[hidden]){display:none}.ask-btn{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--accent);cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s,color .15s,border-color .15s}.ask-btn svg,.ask-btn--label svg{flex-shrink:0}.ask-host:hover .ask-btn,.ask-btn:focus-visible{opacity:1;transform:none}.ask-btn:hover{border-color:var(--accent);color:var(--accent)}.ask-btn--label{color:var(--text);background:transparent;cursor:pointer}@media(hover:none){.ask-btn{opacity:1;transform:none}}.btn-ic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .2s,background-color .2s}.btn-ic{position:relative}.btn-ic:hover{background:var(--line);border-color:transparent}.btn-ic[aria-current=page]{background:transparent;border-color:var(--line)}.tip{position:absolute;left:72px;top:50%;display:none;align-items:center;padding:8px 24px;transform:translateY(-50%);border:1px solid var(--line);border-radius:80px;background:var(--surface);font-weight:500;font-size:var(--fs-md);line-height:20px;color:var(--text-muted);white-space:nowrap;pointer-events:none}.tip__corner{position:absolute;left:-10px;top:50%;transform:translateY(-50%)}.btn-ic:hover:not([aria-current=page]) .tip{display:flex}@media(max-width:768px){.btn-ic{width:48px;height:48px;border-radius:var(--radius-lg)}}.btn-g{display:flex;gap:6px;align-items:center;border-radius:var(--radius-lg);font-weight:500;font-size:var(--fs-sm);line-height:16px;color:var(--text-muted);white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{padding:6px 10px;border:1px solid var(--bg);border-radius:var(--radius-sm);background:var(--line);font-weight:500;font-size:var(--fs-sm);line-height:14px;white-space:nowrap}.chip span{opacity:.7}.badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bc{display:flex;gap:6px;align-items:center;font-weight:500;font-size:12px;line-height:12px;letter-spacing:.24px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.bc--lg{font-weight:400;font-size:var(--fs-md);line-height:24px;letter-spacing:0;text-transform:none;color:var(--text)}.bc--lg span{opacity:.8}.btn-acc{display:inline-flex;gap:24px;align-items:center;padding:12px 28px;border:1px solid var(--line);border-radius:var(--radius-lg);font-size:var(--fs-md);line-height:24px;white-space:nowrap;transition:filter .2s,border-color .2s}.btn-acc--primary{background:var(--accent);color:var(--bg)}.btn-acc--primary:hover{filter:brightness(1.08)}.btn-acc--outline{border-color:var(--accent)}.btn-acc--ghost{gap:16px;padding:12px 20px;border-color:var(--text-muted)}.btn-acc--outline:hover,.btn-acc--ghost:hover{border-color:var(--text)}.btn-g{transition:color .15s}.btn-g:hover{color:var(--accent)}.btn-g[aria-current=page]{color:var(--text)}.btn-g--l{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-md);line-height:20px;color:var(--text-muted)}.chip{transition:background-color .15s,color .15s,border-color .15s}.chip:hover{background:var(--surface);border-color:var(--line);color:var(--accent)}.chip:hover span{opacity:1}.chip[aria-pressed=true]{background:var(--bg);border-color:var(--surface);color:var(--text)}.chip[aria-pressed=true] span{opacity:1}.bc span{transition:color .15s}.bc:hover span{color:var(--accent)}@media(max-width:768px){.btn-acc{gap:12px;padding:10px 16px;font-size:var(--fs-sm);line-height:20px}.btn-acc--ghost{gap:8px;padding:10px 14px}}.project-card{display:flex;align-items:flex-start;width:100%;padding:8px;border-radius:var(--radius-xs);background:var(--surface);transition:background-color .2s}.project-card__img{position:relative;width:var(--project-media-w);height:248px;overflow:hidden;opacity:.8;flex-shrink:0;transition:opacity .2s}.project-card__img img{position:absolute;top:0;left:calc(50% + 20px);height:110.08%;aspect-ratio:400 / 248;transform:translate(-50%);border-radius:var(--radius-xs);object-fit:cover}.project-card__info{display:flex;flex:1;flex-direction:column;gap:24px;align-self:stretch;min-width:0;padding:24px}.shot__info .title-row__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-card__desc{display:-webkit-box;margin-top:auto;max-width:700px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:var(--fs-md);line-height:24px;color:var(--text-muted)}.shot{position:relative;display:flex;flex-direction:column;width:456px;height:264px;padding:8px;border-radius:var(--radius-xs);background:var(--surface)}.shot--dim{opacity:.15}.shot--dim+.ask-btn{filter:opacity(.15)}.shot+.ask-btn,.grid-card+.ask-btn{top:16px;right:16px}.project-card+.ask-btn{top:16px;right:auto;left:calc(var(--project-media-w) - 40px)}.shot__img{position:relative;width:100%;aspect-ratio:400 / 225;overflow:hidden;opacity:.8;transition:opacity .2s}.shot__img img{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:400 / 225;transform:translate(-50%);border-radius:var(--radius-xs);object-fit:cover}.grid-card{display:flex;flex-direction:column;align-self:start;padding:8px;border-radius:var(--radius-xs);background:var(--surface)}.grid-card .shot__img img{width:100%}.grid-card__info{display:flex;flex-direction:column;gap:8px;padding:8px}.shot__img .shot__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xs);opacity:0;transition:opacity .25s}.shot__img .shot__video.is-playing{opacity:1}@media(max-width:1100px){.project-card__img{height:169px}}.project-card{box-shadow:inset 0 0 0 1px transparent;transition:background-color .2s,box-shadow .2s}.project-card:is(:hover,:has(+:hover)){background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.project-card__img img{transition:transform .3s}.project-card:is(:hover,:has(+:hover)) .project-card__img{opacity:1}.project-card:is(:hover,:has(+:hover)) .project-card__img img{transform:translate(-50%) scale(1.15)}.project-card:is(:hover,:has(+:hover)) .project-card__desc{max-width:none}.shot{box-shadow:inset 0 0 0 1px transparent}.shot__img img{transition:transform .3s}.shot:is(:hover,:has(+:hover)) .shot__img{opacity:1}.shot:is(:hover,:has(+:hover)) .shot__img img{transform:translate(-50%) scale(1.15)}.shot:is(:hover,:has(+:hover)) .shot__info{display:flex}.grid-card{box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s}.grid-card:is(:hover,:has(+:hover)){box-shadow:inset 0 0 0 1px var(--line)}.grid-card:is(:hover,:has(+:hover)) .shot__img{opacity:1}.grid-card:is(:hover,:has(+:hover)) .shot__img img{transform:translate(-50%) scale(1.15)}@media(max-width:768px){.project-card{flex-direction:column}.project-card__img{width:100%;height:auto;aspect-ratio:16 / 9}.project-card__img img{left:50%;width:100%;height:100%;aspect-ratio:auto}.project-card__info{gap:12px;padding:12px 8px 8px}.project-card__desc{font-size:var(--fs-sm);line-height:20px}.project-card+.ask-btn{right:16px;left:auto}}.grid-card[hidden]{display:none}.cli{display:flex;gap:2px;width:100%;max-width:1200px;overflow:hidden;border-radius:var(--radius-xl);flex-shrink:0}.cli__field{display:flex;flex:1;align-items:center;min-width:0;padding:32px;background:var(--surface)}.cli__input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 18px/20px var(--font);color:var(--text);caret-color:var(--accent)}.cli__input::placeholder{color:var(--text-muted)}.cli__send-wrap{display:flex;padding:32px;background:var(--surface)}.cli__send{display:flex;padding:12px;border:1px solid var(--accent);border-radius:var(--radius-lg)}.cli__send{transition:background-color .15s,border-color .15s}.cli__send:hover{background:var(--accent);border-color:var(--line)}.cli__send:hover .icon{color:var(--bg)}.say{position:absolute;left:72px;top:-104px;display:block;padding:10px 36px;border:1px solid var(--line);border-radius:80px;background:var(--surface);font-weight:500;font-size:24px;line-height:28px;color:var(--text);white-space:nowrap;pointer-events:none;z-index:2;opacity:0;transform:translateY(10px) scale(.85);transform-origin:0 100%;transition:opacity .2s,transform .2s}.say__corner{position:absolute;left:13px;bottom:-25px}.cli-dock{--cli-glide: var(--dur-zoom) var(--ease-out);--cli-spring: .5s var(--ease-spring);position:relative;display:flex;justify-content:flex-end;flex-shrink:0}.cli-btn{display:flex;gap:16px;align-items:center;width:112px;height:112px;padding:0 28px 0 45px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);transition:width var(--cli-glide),background-color .3s,border-color .3s,transform .2s,opacity .25s}.cli-btn__icon{display:flex;flex-shrink:0;transition:transform var(--cli-spring)}.cli-btn__text{display:flex;flex:1;gap:8px;align-items:center;min-width:0;font-weight:500;font-size:var(--fs-md);line-height:20px;color:var(--text);white-space:nowrap;opacity:0;transform:translate(-10px);filter:blur(4px);transition:opacity .2s,transform .2s,filter .2s}.cli-btn:hover,.cli-dock.is-input .cli-btn{width:min(676px,50vw);border-color:var(--accent);background:var(--bg)}.cli-btn:hover .cli-btn__icon{transform:translateY(-2px) scale(1.12) rotate(-6deg)}.cli-btn:hover .cli-btn__icon .icon{color:var(--text)}.cli-btn:hover .cli-btn__text{opacity:1;transform:none;filter:none;transition:opacity .4s .12s,transform var(--cli-glide) .12s,filter .4s .12s}.cli-btn:active{transform:scale(.98)}.cli-inline{position:absolute;right:0;bottom:0;display:flex;gap:16px;align-items:center;width:min(676px,50vw);height:112px;padding:0 28px 0 45px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg);opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .3s,transform var(--cli-glide),visibility 0s .3s}.cli-dock.is-input .cli-btn{opacity:0;visibility:hidden}.cli-dock.is-input .cli-inline{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform var(--cli-glide),visibility 0s}.cli-inline>*{transition:opacity .3s,transform var(--cli-glide),background-color .15s,border-color .15s}.cli-dock:not(.is-input) .cli-inline>*{opacity:0;transform:translateY(6px)}.cli-dock.is-input .cli-inline>:nth-child(2){transition-delay:.06s}.cli-dock.is-input .cli-inline>:nth-child(3){transition:opacity .3s .12s,transform var(--cli-spring) .12s,background-color .15s,border-color .15s}.cli-dock:not(.is-input) .cli-inline>.cli__send{transform:scale(.6)}.cli-inline__field{flex:1;min-width:0;display:flex}.cli-inline__input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 16px/20px var(--font);color:var(--text);caret-color:var(--accent)}.cli-inline__input::placeholder{color:var(--text-muted)}.corner-cli{position:absolute;right:16px;bottom:16px;z-index:4}.cli-dock[hidden]{display:none}.cli-dock .cli-inline.has-context{flex-wrap:wrap;row-gap:12px;height:auto;min-height:112px;padding:16px 20px 16px 28px}.cli-inline:not(.has-context)>.cli-context{display:none}.cli-context{display:flex;flex:0 0 100%;flex-direction:column;order:-1;gap:10px;min-width:0;max-width:100%}.cli-context__head{display:flex;gap:12px;align-items:center;min-width:0}.cli-context__attachment{position:relative;flex-shrink:0}.cli-context__thumb{display:block;width:72px;height:52px;border:1px solid var(--line);border-radius:10px;object-fit:cover}.cli-context__thumb[hidden]{display:none}.cli-context__title{flex:1;min-width:0;overflow:hidden;font-weight:500;font-size:var(--fs-sm);line-height:20px;color:var(--text);white-space:nowrap;text-overflow:ellipsis}.cli-context__clear{position:absolute;top:-6px;right:-6px;display:flex;width:20px;height:20px;padding:2px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.cli-context__clear:hover{border-color:var(--accent);color:var(--accent)}.cli-context__chips{display:flex;flex-wrap:wrap;gap:6px}.cli-context__chip{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font:500 13px/18px var(--font);color:var(--text);cursor:pointer;transition:border-color .15s,color .15s}.cli-context__chip:hover{border-color:var(--accent);color:var(--accent)}.cursor{position:relative;width:8px;height:16.5px;flex-shrink:0}.cursor>svg{position:absolute;inset:0;opacity:0;animation:cursor-frame 1.2s steps(1) infinite}@keyframes cursor-frame{0%{opacity:0}25%{opacity:1;color:var(--text-muted)}50%{opacity:1;color:var(--text)}75%,to{opacity:1;color:var(--accent)}}@media(prefers-reduced-motion:reduce){.cursor>svg{animation:none;opacity:1;color:var(--accent)}.cli-dock *{transition:none!important}}@media(max-width:768px){.say{left:44px;top:-72px;padding:8px 20px;font-size:var(--fs-md);line-height:20px}.cli-btn{width:72px;height:72px;padding:0 16px 0 25px}.cli-btn:hover,.cli-dock.is-input .cli-btn{width:72px}.cli-btn:hover .cli-btn__text{display:none}.cli-inline{width:100cqw;height:72px;padding:0 12px 0 20px;gap:12px}.cli-inline .cli__send{padding:8px}.corner-cli .cli-btn,.corner-cli .cli-btn:hover,.corner-cli.is-input .cli-btn{width:64px;height:64px;padding-left:21px;border-radius:var(--radius-lg)}.corner-cli .cli-inline{width:calc(100vw - 32px);height:64px;padding-left:21px;border-radius:var(--radius-lg)}.cli{border-radius:var(--radius-lg)}.cli__field{padding:16px}.cli__input{font-size:var(--fs-md)}.cli__send-wrap{padding:8px 12px;align-items:center}.cli__send{padding:8px}}.dd{position:relative;width:373px;border-radius:var(--radius-sm);background:var(--surface-2);flex-shrink:0}.dd__btn{display:flex;gap:2px;align-items:center;width:100%;overflow:hidden;border-radius:var(--radius-sm)}.dd__cell{display:flex;align-items:center;padding:12px;background:var(--surface)}.dd__label{display:flex;flex:1;gap:8px;align-items:center;min-width:0;padding:14px 20px;background:var(--surface);font-weight:500;font-size:var(--fs-lg);line-height:20px;white-space:nowrap}.dd__chevron{transition:transform .2s}.dd.is-open .dd__chevron{transform:rotate(180deg)}.dd__menu{position:absolute;top:calc(100% + 2px);left:0;right:0;display:none;flex-direction:column;gap:2px;max-height:244px;overflow-y:auto;border-radius:var(--radius-sm);background:var(--surface-2);z-index:3}.dd.is-open .dd__menu{display:flex}.pp{display:flex;gap:2px;align-items:center;width:100%;flex-shrink:0}.pp__num{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:48px;padding:14px 12px;background:var(--surface);font-weight:500;font-size:var(--fs-lg);line-height:20px;color:var(--text-muted)}.pp__body{display:flex;flex:1;gap:8px;align-items:center;min-width:0;padding:14px 20px;background:var(--surface);font-weight:500;font-size:var(--fs-lg);line-height:20px}.pp__name{flex:1;min-width:0;color:var(--text)}.pp__meta{color:var(--text-muted);white-space:nowrap}.pp:hover .pp__num,.pp:hover .pp__body{background:var(--bg)}.pp--social .pp__name{opacity:.5}.pp--social .pp__meta{font-size:var(--fs-md)}.pp--social:hover .pp__name{opacity:1}.pp--social:hover .pp__num{color:var(--accent)}@media(max-width:768px){.pp__body,.pp__num{font-size:var(--fs-md)}.dd{width:100%}.dd__label{padding:12px 16px;font-size:var(--fs-md)}}.dock{display:flex;gap:12px;align-items:flex-end;width:100%;container-type:inline-size}.dock--floating{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);width:auto;z-index:2}.heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;z-index:2}.actions{display:flex;gap:8px;align-items:flex-start}.actions--wide{gap:16px}.view-tab{display:flex;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.view-tab__divider{align-self:stretch;display:flex;align-items:center}.view-tab__divider>svg{height:100%}.dock--floating .vi__bar{height:96px}.dock .view-tab{flex:0 0 auto;gap:24px;height:96px;padding:0 32px;border-radius:var(--radius-xl)}.dock .view-tab__divider{align-self:center}.dock .view-tab__divider>svg{height:20px}.dock--floating .cli-btn{width:96px;height:96px;padding-left:37px}.dock--floating .cli-inline{height:96px;padding-left:37px}.dock--floating .cli-btn:hover,.dock--floating .cli-dock.is-input .cli-btn,.dock--floating .cli-inline{width:min(676px,50vw,100cqw - 496px)}@media(min-width:769px){.dock--floating .view-tab .btn-g--l{transition:gap .3s,font-size .3s}.dock--floating:has(.cli-dock.is-input) .view-tab .btn-g--l{gap:0;font-size:0}.dock--floating .cli-dock.is-input .cli-btn,.dock--floating .cli-inline{width:calc(100cqw - 344px)}}@media(prefers-reduced-motion:reduce){.dock--floating .view-tab .btn-g--l{transition:none}}.title-row{display:flex;gap:8px;align-items:flex-start}.title-row__name{flex:1;min-width:0;font-size:var(--fs-lg);line-height:24px;opacity:.8}.title-row__year{font-size:var(--fs-md);line-height:24px;color:var(--text-muted);white-space:nowrap}.shot__info{display:none;height:34px;padding:6px 8px 4px;background:var(--surface)}@media(max-width:768px){.dock{gap:8px}.heading{flex-wrap:wrap}.title-row__name{font-size:var(--fs-md);line-height:22px}.title-row__year{font-size:var(--fs-sm);line-height:22px}.dock--floating{bottom:16px}.dock--floating .vi__bar,.dock .view-tab{height:64px}.dock .view-tab{gap:14px;padding:0 16px;border-radius:var(--radius-lg)}.dock .view-tab .btn-g--l{gap:0;font-size:0}.dock--floating .vi{flex:0 0 64px;min-width:64px}.dock--floating .vi__bar{justify-content:center;padding:0}.dock--floating .view-tab{flex:1 1 auto;justify-content:space-evenly;min-width:0}.dock--floating .vi__bar{border-radius:var(--radius-lg)}.dock--floating .vi.is-open .vi__bar{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dock--floating .cli-btn,.dock--floating .cli-btn:hover,.dock--floating .cli-dock.is-input .cli-btn{width:64px;height:64px;padding-left:21px;border-radius:var(--radius-lg)}.dock--floating .cli-inline{width:100cqw;height:64px;padding-left:21px;border-radius:var(--radius-lg)}}.lightbox{position:relative;display:flex;flex-direction:column;gap:32px;align-items:center;width:min(1524px,100%);max-height:100%;padding:32px;overflow:hidden;background:var(--surface)}.lightbox__img{width:100%;aspect-ratio:1460 / 788;min-height:0;overflow:hidden;border-radius:var(--radius-sm)}.lightbox__img img,.lightbox__img video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xs)}.lightbox__img video{object-fit:contain;background:var(--black)}.lightbox__actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%}.lightbox__actions>:first-child{justify-self:start}.lightbox__actions>:nth-child(3){justify-self:end}.lightbox__nav,.lightbox__end{display:flex;gap:16px;align-items:center}.lightbox__count{min-width:72px;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-muted)}.lightbox__head{display:none}@media(max-width:768px){.lightbox{gap:16px;width:100%;height:100%;max-height:none;padding:16px}.lightbox__img{flex-shrink:0;margin-block:auto}.lightbox__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%}.lightbox__title{min-width:0;overflow:hidden;font-weight:500;font-size:22px;line-height:28px;white-space:nowrap;text-overflow:ellipsis}.lightbox__head .lightbox__count{min-width:0;flex-shrink:0;font-size:var(--fs-md);line-height:28px;text-align:right}.lightbox__img[data-from=right]{animation:lightbox-from-right .35s var(--ease-out)}.lightbox__img[data-from=left]{animation:lightbox-from-left .35s var(--ease-out)}@keyframes lightbox-from-right{0%{opacity:0;transform:translate(48px)}}@keyframes lightbox-from-left{0%{opacity:0;transform:translate(-48px)}}.lightbox__actions{grid-template-columns:1fr 1fr;gap:12px}.lightbox__nav{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lightbox__actions>:first-child{justify-self:start}.lightbox__actions>:last-child{justify-self:end}.lightbox__end{gap:8px}.lightbox__end .ask-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.lightbox__img{animation:none!important}}.overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;padding:64px 40px 64px 64px}.detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;flex:1;min-height:0;padding:32px;overflow:hidden;background:var(--surface)}.detail__media{display:flex;gap:16px;min-height:0;border-radius:var(--radius-sm)}.thumbs{display:flex;flex-direction:column;justify-content:space-between;gap:8px;width:155px;flex-shrink:0;overflow-y:auto}.thumb{position:relative;height:113px;flex-shrink:0;border:1px solid transparent;border-radius:var(--radius-xs);overflow:hidden}.thumb img,.thumb video,.thumb .icon{width:100%;height:100%;object-fit:cover}.thumb__play{position:absolute;left:50%;top:50%;display:flex;padding:6px;transform:translate(-50%,-50%);border:1px solid var(--surface);border-radius:32px;background:var(--line);pointer-events:none}.thumb[aria-current=true]{border-color:var(--accent)}.thumb img,.thumb video,.thumb .icon{opacity:.5;transition:opacity .2s}.thumb:hover img,.thumb:hover video,.thumb:hover .icon{opacity:.8}.thumb[aria-current=true] img,.thumb[aria-current=true] video,.thumb[aria-current=true] .icon{opacity:1}.detail__main{flex:1;min-width:0;max-height:859px;border-radius:var(--radius-xs);overflow:hidden}.detail__main img,.detail__main video{display:block;width:100%;height:100%;object-fit:cover}.detail__main video{object-fit:contain;background:var(--black)}.info{display:flex;flex-direction:column;gap:24px;padding:40px 0;min-height:0;overflow-y:auto}.info__title{margin:0;font-weight:500;font-size:var(--fs-2xl);line-height:48px;opacity:.7}.info__block{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-md);line-height:24px}.info__block>*{opacity:.8}.info__block>.t-muted{opacity:1}.info__block>.badges{opacity:1}.info__pre{white-space:pre-wrap}.info__row{display:flex;flex-wrap:wrap;gap:56px;font-size:var(--fs-md);line-height:24px}.info__cta{display:flex;flex:1;flex-wrap:wrap;gap:12px;align-items:flex-end}.detail__close{position:absolute;top:32px;right:32px;border-radius:var(--radius-lg)}.overlay:focus{outline:none}.overlay--blur{align-items:center;justify-content:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#00000005}@media(max-width:1100px){.detail{grid-template-columns:1fr;overflow-y:auto}.detail__media{flex-direction:column-reverse}.thumbs{flex-direction:row;justify-content:flex-start;width:auto;overflow:auto hidden}.thumb{width:120px;height:80px}}@media(max-width:768px){.overlay{position:fixed;inset:0;padding:0}.detail{display:flex;flex-direction:column;gap:16px;padding:12px}.detail__media{flex-shrink:0}.detail__main{aspect-ratio:4 / 3;max-height:none}.detail__close{top:20px;right:20px;z-index:2;padding:10px;border-radius:var(--radius-md);background:var(--surface)}.info{gap:16px;padding:0 4px 96px;overflow:visible}.info__title{font-size:var(--fs-xl);line-height:34px}.info__row{gap:24px}.overlay--blur{padding:0;background:var(--surface)}}.info__body{display:flex;flex-direction:column;gap:24px}@media(min-width:769px){.info{overflow:hidden}.info__body{flex:0 1 auto;min-height:0;overflow-y:auto}.info__cta{flex:1 0 auto}}@media(max-width:768px){.info__body{gap:16px}}.app{position:relative;display:flex;gap:8px;align-items:center;height:100vh;height:100dvh;min-height:640px;padding:16px;isolation:isolate}.rail{display:flex;flex-direction:column;gap:8px;align-items:flex-start;height:100%;flex-shrink:0;z-index:3}.rail__drawer{display:contents}.rail__menu{display:flex;flex:1;flex-direction:column;gap:8px;justify-content:center}.logo{display:flex;padding:8px;border-radius:var(--radius-lg);background:var(--surface)}.rail__burger,.rail__label,.rail__chevron,.theme-row,.switch{display:none}.main{position:relative;flex:1;min-width:0;height:100%;z-index:1}.page{position:absolute;inset:0;display:flex;flex-direction:column}.page--list{gap:48px;padding:56px var(--gutter) 0}.rail__menu .btn-ic:hover>.icon,.rail__menu .btn-ic[aria-current=page]>.icon{color:var(--accent)}.theme-btn{color:var(--text)}.theme-btn>svg{display:block;width:24px;height:24px;fill:currentColor;transition:transform .5s var(--ease-spring)}.theme-btn:hover{color:var(--accent)}.theme-btn:hover>svg{transform:rotate(-30deg) scale(1.08)}.theme-btn .theme-btn__moon,:root[data-theme=light] .theme-btn .theme-btn__sun{display:none}:root[data-theme=light] .theme-btn .theme-btn__moon{display:block}.logo{position:relative}.logo .corners{inset:2px}.logo .icon{transition:transform .35s var(--ease-spring)}.logo:hover .corners,.logo:focus-visible .corners{inset:-6px;opacity:1}.logo:hover .icon,.logo:focus-visible .icon{transform:translateY(-2px) scale(1.04)}@media(prefers-reduced-motion:reduce){.logo .icon{transition:none}}@media(max-width:768px){.app{flex-direction:column;align-items:stretch;gap:8px;height:100vh;height:100dvh;min-height:0;padding:16px 0 0}.rail{position:relative;flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:0 16px}.logo{padding:4px;border-radius:var(--radius-lg)}.logo .icon{width:40px;height:40px}.rail__burger{display:flex;color:var(--text)}.rail__burger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.rail__burger-close,.rail.is-open .rail__burger-open{display:none}.rail.is-open .rail__burger-close{display:block}.rail.is-open .rail__burger{border-color:var(--line);color:var(--accent)}.logo,.rail__burger{position:relative;z-index:2}.rail.is-open:before{content:"";position:fixed;top:0;left:0;right:0;z-index:1;height:88px;background:linear-gradient(var(--bg) 72px,transparent);pointer-events:none}.rail__drawer{position:fixed;inset:0;z-index:0;display:none;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto 1fr auto;gap:4px;padding:80px 16px 0;overflow-y:auto;background:var(--bg);animation:rail-page-in .3s ease both}.rail.is-open .rail__drawer{display:grid}.rail__menu{grid-row:2;flex:none;flex-direction:column;gap:4px}.rail__drawer>.share{grid-row:3}.rail__drawer>.theme-btn{grid-row:5;margin-top:16px}.rail__menu>*,.rail__drawer>.share,.rail__drawer>.theme-btn{animation:rail-row-in .45s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 50ms)}.rail__menu>:nth-child(2){--i: 1}.rail__menu>:nth-child(3){--i: 2}.rail__menu>:nth-child(4){--i: 3}.rail__drawer>.share{--i: 4}.rail__drawer>.theme-btn{--i: 5}@keyframes rail-page-in{0%{opacity:0}}@keyframes rail-row-in{0%{opacity:0;transform:translateY(12px)}}body:has(.rail.is-open) .footer{display:none}.rail__drawer .btn-ic{justify-content:flex-start;gap:20px;width:100%;height:64px;padding:0 16px;border-color:transparent;border-radius:var(--radius-lg);background:transparent}.rail__drawer .btn-ic:hover{background:var(--surface)}.rail__drawer .btn-ic[aria-current=page]{border-color:var(--line);background:var(--surface)}.rail__drawer .tip,.rail__drawer .btn-ic:hover .tip,.rail__label{position:static;display:flex;padding:0;transform:none;border:0;background:none;font-weight:500;font-size:var(--fs-md);line-height:20px;color:var(--text)}.rail__menu .tip,.rail__menu .btn-ic:hover .tip,.rail__drawer .share .rail__label{font-size:var(--fs-xl);line-height:36px;opacity:.8}.rail__menu .tip,.rail__menu .btn-ic:hover .tip{white-space:normal}.rail__drawer .tip__corner{display:none}.rail__drawer .btn-ic[aria-current=page] .tip{color:var(--accent);opacity:1}.rail__chevron{margin-left:auto;width:24px;height:24px;fill:none;stroke:var(--text-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s,stroke .2s}.rail__drawer .rail__chevron{display:block}.rail__drawer .share.is-open .btn-ic{border-color:transparent;background:transparent}.rail__drawer .share.is-open .rail__label{color:var(--accent);opacity:1}.rail__drawer .share__list{gap:0;margin:4px 0 0 44px;overflow:visible;border-radius:0;background:none;animation:rail-row-in .3s var(--ease-out) both}.rail__drawer .share__list .pp{height:56px;padding:0 16px;border-radius:var(--radius-md);transition:background-color .15s}.rail__drawer .share__list .pp__num{display:none}.rail__drawer .share__list .pp__body,.rail__drawer .share__list .pp:hover .pp__body{padding:0;background:none}.rail__drawer .share__list .pp:hover{background:var(--surface)}.rail__drawer .share__list .pp__name{font-size:var(--fs-xl);line-height:36px;opacity:.6}.rail__drawer .share__list .pp:hover .pp__name{opacity:1}.rail__drawer .share__list .pp__meta{font-size:var(--fs-md);line-height:36px}.rail__drawer>.theme-btn{position:sticky;bottom:24px;z-index:1;justify-content:space-between;gap:16px;height:auto;margin-bottom:24px;padding:16px 20px;border-color:var(--line);background:var(--surface);box-shadow:0 24px 0 0 var(--bg),0 -16px 24px 8px var(--bg)}.rail__drawer>.theme-btn:hover{background:var(--surface)}.rail__drawer>.theme-btn>svg,.rail__drawer>.theme-btn .tip{display:none!important}.rail__drawer .theme-row{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.theme-row__title{font-weight:500;font-size:var(--fs-lg);line-height:24px;color:var(--text)}.theme-row__sub{font-size:var(--fs-sm);line-height:20px;color:var(--text-muted)}.rail__drawer .switch{position:relative;display:block;flex-shrink:0;width:52px;height:32px;border-radius:var(--radius-lg);background:var(--line);transition:background-color .25s}.switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #00000040;transition:transform .3s var(--ease-spring),background-color .25s}.theme-btn[aria-checked=true] .switch{background:var(--accent)}.theme-btn[aria-checked=true] .switch:after{transform:translate(20px);background:var(--bg)}.main{flex:1;height:auto;min-height:0;overflow:hidden}.page--list{gap:16px;padding:8px var(--gutter) 0}.main:has(>.overlay){z-index:4}}@media(prefers-reduced-motion:reduce){.rail__drawer,.rail__drawer>*,.rail__menu>*,.rail__drawer .share__list{animation:none!important}}@media(max-width:768px){.page[data-view]>.heading>.dd{display:none}}@media(min-width:769px){:root[data-theme=light] .rail .btn-ic{background:var(--line);border-color:transparent}:root[data-theme=light] .rail .btn-ic>.icon{color:var(--rail-icon)}:root[data-theme=light] .rail .theme-btn{color:var(--text-muted)}:root[data-theme=light] .rail .theme-btn:hover{color:var(--rail-icon-active)}:root[data-theme=light] .rail .btn-ic:hover,:root[data-theme=light] .rail .btn-ic[aria-current=page],:root[data-theme=light] .rail .share.is-open .btn-ic{background:var(--surface);border-color:var(--line)}:root[data-theme=light] .rail .btn-ic:hover>.icon,:root[data-theme=light] .rail .btn-ic[aria-current=page]>.icon,:root[data-theme=light] .rail .share.is-open .btn-ic>.icon{color:var(--rail-icon-active)}}.reel{--reel-w: min(960px, 100cqw - 416px);--reel-ease: .4s var(--ease-settle);position:relative;display:flex;align-items:center;flex:0 1 calc((100cqw - 136px)/2);min-width:0;height:112px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);transition:flex-basis var(--reel-ease),height var(--reel-ease),border-color .2s,background-color .2s}.reel:hover{transition-delay:.1s,.1s,0s,0s}.reel:hover,.reel:has(:focus-visible){flex-basis:var(--reel-w);height:calc(var(--reel-w) * 9 / 16)}.reel__play{display:flex;justify-content:flex-end;width:112px;padding:32px;overflow:hidden;background:var(--surface);flex-shrink:0;transition:width var(--reel-ease),padding var(--reel-ease),opacity .2s}.reel:hover .reel__play,.reel:has(:focus-visible) .reel__play{width:0;padding-inline:0;opacity:0}.icon-box{display:flex;padding:10px;border:1px solid var(--surface);border-radius:var(--radius-sm);background:var(--line);flex-shrink:0}.reel__video{flex:1;height:100%;min-width:0;overflow:hidden;border-radius:var(--radius-lg);transition:border-radius var(--reel-ease)}.reel__video img,.reel__video video{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity var(--reel-ease)}.reel:hover .reel__video,.reel:has(:focus-visible) .reel__video{border-radius:23px}.reel:hover .reel__video :is(img,video),.reel:has(:focus-visible) .reel__video :is(img,video){opacity:1}.reel-full{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:reel-full-in .4s ease both}.reel-full.is-closing{animation:reel-full-out .45s ease both}.reel-full video{width:min(100vw,100vh * 16 / 9);aspect-ratio:16 / 9;object-fit:contain;background:var(--black);transform-origin:0 0}.reel-full .reel-full__close{position:absolute;top:16px;right:16px;animation:reel-full-in .3s .35s ease both}@keyframes reel-full-in{0%{opacity:0}}@keyframes reel-full-out{to{opacity:0}}.reel__center{position:absolute;left:50%;top:50%;display:flex;padding:10px;border:1px solid var(--surface);border-radius:32px;background:var(--line);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .2s,transform var(--reel-ease);pointer-events:none}.reel:hover .reel__center,.reel:has(:focus-visible) .reel__center{opacity:1;transform:translate(-50%,-50%)}.reel__hit{position:absolute;inset:0;border-radius:inherit}.reel__hit:focus-visible{outline:none}@media(max-width:1100px){.reel{display:none}}.reel:hover,.reel:has(:focus-visible){background:var(--bg);border-color:var(--accent)}.reel:hover .reel__play .icon{color:var(--accent)}@media(prefers-reduced-motion:reduce){.reel,.reel *{transition:none!important}}.reel__video{display:block}.share>.btn-ic:hover>.icon{color:var(--accent)}.share.is-open .btn-ic{background:transparent;border-color:var(--line)}.share.is-open .btn-ic>.icon{color:var(--accent)}.share{position:relative}.share__list{position:absolute;left:80px;bottom:0;display:none;flex-direction:column;gap:1px;width:373px;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-2);z-index:10}.share.is-open .share__list{display:flex}@media(max-width:768px){.share.is-open .rail__chevron{transform:rotate(180deg);stroke:var(--accent)}.share__list{position:static;width:auto;border-radius:var(--radius-md)}}.vi{position:relative;display:flex;flex:1 1 0;flex-direction:column;min-width:96px;border-radius:var(--radius-xl);background:var(--bg);container:vi / inline-size}.vi__section{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--surface)}.vi__body{position:absolute;left:0;right:0;bottom:calc(100% + 2px);display:none;flex-direction:column;gap:2px;max-height:var(--vi-max, calc(100vh - 220px) );overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--bg);z-index:3}.vi.is-open .vi__body{display:flex}.vi__heading{display:flex;gap:16px;align-items:center}.vi__title{display:flex;flex:1;gap:8px;align-items:center;font-weight:500;font-size:var(--fs-sm);line-height:14px}.vi__sub{display:flex;flex-direction:column;gap:10px;padding-left:14px;border-left:1px solid var(--line)}.vi__sub-title{font-weight:500;font-size:var(--fs-sm);line-height:14px;color:var(--text-muted)}.vi__bar{display:flex;align-items:center;height:112px;padding:0 24px;border:1px solid var(--line);border-radius:var(--radius-xl);flex-shrink:0}.vi.is-open .vi__bar{border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--surface)}.vi__toggle{display:flex;flex:1;gap:24px;align-items:center;min-width:0;border-radius:var(--radius-lg)}.vi__label{display:flex;flex:1;flex-direction:column;gap:4px;justify-content:center;min-width:0;font-weight:500}.vi__name{font-size:var(--fs-md);line-height:20px}.vi__count{display:flex;gap:4px;font-size:var(--fs-sm);line-height:16px}.vi__count b{font-weight:500;opacity:.7}.vi__filtered{display:flex;gap:4px;margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}.vi__filtered b{color:var(--text);opacity:1}.vi__toggle{flex:0 1 auto}.vi__spacer{flex:1;align-self:stretch;cursor:pointer}.vi__reset{display:flex;flex-shrink:0;margin:24px 0 0 8px;padding:2px;border-radius:4px;color:var(--text-muted);transition:color .15s}.vi__reset:hover{color:var(--accent)}.vi__reset[hidden],.vi.is-open .vi__reset,.vi.is-open .vi__filtered{display:none}.vi__toggle .icon-box{position:relative}.vi.is-spinning .icon-box{border-color:var(--accent);box-shadow:0 0 16px rgb(var(--cyan-rgb) / .25);transition:border-color .3s,box-shadow .3s}.vi.is-spinning .icon-box .icon{animation:vi-spin .65s var(--ease-in-out) both,vi-tint .65s var(--ease-in-out) both}@keyframes vi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vi-tint{0%{color:var(--text)}to{color:var(--accent)}}.vi__explore{display:none;gap:8px;align-items:flex-start;margin-right:24px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-weight:500;font-size:var(--fs-md);line-height:20px;color:var(--accent);white-space:nowrap}.vi.is-open .vi__explore{display:flex}.vi__chevron-open{display:none}.vi__chevron{flex-shrink:0;color:var(--text-muted);cursor:pointer;transition:color .15s}.vi__bar:hover .vi__chevron{color:var(--accent)}.vi.is-open .vi__chevron-open{display:block}.vi.is-open .vi__chevron-closed{display:none}.vi__explore:hover{border-color:var(--accent)}.vi__bar{overflow:hidden;transition:border-color .15s}.vi__label,.vi__name{white-space:nowrap}.vi__label{overflow:hidden}.vi__label.is-clipped{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}@container vi (width < 200px){.vi__bar{justify-content:center}.vi__toggle{flex:0 0 auto}.vi__label,.vi__explore,.vi__chevron-closed,.vi__chevron-open,.vi__reset,.vi__spacer{display:none!important}}.vi:not(.is-open) .vi__bar:hover{border-color:var(--accent)}.vi:not(.is-open) .vi__bar:hover .icon-box .icon{color:var(--accent)}@media(max-width:768px){.vi{position:static;min-width:64px}.vi__bar{height:72px;padding:0 16px}.vi__toggle{gap:16px}.vi__body{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.vi__section{padding:16px}.vi__heading{flex-wrap:wrap;gap:8px 12px}.vi__title{flex:1 0 auto}.vi__explore{margin-right:12px;padding:6px 10px;font-size:var(--fs-sm)}.vi.is-open .vi__label{display:none}.vi__name{white-space:normal;text-wrap:balance;line-height:18px}}:root[data-theme=light] .about__avatar img{filter:brightness(.5) contrast(1.35)}:root[data-theme=light] .glitch:before,:root[data-theme=light] .glitch:after{mix-blend-mode:multiply}.about{flex-direction:row;gap:96px;align-items:flex-start;padding:0 var(--gutter);overflow-y:auto}.about>*{margin-top:112px}.about__avatar{position:relative;display:block;width:153px;height:240px;flex-shrink:0}.about__avatar img{width:100%;height:100%;object-fit:cover}.glitch:before,.glitch:after{content:"";position:absolute;inset:0;background:var(--glitch-img) center / cover no-repeat,var(--cyan);background-blend-mode:multiply;-webkit-mask:var(--glitch-img) center / cover no-repeat;mask:var(--glitch-img) center / cover no-repeat;mix-blend-mode:screen;opacity:0;pointer-events:none}.glitch:after{background-color:var(--magenta)}.glitch.is-glitching img{animation:glitch-base .6s steps(1,end)}.glitch.is-glitching:before{animation:glitch-slice .6s steps(1,end)}.glitch.is-glitching:after{animation:glitch-slice .6s steps(1,end) reverse}@keyframes glitch-base{0%{transform:translate(-3px)}10%{transform:translate(4px)}20%{transform:translate(-2px)}35%{transform:translate(2px) skew(-4deg)}50%{transform:translate(-1px)}60%,to{transform:none}}@keyframes glitch-slice{0%{opacity:.9;clip-path:inset(8% 0 78% 0);transform:translate(-10px)}12%{opacity:.9;clip-path:inset(40% 0 42% 0);transform:translate(8px)}24%{opacity:.8;clip-path:inset(70% 0 12% 0);transform:translate(-6px)}36%{opacity:.9;clip-path:inset(22% 0 60% 0);transform:translate(5px)}48%{opacity:.7;clip-path:inset(55% 0 30% 0);transform:translate(-4px)}60%{opacity:.6;clip-path:inset(0 0 85% 0);transform:translate(3px)}72%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}}.about__body{display:flex;flex:1;flex-direction:column;gap:48px;min-width:0;padding-bottom:240px}.about__head{display:flex;flex-direction:column;gap:16px}.about__lead{max-width:704px}.about__avatar{position:sticky;top:24px}.about__head{position:sticky;top:0;z-index:2;margin:-24px 0;padding:24px 0;background:linear-gradient(var(--bg) calc(100% - 24px),transparent)}.reveal{opacity:0;translate:0 64px;scale:calc(.94 - var(--under, 0) * .08);transform-origin:50% 0;filter:opacity(calc(1 - var(--under, 0)));transition:opacity 1.1s ease,translate 1.1s var(--ease-out-soft),scale 1.1s var(--ease-out-soft)}.reveal.is-in{opacity:1;translate:none;scale:calc(1 - var(--under, 0) * .08)}.reveal.o-80.is-in{opacity:.8}.reveal.is-in.is-settled{transition:opacity 1.1s ease,translate 1.1s var(--ease-out-soft)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none;scale:none;transition:none;filter:none}.reveal.o-80{opacity:.8}}.socials{display:flex;justify-content:flex-end;gap:16px}.socials a{opacity:.8;transition:opacity .2s}.socials a:hover{opacity:1}.socials .icon{overflow:clip;overflow-clip-margin:content-box;color:var(--text-muted)}.cols-2{display:flex;gap:32px}.cols-2>*{flex:1;min-width:0}.cols-2 p+p{margin-top:16px}.cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.fact,.industry{display:flex;flex-direction:column;gap:8px}@media(max-width:1440px){.about{gap:48px}}@media(max-width:1100px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.industry:hover .isvg{transform:translateY(-2px) scale(1.04)}.industry:hover .isvg .ln,.industry:hover .isvg .ln path{stroke-dashoffset:1;animation:icon-draw .7s var(--ease-in-out) forwards;animation-delay:calc(var(--d, 0) * 30ms)}.industry:hover .isvg .nd{transform:scale(0);animation:icon-pop .45s var(--ease-spring) forwards;animation-delay:calc(.35s + var(--d, 0) * 60ms)}@media(prefers-reduced-motion:reduce){.industry:hover .isvg .ln,.industry:hover .isvg .ln path{stroke-dashoffset:0}.industry:hover .isvg .nd{transform:none}}@media(max-width:768px){.about{flex-direction:column;gap:24px;padding-bottom:0}.about>*{margin-top:0}.about>:first-child{margin-top:16px}.about__avatar{position:relative;top:auto;width:96px;height:150px}.about__body{gap:32px;width:100%;padding-bottom:120px}.about__head{gap:12px}.about .socials{display:none}.cols-2{flex-direction:column;gap:16px}.cols-4{gap:24px 16px}.industry .hsvg{width:64px;height:64px}}:root[data-theme=light] .msg-group__avatar{filter:brightness(.5) contrast(1.35)}.contact{gap:48px;padding:112px var(--gutter-wide) 104px}.contact__intro{width:704px;max-width:100%}.chat{display:flex;flex:1;flex-direction:column;gap:16px;min-height:0}.chat__log{display:flex;flex:1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto}.msg-group{display:flex;gap:24px;align-items:flex-start;padding:8px 8px 8px 24px}.msg-group__avatar{width:40px;height:63px;object-fit:cover;flex-shrink:0}.msg-group__list{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.bubble{padding:16px 24px;border-radius:var(--radius-xl);font-weight:500;font-size:var(--fs-lg);line-height:20px}.bubble--bot{border:2px solid var(--surface);color:var(--text-muted)}.bubble--me{background:var(--surface);color:var(--text);white-space:pre-wrap}.bubble--typing{display:flex;gap:6px;align-items:center}.bubble--typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typing-dot 1s ease-in-out infinite}.bubble--typing span:nth-child(2){animation-delay:.15s}.bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.msg-me{display:flex;justify-content:flex-end;padding:8px 8px 8px 24px}.footer{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:16px 72px;padding:24px 32px 24px 152px;opacity:.4;font-family:var(--font-small);font-size:var(--fs-md);line-height:20px;color:var(--text-muted);z-index:0}.footer__socials{display:flex;justify-content:space-between;width:255px}.footer__socials .icon{width:23.881px;height:23.881px}@media(max-width:1440px){.footer{grid-template-columns:minmax(0,1fr) auto auto;padding-left:112px}.footer__socials{display:none}}@media(max-width:768px){.contact{gap:16px;padding:8px var(--gutter-wide) 72px}.contact__intro{font-size:var(--fs-lg);line-height:24px}.msg-group{gap:12px;padding:4px 0}.msg-group__avatar{width:32px;height:50px}.msg-me{padding:4px 0 4px 24px}.bubble{padding:12px 16px;border-radius:20px;font-size:var(--fs-md);line-height:20px}.footer{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 16px;padding:12px 16px;font-size:12px;line-height:16px}}:root[data-theme=light] .word__avatar img{filter:brightness(.5) contrast(1.35)}:root[data-theme=light] .word--name:not(:hover) .word__avatar-idle{opacity:1}:root[data-theme=light] img[data-avatar]{filter:brightness(.95) contrast(1.15)}.home{gap:112px;justify-content:flex-end;padding:188px var(--gutter) 148px}.home__hero{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0}.hero-text{margin:0;font-weight:400;display:flex;flex-wrap:wrap;align-content:flex-end;align-items:flex-end;gap:14px 12px;max-width:1200px}.hero-text>*{white-space:nowrap}.hero-group{display:contents}.hero-group--pair{display:inline-flex;align-items:flex-end;gap:inherit}.word__punct{position:relative;z-index:1;margin-left:.3em;font-size:1.2em;font-weight:400;line-height:0}a.word:hover .word__punct,a.word--split:hover+.word--split-end .word__punct{color:var(--bg)}.hw-lg{font-size:48px;line-height:56px;opacity:.5}.hw-md{font-size:var(--fs-2xl);line-height:48px;opacity:.4}.word{display:flex;gap:10px;align-items:center;justify-content:center;font-weight:500;font-size:var(--fs-2xl);line-height:48px}.word__label{opacity:.6;transition:opacity .2s,color .2s}.word__icon{position:relative;width:90px;height:48px;flex-shrink:0}.word__icon img{position:absolute;left:-19px;top:-40px;width:128px;height:128px}.word__icon--cc img{left:-18px}.word--name{height:56px;align-items:flex-end}.word--name .word__label{opacity:.7}:root[data-theme=light] .hero-text .hw-lg,:root[data-theme=light] .hero-text .hw-md{opacity:.6}:root[data-theme=light] .hero-text .word__label{opacity:1;color:var(--black)}.word__avatar{position:relative;width:88px;height:139px;flex-shrink:0}.word__avatar>img{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:1160 / 1824;transform:translate(-50%);object-fit:cover;opacity:.7;transition:opacity .2s}@media(max-width:1440px){.hw-lg{font-size:var(--fs-2xl);line-height:48px}.hw-md,.word{font-size:32px;line-height:40px}.home{padding-top:96px;padding-bottom:96px;gap:64px}}.word__icon .i-hot{position:absolute;display:none}a.word:is(:hover,:has(+.word--split-end:hover)) .word__label,a.word--split:hover+.word--split-end .word__label{opacity:1}a.word--split:focus-visible+.word--split-end .word__label{outline:1px solid var(--accent);outline-offset:2px}a.word:is(:hover,:has(+.word--split-end:hover)) .word__icon .i-idle{display:none}a.word:is(:hover,:has(+.word--split-end:hover)) .word__icon .i-hot{display:block}.word__avatar .word__avatar-hot{left:0;top:-24px;width:104px;height:163px;transform:none;aspect-ratio:auto;opacity:0;transition:opacity .35s ease}.word__avatar-idle{transition:opacity .35s ease,filter .35s ease}.word--name:hover .word__avatar-idle{opacity:0;filter:blur(2px)}.word--name:hover .word__avatar-hot{opacity:1;animation:avatar-glitch .6s steps(1,end) both}@keyframes avatar-glitch{0%{clip-path:inset(0 0 82% 0);transform:translate(-6px);filter:drop-shadow(-3px 0 var(--cyan)) drop-shadow(3px 0 var(--magenta))}8%{clip-path:inset(38% 0 40% 0);transform:translate(6px)}16%{clip-path:inset(8% 0 62% 0);transform:translate(-4px)}24%{clip-path:inset(66% 0 6% 0);transform:translate(4px)}32%{clip-path:inset(20% 0 30% 0);transform:translate(-3px)}40%{clip-path:inset(0 0 12% 0);transform:translate(2px);filter:drop-shadow(-2px 0 rgb(var(--cyan-rgb) / .7)) drop-shadow(2px 0 rgb(var(--magenta-rgb) / .5))}52%{clip-path:inset(0);transform:translate(-1px);filter:drop-shadow(-1px 0 rgb(var(--cyan-rgb) / .5))}64%,to{clip-path:inset(0);transform:none;filter:none}}.word__avatar:after{content:"";position:absolute;left:0;top:-24px;width:104px;height:163px;background:linear-gradient(transparent 0%,rgb(var(--cyan-rgb) / .55) 45%,transparent 60%) 0 -163px / 100% 100% no-repeat,repeating-linear-gradient(transparent 0 2px,rgb(var(--cyan-rgb) / .35) 2px 3px);-webkit-mask:var(--avatar-hot) center / 100% 100% no-repeat;mask:var(--avatar-hot) center / 100% 100% no-repeat;mix-blend-mode:screen;opacity:0;pointer-events:none}.word--name:hover .word__avatar:after{animation:avatar-scan .7s var(--ease-in-out) both}@keyframes avatar-scan{0%{opacity:0;background-position:0 -163px,0 0}15%{opacity:1}70%{opacity:.8}to{opacity:0;background-position:0 163px,0 12px}}.word--name:hover .say{opacity:1;transform:none;transition:opacity .3s .3s,transform .5s var(--ease-spring) .3s}@media(prefers-reduced-motion:reduce){.word__avatar *,.word__avatar:after{animation:none!important}}.hero-text>:not(.hero-group),.hero-group>*{animation:hero-rise .7s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes hero-rise{0%{opacity:0;transform:translateY(.35em);filter:blur(6px)}}.word__icon--cc .hsvg{left:-18px}@media(max-width:1440px){.word__icon{width:72px;height:40px}.word__icon img,.word__icon .hsvg{left:-15px;top:-31px;width:102px;height:102px}}@media(min-width:769px)and (max-height:800px){.home{padding-top:80px;padding-bottom:0;gap:16px;justify-content:flex-start;overflow-y:auto}.home__hero{flex:1 0 auto}}.hero-text.is-drawn .word__icon .i-idle .ln,.hero-text.is-drawn .word__icon .i-idle .ln path{animation:none;stroke-dashoffset:0}.hero-text.is-drawn .word__icon .i-idle .nd{animation:none;transform:none}a.word:is(:hover,:has(+.word--split-end:hover)) .word__icon .hsvg.i-hot :is(.ln,.ln path){animation-duration:.6s}a.word:is(:hover,:has(+.word--split-end:hover)) .hsvg{transform:translateY(-2px) scale(1.04)}a.word:is(:hover,:has(+.word--split-end:hover)) .corners{inset:-10px -6px;opacity:1}.word__label{position:relative;margin:0 -.1em;padding:0 .1em}.word__label:after{content:attr(data-label);content:attr(data-label) / "";position:absolute;inset:0;padding:inherit;background:var(--text);color:var(--bg);clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--ease-in-out);pointer-events:none}a.word:is(:hover,:has(+.word--split-end:hover)) .word__label:after,a.word--split:hover+.word--split-end .word__label:after{clip-path:inset(0 0 0 0)}.word--name .word__label:after{content:none}@media(prefers-reduced-motion:reduce){.hero-text>*,.hero-group>*{animation:none!important}.word__label:after{transition:none}}@media(max-width:768px){.home{gap:16px;justify-content:flex-start;padding:16px var(--gutter);overflow-y:auto}.home__hero{flex:1 0 auto}.hero-text{--u: min(1px, (100vw - 32px) / 343);gap:0 calc(6 * var(--u));padding-top:calc(48 * var(--u))}.hero-text>span{white-space:normal}.hero-text>.hero-group{display:inline-flex;align-items:flex-end;gap:calc(6 * var(--u));white-space:nowrap}.hero-group>.hw-lg:last-child{margin-left:calc(-4 * var(--u))}.hero-text>.hero-group--run{display:block;font-size:calc(26 * var(--u));line-height:calc(44 * var(--u));white-space:normal}.hero-group--run>*{display:inline}.hw-lg{font-size:calc(30 * var(--u));line-height:calc(44 * var(--u))}.hw-md,.word{font-size:calc(26 * var(--u));line-height:calc(44 * var(--u))}.word{gap:calc(6 * var(--u))}.word__icon,.word__avatar{order:-1}.hero-text>.hero-group--pair{display:contents}.word__punct{margin-left:calc(2 * var(--u))}.word--split-end{padding-left:calc(62 * var(--u))}.word__icon{width:calc(56 * var(--u));height:calc(32 * var(--u))}.word__icon img,.word__icon .hsvg{left:calc(-12 * var(--u));top:calc(-25 * var(--u));width:calc(80 * var(--u));height:calc(80 * var(--u))}.word__icon--cc img,.word__icon--cc .hsvg{left:calc(-11 * var(--u))}.word--name{height:calc(44 * var(--u))}.word__avatar{width:calc(56 * var(--u));height:calc(88 * var(--u))}.word__avatar .word__avatar-hot,.word__avatar:after{top:calc(-15 * var(--u));width:calc(66 * var(--u));height:calc(103 * var(--u))}.home .dock{position:relative}}.works{position:relative;height:753px;max-height:calc(100% - 96px);width:100%;flex-shrink:0;z-index:1}.works--padded{padding-top:138px;display:flex;flex-direction:column}.works--flush{padding-top:0}.explore{position:absolute;inset:-300px -500px -300px -462px;overflow:hidden;cursor:grab;touch-action:none}.explore.is-dragging{cursor:grabbing}.explore a,.explore img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.explore .shot{width:calc(456px * var(--s, 1));height:calc(264px * var(--s, 1))}.explore__canvas{position:absolute;left:449px;top:319px;width:3856px;height:1184px;will-change:transform}.shots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;padding:16px 16px 240px}.names{display:flex;flex-direction:column;gap:40px;padding-bottom:240px}.names__item{position:relative;display:flex;align-items:center;font-size:var(--fs-2xl);line-height:44px}.names__name{display:-webkit-box;max-width:75%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;padding-bottom:.15em;margin-bottom:-.15em;opacity:.5;transition:opacity .2s}.shot:is(:hover,:has(+:hover)){height:auto;box-shadow:inset 0 0 0 1px var(--line)}.explore .ask-host{position:absolute}.explore .ask-host:hover{z-index:3}a.names__item:is(:hover,:has(+:hover)) .names__name{opacity:.8}.names__item+.ask-btn{top:2px;right:0}.names__preview{position:absolute;left:50%;top:50%;display:none;flex-direction:column;gap:8px;width:min(420px,45%);transform:translateY(-50%);pointer-events:none;z-index:2}.names__preview .shot__img img{width:100%}.names__preview{z-index:10;padding:8px;border-radius:4px;background:var(--surface);box-shadow:0 24px 64px #0009}.names__preview .shot__img{opacity:1}.names__meta{display:flex;gap:8px;align-items:center;justify-content:space-between}a.names__item:is(:hover,:has(+:hover)) .names__preview{display:flex}.shots-grid>.ask-host{align-self:start}@media(max-width:768px){.works{flex:1 1 0;height:auto;max-height:none;min-height:0}.explore{--explore-zoom: .6}.explore .shot{width:calc(456px * var(--s, 1) * var(--explore-zoom));height:calc(264px * var(--s, 1) * var(--explore-zoom));padding:5px}.explore .shot+.ask-btn{top:13px;right:13px}.works--padded{padding-top:0}.shots-grid{grid-template-columns:1fr;gap:16px;padding:8px 0 120px}.names{gap:20px;padding:8px 0 120px}.names__item{font-size:24px;line-height:30px}.names__name{max-width:100%}}@media(hover:none){.names__preview{display:none!important}}.names__item[hidden]{display:none}.explore:not(.is-placed) .ask-host{display:none}.privacy{gap:48px;padding:112px var(--gutter-wide) 104px;overflow-y:auto}.privacy__body{display:flex;flex-direction:column;gap:16px;width:704px;max-width:100%;color:var(--text-muted);font-size:var(--fs-lg);line-height:28px}.privacy__body h2{margin:24px 0 0;color:var(--text);font-weight:500;font-size:24px;line-height:32px}.privacy__body p{margin:0}@media(max-width:768px){.privacy{gap:16px;padding:8px var(--gutter-wide) 32px}.privacy__body{font-size:var(--fs-md);line-height:24px}}.scroll-area{flex:1;min-height:0;overflow-y:auto;position:relative;z-index:1}.project-list{--project-media-w: 440px;display:flex;flex-direction:column;gap:16px;padding-bottom:240px}@media(max-width:1100px){.project-list{--project-media-w: 300px}}@media(max-width:768px){.project-list{gap:12px;padding-bottom:96px}}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}::view-transition-group(gr-media){z-index:1;animation-duration:var(--dur-zoom);animation-timing-function:var(--ease-out)}::view-transition-old(gr-media),::view-transition-new(gr-media){height:100%;object-fit:cover;animation-duration:var(--dur-zoom);animation-timing-function:var(--ease-out)}::view-transition-image-pair(gr-media){overflow:hidden;border-radius:var(--radius-xs)}::view-transition-group(gr-panel){animation-duration:.45s;animation-timing-function:var(--ease-out)}::view-transition-new(gr-panel):only-child{animation:gr-panel-in .45s var(--ease-out) both}::view-transition-old(gr-panel):only-child{animation:gr-panel-out .25s ease-in both}@keyframes gr-panel-in{0%{opacity:0;transform:scale(.985)}}@keyframes gr-panel-out{to{opacity:0;transform:scale(.985)}}::view-transition-old(gr-page){animation:gr-page-out .22s ease-in both}::view-transition-new(gr-page){animation:gr-page-in var(--dur-zoom) var(--ease-out) .08s both}@keyframes gr-page-out{to{opacity:0;filter:blur(4px);transform:translateY(-6px)}}@keyframes gr-page-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}dialog.overlay{position:fixed;inset:16px 16px 16px 88px;width:auto;height:auto;max-width:none;max-height:none;margin:0;border:0;background:transparent;color:inherit}dialog.overlay::backdrop{background:transparent}@media(max-width:768px){dialog.overlay{inset:0}}
