@font-face{font-family:Clash Display;src:url(/benjipeng/fonts/clash-display-400.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Clash Display;src:url(/benjipeng/fonts/clash-display-500.woff2)format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Clash Display;src:url(/benjipeng/fonts/clash-display-600.woff2)format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Playfair Display;src:url(/benjipeng/fonts/playfair-var.woff2)format("woff2");font-weight:400 900;font-display:swap;font-style:normal}@font-face{font-family:Playfair Display;src:url(/benjipeng/fonts/playfair-italic-var.woff2)format("woff2");font-weight:400 900;font-display:swap;font-style:italic}@font-face{font-family:JetBrains Mono;src:url(/benjipeng/fonts/jetbrains-mono-var.woff2)format("woff2");font-weight:400 800;font-display:swap;font-style:normal}:root{--paper:#f4eee1;--paper-2:#ebe3d0;--ink:#1b231b;--ink-60:color-mix(in oklch, var(--ink) 60%, var(--paper));--ink-30:color-mix(in oklch, var(--ink) 30%, var(--paper));--line:color-mix(in oklch, var(--ink) 18%, var(--paper));--leaf:#3e6b48;--brass:#a87e2f;--pen:#c0392b;--display:"Clash Display", system-ui, sans-serif;--serif:"Playfair Display", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--pen);color:var(--paper)}.grain{pointer-events:none;z-index:90;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}}.wrap{max-width:92rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,4rem)}.mono{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.dim{color:var(--ink-60)}header.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:1.4rem;padding-bottom:1.4rem;display:flex}.top .brand{letter-spacing:.02em;font-size:1.05rem;font-weight:600}.top .brand .reg{color:var(--pen)}.top nav{gap:1.8rem;display:flex}.top nav a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);font-size:.66rem;text-decoration:none}.top nav a:hover{color:var(--pen)}.hero{padding:clamp(2.5rem,7vh,5rem) 0 clamp(3rem,8vh,5rem);position:relative}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.kicker{color:var(--pen);align-items:center;gap:.8rem;margin-bottom:2rem;display:flex}.kicker:before,.kicker:after{content:"";background:var(--line);flex:1;height:1px}h1.lockup{text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(3.4rem,9.8vw,9rem);font-weight:600;line-height:.92}h1.lockup .row{display:block;overflow:hidden}h1.lockup .row>span{animation:1.1s cubic-bezier(.22,1,.36,1) forwards rise;display:inline-block;transform:translateY(112%)}h1.lockup .row:nth-child(2)>span{animation-delay:.12s}@keyframes rise{to{transform:translateY(0)}}h1.lockup em{font-family:var(--serif);text-transform:none;color:var(--leaf);letter-spacing:-.02em;font-style:italic;font-weight:400}.hero-copy{max-width:34ch;font-family:var(--serif);color:var(--ink-60);margin-top:1.8rem;font-size:clamp(1.1rem,1.8vw,1.4rem);font-style:italic;line-height:1.45}.hero-copy b{color:var(--pen);font-weight:500}.collage{position:relative}.collage .photo{aspect-ratio:4/4.6;object-fit:cover;clip-path:ellipse(46% 48%);filter:saturate(.85)contrast(1.05)sepia(.12);width:100%}.collage .ring{border:1.5px solid var(--pen);opacity:.85;border-radius:50%;position:absolute;inset:4% 6%;transform:rotate(-4deg)scale(.96)}.collage .note{font-family:var(--serif);color:var(--pen);font-size:.95rem;font-style:italic;position:absolute;transform:rotate(-6deg)}.collage .note.n1{top:6%;left:2%}.collage .note.n2{bottom:8%;right:0;transform:rotate(3deg)}.collage .arrow{stroke:var(--pen);fill:none;stroke-width:1.6px;stroke-linecap:round;position:absolute}.collage .arrow.a1{width:3.4rem;top:11%;left:16%;transform:rotate(12deg)}.collage .arrow.a2{width:3rem;bottom:13%;right:14%;transform:rotate(-155deg)}.chapters{margin-top:clamp(3rem,8vh,5rem)}.chapter{background:var(--paper-2);border:1px solid var(--line);grid-template-columns:.9fr 1.1fr;min-height:min(72vh,34rem);margin-bottom:clamp(1.5rem,4vh,2.5rem);display:grid;position:sticky;top:clamp(4.5rem,10vh,6rem);box-shadow:0 -12px 32px -24px #1b231b59}.chapter:nth-child(2){top:calc(clamp(4.5rem,10vh,6rem) + 1.2rem)}.chapter:nth-child(3){top:calc(clamp(4.5rem,10vh,6rem) + 2.4rem)}.chapter:nth-child(4){top:calc(clamp(4.5rem,10vh,6rem) + 3.6rem)}.chapter .fig{border-right:1px solid var(--line);position:relative;overflow:hidden}.chapter .fig img{object-fit:cover;filter:saturate(.8)contrast(1.05)sepia(.1);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.chapter:hover .fig img{transform:scale(1.05)}.chapter .fig .no{font-family:var(--serif);color:var(--paper);background:var(--pen);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1rem;font-style:italic;display:grid;position:absolute;top:1rem;left:1.1rem;transform:rotate(-8deg);box-shadow:0 4px 12px #00000040}.chapter .body{flex-direction:column;justify-content:center;padding:clamp(1.6rem,4vw,3.2rem);display:flex}.chapter .k{color:var(--pen);margin-bottom:1rem}.chapter h2{text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(2rem,4.6vw,3.8rem);font-weight:600;line-height:.98}.chapter h2 em{font-family:var(--serif);text-transform:none;color:var(--leaf);font-style:italic;font-weight:400}.chapter p{max-width:46ch;color:var(--ink-60);font-size:.98rem;line-height:1.6;font-family:var(--serif);margin-top:1.2rem;font-style:italic}.chapter .go{color:var(--ink);align-items:center;gap:.6rem;margin-top:1.6rem;text-decoration:none;display:inline-flex}.chapter .go span{border-bottom:1px solid var(--pen);padding-bottom:.15rem}.chapter .go:hover span{color:var(--pen)}.notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);margin:clamp(3rem,8vh,5rem) 0 0;padding:1rem 0;overflow:hidden}.notes .mtrack{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;gap:2.6rem;width:max-content;font-size:clamp(1rem,2vw,1.5rem);font-weight:500;animation:24s linear infinite slide;display:flex}.notes span{color:var(--ink-60)}.notes .s{color:var(--pen)}@keyframes slide{to{transform:translate(-50%)}}.channels{padding:clamp(3.5rem,9vh,6rem) 0}.channels .head{justify-content:space-between;margin-bottom:2rem;display:flex}.c-rows{border-top:1px solid var(--line)}.c-row{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:3.5rem 1fr auto;align-items:baseline;gap:1.2rem;padding:1.15rem .2rem;text-decoration:none;transition:background .3s;display:grid}.c-row:hover{background:var(--paper-2)}.c-row .idx{color:var(--ink-30)}.c-row .name{letter-spacing:-.02em;font-size:clamp(1.3rem,2.8vw,2.1rem);font-weight:500}.c-row .name em{font-family:var(--serif);color:var(--leaf);font-style:italic;font-weight:400}.c-row .url{color:var(--ink-30);transition:color .3s}.c-row:hover .url{color:var(--pen)}footer{background:var(--ink);color:var(--paper);margin-top:2rem;padding:clamp(3.5rem,9vh,6rem) 0 1.8rem}footer .signoff{text-align:center;font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(2.6rem,8.5vw,8rem);font-style:italic;font-weight:400;line-height:1.02}footer .signoff .p{color:var(--pen);font-style:normal;font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;font-weight:600}footer .foot-meta{border-top:1px solid color-mix(in oklch, var(--paper) 18%, var(--ink));color:color-mix(in oklch, var(--paper) 55%, var(--ink));flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,6vh,4rem);padding-top:1.2rem;display:flex}footer a{color:var(--paper);border-bottom:1px solid color-mix(in oklch, var(--paper) 30%, var(--ink));text-decoration:none}footer a:hover{color:var(--pen);border-color:var(--pen)}@media (width<=60rem){.hero-grid{grid-template-columns:1fr}.collage{max-width:24rem}.chapter{grid-template-columns:1fr;min-height:0}.chapter .fig{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--line)}.top nav a:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){.grain,.notes .mtrack{animation:none}h1.lockup .row>span{animation:none;transform:none}*{transition:none!important}}