:root{--paper:#f3f3f0;--white:#fff;--ink:#111;--gray:#8b8b87;--gray-dark:#666662;--line:#c9c9c4;--signal:#92f000;--display:"Bahnschrift", "Noto Sans SC", sans-serif;--body:"Noto Sans SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);text-rendering:optimizelegibility;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}.musicControl{z-index:110;border:1px solid var(--ink);background:var(--white);min-height:44px;color:var(--ink);font:600 10px/1 var(--display);letter-spacing:.16em;cursor:pointer;border-radius:0;align-items:center;gap:10px;padding:0 15px;transition:background .2s,color .2s;display:flex;position:fixed;bottom:84px;right:clamp(16px,2vw,28px)}.musicControlStatus{background:var(--gray);border:1px solid var(--ink);width:8px;height:8px}.musicControl[aria-pressed=true] .musicControlStatus{background:var(--signal)}.musicControl:hover{background:var(--ink);color:var(--white)}.musicControl:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.siteHeader{z-index:100;background:var(--gray);height:58px;color:var(--white);font-family:var(--display);text-transform:uppercase;border-bottom:1px solid #1111113d;grid-template-columns:minmax(280px,1.25fr) minmax(320px,1fr) 190px;display:grid;position:sticky;top:0}.siteHeader>*{border-right:1px solid #1111113d;align-items:center;min-width:0;display:flex}.siteBrand{letter-spacing:.18em;gap:13px;padding:0 clamp(18px,3vw,54px);font-size:11px}.brandGlyph{background:var(--ink);letter-spacing:.06em;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.siteNav{justify-content:center}.siteNav a{letter-spacing:.19em;border-left:1px solid #1111112e;flex:1;place-items:center;min-width:64px;height:58px;font-size:10px;transition:background .2s,color .2s;display:grid}.siteNav a:hover,.siteNav a:focus-visible{background:var(--white);color:var(--ink);outline:0}.headerStatus{letter-spacing:.16em;background:#777773;justify-content:center;gap:10px;font-size:10px}.headerStatus i,.liveLine i{background:var(--signal);border-radius:50%;width:7px;height:7px;display:inline-block}.hero{background:var(--paper);grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:clamp(145px,12vw,210px);display:grid;position:relative;overflow:hidden}.heroMedia{background:#dadad5;grid-area:1/1/auto/10;height:clamp(520px,48vw,690px);position:relative;overflow:hidden}.heroMedia:after{content:"";pointer-events:none;background:linear-gradient(90deg,#1113,#0000 52%);position:absolute;inset:0}.heroMedia img{object-fit:cover;object-position:center 54%}.mediaNote{z-index:2;color:var(--white);font:11px/1 var(--display);letter-spacing:.19em;position:absolute;top:30px;left:clamp(22px,4vw,66px)}.heroPanel{z-index:4;background:var(--white);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-area:1/4/auto/13;grid-template-columns:78px minmax(0,1.25fr) minmax(300px,.75fr);align-self:end;min-height:clamp(350px,29vw,430px);display:grid;position:relative;transform:translateY(86px)}.heroPanelIndex{border-right:1px solid var(--line);color:var(--gray);font:18px/1 var(--display);padding:34px 20px}.heroPanelCopy,.heroPanelMeta{padding:clamp(38px,4.4vw,70px)}.heroPanelCopy{border-right:1px solid var(--line)}.eyebrow,.sectionCode{color:var(--gray-dark);font:10px/1.2 var(--display);letter-spacing:.21em;text-transform:uppercase;display:block}.heroPanel h1,.sectionHeader h2,.nowHeading h2,.aboutCopy h2{font-family:var(--display);letter-spacing:-.045em;margin:0;font-weight:650}.heroPanel h1{margin-top:30px;font-size:clamp(56px,7.15vw,112px);line-height:.88}.heroPanelMeta{align-self:end}.liveLine{color:var(--gray-dark);font:10px/1 var(--display);letter-spacing:.17em;align-items:center;gap:9px;display:flex}.heroPanelMeta p{color:#555551;max-width:450px;margin:25px 0 34px;font-size:15px;line-height:1.85}.heroPanelMeta a{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:11px/1 var(--display);letter-spacing:.11em;justify-content:space-between;padding:14px 0;display:flex}.heroSequence{z-index:3;color:#a4a4a0;font:11px/1 var(--display);grid-area:1/10/auto/13;justify-self:end;gap:16px;margin:38px clamp(22px,4vw,64px) 0 0;display:flex}.heroSequence .active{color:var(--ink)}.statement{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:3fr 9fr;gap:32px;padding:clamp(90px,9vw,150px) clamp(22px,5vw,86px);display:grid}.statement p{max-width:1200px;font:620 clamp(36px, 5vw, 78px)/1.13 var(--display);letter-spacing:-.04em;margin:0}.workSection{padding:clamp(90px,9vw,145px) clamp(22px,4.3vw,74px)}.sectionHeader{grid-template-columns:8fr 4fr;align-items:end;gap:50px;margin-bottom:58px;display:grid}.sectionHeader h2{margin-top:24px;font-size:clamp(60px,8vw,126px);line-height:.82}.sectionHeader>p{border-left:1px solid var(--ink);color:#5f5f5b;justify-self:end;max-width:400px;margin:0;padding-left:24px;font-size:14px;line-height:1.8}.projectGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:36px;display:grid}.projectCard{border:1px solid var(--ink);background:#d9d9d4;outline:none;position:relative;overflow:hidden}.projectCard:focus-visible{outline:3px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 7px var(--signal)}.projectCardWide{grid-column:1/-1;height:460px}.projectCardSmall{grid-column:span 6;height:480px}.cardMedia{background:#d3d3ce;position:absolute;inset:0;overflow:hidden}.cardMedia:after{content:"";pointer-events:none;border:13px solid #ffffff1f;position:absolute;inset:0}.cardMedia img{object-fit:cover;transition:transform .32s ease-out}.projectCardWide .cardMedia img{object-position:center 55%;transform-origin:100%;transform:scale(1.11)}.projectCardSmall:nth-child(2) .cardMedia img{object-position:40% center;filter:saturate(.9)contrast(1.12)brightness(.72)}.projectCardSmall:nth-child(3) .cardMedia img{object-position:58% center;filter:saturate(.9)contrast(1.12)brightness(.72)}.cardPanel{z-index:2;color:var(--ink);background:#fffffff2;flex-direction:column;justify-content:space-between;transition:transform .32s ease-out,left .32s ease-out,padding .32s ease-out;display:flex;position:absolute}.projectCardWide .cardPanel{border-left:1px solid #1111113d;padding:38px clamp(34px,4.6vw,78px) 34px clamp(70px,8vw,136px);inset:0 0 0 33.333%}.projectCardSmall .cardPanel{background:var(--white);min-height:480px;padding:38px clamp(30px,3.5vw,58px) 34px;inset:0;transform:translate(0,0)}.projectCardWide:hover .cardPanel,.projectCardWide:focus .cardPanel,.projectCardWide:focus-within .cardPanel{padding-left:clamp(34px,4vw,68px);left:46.666%}.projectCardWide:hover .cardMedia img,.projectCardWide:focus .cardMedia img,.projectCardWide:focus-within .cardMedia img{transform:scale(1)}.projectCardSmall:hover .cardPanel,.projectCardSmall:focus .cardPanel,.projectCardSmall:focus-within .cardPanel{padding-left:calc(9% + clamp(30px,3.5vw,58px));transform:translate(-9%,40%)}.projectCardSmall:hover .cardMedia img,.projectCardSmall:focus .cardMedia img,.projectCardSmall:focus-within .cardMedia img{transform:scale(1.025)}.cardTopline,.cardFoot{font:10px/1.2 var(--display);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:24px;display:flex}.cardTopline span:first-child{color:#526b28}.cardCategory{color:var(--gray-dark);font:10px/1.2 var(--display);letter-spacing:.16em}.cardMain{max-width:860px}.cardMain h3{max-width:850px;font:640 clamp(34px, 4.2vw, 66px)/1 var(--display);letter-spacing:-.04em;margin:19px 0 17px}.projectCardSmall .cardMain h3{font-size:clamp(32px,3.2vw,50px)}.cardMain p{color:#5f5f5b;max-width:700px;margin:0;font-size:14px;line-height:1.75}.cardFoot{border-top:1px solid var(--ink);align-items:end;padding-top:18px}.cardFoot span:last-child{letter-spacing:0;font-size:21px}.nowSection{background:var(--white);border-top:1px solid var(--ink);grid-template-columns:4fr 8fr;gap:clamp(50px,8vw,130px);padding:clamp(90px,9vw,145px) clamp(22px,5vw,86px);display:grid}.nowHeading h2{margin-top:28px;font-size:clamp(56px,7vw,108px);line-height:.88}.nowHeading p{color:#5f5f5b;max-width:520px;margin:45px 0 0;font-size:15px;line-height:1.9}.nowList{border-top:1px solid var(--ink);align-self:end}.nowItem{border-bottom:1px solid var(--ink);grid-template-columns:48px 76px 1fr auto;align-items:center;gap:20px;min-height:108px;display:grid}.nowItem>span,.nowItem time,.nowItem strong{color:var(--gray-dark);font:10px/1.3 var(--display);letter-spacing:.13em}.nowItem h3{font:560 clamp(18px, 2vw, 28px)/1.3 var(--display);letter-spacing:-.015em;margin:0}.nowItem strong{color:#526b28;font-weight:500}.memorySection{background:var(--white);border-top:1px solid var(--ink);padding:clamp(80px,8vw,130px) clamp(22px,4.3vw,74px);scroll-margin-top:58px}.memorySection .sectionHeader h2{font-size:clamp(36px,5.6vw,86px);line-height:1.06}.memoryGraph{border:1px solid var(--ink);background:var(--white)}.memoryGraphToolbar,.memoryGraphCaption{color:var(--gray-dark);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-size:12px;display:flex}.memoryGraphToolbar{border-bottom:1px solid var(--line)}.memoryGraphToolbar p{margin:0}.memoryGraphCaption{border-top:1px solid var(--line)}.memoryGraphCaption span:first-child{color:var(--ink);font-size:14px}.memoryGraphControls{flex-shrink:0;gap:1px;display:flex}.memoryGraphControls button{background:var(--paper);min-width:44px;min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border:0;padding:8px 12px}.memoryGraphControls button:hover{background:#deded9}.memoryGraphControls button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.memoryGraphCanvas{touch-action:none;cursor:grab;background-image:radial-gradient(#d9d9d4 .65px,#0000 .65px);background-size:24px 24px;width:100%;height:clamp(400px,53vw,750px);display:block}.memoryGraphCanvas:active{cursor:grabbing}.memoryGraphLink{fill:none;stroke:#c2c2bb;stroke-width:.8px;vector-effect:non-scaling-stroke}.memoryGraphLink.isHighlighted{stroke:var(--ink);stroke-width:1.4px}.memoryGraphNode{cursor:grab;outline:none}.memoryGraphHitArea{fill:#0000}.memoryGraphDot{stroke:var(--white);stroke-width:1.3px}.memoryGraphRing{fill:none;stroke-width:1.4px;opacity:0;pointer-events:none}.memoryGraphNode text{fill:#565652;font:12px var(--body);paint-order:stroke;stroke:var(--white);stroke-width:3px;stroke-linejoin:round}.memoryGraphNode.isActive .memoryGraphDot,.memoryGraphNode:focus-visible .memoryGraphDot{stroke:var(--ink);stroke-width:1.8px}.memoryGraphNode.isActive .memoryGraphRing,.memoryGraphNode:focus-visible .memoryGraphRing{opacity:.75}.memoryGraphNode.isActive text,.memoryGraphNode:focus-visible text{fill:var(--ink);font-weight:700}.memoryGraphNode.isDimmed{opacity:.16}.memoryGraphLink.isDimmed{opacity:.12}.systemsSection{background:var(--ink);color:var(--white);border-top:1px solid var(--ink);padding:clamp(90px,9vw,145px) clamp(22px,4.3vw,74px);scroll-margin-top:58px;overflow:hidden}.systemsHeader{grid-template-columns:7fr 5fr;align-items:end;gap:clamp(48px,8vw,130px);margin-bottom:58px;display:grid}.systemsHeader .eyebrow{color:#aaa9a3}.systemsHeader h2{max-width:950px;font:650 clamp(56px, 7vw, 108px)/.88 var(--display);letter-spacing:-.045em;margin:24px 0 0}.systemsHeader>p{color:#bbbcb6;border-left:1px solid #5d5d59;max-width:520px;margin:0;padding-left:24px;font-size:14px;line-height:1.85}.systemDiagramCarousel{position:relative}.systemDiagramTrack{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0;gap:clamp(18px,2.2vw,34px);padding:4px 0 12px;display:flex;overflow-x:auto}.systemDiagramTrack::-webkit-scrollbar{display:none}.systemDiagramTrack:focus-visible{box-shadow:0 0 0 2px var(--ink), 0 0 0 5px var(--signal)}.systemDiagramSlide{scroll-snap-align:start;scroll-snap-stop:always;background:var(--white);color:var(--ink);border:1px solid #5d5d59;flex:0 0 calc(100% - clamp(52px,8vw,124px));overflow:hidden}.systemDiagramSlideHeader{border-bottom:1px solid var(--ink);grid-template-columns:70px minmax(0,1fr) auto;align-items:start;gap:clamp(20px,3vw,52px);min-height:184px;padding:clamp(24px,3vw,42px);display:grid}.systemDiagramIndex,.systemDiagramType{font:600 10px/1.2 var(--display);letter-spacing:.16em}.systemDiagramIndex{color:var(--gray-dark)}.systemDiagramType{color:var(--gray-dark);margin-bottom:16px;display:block}.systemDiagramSlideHeader h3{font:640 clamp(30px, 4vw, 58px)/.96 var(--display);letter-spacing:-.045em;margin:0}.systemDiagramSlideHeader p{color:#5f5f5b;max-width:700px;margin:18px 0 0;font-size:13px;line-height:1.75}.systemDiagramSlideHeader>a{border-bottom:2px solid var(--signal);font:600 10px/1.2 var(--display);letter-spacing:.12em;white-space:nowrap;align-self:end;padding:13px 0 8px}.systemDiagramSlideHeader>a:hover,.systemDiagramSlideHeader>a:focus-visible{background:var(--signal);outline:0}.systemDiagramViewport{aspect-ratio:1.82;background:#f8fafc;width:100%;position:relative;overflow:hidden}.systemDiagramFrame{background:#f8fafc;border:0;width:100%;height:100%;display:block}.systemDiagramControls{grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:clamp(20px,3vw,46px);margin-top:24px;display:grid}.systemDiagramControls>p{min-width:82px;font-family:var(--display);margin:0}.systemDiagramControls>p strong{color:var(--signal);font-size:24px;font-weight:600}.systemDiagramControls>p span{color:#8f908a;margin-left:7px;font-size:11px}.systemDiagramProgress{align-items:center;gap:8px;display:flex}.systemDiagramProgress i{transform-origin:0;background:#5d5d59;flex:1;height:2px;transition:background .2s,transform .2s}.systemDiagramProgress i.isActive{background:var(--signal);transform:scaleY(2)}.systemDiagramButtons{border:1px solid #5d5d59;display:flex}.systemDiagramButtons button{min-width:92px;min-height:44px;color:var(--white);font:600 10px/1 var(--display);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-right:1px solid #5d5d59}.systemDiagramButtons button:last-child{border-right:0}.systemDiagramButtons button:hover:not(:disabled),.systemDiagramButtons button:focus-visible{background:var(--signal);color:var(--ink);outline:0}.systemDiagramButtons button:disabled{color:#73736e;cursor:default}@media (max-width:760px){.memoryGraphToolbar{flex-direction:column;align-items:flex-start;padding:16px}.memoryGraphCaption{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.memoryGraphCanvas{height:430px}}.aboutSection{border-top:1px solid var(--ink);background:#d7d7d2;grid-template-columns:4fr 8fr;gap:clamp(46px,7vw,118px);padding:clamp(90px,9vw,145px) clamp(22px,5vw,86px);display:grid}.aboutPortrait{border:1px solid var(--ink);background:#c7c7c2;min-height:560px;position:relative;overflow:hidden}.aboutPortrait img{object-fit:cover;object-position:center 24%}.aboutPortrait>span{background:var(--white);border-top:1px solid var(--ink);border-right:1px solid var(--ink);font:10px/1 var(--display);letter-spacing:.16em;padding:13px 18px;position:absolute;bottom:0;left:0}.aboutCopy{align-self:end}.aboutCopy h2{margin-top:30px;font-size:clamp(52px,6.7vw,104px);line-height:.9}.aboutCopy>p{color:#50504c;max-width:820px;margin:42px 0 52px;font-size:16px;line-height:1.9}.aboutIndex{border-top:1px solid var(--ink)}.aboutIndex div{border-bottom:1px solid var(--ink);font-family:var(--display);grid-template-columns:60px 1fr;gap:24px;padding:19px 0;display:grid}.aboutIndex span{color:var(--gray-dark);font-size:12px}.aboutIndex strong{letter-spacing:.04em;font-size:14px}.aboutWechat{width:100%;max-width:720px;margin-top:30px;display:block}.aboutWechat img{width:100%;height:auto}.aboutWechat:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.siteFooter{background:var(--ink);min-height:92px;color:var(--white);font-family:var(--display);grid-template-columns:1fr auto auto;align-items:center;gap:44px;padding:22px clamp(22px,5vw,86px);display:grid}.siteFooter strong{font-size:clamp(17px,2vw,26px);font-weight:520}.siteFooter span,.siteFooter a{color:#a6a6a1;letter-spacing:.14em;font-size:10px}.siteFooter a{color:var(--white)}.footerMeta{gap:8px;display:grid}.siteFooter .footerMeta a{color:#a6a6a1}@media (max-width:1050px){.systemDiagramSlideHeader{grid-template-columns:54px minmax(0,1fr)}.systemDiagramSlideHeader>a{grid-column:2;justify-self:start}.heroPanel{grid-column:2/13;grid-template-columns:64px 1fr}.heroPanelMeta{grid-column:2;padding-top:0}.heroPanelCopy{border-right:0}.statement{grid-template-columns:2fr 10fr}.projectCardWide .cardPanel{padding-left:72px}.nowSection,.aboutSection{gap:54px}}@media (max-width:760px){.musicControl{bottom:72px;right:12px}.siteHeader{grid-template-columns:1fr 132px;height:50px}.siteHeader>*{min-height:50px}.siteBrand{padding:0 14px;font-size:9px}.brandGlyph{width:28px;height:28px}.siteNav{display:none}.headerStatus{font-size:9px}.hero{padding-bottom:76px;display:block}.heroMedia{height:390px}.heroMedia img{object-position:53% center}.mediaNote{font-size:9px;top:20px;left:18px}.heroPanel{border-left:1px solid var(--ink);min-height:0;margin:-62px 0 0 18px;display:block;transform:none}.heroPanelIndex{border-right:0;border-bottom:1px solid var(--line);padding:18px 22px}.heroPanelCopy,.heroPanelMeta{padding:34px 26px}.heroPanel h1{margin-top:24px;font-size:clamp(52px,15vw,72px)}.heroPanelMeta{padding-top:0}.heroSequence{display:none}.statement{padding:78px 20px;display:block}.statement p{margin-top:34px;font-size:34px}.workSection{padding:78px 18px}.sectionHeader{margin-bottom:42px;display:block}.sectionHeader h2{font-size:68px}.sectionHeader>p{margin-top:32px}.projectGrid{grid-template-columns:1fr;gap:22px}.projectCardWide,.projectCardSmall{grid-column:1;height:620px}.cardMedia{height:285px}.cardMedia img,.projectCardWide .cardMedia img{transform:none}.projectCardWide .cardPanel,.projectCardSmall .cardPanel{border-top:1px solid var(--ink);border-left:0;min-height:370px;padding:31px 24px 27px;inset:250px 0 0;transform:none}.projectCardWide:hover .cardPanel,.projectCardWide:focus .cardPanel,.projectCardWide:focus-within .cardPanel,.projectCardSmall:hover .cardPanel,.projectCardSmall:focus .cardPanel,.projectCardSmall:focus-within .cardPanel{padding-left:24px;left:0;transform:none}.cardMain h3,.projectCardSmall .cardMain h3{font-size:35px}.nowSection,.aboutSection{grid-template-columns:1fr;gap:52px;padding:78px 20px}.nowHeading h2,.aboutCopy h2{font-size:58px}.nowHeading p{margin-top:32px}.nowItem{grid-template-columns:35px 1fr auto;gap:12px;min-height:118px}.nowItem time{display:none}.nowItem h3{font-size:17px}.nowItem strong{font-size:8px}.aboutPortrait{min-height:470px}.aboutCopy>p{margin:32px 0 42px}.systemsSection{padding:78px 18px}.systemsHeader{margin-bottom:42px;display:block}.systemsHeader h2{font-size:58px}.systemsHeader>p{margin-top:32px}.systemDiagramTrack{gap:14px}.systemDiagramSlide{flex-basis:calc(100% - 18px)}.systemDiagramSlideHeader{grid-template-columns:38px minmax(0,1fr);gap:14px;min-height:0;padding:22px 18px}.systemDiagramType{margin-bottom:11px}.systemDiagramSlideHeader h3{font-size:27px}.systemDiagramSlideHeader p{margin-top:12px;font-size:12px;line-height:1.65}.systemDiagramSlideHeader>a{margin-top:4px}.systemDiagramControls{grid-template-columns:auto 1fr;gap:16px}.systemDiagramProgress{grid-area:1/1/auto/3}.systemDiagramControls>p,.systemDiagramButtons{grid-row:2}.systemDiagramButtons{justify-self:end}.systemDiagramButtons button{min-width:80px}.siteFooter{grid-template-columns:1fr;gap:18px;padding:34px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}