:root{--bg:#f4f4ef;--bg-soft:#eaeae2;--ink:#111;--black:#000;--muted:#777;--line:#d8d8d2;--accent:#d71920;--white:#fff;--sans:"Inter", "Helvetica Neue", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cn:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--container:1480px;--gutter:clamp(20px, 4.5vw, 64px);--header-h:64px;--section-y:clamp(80px, 12vh, 160px);--ease:cubic-bezier(.22, 1, .36, 1);--dur:.7s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100%;overflow-x:clip}@supports not (overflow-x:clip){html,body,#root{overflow-x:hidden}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}body.no-scroll{overflow:hidden}img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none}ul,ol{list-style:none}::selection{background:var(--ink);color:var(--bg)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.work-group{position:relative}.display{letter-spacing:-.045em;text-transform:uppercase;font-weight:700;line-height:.92}.kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.section-head{align-items:baseline;gap:20px;margin-bottom:clamp(40px,6vh,80px);display:flex}.section-head .kicker{color:var(--accent)}.section-head h2{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(40px,7vw,96px);font-weight:700;line-height:.95}.reveal{opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);will-change:opacity, transform;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}.link-arrow{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--line);transition:border-color .3s var(--ease);align-items:center;gap:10px;padding-bottom:10px;font-size:12px;font-weight:600;display:inline-flex}.link-arrow svg{transition:transform .3s var(--ease)}.link-arrow:hover{border-color:currentColor}.link-arrow:hover svg{transform:translate(3px,-3px)}.placeholder{background:var(--bg-soft);border:1px solid var(--line);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.placeholder__label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:11px}.placeholder__dot{background:var(--accent);width:7px;height:7px;position:absolute;bottom:10px;right:10px}.placeholder--dark{background:#161616;border-color:#2a2a2a}.placeholder--dark .placeholder__label{color:#8a8a8a}.nav{height:var(--header-h);z-index:40;background:#f4f4efdb;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0}.nav__inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.nav__brand{letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:700}.nav__links{gap:36px;margin-left:auto;display:flex}.nav__links a{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .3s var(--ease);font-size:12px;font-weight:600}.nav__links a:hover{color:var(--ink)}.nav__menu{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.menu-overlay{z-index:50;background:var(--black);color:var(--white);visibility:hidden;pointer-events:none;transition:transform .55s var(--ease), visibility 0s .55s;flex-direction:column;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.menu-overlay.is-open{visibility:visible;pointer-events:auto;transition:transform .55s var(--ease);transform:none}.menu-overlay__bar{height:var(--header-h);border-bottom:1px solid #222;justify-content:space-between;align-items:center;display:flex}.menu-overlay__bar .nav__brand,.menu-overlay__close{color:var(--white)}.menu-overlay__nav{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.menu-overlay__link{letter-spacing:-.03em;text-transform:uppercase;transition:color .3s var(--ease), transform .3s var(--ease);align-items:baseline;gap:24px;font-size:clamp(40px,9vw,96px);font-weight:700;line-height:1.08;display:flex}.menu-overlay__link:hover{color:var(--accent);transform:translate(10px)}.menu-overlay__index{font-family:var(--mono);color:#777;font-size:13px;font-weight:400}.menu-overlay__foot{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#999;justify-content:space-between;gap:24px;padding-bottom:40px;font-size:11px;display:flex}.about{min-height:100vh;padding-top:calc(var(--header-h) + clamp(32px, 6vh, 72px));flex-direction:column;justify-content:center;padding-bottom:clamp(40px,8vh,96px);display:flex}.about__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:18px;display:flex}.about__label{color:var(--accent)}.about__index{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:13px}.about__name{letter-spacing:-.045em;text-transform:uppercase;margin:clamp(40px,7vh,88px) 0 0;font-size:clamp(64px,14vw,220px);font-weight:700;line-height:.9}.about__meta{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;margin-top:clamp(48px,8vh,96px);padding-top:18px;display:flex}.about__cn{font-family:var(--cn);letter-spacing:.06em;font-size:clamp(16px,1.6vw,22px);font-weight:500}.about__edu{font-family:var(--cn);letter-spacing:.05em;color:var(--muted);font-size:clamp(13px,1.2vw,15px)}.statement{align-items:center;min-height:78vh;display:flex}.statement__title{font-size:clamp(48px,11vw,150px)}.statement__title .accent{color:var(--accent)}.statement__sub{max-width:440px;color:var(--muted);margin-top:40px;font-size:18px}.work__list{flex-direction:column;gap:clamp(64px,11vh,130px);display:flex}.work-item{transition:transform .4s var(--ease)}.work-item:hover{transform:translateY(-4px)}.work-item__head{grid-template-columns:auto 1fr auto;align-items:start;gap:24px;margin-bottom:32px;display:grid}.work-item__index{font-family:var(--mono);color:var(--accent);font-size:14px}.work-item__title h3{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(30px,5vw,64px);font-weight:700;line-height:1}.work-item__cat{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:13px;display:block}.work-item__info{color:var(--muted);text-align:right;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;display:flex}.work-item__media{overflow:hidden}.work-item__media .placeholder{transition:transform .7s var(--ease)}.work-item:hover .work-item__media .placeholder{transform:scale(1.02)}.work-item__foot{justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.work-item__meta{flex-wrap:wrap;align-items:center;gap:44px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat__value{letter-spacing:-.02em;font-size:clamp(28px,3.2vw,42px);font-weight:700}.stat__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);padding:8px 14px;font-size:12px}.case__head{margin-bottom:clamp(48px,8vh,96px)}.case__index{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:14px}.case__index span{color:var(--muted)}.case__title{flex-direction:column;margin-top:24px;display:flex}.case__title-main{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(48px,9vw,120px);font-weight:700;line-height:.95}.case__title-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:16px;font-size:clamp(15px,2vw,22px)}.case__meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:clamp(48px,8vh,96px);padding:32px 0;display:grid}.case__meta-item{flex-direction:column;gap:10px;display:flex}.case__meta-val{font-size:18px;font-weight:500}.case__workflow{margin-bottom:clamp(48px,8vh,96px)}.case__flow{border-top:1px solid var(--line);margin-top:28px}.case__flow-item{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:20px 0;display:flex}.case__flow-num{font-family:var(--mono);color:var(--muted);min-width:32px;font-size:12px}.case__flow-label{flex:1;font-size:clamp(18px,2.4vw,28px);font-weight:500}.case__flow-item:not(:last-child):after{content:"↓";color:var(--muted);font-size:15px}.case__archive{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.case__archive-head{flex-direction:column;gap:12px;display:flex}.case__archive-note{color:var(--muted);font-size:15px}.archive{z-index:60;background:var(--bg);animation:fadeIn .35s var(--ease);padding-bottom:80px;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.archive__bar{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:20px;display:flex;position:sticky;top:0}.archive__title{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700}.archive__filters{flex-wrap:wrap;gap:10px;padding-block:24px;display:flex}.chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);padding:9px 16px;font-size:12px}.chip:hover{border-color:var(--ink)}.chip.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip--mini{cursor:default;padding:5px 9px;font-size:10px}.archive__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.card{text-align:left;width:100%;display:block}.card__media{overflow:hidden}.card__media .placeholder{transition:transform .5s var(--ease)}.card:hover .card__media .placeholder{transform:scale(1.03)}.card__body{padding-top:14px}.card__top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card__title{text-transform:uppercase;letter-spacing:.02em;font-size:16px;font-weight:600}.card__meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);gap:16px;margin-top:8px;font-size:11px;display:flex}.detail{z-index:70;animation:fadeIn .3s var(--ease);background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detail__panel{background:var(--bg);width:min(760px,100%);max-height:90vh;position:relative;overflow-y:auto}.detail__close{z-index:2;background:var(--bg);border:1px solid var(--line);place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:16px}.detail__body{padding:32px}.detail__title{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(24px,4vw,40px);font-weight:700}.detail__rows{border-top:1px solid var(--line);margin-top:24px}.detail__row{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:16px 0;font-size:15px;display:flex}.detail__row dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.detail__row dd{text-align:right;font-weight:500}.detail__performance{margin-top:32px}.detail__performance h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:11px;font-weight:500}.detail__stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.detail__stat{border:1px solid var(--line);flex-direction:column;gap:4px;padding:16px;display:flex}.detail__stat span:first-child{font-size:20px;font-weight:700}.detail__stat span:last-child{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.video__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.video-card{text-align:left;width:100%;display:block}.video-card__media{position:relative;overflow:hidden}.video-card__media .placeholder{transition:transform .5s var(--ease)}.video-card:hover .video-card__media .placeholder{transform:scale(1.03)}.video-card__play{opacity:0;transition:opacity .3s var(--ease);background:#00000040;place-items:center;display:grid;position:absolute;inset:0}.video-card:hover .video-card__play{opacity:1}.video-card__play-btn{background:var(--white);width:56px;height:56px;color:var(--black);border-radius:50%;place-items:center;display:grid}.video-card__meta{flex-direction:column;gap:6px;padding-top:14px;display:flex}.video-card__cat{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px}.video-card__title{text-transform:uppercase;letter-spacing:.02em;font-size:18px;font-weight:600}.video-card__sub{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.player{z-index:80;background:var(--black);animation:fadeIn .3s var(--ease);place-items:center;padding:40px;display:grid;position:fixed;inset:0}.player__close{width:44px;height:44px;color:var(--white);border:1px solid #333;place-items:center;display:grid;position:absolute;top:24px;right:24px}.player__stage{width:min(1080px,100%)}.player__video{background:#000;width:100%;max-height:76vh}.player__meta{color:var(--white);justify-content:space-between;gap:24px;margin-top:18px;display:flex}.player__title{text-transform:uppercase;letter-spacing:.02em;font-size:16px;font-weight:600}.player__sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:12px}.photo__grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.photo__item--lg{grid-column:span 7}.photo__item--md{grid-column:span 5}.photo__item--sm{grid-column:span 4}.photo__item--wide{grid-column:span 12}.photo__media{overflow:hidden}.photo__media .placeholder{transition:transform .6s var(--ease)}.photo__item:hover .photo__media .placeholder{transform:scale(1.02)}.photo__caption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:16px;margin-top:12px;font-size:11px;display:flex}.photo__caption span:first-child{color:var(--ink)}.contact{background:var(--black);color:var(--white)}.contact .kicker{color:#999}.contact__title{font-size:clamp(64px,14vw,200px);line-height:.9}.contact__grid{grid-template-columns:1fr 1fr;gap:40px;margin-top:clamp(48px,8vh,96px);display:grid}.contact__name{letter-spacing:.08em;font-size:18px;font-weight:700}.contact__roles{color:#bbb;flex-direction:column;gap:8px;margin-top:16px;font-size:16px;display:flex}.contact__details{flex-direction:column;gap:32px;display:flex}.contact__details a,.contact__details>div>span:last-child{margin-top:8px;font-size:20px;display:block}.contact__footer{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#888;border-top:1px solid #2a2a2a;margin-top:clamp(64px,12vh,140px);padding-top:24px;font-size:11px}@media (width<=1024px){.archive__grid{grid-template-columns:repeat(3,1fr)}.video__grid{grid-template-columns:repeat(2,1fr)}.photo__item--lg,.photo__item--md{grid-column:span 6}.photo__item--sm{grid-column:span 4}.contact__grid{grid-template-columns:1fr}}@media (width<=640px){.nav__links,.nav__menu-label{display:none}.about__meta{flex-direction:column;align-items:flex-start;gap:8px}.work-item__head{grid-template-columns:1fr}.work-item__info{text-align:left;align-items:flex-start}.case__meta{grid-template-columns:1fr}.archive__grid{grid-template-columns:repeat(2,1fr)}.video__grid{grid-template-columns:1fr}.photo__item--lg,.photo__item--md,.photo__item--sm{grid-column:span 12}.detail__stats{grid-template-columns:repeat(2,1fr)}.detail__row{flex-direction:column;gap:6px}.detail__row dd{text-align:left}.player{padding:24px}}.onvo{--reader-h:clamp(360px, 43vh, 490px);background:var(--bg);border-top:1px solid var(--line);padding-top:calc(var(--header-h) + clamp(12px, 2vh, 24px));padding-bottom:clamp(14px,2vh,20px);position:relative}.onvo__inner{z-index:2;max-width:var(--container);padding:0 var(--gutter);grid-template-columns:minmax(0,28fr) minmax(0,38fr) minmax(0,34fr);align-items:stretch;column-gap:clamp(24px,3vw,48px);margin:0 auto;display:grid;position:relative}.onvo__side{flex-direction:column;gap:clamp(14px,2.5vh,24px);min-width:0;display:flex}.onvo__intro-title{letter-spacing:-.02em;text-transform:uppercase;margin:8px 0 12px;font-size:clamp(30px,3vw,46px);font-weight:700;line-height:.98}.onvo__kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:11px;display:block}.onvo__intro-meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.onvo__error{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 0;font-size:12px}.onvo__cats{border-top:1px solid var(--line);flex-direction:column;padding-top:16px;display:flex}.onvo__cat-group{flex-direction:column;display:flex}.onvo__cat-main{text-align:left;width:100%;color:var(--ink);align-items:center;gap:12px;padding:12px 0;transition:color .3s;display:flex}.onvo__cat-dot{border:1px solid var(--ink);border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s,border-color .3s}.onvo__cat-group.is-active .onvo__cat-dot{background:var(--accent);border-color:var(--accent)}.onvo__cat-name{letter-spacing:.02em;font-size:22px;font-weight:600}.onvo__cat-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:11px}.onvo__cat-group.is-active .onvo__cat-label{color:var(--accent)}.onvo__cat-subnav{transition:opacity .25s var(--ease);gap:18px;padding:2px 0 14px 20px;display:flex}.onvo__cat-group:not(.is-active) .onvo__cat-subnav{opacity:0;visibility:hidden;pointer-events:none}.onvo__subcat{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);border-bottom:1px solid #0000;padding:4px 0;font-size:14px;transition:color .3s,border-color .3s}.onvo__subcat.is-active{color:var(--ink);border-color:var(--accent)}.onvo__main{flex-direction:column;align-items:center;min-width:0;min-height:0;display:flex}.onvo__reader{width:100%;max-width:420px;height:var(--reader-h);overscroll-behavior:contain;background:var(--bg-soft);border:1px solid var(--line);cursor:zoom-in;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:none;overflow:hidden auto}.onvo__reader::-webkit-scrollbar{width:8px}.onvo__reader::-webkit-scrollbar-thumb{background:var(--line)}.onvo__reader-img{object-fit:contain;width:100%;height:auto;display:block}.onvo__reader-caption{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:10px}.onvo__info{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding-top:2px;display:flex}.article{min-width:0;animation:onvoInfoIn .5s var(--ease)}.article__kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;display:block}.article__title{letter-spacing:-.02em;margin:10px 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.2}.article__meta,.article__stats{border-top:1px solid var(--line);margin:14px 0 0;padding-top:12px}.article__stats{margin-top:12px}.article__meta-row{justify-content:space-between;gap:16px;padding:4px 0;display:flex}.article__meta-row dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.article__meta-row dd{color:var(--ink);margin:0;font-size:14px;font-weight:500}.article__view,.article__viewall{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;transition:color .3s,border-color .3s}.article__view:hover,.article__viewall:hover{color:var(--accent);border-color:var(--accent)}@keyframes onvoInfoIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.onvo__empty{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding:48px 16px;font-size:12px}.onvo-works{background:var(--bg);border-top:1px solid var(--line);width:100%;min-width:0;max-width:100%;position:relative}.onvo-works__inner{width:100%;max-width:var(--container);padding:clamp(14px, 2vh, 24px) var(--gutter) clamp(20px, 3vh, 40px);box-sizing:border-box;margin:0 auto}.track{width:100%;min-width:0;max-width:100%}.track__head{justify-content:space-between;align-items:center;gap:24px;margin:0 0 14px;display:flex}.track__meta{align-items:baseline;gap:14px;display:flex}.track__title{letter-spacing:-.02em;text-transform:uppercase;font-size:16px;font-weight:700}.track__count{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.track__arrows{gap:8px;display:flex}.track__arrow{border:1px solid var(--line);width:40px;height:40px;transition:color .3s var(--ease), border-color .3s var(--ease);place-items:center;display:grid}.track__arrow:hover{color:var(--accent);border-color:var(--accent)}.track__scroll{overscroll-behavior-x:contain;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent;justify-content:flex-start;align-items:flex-start;gap:16px;width:100%;min-width:0;max-width:100%;min-height:224px;padding-bottom:10px;display:flex;overflow:auto hidden}.track__scroll.is-dragging{cursor:grabbing}.track__scroll::-webkit-scrollbar{height:8px}.track__scroll::-webkit-scrollbar-thumb{background:var(--line)}.track__card{text-align:left;flex-direction:column;flex:none;gap:7px;width:188px;transition:opacity .4s;display:flex}.track__card.is-dimmed{opacity:.4}.track__card-media{aspect-ratio:4/3;background:var(--bg-soft);border:1px solid var(--line);pointer-events:none;display:block;position:relative;overflow:hidden}.track__card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.track__card.is-active .track__card-media img{transform:scale(1.04)}.track__card-index{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:11px;transition:color .3s}.track__card.is-active .track__card-index{color:var(--accent)}.track__card-title{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.track__card.is-active .track__card-title{color:var(--ink)}.track__card-date{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:10px}.track__empty{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:24px 0;font-size:12px}.onvo__cursor{z-index:80;pointer-events:none;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:10px;transition:opacity .18s;position:fixed;top:0;left:0}.reader-overlay{z-index:100;opacity:0;background:#0a0a0adb;justify-content:center;align-items:center;padding:24px;transition:opacity .32s;display:flex;position:fixed;inset:0}.reader-overlay.is-in{opacity:1}.reader-overlay__viewer{background:var(--bg);flex-direction:column;width:min(680px,100%);height:min(92vh,860px);animation:.32s readerIn;display:flex;overflow:hidden}@keyframes readerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reader-overlay__head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 28px;display:flex}.reader-overlay__meta{min-width:0}.reader-overlay__kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.reader-overlay__title{letter-spacing:-.02em;margin-top:8px;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15}.reader-overlay__close{width:40px;height:40px;color:var(--ink);border:1px solid var(--line);flex:none;place-items:center;transition:color .3s,border-color .3s;display:grid}.reader-overlay__close:hover{color:var(--accent);border-color:var(--accent)}.reader-overlay__scroll{overscroll-behavior:contain;background:var(--bg-soft);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:auto;overflow:hidden auto}.reader-overlay__scroll::-webkit-scrollbar{width:8px}.reader-overlay__scroll::-webkit-scrollbar-thumb{background:var(--line)}.reader-overlay__img{object-fit:contain;width:100%;height:auto;display:block}.viewall{z-index:100;background:#0a0a0adb;padding:24px 0 96px;position:fixed;inset:0;overflow-y:auto}.viewall__panel{background:var(--bg);max-width:1040px;padding:0 var(--gutter) 56px;border-radius:2px;margin:0 auto;animation:.32s readerIn}.viewall__bar{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 0;display:flex;position:sticky;top:0}.viewall__kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:13px}.viewall__close{width:44px;height:44px;color:var(--ink);place-items:center;transition:color .3s;display:grid}.viewall__close:hover{color:var(--accent)}.viewall__filters{flex-wrap:wrap;gap:8px;margin:20px 0 28px;display:flex}.viewall__filter{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:8px 16px;font-size:12px;transition:color .3s,border-color .3s}.viewall__filter:hover{color:var(--ink);border-color:var(--ink)}.viewall__filter.is-active{color:var(--ink);border-color:var(--accent)}.viewall__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.viewall__card{text-align:left;flex-direction:column;gap:8px;display:flex}.viewall__card-media{aspect-ratio:4/3;background:var(--bg-soft);border:1px solid var(--line);display:block;overflow:hidden}.viewall__card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.viewall__card:hover .viewall__card-media img{transform:scale(1.04)}.viewall__card-index{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:11px}.viewall__card-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=900px){.onvo__inner{grid-template-columns:1fr;row-gap:28px}.onvo__reader{max-width:100%;height:60vh}.track__card{width:min(42vw,180px)}}@media (hover:none){.onvo__cursor{display:none}}.yanxuan__head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(40px,6vh,72px);display:flex}.yanxuan__head-main{flex-direction:column;gap:14px;min-width:0;display:flex}.yanxuan__head .kicker{color:var(--accent)}.yanxuan__title{font-size:clamp(40px,7vw,96px)}.yanxuan__sub{font-family:var(--cn);letter-spacing:.06em;color:var(--muted);font-size:14px}.yanxuan__head-tools{flex-direction:column;flex:none;align-items:flex-end;gap:18px;display:flex}.yanxuan__counter{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-size:13px}.yanxuan__counter-cur{color:var(--ink);font-weight:600}.yanxuan__counter-sep{color:var(--line);margin:0 5px}.yanxuan__arrows{gap:8px;display:flex}.yanxuan__arrow{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), opacity .3s var(--ease);place-items:center;display:grid}.yanxuan__arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--bg)}.yanxuan__arrow:disabled{opacity:.28;cursor:default}.yanxuan__track{gap:var(--gap,24px);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;--gap:clamp(16px, 2vw, 28px);--cards:4;display:flex;position:relative;overflow:auto hidden}.yanxuan__track::-webkit-scrollbar{display:none}.yanxuan__track>.yanxuan-card{flex:0 0 calc((100% - (var(--cards) - 1) * var(--gap)) / var(--cards))}.yanxuan-card{min-width:0}.yanxuan-card__media{aspect-ratio:3/4;background:var(--bg-soft);border:1px solid var(--line);width:100%;padding:0;display:block;position:relative;overflow:hidden}.yanxuan-card__media img,.yanxuan-card__media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.yanxuan-card__media video{opacity:0;animation:yanxuan-fade .45s var(--ease) forwards;background:#000}@keyframes yanxuan-fade{0%{opacity:0}to{opacity:1}}.yanxuan-card__shade{opacity:0;transition:opacity .35s var(--ease);pointer-events:none;background:linear-gradient(#0000 50%,#00000080);position:absolute;inset:0}.yanxuan-card.is-hover .yanxuan-card__shade{opacity:1}.yanxuan-card__play{opacity:0;transition:opacity .35s var(--ease);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.yanxuan-card.is-hover .yanxuan-card__play{opacity:1}.yanxuan-card__play-btn{background:var(--white);width:56px;height:56px;color:var(--black);border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 20px #00000040}.yanxuan-card__meta{flex-direction:column;gap:6px;padding-top:14px;display:flex}.yanxuan-card__index{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);font-size:11px}.yanxuan-card__title{letter-spacing:.01em;font-size:16px;font-weight:600}.yanxuan-card__sub{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.yanxuan__cats-row{flex-wrap:wrap;align-items:baseline;gap:clamp(24px,4vw,48px);margin-top:clamp(48px,7vh,88px);display:flex}.yanxuan__cats-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:none;font-size:11px}.yanxuan__cats{flex-wrap:wrap;gap:clamp(20px,3vw,36px);display:flex}.yanxuan__cat{color:var(--muted);transition:color .3s var(--ease);align-items:center;gap:12px;padding:6px 0;display:inline-flex}.yanxuan__cat-name{font-family:var(--cn);letter-spacing:.04em;font-size:15px}.yanxuan__cat-line{background:var(--line);width:26px;height:1px;transition:width .4s var(--ease), background .3s var(--ease);display:block}.yanxuan__cat:hover{color:var(--ink)}.yanxuan__cat:hover .yanxuan__cat-line{background:var(--ink);width:42px}.yanxuan__cat.is-active{color:var(--ink)}.yanxuan__cat.is-active .yanxuan__cat-line{background:var(--accent);width:42px}.yanxuan__footer{border-top:1px solid var(--line);margin-top:clamp(56px,9vh,112px);padding-top:clamp(24px,4vh,44px)}.yanxuan__footer-text{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:clamp(20px,3.2vw,36px);font-weight:500}.yanxuan-player{z-index:90;animation:yanxuan-fade .3s var(--ease);background:#000000eb;place-items:center;padding:clamp(20px,5vw,48px);display:grid;position:fixed;inset:0}.yanxuan-player__close{color:#fff;width:46px;height:46px;transition:border-color .3s var(--ease), color .3s var(--ease);border:1px solid #333;place-items:center;display:grid;position:absolute;top:20px;right:20px}.yanxuan-player__close:hover{border-color:#fff}.yanxuan-player__stage{flex-direction:column;align-items:center;max-width:min(560px,100%);display:flex}.yanxuan-player__video{background:#000;width:auto;max-width:100%;height:auto;max-height:78vh}.yanxuan-player__meta{color:#fff;justify-content:space-between;gap:24px;width:100%;margin-top:18px;display:flex}.yanxuan-player__title{letter-spacing:.02em;font-size:16px;font-weight:600}.yanxuan-player__sub{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#999;white-space:nowrap;font-size:12px}.yanxuan__empty,.yanxuan__error{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);padding:24px 0;font-size:13px}.yanxuan__error{color:var(--accent)}@media (width<=1080px){.yanxuan__track{--cards:3}}@media (width<=760px){.yanxuan__track{--cards:2}.yanxuan__head{flex-direction:column;align-items:flex-start;gap:24px}.yanxuan__head-tools{flex-direction:row;align-items:center;gap:20px}}@media (width<=480px){.yanxuan__track{--cards:1}.yanxuan__cats-row{flex-direction:column;gap:16px}.yanxuan-player__meta{flex-direction:column;gap:6px}}.pv-top{position:relative}.pv-motion,.pv-gallery-sec{scroll-margin-top:44px}.pv-sec__head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(32px,5vh,56px);display:flex}.pv-sec__row{align-items:baseline;gap:18px;display:flex}.pv-sec__num{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:13px;font-weight:600}.pv-sec__title{font-size:clamp(36px,6vw,84px)}.pv-sec__meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:12px}.pv-sec__empty{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);padding-block:36px;font-size:13px}.pv-gallery-sec{border-top:1px solid var(--line);margin-top:clamp(56px,9vh,104px);padding-top:clamp(40px,6vh,64px)}.pv-motion{--motion-w:min(56%, 760px)}.pv-motion__head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:14px;padding-bottom:14px;font-size:11px;display:flex}.pv-motion__head-num{color:var(--accent);font-weight:600}.pv-motion__head-label{color:var(--ink);font-weight:600}.pv-motion__head-rule{background:var(--line);flex:1;height:1px}.pv-motion__head-count{color:var(--muted)}.pv-motion__empty{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);border-top:1px solid var(--line);padding-block:40px;font-size:13px}.pv-motion__main{width:var(--motion-w);margin-inline:auto;max-width:100%;aspect-ratio:var(--ratio,16 / 9);cursor:pointer;background:#000;max-height:calc(100vh - 360px);margin-top:clamp(18px,2.5vh,24px);padding:0;display:block;position:relative;overflow:hidden}.pv-motion__main-img,.pv-motion__main-video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.pv-motion__caption{width:var(--motion-w);margin-inline:auto;max-width:100%;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:18px;margin-top:12px;font-size:12px;display:flex}.pv-motion__caption-num{color:var(--accent);font-weight:600}.pv-motion__caption-title{color:var(--ink);font-weight:600}.pv-motion__caption-year{color:var(--muted);margin-left:auto}.pv-motion__index{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);column-gap:clamp(32px,4vw,56px);width:100%;margin-top:clamp(20px,3vh,32px);padding-top:clamp(16px,2.5vh,22px);display:grid}.pv-motion__index.is-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:4px;display:flex;overflow:auto hidden}.pv-motion__index.is-scroll::-webkit-scrollbar{display:none}.pv-motion__index.is-scroll .pv-motion__film{flex:0 0 clamp(200px,22vw,300px)}.pv-motion__film{text-align:left;flex-direction:column;gap:7px;min-width:0;padding:0;display:flex}.pv-motion__film-num{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);transition:color .2s var(--ease);font-size:11px}.pv-motion__film.is-active .pv-motion__film-num{color:var(--accent);font-weight:600}.pv-motion__film-media{aspect-ratio:16/9;opacity:.5;width:100%;transition:opacity .2s var(--ease);background:#000;display:block;overflow:hidden}.pv-motion__film-media img,.pv-motion__film-media video{object-fit:cover;width:100%;height:100%;display:block}.pv-motion__film.is-active .pv-motion__film-media{opacity:1}.pv-motion__film-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .2s var(--ease);font-size:11px}.pv-motion__film.is-active .pv-motion__film-label{color:var(--ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.pv-motion__film-title{letter-spacing:.01em;color:var(--muted);transition:color .2s var(--ease);font-size:15px;font-weight:600}.pv-motion__film.is-active .pv-motion__film-title{color:var(--ink)}.pv-motion__film-year{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:11px}.pv-canvas{width:100%;height:clamp(600px,84vh,840px);position:relative;overflow:hidden}.pv-canvas__item{cursor:zoom-in;transform-origin:50%;transition:filter .35s var(--ease);background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.pv-canvas__img{object-fit:contain;width:100%;height:auto;display:block}.pv-canvas:has(.pv-canvas__item:hover) .pv-canvas__item:not(:hover){filter:brightness(.9)}.pv-canvas__item:hover{filter:brightness(1.03)}.pv-page{margin-top:clamp(64px,10vh,120px)}.pv-page:first-child{margin-top:0}.pv-page__marker{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);align-items:baseline;gap:6px;margin-bottom:18px;font-size:12px;display:flex}.pv-page__marker-total{opacity:.55}.pv-player{z-index:80;animation:fadeIn .3s var(--ease);background:#000000eb;place-items:center;padding:clamp(16px,4vw,48px);display:grid;position:fixed;inset:0}.pv-player__close{width:44px;height:44px;color:var(--white);background:0 0;border:1px solid #333;place-items:center;display:grid;position:absolute;top:24px;right:24px}.pv-player__stage{flex-direction:column;align-items:center;gap:18px;width:min(1120px,100%);display:flex;position:relative}.pv-player__media{width:100%;max-height:78vh;aspect-ratio:var(--ratio,16 / 9);background:#000;place-items:center;display:grid;overflow:hidden}.pv-player__media video{object-fit:contain;width:100%;height:100%}.pv-player__meta{width:100%;color:var(--white);justify-content:space-between;align-items:baseline;gap:24px;display:flex}.pv-player__title{text-transform:uppercase;letter-spacing:.02em;font-size:16px;font-weight:600}.pv-player__sub{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:12px}.pv-lightbox{z-index:80;animation:fadeIn .25s var(--ease);background:#000000f0;position:fixed;inset:0}.pv-lightbox__close{width:44px;height:44px;color:var(--white);z-index:3;background:0 0;border:1px solid #333;place-items:center;display:grid;position:absolute;top:24px;right:24px}.pv-lightbox__stage{place-items:center;padding:64px;display:grid;position:absolute;inset:0}.pv-lightbox__img{object-fit:contain;width:auto;max-width:min(88vw,1400px);height:auto;max-height:82vh}.pv-lightbox__zone{z-index:1;cursor:pointer;width:22%;position:absolute;top:0;bottom:0}.pv-lightbox__zone--prev{left:0}.pv-lightbox__zone--next{right:0}.pv-lightbox__arrow{width:48px;height:48px;color:var(--white);z-index:2;background:0 0;border:1px solid #333;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pv-lightbox__arrow--prev{left:24px}.pv-lightbox__arrow--next{right:24px}.pv-lightbox__counter{font-family:var(--mono);letter-spacing:.12em;color:#ccc;z-index:2;font-size:13px;position:absolute;bottom:24px;left:24px}.pv-lightbox__meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#bbb;z-index:2;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=900px){.pv-motion{--motion-w:min(90%, 720px)}.pv-motion__index{grid-template-columns:repeat(2,1fr);row-gap:28px}}@media (width<=520px){.pv-motion{--motion-w:100%}.pv-motion__main{max-height:none}.pv-motion__index{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;display:flex;overflow:auto hidden}.pv-motion__index::-webkit-scrollbar{display:none}.pv-motion__index .pv-motion__film{flex:0 0 68vw}.pv-player__meta{flex-direction:column;gap:6px}.pv-lightbox__stage{padding:72px 16px 96px}.pv-lightbox__img{max-width:94vw}}