@font-face{font-family:Folio Serif;src:url(/fonts/folio-serif.woff2?v=2)format("woff2");font-weight:400 700;font-display:swap}:root{color:#292c29;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#ead3a0;--ink:#292c29;--muted:#5d604f;--lotus:#8d667c;--serif:"Folio Serif", "Noto Serif SC", serif;background:#ead3a0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.28}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button:focus-visible,a:focus-visible{outline:2px solid var(--lotus);outline-offset:7px}::selection{color:#f7edcf;background:#6b4a61}svg{flex:none;width:22px;height:22px}::-webkit-scrollbar{width:7px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#72715a;border-radius:5px}*{scrollbar-color:#72715a transparent;scrollbar-width:thin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.folio{isolation:isolate;background:var(--paper) url(/art/paper.png?v=2) repeat;--journey:0;--camera-x:0;--gallery-top:72px;background-size:512px 512px;background-position:calc(var(--camera-x) * -1px) 0;width:100%;height:100%;position:relative;overflow:clip}.pond-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pond-page,.works-page{z-index:1;will-change:transform;position:absolute;inset:0;overflow:clip}.pond-page{transform:translateX(calc(var(--journey) * -100%));pointer-events:none;touch-action:none}.pond-inscription{color:#292c29;font-family:var(--serif);font-size:var(--inscription-size,clamp(14px, 2.2vw, 32px));letter-spacing:.09em;white-space:nowrap;transform:translate(-50%, -50%) rotate(var(--inscription-angle,0deg));transform-origin:50%;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-weight:500;line-height:1.3;position:absolute;top:22%;left:55%}.is-fallback .pond-inscription{top:12%;left:50%;visibility:visible!important}.works-page{transform:translateX(calc((1 - var(--journey)) * 100%));pointer-events:none}.in-pond{touch-action:none}.in-works{touch-action:pan-x}.pond-signature{color:#252a25;pointer-events:none;align-items:baseline;gap:14px;display:flex;position:absolute;top:30px;left:34px}.pond-signature>span:first-child{font-family:var(--serif);letter-spacing:.16em;font-size:17px}.pond-signature>span:last-child{letter-spacing:.18em;opacity:.68;font-size:9px}.pond-hint{text-align:center;font-family:var(--serif);letter-spacing:.16em;color:#373b30;text-shadow:0 1px 4px var(--paper);margin:0;font-size:15px;position:absolute;bottom:30px;left:0;right:0}.pond-hint,.pond-hint *{pointer-events:none;-webkit-user-select:none;user-select:none}.pond-hint span{letter-spacing:.12em;color:#565a4c;margin-top:9px;font:10px/1.5 PingFang SC,sans-serif;display:block}.fish-entry{pointer-events:none;white-space:nowrap;outline:none;width:120px;height:54px;padding:0;position:absolute;transform:translate(-50%,-50%)}.fish-name{color:#262c27;opacity:0;font-family:var(--serif);letter-spacing:.025em;pointer-events:none;text-shadow:none;background:0 0;padding:0;font-size:16px;transition:opacity .2s,transform .3s;position:absolute;top:100%;left:50%;transform:translate(-50%,8px)}.fish-entry[data-revealed=true]{pointer-events:auto;cursor:pointer}.fish-entry[data-revealed=true] .fish-name,.fish-entry:focus-visible .fish-name{opacity:1;transform:translate(-50%)}.fish-entry:focus-visible{outline-offset:4px;pointer-events:auto;border-radius:50%;outline:1px dashed #815d70}@media (max-width:639px),(hover:none),(pointer:coarse){.fish-entry .fish-name{opacity:1;transform:translate(-50%)}}.works-toolbar,.works-footer{z-index:3;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;left:34px;right:34px}.works-toolbar{height:36px;top:25px}.quiet-button{letter-spacing:.05em;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:inline-flex}.quiet-button:hover,.github-link:hover,.text-button:hover{color:var(--lotus)}.quiet-button svg{width:20px;height:20px}.works-title{font-family:var(--serif);letter-spacing:.035em;margin-left:-42px;font-size:18px}.github-link{align-items:center;gap:8px;font-size:11px;text-decoration:none;display:flex}.github-link svg{width:16px;height:16px}.gallery-scroll{inset:var(--gallery-top) 0 95px;overscroll-behavior-x:contain;scrollbar-width:none;pointer-events:auto;touch-action:pan-x;position:absolute;overflow:auto hidden}.gallery-scroll::-webkit-scrollbar{display:none}.folio[data-travelling=true] .gallery-scroll{pointer-events:none}.gallery-track{min-width:100%;height:100%;position:relative}.gallery-viewport{width:100vw;height:100%;position:sticky;left:0}.project-leaf{left:var(--base-x);top:var(--base-y);width:var(--base-w);height:var(--base-h);clip-path:var(--base-clip);color:#f5e9cc;isolation:isolate;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,calc(-50% - 72px))}.folio:not(.is-fallback) .project-leaf[data-scene-bound]{left:var(--leaf-x);top:calc(var(--leaf-y) - var(--gallery-top));width:var(--leaf-w);height:var(--leaf-h);clip-path:var(--leaf-clip);transform:none}.folio:not(.is-fallback) .project-leaf[data-scene-bound] .project-leaf-title{left:var(--title-x);top:var(--title-y);width:var(--title-width);transform:translateX(-50%) scale(var(--title-scale));transform-origin:50% 0;right:auto}.project-leaf-title,.project-leaf-title *{pointer-events:none}.is-fallback .gallery-viewport{width:100%;position:static}.project-leaf:focus-visible{background:#f8eacb12;outline:none}.project-leaf:focus-visible .project-leaf-title:after{content:"";border-bottom:1px solid #f5e9cc;position:absolute;bottom:-12px;left:20%;right:20%}.project-leaf-title{font-family:var(--serif);letter-spacing:-.025em;text-align:center;text-wrap:balance;text-shadow:0 1px 7px #20241fd9;font-size:clamp(22px,2.4vw,39px);font-weight:500;line-height:1.3;position:absolute;top:63%;left:10%;right:10%;-webkit-mask-image:url(/art/text-grain.png);mask-image:url(/art/text-grain.png);-webkit-mask-size:96px 96px;mask-size:96px 96px}.project-leaf-title>span{letter-spacing:.12em;opacity:.92;margin-top:13px;font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:11px;font-weight:400;display:block}.project-leaf.is-light{color:#252a25}.project-leaf.is-light .project-leaf-title{text-shadow:none}.project-leaf.is-light:focus-visible .project-leaf-title:after{border-color:#252a25}.works-footer{height:39px;bottom:27px}.works-footer p{font-family:var(--serif);letter-spacing:.13em;margin:0;font-size:13px}.works-footer p>span{letter-spacing:.07em;color:#5b5c4c;margin-top:7px;font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:9px;display:block}.gallery-progress{align-items:center;gap:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gallery-progress button{justify-content:center;align-items:center;width:25px;height:30px;padding:8px 5px;display:flex}.gallery-progress span{opacity:.5;background:#747360;width:5px;height:5px;transition:width .4s,opacity .4s;display:block;transform:rotate(45deg)}.gallery-progress .is-current span{opacity:1;background:#654a58;width:13px}.gallery-arrows{gap:19px;display:flex}.icon-button{justify-content:center;align-items:center;width:36px;height:36px;padding:7px;display:flex}.icon-button:hover:not(:disabled){color:var(--lotus)}.icon-button svg{width:22px;height:22px}.loading-state{background:var(--paper) url(/art/paper.png?v=2);z-index:20;font-family:var(--serif);letter-spacing:.12em;justify-content:center;align-items:center;gap:18px;font-size:15px;display:flex;position:fixed;inset:0}.loading-leaf{background:#59604e;border-radius:60% 45% 55% 30%;width:22px;height:18px;animation:1.5s ease-in-out infinite breathe;transform:rotate(-25deg)}@keyframes breathe{50%{opacity:.35;transform:rotate(-15deg)}}.project-detail{background:var(--paper) url(/art/paper.png?v=2);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);z-index:30;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.project-detail::backdrop{background:#21271e35}.case-toolbar{z-index:5;background:var(--paper) url(/art/paper.png?v=2);justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 18px #ead3a0b0}.case-toolbar>span{font-family:var(--serif);letter-spacing:.08em;color:#565747;font-size:14px}.case-scroll{overscroll-behavior-y:contain;touch-action:pan-y;height:100%;padding:124px 40px 30px;overflow:hidden auto}.case-content{max-width:1120px;margin:0 auto}.case-heading{max-width:890px;margin:0 auto 62px}.case-heading h1{font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(42px,5.8vw,78px);font-weight:500;line-height:1.1;-webkit-mask-image:url(/art/text-grain.png);mask-image:url(/art/text-grain.png);-webkit-mask-size:96px 96px;mask-size:96px 96px}.case-subtitle{font-family:var(--serif);letter-spacing:.08em;margin:17px 0 35px;font-size:22px}.case-summary{font-family:var(--serif);text-wrap:pretty;max-width:31em;margin:0 0 28px;font-size:clamp(19px,2.2vw,26px);line-height:1.75}.case-links{gap:32px;margin-bottom:33px;display:flex}.case-links a,.text-button{border-bottom:1px solid #66654d;align-items:center;gap:13px;padding:0 0 7px;font-size:13px;text-decoration:none;display:inline-flex}.case-links a:hover{color:#785069;border-color:currentColor}.case-links svg{width:17px;height:17px}.case-medium{color:#5d604f;letter-spacing:.1em;margin:0;font-size:11px}.case-media{margin:0 0 58px}.image-open{cursor:zoom-in;background:#d5cbaa;width:100%;padding:0;display:block;position:relative}.case-media img,.case-media video{object-fit:contain;image-rendering:auto;background:#d9d1b5;width:100%;height:auto;max-height:920px;display:block}.case-media figcaption{color:#5c5e4e;justify-content:space-between;align-items:baseline;gap:24px;margin-top:14px;font-size:11px;line-height:1.8;display:flex}.media-caption{min-width:0}.media-number{font-variant-numeric:tabular-nums;letter-spacing:.1em;white-space:nowrap;flex:none;font-size:10px}.case-introduction{grid-template-columns:1fr 2fr;gap:50px;max-width:890px;margin:90px auto 78px;display:grid}.case-introduction h2{font-family:var(--serif);margin:0;font-size:23px;font-weight:500;line-height:1.6}.case-introduction p,.decision p{letter-spacing:.015em;text-wrap:pretty;max-width:70ch;margin:0 0 22px;font-size:15px;line-height:2.05}.case-decisions{max-width:890px;margin:0 auto}.decision{margin:0 0 51px}.decision h3{font-family:var(--serif);text-wrap:balance;margin:0 0 18px;font-size:25px;font-weight:500;line-height:1.5}.decision .case-media{margin:40px -115px 75px}.case-footer{border-top:1px solid #71705b55;justify-content:space-between;align-items:center;gap:24px;max-width:890px;margin:90px auto 50px;padding-top:27px;display:flex}.case-footer p{font-family:var(--serif);letter-spacing:.03em;margin:0;font-size:20px}.text-button{padding-top:8px}.media-failure{background:#d8d0ae;flex-direction:column;justify-content:center;align-items:center;height:300px;font-size:13px;display:flex}.media-failure button{text-underline-offset:5px;text-decoration:underline}.image-viewer{color:#f2e7c9;z-index:40;background:#252a24;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.image-viewer::backdrop{background:#252a24}.viewer-toolbar{border-bottom:1px solid #8f927b4d;justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 28px;display:flex}.viewer-toolbar>span{font-family:var(--serif);font-size:17px}.viewer-actions{align-items:center;gap:25px;display:flex}.viewer-actions>button{color:#d6cbb0;padding:8px 0;font-size:12px}.viewer-actions>button[aria-pressed=true]{color:#fff2ce;text-underline-offset:7px;text-decoration:underline}.viewer-actions .icon-button{color:#fff2ce;padding:6px}.viewer-surface{touch-action:pan-x pan-y;justify-content:center;align-items:center;height:calc(100% - 70px);padding:25px;display:flex;overflow:auto}.viewer-surface picture{display:contents}.viewer-surface img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.viewer-surface.is-zoomed{text-align:center;display:block}.viewer-surface.is-zoomed img{width:auto;max-width:none;height:auto;max-height:none;margin:0 auto}.fallback-pond{background:url(/art/pond-fallback.webp) 50%/cover;position:absolute;inset:0}.is-fallback .fish-entry{pointer-events:auto}.is-fallback .fish-name{opacity:1}.fallback-fish{background:#a64c31;border-radius:70% 35% 35% 70%;width:58px;height:18px;margin:auto;display:block;transform:rotate(-15deg)}.is-fallback .project-leaf{background:#474d42}.is-fallback .project-leaf.is-light{background:#a9aaa0}.fallback-emblem{font-family:var(--serif);color:#d9c8a2;font-size:74px;transform:translateY(-35px)}@media (min-width:1600px){.pond-signature{top:36px;left:42px}.works-toolbar,.works-footer{left:42px;right:42px}.project-leaf-title{font-size:42px}}@media (max-width:900px){.decision .case-media{margin:38px 0 58px}.case-heading,.case-introduction,.case-decisions,.case-footer{max-width:760px}.case-introduction{gap:30px}.project-leaf-title{font-size:clamp(20px,3.1vw,30px)}}@media (max-width:639px){.pond-signature{gap:12px;top:23px;left:22px}.pond-signature>span:first-child{font-size:14px}.pond-signature>span:last-child{font-size:8px}.pond-hint{font-size:13px;bottom:27px}.pond-hint span{font-size:9px}.fish-entry{width:76px;height:36px}.fish-name{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;text-align:center;width:max-content;max-width:92px;font-size:12px;line-height:1.25}.works-toolbar,.works-footer{left:20px;right:20px}.works-toolbar{top:19px}.works-title{letter-spacing:.02em;margin-left:-18px;font-size:15px}.quiet-button{gap:7px;font-size:11px}.github-link{gap:4px;font-size:10px}.github-link svg{width:13px}.gallery-scroll{--gallery-top:65px;inset:65px 0 100px}.project-leaf{transform:translate(-50%,calc(-50% - 65px))}.project-leaf-title{font-size:25px;top:61%;left:12%;right:12%}.project-leaf-title>span{letter-spacing:.07em;margin-top:10px;font-size:10px}.works-footer{align-items:flex-end;height:48px;bottom:23px}.works-footer p{font-size:11px}.works-footer p>span{margin-top:6px;font-size:8px}.gallery-progress{gap:1px;bottom:61px}.gallery-progress button{width:24px;height:26px}.gallery-arrows{gap:11px}.gallery-arrows .icon-button{width:28px;height:28px;padding:4px}.case-toolbar{height:64px;padding:0 22px}.case-toolbar>span{font-size:11px}.case-toolbar .quiet-button span{display:none}.case-scroll{padding:101px 22px 20px}.case-heading{margin-bottom:36px}.case-heading h1{font-size:42px;line-height:1.12}.case-subtitle{margin:15px 0 26px;font-size:18px}.case-summary{margin-bottom:25px;font-size:20px;line-height:1.7}.case-links{gap:27px;margin-bottom:28px}.case-links a{font-size:12px}.case-medium{letter-spacing:.05em;font-size:10px}.case-media{margin-bottom:36px}.case-media figcaption{gap:16px;margin-top:10px;font-size:10px;line-height:1.8}.media-number{font-size:9px}.case-introduction{margin:50px 0 44px;display:block}.case-introduction h2{margin-bottom:21px;font-size:22px}.case-introduction p,.decision p{font-size:14px;line-height:2}.decision{margin-bottom:38px}.decision h3{margin-bottom:14px;font-size:23px}.case-footer{margin:58px 0 30px;display:block}.case-footer p{margin-bottom:26px;font-size:19px}.viewer-toolbar{gap:10px;height:64px;padding:0 16px}.viewer-toolbar>span{max-width:105px;font-size:12px}.viewer-actions{gap:16px}.viewer-actions>button{font-size:10px}.viewer-actions .icon-button{width:27px}.viewer-surface{height:calc(100% - 64px);padding:12px}.is-fallback .fish-entry{width:80px}.is-fallback .fish-name{white-space:normal;font-size:9px}}.folio.has-detail{touch-action:auto}.pond-hint{width:max-content;max-width:90%;margin:0 auto;padding:0}.is-fallback.in-works .fallback-pond{display:none}button>span:not(.fish-name),a>span,svg,.fish-name,h1,h2,h3,p,.case-toolbar>span,.works-title,.viewer-toolbar>span{-webkit-mask-image:url(/art/text-grain.png);mask-image:url(/art/text-grain.png);-webkit-mask-size:96px 96px;mask-size:96px 96px}.is-fallback .fish-entries{pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid;position:absolute;inset:20% 7% 18%}.is-fallback .fish-entry{white-space:normal;background:#ead3a0ed;justify-content:center;align-items:center;width:100%;height:100%;min-height:64px;padding:12px 16px;display:flex;position:relative;transform:none}.is-fallback .fish-entry:hover,.is-fallback .fish-entry:focus-visible{outline-offset:3px;background:#f6ebcd;border-radius:0;outline:2px solid #8d667c}.is-fallback .fish-name{white-space:normal;overflow-wrap:anywhere;text-align:center;background:0 0;padding:0;font-size:15px;line-height:1.5;display:block;position:static;transform:none!important}.is-fallback .fallback-fish{display:none}.is-fallback .pond-hint{background:var(--paper) url(/art/paper.png?v=2);padding:9px 15px;bottom:5%}@media (min-width:1100px){.is-fallback .fish-entries{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;inset:29% 10%}}@media (max-width:440px){.is-fallback .fish-entries{gap:14px;inset:17% 6% 20%}.is-fallback .fish-name{font-size:13px}.is-fallback .fish-entry{padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}