.display{font-family:var(--serif);font-weight:400}.display:lang(zh){font-family:var(--serif-zh);letter-spacing:.02em;font-weight:600}.grid12{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem;display:grid}.section{padding-block:var(--section-y);border-top:1px solid var(--line-soft)}.hero{grid-template-columns:minmax(0,42.5rem) minmax(25rem,36.25rem);justify-content:space-between;align-items:center;min-height:48.75rem;padding-block:3rem;display:grid}.hero-band{background:radial-gradient(47.5rem 32.5rem at calc(100% - max((100% - var(--max)) / 2, 0px) - var(--gutter) - 18.125rem) 44%, #fff6, #fff0 70%)}.hero-text{z-index:2;flex-direction:column;gap:1.875rem;display:flex;position:relative}.pill{color:var(--text-2);background:#c9c8c3b3;border:1px solid #00000024;border-radius:62.4375rem;align-self:flex-start;align-items:center;gap:.625rem;padding:.5rem .875rem;font-size:.875rem;display:flex}.pill .dot{background:var(--accent);width:.375rem;height:.375rem;box-shadow:0 0 .625rem var(--accent);border-radius:50%}.hero h1{letter-spacing:-.025em;flex-direction:column;font-size:clamp(2.875rem,5.84vw,5.25rem);line-height:1;display:flex}.hero h1 em{color:var(--meta)}.hero h1:lang(zh){letter-spacing:.02em;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.25}.hero h1:lang(zh) em{font-style:normal}.hero-lede{max-width:32.5rem;color:var(--muted);text-wrap:pretty;font-size:1.1875rem;line-height:1.6}.hero-lede:lang(zh){font-size:1.125rem;line-height:1.85}.hero-cta{align-items:center;gap:1.75rem;margin-top:.5rem;display:flex}.btn-dark{background:var(--text);height:3.25rem;color:var(--on-dark);border-radius:.875rem;align-items:center;gap:.625rem;padding:0 1.5rem;font-size:1rem;font-weight:500;display:flex}.btn-dark:hover{color:#fff;background:#000}.hero-cta .quiet{color:var(--text-2);font-size:1rem}.hero-object{justify-content:center;align-items:center;height:42.5rem;display:flex;position:relative}.scale{flex:none;justify-content:center;align-items:center;width:100%;max-width:36.25rem;height:42.5rem;display:flex;position:relative}.shadow,.shadow-glow{pointer-events:none;border-radius:50%;position:absolute}.shadow{background:radial-gradient(closest-side,#00000052,#0000);width:28.75rem;height:5rem;margin-left:-14.375rem;top:32.5rem;left:50%}.shadow-glow{background:radial-gradient(closest-side,#e5462f33,#e5462f00);width:23.75rem;height:5.625rem;margin-left:-6.25rem;top:32rem;left:50%}.stage{perspective:100rem;width:21.25rem;height:21.25rem;margin-top:-3.125rem}.tilt{width:21.25rem;height:21.25rem;transform-style:preserve-3d;transform:rotateX(-18deg)rotateY(-30deg)}.cube{width:21.25rem;height:21.25rem;transform-style:preserve-3d;position:relative}.spin{animation:24s infinite turn}.face{background:linear-gradient(150deg,#4a4a4e 0%,#1a1a1c 42%,#070708 100%);border-radius:1.75rem;width:21.25rem;height:21.25rem;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff0d,inset 0 -3.125rem 5.625rem #0009}.fc{flex-direction:column;justify-content:space-between;padding:1.875rem 1.875rem 1.75rem;display:flex;position:absolute;inset:0}.fi,.ft{font:500 .6875rem/1.4 var(--mono);letter-spacing:.1em;color:#ffffff6b;text-transform:uppercase}.fq{font:400 1.875rem/1.14 var(--serif);letter-spacing:-.005em;color:#f4f3eeeb;text-shadow:0 1px #00000080}.fq em{color:#f4f3ee99}.cube:lang(zh) .fi,.cube:lang(zh) .ft{letter-spacing:.08em;color:#ffffff73;font-size:.75rem;font-family:var(--mono), var(--sans-zh)}.cube:lang(zh) .fq{font:500 1.875rem/1.5 var(--serif-zh);letter-spacing:.02em}.cube:lang(zh) .fq em{font-style:normal;display:block}.f1{transform:translateZ(10.625rem)}.f2{transform:rotateX(-90deg)translateZ(10.625rem)}.f3{transform:rotateY(180deg)translateZ(10.625rem)}.f4{transform:rotateY(-90deg)translateZ(10.625rem)}.f5{transform:rotateX(90deg)translateZ(10.625rem)}.f6{background:0 0;border:1px solid #0006;transform:rotateY(90deg)translateZ(10.625rem);box-shadow:inset 0 0 5rem #e5462f57}.f3 .fc,.f4 .fc{transform:rotate(180deg)}.f5 .fc{transform:rotate(270deg)}.glow{background:radial-gradient(circle,#ffc4aaf2 0,#ff6e50d9 4%,#e5462f6b 11%,#e5462f1f 32%,#e5462f00 58%);border-radius:50%;width:21.25rem;height:21.25rem;position:absolute;top:0;left:0}.g2{transform:rotateY(90deg)}.g3{transform:rotateX(90deg)}.caps{height:1.25rem;font:.75rem var(--mono);letter-spacing:.06em;color:var(--meta);position:absolute;top:39.25rem;left:0;right:0}.cap{opacity:0;text-align:center;position:absolute;top:0;left:0;right:0}.cap.c1{opacity:1}.cap.c6{color:var(--accent-text)}.caps:lang(zh) .cap.c6{font-family:var(--mono), var(--sans-zh)}.spin-cap .c1{animation:24s infinite c1}.spin-cap .c2{animation:24s infinite c2}.spin-cap .c3{animation:24s infinite c3}.spin-cap .c4{animation:24s infinite c4}.spin-cap .c5{animation:24s infinite c5}.spin-cap .c6{animation:24s infinite c6}@keyframes turn{0%,12%{animation-timing-function:cubic-bezier(.7,0,.25,1);transform:rotateY(0)rotateX(0)rotateY(0)rotateX(0)}16%,28%{animation-timing-function:cubic-bezier(.7,0,.25,1);transform:rotateY(0)rotateX(0)rotateY(0)rotateX(90deg)}32%,44%{animation-timing-function:cubic-bezier(.7,0,.25,1);transform:rotateY(0)rotateX(0)rotateY(0)rotateX(180deg)}48%,60%{animation-timing-function:cubic-bezier(.7,0,.25,1);transform:rotateY(0)rotateX(0)rotateY(90deg)rotateX(180deg)}64%,76%{animation-timing-function:cubic-bezier(.7,0,.25,1);transform:rotateY(0)rotateX(90deg)rotateY(90deg)rotateX(180deg)}80%,96%{animation-timing-function:cubic-bezier(.7,0,.25,1);transform:rotateY(0)rotateX(180deg)rotateY(90deg)rotateX(180deg)}to{transform:rotateY(90deg)rotateX(180deg)rotateY(90deg)rotateX(180deg)}}@keyframes c1{0%,12%{opacity:1}13.5%,98.5%{opacity:0}to{opacity:1}}@keyframes c2{0%,14.5%{opacity:0}16%,28%{opacity:1}29.5%,to{opacity:0}}@keyframes c3{0%,30.5%{opacity:0}32%,44%{opacity:1}45.5%,to{opacity:0}}@keyframes c4{0%,46.5%{opacity:0}48%,60%{opacity:1}61.5%,to{opacity:0}}@keyframes c5{0%,62.5%{opacity:0}64%,76%{opacity:1}77.5%,to{opacity:0}}@keyframes c6{0%,78.5%{opacity:0}80%,96%{opacity:1}97.5%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.spin,.spin-cap .cap{animation:none}}.sec-head{flex-direction:column;grid-column:span 4;gap:.875rem;display:flex}.sec-body{flex-direction:column;grid-column:6/span 7;display:flex}.writing h2{letter-spacing:-.02em;font-size:clamp(2.75rem,4.44vw,4rem);line-height:1}.writing h2:lang(zh){letter-spacing:.02em;font-size:clamp(2.375rem,3.9vw,3.5rem);line-height:1.2}.sec-note{max-width:18.75rem;color:var(--muted);margin-top:.5rem;font-size:.9375rem;line-height:1.6}.posts{border-top:1px solid var(--line)}.post-row{border-bottom:1px solid var(--line);flex-direction:column;gap:.875rem;padding:2.25rem 0;display:flex}.post-row .meta{font:.75rem var(--mono);letter-spacing:.08em;color:var(--meta);justify-content:space-between;align-items:center;display:flex}.post-row .meta:lang(zh){font-family:var(--sans-zh);letter-spacing:.04em;font-size:.8125rem}.post-row .title{font-family:var(--serif-zh);font-size:1.875rem;font-weight:500;line-height:1.35}.post-row .abs{font-family:var(--serif);color:var(--meta);font-size:1.25rem;font-style:italic;line-height:1.4}.post-row .abs:lang(zh){font-family:var(--sans-zh);font-size:1rem;font-style:normal;line-height:1.7}.post-row:hover .title{color:var(--accent-text)}.post-row svg{transition:transform .2s}.post-row:hover svg{transform:translate(.25rem)}.wechat{color:var(--text-2);margin-top:1.75rem;font-size:.9375rem}.about{flex-direction:column;gap:4.5rem;display:flex}.about-lead{max-width:67.5rem;font-family:var(--serif);letter-spacing:-.01em;color:var(--text-soft);text-wrap:pretty;font-size:clamp(1.875rem,3.33vw,3rem);line-height:1.2}.about-lead em{color:var(--text)}.about-lead:lang(zh){max-width:65rem;font-family:var(--serif-zh);letter-spacing:.02em;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:500;line-height:1.7}.about-lead:lang(zh) em{font-style:normal}.col-now{flex-direction:column;grid-column:span 5;gap:1.125rem;display:flex}.col-q{flex-direction:column;grid-column:7/span 6;gap:1.125rem;display:flex}.rows{border-top:1px solid var(--line)}.rows>li{border-bottom:1px solid var(--line)}.now li{padding:1rem 0;font-size:1.0625rem;line-height:1.6}.now:lang(zh) li{line-height:1.8}.questions li{grid-template-columns:2.75rem 1fr;padding:1.125rem 0;display:grid}.questions .n{font:.75rem var(--mono);color:var(--meta);padding-top:.5rem}.questions .q{font-family:var(--serif);font-size:1.5625rem;line-height:1.3}.questions:lang(zh) .q{font-family:var(--serif-zh);font-size:1.3125rem;line-height:1.6}.questions:lang(zh) .n{padding-top:.375rem}.comment{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3rem 0}.comment figcaption{grid-column:span 3}.comment blockquote{font-family:var(--serif);color:var(--text-soft);grid-column:4/span 9;font-size:clamp(1.375rem,2.08vw,1.875rem);line-height:1.35}.comment blockquote em{color:var(--text)}.comment blockquote:lang(zh){font-family:var(--serif-zh);font-size:clamp(1.1875rem,1.67vw,1.5rem);line-height:1.85}.comment blockquote:lang(zh) em{color:var(--text);font-style:normal}.col-why{flex-direction:column;grid-column:span 5;gap:.875rem;display:flex}.col-side{flex-direction:column;grid-column:7/span 3;gap:.875rem;display:flex}.col-contact{flex-direction:column;grid-column:10/span 3;gap:.625rem;display:flex}.small{color:var(--muted);font-size:1rem;line-height:1.65}.small:lang(zh){line-height:1.85}.col-contact a{font-family:var(--sans);overflow-wrap:anywhere;font-size:1.0625rem}#why{scroll-margin-top:7.5rem}.made h2{letter-spacing:-.02em;font-size:clamp(2.5rem,3.9vw,3.5rem);line-height:1.02}.made h2:lang(zh){letter-spacing:.02em;font-size:clamp(2.125rem,3.33vw,3rem);line-height:1.3}.works{border-top:1px solid var(--line);grid-column:6/span 7}.work{border-bottom:1px solid var(--line);grid-template-columns:13.75rem 1fr 6rem;align-items:baseline;column-gap:1.5rem;padding:1.375rem 0;display:grid}.work .name{font-family:var(--sans);font-size:1.0625rem;font-weight:500}.work .one{color:var(--muted);font-size:.9375rem;line-height:1.6}.work .one:lang(zh){line-height:1.75}.work .st{font:.6875rem var(--mono);letter-spacing:.06em;text-align:right;text-transform:uppercase;color:var(--meta)}.work a.st{color:var(--text)}.work a.st:hover{color:var(--accent-text)}.work .st:lang(zh){font-family:var(--sans-zh);letter-spacing:0;font-size:.8125rem}@media (width<=1100px){.hero{grid-template-columns:1fr;gap:.5rem;min-height:0;padding-block:1.5rem 4.5rem}.hero-object{order:-1;height:32.5rem}.hero-object .scale{transform:scale(.8)}.sec-head,.sec-body,.works,.col-now,.col-q,.comment figcaption,.comment blockquote,.col-why,.col-side,.col-contact{grid-column:1/-1}.sec-head{margin-bottom:2.5rem}.col-now{margin-bottom:3rem}.comment{row-gap:1.25rem}.col-why,.col-side{margin-bottom:2rem}.about{gap:3.5rem}}@media (width<=640px){.hero-object{height:18.75rem}.hero-object .scale{transform:scale(.6)}.shadow,.shadow-glow,.caps{display:none}.spin{animation:none}.hero-cta{gap:1.25rem}.post-row{padding:1.75rem 0}.post-row .title{font-size:1.5rem}.work{grid-template-columns:1fr auto;row-gap:.375rem}.work .one{grid-area:2/1/auto/-1}}