@font-face{font-family:Alimama Fangyuan;src:url(/assets/AlimamaFangYuanTiVF-Thin-CwBHXHtT.woff2)format("woff2");font-display:swap}:root{--font-page:"Alimama Fangyuan", sans-serif;font-family:var(--font-page);font-variation-settings:"BEVL" 20;color:#2d2b2f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#ede7dc}*{box-sizing:border-box;font-variation-settings:"BEVL" 20;font-family:var(--font-page)!important}html,body{background:#ede7dc;min-width:320px;margin:0;overflow-x:clip}button,a{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d46245}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}::selection{color:#29252a;background:#e1ae53}.progress{z-index:100;transform-origin:0;background:#d46245;width:100%;height:3px;position:fixed;top:0;left:0}#app>header{z-index:30;justify-content:space-between;align-items:center;width:min(1260px,100% - 64px);height:86px;margin:auto;display:flex;position:absolute;inset:0 0 auto}@media (width<=760px){#app>header{width:calc(100% - 40px);height:70px}#app>header.open nav{display:flex}#app>header.open .menu-button i:first-child{transform:translateY(4px)rotate(45deg)}#app>header.open .menu-button i:last-child{transform:translateY(-4px)rotate(-45deg)}}.brand{color:#2d2b2f;align-items:center;gap:12px;padding:0;display:flex}.brand-stamp{color:#c55c43;border:1px solid #2d2b2f;border-radius:50% 45% 50% 42%;place-items:center;width:30px;height:30px;font:15px Georgia,serif;display:grid;transform:rotate(-9deg)}.brand-name{letter-spacing:.02em;font-family:Georgia,Songti SC,serif;font-size:16px;font-style:italic}@media (width<=760px){.brand-name{font-size:14px}}nav{align-items:center;gap:25px;font-size:13px;display:flex}nav button,nav a{transition:color .2s}nav button:hover,nav a:hover{color:#c55c43}nav a{border:1px solid #2d2b2f5c;border-radius:999px;padding:9px 12px}@media (width<=760px){nav{background:#f7f0e6;flex-direction:column;align-items:stretch;gap:16px;min-width:165px;padding:17px;display:none;position:absolute;top:57px;right:0;box-shadow:5px 7px #2d2b2f24}nav a{border:0;padding:0}}.menu-button{display:none}@media (width<=760px){.menu-button{place-content:center end;gap:7px;width:38px;height:38px;display:grid}.menu-button i{background:#2d2b2f;width:23px;height:1px;transition:transform .2s;display:block}}.essay-header{background:#ede7dc;border-bottom:1px solid #2d2b2f26;position:relative}.hero h1,h2,h3{font-family:Georgia,Songti SC,STSong,serif;font-weight:600}.hero h1 span,h2 span{color:#bb5d42}.hero{isolation:isolate;background:#d9d1c4;height:min(940px,100svh);min-height:790px;padding:186px max(32px,50vw - 630px) 64px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-4;background:radial-gradient(circle at 79% 40%,#f0dfb7 0,#0000 26%),radial-gradient(at 22% 85%,#92ada06b,#0000 38%),#d9d1c4;position:absolute;inset:0}.hero:after{content:"";z-index:-1;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-copy{z-index:2;max-width:620px;position:relative}.hero h1{letter-spacing:.01em;margin:20px 0 24px;font-size:clamp(48px,6vw,83px);line-height:1.11}.hero-intro{color:#504b4d;width:min(100%,460px);font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:25px;margin-top:39px;display:flex}.hero-waves{z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.68;position:absolute;inset:0;overflow:hidden}.hero-particle-stage{aspect-ratio:1540/835;pointer-events:auto;width:clamp(1280px,156vw,2440px);position:absolute;top:51%;left:72%;transform:translate(-50%,-50%)}.hero-wash{z-index:1;pointer-events:none;background:linear-gradient(90deg,#d9d1c4f0 0%,#d9d1c4bd 38%,#d9d1c40d 68%);position:absolute;inset:0}.hero-side-note{z-index:3;color:#716a61;letter-spacing:.04em;border-left:1px solid #716a6185;margin:0;padding:9px 0 9px 13px;font:11px/1.65 ui-monospace,monospace;position:absolute;bottom:74px;right:max(45px,50vw - 630px)}@media (width<=760px){.hero{height:100svh;min-height:735px;padding:137px 20px 35px}.hero:before{background:radial-gradient(circle at 90% 27%,#f0dfb7 0,#0000 24%),radial-gradient(at 10% 90%,#92ada06b,#0000 42%),#d9d1c4}.hero h1{margin-top:17px;font-size:clamp(44px,13vw,62px)}.hero-intro{max-width:365px;font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:19px;margin-top:28px}.hero-wash{background:linear-gradient(90deg,#d9d1c4ed,#d9d1c4b0 77%,#d9d1c433)}.hero-side-note{font-size:9px;bottom:43px;left:20px;right:auto}}.kicker{color:#b35540;letter-spacing:.12em;margin:0;font:11px/1.3 ui-monospace,SFMono-Regular,monospace}.round-link{border:1px solid #2d2b2f;border-radius:999px;padding:14px 20px;font-size:13px;transition:background .25s,color .25s,transform .25s}.round-link span{padding-left:12px;font-size:17px}.round-link:hover{color:#f7f0e6;background:#2d2b2f;transform:translateY(-2px)}.email-link{color:#514b4d;border-bottom:1px solid #69615e;font:12px ui-monospace,monospace}.section-shell{width:min(1260px,100% - 64px);margin:0 auto}@media (width<=760px){.section-shell{width:calc(100% - 40px)}}.section-top h2,.systems h2,.about h2,.notes h2,.closing h2{margin:17px 0 0;font-size:clamp(37px,4.4vw,61px);line-height:1.15}.section-top>p,.systems-heading>p{color:#6e6867;max-width:305px;margin:0 0 5px;font-size:15px;line-height:1.8}.works{padding:135px 0 118px}@media (width<=760px){.works{padding:85px 0}}.section-top{justify-content:space-between;align-items:end;gap:40px;display:flex}@media (width<=760px){.section-top{display:block}.section-top>p{margin-top:21px}}.feature-grid{grid-template-columns:1.25fr 1fr 1fr;gap:15px;margin-top:57px;display:grid}@media (width<=760px){.feature-grid{grid-template-columns:1fr;gap:13px;margin-top:39px}}.feature-card{color:#f8f2e9;background:#3c4d49;flex-direction:column;min-height:490px;transition:transform .25s;display:flex;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-7px)}.feature-card:hover img{opacity:.72;transform:scale(1.06)}.feature-card:nth-child(2){background:#6f3b31}.feature-card:nth-child(3){background:#554760}.feature-card img{object-fit:cover;opacity:.55;width:100%;height:100%;transition:transform .5s,opacity .3s;position:absolute;inset:0}.feature-card:after{content:"";background:linear-gradient(#2622231f,#241e1de0 87%);position:absolute;inset:0}@media (width<=760px){.feature-card{min-height:352px}.feature-card:first-child{min-height:430px}}.card-no,.card-arrow,.card-copy{z-index:1;position:relative}.card-no{padding:22px 24px;font:11px ui-monospace,monospace}.card-copy{margin-top:auto;padding:0 24px 25px}.card-copy p{color:#e5b266;letter-spacing:.06em;margin:0 0 10px;font:10px ui-monospace,monospace}.card-copy h3{margin:0;font-size:clamp(29px,2.6vw,41px);line-height:1.13}.card-copy>span{color:#e7c4aa;margin-top:5px;font:11px ui-monospace,monospace;display:block}.card-copy b{max-width:330px;margin-top:15px;font-size:13px;font-weight:400;line-height:1.65;display:block}.card-arrow{font-size:27px;position:absolute;bottom:25px;right:24px}.music-art{background:radial-gradient(circle at 68% 40%,#e1ae53,#0000 10%),radial-gradient(circle at 70% 42%,#0000 0 16%,#f7e5c45e 16.2% 16.5%,#0000 16.8% 25%,#f7e5c44d 25.2% 25.4%,#0000 25.7%),#554760;position:absolute;inset:0;overflow:hidden}.music-art b{color:#f0d797;font:130px Georgia,serif;position:absolute;top:18%;right:15%}.music-art i{background:#f4dcb173;width:115%;height:1px;position:absolute;left:-8%;transform:rotate(-21deg)}.music-art i:first-child{top:35%}.music-art i:nth-child(2){top:46%}.music-art i:nth-child(3){top:57%}.systems{border-top:1px solid #2d2b2f26;grid-template-columns:.85fr 1.15fr;gap:9vw;padding:115px 0 130px;display:grid}@media (width<=760px){.systems{width:calc(100% - 40px);padding:86px 0;display:block}}.systems-heading{align-self:start;position:sticky;top:45px}.systems-heading h2{margin-bottom:28px}@media (width<=760px){.systems-heading{position:static}.systems-heading>p{margin-top:20px}}.experiment-list{border-top:1px solid #2d2b2f33}@media (width<=760px){.experiment-list{margin-top:35px}}.experiment{border-bottom:1px solid #2d2b2f33;grid-template-columns:38px minmax(0,1fr) minmax(0,1.4fr) 26px;align-items:baseline;gap:13px;padding:19px 0 21px;transition:color .2s,padding .2s;display:grid}.experiment:hover{color:#b35540;padding-left:7px}.experiment>span,.experiment p{color:#9a7660;letter-spacing:.05em;font-size:10px}.experiment p{margin:0 0 6px}.experiment h3{margin:0;font-size:22px}.experiment>b{color:#6b6565;font-size:13px;font-weight:400;line-height:1.6}.experiment i{font-size:21px;font-style:normal}@media (width<=760px){.experiment{grid-template-columns:25px 1fr 20px;gap:10px;min-height:150px}.experiment>b{grid-column:2/4;padding-bottom:18px}.experiment i{grid-area:1/3}}.about{background:#cfd8cc;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:start;column-gap:clamp(56px,8vw,132px);width:100%;padding:125px max(32px,50vw - 630px);display:grid}@media (width<=760px){.about{padding:82px 20px;display:block}}.about-photo{place-self:center start;width:min(100%,340px);padding-top:0;position:relative}.about-photo img{aspect-ratio:.9;object-fit:cover;object-position:50% 30%;mix-blend-mode:multiply;border-radius:50% 45% 48% 51%;width:100%}.about-photo p{white-space:nowrap;color:#52645d;border-left:1px solid #52645d66;width:310px;max-width:none;margin:19px 0 0 14px;padding-left:12px;font-size:13px;line-height:1.65}@media (width<=760px){.about-photo{align-items:center;gap:18px;width:100%;max-width:360px;margin-bottom:44px;display:flex}.about-photo img{flex-shrink:0;width:96px}.about-photo p{white-space:normal;width:auto;margin:0;padding-left:14px;font-size:13px;line-height:1.55}}.about-copy{width:100%;max-width:690px}.about-copy h2{margin-bottom:25px}@media (width<=760px){.about-copy h2{margin-bottom:22px}}.about-copy>p:not(.kicker){color:#4e5651;max-width:610px;font-size:16px;line-height:1.9}.about-copy>p+p:not(.kicker){margin-top:13px}.tape{z-index:1;color:#5d554f;letter-spacing:.08em;background:#eedcaad9;padding:7px 20px;font:10px ui-monospace,monospace;position:absolute;top:-13px;left:25%;transform:rotate(-5deg)}.fact-row{border-top:1px solid #3a453f47;grid-template-columns:146px minmax(0,1fr);align-items:baseline;gap:20px;margin-top:30px;padding:19px 0;display:grid}.fact-row+.fact-row{margin-top:0}.fact-row span{color:#a6533f;letter-spacing:.05em;font-size:14px}.fact-row b{font-size:15px;font-weight:400;line-height:1.55}@media (width<=760px){.fact-row{grid-template-columns:1fr;gap:8px;margin-top:24px}}.notes{padding:126px 0}@media (width<=760px){.notes{padding:84px 0}}.notes-title{justify-content:space-between;align-items:end;display:flex}.note-entry{background:#f7f0e6;border:1px solid #2d2b2f33;grid-template-columns:145px 1fr auto;align-items:center;gap:34px;margin-top:48px;padding:35px;transition:transform .25s,box-shadow .25s;display:grid;position:relative}.note-entry:hover{transform:translateY(-4px);box-shadow:8px 9px #bb5d4238}.note-entry p{color:#a65e46;letter-spacing:.07em;margin:0 0 9px;font:10px ui-monospace,monospace}.note-entry h3{margin:0 0 8px;font-size:clamp(22px,2.6vw,36px)}.note-entry div>span{color:#746c68;font-size:13px}.note-entry i{color:#765a4d;white-space:nowrap;font:11px ui-monospace,monospace}@media (width<=760px){.note-entry{grid-template-columns:1fr;gap:21px;margin-top:35px;padding:25px 21px}.note-entry i{color:#b35540}}.note-date{color:#b35540;align-items:center;gap:10px;display:flex}.note-date b{font:54px/.8 Georgia,serif}.note-date small{font:10px/1.45 ui-monospace,monospace}.closing{border-top:1px solid #2d2b2f29;padding:107px 0 83px}@media (width<=760px){.closing{padding:80px 0 59px}}.closing h2{margin-bottom:40px}.closing h2 a{color:#b35540;border-bottom:2px solid}.closing>div{flex-wrap:wrap;gap:25px;font:12px ui-monospace,monospace;display:flex}.closing>div a{border-bottom:1px solid #2d2b2f66;padding-bottom:3px}@media (width<=760px){.closing>div{gap:16px}}footer{color:#877c75;letter-spacing:.07em;border-top:1px solid #2d2b2f29;grid-template-columns:1fr 1fr 1fr;width:min(1260px,100% - 64px);margin:0 auto;padding:23px 0 32px;font:10px ui-monospace,monospace;display:grid}footer span:nth-child(2){text-align:center}footer button{color:#b35540;justify-self:end;font-size:18px}@media (width<=760px){footer{grid-template-columns:1fr auto;width:calc(100% - 40px)}footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.essay-page{background:#f7f0e6;min-height:calc(100vh - 86px)}.essay{width:min(880px,100% - 48px);margin:0 auto;padding:78px 0 130px}.essay-intro{max-width:760px}.essay-kicker{color:#b35540;letter-spacing:.12em;margin:0 0 12px;font:10px ui-monospace,monospace}.essay-date{color:#837972;margin:0;font:11px ui-monospace,monospace}.essay h1{letter-spacing:.01em;margin:24px 0 22px;font:600 clamp(38px,5vw,67px)/1.14 Georgia,Songti SC,serif}.essay-lead{color:#706762;max-width:630px;font-size:16px;line-height:1.9}.essay-rule{background:#2d2b2f33;height:1px;margin:62px 0}.essay-body{color:#4d4847;max-width:720px;font-size:16px;line-height:1.95}.essay-body p{margin:0 0 1.45em}.essay-body h1,.essay-body h2,.essay-body h3{color:#302c2c;margin:2em 0 .7em;font-family:Georgia,Songti SC,serif;line-height:1.3}.essay-body h1{font-size:1.9em}.essay-body h2{font-size:1.5em}.essay-body h3{font-size:1.22em}.essay-body code{color:#97523d;background:#eadfd0;padding:2px 5px;font:.85em ui-monospace,monospace}.essay-body pre{color:#e9e0d5;background:#3a4040;border-radius:3px;margin:25px 0;padding:20px;overflow-x:auto}.essay-body pre code{color:inherit;background:0 0;padding:0}.essay-body ul,.essay-body ol{padding-left:1.5em}.essay-body li{margin-bottom:.5em}.essay-body img{max-width:100%;height:auto;margin:28px 0;display:block}.essay-body a{color:#a9523e;border-bottom:1px solid}.back-link{color:#886758;margin-bottom:68px;padding:0;font:12px ui-monospace,monospace}svg.svelte-6yrycg{width:100%;height:100%;position:absolute;inset:0}@media (pointer:fine){svg.svelte-6yrycg{cursor:crosshair}}