:root{--canvas: #F5F5F4;--canvas-2: #EEEEEC;--card: #FFFFFF;--ink: #141414;--ink-2: #5E5E5B;--ink-3: #6E6D69;--line: rgba(20, 20, 20, .08);--line-2: rgba(20, 20, 20, .14);--card-line: rgba(20, 20, 20, .06);--seal: #D93A2B;--seal-soft: rgba(217, 58, 43, .12);--dark: #121212;--dark-2: #1C1C1B;--on-dark: #F4F3EF;--on-dark-2: rgba(244, 243, 239, .62);--on-dark-line: rgba(244, 243, 239, .12);--f-display: "Fraunces", "Noto Serif SC", "Songti SC", ui-serif, Georgia, serif;--f-sans: "Inter", "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--f-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--t-hero: clamp(3rem, 1.55rem + 6.4vw, 7.5rem);--t-h1: clamp(2.6rem, 1.7rem + 4vw, 5.25rem);--t-h2: clamp(2.3rem, 1.55rem + 3.3vw, 4.5rem);--t-h3: clamp(1.55rem, 1.25rem + 1.2vw, 2.4rem);--t-h4: clamp(1.25rem, 1.12rem + .55vw, 1.6rem);--t-card: clamp(1.4rem, 1.15rem + .7vw, 1.8rem);--t-lede: clamp(1.1rem, 1.02rem + .38vw, 1.375rem);--t-body: 1.0625rem;--t-small: .9375rem;--t-mono: .75rem;--lh-display: 1.02;--lh-head: 1.06;--lh-body: 1.55;--track-display: -.035em;--track-head: -.028em;--track-mono: .06em;--wrap: 1296px;--gutter: clamp(20px, 4.4vw, 72px);--sec: clamp(104px, 7.5vw + 64px, 184px);--sec-tight: clamp(72px, 5vw + 40px, 120px);--nav-h: 76px;--r-xs: 8px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--r-pill: 999px;--mat: 6px;--shadow-1: 0 1px 2px rgba(20, 20, 20, .04), 0 4px 12px rgba(20, 20, 20, .04);--shadow-card: 0 1px 2px rgba(20, 20, 20, .04), 0 10px 28px rgba(20, 20, 20, .06), 0 36px 72px -28px rgba(20, 20, 20, .14);--shadow-lift: 0 2px 4px rgba(20, 20, 20, .05), 0 18px 44px rgba(20, 20, 20, .10), 0 56px 110px -36px rgba(20, 20, 20, .20);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, .8, .24, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--dur-1: .25s;--dur-2: .45s;--dur-3: .8s;}html[lang^="zh"]{--f-display: "Noto Serif SC", "Fraunces", "Songti SC", ui-serif, serif;--f-sans: "Noto Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--t-hero: clamp(2.5rem, 1.35rem + 5.1vw, 6.1rem);--t-h1: clamp(2.2rem, 1.45rem + 3.4vw, 4.4rem);--t-h2: clamp(1.95rem, 1.35rem + 2.7vw, 3.75rem);--t-h3: clamp(1.35rem, 1.12rem + 1vw, 2.05rem);--lh-display: 1.18;--lh-head: 1.22;--lh-body: 1.75;--track-display: 0;--track-head: 0;}
*, *::before, *::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: calc(var(--nav-h) + 12px);}html.lenis, html.lenis body{height: auto;}.lenis.lenis-smooth{scroll-behavior: auto !important;}.lenis.lenis-stopped{overflow: hidden;}body{margin: 0;background: var(--canvas);color: var(--ink);font: 400 var(--t-body)/var(--lh-body) var(--f-sans);font-feature-settings: "ss01", "cv11";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: clip;}img, video, svg, canvas, picture{display: block;max-width: 100%;}img, video{height: auto;}img{-webkit-user-drag: none;}a{color: inherit;text-decoration: none;}button{font: inherit;color: inherit;background: none;border: 0;padding: 0;cursor: pointer;}h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, ol{margin: 0;}ul, ol{padding: 0;list-style: none;}[hidden]{display: none !important;}i, em{font-style: normal;}.nobr{white-space: nowrap;}::selection{background: var(--ink);color: var(--canvas);}:focus{outline: none;}:focus-visible{outline: 2px solid var(--seal);outline-offset: 3px;border-radius: 6px;}.sr-only{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.skip{position: fixed;left: 16px;top: -60px;z-index: 200;background: var(--ink);color: var(--canvas);padding: 10px 16px;border-radius: var(--r-pill);font-size: var(--t-small);transition: top var(--dur-2) var(--ease-out);}.skip:focus-visible{top: 16px;}.display, .h1, .h2, .h3, .h4{font-family: var(--f-display);font-weight: 400;font-optical-sizing: auto;font-variation-settings: "SOFT" 0, "WONK" 0;color: var(--ink);text-wrap: balance;}.display{font-size: var(--t-hero);line-height: var(--lh-display);letter-spacing: var(--track-display);}.h1{font-size: var(--t-h1);line-height: var(--lh-display);letter-spacing: var(--track-display);}.h2{font-size: var(--t-h2);line-height: var(--lh-head);letter-spacing: var(--track-head);}.h3{font-size: var(--t-h3);line-height: 1.12;letter-spacing: -.02em;}.h4{font-size: var(--t-h4);line-height: 1.2;letter-spacing: -.012em;}html[lang^="zh"] .display, html[lang^="zh"] .h1, html[lang^="zh"] .h2, html[lang^="zh"] .h3, html[lang^="zh"] .h4{font-weight: 500;letter-spacing: 0;}html[lang^="zh"] :is(.display, .h1, .h2, .h3, .h4, .prose h2, .prose h3){word-break: keep-all;overflow-wrap: anywhere;line-break: strict;}.lede{font-size: var(--t-lede);line-height: 1.5;color: var(--ink-2);text-wrap: pretty;}.body{font-size: var(--t-body);color: var(--ink-2);text-wrap: pretty;}.small{font-size: var(--t-small);color: var(--ink-2);}.mono{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;font-feature-settings: "zero", "ss01";}.num{font-variant-numeric: tabular-nums;}.prose{max-width: 68ch;font-size: 1.125rem;line-height: 1.7;color: var(--ink-2);}.prose > * + *{margin-top: 1.1em;}.prose h2{font-family: var(--f-display);font-weight: 400;color: var(--ink);font-size: clamp(1.6rem, 1.3rem + 1vw, 2.2rem);line-height: 1.15;letter-spacing: -.02em;margin-top: 2em;}.prose h3{font-family: var(--f-sans);font-weight: 600;color: var(--ink);font-size: 1.15rem;margin-top: 1.6em;}.prose h2, .prose h3{text-wrap: balance;}.prose a{color: var(--ink);text-decoration: underline;text-decoration-color: var(--line-2);text-underline-offset: .2em;}@media (hover: hover) and (pointer: fine){.prose a:hover{text-decoration-color: var(--seal);}}.prose a:focus-visible{text-decoration-color: var(--seal);}.prose ul{padding-left: 1.2em;list-style: none;}.prose ul li{position: relative;}.prose ul li + li{margin-top: .5em;}.prose ul li::before{content: "";position: absolute;left: -1.15em;top: .7em;width: 6px;height: 6px;background: var(--seal);border-radius: 1px;}.prose strong{color: var(--ink);font-weight: 600;}.prose blockquote{border-left: 2px solid var(--seal);padding-left: 1em;color: var(--ink);font-family: var(--f-display);font-size: 1.35rem;line-height: 1.35;}html[lang^="zh"] .prose{line-height: 1.9;}
.wrap{width: 100%;max-width: calc(var(--wrap) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter);}.wrap--wide{max-width: calc(1520px + 2 * var(--gutter));}.wrap--narrow{max-width: calc(860px + 2 * var(--gutter));}.section{position: relative;padding-block: var(--sec);}.section--tight{padding-block: var(--sec-tight);}.section + .section{padding-top: calc(var(--sec) * .62);}.shead{display: grid;gap: 22px;max-width: 760px;margin-bottom: clamp(48px, 5vw, 88px);}.shead--center{margin-inline: auto;justify-items: center;text-align: center;}.shead--split{max-width: none;grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);align-items: end;gap: 32px 64px;}.shead--split .lede{max-width: 460px;justify-self: end;}@media (max-width: 900px){.shead--split{grid-template-columns: 1fr;}.shead--split .lede{justify-self: start;}}.grid-12{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: clamp(16px, 2vw, 32px);}.page{padding-top: calc(var(--nav-h) + clamp(56px, 7vw, 120px));padding-bottom: var(--sec);}.subpage > .section:first-child{padding-top: calc(var(--nav-h) + clamp(48px, 6vw, 104px));}.page__head{display: grid;gap: 22px;max-width: 900px;margin-bottom: clamp(40px, 5vw, 72px);}.page__foot{display: flex;flex-wrap: wrap;gap: 12px;margin-top: clamp(56px, 6vw, 96px);}.page--404{min-height: 80vh;display: grid;align-content: center;gap: 24px;justify-items: start;}
.seal{display: inline-block;width: 7px;height: 7px;border-radius: 1.5px;background: var(--seal);flex: none;}.label{display: inline-flex;align-items: center;gap: 10px;width: max-content;max-width: 100%;padding: 7px 14px 7px 12px;border-radius: var(--r-pill);background: var(--card);border: 1px solid var(--card-line);box-shadow: var(--shadow-1);font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink);line-height: 1.2;}.label--dark{background: rgba(255, 255, 255, .06);border-color: var(--on-dark-line);color: var(--on-dark);box-shadow: none;}html[lang^="zh"] .label{letter-spacing: .12em;font-family: var(--f-sans);font-size: .8125rem;}.tags{display: flex;flex-wrap: wrap;gap: 8px;}.tag{display: inline-flex;align-items: center;height: 32px;padding: 0 14px;border-radius: var(--r-pill);background: var(--card);border: 1px solid var(--card-line);box-shadow: 0 1px 2px rgba(20, 20, 20, .04);font-size: .875rem;color: var(--ink);white-space: nowrap;transition: background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft), border-color var(--dur-1);}.tag--sm{height: 28px;padding: 0 12px;font-size: .8125rem;box-shadow: none;}.tag--muted{background: var(--canvas-2);border-color: transparent;box-shadow: none;}.tag--dark{background: rgba(255, 255, 255, .06);border-color: var(--on-dark-line);color: var(--on-dark);box-shadow: none;}.btn{--bg: var(--card);--fg: var(--ink);--bd: var(--card-line);position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 48px;padding: 0 24px;border-radius: var(--r-pill);background: var(--bg);color: var(--fg);border: 1px solid var(--bd);font: 500 .9375rem/1 var(--f-sans);letter-spacing: -.005em;white-space: nowrap;box-shadow: 0 1px 2px rgba(20, 20, 20, .06), 0 6px 16px -6px rgba(20, 20, 20, .18);transition: scale var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), background var(--dur-1);}.btn:active{scale: .98;}@media (hover: hover) and (pointer: fine){.btn:hover{box-shadow: 0 2px 4px rgba(20, 20, 20, .08), 0 14px 28px -10px rgba(20, 20, 20, .32);}.btn--ink:hover{--bg: #000;}.btn--ghost:hover{--bg: var(--card);box-shadow: var(--shadow-1);}.btn:hover .arr{transform: translateX(3px);}.lang__opt:hover{color: var(--ink);}}.btn--ink{--bg: var(--ink);--fg: #fff;--bd: transparent;}.btn--ghost{--bg: transparent;box-shadow: none;--bd: var(--line-2);}.btn--light{--bg: #fff;--fg: var(--ink);--bd: transparent;}.btn--block{width: 100%;}.btn .arr{transition: transform var(--dur-2) var(--ease-out);}.lang{display: inline-flex;align-items: center;padding: 3px;gap: 2px;border-radius: var(--r-pill);background: var(--card);border: 1px solid var(--card-line);box-shadow: var(--shadow-1);}.lang__opt{display: inline-flex;align-items: center;justify-content: center;min-width: 44px;height: 34px;padding: 0 12px;border-radius: var(--r-pill);font: 500 .8125rem/1 var(--f-sans);color: var(--ink-2);transition: background var(--dur-1), color var(--dur-1);}.lang__opt[aria-current="true"]{background: var(--ink);color: #fff;}.lang__opt[lang|="zh"]{font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;}@media (pointer: coarse){.lang__opt{height: 44px;}}.clocks{display: inline-flex;flex-wrap: wrap;gap: 6px 18px;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}.clock{display: inline-flex;gap: 8px;align-items: baseline;}.clock__time{color: var(--ink);font-variant-numeric: tabular-nums;}html[lang^="zh"] .clocks{text-transform: none;letter-spacing: .04em;}html[lang^="zh"] .clock__city{font-family: var(--f-sans);}.card{position: relative;background: var(--card);border: 1px solid var(--card-line);border-radius: var(--r-lg);box-shadow: var(--shadow-card);}.card--dark{background: var(--dark);border-color: rgba(255, 255, 255, .06);color: var(--on-dark);}.frame{--ar: 16 / 10;position: relative;padding: var(--mat);background: var(--card);border: 1px solid var(--card-line);border-radius: var(--r-lg);box-shadow: var(--shadow-card);}.frame__media{position: relative;aspect-ratio: var(--ar);overflow: hidden;border-radius: calc(var(--r-lg) - var(--mat));background: var(--canvas-2);isolation: isolate;}.frame__media > img, .frame__media > video, .frame__media > picture, .frame__media > picture > img{width: 100%;height: 100%;object-fit: cover;}.browser{--bar: 38px;}.browser .frame__bar{display: flex;align-items: center;gap: 12px;height: var(--bar);padding: 0 10px 0 12px;}.browser .frame__dots{display: flex;gap: 6px;}.browser .frame__dots i{width: 9px;height: 9px;border-radius: 50%;background: var(--line-2);}.browser .frame__url{flex: 1;max-width: 340px;margin-inline: auto;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: var(--r-pill);background: var(--canvas);font: 400 .75rem/1 var(--f-sans);color: var(--ink-3);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 12px;}.phone{--ar: 9 / 19.5;position: relative;padding: 9px;background: #0E0E0E;border-radius: 44px;box-shadow: inset 0 0 0 1.5px #2A2A2A, var(--shadow-card);}.phone .frame__media{border-radius: 36px;background: #000;}.phone::after{content: "";position: absolute;top: 18px;left: 50%;width: 30%;height: 22px;transform: translateX(-50%);border-radius: 12px;background: #0E0E0E;pointer-events: none;}.film .frame__strip{display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 12px 8px 6px;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}.film .frame__strip b{color: var(--ink);font-weight: 400;font-variant-numeric: tabular-nums;}.rec{display: inline-flex;align-items: center;gap: 8px;}.rec::before{content: "";width: 7px;height: 7px;border-radius: 1.5px;background: var(--seal);animation: rec 1.6s steps(2, jump-none) infinite;}@keyframes rec{50%{opacity: .25;}}html.reduce .rec::before{animation: none;}.draft-flag{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--r-pill);background: var(--seal-soft);color: var(--seal);font: 500 .6875rem/1.2 var(--f-mono);letter-spacing: .04em;text-transform: uppercase;}.glass__bg{position: absolute;inset: 0;z-index: -1;border-radius: inherit;overflow: hidden;pointer-events: none;}.glass__host{position: absolute;inset: 0;}.glass__host canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: opacity 1.6s var(--ease-soft);}.glass__host canvas.is-ready{opacity: 1;}.glass__band{display: none;}html.no-js .glass__band, .no-glass .glass__band{display: none !important;}@property --edge-a{syntax: "<angle>";inherits: false;initial-value: 300deg;}.glass-edge::before{content: "";position: absolute;inset: -1px;z-index: 2;border-radius: inherit;padding: 2px;pointer-events: none;background: conic-gradient(from var(--edge-a), transparent 0deg, transparent 170deg, rgba(150, 125, 255, .55) 205deg, rgba(95, 175, 255, .95) 240deg, rgba(110, 225, 205, .9) 262deg, rgba(255, 125, 195, .95) 286deg, rgba(255, 175, 110, .8) 312deg, transparent 345deg);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);opacity: 0;transition: opacity .6s var(--ease-soft);animation: edge-run 5.5s linear infinite paused;}@media (hover: hover) and (pointer: fine){.glass-edge:hover::before{opacity: 1;animation-play-state: running;}}html.reduce .glass-edge::before{animation: none;}@keyframes edge-run{from{--edge-a: 300deg;}to{--edge-a: 660deg;}}
.logo{width: 30px;height: auto;flex: none;}.logo-sq{fill: var(--seal);}.nav{position: fixed;inset: 0 0 auto 0;z-index: 50;height: var(--nav-h);pointer-events: none;}.nav::before{content: "";position: absolute;inset: 0 0 -24px 0;pointer-events: none;background: linear-gradient(to bottom, rgba(245, 245, 244, .97) 0%, rgba(245, 245, 244, .95) 62%, rgba(245, 245, 244, 0) 100%);-webkit-mask-image: linear-gradient(#000 70%, transparent);mask-image: linear-gradient(#000 70%, transparent);opacity: 0;transition: opacity var(--dur-2) var(--ease-soft);}.nav.is-scrolled::before{opacity: 1;}.nav__bar{position: relative;height: 100%;display: flex;align-items: center;gap: 24px;pointer-events: auto;}.nav__brand{display: inline-flex;align-items: center;gap: 10px;margin-right: auto;color: var(--ink);}.nav__word{font-family: "Fraunces", var(--f-display);font-size: 1.45rem;letter-spacing: -.035em;line-height: 1;}.nav__links{position: absolute;left: 50%;transform: translateX(-50%);display: flex;gap: clamp(18px, 2.4vw, 40px);}.nav__link{position: relative;font-size: .9375rem;color: var(--ink);padding: 8px 0;}.nav__link span{display: inline-block;}.nav__link::after{content: "";position: absolute;left: 0;right: 0;bottom: 3px;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: right;transition: transform var(--dur-2) var(--ease-out);}.nav__link.is-active::after{transform: scaleX(1);transform-origin: left;}@media (hover: hover) and (pointer: fine){.nav__link:hover::after{transform: scaleX(1);transform-origin: left;}}.nav__end{display: flex;align-items: center;gap: 12px;}.nav__cta{height: 44px;padding: 0 20px;}.nav__burger{display: none;width: 44px;height: 44px;border-radius: 50%;background: var(--card);border: 1px solid var(--card-line);box-shadow: var(--shadow-1);position: relative;}.nav__burger i, .menu__close i{position: absolute;left: 13px;right: 13px;height: 1.5px;background: var(--ink);border-radius: 2px;}.nav__burger i:first-of-type{top: 17px;}.nav__burger i:last-of-type{top: 25px;}@media (max-width: 1080px){.nav__links{display: none;}.nav__burger{display: block;}}@media (max-width: 640px){:root{--nav-h: 68px;}.nav .lang{display: none;}.nav__cta{height: 40px;padding: 0 14px;font-size: .875rem;}.nav__end{gap: 8px;}}@media (max-width: 340px){.nav__cta{display: none;}}.menu{position: fixed;inset: 0;z-index: 60;display: grid;grid-template-rows: var(--nav-h) 1fr auto;overflow-y: auto;overscroll-behavior: contain;background: radial-gradient(110% 55% at 100% 0%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 62%), radial-gradient(80% 40% at 0% 100%, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0) 70%), var(--canvas);}.menu__head{display: flex;align-items: center;height: var(--nav-h);}.menu__close{position: relative;margin-left: auto;width: 44px;height: 44px;border-radius: 50%;background: var(--card);border: 1px solid var(--card-line);box-shadow: var(--shadow-1);transition: background var(--dur-1) var(--ease-soft), border-color var(--dur-1);}.menu__close i{top: 21px;transition: background var(--dur-1) var(--ease-soft);}.menu__close i:first-of-type{transform: rotate(45deg);}.menu__close i:last-of-type{transform: rotate(-45deg);}.menu__close:focus-visible{background: var(--ink);border-color: var(--ink);}.menu__close:focus-visible i{background: #fff;}@media (hover: hover) and (pointer: fine){.menu__close:hover{background: var(--ink);border-color: var(--ink);}.menu__close:hover i{background: #fff;}}.menu__links{display: grid;align-content: center;padding-block: clamp(20px, 5vh, 48px);}.menu__link{position: relative;display: flex;align-items: flex-start;gap: 18px;padding: 15px 2px 15px 0;border-bottom: 1px solid var(--line);color: var(--ink);font-family: var(--f-display);font-size: clamp(1.6rem, min(8.6vw, 6.4svh), 3.4rem);line-height: 1.06;letter-spacing: var(--track-head);padding-block: clamp(8px, 1.8svh, 15px);font-variation-settings: "SOFT" 0, "WONK" 0;}.menu__link:first-child{border-top: 1px solid var(--line);}.menu__link[aria-current="page"] .menu__num{color: var(--seal);}.menu__link::after{content: "→";align-self: center;margin-left: auto;font-family: var(--f-sans);font-size: 1.2rem;line-height: 1;color: var(--ink-3);transition: transform var(--dur-2) var(--ease-out), color var(--dur-1);}.menu__link:hover::after, .menu__link:focus-visible::after, .menu__link:active::after{transform: translateX(5px);color: var(--ink);}.menu__num{display: inline-flex;align-items: center;gap: 8px;min-width: 2.6em;padding-top: .62em;font-family: var(--f-mono);font-size: var(--t-mono);line-height: 1;letter-spacing: var(--track-mono);color: var(--ink-3);transition: color var(--dur-1);}.menu__num::before{content: "";width: 6px;height: 6px;border-radius: 1.5px;background: var(--seal);transform: scale(0);transition: transform var(--dur-2) var(--ease-out);}.menu__link:hover .menu__num, .menu__link:focus-visible .menu__num, .menu__link:active .menu__num{color: var(--ink);}.menu__link:hover .menu__num::before, .menu__link:focus-visible .menu__num::before, .menu__link:active .menu__num::before{transform: scale(1);}.menu__link:focus-visible{outline-offset: -2px;}html[lang^="zh"] .menu__link{font-size: clamp(1.5rem, min(7.6vw, 5.8svh), 3rem);line-height: 1.25;font-weight: 500;}@media (max-height: 500px){.menu__links{grid-template-columns: 1fr 1fr;column-gap: 24px;}.menu__link:nth-child(2){border-top: 1px solid var(--line);}}html[lang^="zh"] .menu__num{padding-top: .9em;}.menu__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 14px;padding-block: 18px max(26px, env(safe-area-inset-bottom));}.menu__foot .btn{height: 46px;}@media (max-width: 380px){.menu__foot .btn{flex: 1 1 100%;}}.footer{position: relative;padding-top: clamp(84px, 8.6vw, 140px);padding-bottom: max(24px, env(safe-area-inset-bottom));overflow: clip;}.footer__top{display: grid;grid-template-columns: minmax(0, 1.55fr) minmax(0, .62fr) minmax(0, .9fr) minmax(0, .72fr);grid-template-areas: "brand pages contact time";gap: 40px clamp(24px, 3vw, 52px);align-items: start;}.footer__brand{grid-area: brand;display: grid;gap: 28px;justify-items: start;}.footer__col--pages{grid-area: pages;}.footer__col--contact{grid-area: contact;}.footer__col--time{grid-area: time;}.footer__tagline{max-width: 14.5em;font-family: var(--f-display);font-weight: 400;color: var(--ink);font-size: clamp(1.55rem, 1.2rem + 1.05vw, 2.2rem);line-height: 1.12;letter-spacing: -.022em;text-wrap: balance;font-variation-settings: "SOFT" 0, "WONK" 0;}html[lang^="zh"] .footer__tagline{font-weight: 500;letter-spacing: 0;line-height: 1.35;}.footer__k{margin-bottom: 18px;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}html[lang^="zh"] .footer__k{font-family: var(--f-sans);letter-spacing: .1em;font-size: .8125rem;}.footer__list{display: grid;gap: 11px;font-size: .9375rem;line-height: 1.35;}.footer__list a, .footer__copy{display: inline-flex;align-items: baseline;gap: 6px;color: var(--ink-2);text-align: left;background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;transition: color var(--dur-1), background-size var(--dur-2) var(--ease-out);}@media (hover: hover) and (pointer: fine){.footer__list a:hover, .footer__copy:hover{color: var(--ink);background-size: 100% 1px;}}.footer__list a:focus-visible, .footer__copy:focus-visible{color: var(--ink);}.footer__copy-k{color: var(--ink-3);}.footer__copy.is-copied [data-copy-text]{color: var(--seal);}.footer__arr{font-family: var(--f-sans);}.footer .clocks{display: grid;gap: 11px;}.footer .clock{display: flex;justify-content: space-between;gap: 18px;max-width: 220px;}.footer__markwrap{container-type: inline-size;margin-top: clamp(20px, 2.8vw, 44px);}.footer__mark{display: flex;overflow: hidden;user-select: none;white-space: nowrap;line-height: 1;font-family: "Fraunces", var(--f-display);font-weight: 420;letter-spacing: -.045em;font-variation-settings: "SOFT" 0, "WONK" 0;font-size: clamp(5.5rem, 24vw, 22rem);font-size: calc(100cqw / 2.69);}.footer__ch:first-child{margin-left: -.126em;}.footer__ch{--ink: 0;display: inline-block;color: transparent;padding-inline: .1em;margin-inline: -.1em;background-image: linear-gradient(180deg, rgba(20, 20, 20, calc(.16 + var(--ink) * .22)) 12%, rgba(20, 20, 20, calc(.045 + var(--ink) * .07)) 88%);-webkit-background-clip: text;background-clip: text;}.footer__base{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 28px;margin-top: clamp(10px, 1.4vw, 20px);padding-top: 20px;border-top: 1px solid var(--line);font-size: .875rem;color: var(--ink-3);}.footer__base > :first-child{margin-right: auto;}.footer__base a{transition: color var(--dur-1);}@media (hover: hover) and (pointer: fine){.footer__base a:hover{color: var(--ink);}}@media (pointer: coarse){.footer__list{gap: 0;}.footer__list a, .footer__copy, .footer__base a{padding-block: 12px;}}@media (max-width: 1080px){.footer__top{grid-template-columns: repeat(3, minmax(0, 1fr));grid-template-areas: "brand brand brand" "pages contact time";}.footer__brand{grid-template-columns: minmax(0, 1fr) auto;align-items: end;justify-items: stretch;width: 100%;}.footer__brand .lang{justify-self: end;}}@media (max-width: 640px){.footer__top{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);grid-template-areas: "brand brand" "pages time" "contact contact";row-gap: 36px;}.footer__brand{grid-template-columns: 1fr;justify-items: start;gap: 22px;}.footer__brand .lang{justify-self: start;}.footer .clock{flex-direction: column;gap: 2px;}.footer__mark{font-size: calc(100cqw / 2.7);}.footer__base{flex-direction: column;align-items: flex-start;gap: 8px;}.footer__base > :first-child{margin-right: 0;}}html.js:not(.reduce) [data-reveal]:not(.is-in){opacity: 0;}html.js:not(.reduce) [data-reveal="none"]{opacity: 1;}.rv-line-mask{padding-block: .08em .24em;margin-block: -.08em -.24em;}.rv-line-mask + .rv-line-mask{margin-top: -.32em;}html.no-js .clock__time{display: none;}
.cta{--cpx: clamp(28px, 5vw, 80px);--cpt: clamp(56px, 6.2vw, 92px);padding-bottom: 0;}.cta__card{display: grid;grid-template-columns: minmax(0, 1fr);grid-template-rows: auto 1fr auto;grid-template-areas: "label" "body" "ch";padding: var(--cpt) var(--cpx) 0;border-radius: var(--r-xl);isolation: isolate;box-shadow: 0 2px 4px rgba(20, 20, 20, .06), 0 30px 60px -24px rgba(20, 20, 20, .34), 0 90px 150px -70px rgba(20, 20, 20, .5);}.cta__bg::before{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 38%);}.cta__label{grid-area: label;margin-bottom: 24px;}.cta__label .label{white-space: nowrap;}.cta__body{grid-area: body;display: grid;grid-template-columns: minmax(0, 1fr);gap: 24px;justify-items: start;align-content: start;padding-bottom: clamp(52px, 5.6vw, 84px);}.cta__title{color: var(--on-dark);max-width: 10.5em;}html[lang^="zh"] .cta__title{max-width: none;}.cta__text{max-width: 35ch;font-size: var(--t-lede);line-height: 1.5;color: var(--on-dark-2);text-wrap: pretty;}html[lang^="zh"] .cta__text{word-break: keep-all;overflow-wrap: anywhere;}.cta__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 12px;}.cta__btn{height: 54px;padding: 0 28px;font-size: 1rem;box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 32px -10px rgba(255, 255, 255, .3);}.cta__btn--ghost{--bg: transparent;--fg: var(--on-dark);--bd: rgba(244, 243, 239, .24);box-shadow: none;transition: scale var(--dur-1) var(--ease-out), background var(--dur-1), border-color var(--dur-1);}@media (hover: hover) and (pointer: fine){.cta__btn:hover{box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 16px 44px -8px rgba(255, 255, 255, .42);}.cta__btn--ghost:hover{--bg: rgba(255, 255, 255, .07);--bd: rgba(244, 243, 239, .45);box-shadow: none;}}.cta__channels{grid-area: ch;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));margin-inline: calc(-1 * var(--cpx));padding-inline: var(--cpx);border-top: 1px solid var(--on-dark-line);}.cta__chi{display: flex;min-width: 0;}.cta__chi + .cta__chi{border-left: 1px solid var(--on-dark-line);}.cta__ch{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;width: 100%;min-width: 0;padding: 26px 0 30px;text-align: left;color: var(--on-dark);}.cta__chi + .cta__chi .cta__ch{padding-left: clamp(18px, 2.4vw, 32px);}.cta__ch-k{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--on-dark-2);}.cta__ch-v{display: inline-flex;align-items: center;gap: 8px;max-width: 100%;font-family: var(--f-mono);font-size: .9375rem;letter-spacing: .01em;color: var(--on-dark);background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;padding-bottom: 3px;transition: background-size .5s var(--ease-out), color var(--dur-1);}.cta__ch-v > span:first-child{overflow: hidden;text-overflow: ellipsis;}.cta__ch:focus-visible .cta__ch-v{background-size: 100% 1px;color: #fff;}.cta__ch-i{width: 14px;height: 14px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.3;opacity: .6;}.cta__ch-arr{font-family: var(--f-sans);transition: transform var(--dur-2) var(--ease-out);}@media (hover: hover) and (pointer: fine){.cta__ch:hover .cta__ch-v{background-size: 100% 1px;color: #fff;}.cta__ch:hover .cta__ch-arr{transform: translate(2px, -2px);}}.cta__ch.is-copied .cta__ch-v{color: #fff;}.cta__ch.is-copied .cta__ch-k{color: var(--seal);}.cta__ch:focus-visible{outline-offset: 6px;}html[lang^="zh"] .cta__ch-k{font-family: var(--f-sans);letter-spacing: .1em;font-size: .8125rem;}@media (max-width: 900px){.cta{--cpx: clamp(22px, 5vw, 40px);--cpt: clamp(28px, 6vw, 44px);}.cta__card{grid-template-rows: auto auto auto auto;grid-template-areas: "stage" "label" "body" "ch";}.cta__stage{display: block;grid-area: stage;aspect-ratio: 1600 / 690;margin: calc(-1 * var(--cpt) + 16px) calc(-1 * var(--cpx)) 18px;}.cta__label{margin-bottom: 22px;}.cta__body{gap: 20px;padding-bottom: 44px;}.cta__channels{grid-template-columns: 1fr;}.cta__chi + .cta__chi{border-left: 0;border-top: 1px solid var(--on-dark-line);}.cta__chi + .cta__chi .cta__ch{padding-left: 0;}.cta__ch{flex-direction: row;justify-content: space-between;align-items: center;gap: 16px;padding: 20px 0;}}@media (max-width: 640px){.cta__text{font-size: 1.0625rem;}.cta__actions{flex-direction: column;align-items: stretch;width: 100%;}.cta__btn{width: 100%;}.cta__ch-v{font-size: .875rem;}}@media (max-width: 359px){.cta__btn{padding-inline: 16px;font-size: .9375rem;}}
.faq{--pad: clamp(16px, 1.9vw, 28px);--numw: 52px;}.faq__grid{display: grid;grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);gap: clamp(40px, 5.6vw, 104px);align-items: start;}.faq__head{position: sticky;top: calc(var(--nav-h) + 40px);display: grid;gap: 22px;justify-items: start;padding-top: 4px;container-type: inline-size;}.faq__title{font-size: min(var(--t-h2), 15.5cqi);max-width: 11.5em;}html[lang^="zh"] .faq__title{font-size: min(var(--t-h2), 10.6cqi);max-width: none;}.faq__lede{max-width: 30ch;}html[lang^="zh"] .faq__lede{word-break: keep-all;overflow-wrap: anywhere;text-wrap: balance;}.faq__ask{display: grid;gap: 14px;width: 100%;max-width: 430px;margin-top: clamp(8px, 1.6vw, 24px);padding-top: 22px;border-top: 1px solid var(--line);}.faq__ask-t{font-size: var(--t-small);line-height: 1.5;color: var(--ink-2);text-wrap: pretty;}.faq__ask-t strong{display: block;font-weight: 500;color: var(--ink);}.faq__ask-row{display: flex;flex-wrap: wrap;gap: 8px;}.faq__chip{display: inline-flex;align-items: center;gap: 10px;height: 40px;padding: 0 16px;border-radius: var(--r-pill);background: var(--card);border: 1px solid var(--card-line);box-shadow: 0 1px 2px rgba(20, 20, 20, .04);font-size: .875rem;line-height: 1;color: var(--ink);white-space: nowrap;transition: scale var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft), border-color var(--dur-1), box-shadow var(--dur-2) var(--ease-out);}.faq__chip:active{scale: .98;}.faq__chip-k{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);transition: color var(--dur-1);}.faq__chip-i{width: 14px;height: 14px;margin-right: -2px;fill: none;stroke: currentColor;stroke-width: 1.3;opacity: .55;}.faq__chip.is-copied .faq__chip-v{color: var(--seal);}@media (hover: hover) and (pointer: fine){.faq__chip:hover{background: var(--ink);border-color: var(--ink);color: #fff;box-shadow: 0 10px 22px -12px rgba(20, 20, 20, .5);}.faq__chip:hover .faq__chip-k{color: rgba(255, 255, 255, .55);}.faq__chip.is-copied:hover .faq__chip-v{color: #fff;}}html[lang^="zh"] .faq__chip-k{letter-spacing: .08em;font-family: var(--f-sans);}.faq__list{position: relative;display: grid;}.faq__item{position: relative;border-radius: var(--r-lg);transition: background-color .55s var(--ease-soft), box-shadow .7s var(--ease-soft);}.faq__item::after{content: "";position: absolute;left: var(--pad);right: var(--pad);bottom: 0;height: 1px;background: var(--line);transition: opacity .35s var(--ease-soft);}.faq__item.is-open{background: var(--card);box-shadow: var(--shadow-card);z-index: 1;}.faq__item.is-open::after, .faq__item:has(+ .faq__item.is-open)::after{opacity: 0;}.faq__h{font: inherit;}.faq__q{display: grid;grid-template-columns: var(--numw) minmax(0, 1fr) auto;align-items: center;column-gap: 16px;width: 100%;padding: 24px var(--pad);text-align: left;border-radius: var(--r-lg);}.faq__q:focus-visible{outline-offset: -2px;border-radius: var(--r-lg);}.faq__num{display: inline-flex;align-items: center;gap: 9px;align-self: start;margin-top: .58em;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);line-height: 1;color: var(--ink-3);font-variant-numeric: tabular-nums;transition: color .45s var(--ease-soft);}.faq__num .seal{transform: scale(0);transition: transform .55s var(--ease-out);}.faq__text{font-family: var(--f-display);font-weight: 400;font-size: var(--t-h4);line-height: 1.24;letter-spacing: -.014em;color: var(--ink);text-wrap: balance;font-variation-settings: "SOFT" 0, "WONK" 0;}html[lang^="zh"] .faq__text{font-size: calc(var(--t-h4) * .9);font-weight: 500;letter-spacing: 0;line-height: 1.45;word-break: keep-all;overflow-wrap: anywhere;line-break: strict;}.faq__icon{position: relative;display: block;width: 40px;height: 40px;border-radius: 50%;flex: none;background: var(--card);border: 1px solid var(--card-line);box-shadow: var(--shadow-1);transition: background .45s var(--ease-soft), border-color .45s var(--ease-soft), box-shadow .45s var(--ease-out);}.faq__icon i{position: absolute;left: 50%;top: 50%;width: 12px;height: 1.5px;margin: -.75px 0 0 -6px;border-radius: 2px;background: var(--ink);transition: transform .6s var(--ease-out), background .45s var(--ease-soft);}.faq__icon i:last-child{transform: rotate(90deg);}.faq__item.is-open .faq__num{color: var(--ink);}.faq__item.is-open .faq__num .seal{transform: scale(1);}.faq__item.is-open .faq__icon{background: var(--ink);border-color: var(--ink);box-shadow: 0 8px 18px -10px rgba(20, 20, 20, .55);}.faq__item.is-open .faq__icon i{background: #fff;transform: rotate(180deg);}@media (hover: hover) and (pointer: fine){.faq__item:not(.is-open):hover{background: rgba(255, 255, 255, .55);}.faq__item:not(.is-open):hover::after, .faq__item:has(+ .faq__item:not(.is-open):hover)::after{opacity: 0;}.faq__item:not(.is-open) .faq__q:hover .faq__icon{box-shadow: 0 2px 4px rgba(20, 20, 20, .06), 0 10px 22px -8px rgba(20, 20, 20, .22);}.faq__item:not(.is-open) .faq__q:hover .faq__num{color: var(--ink-2);}}.faq__panel{display: grid;grid-template-rows: 1fr;transition: grid-template-rows .7s var(--ease-out);}.faq__inner{min-height: 0;overflow: hidden;}.faq__body{display: grid;gap: 14px;justify-items: start;padding: 0 calc(var(--pad) + 56px) 28px calc(var(--pad) + var(--numw) + 16px);transition: opacity .5s var(--ease-soft) .12s, transform .7s var(--ease-out) .08s;}.faq__a{max-width: 62ch;font-size: var(--t-body);line-height: var(--lh-body);color: var(--ink-2);text-wrap: pretty;}.faq__more{position: relative;display: inline-flex;align-items: center;gap: 8px;padding: 2px 0;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink);border-bottom: 1px solid var(--line-2);transition: border-color var(--dur-1);}.faq__more .arr{font-family: var(--f-sans);transition: transform var(--dur-2) var(--ease-out);}.faq__more:focus-visible{border-color: var(--seal);}@media (hover: hover) and (pointer: fine){.faq__more:hover{border-color: var(--seal);}.faq__more:hover .arr{transform: translateX(3px);}}html[lang^="zh"] .faq__more{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .06em;}@media (pointer: coarse){.faq__chip{height: 44px;}.faq__more::after{content: "";position: absolute;inset: -12px -8px;}}html.js .faq__item:not(.is-open) .faq__panel{grid-template-rows: 0fr;}html.js .faq__item:not(.is-open) .faq__inner{visibility: hidden;transition: visibility 0s linear .7s;}html.js .faq__item:not(.is-open) .faq__body{opacity: 0;transform: translateY(-8px);transition-delay: 0s;}html.no-js .faq__icon{display: none;}html.no-js .faq__q{cursor: default;}html.no-js .faq__item .faq__num{color: var(--ink);}.faq__item.is-instant, .faq__item.is-instant *{transition: none !important;}html.reduce .faq__item, html.reduce .faq__item *{transition-duration: .01s !important;transition-delay: 0s !important;}@media (max-width: 960px){.faq__grid{grid-template-columns: 1fr;gap: 44px;}.faq__head{position: static;}.faq__lede{max-width: 40ch;}}@media (max-width: 640px){.faq{--pad: 16px;--numw: 30px;}.faq__q{column-gap: 12px;padding-block: 20px;}.faq__num{margin-top: .5em;}.faq__num .seal{display: none;}.faq__icon{width: 36px;height: 36px;}.faq__body{padding: 0 var(--pad) 22px calc(var(--pad) + var(--numw) + 12px);}.faq__ask-row{flex-direction: column;align-items: stretch;}.faq__chip{justify-content: flex-start;}}
.film__head{margin-bottom: clamp(48px, 5.4vw, 88px);}.film__intro{display: grid;gap: 22px;justify-items: start;}.film__title{max-width: 11.5em;}html[lang^="zh"] .film__text{line-break: strict;}.film__aside{display: grid;gap: 26px;justify-self: end;max-width: 470px;}.film__aside .film__text{max-width: none;justify-self: stretch;}.film__formats{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 14px;}.film__formats-label{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}.film__fmts{display: flex;gap: 8px;}.film__fmt{gap: 8px;font-variant-numeric: tabular-nums;}.film__ratio{display: inline-block;height: 12px;aspect-ratio: var(--r);border: 1.25px solid currentColor;border-radius: 2px;}html[lang^="zh"] .film__formats-label{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .08em;}.film__stage{position: relative;--film-max: 1104px;}.film__frame{position: relative;z-index: 2;max-width: var(--film-max);margin-inline: auto;transform-origin: 50% 100%;box-shadow: var(--shadow-lift);}.film__screen{background: #0E0E0D;}.film__video{cursor: pointer;}.film__play{position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);display: inline-flex;align-items: center;gap: 12px;height: 56px;padding: 0 22px 0 8px;border-radius: var(--r-pill);background: rgba(255, 255, 255, .95);color: var(--ink);font: 500 .9375rem/1 var(--f-sans);white-space: nowrap;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 18px 40px -12px rgba(0, 0, 0, .45);transition: background var(--dur-1), box-shadow var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);}.film__play[hidden]{display: none;}.film__play:active{scale: .97;}.film__play-ico{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--ink);color: #fff;}.film__play-ico svg{margin-left: 2px;}.film__play-len{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);color: var(--ink-3);}.film__frame .film__strip{display: grid;grid-template-columns: auto minmax(0, 1fr) auto auto;align-items: center;gap: 8px 18px;min-height: 46px;padding: 8px 10px 4px 10px;}.film__rec{color: var(--ink);}.film__cap{color: var(--ink-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.film__toggle{position: relative;min-width: 66px;height: 28px;padding: 0 12px;border-radius: var(--r-pill);border: 1px solid var(--line-2);font: inherit;letter-spacing: inherit;text-transform: inherit;color: var(--ink);transition: background var(--dur-1), color var(--dur-1), border-color var(--dur-1), scale var(--dur-1) var(--ease-out);}.film__toggle[hidden]{display: none;}.film__toggle:active{scale: .97;}.film__tc{color: var(--ink-3);white-space: nowrap;font-variant-numeric: tabular-nums;}.film__frame.is-paused .rec::before{animation: none;opacity: .3;}html[lang^="zh"] .film__cap, html[lang^="zh"] .film__toggle{font-family: var(--f-sans);letter-spacing: .06em;font-size: .78rem;}@media (hover: hover) and (pointer: fine){.film__play:hover{background: #fff;}.film__toggle:hover{background: var(--ink);color: #fff;border-color: var(--ink);}}@media (pointer: coarse){.film__toggle::after{content: "";position: absolute;inset: -11px -6px;}}.film__source{position: relative;z-index: 1;max-width: var(--film-max);margin: clamp(36px, 3.6vw, 56px) auto 0;}.film__source-label{display: flex;align-items: center;gap: 16px;margin-bottom: clamp(16px, 1.6vw, 22px);font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-2);}.film__source-label::before{content: "";width: 7px;height: 7px;border-radius: 1.5px;background: var(--seal);flex: none;}.film__source-label::after{content: "";flex: 1;height: 1px;background: var(--line-2);}html[lang^="zh"] .film__source-label{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .1em;}.film__photos{display: grid;grid-template-columns: repeat(9, minmax(0, 1fr));gap: clamp(8px, 1vw, 14px);}.film__photo{position: relative;}.film__tile{--mat: 4px;border-radius: 14px;box-shadow: 0 1px 2px rgba(20, 20, 20, .05), 0 10px 24px -12px rgba(20, 20, 20, .22);transition: transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);}.film__tile .frame__media{border-radius: 10px;background: #fff;}.film__tile img{transition: transform .7s var(--ease-out);}.film__num{display: block;margin-top: 9px;text-align: center;font-family: var(--f-mono);font-size: .6875rem;letter-spacing: var(--track-mono);color: var(--ink-3);font-variant-numeric: tabular-nums;}@media (hover: hover) and (pointer: fine){.film__photo:hover .film__tile{transform: translateY(-4px);box-shadow: 0 2px 4px rgba(20, 20, 20, .06), 0 18px 36px -14px rgba(20, 20, 20, .3);}.film__photo:hover .film__tile img{transform: scale(1.03);}.film__photo:hover .film__num{color: var(--ink);}}@media (max-width: 900px){.film__aside{justify-self: start;}}@media (max-width: 700px){.film__photos{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px 10px;}.film__num{margin-top: 6px;}}@media (max-width: 560px){.film__frame .film__strip{grid-template-columns: auto minmax(0, 1fr) auto;grid-template-areas: "rec tc tc" "cap cap toggle";gap: 6px 12px;padding: 8px 8px 4px;}.film__rec{grid-area: rec;}.film__tc{grid-area: tc;justify-self: end;}.film__cap{grid-area: cap;}.film__toggle{grid-area: toggle;height: 26px;padding: 0 10px;}.film__play{height: 48px;gap: 10px;padding: 0 18px 0 6px;font-size: .875rem;}.film__play-ico{width: 36px;height: 36px;}}@media (max-width: 400px){html:not([lang^="zh"]) .film__cap-kind{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}}
.hero{position: relative;isolation: isolate;overflow: clip;min-height: max(660px, 100svh);display: grid;grid-template-rows: 1fr auto;padding-top: var(--nav-h);}html.js:not(.reduce):not(.is-ready) :is(.hero__title, .hero__chip, .hero__frame, .hero__foot){opacity: 0;}.hero__veil{position: absolute;inset: 0;z-index: -1;pointer-events: none;}.hero__stage{position: absolute;inset: 0;z-index: -1;pointer-events: none;will-change: transform;}.hero__frame{position: absolute;inset: 0;}.hero__media, .hero__media img{width: 100%;height: 100%;}.hero__media--film{position: absolute;inset: 0;opacity: 0;transition: opacity .8s var(--ease-soft);}.hero__media--film.is-playing{opacity: 1;}.hero__floor{display: none;}.hero__ripple{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;transition: opacity .35s var(--ease-soft);-webkit-mask-image: radial-gradient(ellipse 78% 92% at 50% 70%, #000 58%, transparent 100%);mask-image: radial-gradient(ellipse 78% 92% at 50% 70%, #000 58%, transparent 100%);}.hero__ripple.is-on{opacity: 1;transition-duration: .12s;}.hero__media img, video.hero__media{object-fit: contain;object-position: 50% 100%;-webkit-mask-image: radial-gradient(ellipse 78% 92% at 50% 70%, #000 58%, transparent 100%);mask-image: radial-gradient(ellipse 78% 92% at 50% 70%, #000 58%, transparent 100%);}.hero__content{display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: clamp(40px, 8.5vh, 104px);}.hero__title{font-size: clamp(2.6rem, .5rem + 7vw, 6.5rem);font-variation-settings: "opsz" 60, "SOFT" 0, "WONK" 0;}html[lang^="zh"] .hero__title{font-size: clamp(2.6rem, .9rem + 5.1vw, 6.1rem);max-width: 12em;}.hero__line{display: block;overflow: clip;padding-bottom: .06em;margin-bottom: -.06em;}.hero__line > span{display: inline-block;}@media (min-width: 1181px), (min-width: 701px) and (orientation: landscape){.hero__line{white-space: nowrap;}.hero__veil{-webkit-mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);mask-image: linear-gradient(to bottom, #000 88%, transparent 100%);}.hero.has-floor:has(.hero__floor){overflow: clip visible;}.hero.has-floor:has(.hero__floor) .hero__veil{-webkit-mask-image: none;mask-image: none;}.hero__floor{display: block;position: absolute;left: 0;top: 100%;width: 100%;height: 8%;pointer-events: none;}}.hero__chip{display: inline-flex;align-items: center;gap: 10px;margin-top: clamp(22px, 3.2vh, 36px);min-height: 46px;padding: 0 20px 0 17px;border-radius: var(--r-pill);background: var(--card);border: 1px solid var(--card-line);box-shadow: 0 1px 2px rgba(20, 20, 20, .05), 0 14px 30px -10px rgba(20, 20, 20, .2);font-size: .9688rem;color: var(--ink-2);line-height: 1.3;}.hero__chip-live{display: none;}html.js:not(.reduce) .hero__chip-static{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}html.js:not(.reduce) .hero__chip-live{display: inline-flex;align-items: baseline;gap: .3em;}.roll{position: relative;display: inline-block;height: 1.3em;overflow: hidden;vertical-align: bottom;color: var(--ink);font-weight: 500;}.roll__track{display: block;will-change: transform;}.roll__item{display: block;width: max-content;height: 1.3em;line-height: 1.3em;white-space: nowrap;}html[lang^="zh"] .hero__chip-live{gap: .15em;}.hero__foot{display: grid;grid-template-columns: 1fr auto 1fr;align-items: end;gap: 24px;padding-bottom: clamp(20px, 3.4vh, 36px);}.hero__foot .clocks{justify-self: start;}.hero__sub{max-width: 46ch;text-align: center;color: var(--ink-2);font-size: var(--t-body);line-height: 1.45;text-wrap: balance;}.hero__end{justify-self: end;display: inline-flex;align-items: center;gap: 14px;}.hero__motion{display: none;position: relative;width: 30px;height: 30px;border-radius: 50%;background: var(--card);border: 1px solid var(--card-line);box-shadow: var(--shadow-1);}html.js:not(.reduce) .hero__motion{display: inline-block;}.hero__motion i{position: absolute;top: 10px;width: 2px;height: 9px;border-radius: 1px;background: var(--ink);}.hero__motion i:first-of-type{left: 11px;}.hero__motion i:last-of-type{left: 16px;}.hero__motion[aria-pressed="true"] i:first-of-type{left: 12px;top: 9px;width: 0;height: 0;border-radius: 0;background: none;border-style: solid;border-width: 5.5px 0 5.5px 8px;border-color: transparent transparent transparent var(--ink);}.hero__motion[aria-pressed="true"] i:last-of-type{display: none;}@media (pointer: coarse){.hero__motion::after{content: "";position: absolute;inset: -8px;}}.hero__mail{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink);}.hero__mail:focus-visible{color: var(--seal);}@media (hover: hover) and (pointer: fine){.hero__mail:hover{color: var(--seal);}}@media (pointer: coarse){.hero__mail{padding-block: 12px;}}@media (max-width: 900px){.hero__foot{grid-template-columns: 1fr 1fr;}.hero__sub{grid-column: 1 / -1;grid-row: 1;justify-self: center;}}@media (max-width: 700px), (max-width: 1180px) and (orientation: portrait){.hero__veil{display: contents;}.hero{--hw: min(100vw, calc((100svh - var(--nav-h)) * .5655));--hh: calc(var(--hw) * 1.7684);min-height: 0;display: block;padding-bottom: 8px;}.hero__stage{position: relative;inset: auto;z-index: 0;width: var(--hw);height: var(--hh);margin: 0 auto;}.hero__content{position: absolute;z-index: 1;left: 0;right: 0;top: calc(var(--nav-h) + var(--hh) * .225);height: calc(var(--hh) * .342);justify-content: center;padding-top: 0;}.hero__foot{grid-template-columns: 1fr;justify-items: center;gap: 14px;margin-top: 6px;}.hero__title{font-size: clamp(2.45rem, 7.4vw, 4.6rem);text-wrap: balance;}html[lang^="zh"] .hero__title{font-size: clamp(2.1rem, 6.6vw, 4rem);}.hero__media img, video.hero__media{object-position: 50% 50%;-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 3%, #000 90%, transparent 100%);mask-image: linear-gradient(to bottom, transparent 0%, #000 3%, #000 90%, transparent 100%);}.hero__sub{grid-row: auto;grid-column: auto;}.hero__foot .clocks, .hero__end{justify-self: center;}}@media (min-width: 701px) and (max-width: 1180px) and (orientation: portrait){.hero__media img, video.hero__media{-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 3%, #000 90%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);mask-image: linear-gradient(to bottom, transparent 0%, #000 3%, #000 90%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);-webkit-mask-composite: source-in;mask-composite: intersect;}}@media (max-width: 700px){.hero{--hw: 100vw;}.hero__title{font-size: clamp(2.45rem, 10.4vw, 3.4rem);}html[lang^="zh"] .hero__title{font-size: clamp(2.1rem, 9vw, 2.9rem);}}
.insights__head{margin-bottom: clamp(44px, 5vw, 80px);}.insights__heading{display: grid;gap: 22px;justify-items: start;}.insights__grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: clamp(16px, 2vw, 28px);}.insights__item{display: flex;min-width: 0;grid-column: span 4;}.insights__grid--n3 .insights__item:nth-child(1){grid-column: 1 / span 7;grid-row: 1 / span 2;}.insights__grid--n3 .insights__item:nth-child(2){grid-column: 8 / span 5;grid-row: 1;}.insights__grid--n3 .insights__item:nth-child(3){grid-column: 8 / span 5;grid-row: 2;}.insights__grid--n2 .insights__item:nth-child(1){grid-column: 1 / span 7;}.insights__grid--n2 .insights__item:nth-child(2){grid-column: 8 / span 5;}.insights__grid--n1 .insights__item{grid-column: 1 / -1;}.insights__card{position: relative;flex: 1;min-width: 0;display: flex;flex-direction: column;padding: var(--mat);background: var(--card);border: 1px solid var(--card-line);border-radius: var(--r-lg);box-shadow: var(--shadow-card);transition: translate var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);}@media (hover: hover) and (pointer: fine){.insights__card:hover{translate: 0 -4px;box-shadow: var(--shadow-lift);}.insights__card:hover .insights__arr{transform: translateX(4px);}}.insights__flip{position: relative;flex: 1;min-width: 0;display: flex;}.insights__back{display: none;}@media (hover: hover) and (pointer: fine){html.js:not(.reduce) .insights__item{perspective: 1800px;}html.js:not(.reduce) .insights__flip{transform-style: preserve-3d;transition: transform .95s cubic-bezier(.2, .75, .2, 1);}html.js:not(.reduce) .insights__item:hover .insights__flip{transform: rotateY(180deg);}html.js:not(.reduce) .insights__card{backface-visibility: hidden;-webkit-backface-visibility: hidden;}html.js:not(.reduce) .insights__card:hover{translate: none;}html.js:not(.reduce) .insights__back{position: absolute;inset: 0;display: flex;flex-direction: column;gap: 14px;overflow: hidden;padding: clamp(26px, 2.4vw, 36px);border-radius: var(--r-lg);color: var(--on-dark);transform: rotateY(180deg);backface-visibility: hidden;-webkit-backface-visibility: hidden;box-shadow: 0 2px 4px rgba(20, 20, 20, .08), 0 30px 60px -24px rgba(20, 20, 20, .4);}}.insights__back-k{display: inline-flex;align-items: center;gap: 10px;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--on-dark-2);}.insights__back-title{font-family: var(--f-display);font-size: clamp(1.25rem, 1.05rem + .6vw, 1.6rem);line-height: 1.2;letter-spacing: -.012em;color: var(--on-dark);text-wrap: balance;}.insights__back-text{position: relative;flex: 1 1 auto;min-height: 0;overflow: hidden;display: grid;align-content: start;gap: .8em;font-size: .96875rem;line-height: 1.6;color: rgba(244, 243, 239, .78);text-wrap: pretty;-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);}.insights__back-text p{margin: 0;}.insights__back-text ul, .insights__back-text ol{margin: 0;padding-left: 1.1em;display: grid;gap: .3em;}.insights__back-h{font-family: var(--f-display);font-size: 1.125rem;color: var(--on-dark);margin-top: .4em !important;}.insights__back .insights__back-more{color: var(--on-dark);margin-top: auto;}.insights__item:hover .insights__back-more .insights__arr{transform: translateX(4px);}html[lang^="zh"] .insights__back-k{font-family: var(--f-sans);letter-spacing: .1em;font-size: .8125rem;}html[lang^="zh"] .insights__back-title{line-height: 1.4;word-break: keep-all;overflow-wrap: anywhere;}html[lang^="zh"] .insights__back-text{line-height: 1.8;}.insights__cover{--lx: 50%;--ly: 36%;position: relative;overflow: hidden;isolation: isolate;flex: 1 0 auto;aspect-ratio: 16 / 10;border-radius: calc(var(--r-lg) - var(--mat));background: radial-gradient(46% 60% at var(--lx) var(--ly), rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .72) 30%, rgba(255, 255, 255, 0) 72%), linear-gradient(180deg, color-mix(in srgb, var(--canvas-2) 97%, var(--ink)) 0%, color-mix(in srgb, var(--canvas-2) 91%, var(--ink)) 100%);}.insights__stage{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;padding-bottom: 6%;}.insights__drift{display: block;height: 64%;will-change: transform;}.insights__obj{display: block;height: 100%;will-change: transform;}.insights__obj img{height: 100%;width: auto;max-width: none;}.insights__flat{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;}.insights__shade{position: absolute;left: 50%;bottom: 11%;width: 34%;height: 9%;margin-left: -17%;border-radius: 50%;pointer-events: none;background: radial-gradient(closest-side, rgba(20, 20, 20, .17), rgba(20, 20, 20, 0));}.insights__body{display: flex;flex-direction: column;gap: 14px;padding: clamp(18px, 1.7vw, 26px) clamp(14px, 1.5vw, 22px) clamp(16px, 1.6vw, 22px);}.insights__meta{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;}.insights__time{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-2);line-height: 1.3;white-space: nowrap;}.insights__title{text-wrap: balance;}.insights__title.h3{line-height: 1.1;}.insights__title.h4{line-height: 1.18;}.insights__link::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;}@supports selector(:has(*)){.insights__link:focus-visible{outline: none;}.insights__card:has(.insights__link:focus-visible){outline: 2px solid var(--seal);outline-offset: 4px;}}.insights__excerpt{font-size: var(--t-body);line-height: 1.55;color: var(--ink-2);max-width: 54ch;text-wrap: pretty;}.insights__more{display: inline-flex;align-items: center;gap: 8px;margin-top: auto;padding-top: 4px;font-size: .9375rem;font-weight: 500;color: var(--ink);}.insights__arr{display: inline-block;font-family: var(--f-sans);transition: transform var(--dur-2) var(--ease-out);}@media (min-width: 1101px){.insights__card--lead .insights__drift{height: 62%;}.insights__card--lead .insights__body{padding: 26px;gap: 16px;}.insights__grid--n3 .insights__item:not(.insights__item--lead) .insights__cover{aspect-ratio: auto;min-height: 150px;}.insights__grid--n3 .insights__item:not(.insights__item--lead) .insights__drift{height: 80%;}.insights__grid--n3 .insights__item:not(.insights__item--lead) .insights__stage{padding-bottom: 3%;}.insights__grid--n3 .insights__item:not(.insights__item--lead) .insights__shade{bottom: 6%;width: 26%;margin-left: -13%;}.insights__grid--n3 .insights__item:not(.insights__item--lead) .insights__excerpt{display: none;}}html[lang^="zh"] .insights__time{font-family: var(--f-sans);letter-spacing: .04em;font-size: .8125rem;text-transform: none;}html[lang^="zh"] .insights__title.h3{line-height: 1.32;}html[lang^="zh"] .insights__title.h4{line-height: 1.42;}html[lang^="zh"] .insights__excerpt{line-height: 1.75;}html[lang^="zh"] .insights__title{word-break: keep-all;overflow-wrap: anywhere;line-break: strict;}@media (max-width: 1100px){.insights__grid--n3 .insights__item:nth-child(1){grid-column: 1 / -1;grid-row: auto;}.insights__grid--n3 .insights__item:nth-child(2){grid-column: 1 / span 6;grid-row: auto;}.insights__grid--n3 .insights__item:nth-child(3){grid-column: 7 / span 6;grid-row: auto;}.insights__grid--n2 .insights__item:nth-child(n){grid-column: span 6;}.insights__card--lead{flex-direction: row;}.insights__card--lead .insights__cover{flex: 0 0 52%;aspect-ratio: auto;min-height: 320px;}.insights__card--lead .insights__body{flex: 1;justify-content: center;padding: 28px 26px;}.insights__item:not(.insights__item--lead) .insights__cover{flex: none;aspect-ratio: 16 / 10;}.insights__item:not(.insights__item--lead) .insights__body{flex: 1;}}@media (max-width: 700px){.insights__grid{grid-template-columns: minmax(0, 1fr);}.insights__grid .insights__item:nth-child(n){grid-column: 1 / -1;grid-row: auto;}.insights__card--lead{flex-direction: column;}.insights__card--lead .insights__cover{flex: none;aspect-ratio: 16 / 10;min-height: 0;}.insights__card--lead .insights__body{padding: 20px 16px 18px;}}.page--insight .page__head{max-width: 1040px;margin-bottom: clamp(44px, 5vw, 72px);}.article__title{max-width: 19em;}.article__byline{overflow: hidden;padding-block: 2px;}.article__bl{display: flex;flex-wrap: wrap;align-items: center;row-gap: 4px;margin-left: -26px;font-size: var(--t-small);color: var(--ink-2);line-height: 1.5;}.article__bl > *{position: relative;margin-left: 26px;white-space: nowrap;}.article__bl > * + *::before{content: "";position: absolute;left: -15px;top: 50%;width: 4px;height: 4px;margin-top: -2px;border-radius: 1px;background: var(--seal);}.article__author{color: var(--ink);}.article__grid{display: grid;grid-template-columns: minmax(0, 3fr) minmax(0, 8.4fr);column-gap: clamp(32px, 6vw, 112px);align-items: start;padding-top: clamp(32px, 4vw, 56px);border-top: 1px solid var(--line);}.article__rail{position: sticky;top: calc(var(--nav-h) + 32px);display: grid;gap: 36px;}.article__foot{display: grid;grid-template-columns: minmax(0, 3fr) minmax(0, 8.4fr);column-gap: clamp(32px, 6vw, 112px);}.article__foot > .article__ask{grid-column: 2;}.article__k{margin: 0;font-family: var(--f-mono);font-size: var(--t-mono);font-weight: 400;letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}.article__toc .article__k{margin-bottom: 10px;}.article__toc ol{display: grid;}.article__toc a{position: relative;display: block;padding: 9px 0 9px 18px;border-bottom: 1px solid var(--line);font-size: .9375rem;line-height: 1.4;color: var(--ink-2);text-wrap: balance;transition: color var(--dur-1);}.article__toc li:first-child a{border-top: 1px solid var(--line);}.article__toc a::before{content: "";position: absolute;left: 2px;top: calc(9px + .7em - 3px);width: 6px;height: 6px;border-radius: 1px;background: var(--seal);opacity: 0;transform: scale(.4);transition: opacity var(--dur-1), transform var(--dur-2) var(--ease-out);}.article__toc a[aria-current]{color: var(--ink);}.article__toc a[aria-current]::before{opacity: 1;transform: none;}@media (hover: hover) and (pointer: fine){.article__toc a:hover{color: var(--ink);}}.article__toc a:focus-visible{color: var(--ink);}.article__ask{display: grid;gap: 16px;justify-items: start;}.article__ask p{font-size: var(--t-small);line-height: 1.55;color: var(--ink-2);max-width: 34ch;}.article__ask--rail .btn{height: 44px;padding: 0 20px;}.article__ask--rail{transition: opacity var(--dur-2) var(--ease-out), visibility 0s linear 0s;}.article__ask--rail.is-quiet{opacity: 0;visibility: hidden;transition: opacity var(--dur-2) var(--ease-out), visibility 0s linear var(--dur-2);}html.reduce .article__ask--rail{transition: none;}.article__main{min-width: 0;}.article__foot{margin-top: clamp(56px, 6vw, 88px);}.article__foot > .article__ask{padding-top: clamp(28px, 3vw, 40px);border-top: 1px solid var(--line);}.article__foot .article__ask p{font-size: var(--t-lede);line-height: 1.5;color: var(--ink);max-width: 40ch;}.article__btns{display: flex;flex-wrap: wrap;gap: 12px;}.article__more{margin-top: clamp(80px, 8vw, 140px);}.article__more-head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: 18px;}.article__all{font-size: .9375rem;font-weight: 500;color: var(--ink);white-space: nowrap;}@media (hover: hover) and (pointer: fine){.article__all:hover{text-decoration: underline;text-underline-offset: .2em;}}.article__more-list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(14px, 2vw, 24px);}.article__mcard{position: relative;display: grid;grid-template-columns: clamp(96px, 11vw, 150px) minmax(0, 1fr);gap: 18px;align-items: center;padding: var(--mat);padding-right: clamp(14px, 2vw, 24px);background: var(--card);border: 1px solid var(--card-line);border-radius: var(--r-lg);box-shadow: var(--shadow-card);transition: translate var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);}@media (hover: hover) and (pointer: fine){.article__mcard:hover{translate: 0 -4px;box-shadow: var(--shadow-lift);}}.article__mthumb{display: grid;place-items: center;aspect-ratio: 1;border-radius: calc(var(--r-lg) - var(--mat));background: radial-gradient(60% 60% at 50% 42%, #fff 0%, rgba(255, 255, 255, 0) 75%), color-mix(in srgb, var(--canvas-2) 94%, var(--ink));}.article__mthumb img{width: auto;height: 68%;max-width: 80%;object-fit: contain;}.article__mtext{display: grid;gap: 8px;padding-block: 12px;}.article__mmeta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;}.article__mtitle{font-size: var(--t-h4);}.article__mlink::after{content: "";position: absolute;inset: 0;border-radius: inherit;}@supports selector(:has(*)){.article__mlink:focus-visible{outline: none;}.article__mcard:has(.article__mlink:focus-visible){outline: 2px solid var(--seal);outline-offset: 4px;}}html[lang^="zh"] .article__k{font-family: var(--f-sans);letter-spacing: .08em;font-size: .8125rem;text-transform: none;}html[lang^="zh"] .article__toc a{word-break: keep-all;overflow-wrap: anywhere;line-break: strict;}html[lang^="zh"] .article__mtitle{line-height: 1.42;word-break: keep-all;overflow-wrap: anywhere;line-break: strict;}@media (max-width: 960px){.article__more-list{grid-template-columns: minmax(0, 1fr);}.article__grid{grid-template-columns: minmax(0, 1fr);gap: 0;padding-top: 0;border-top: 0;}.article__rail{display: none;}.article__foot{grid-template-columns: minmax(0, 1fr);}.article__foot > .article__ask{grid-column: 1;}}@media (max-width: 700px){.article__btns .btn{flex: 1 1 auto;}.article__mcard{grid-template-columns: 64px minmax(0, 1fr);grid-template-areas: "thumb meta" "title title";gap: 12px 14px;padding: var(--mat) var(--mat) 18px;}.article__mtext{display: contents;}.article__mthumb{grid-area: thumb;}.article__mmeta{grid-area: meta;}.article__mtitle{grid-area: title;padding-inline: 12px;}}
mark.todo{padding: .14em .5em;border-radius: 6px;color: var(--ink);background: var(--seal-soft);box-shadow: inset 0 0 0 1px rgba(217, 58, 43, .32);-webkit-box-decoration-break: clone;box-decoration-break: clone;}mark.todo::before{content: "TODO";margin-right: .6em;font-family: var(--f-mono);font-size: .7em;font-weight: 600;letter-spacing: .08em;color: var(--seal);vertical-align: .08em;}.legal__head{max-width: 980px;}.legal__title{max-width: 13em;}html[lang^="zh"] .legal__head .lede{word-break: keep-all;overflow-wrap: anywhere;text-wrap: balance;}.legal__grid{display: grid;grid-template-columns: minmax(0, 3fr) minmax(0, 8.4fr);gap: clamp(32px, 6vw, 112px);align-items: start;padding-top: clamp(32px, 4vw, 56px);border-top: 1px solid var(--line);}.legal__rail{position: sticky;top: calc(var(--nav-h) + 32px);display: grid;gap: 30px;}.legal__k, .legal__updated{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}.legal__k{margin-bottom: 10px;}.legal__toc ol{display: grid;}.legal__toc a{display: flex;align-items: baseline;gap: 14px;padding: 9px 0;border-bottom: 1px solid var(--line);font-size: 1rem;color: var(--ink-2);transition: color var(--dur-1);}.legal__toc li:first-child a{border-top: 1px solid var(--line);}.legal__toc a:focus-visible{color: var(--ink);}@media (hover: hover) and (pointer: fine){.legal__toc a:hover{color: var(--ink);}}@media (pointer: coarse){.legal__toc a{min-height: 44px;align-items: center;}}.legal__n{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);color: var(--ink-3);font-variant-numeric: tabular-nums;}.legal__body{display: grid;max-width: 780px;}.legal__sec{display: grid;gap: 24px;scroll-margin-top: calc(var(--nav-h) + 24px);}.legal__sec + .legal__sec{margin-top: clamp(48px, 5vw, 72px);padding-top: clamp(48px, 5vw, 72px);border-top: 1px solid var(--line);}.legal__sec-head{display: flex;align-items: baseline;gap: 16px;}.legal__prose{max-width: 64ch;}.legal__prose > * + *{margin-top: 1em;}.legal__prose h3{margin-top: 2em;}.legal__prose > h3:first-child{margin-top: 0;}@media (pointer: coarse){.legal__prose a{position: relative;}.legal__prose a::after{content: "";position: absolute;inset: -12px -4px;}}html[lang^="zh"] .legal__k, html[lang^="zh"] .legal__updated{font-family: var(--f-sans);letter-spacing: .08em;font-size: .8125rem;}@media (max-width: 860px){.legal__grid{grid-template-columns: 1fr;gap: 40px;}.legal__rail{position: static;}}.nf{grid-template-columns: minmax(0, 1fr) auto;align-items: center;column-gap: clamp(32px, 5vw, 96px);}.nf__text{display: grid;gap: 24px;justify-items: start;}.nf__title{max-width: 11em;}.nf__lede{max-width: 34ch;}.nf__actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 8px;}.nf__links{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 4px;}@media (hover: hover) and (pointer: fine){.nf__links .tag:hover{background: var(--ink);border-color: var(--ink);color: #fff;}}@media (pointer: coarse){.nf__links .tag{height: 44px;padding-inline: 16px;}}.nf__alt{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 12px;margin-top: -10px;font-size: var(--t-small);line-height: 1.6;color: var(--ink-2);}.nf__alt a{display: inline-flex;align-items: baseline;gap: 6px;color: var(--ink);border-bottom: 1px solid var(--line-2);transition: border-color var(--dur-1);}.nf__alt a:focus-visible{border-color: var(--seal);}@media (hover: hover) and (pointer: fine){.nf__alt a:hover{border-color: var(--seal);}}@media (pointer: coarse){.nf__alt a{position: relative;}.nf__alt a::after{content: "";position: absolute;inset: -12px -6px;}}html[lang="en"] .nf__alt[lang|="zh"]{font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;}html[lang="en"] .nf__alt[lang|="zh"] .arr{font-family: var(--f-sans);}.nf__art{--w: min(560px, 42vw);--dx: 0px;--dy: 0px;--lx: calc(var(--w) * .6 + var(--dx));--ly: calc(var(--w) * .494 + var(--dy));--lr: calc(var(--w) * .112);position: relative;width: var(--w);aspect-ratio: 1 / .92;user-select: none;pointer-events: none;}.nf__digits{position: absolute;inset: 0;padding-top: calc(var(--w) * .239);text-align: center;line-height: 1;white-space: nowrap;font-family: "Fraunces", var(--f-display);font-weight: 420;letter-spacing: -.045em;font-size: calc(var(--w) * .5);font-variation-settings: "SOFT" 0, "WONK" 0;font-variant-numeric: lining-nums;color: transparent;-webkit-background-clip: text;background-clip: text;background-image: linear-gradient(180deg, rgba(20, 20, 20, .17) 30%, rgba(20, 20, 20, .05) 72%);}.nf__glass{position: absolute;left: calc(var(--w) * .177);top: calc(var(--w) * .317);width: calc(var(--w) * .6);height: auto;}.nf__zoomclip{position: absolute;inset: 0;overflow: clip;}.nf__zoom{background-image: linear-gradient(180deg, rgba(20, 20, 20, .36) 30%, rgba(20, 20, 20, .17) 72%);clip-path: circle(calc(var(--lr) / 1.34) at var(--lx) var(--ly));transform: scale(1.34);transform-origin: var(--lx) var(--ly);mix-blend-mode: multiply;}@media (max-width: 860px){.nf{grid-template-columns: 1fr;row-gap: 28px;}.nf__art{--w: min(420px, 82vw);order: -1;justify-self: center;}}
.pricing{--yes: #1F8F55;--no: var(--seal);}.pricing__head{display: grid;gap: 22px;justify-items: start;max-width: 640px;margin-bottom: clamp(64px, 6vw, 96px);}.pricing__head .lede{max-width: 480px;}.pricing .cur{font-family: var(--f-mono);font-size: .72em;letter-spacing: .04em;color: var(--ink-2);}html[lang^="zh"] .pricing .cur{font-family: var(--f-sans);letter-spacing: 0;}.pricing .amt{font-variant-numeric: lining-nums tabular-nums;}.pricing__offers{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 1.14fr);gap: 16px clamp(14px, 1.5vw, 22px);align-items: start;}.offer{position: relative;display: flex;flex-direction: column;padding: clamp(26px, 2.5vw, 38px);border-radius: var(--r-lg);transition: translate var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);}@supports (grid-template-rows: subgrid){@media (min-width: 1000px){.pricing__offers{grid-template-rows: repeat(var(--n), auto);row-gap: 0;}.offer{display: grid;grid-row: span var(--n);grid-template-rows: subgrid;}.offer__list{grid-row: span var(--rows);grid-template-rows: subgrid;}}}@media (hover: hover) and (pointer: fine){.offer:not(.offer--featured):hover{translate: 0 -4px;box-shadow: var(--shadow-lift);}}.offer__head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 14px;}.offer__name{font-family: var(--f-display);font-weight: 400;font-size: var(--t-card);line-height: 1.08;letter-spacing: -.022em;color: var(--ink);}html[lang^="zh"] .offer__name{font-weight: 500;letter-spacing: 0;}.offer__alt{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);}.offer__price{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 10px;margin-top: clamp(22px, 2.4vw, 34px);}.offer__price .amt{font-family: var(--f-display);font-size: clamp(2.9rem, 2rem + 2.2vw, 4.3rem);line-height: .9;letter-spacing: -.015em;color: var(--ink);font-variation-settings: "opsz" 96;}.offer__price .cur{align-self: flex-start;font-size: .8125rem;margin-top: .25em;}html[lang^="zh"] .offer__price .cur{align-self: baseline;margin: 0;font-size: 1.0625rem;color: var(--ink);}.offer__per{font-size: .9375rem;color: var(--ink-2);}.offer__meta{display: grid;gap: 12px;align-content: start;margin-top: clamp(18px, 1.8vw, 24px);padding-bottom: clamp(20px, 2vw, 26px);border-bottom: 1px solid var(--line);}.offer__vol{font-size: .9375rem;line-height: 1.4;color: var(--ink-2);text-wrap: balance;}.offer__vol b{font-weight: 600;color: var(--ink);}.offer__bar{position: relative;display: block;height: 4px;border-radius: 4px;background: var(--canvas-2);overflow: hidden;}.offer__bar i{position: absolute;top: 0;bottom: 0;left: 0;width: calc(var(--v, 100) * 1%);border-radius: inherit;background: var(--ink);}.offer__each{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;font-size: .875rem;line-height: 1.4;color: var(--ink-3);}.offer__each .cur{font-size: .75rem;color: inherit;}.offer__best{display: inline-flex;align-items: center;padding: 3px 9px;border-radius: var(--r-pill);background: rgba(87, 209, 139, .14);color: #7BE0A6;font-size: .75rem;font-weight: 500;letter-spacing: .01em;}.offer__sub{font-size: .9375rem;line-height: 1.5;color: var(--ink-2);text-wrap: pretty;}.offer__example{justify-self: start;display: inline-flex;align-items: center;gap: 6px;padding-bottom: 2px;font-size: .875rem;font-weight: 500;color: inherit;background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;}.offer__list{display: grid;margin-top: 8px;}.offer__row{display: flex;align-items: flex-start;gap: 12px;padding: 11px 0;border-bottom: 1px solid var(--line);font-size: .9375rem;line-height: 1.4;color: var(--ink);}.offer__mark{flex: none;width: 20px;height: 20px;margin-top: -1px;}.offer__row.is-yes .offer__mark{color: var(--yes);}.offer__row.is-no .offer__mark{color: var(--no);}.offer__row.is-no .offer__rt{color: var(--ink-3);}.offer__rt{text-wrap: pretty;}html[lang^="zh"] .offer__rt{word-break: keep-all;overflow-wrap: anywhere;}.offer__cta{min-width: 0;margin-top: clamp(24px, 2.4vw, 32px);align-self: end;}.btn--ghost.offer__cta{--bd: var(--line-2);}.offer--featured{--yes: #5BD28F;--no: #FF7B6E;isolation: isolate;z-index: 1;margin-block: -18px;padding-block: calc(clamp(26px, 2.5vw, 38px) + 18px);background: radial-gradient(110% 60% at 88% -6%, rgba(205, 200, 255, .09), transparent 60%), radial-gradient(90% 50% at 0% 105%, rgba(255, 210, 235, .05), transparent 60%), var(--dark);box-shadow: 0 2px 4px rgba(20, 20, 20, .08), 0 34px 70px -26px rgba(20, 20, 20, .5), 0 90px 150px -70px rgba(20, 20, 20, .45);}.offer__ring{position: absolute;inset: -1px;z-index: -1;border-radius: inherit;padding: 1px;pointer-events: none;overflow: hidden;-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);}.offer__ring i{position: absolute;left: 50%;top: 50%;width: 260%;aspect-ratio: 1;translate: -50% -50%;background: conic-gradient(from 300deg, rgba(255, 255, 255, .1) 0deg, rgba(214, 206, 255, .12) 120deg, rgba(255, 255, 255, .1) 190deg, rgba(176, 158, 255, .4) 228deg, rgba(140, 206, 255, .9) 262deg, rgba(255, 255, 255, .95) 276deg, rgba(255, 172, 222, .85) 292deg, rgba(255, 206, 160, .4) 318deg, rgba(255, 255, 255, .1) 346deg, rgba(255, 255, 255, .1) 360deg);}.offer--featured.is-live .offer__ring i{animation: offer-ring 9s linear infinite;}html.reduce .offer--featured .offer__ring i{animation: none;}@keyframes offer-ring{to{transform: rotate(360deg);}}.offer__badge{position: absolute;top: 0;left: clamp(26px, 2.5vw, 38px);translate: 0 -50%;display: inline-flex;align-items: center;height: 28px;padding: 0 13px;border-radius: var(--r-pill);background: var(--seal);color: #fff;font-size: .8125rem;font-weight: 600;letter-spacing: .01em;box-shadow: 0 6px 18px -6px rgba(217, 58, 43, .55);}.offer--featured .offer__name, .offer--featured .offer__price .amt, .offer--featured .offer__vol b, .offer--featured .offer__row, .offer--featured .offer__example{color: var(--on-dark);}.offer--featured .offer__vol, .offer--featured .offer__per, .offer--featured .offer__sub, .pricing .offer--featured .cur, .offer--featured .offer__alt, .offer--featured .offer__each{color: var(--on-dark-2);}.offer--featured .offer__row.is-no .offer__rt{color: rgba(244, 243, 239, .4);}html[lang^="zh"] .offer--featured .offer__price .cur{color: var(--on-dark);}.offer--featured .offer__meta, .offer--featured .offer__row{border-color: var(--on-dark-line);}.offer--featured .offer__bar{background: rgba(244, 243, 239, .1);}.offer--featured .offer__bar i{background: linear-gradient(90deg, #F4F3EF 0%, #D9DCFF 52%, #F6D2EA 100%);}.offer--featured .offer__cta{box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -8px rgba(190, 180, 255, .28);}.pricing__note{display: flex;flex-wrap: wrap;gap: 10px 30px;margin-top: clamp(40px, 3.6vw, 56px);font-size: .9375rem;line-height: 1.4;color: var(--ink-2);}.pricing__note li{display: flex;align-items: baseline;gap: 10px;}.pricing__note li::before{content: "";width: 5px;height: 5px;border-radius: 1px;background: var(--ink-3);flex: none;translate: 0 -.2em;}.pricing__note .cur{font-size: .75rem;}.pricing__teaser{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 14px;margin-top: clamp(28px, 2.6vw, 40px);padding-top: clamp(22px, 2vw, 28px);border-top: 1px solid var(--line-2);font-size: 1.0625rem;line-height: 1.5;color: var(--ink-2);}.pricing__teaser-link{display: inline-flex;align-items: baseline;gap: 6px;font-weight: 500;color: var(--ink);background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;padding-bottom: 2px;transition: background-size .5s var(--ease-out);}.pricing__teaser-link:focus-visible{background-size: 100% 1px;}@media (hover: hover) and (pointer: fine){.pricing__teaser-link:hover{background-size: 100% 1px;}}.pricing__sites{margin-top: clamp(112px, 10vw, 176px);scroll-margin-top: 12px;}.pricing__subhead{display: grid;gap: 18px;justify-items: start;max-width: 640px;margin-bottom: clamp(56px, 5.4vw, 88px);}.pricing__subhead .lede{max-width: 520px;}@media (max-width: 999.98px){.pricing__offers{grid-template-columns: minmax(0, 1fr);gap: 20px;max-width: 560px;}.offer--featured{margin-block: 14px 8px;padding-block: clamp(30px, 6vw, 40px) clamp(26px, 5vw, 34px);}}@media (min-width: 700px) and (max-width: 999.98px){.pricing__offers{grid-template-columns: repeat(2, minmax(0, 1fr));max-width: none;align-items: stretch;}.offer--featured{grid-column: 1 / -1;}.offer--featured .offer__list{display: block;columns: 2;column-gap: 32px;}.offer--featured .offer__row{break-inside: avoid;}.offer__list{margin-bottom: clamp(24px, 2.4vw, 32px);}.offer__cta{margin-top: auto;}}
.process__card{--ppx: clamp(28px, 5vw, 80px);--ppt: clamp(52px, 5.6vw, 88px);padding: var(--ppt) var(--ppx) clamp(48px, 5vw, 80px);border-radius: var(--r-xl);isolation: isolate;box-shadow: 0 2px 4px rgba(20, 20, 20, .06), 0 30px 60px -24px rgba(20, 20, 20, .34), 0 90px 150px -70px rgba(20, 20, 20, .5);}.process__board{position: absolute;inset: 0;z-index: -1;border-radius: inherit;overflow: hidden;pointer-events: none;}.process__board canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: opacity 1.4s var(--ease-soft);}.process__board canvas.is-ready{opacity: 1;}.process__head{display: grid;gap: 18px;justify-items: start;max-width: 640px;}.process__title{max-width: 24ch;color: var(--on-dark);}.process__stops{position: relative;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));column-gap: clamp(20px, 2.4vw, 40px);margin-top: clamp(64px, 6vw, 104px);}.process__stops::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 2px;background: rgba(244, 243, 239, .28);}.process__stop{position: relative;display: grid;gap: 12px;align-content: start;padding-top: 34px;}.process__stop::before{content: "";position: absolute;left: 0;top: -4.5px;width: 11px;height: 11px;border-radius: 2px;background: var(--on-dark);box-shadow: 0 0 0 5px var(--dark);}.process__stop.is-you::before{background: var(--seal);}.process__when{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;min-height: 34px;color: var(--on-dark-2);}html[lang^="zh"] .process__when{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .1em;}.process__loop-icon{width: 16px;height: 16px;flex: none;color: var(--on-dark);}.process__you{display: inline-flex;align-items: center;gap: 7px;padding: 4px 9px 4px 8px;border-radius: var(--r-pill);background: rgba(255, 255, 255, .07);border: 1px solid var(--on-dark-line);color: var(--on-dark);}.process__you .seal{width: 6px;height: 6px;}.process__name{color: var(--on-dark);font-size: clamp(1.9rem, 1.1rem + 1.5vw, 2.6rem);line-height: 1.04;letter-spacing: -.02em;}html[lang^="zh"] .process__name{font-size: clamp(1.7rem, 1rem + 1.6vw, 2.6rem);line-height: 1.2;letter-spacing: 0;}.process__text{max-width: 28ch;font-size: 1.0625rem;line-height: 1.5;color: var(--on-dark-2);text-wrap: pretty;}html[lang^="zh"] .process__text{line-height: 1.75;}@media (max-width: 899.98px){.process__stops{grid-template-columns: minmax(0, 1fr);row-gap: 38px;margin-top: 48px;padding-left: 30px;}.process__stops::before{left: 3px;right: auto;top: 4px;bottom: 8px;width: 2px;height: auto;}.process__stop{padding-top: 0;}.process__stop::before{left: -31.5px;top: 8px;}.process__name{font-size: clamp(1.6rem, 6.4vw, 2.2rem);}.process__text{max-width: 44ch;}}
.services{overflow-x: clip;}.services__index, .services__visual{display: none;}.services__list{display: grid;gap: 14px;}.services__slide{height: 100%;display: flex;flex-direction: column;padding: var(--mat);background: var(--card);border: 1px solid var(--card-line);border-radius: var(--r-lg);box-shadow: var(--shadow-card);}.services__figure{position: relative;display: flex;align-items: center;justify-content: center;height: clamp(196px, 52vw, 248px);border-radius: calc(var(--r-lg) - var(--mat));background: radial-gradient(ellipse 62% 70% at 50% 46%, #fff 0%, rgba(255, 255, 255, 0) 100%), var(--canvas);}.services__figure img{width: auto;height: auto;max-width: 74%;max-height: 78%;}.services__item--catalogues .services__figure img{max-width: 80%;}.services__body{display: flex;flex-direction: column;gap: 14px;padding: 22px 18px 18px;}.services__num{display: flex;gap: 8px;font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);color: var(--ink);font-variant-numeric: tabular-nums;}.services__of{color: var(--ink-3);}.services__name{font-family: var(--f-display);font-weight: 400;font-optical-sizing: auto;font-variation-settings: "SOFT" 0, "WONK" 0;font-size: var(--t-h3);line-height: 1.08;letter-spacing: -.022em;color: var(--ink);text-wrap: balance;}.services__text{color: var(--ink-2);text-wrap: pretty;}.services__tags{display: block;margin: 4px -4px -8px;font-size: 0;text-wrap: balance;}.services__tags .tag{margin: 0 4px 8px;vertical-align: top;}html[lang^="zh"] .services__name{font-weight: 500;letter-spacing: 0;line-height: 1.25;word-break: keep-all;overflow-wrap: anywhere;line-break: strict;}@media (min-width: 701px){.services__list{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px;}.services__body{padding: 26px 24px 22px;}}@media (min-width: 901px){.services__list{column-gap: 22px;row-gap: 22px;padding-bottom: 88px;}.services__item:nth-child(even){position: relative;top: 88px;}}@media (hover: hover) and (pointer: fine){.services:not(.is-showroom) .services__slide{transition: box-shadow var(--dur-2) var(--ease-out), translate var(--dur-2) var(--ease-out);}.services:not(.is-showroom) .services__slide:hover{translate: 0 -4px;box-shadow: var(--shadow-lift);}}html.reduce .services__slide{transition: none !important;}.services.is-showroom{padding-bottom: 0;}.services.is-showroom .services__head{margin-bottom: 0;}.services.is-showroom .services__grid{display: grid;align-items: start;grid-template-columns: max-content minmax(0, 48%) minmax(0, 1fr);column-gap: clamp(28px, 3vw, 44px);}.services.is-showroom .services__index{--r: 400px;--step: 30deg;--ax: clamp(180px, 14.3vw, 230px);--ay: 50vh;display: block;position: sticky;top: 0;height: 100vh;width: 270px;}.services.is-showroom .services__index::before{content: "";position: absolute;pointer-events: none;left: calc(var(--ax) - 2 * var(--r));top: calc(var(--ay) - var(--r));width: calc(2 * var(--r));height: calc(2 * var(--r));border: 1px solid var(--line);border-radius: 50%;}.services__rows{position: absolute;left: calc(var(--ax) - var(--r));top: var(--ay);width: 0;height: 0;}.services__row{position: absolute;left: 0;top: 0;transform-origin: 0 0;transform: rotate(calc(var(--k) * var(--step))) translateX(var(--r)) translateY(-50%);}.services__row::before{content: "";position: absolute;left: -3.5px;top: calc(50% - 3.5px);width: 7px;height: 7px;border-radius: 1.5px;background: var(--seal);scale: 0;transition: scale .25s cubic-bezier(.34, 1.56, .64, 1);}.services__row.is-current::before{scale: 1;}.services__go{display: block;translate: 14px 0;padding: 6px 10px 6px 2px;white-space: nowrap;text-align: left;color: var(--ink-3);transition: color var(--dur-2) var(--ease-soft);}@media (hover: hover) and (pointer: fine){.services__go:hover{color: var(--ink-2);}}.services__go[aria-current="step"]{color: var(--ink);}.services__go-num{display: block;font-family: var(--f-display);font-size: 2rem;line-height: 1;letter-spacing: -.015em;font-variation-settings: "opsz" 72, "SOFT" 0, "WONK" 0;}.services__go-name{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.services.is-showroom .services__num{display: none;}.services.is-showroom .services__list{display: grid;grid-template-columns: minmax(0, 1fr);gap: 0;padding: 0;}.services.is-showroom .services__item{position: relative;top: auto;min-height: 100vh;display: flex;align-items: center;}.services.is-showroom .services__slide{height: auto;padding: 0;background: none;border: 0;border-radius: 0;box-shadow: none;}.services.is-showroom .services__figure{display: none;}.services.is-showroom .services__body{gap: 0;padding: 0;transition: opacity .6s var(--ease-soft);}.services.is-showroom .services__item:not(.is-current) .services__body{opacity: .3;}.services.is-showroom .services__name{max-width: 10.5em;font-size: var(--t-h2);line-height: var(--lh-display);letter-spacing: var(--track-display);font-variation-settings: "opsz" 72, "SOFT" 0, "WONK" 0;}html[lang^="zh"] .services.is-showroom .services__name{max-width: 9em;}.services.is-showroom .services__text{margin-top: 26px;max-width: 31em;font-size: 1.125rem;line-height: 1.6;}html[lang^="zh"] .services.is-showroom .services__text{line-height: 1.75;}.services.is-showroom .services__tags{margin-top: 30px;}.services.is-showroom .services__visual{display: block;position: sticky;top: calc(50vh - min(32vh, 300px));height: min(64vh, 600px);margin-right: calc(var(--gutter) * -.55);}.services__glow{position: absolute;inset: 2% 0 8%;background: radial-gradient(closest-side, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .82) 28%, rgba(255, 255, 255, .5) 54%, rgba(255, 255, 255, .2) 76%, rgba(255, 255, 255, .06) 90%, rgba(255, 255, 255, 0) 100%);}.services__tilt, .services__float{position: absolute;inset: 0;will-change: transform;}.services__obj{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;will-change: transform, opacity, filter;}.services__obj img{width: auto;height: auto;max-width: var(--fit-w, 84%);max-height: var(--fit-h, 80%);will-change: transform;}.services__obj--websites{--fit-w: 88%;--fit-h: 78%;}.services__obj--films{--fit-w: 74%;--fit-h: 80%;}.services__obj--email{--fit-w: 84%;--fit-h: 76%;}.services__obj--social{--fit-w: 60%;--fit-h: 84%;}.services__obj--catalogues{--fit-w: 96%;--fit-h: 72%;}.services__obj--search{--fit-w: 82%;--fit-h: 80%;}.services__floor{position: absolute;left: 0;right: 0;bottom: 5%;height: 0;will-change: transform, opacity;}.services__floor-in{position: absolute;inset: 0;opacity: .5;}.services__caustic{position: absolute;left: 50%;bottom: 0;width: calc(var(--cw, 70%) * 560 / 480);aspect-ratio: var(--ar);background-position: 50% 50%;background-size: contain;background-repeat: no-repeat;transform: translate(-50%, 50%) scaleY(-.17);visibility: hidden;opacity: 0;}.services__caustic--websites{--cw: 80%;}.services__caustic--films{--cw: 60%;}.services__caustic--email{--cw: 74%;}.services__caustic--social{--cw: 46%;}.services__caustic--catalogues{--cw: 86%;}.services__caustic--search{--cw: 72%;}
.voices{--voff: clamp(40px, 5.6vw, 96px);--lg: clamp(20px, 3vw, 48px);}.voices__head{margin-bottom: clamp(48px, 5.2vw, 84px);}.voices__heading{display: grid;gap: 22px;justify-items: start;}.voices__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(18px, 2vw, 30px);align-items: stretch;padding-bottom: var(--voff);}.voices__slot{position: relative;display: flex;min-width: 0;transition: translate var(--dur-3) var(--ease-out);}.voices__grid--n2 .voices__slot:nth-child(2), .voices__grid--n4 .voices__slot:nth-child(even){transform: translateY(var(--voff));}.voices__grid--n1{grid-template-columns: minmax(0, 820px);justify-content: center;padding-bottom: 0;}.voices__grid--n3{grid-template-columns: repeat(3, minmax(0, 1fr));}.voices__grid--n3 .voices__slot:nth-child(2){transform: translateY(var(--voff));}.voices__grid--n3 .voices__slot:nth-child(3){transform: translateY(calc(var(--voff) * .45));}.voices__card{position: relative;flex: 1;min-width: 0;display: flex;flex-direction: column;gap: clamp(22px, 2.2vw, 30px);padding: clamp(24px, 2.7vw, 42px) clamp(24px, 2.7vw, 42px) clamp(22px, 2.4vw, 34px);background: var(--card);border: 1px solid var(--card-line);border-radius: var(--r-lg);box-shadow: var(--shadow-card);transition: box-shadow var(--dur-3) var(--ease-out);}@media (hover: hover) and (pointer: fine){.voices__slot:hover{translate: 0 -4px;}.voices__slot:hover .voices__card{box-shadow: var(--shadow-lift);}}.voices__since{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-2);line-height: 1.4;}.voices__draft{position: absolute;top: 0;right: clamp(20px, 2.4vw, 36px);transform: translateY(-50%);background: color-mix(in srgb, var(--seal) 12%, var(--card));box-shadow: 0 0 0 3px var(--canvas);}.voices__quote{flex: 1;}.voices__quote p{font-family: var(--f-display);font-weight: 400;color: var(--ink);font-size: var(--t-card);line-height: 1.26;letter-spacing: -.018em;font-variation-settings: "SOFT" 0, "WONK" 0;text-indent: -.4em;text-wrap: pretty;}.voices__by{display: flex;align-items: center;gap: 16px;padding-top: clamp(18px, 1.8vw, 24px);border-top: 1px solid var(--line);}.voices__seal{position: relative;flex: none;width: clamp(46px, 3.6vw, 56px);aspect-ratio: 1;}.voices__chop{display: block;width: 100%;height: 100%;rotate: var(--tilt, -3deg);}.voices__chop img{width: 100%;height: 100%;}.voices__ink{position: absolute;inset: 4%;border-radius: 8px;pointer-events: none;border: 1.5px solid var(--seal);opacity: 0;}.voices__who{display: grid;gap: 2px;min-width: 0;}.voices__name{font-weight: 600;font-size: 1rem;color: var(--ink);letter-spacing: -.005em;}.voices__role{font-size: var(--t-small);color: var(--ink-2);line-height: 1.4;}.voices__pager{display: none;}.voices__ledger{display: grid;grid-template-columns: repeat(var(--cols, 5), minmax(0, 1fr));column-gap: var(--lg);row-gap: 40px;margin-top: clamp(80px, 8.4vw, 136px);}.voices--stats-only .voices__ledger{margin-top: 0;}@media (min-width: 701px){.voices--stats-only .voices__ledger{grid-template-columns: repeat(var(--cols-t, 2), minmax(0, 340px));}.voices--stats-only .voices__notes{max-width: 820px;}}@media (min-width: 1101px){.voices--stats-only > .wrap{display: grid;grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);column-gap: clamp(48px, 6vw, 112px);align-items: start;}.voices--stats-only .voices__head{grid-template-columns: minmax(0, 1fr);align-items: start;margin-bottom: 0;}.voices--stats-only .voices__head .lede{justify-self: start;}.voices--stats-only .voices__ledger{grid-template-columns: repeat(var(--cols-t, 2), minmax(0, 1fr));}.voices--stats-only .voices__notes{max-width: none;}}.voices__group{grid-column: span var(--n, 1);min-width: 0;padding-top: 18px;border-top: 1px solid var(--line-2);}.voices__gtitle{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-2);line-height: 1.4;margin-bottom: clamp(26px, 3vw, 44px);}.voices__gtitle sup, .voices__notes-list sup{font-size: .72em;margin-left: .25em;color: var(--seal);vertical-align: .55em;line-height: 0;}.voices__group.is-draft{border-top: 1px dashed var(--seal);}.voices__ndraft{margin-left: 4px;padding: 2px 8px;font-size: .625rem;vertical-align: .1em;}.voices__stats{display: grid;grid-template-columns: repeat(var(--n, 1), minmax(0, 1fr));column-gap: var(--lg);row-gap: 28px;}.voices__stat{min-width: 0;}.voices__num{display: flex;align-items: flex-start;gap: .06em;font-family: var(--f-display);font-weight: 380;color: var(--ink);font-size: clamp(3rem, 1.6rem + 3vw, 4.5rem);line-height: .86;letter-spacing: -.045em;font-variation-settings: "SOFT" 0, "WONK" 0;}.voices__digits{display: inline-block;white-space: nowrap;}.voices__unit{align-self: flex-end;margin-left: .04em;margin-bottom: .1em;font-family: var(--f-sans);font-size: .26em;font-weight: 500;letter-spacing: 0;color: var(--ink-2);}.voices__num .seal{width: .11em;height: .11em;min-width: 6px;min-height: 6px;margin-top: .06em;margin-left: .04em;border-radius: 1.5px;}.voices__slabel{margin-top: clamp(14px, 1.4vw, 20px);font-size: var(--t-small);line-height: 1.45;color: var(--ink-2);max-width: 24ch;text-wrap: balance;}.voices__notes{grid-column: 1 / -1;display: grid;grid-template-columns: auto 1fr;gap: 6px 24px;align-items: baseline;padding-top: 18px;border-top: 1px solid var(--line);font-size: .8125rem;line-height: 1.5;color: var(--ink-2);}.voices__notes-k{font-family: var(--f-mono);font-size: .6875rem;letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-2);}.voices__notes-list{display: flex;flex-wrap: wrap;gap: 4px 28px;}.voices__notes-list sup{margin-left: 0;margin-right: .3em;}html[lang^="zh"] .voices__since{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .06em;text-transform: none;}html[lang^="zh"] .voices__quote p{font-size: clamp(1.18rem, .98rem + .62vw, 1.6rem);line-height: 1.68;letter-spacing: .01em;text-indent: -.5em;font-weight: 500;}html[lang^="zh"] .voices__gtitle{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .06em;text-transform: none;}html[lang^="zh"] .voices__notes-k{font-family: var(--f-sans);letter-spacing: .08em;}html[lang^="zh"] .voices__unit{order: 1;font-size: .3em;margin-bottom: .14em;}html[lang^="zh"] .voices__num .seal{order: 2;margin-left: .08em;}html[lang^="zh"] .voices__slabel{max-width: 16em;}@media (max-width: 1100px){.voices__grid--n3{grid-template-columns: repeat(2, minmax(0, 1fr));}.voices__grid--n3 .voices__slot:nth-child(3){grid-column: 1 / -1;transform: none;}}@media (max-width: 1280px){.voices__ledger{grid-template-columns: repeat(var(--cols-t, 3), minmax(0, 1fr));}}@media (max-width: 700px){.voices__grid{display: flex;gap: 12px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding-inline: var(--gutter);margin-inline: calc(-1 * var(--gutter));padding: 6px var(--gutter) 44px;scrollbar-width: none;}.voices__grid::-webkit-scrollbar{display: none;}.voices__grid .voices__slot{flex: 0 0 min(86%, 420px);scroll-snap-align: start;transform: none !important;}.voices__grid--n1 .voices__slot{flex-basis: 100%;}.voices__grid--n3 .voices__slot:nth-child(3){grid-column: auto;}.voices__card{padding: 24px 22px 20px;}.voices__quote p{font-size: clamp(1.28rem, 1.05rem + 1.1vw, 1.5rem);}html[lang^="zh"] .voices__quote p{font-size: 1.15rem;}.voices__pager:not([hidden]){display: flex;justify-content: center;gap: 4px;margin-top: -24px;}.voices__dot{display: grid;place-items: center;width: 44px;height: 44px;padding: 0;border-radius: 10px;}.voices__dot img{width: 26px;height: 26px;opacity: .3;filter: grayscale(1);transition: opacity var(--dur-2), filter var(--dur-2), transform var(--dur-2) var(--ease-out);}.voices__dot[aria-current="true"] img{opacity: 1;filter: none;transform: scale(1.12);}.voices__ledger{grid-template-columns: minmax(0, 1fr);row-gap: 36px;}.voices__group{grid-column: 1 / -1;}.voices__stats{grid-template-columns: repeat(2, minmax(0, 1fr));}.voices__group--lh .voices__stat:first-child{grid-column: 1 / -1;}.voices__num{font-size: clamp(2.5rem, 1.3rem + 6vw, 3.4rem);}.voices__group--lh .voices__stat:first-child .voices__num{font-size: clamp(3.4rem, 2rem + 8vw, 4.6rem);}.voices__notes{grid-template-columns: 1fr;}.voices__notes-list{display: grid;gap: 6px;}}
.work{--work-gap: clamp(64px, 6.6vw, 120px);--work-col-gap: clamp(16px, 2vw, 32px);}.work__block{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--work-col-gap);align-items: start;}.work__block + .work__block{margin-top: var(--work-gap);}.work__more{display: flex;justify-content: center;margin-top: var(--work-gap);}.work:not(.work--page){padding-bottom: calc(var(--sec) * .4);}.work__lane{display: flex;flex-direction: column;gap: var(--work-gap);min-width: 0;}@media (min-width: 701px) and (hover: hover) and (pointer: fine){html.js:not(.reduce) [data-work-lane]{will-change: transform;}}.work__block--a .work__lane--wide{grid-column: 1 / span 7;}.work__block--a .work__lane--narrow{grid-column: 9 / span 4;padding-top: clamp(4px, 1.4vw, 24px);}@media (min-width: 1360px){.work__item--kelida{position: relative;}.work__item--kelida > .work__text{position: absolute;bottom: 0;left: calc(100% * 8 / 7 + var(--work-col-gap) * 8 / 7);width: calc(100% * 4 / 7 - var(--work-col-gap) * 3 / 7);}}.work__block--b .work__lane--narrow{grid-column: 1 / span 4;grid-row: 1;}.work__block--b .work__lane--wide{grid-column: 6 / span 7;grid-row: 1;}.work__block--c .work__lane--wide{grid-column: 1 / span 7;}.work__block--c .work__lane--narrow{grid-column: 9 / span 4;padding-top: clamp(40px, 7vw, 120px);}.work__head{display: grid;gap: 22px;justify-items: start;max-width: 620px;margin-bottom: clamp(0px, 2.6vw, 44px);}.work__title{max-width: 6.6em;}.work__lede{max-width: 30em;}.work__cta{margin-top: 8px;}html[lang^="zh"] .work__title{max-width: none;}.work__item{display: grid;gap: clamp(18px, 1.7vw, 26px);min-width: 0;}.work__text{display: grid;gap: 10px;justify-items: start;max-width: 540px;min-width: 0;}.work__kind{font-family: var(--f-mono);font-size: var(--t-mono);letter-spacing: var(--track-mono);text-transform: uppercase;color: var(--ink-3);line-height: 1.4;}.work__client{color: var(--ink);}.work__name{font-size: var(--t-card);line-height: 1.12;letter-spacing: -.022em;font-variation-settings: "opsz" 36, "SOFT" 0, "WONK" 0;max-width: 18em;}.work__result{max-width: 44ch;font-size: 1rem;line-height: 1.55;color: var(--ink-2);text-wrap: pretty;}.work__note{max-width: 52ch;font-size: .8125rem;line-height: 1.5;color: var(--ink-3);text-wrap: pretty;}.work__draft{margin-bottom: 2px;}.work__foot{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px;margin-top: 6px;}.work__tags{gap: 6px;}html[lang^="zh"] .work__kind{font-family: var(--f-sans);font-size: .8125rem;letter-spacing: .06em;text-transform: none;}html[lang^="zh"] .work__name{letter-spacing: 0;line-height: 1.3;font-weight: 500;}html[lang^="zh"] .work__result{line-height: 1.75;}.work__link, .work__play{position: relative;display: inline-flex;align-items: center;gap: 8px;height: 28px;padding: 0 12px;border-radius: var(--r-pill);border: 1px solid var(--ink);background: transparent;color: var(--ink);font: 500 .8125rem/1 var(--f-sans);white-space: nowrap;transition: background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft), border-color var(--dur-1);}.work__play{border-color: var(--line-2);}.work__play[hidden]{display: none;}.work__link:focus-visible, .work__play:focus-visible{border-radius: var(--r-pill);}.work__link:active, .work__play:active{background: var(--ink);color: #fff;border-color: var(--ink);}.work__arr{display: inline-block;transition: transform var(--dur-2) var(--ease-out);}.work__play-ico{width: 8px;height: 10px;border-left: 2.5px solid currentColor;border-right: 2.5px solid currentColor;}.work__play.is-paused .work__play-ico{width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent currentColor;border-width: 5px 0 5px 8px;}@media (hover: hover) and (pointer: fine){.work__link:hover, .work__play:hover{background: var(--ink);color: #fff;border-color: var(--ink);}.work__link:hover .work__arr{transform: translate(2px, -2px);}}@media (pointer: coarse){.work__link::after, .work__play::after{content: "";position: absolute;inset: -8px -4px;}}.work__frame{transition: transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);}.work .frame__media > img{transition: transform 1.2s var(--ease-out);}@media (hover: hover) and (pointer: fine){.work__item:hover .frame.work__frame{transform: translateY(-4px);box-shadow: var(--shadow-lift);}.work__item:hover .work__phone{transform: translateY(-4px);box-shadow: inset 0 0 0 1.5px #2A2A2A, var(--shadow-lift);}.work__item:hover .frame:not(.work__browser) > .frame__media > img{transform: scale(1.03);}}.work__browser .frame__bar{position: relative;}.work__browser .frame__media{background: var(--canvas-2);}.work__page{position: absolute;inset: 0 0 auto 0;z-index: 1;opacity: 0;pointer-events: none;}.work__page.is-live{opacity: 1;}.work__page > img{display: block;width: 100%;height: auto;will-change: transform;}.work__thumb{position: absolute;top: 6px;right: 5px;z-index: 2;width: 4px;height: 24%;border-radius: 4px;background: rgba(20, 20, 20, .42);box-shadow: 0 0 0 1px rgba(255, 255, 255, .55);opacity: 0;transition: opacity var(--dur-2) var(--ease-soft);pointer-events: none;}.work__browser.is-scrolling .work__thumb{opacity: 1;}.work__hint{position: absolute;right: 12px;top: 50%;translate: 0 -50%;display: none;align-items: center;gap: 7px;color: var(--ink-3);font-family: var(--f-mono);font-size: .6875rem;letter-spacing: .05em;text-transform: uppercase;white-space: nowrap;transition: opacity var(--dur-2) var(--ease-soft);}.work__hint-ico{position: relative;width: 7px;height: 11px;border: 1.25px solid currentColor;border-radius: 4px;}.work__hint-ico::after{content: "";position: absolute;left: 50%;top: 2px;width: 1.5px;height: 3px;margin-left: -.75px;border-radius: 1px;background: currentColor;}html[lang^="zh"] .work__hint{font-family: var(--f-sans);text-transform: none;letter-spacing: .04em;font-size: .75rem;}@media (hover: hover) and (pointer: fine) and (min-width: 1180px){html.js:not(.reduce) .work__hint{display: inline-flex;}html.js:not(.reduce) .work__browser .frame__bar{padding-right: 150px;}.work__browser.is-scrolling .work__hint{opacity: 0;}}.work__media--phone{width: min(100%, 300px);}.work__phone::after{top: 14px;width: 26%;height: 17px;border-radius: 10px;}.work__pages{position: relative;aspect-ratio: 1 / .93;isolation: isolate;}.work__sheet{--x: 0%;--y: 0px;--r: 0deg;position: absolute;left: 21%;bottom: 2.5%;width: 58%;aspect-ratio: var(--ar);border-radius: 3px;overflow: hidden;background: #fff;box-shadow: 0 0 0 1px rgba(20, 20, 20, .05), 0 2px 4px rgba(20, 20, 20, .05), 0 22px 44px -14px rgba(20, 20, 20, .26);transform-origin: 50% 100%;transform: translate(var(--x), var(--y)) rotate(var(--r));transition: transform 1.1s var(--ease-out), box-shadow 1.1s var(--ease-out);}.work__sheet img{width: 100%;height: 100%;object-fit: cover;}.work__sheet--1{--x: -25%;--r: -7deg;z-index: 1;}.work__sheet--2{--x: 25%;--r: 6deg;z-index: 1;}.work__sheet--front{z-index: 2;}@media (hover: hover) and (pointer: fine){.work__item:hover .work__sheet--1{--x: -33%;--r: -10.5deg;}.work__item:hover .work__sheet--2{--x: 33%;--r: 9deg;}.work__item:hover .work__sheet--front{--y: -10px;box-shadow: 0 0 0 1px rgba(20, 20, 20, .05), 0 4px 8px rgba(20, 20, 20, .06), 0 34px 60px -18px rgba(20, 20, 20, .32);}}.work__desk{border-radius: calc(var(--r-lg) - var(--mat));background: #EAE7E1;padding: clamp(14px, 3.2vw, 40px);}.mail{margin: 0;overflow: hidden;background: #fff;color: var(--ink);border: 1px solid rgba(20, 20, 20, .09);border-radius: 14px;box-shadow: 0 1px 2px rgba(20, 20, 20, .04), 0 16px 36px -14px rgba(20, 20, 20, .18);font-family: "Inter", var(--f-sans);}.mail__bar{display: flex;align-items: center;gap: 7px;height: 34px;padding: 0 14px;background: #F3F2EF;border-bottom: 1px solid rgba(20, 20, 20, .07);}.mail__bar i{width: 10px;height: 10px;border-radius: 50%;background: rgba(20, 20, 20, .14);}.mail__head{padding: clamp(16px, 2vw, 26px) clamp(16px, 2.4vw, 30px) clamp(14px, 1.6vw, 18px);border-bottom: 1px solid rgba(20, 20, 20, .07);}.mail__subj{margin-bottom: 14px;font-weight: 600;font-size: clamp(1rem, .93rem + .35vw, 1.25rem);line-height: 1.3;letter-spacing: -.012em;text-wrap: balance;}.mail__row{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;}.mail__av{flex: none;width: 40px;height: 40px;border-radius: 50%;background: #D7DAE0;}.mail__who{flex: 1 1 210px;min-width: 0;}.mail__from{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 8px;font-size: .9375rem;line-height: 1.45;color: var(--ink-2);}.mail__name{display: inline-flex;gap: 6px;}.mail__x{display: inline-block;height: .95em;border-radius: 2px;background: var(--ink);vertical-align: -.14em;}.mail__x--a{width: 4.4em;}.mail__x--b{width: 5.2em;}.mail__addr{white-space: nowrap;}.mail__x--c, .mail__x--d{background: #A3A19C;}.mail__x--c{width: 3.4em;}.mail__x--d{width: 4.2em;}.mail__to{margin-top: 2px;font-size: .8125rem;line-height: 1.45;color: var(--ink-3);}.mail__date{margin-left: auto;font-size: .8125rem;color: var(--ink-3);white-space: nowrap;}.mail__role{display: inline-flex;align-items: center;gap: 8px;max-width: 100%;margin-top: 14px;padding: 5px 12px 5px 10px;border-radius: var(--r-pill);background: var(--canvas);border: 1px solid var(--card-line);font-size: .8125rem;line-height: 1.35;color: var(--ink);word-break: keep-all;}.mail__body{padding: clamp(18px, 2.2vw, 28px) clamp(16px, 2.4vw, 30px);font-size: clamp(.9375rem, .9rem + .2vw, 1.0625rem);line-height: 1.55;color: #252523;}.mail__body p{text-wrap: pretty;}.mail__body p + p{margin-top: .85em;}.mail__tr{margin: -4px clamp(16px, 2.4vw, 30px) clamp(16px, 2vw, 22px);padding: 1px 0 1px 12px;border-left: 2px solid var(--seal);font-size: .875rem;line-height: 1.7;color: var(--ink-2);text-wrap: pretty;}.mail__foot{padding: 11px clamp(16px, 2.4vw, 30px) 13px;border-top: 1px solid rgba(20, 20, 20, .06);font-size: .75rem;line-height: 1.5;color: var(--ink-3);text-wrap: pretty;}html.reduce .work__frame, html.reduce .work__sheet, html.reduce .work .frame__media > img{transition: none;}@media (max-width: 1099px){.work{--work-col-gap: clamp(24px, 3vw, 34px);}.work__block--a .work__lane--wide, .work__block--c .work__lane--wide{grid-column: 1 / span 7;}.work__block--a .work__lane--narrow, .work__block--c .work__lane--narrow{grid-column: 8 / span 5;}.work__block--b .work__lane--narrow{grid-column: 1 / span 5;}.work__block--b .work__lane--wide{grid-column: 6 / span 7;}.work__item--reel .work__media{margin-left: auto;}.work__media--phone{width: min(100%, 270px);}}@media (max-width: 700px){.work{--work-gap: clamp(56px, 12vw, 80px);}.work__body{display: flex;flex-direction: column;gap: var(--work-gap);}.work__block, .work__lane{display: contents;}.work__head{order: 0;margin-bottom: 0;}.work__item--kelida{order: 1;}.work__item--reel{order: 2;}.work__item--film{order: 3;}.work__item--outreach{order: 4;}.work__item--canton{order: 5;}.work__item--catalogue{order: 6;}.work__more{order: 7;margin-top: 0;}.work__media--phone{width: min(64%, 280px);}.work__item--catalogue .work__media{width: min(100%, 440px);}.work__item--reel .work__media{margin-left: auto;}.work__item--reel .work__text{justify-self: end;width: min(84%, 420px);}}@media (max-width: 480px){.work__browser{--bar: 30px;}.work__browser .frame__url{max-width: 210px;height: 20px;font-size: .6875rem;}.work__browser .frame__dots i{width: 7px;height: 7px;}.mail__av{width: 34px;height: 34px;}}
@font-face{font-family: "Fraunces";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/fraunces-latin-ext.6978eca8.woff2") format("woff2");unicode-range: U+0100-0130, U+0132-0148, U+014A-0151, U+0154-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01D9-01DA, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02B9-02BA, U+02C7, U+02D8-02D9, U+02DB, U+02DD, U+0300-0303, U+0306-0307, U+030B-030C, U+030F, U+0311-0312, U+0315, U+031B, U+0324, U+0326-0328, U+032E, U+0331, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E43, U+1E46-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E5F, U+1E62-1E65, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2070, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB, U+20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+27E8-27E9, U+FB00-FB04;}@font-face{font-family: "Fraunces";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/fraunces-latin.e493ace3.woff2") format("woff2");unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2010, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+20AC, U+2116, U+2122, U+2212, U+2215, U+2219, U+2248, U+2260, U+2264-2265;}@font-face{font-family: "Fraunces";font-style: italic;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/fraunces-italic-latin-ext.75b3cd0a.woff2") format("woff2");unicode-range: U+0100-0130, U+0132-0148, U+014A-0151, U+0154-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01D9-01DA, U+01E6-01E7, U+01EA-01EB, U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02B9-02BA, U+02C7, U+02D8-02D9, U+02DB, U+02DD, U+0300-0303, U+0306-0307, U+030B-030C, U+030F, U+0311-0312, U+0315, U+031B, U+0323-0324, U+0326-0328, U+032E, U+0331, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37, U+1E3A-1E3B, U+1E42-1E43, U+1E46-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E5F, U+1E62-1E65, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E92-1E93, U+1E97, U+1E9E, U+1EA0-1EF9, U+2070, U+2074, U+20A1, U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB, U+20AD, U+20B1-20B2, U+20B5, U+20B9-20BA, U+20BC-20BD, U+27E8-27E9, U+FB00-FB04;}@font-face{font-family: "Fraunces";font-style: italic;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/fraunces-italic-latin.85334b16.woff2") format("woff2");unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2052, U+20AC, U+2116, U+2122, U+2212, U+2215, U+2219, U+2248, U+2260, U+2264-2265;}@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-latin-ext.6cc9d031.woff2") format("woff2");unicode-range: U+0100-0130, U+0132-0148, U+014A-0151, U+0154-01C3, U+01C5-0254, U+0256-027B, U+027E-0284, U+0286-0290, U+0292-02A4, U+02A6-02BA, U+02BD-02C5, U+02C7-02D9, U+02DB, U+02DD-0303, U+0306-0307, U+0309-030A, U+030C, U+030F, U+0313, U+0315, U+031B, U+0323, U+0326-0328, U+032C, U+0337-0338, U+0342-0343, U+0346-036F, U+1D00, U+1D0D, U+1D1B, U+1D43, U+1D47-1D49, U+1D4D, U+1D4F-1D50, U+1D52, U+1D56-1D58, U+1D5B, U+1D62-1D65, U+1D9C, U+1DA0, U+1DBB, U+1DBF-1DF5, U+1DFC-1E9B, U+1E9D-1EFF, U+2070-2071, U+2074-208E, U+2090-209C, U+20A0-20AB, U+20AD-20AF, U+20B1-20B5, U+20B8-20BA, U+20BC-20BF, U+2100-2101, U+2103, U+2105-2106, U+2109, U+2113, U+2117, U+211E-2121, U+2126, U+212A-212B, U+212E, U+2132, U+213B, U+214D, U+2150-217F, U+2183-2186, U+2189, U+21A9-21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21D2, U+21D4, U+21DE-21DF, U+21E4-21E5, U+21E7, U+21EA, U+2202, U+2205-2206, U+220F, U+2211, U+221A, U+222B, U+2236, U+2295-2298, U+2303-2305, U+2318, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2423, U+2460-2468, U+24B6-24CF, U+24EA, U+25A2, U+25B3, U+25B7, U+25BA-25BB, U+25BD, U+25C1, U+25C4-25C5, U+25CA, U+25EF, U+2600, U+263C, U+2661, U+2665, U+26A0, U+2756, U+2764, U+2780-2788, U+27EF, U+27F5-27FA, U+2913, U+2B06, U+2B12-2B13, U+2B1C, U+2B24, U+2C7C, U+2C7F, U+A7FF;}@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-latin.f63fdc29.woff2") format("woff2");unicode-range: U+0000, U+0020-007E, U+00A0-00AC, U+00AE-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2000-200B, U+2010-2027, U+202F-2055, U+2057, U+205F, U+20AC, U+2116, U+2122, U+2190-2199, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+25A0-25A1, U+25AA, U+25B2, U+25B6, U+25BC, U+25C0, U+25C6-25C7, U+25CB, U+25CF, U+25E6, U+2605-2606, U+2713, U+2717, U+FEFF;}@font-face{font-family: "Inter";font-style: italic;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-italic-latin-ext.3c0cb535.woff2") format("woff2");unicode-range: U+0100-0130, U+0132-0148, U+014A-0151, U+0154-01C3, U+01C5-0254, U+0256-027B, U+027E-0284, U+0286-0290, U+0292-02A4, U+02A6-02BA, U+02BD-02C5, U+02C7-02D9, U+02DB, U+02DD-0303, U+0306-0307, U+0309-030A, U+030C, U+030F, U+0313, U+0315, U+031B, U+0323, U+0326-0328, U+032C, U+0337-0338, U+0342-0343, U+0346-036F, U+1D00, U+1D0D, U+1D1B, U+1D43, U+1D47-1D49, U+1D4D, U+1D4F-1D50, U+1D52, U+1D56-1D58, U+1D5B, U+1D62-1D65, U+1D9C, U+1DA0, U+1DBB, U+1DBF-1DF5, U+1DFC-1E9B, U+1E9D-1EFF, U+2070-2071, U+2074-208E, U+2090-209C, U+20A0-20AB, U+20AD-20AF, U+20B1-20B5, U+20B8-20BA, U+20BC-20BF, U+2100-2101, U+2103, U+2105-2106, U+2109, U+2113, U+2117, U+211E-2121, U+2126, U+212A-212B, U+212E, U+2132, U+213B, U+214D, U+2150-217F, U+2183-2186, U+2189, U+21A9-21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21D2, U+21D4, U+21DE-21DF, U+21E4-21E5, U+21E7, U+21EA, U+2202, U+2205-2206, U+220F, U+2211, U+221A, U+222B, U+2236, U+2295-2298, U+2303-2305, U+2318, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2423, U+2460-2468, U+24B6-24CF, U+24EA, U+25A2, U+25B3, U+25B7, U+25BA-25BB, U+25BD, U+25C1, U+25C4-25C5, U+25CA, U+25EF, U+2600, U+263C, U+2661, U+2665, U+26A0, U+2756, U+2764, U+2780-2788, U+27EF, U+27F5-27FA, U+2913, U+2B06, U+2B12-2B13, U+2B1C, U+2B24, U+2C7C, U+2C7F, U+A7FF;}@font-face{font-family: "Inter";font-style: italic;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/inter-italic-latin.3eff7a23.woff2") format("woff2");unicode-range: U+0000, U+0020-007E, U+00A0-00AC, U+00AE-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2000-200B, U+2010-2027, U+202F-2055, U+2057, U+205F, U+20AC, U+2116, U+2122, U+2190-2199, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+25A0-25A1, U+25AA, U+25B2, U+25B6, U+25BC, U+25C0, U+25C6-25C7, U+25CB, U+25CF, U+25E6, U+2605-2606, U+2713, U+2717, U+FEFF;}@font-face{font-family: "Geist Mono";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/geist-mono-latin-ext.c8599f4c.woff2") format("woff2");unicode-range: U+0100-0113, U+0116-012B, U+012E-0130, U+0134-0137, U+0139-013E, U+0141-0148, U+014A-014D, U+0150-0151, U+0154-017E, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01CD-01CE, U+01E4-01E9, U+0218-021B, U+0237, U+0259, U+02B9, U+02C7-02C8, U+02D8-02D9, U+02DB, U+02DD, U+0300-0303, U+0306-0307, U+0309-030C, U+0312, U+031B, U+0323, U+0326-0328, U+0335-0338, U+1E20-1E21, U+1E80-1E85, U+1E9E, U+1EA0-1EF9, U+2070, U+2074-2079, U+2080-2089, U+20AA, U+20B1, U+20B4, U+20B9, U+20BD, U+2107, U+2117, U+2153-2155, U+215B-215E, U+219D, U+21A9-21AA, U+21B0-21B1, U+21B3-21B5, U+21E4-21E5, U+21E7, U+2202, U+2206, U+220F, U+2211, U+221A, U+222B, U+2236, U+2326-2327, U+232B, U+23CE, U+240B-240C, U+2423, U+2460-2468, U+24EA, U+24FF-259F, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+2776-277E, U+A78B-A78C;}@font-face{font-family: "Geist Mono";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/geist-mono-latin.62df2def.woff2") format("woff2");unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-00FF, U+0131, U+0152-0153, U+02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2028-2029, U+2030, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2116, U+2122, U+2190-2199, U+2212, U+221E, U+2248, U+2260, U+2264-2265, U+25B2, U+25B6, U+25BC, U+25C0, U+25CB, U+25CF;}@font-face{font-family: "Fraunces Fallback Display";src: local("Times New Roman"), local("TimesNewRomanPSMT");size-adjust: 92.63%;ascent-override: 105.58%;descent-override: 27.53%;line-gap-override: 0.00%;}@font-face{font-family: "Fraunces Fallback";src: local("Times New Roman"), local("TimesNewRomanPSMT");size-adjust: 111.64%;ascent-override: 87.60%;descent-override: 22.84%;line-gap-override: 0.00%;}@font-face{font-family: "Fraunces Fallback Text";src: local("Times New Roman"), local("TimesNewRomanPSMT");size-adjust: 115.93%;ascent-override: 84.36%;descent-override: 22.00%;line-gap-override: 0.00%;}@font-face{font-family: "Inter Fallback";src: local("Arial"), local("ArialMT"), local("Roboto"), local("Roboto Regular"), local("Roboto-Regular");size-adjust: 106.31%;ascent-override: 91.13%;descent-override: 22.69%;line-gap-override: 0.00%;}@font-face{font-family: "Inter Fallback Display";src: local("Arial"), local("ArialMT"), local("Roboto"), local("Roboto Regular"), local("Roboto-Regular");size-adjust: 97.90%;ascent-override: 98.95%;descent-override: 24.64%;line-gap-override: 0.00%;}@font-face{font-family: "Geist Mono Fallback";src: local("Menlo"), local("Menlo-Regular"), local("Courier New"), local("CourierNewPSMT"), local("Liberation Mono"), local("LiberationMono"), local("Droid Sans Mono"), local("DroidSansMono");size-adjust: 99.98%;ascent-override: 100.52%;descent-override: 29.50%;line-gap-override: 0.00%;}:root{--font-cjk-serif-system: "Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", "Source Han Serif SC";--font-cjk-sans-system: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC";--font-serif-display: "Fraunces", "Noto Serif SC", "Fraunces Fallback Display", var(--font-cjk-serif-system), serif;--font-serif: "Fraunces", "Noto Serif SC", "Fraunces Fallback", var(--font-cjk-serif-system), serif;--font-serif-text: "Fraunces", "Noto Serif SC", "Fraunces Fallback Text", var(--font-cjk-serif-system), serif;--font-sans: "Inter", "Noto Sans SC", "Inter Fallback", var(--font-cjk-sans-system), sans-serif;--font-sans-display: "Inter", "Noto Sans SC", "Inter Fallback Display", var(--font-cjk-sans-system), sans-serif;--font-mono: "Geist Mono", "Noto Sans SC", "Geist Mono Fallback", ui-monospace, var(--font-cjk-sans-system), monospace;}:root:lang(zh), [lang|="zh"]{--font-serif-display: "Noto Serif SC Punct", "Fraunces", "Noto Serif SC", "Fraunces Fallback Display", var(--font-cjk-serif-system), serif;--font-serif: "Noto Serif SC Punct", "Fraunces", "Noto Serif SC", "Fraunces Fallback", var(--font-cjk-serif-system), serif;--font-serif-text: "Noto Serif SC Punct", "Fraunces", "Noto Serif SC", "Fraunces Fallback Text", var(--font-cjk-serif-system), serif;--font-sans: "Noto Sans SC Punct", "Inter", "Noto Sans SC", "Inter Fallback", var(--font-cjk-sans-system), sans-serif;--font-sans-display: "Noto Sans SC Punct", "Inter", "Noto Sans SC", "Inter Fallback Display", var(--font-cjk-sans-system), sans-serif;}@font-face{font-family: "Noto Serif SC";font-style: normal;font-weight: 200 900;font-display: swap;src: url("/assets/fonts/noto-serif-sc-subset.1bcce672.woff2") format("woff2");unicode-range: U+2E80-2EFF, U+2F00-2FDF, U+2FF0-2FFF, U+3000-303F, U+31C0-31EF, U+3200-32FF, U+3300-33FF, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FE10-FE1F, U+FE30-FE4F, U+FF00-FFEF, U+20000-2FA1F, U+30000-323AF;}@font-face{font-family: "Noto Serif SC Punct";font-style: normal;font-weight: 200 900;font-display: swap;src: url("/assets/fonts/noto-serif-sc-subset.1bcce672.woff2") format("woff2");unicode-range: U+2014, U+2018-2019, U+201C-201D, U+2026;}@font-face{font-family: "Noto Sans SC";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/noto-sans-sc-subset.2c1261a7.woff2") format("woff2");unicode-range: U+2E80-2EFF, U+2F00-2FDF, U+2FF0-2FFF, U+3000-303F, U+31C0-31EF, U+3200-32FF, U+3300-33FF, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FE10-FE1F, U+FE30-FE4F, U+FF00-FFEF, U+20000-2FA1F, U+30000-323AF;}@font-face{font-family: "Noto Sans SC Punct";font-style: normal;font-weight: 100 900;font-display: swap;src: url("/assets/fonts/noto-sans-sc-subset.2c1261a7.woff2") format("woff2");unicode-range: U+2014, U+2018-2019, U+201C-201D, U+2026;}