.skills-preview{height:100svh;background:#080706;overflow:hidden;display:grid;place-items:center}.skills-stage{position:relative;width:100vw;height:100svh}.skills-home-preview,.skills-background,.skills-canvas{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.skills-home-preview{object-fit:contain}.skills-background,.skills-canvas{opacity:0;pointer-events:none}.skills-content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.skills-content ul{list-style:none;margin:0;padding:0}.skills-content [data-skill]{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:.05em;font-size:clamp(30px,4.4vw,78px);line-height:.98;letter-spacing:-.045em;font-weight:500;color:#f1f2f0;padding:24px;outline-offset:6px;opacity:0;pointer-events:auto;transition:color .22s}.skills-content [data-skill=MODELING]{transform:translate(-50%,-50%) rotate(-4deg);flex-direction:row;align-items:baseline;gap:.16em}.skills-content [data-skill=AI]{transform:translate(-50%,-50%) rotate(3deg)}.skills-content [data-skill=VISUAL]{font-size:clamp(34px,4.8vw,84px);transform:translate(-50%,-50%) rotate(-2deg);letter-spacing:.04em}.skills-content [data-skill=PHOTO]{font-size:clamp(38px,5.1vw,88px);transform:translate(-50%,-50%) rotate(4deg)}.skill-index{position:absolute;left:24px;top:3px;font-size:clamp(11px,.9vw,15px);line-height:1;letter-spacing:.04em;font-weight:400;color:#aeb8bd}.skill-dot{display:inline-block;font-size:1.8em;line-height:.5;vertical-align:-.08em;margin-right:.12em}.skills-content [data-skill]:focus{outline:none}.skills-preview[data-input=keyboard] [data-skill]:focus:after{content:"";position:absolute;left:24px;bottom:8px;width:28px;border-bottom:2px solid #cddadc}.skills-content [data-skill]{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.skills-stage[data-dragging],.skills-stage[data-dragging] [data-skill]{cursor:grabbing}.skills-start{position:absolute;left:39%;top:26%;width:16%;height:43%;background:transparent;border:0;cursor:pointer}.skills-preview:not([data-phase=home]) .skills-start{display:none}.skills-preview[data-phase=leaving] .skills-start{display:block;z-index:4}.skills-return{position:fixed;right:4vw;bottom:4vh;color:#c8cecf;background:none;border:0;border-bottom:1px solid #555d61;padding:8px 0;font-size:11px;letter-spacing:.12em;cursor:pointer;z-index:10}.skills-preview-note{position:fixed;bottom:4vh;left:4vw;font-size:11px;color:#858f93}.site-header[data-skills=true]{opacity:.45}.site-header{transition:opacity .24s}.skills-preview[data-phase=home] .skills-content{visibility:hidden}.skills-preview[data-phase=home] .skills-background{opacity:0!important}.skills-preview[data-fallback=true]:not([data-phase=home]) .skills-stage{background:#0b0c0d}.skills-preview[data-fallback=true]:not([data-phase=home]) .skills-home-preview,.skills-preview[data-fallback=true] .skills-background,.skills-preview[data-fallback=true] .skills-canvas{visibility:hidden}.skills-preview[data-fallback=true]:not([data-phase=home]) [data-skill]{opacity:1!important;min-width:24vw;min-height:26vh;display:flex;align-items:center;justify-content:center;border-radius:43% 57% 48% 52%;background:radial-gradient(ellipse at 30% 20%,#555d60,#222729 65%,#7b888c);box-shadow:inset 0 0 24px #d8e0e455}.portfolio-scene.skills-preview{width:min(100vw,calc(100svh * 16 / 9));height:auto;display:block;background:#000}.portfolio-scene.skills-preview:not([data-phase=home]){position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;aspect-ratio:auto}.portfolio-home-content{position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-scene.skills-preview .portfolio-canvas{opacity:1}.portfolio-scene.skills-preview:not(.is-ready) .portfolio-canvas{opacity:0}.portfolio-scene .skills-background{z-index:1}.portfolio-scene .skills-canvas{z-index:2}.portfolio-scene .skills-content{z-index:5}.portfolio-scene .skills-handoff{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;object-fit:contain}.portfolio-scene:not([data-phase=home]) [data-glass-cache],.portfolio-scene:not([data-phase=home]) [data-group-cache],.portfolio-scene:not([data-phase=home]) [data-hover-cache],.portfolio-scene:not([data-phase=home]) [data-cache-preparation-preview],.portfolio-scene:not([data-phase=home]) .portfolio-home-content{visibility:hidden}.portfolio-scene[data-phase=home] .skills-reopen{display:none}.portfolio-scene .skills-return{z-index:55}.portfolio-scene[data-fallback=true]:not([data-phase=home]) .skills-content{background:#0b0c0d}.portfolio-scene[data-fallback=true]:not([data-phase=home]) .skills-canvas,.portfolio-scene[data-fallback=true]:not([data-phase=home]) .skills-background{visibility:hidden}.portfolio-scene .skills-content [data-skill]{color:#f1f2f0}.portfolio-scene .skills-content [data-skill=MODELING]{transform:translate(-50%,-50%) rotate(-4deg)}.home-page[data-skills-active=true] .scroll-cue{display:none}.portfolio-scene:not([data-phase=home]):before,.portfolio-scene:not([data-phase=home]):after{visibility:hidden;opacity:0;transition:none}.about-page{--about-paper: #f1eee6;--about-ink: #272624;--about-muted: #6e6b64;--about-rule: #d2cec3;--about-signal: #9c7244;background:var(--about-paper);color:var(--about-ink);font-family:Bricolage Grotesque,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;position:relative}.about-container{max-width:1440px;padding:0 clamp(48px,5.5vw,104px);margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,2vw,32px)}.about-page p,.about-page h1,.about-page h2,.about-page h3,.about-page h4,.about-page figure{margin:0}.about-page h2,.about-page h3,.about-page h4{font-weight:500}.about-meta{color:var(--about-muted);font-size:11px;line-height:1.6;letter-spacing:.075em}.about-body{font-size:16px;line-height:1.95;letter-spacing:.015em}.about-chapter-label .about-chapter-title{font-size:15px;line-height:1.6;letter-spacing:.075em;font-weight:500}.about-chapter-title span{margin-right:.65em;font-size:12px}.about-chapter-title:focus-visible{outline:1px solid var(--about-rule);outline-offset:6px}.about-chapter-label>p:last-child{margin-top:6px;color:var(--about-muted);font-size:10px;letter-spacing:.14em;line-height:1.6}.about-cover-heading{display:flex;justify-content:space-between;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--about-rule)}.about-cover-heading>.about-meta{padding-top:7px;font-size:10px}.about-cover-heading .about-chapter-title span{font-size:20px;font-variant-numeric:tabular-nums}.about-identity{padding-top:104px;padding-bottom:36px}.about-identity-grid{--motto-indent: clamp(56px,5vw,80px);margin-top:28px;align-items:start}.about-identity-copy{grid-column:6 / 13;grid-row:1}.about-identity h1{font-family:Songti SC,STSong,serif;font-size:clamp(56px,4.6vw,72px);font-weight:400;line-height:1.2;letter-spacing:.06em;text-indent:-.1em}.about-identity-english{margin-top:12px!important;margin-left:clamp(112px,12vw,180px)!important;color:var(--about-muted);font-size:13px;letter-spacing:.28em}.about-motto{margin-top:72px!important;font-family:Songti SC,STSong,serif;font-size:clamp(27px,2.65vw,38px);font-weight:400;line-height:1.7;letter-spacing:.025em}.about-motto span{display:block}.about-motto span+span{margin-left:var(--motto-indent)}.about-motto-english{margin-top:18px!important;margin-left:var(--motto-indent)!important;max-width:27ch;color:var(--about-muted);font-size:clamp(16px,1.5vw,21px);line-height:1.55}.about-location{grid-column:9 / 13;grid-row:1;align-self:end;justify-self:end;padding-bottom:4px;font-size:12px}.about-portrait{grid-column:1 / 5;grid-row:1;width:100%;margin-top:24px!important}.about-portrait>img,.about-portrait>div{width:100%;aspect-ratio:4 / 5;display:block;object-fit:cover}.about-portrait.is-pending>div{background:#e1ded6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#64615a;font-size:12px}.about-portrait.is-pending .about-meta{color:inherit}.about-portrait>figcaption{margin-top:14px;font-size:10px}.about-document-index{display:grid;grid-template-columns:2fr 10fr;gap:24px;align-items:baseline;margin-top:36px;padding:18px 0;border-block:1px solid var(--about-rule)}.about-document-index>p{font-size:10px}.about-document-index ol{display:flex;justify-content:space-between;gap:14px;list-style:none;margin:0;padding:0}.about-document-index li{display:flex;gap:8px;align-items:baseline;font-size:11px;white-space:nowrap}.about-document-index li>span{color:var(--about-muted);font-size:10px;font-variant-numeric:tabular-nums}.about-section-grid{padding-top:40px;padding-bottom:72px}.about-section-grid>.about-chapter-label{grid-column:1 / 4;position:sticky;top:120px;align-self:start}.about-section-grid>.about-chapter-label .about-chapter-title span{display:block;margin:0 0 10px;font-size:28px;font-weight:400;letter-spacing:-.02em}.about-section-content{grid-column:5 / 13}.about-profile .about-chapter-title{scroll-margin-top:120px}.about-profile-record{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1.55fr);column-gap:clamp(18px,2vw,28px);row-gap:8px;padding:0 0 32px;border-bottom:1px solid #afa99e;align-items:start}.about-profile-record+.about-profile-record{padding-top:32px}.about-profile-record>.about-meta:first-child{grid-column:1;grid-row:1 / 4;padding-top:6px}.about-profile-record h3{grid-column:2;grid-row:1;font-family:Songti SC,STSong,serif;font-weight:400;font-size:clamp(24px,2vw,30px);line-height:1.4;letter-spacing:.025em}.about-profile-record>.about-meta[lang=en]{grid-column:2;grid-row:2;font-size:10px;letter-spacing:.09em;max-width:22ch}.about-profile-record .about-body{grid-column:3;grid-row:1 / 4;margin:0;max-width:29em;padding:3px 0 0;font-size:15px;line-height:1.9;color:#53514b}.about-profile-motif{grid-column:2;grid-row:3;width:140px;max-width:100%;height:80px;margin-top:14px;opacity:.1;pointer-events:none}.about-profile-record>:not(.about-profile-motif){opacity:var(--profile-ink,1);transition:opacity .22s ease,transform .22s ease}.about-profile .about-section-content:has(.about-profile-record:is(:hover,:focus-visible)) .about-profile-record:not(:hover):not(:focus-visible){--profile-ink: .55}.about-profile-record h3{position:relative}.about-profile-record h3:before{content:"";position:absolute;width:4px;height:4px;left:-15px;top:.65em;border-radius:50%;background:var(--about-signal);opacity:0;transition:opacity .22s ease}.about-profile-record:is(:hover,:focus-visible) h3{transform:translate(10px)}.about-profile-record:is(:hover,:focus-visible) h3:before{opacity:1}.about-profile-record:focus-visible{outline:1px solid var(--about-rule);outline-offset:8px}@property --seal-progress{syntax: "<number>"; inherits: true; initial-value: 0;}@property --seal-angle{syntax: "<number>"; inherits: true; initial-value: 0;}.about-seal-slot{display:grid;grid-template-rows:1fr;padding-top:14px;margin-bottom:48px;transition:grid-template-rows .4s ease,margin-bottom .4s ease,padding-top .4s ease}.about-seal-slot.is-open{grid-template-rows:0fr;padding-top:0;margin-bottom:0;pointer-events:none;overflow:clip}.about-seal-clip{min-height:0;position:relative}.about-seal{position:relative;display:block;width:100%;height:64px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;-webkit-user-select:none;user-select:none;touch-action:pan-y;scroll-margin-top:120px}.about-seal.is-settling{transition:--seal-progress .32s cubic-bezier(.2,.7,.2,1),--seal-angle .32s ease}.about-seal-track{position:absolute;top:2px;right:0;bottom:2px;left:0;background:#e1d8c9;border-block:1px dashed #b5a891;box-shadow:inset 0 2px 4px #382c1d21}.about-seal-attached{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f0e5;border-block:1px dashed #c8bba6;box-shadow:0 1px #fffdf8,0 2px 2px #382c1d0d;clip-path:inset(0 0 0 calc(var(--seal-progress) * 100%));pointer-events:none}.about-seal-print{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 6fr 3fr;align-items:center;gap:32px;padding:0 28px 0 12%}.about-seal-attached{background-image:url(/assets/about-seal-paper.svg)}.about-seal-track,.about-seal-attached,.about-seal-fold:before{mask:url(/assets/about-seal-torn-edge.svg) left top / 24px 100% repeat-x}.about-seal-attached{--tear-x: calc(var(--seal-progress) * 100%);clip-path:polygon(var(--tear-x) 0,100% 0,100% 100%,var(--tear-x) 100%,calc(var(--tear-x) + 2px) 92%,var(--tear-x) 82%,calc(var(--tear-x) + 3px) 72%,var(--tear-x) 61%,calc(var(--tear-x) + 2px) 49%,var(--tear-x) 37%,calc(var(--tear-x) + 3px) 26%,var(--tear-x) 13%,calc(var(--tear-x) + 2px) 5%)}.about-seal-fold{position:absolute;left:calc(var(--seal-progress) * 100%);bottom:0;width:calc(64px + var(--seal-progress) * 190px);height:64px;transform-origin:left bottom;transform:rotate(calc(var(--seal-angle) * -1deg));opacity:clamp(0,var(--seal-progress) * 20,1);filter:drop-shadow(2px 5px 4px #382c1d24);pointer-events:none}.about-seal-fold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f8f2e7 url(/assets/about-seal-paper.svg);box-shadow:inset 0 -1px #c9bca7,inset 0 1px #fffcf4;clip-path:polygon(2px 0,100% 0,100% 100%,0 100%,2px 90%,0 76%,3px 63%,0 50%,2px 36%,0 24%,3px 12%)}.about-seal-fold:after{content:"";position:absolute;left:0;top:4%;height:92%;width:10px;border-left:1px solid #c8baa3;background:#d7cab526;transform:skewY(-14deg)}.about-seal-grip{position:absolute;left:calc(var(--seal-progress) * 92%);top:0;width:9%;height:100%;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;color:#806c50;cursor:grab;border-right:1px dashed #c8bba6}.about-seal-grip>span:last-child{font-size:20px}.about-seal.is-dragging,.about-seal.is-dragging .about-seal-grip{cursor:grabbing}.about-seal.is-dragging .about-seal-grip,.about-seal.is-completing .about-seal-grip{opacity:0}.about-seal-slot.is-open .about-seal{opacity:0;transition:opacity .18s ease}.about-seal-hint{display:flex;justify-content:space-between;padding-top:18px;color:var(--about-muted);font-size:13px;line-height:1.5;transition:opacity .18s ease}.about-seal-hint>span{font-size:11px}.about-seal-slot.is-open .about-seal-hint{opacity:0}.about-seal:focus-visible{outline:1px solid var(--about-signal);outline-offset:-6px}.about-seal-title>span{display:block}.about-seal-title>span:first-child{font-size:20px;margin-bottom:3px}.about-seal-direction{justify-self:end}.about-archive-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}.about-archive-reveal.is-open{grid-template-rows:1fr}.about-archive-document{min-height:0;overflow:clip}.about-experience .about-chapter-title,.about-education .about-chapter-title{scroll-margin-top:120px}.about-archive-record{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:26px;border-top:1px solid var(--about-rule);padding:32px 0 44px}.about-record-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-content:start}.about-record-content>*{grid-column:1 / -1}.about-archive-record>.about-record-content{opacity:.84;transition:opacity .22s ease}.about-archive-record.is-reading>.about-record-content{opacity:1}.about-archive-record.is-reading>.about-record-index .about-node{border-color:var(--about-signal);background:var(--about-signal)}.about-record-index{display:flex;align-items:flex-start;gap:12px;padding-top:2px;color:var(--about-muted);font-size:11px;letter-spacing:.06em}.about-record-index>span:last-child{font-size:14px;font-variant-numeric:tabular-nums}.about-node{position:relative;display:inline-block;flex-shrink:0;width:6px;height:6px;border:1px solid #aaa397;border-radius:50%;margin-top:5px;background:var(--about-paper)}.about-record-date{grid-column:1;grid-row:1;margin:0!important;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.09em}.about-record-content h3{margin-top:16px;font-family:Songti SC,STSong,serif;font-weight:400;font-size:clamp(27px,2.1vw,32px);line-height:1.45;letter-spacing:.015em}.about-record-content h3>span{display:block}.about-record-role{grid-column:2;grid-row:1;justify-self:end;font-size:11px;line-height:1.6;color:var(--about-muted);margin:0!important}.about-record-summary{margin-top:20px!important;max-width:40em;font-size:15px;line-height:1.9}.about-record-note{color:#66635b;margin-top:12px!important;max-width:40em;font-size:14px;line-height:1.9}.about-record-note:before{content:"—";margin-right:8px;color:var(--about-muted)}.about-subrecords{margin-top:32px;border-top:1px solid var(--about-rule)}.about-subrecord{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 8px 14px 0}.about-subrecord-connector{position:absolute;left:0;top:31px;width:18px;height:100%;overflow:visible;pointer-events:none}.about-subrecord-connector path{fill:none;stroke:#c7beb0;stroke-width:1;transition:d .28s ease}.about-subrecord-index{position:relative;display:flex;align-items:flex-start;gap:8px}.about-subrecord-index .about-node{width:8px;height:8px}.about-subrecord-index,.about-subrecord-copy{transition:transform .28s ease,opacity .28s ease}.about-subrecord-copy{opacity:.8}.about-subrecord.is-active .about-subrecord-index,.about-subrecord.is-active .about-subrecord-copy{transform:translate(8px);opacity:1}.about-subrecord.is-active .about-node{border-color:var(--about-signal);background:var(--about-signal)}.about-subrecord h4{font-family:Songti SC,STSong,serif;font-weight:400;font-size:20px;line-height:1.55;margin-bottom:5px}.about-subrecord-trigger{border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.about-subrecord-trigger:focus-visible{outline:1px solid var(--about-signal);outline-offset:4px}.about-subrecord .about-body{margin-top:16px;font-size:15px}.about-subrecord-detail{display:grid;grid-template-rows:0fr;color:var(--about-muted);font-size:12px;line-height:1.8;margin-top:0!important;letter-spacing:.04em;opacity:0;visibility:hidden;transition:grid-template-rows .28s ease,margin-top .28s ease,opacity .2s ease}.about-subrecord.is-active .about-subrecord-detail{grid-template-rows:1fr;margin-top:12px!important;opacity:1;visibility:visible}.about-subrecord-detail>div{min-height:0;overflow:hidden;display:flex;flex-wrap:wrap;gap:6px 16px}.about-subrecord-detail p{padding-right:8px}.about-education{padding-top:20px;padding-bottom:80px}.about-philosophy{container-type:inline-size;border-top:1px solid var(--about-rule);padding-top:clamp(40px,3.4vw,52px);padding-bottom:48px}.about-philosophy-head{display:flex;justify-content:space-between;align-items:flex-start}.about-philosophy-grid{margin-top:1.8cqw;align-items:start}.about-bagel{grid-column:1 / 13;grid-row:1;font-family:Bricolage Grotesque,Arial,sans-serif;font-variation-settings:"opsz" 96,"wdth" 100;font-weight:350;line-height:1;letter-spacing:-.015em}.about-bagel-lead{display:block;padding-top:3.4cqw;font-size:9cqw;font-weight:300}.about-bagel-close{display:block;margin-top:1.6cqw;font-size:25.8cqw;letter-spacing:.012em;white-space:nowrap}.about-current{grid-column:9 / 13;grid-row:1;margin-left:-2.6cqw;border-left:1px solid #bcb7aa;padding-left:4.8cqw}.about-current>p:first-child{font-size:13px;margin-bottom:6px}.about-current-intro{margin-top:1.3cqw!important;font-size:13px;color:var(--about-muted)}.about-current-topic{margin-top:.8cqw!important;font-size:2.3cqw;line-height:1.35;letter-spacing:-.025em}.about-exit{border-top:1px solid var(--about-rule);padding:55px 0 78px;display:grid;grid-template-columns:1fr 2fr;gap:32px}.about-exit>p{font-size:13px;color:var(--about-muted)}.about-exit>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:fit-content}.about-exit>a>span:first-child{position:relative;font-size:30px;line-height:1.4;padding-bottom:8px;transition:transform .22s ease}.about-exit>a>span:first-child:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--about-ink);transform:scaleX(.32);transform-origin:left;transition:transform .22s ease}.about-exit>a>.about-meta>span{display:inline-block;transition:transform .22s ease}.about-exit>a:is(:hover,:focus-visible)>span:first-child{transform:translate(4px)}.about-exit>a:is(:hover,:focus-visible)>span:first-child:after{transform:scaleX(1)}.about-exit>a:is(:hover,:focus-visible)>.about-meta>span{transform:translate(6px)}.about-exit>a:focus-visible{outline:1px solid var(--about-ink);outline-offset:10px}.about-footer{border-top:1px solid var(--about-rule);display:flex;justify-content:space-between;padding:25px 0 38px;font-size:10px}.about-paper-shell{background:#f8f5ee;padding:20px 0}.about-route-stage{contain:layout paint;transform:translateZ(0)}.about-route-preload{position:fixed;top:0;left:0;width:100vw;z-index:40;opacity:.001;pointer-events:none}.about-paper-shell .about-page{width:min(calc(100% - 48px),1544px);margin:0 auto;border:1px solid #e3ddcf;box-shadow:0 1px #eae4d7,0 12px 36px #2a23170a}.about-paper-shell .site-header{top:20px;left:50%;transform:translate(-50%);width:min(calc(100% - 50px),1542px);min-height:72px;padding:24px clamp(48px,5.5vw,104px) 22px;border-bottom:1px solid var(--about-rule,#e3ddcf)}.about-paper-shell .site-header:before{content:"";position:absolute;left:0;bottom:100%;width:100%;height:20px;background:#f8f5ee}body:has(.about-paper-shell:not(.about-route-preload)){background:#f1eee6}body:has(.about-paper-shell[data-color-study=cream]:not(.about-route-preload)),.about-paper-shell[data-color-study=cream] .about-page,.about-paper-shell[data-color-study=cream] .site-header{background-color:#fffdf5}.about-paper-shell[data-color-study=cream] .about-page{--about-paper: #fffdf5}.about-paper-shell .site-header{background:#f1eee6;color:#272624;padding-bottom:22px}.about-paper-shell .about-page,.about-paper-shell .site-header{background-image:url(/assets/about-paper-texture.png);background-size:384px 384px}.about-paper-shell .site-signature{color:#6e6b64}.about-paper-shell .site-nav a[href="/about"]{text-decoration:underline;text-decoration-thickness:1px}.about-paper-shell .site-nav a:focus-visible{outline-color:#272624}.about-paper-shell .site-header,.about-paper-shell .site-signature,.about-paper-shell .site-nav a{transition:none}.about-paper-shell .site-nav a:hover{color:#272624}@media(prefers-reduced-motion:reduce){.about-profile-record>:not(.about-profile-motif),.about-profile-record h3:before,.about-exit>a>span:first-child,.about-exit>a>span:first-child:after,.about-exit>a>.about-meta>span{transition:none}.about-profile-record:is(:hover,:focus-visible) h3,.about-exit>a:is(:hover,:focus-visible)>span:first-child,.about-exit>a:is(:hover,:focus-visible)>.about-meta>span{transform:none}.about-seal-slot,.about-seal,.about-seal.is-settling,.about-seal-hint,.about-archive-reveal{transition:none}.about-seal-slot.is-open .about-seal{transform:none}.about-archive-record>.about-record-content,.about-subrecord-connector path,.about-subrecord-index,.about-subrecord-copy,.about-subrecord-detail{transition:none}}@media(max-height:800px){.about-identity{padding-top:104px;padding-bottom:36px}.about-identity-grid{margin-top:28px}.about-portrait{max-width:300px}.about-motto{margin-top:44px!important}}:root[data-route-transition]::view-transition{pointer-events:none}:root[data-route-transition]::view-transition-old(root){animation:about-route-fade .18s ease both}:root[data-route-transition=about-enter]::view-transition-new(root){animation:about-route-reveal .22s ease both}:root[data-route-transition=about-leave]::view-transition-new(root){animation:about-route-reveal .22s ease both}:root[data-route-transition=about-enter-fallback] .about-paper-shell .about-page{animation:about-route-reveal .22s ease both}:root[data-route-transition=about-leave-fallback] :is([data-home-route]:not([hidden]),.placeholder-page,.projects-page){animation:about-route-reveal .22s ease both}@keyframes about-route-fade{to{opacity:0}}@keyframes about-route-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){:root[data-route-transition=about-enter-fallback] .about-paper-shell .about-page,:root[data-route-transition=about-leave-fallback] :is([data-home-route]:not([hidden]),.placeholder-page,.projects-page){animation:none}:root[data-route-transition]::view-transition-old(root),:root[data-route-transition]::view-transition-new(root){animation:none}}.projects-preview{--projects-mat: #e5e9dc;--projects-ink: #24251f;--projects-paper: #fffdf5;--projects-muted: #796a51;color:var(--projects-ink);background:var(--projects-mat);min-height:100svh;isolation:isolate}.projects-preview .site-header{color:var(--projects-ink);min-height:90px;background:linear-gradient(var(--projects-mat) 65%,transparent)}.projects-preview .site-signature,.projects-preview .site-nav a:hover{color:#8c6549}.projects-preview .site-nav a:focus-visible{color:#24251f;outline-color:#635c42}.projects-preview .site-nav [aria-current=page]{text-decoration:underline}.projects-page{position:relative;min-height:max(100svh,700px);padding:clamp(104px,14svh,136px) 4.2vw 28px;overflow:clip}.projects-page:before{content:"";position:absolute;z-index:-1;top:-18%;right:-12%;bottom:-18%;left:-12%;background:var(--projects-mat) url(/assets/projects-rush-mat.svg) repeat;background-size:576px 288px;transform:perspective(1500px) rotateX(32deg) scale(1.12);transform-origin:center 40%;pointer-events:none}.projects-page.projects-category-page:before{top:0;right:0;bottom:0;left:0;transform:none}.projects-heading{position:relative;z-index:2}.projects-heading h1{margin:0;font-size:clamp(58px,5.5vw,84px);font-weight:350;font-variation-settings:"opsz" 96,"wdth" 100;letter-spacing:-.045em;line-height:1.05}.projects-heading h1:focus{outline:none}.projects-heading p{margin:10px 0 0;font-family:Songti SC,STSong,serif;font-size:25px;letter-spacing:.15em}.projects-fold-stage{--paper-height: clamp(275px, 33svh, 310px);position:relative;max-width:1480px;margin:clamp(28px,4svh,40px) auto 0;min-height:450px}.projects-fold{position:relative;display:grid;grid-template-columns:1.08fr 1.04fr .94fr .94fr;transform:perspective(1800px) rotateX(48deg);transform-origin:center 120px;transform-style:preserve-3d}.projects-fold-group{position:relative;height:var(--paper-height);min-width:0;transform-style:preserve-3d;pointer-events:none}.projects-fold-group[data-active=true][data-has-previews=true]:after{content:"";position:absolute;top:160px;left:-7%;right:-7%;height:340px;pointer-events:auto}.projects-print-definitions{position:absolute;width:0;height:0;overflow:hidden}.projects-ground-shadow{position:absolute;inset:0 0 auto;width:100%;height:var(--paper-height);overflow:visible;transform:translateZ(.5px);filter:blur(8px);fill:#4f4633;pointer-events:none}.projects-ground-shadow path{transition:d .32s ease,opacity .32s ease}.projects-paper{position:relative;width:100%;height:var(--paper-height);padding:0;border:0;background:transparent;color:var(--projects-ink);transform-style:preserve-3d;pointer-events:none;outline:none;-webkit-user-select:none;user-select:none}.projects-paper-strip{position:absolute;top:0;left:0;height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.7,.3,1);pointer-events:auto;cursor:pointer;backface-visibility:hidden;background:#fffaf0}.projects-paper-strip svg{display:block;width:100%;height:100%;border-bottom:.7px solid #cbbd9f;border-top:.5px solid #fffef8;pointer-events:none}.projects-paper-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(69 53 29 / var(--shade-left)),rgb(69 53 29 / var(--shade-right)));pointer-events:none}.projects-paper-focus{fill:none;stroke:#827650;stroke-width:1;opacity:0}.projects-paper:focus-visible .projects-paper-focus{opacity:1}.projects-paper-number{fill:var(--projects-muted);font-size:15px}.projects-paper-cn{fill:var(--projects-ink);font-family:Songti SC,STSong,serif;font-size:43px;font-weight:400;letter-spacing:.035em}.projects-paper-en{fill:var(--projects-muted);font-size:17px;font-weight:400;letter-spacing:.035em}.projects-previews{position:absolute;top:120px;left:-4%;width:108%;height:280px;visibility:hidden;opacity:0;pointer-events:none;transform:translateZ(1px);transition:transform .22s cubic-bezier(.2,.7,.3,1),opacity .15s ease,visibility 0s .22s}.projects-fold-group[data-active=true] .projects-previews{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,95px,1px);transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .2s ease,visibility 0s}.projects-postcard{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:7px;background:#fffdf5;box-shadow:1px 6px 10px #363c292b;transform:rotate(-4deg)}.projects-postcard img{display:block;width:100%;height:100%;object-fit:cover}.projects-previews[data-count="2"]{width:170%;left:-34%}.projects-fold-group:last-child .projects-previews[data-count="2"]{left:-70%}.projects-previews[data-count="2"] .projects-postcard{width:60%;right:auto;transform:rotate(-8deg)}.projects-previews[data-count="2"] .projects-postcard:nth-child(2){left:42%;transform:rotate(7deg)}.projects-postcard[data-lettering=true]{padding:35px}.projects-postcard[data-lettering=true] img{object-fit:contain}@media(max-width:1050px){.projects-paper-en{letter-spacing:0}}@media(max-width:700px){.projects-fold-stage{overflow-x:auto;min-height:520px}.projects-fold{min-width:850px;margin:0 15px}.projects-heading h1{font-size:52px}}@media(prefers-reduced-motion:reduce){.projects-preview *,.projects-preview *:after{transition:none!important}}.projects-category-page{padding-top:clamp(118px,15svh,144px);padding-bottom:72px}.projects-category-layout{display:grid;grid-template-columns:minmax(220px,2.7fr) minmax(0,9.3fr);gap:clamp(32px,4.2vw,72px);max-width:1480px;margin-inline:auto;align-items:start}.projects-category-sidebar{position:sticky;top:122px}.projects-category-back{display:inline-flex;align-items:center;gap:12px;padding-block:6px;color:var(--projects-ink);text-decoration:none;font-size:13px;letter-spacing:.035em}.projects-category-back span{transition:transform .18s ease}.projects-category-back:hover span{transform:translate(-4px)}.projects-category-back:focus-visible{outline:1px solid #827650;outline-offset:5px}.projects-category-identity{margin-top:64px}.projects-category-no{margin:0 0 22px;color:var(--projects-muted);font-size:14px}.projects-category-identity h1{margin:0;font-family:Songti SC,STSong,serif;font-weight:400;font-size:clamp(34px,3vw,47px);line-height:1.3;letter-spacing:.035em;outline:none}.projects-category-en{margin:14px 0 0;font-size:clamp(21px,2.1vw,30px);font-weight:350;letter-spacing:-.025em}.projects-index-sheet{position:relative;padding:30px clamp(28px,3vw,48px) 12px;background:var(--projects-paper);border:1px solid #d6cfbc;box-shadow:0 1px #d7cdb7,0 10px 24px #4d503119;isolation:isolate}.projects-index-sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/assets/projects-paper-material.jpg) 0 0 / 384px 384px;opacity:.54;pointer-events:none}.projects-index-head,.projects-index-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(28px,3.2vw,48px)}.projects-index-head{padding:0 0 18px;border-bottom:1px solid #a1957e66}.projects-index-head p{margin:0;font-size:12px}.projects-index-head span{margin-left:9px;font-size:11px;color:var(--projects-muted)}.projects-index-row{position:relative;min-height:208px;padding-block:30px;border-bottom:1px solid #a1957e66;transition:min-height .26s ease}.projects-index-row:last-child{border-bottom:none}.projects-index-row[data-active=true]{min-height:270px}.projects-index-copy h2{margin:0;font-weight:400}.projects-index-toggle{display:block;border:0;padding:0;background:none;color:var(--projects-ink);text-align:left;text-decoration:none;cursor:pointer}.projects-index-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.projects-index-toggle>span:first-child{display:block;font-family:Songti SC,STSong,serif;font-size:clamp(24px,2vw,31px);line-height:1.4;letter-spacing:.015em}.projects-index-title-en{display:block;margin-top:9px;color:var(--projects-muted);font-size:13px;line-height:1.5}.projects-index-toggle:focus-visible{outline:none}.projects-index-toggle:focus-visible:after{outline:1px solid #827650;outline-offset:6px}.projects-index-details{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .26s ease,opacity .18s ease,visibility 0s .26s}.projects-index-details>div{overflow:hidden}.projects-index-details dl{margin:26px 0 0;font-size:12px;line-height:1.8}.projects-index-details dl>div{display:grid;grid-template-columns:32px 1fr;gap:14px;margin-top:5px}.projects-index-details dt{color:var(--projects-muted)}.projects-index-details dd{margin:0}.projects-index-row[data-active=true] .projects-index-details{grid-template-rows:1fr;visibility:visible;opacity:1;transition:grid-template-rows .26s ease,opacity .2s ease,visibility 0s}.projects-index-preview{display:flex;align-items:center;align-self:start;margin:0;max-height:130px;overflow:hidden;transition:max-height .26s ease}.projects-index-preview img{display:block;flex:0 0 100%;width:100%;height:auto}.projects-index-row[data-active=true] .projects-index-preview{max-height:260px}@media(max-width:1100px){.projects-category-layout{grid-template-columns:200px minmax(0,1fr);gap:28px}.projects-index-sheet{padding-inline:26px}.projects-index-head,.projects-index-row{column-gap:25px}}.projects-index-filters{display:flex;gap:26px;padding-bottom:28px}.projects-index-filters button{padding:6px 0;border:0;border-bottom:1px solid transparent;background:none;color:var(--projects-muted);font-size:13px;cursor:pointer}.projects-index-filters button[aria-pressed=true]{color:var(--projects-ink);border-bottom-color:currentColor}.projects-index-filters button:focus-visible{outline:1px solid #827650;outline-offset:5px}.projects-index-tags{margin:14px 0 0;color:var(--projects-muted);font-size:11px}.projects-index-preview[data-portrait=true]{width:min(100%,180px);max-height:none;background:transparent;transition:width .26s ease}.projects-index-preview[data-portrait=true] img{height:auto;object-fit:contain}.projects-index-row[data-active=true] .projects-index-preview[data-portrait=true]{width:min(100%,220px);max-height:none}.ramadan-preview{--effect-bg: #09090b;--effect-ink: #f2f2f4;--effect-muted: #a0a0a8;--effect-cyan: #25f4ee;--effect-pink: #fe2c55;min-height:100svh;background:var(--effect-bg);color:var(--effect-ink);font-family:Bricolage Grotesque,PingFang SC,Microsoft YaHei,sans-serif}.ramadan-preview .site-header{padding-bottom:28px;background:var(--effect-bg);color:#e8e8eb}.ramadan-preview .site-signature{color:#9999a2}.ramadan-preview .site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--effect-cyan)}.ramadan-preview .site-nav a:hover{color:var(--effect-cyan)}.ramadan-preview a{color:inherit;text-decoration:none}.ramadan-preview :is(a,button,video):focus-visible{outline:2px solid var(--effect-cyan);outline-offset:7px}.effect-case{width:min(100% - 112px,1440px);margin:0 auto;padding-top:122px}.effect-back{display:inline-flex;gap:12px;align-items:center;color:var(--effect-muted)!important;font-size:13px}.effect-back:hover{color:var(--effect-ink)!important}.effect-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:28px 0 76px}.effect-intro{grid-column:1 / 7;padding-bottom:12px}.effect-context{display:flex;align-items:center;gap:16px;margin:0 0 35px;font-size:15px;font-weight:500}.effect-context span{padding-left:16px;border-left:1px solid #4e4e57;color:var(--effect-muted);font-size:13px;font-weight:400}.effect-intro h1{margin:0 0 27px -5px;font-size:clamp(90px,9.05vw,156px);font-weight:500;font-variation-settings:"opsz" 96,"wdth" 100;letter-spacing:-.065em;line-height:.94}.effect-title-stop{color:var(--effect-cyan);text-shadow:3px 2px var(--effect-pink)}.effect-title-cn{margin:0;font-size:clamp(25px,2.15vw,35px);font-weight:450;letter-spacing:.025em;line-height:1.5}.effect-summary{margin:27px 0 29px;color:var(--effect-muted);font-size:16px;line-height:1.95}.effect-play{display:inline-flex;align-items:center;gap:15px;padding:0;border:0;background:transparent;color:var(--effect-ink);font:inherit;font-size:14px;cursor:pointer}.effect-play-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #666670;border-radius:50%;font-size:12px;transition:border-color .16s,color .16s}.effect-play:hover .effect-play-icon{color:var(--effect-cyan);border-color:var(--effect-cyan)}.effect-duration{padding-left:12px;color:#a9a9b2;font-size:12px}.effect-play-message{min-height:0;margin:0;color:var(--effect-muted);font-size:13px}.effect-play-message:not(:empty){margin-top:16px}.effect-meta{display:flex;gap:clamp(22px,3.2vw,52px);margin:65px 0 0}.effect-meta div{display:grid;gap:10px}.effect-meta dt{color:#9898a2;font-size:11px}.effect-meta dd{margin:0;font-size:13px}.effect-film{grid-column:8 / 13;justify-self:center;width:min(100%,39.28vh,405px);margin:0}.effect-film video{display:block;width:100%;height:auto;aspect-ratio:808 / 1440;background:#082d34;border-radius:2px}.effect-film figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#9999a2;font-size:11px}.effect-film figcaption a:hover{color:var(--effect-cyan)}.effect-culture{display:grid;grid-template-columns:5fr 7fr;gap:clamp(44px,6vw,96px);padding:88px 0 96px;border-top:1px solid #28282e}.effect-culture-copy h2{margin:0 0 28px;font-size:clamp(29px,2.8vw,43px);font-weight:450;line-height:1.5;letter-spacing:-.025em}.effect-culture-copy>p{max-width:390px;margin:0;color:var(--effect-muted);font-size:15px;line-height:1.95}.effect-customs{margin:36px 0 28px}.effect-customs>div+div{margin-top:25px}.effect-customs dt{font-size:20px;font-weight:450}.effect-customs dt span{margin-left:10px;font-size:12px;color:var(--effect-muted);font-weight:400}.effect-customs dd{max-width:340px;margin:8px 0 0;color:var(--effect-muted);font-size:13px;line-height:1.85}.effect-culture-copy .effect-culture-note{font-size:12px;color:#92929c}.effect-culture-photos{display:grid;grid-template-columns:1fr 1fr;gap:27px 23px;align-content:start}.effect-culture-photos figure{margin:0;min-width:0}.effect-culture-photos img{display:block;width:100%;height:300px;object-fit:cover}.effect-culture-photos .effect-culture-sunset{grid-column:1 / -1}.effect-culture-sunset img{height:auto;aspect-ratio:1800 / 721;object-fit:contain}.effect-culture-photos figcaption{margin-top:12px;color:#d2d2d9;font-size:12px;line-height:1.6}.effect-culture-photos figcaption span{display:block;color:#93939f;font-size:10px;margin-top:3px}.effect-sources{padding:0 0 35px;color:var(--effect-muted);font-size:12px;line-height:1.9}.effect-sources summary{display:list-item;width:fit-content;cursor:pointer;color:#ccccd4}.effect-sources :is(p,ul){max-width:900px}.effect-sources a{text-decoration:underline;text-underline-offset:3px}.effect-sources a:hover{color:var(--effect-cyan)}.effect-details{padding:79px 0 94px;border-top:1px solid #28282e}.effect-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.effect-section-heading h2{margin:0;font-size:clamp(28px,2.5vw,40px);font-weight:450;line-height:1.5;letter-spacing:-.025em}.effect-section-heading>p{max-width:420px;margin:5px 0 0;justify-self:end;color:var(--effect-muted);font-size:14px;line-height:1.9}.effect-artwork-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end;margin-top:32px}.effect-artwork-grid figure{min-width:0;margin:0}.effect-artwork-surface{height:clamp(410px,40vw,570px);display:flex;align-items:center;justify-content:center}.effect-artwork-surface img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.effect-lantern .effect-artwork-surface{height:clamp(410px,40vw,570px)}.effect-artwork-grid figcaption{padding-top:24px;border-top:1px solid #28282e}.effect-artwork-grid h3{margin:0 0 9px;font-weight:450;font-size:19px}.effect-artwork-grid figcaption p{margin:0;color:var(--effect-muted);font-size:13px;line-height:1.8}.effect-footer{display:flex;justify-content:space-between;gap:24px;padding:30px 0 38px;border-top:1px solid #28282e;color:#9999a2;font-size:12px}.effect-footer a:hover{color:var(--effect-ink)}@media(max-width:1100px){.effect-case{width:calc(100% - 72px)}.effect-hero{gap:16px}.effect-film{grid-column:8 / 13}.effect-intro h1{font-size:9vw}.effect-artwork-grid{gap:36px}}@media(max-width:760px){.ramadan-preview .site-header{grid-template-columns:1fr auto;padding:25px 24px}.ramadan-preview .site-nav{gap:22px}.ramadan-preview .site-signature-right{display:none}.ramadan-preview .site-signature-left{max-width:135px;line-height:1.5}.effect-case{width:calc(100% - 48px);padding-top:105px}.effect-hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-top:40px}.effect-intro h1{font-size:clamp(64px,16vw,112px)}.effect-context{margin-bottom:24px}.effect-meta{margin-top:32px}.effect-film{width:min(100%,360px);align-self:center}.effect-section-heading{grid-template-columns:1fr;gap:18px}.effect-section-heading>p{justify-self:start}.effect-details{padding-top:42px}.effect-culture{grid-template-columns:1fr;gap:36px;padding:45px 0 60px}.effect-culture-photos img{height:230px}.effect-culture-sunset img{height:auto}.effect-artwork-grid{grid-template-columns:1fr}.effect-artwork-surface{height:400px}.effect-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){.ramadan-preview *,.ramadan-preview *:before,.ramadan-preview *:after{transition:none!important;scroll-behavior:auto!important}}.santa-case{--effect-cyan: #b4e6f7;--effect-pink: #89b9d0}.santa-case .effect-intro h1{font-size:clamp(76px,8vw,132px)}.santa-case .effect-film video{aspect-ratio:9 / 16;background:#dcebf0}.santa-original{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(48px,8vw,128px);padding:80px 0 96px;border-top:1px solid #28282e}.santa-original figure{width:min(100%,340px);margin:0;justify-self:center}.santa-original video{display:block;width:100%;aspect-ratio:3 / 4;background:#dcebf0}.santa-original figcaption,.santa-detail-images figcaption{color:var(--effect-muted);font-size:12px;line-height:1.8;margin-top:15px}.santa-section-label{margin:0 0 22px;color:#b4e6f7;font-size:14px}.santa-original h2{margin:0 0 26px;font-size:clamp(30px,3vw,44px);font-weight:450;line-height:1.5;letter-spacing:-.025em}.santa-original div>p:not(.santa-section-label){max-width:470px;color:var(--effect-muted);font-size:15px;line-height:1.95}.santa-detail-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:clamp(24px,5vw,72px);row-gap:15px;max-width:960px;margin:44px auto 0}.santa-detail-images figure{margin:0;min-width:0}.santa-detail-images img{display:block;width:100%;height:auto}.santa-promo{display:grid;grid-template-rows:subgrid;grid-column:1;grid-row:span 2}.santa-detail-images .santa-promo-image{aspect-ratio:3 / 4;object-fit:cover;object-position:center}.santa-promo figcaption{margin-top:0}.santa-assets{grid-column:2;grid-row:1;width:100%;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding-block:20px;border-block:1px solid #28282e}.santa-asset-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.santa-assets h3{margin:0;color:var(--effect-ink);font-size:19px;font-weight:450}.santa-asset-heading button{padding:5px 0;color:#b4e6f7;background:none;border:0;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.santa-assets .santa-spotlight-image{width:min(100%,160px);height:auto;margin:20px 0 0}.santa-assets .santa-spotlight figcaption{text-align:left}.santa-icon{padding-top:24px;border-top:1px solid #28282e}.santa-icon-window{position:relative;width:min(100%,160px);aspect-ratio:1;overflow:hidden;margin-top:20px}.santa-assets .santa-icon-image{position:absolute;width:112.5%;max-width:none;height:auto;left:-6.25%;top:-6.25%}.santa-icon figcaption{margin:0}@media(max-width:760px){.santa-case .effect-intro h1{font-size:clamp(64px,15vw,108px)}.santa-original{grid-template-columns:1fr;gap:34px;padding:45px 0 60px}.santa-original>div{grid-row:1}.santa-detail-images{grid-template-columns:1fr;gap:36px}.santa-assets{grid-column:1;grid-row:auto;gap:32px}}.projects-detail-identity{margin-top:48px}.projects-detail-identity h1{margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(29px,2.6vw,38px);font-weight:400;line-height:1.4;letter-spacing:.015em;outline:none}.projects-detail-title-en{margin:12px 0 0;color:var(--projects-muted);font-size:15px;line-height:1.6}.projects-detail-meta{margin:35px 0 0;font-size:12px;line-height:1.9}.projects-detail-meta>div{display:grid;grid-template-columns:30px 1fr;gap:14px;margin-top:8px}.projects-detail-meta dt{color:var(--projects-muted)}.projects-detail-meta dd{margin:0}.projects-detail-summary{margin:30px 0 0;font-size:14px;line-height:1.95}.projects-detail-sheet{padding:clamp(22px,2vw,32px)}.projects-detail-sheet figure{margin:0}.projects-detail-sheet figure img{display:block;width:100%;height:auto}.projects-detail-sheet figcaption{margin-top:12px;color:var(--projects-muted);font-size:11px}.projects-detail-sheet figcaption span{margin-left:10px}.projects-detail-description{display:grid;grid-template-columns:1fr 2fr;gap:28px;padding-block:46px}.projects-detail-description h2{margin:0;font-family:Songti SC,STSong,serif;font-size:23px;font-weight:400}.projects-detail-description p{margin:0;font-size:14px;line-height:1.95}.projects-detail-bottom-back{margin-top:40px}.projects-original-pages{display:grid;gap:24px}.projects-case-story{padding:clamp(0px,1vw,14px)}.projects-case-section{margin-top:64px;scroll-margin-top:110px}.projects-case-intro{max-width:650px;margin:0 auto 32px}.projects-case-intro h2{margin:0 0 20px;font-family:Songti SC,STSong,serif;font-size:clamp(24px,2.1vw,32px);font-weight:400;line-height:1.45}.projects-case-intro p{margin:0;font-size:15px;line-height:2}.projects-case-images{display:grid;gap:36px}.projects-case-story figure a{display:block;cursor:zoom-in}.projects-case-story figure a:focus-visible{outline:2px solid var(--projects-muted);outline-offset:5px}.projects-case-story figcaption{font-size:12px;line-height:1.7}.projects-case-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.projects-case-process{margin-top:36px;border-block:1px solid #a1957e66}.projects-case-process summary{padding:20px 0;cursor:pointer;font-size:14px}.projects-case-process summary:focus-visible{outline:1px solid var(--projects-muted);outline-offset:4px}.projects-case-process-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding-block:8px 28px}.projects-case-process-images figure{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:12px}.projects-case-process-images figure a{display:flex;align-items:flex-end}.projects-case-process-images figcaption{margin-top:0}@media(max-width:1100px){.projects-case-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.photography-sheet{padding:clamp(24px,3vw,44px)}.photography-page :is(a,summary):focus-visible{outline:1px solid var(--projects-muted);outline-offset:5px}.photography-row{display:grid;align-items:center;gap:clamp(12px,1.5vw,22px)}.photography-row+.photography-row{margin-top:clamp(18px,2.5vw,36px)}.photography-row figure{margin:0;min-width:0}.photography-row a{display:block;cursor:zoom-in}.photography-sheet img{display:block;width:100%;height:auto}.photography-originals{margin-top:64px;border-block:1px solid #a1957e66}.photography-originals summary{padding-block:22px;font-size:14px;cursor:pointer}.photography-originals p{margin:0 0 24px;color:var(--projects-muted);font-size:12px;line-height:1.8}.photography-originals .projects-original-pages{padding-bottom:24px}@media(max-width:760px){.photography-page .projects-category-layout{grid-template-columns:minmax(0,1fr)}.photography-page .projects-category-sidebar{position:static}}@font-face{font-family:Bricolage Grotesque;src:url(/assets/bricolage-grotesque-variable.ttf) format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{color:#f7f1e5;background:#000;font-family:Bricolage Grotesque,Arial,Helvetica,sans-serif;font-synthesis:none;--paper-ratio: 557.64 / 290.9}*{box-sizing:border-box}html{background:#000}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#000;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}.site-header{--hero-copy-opacity: 1;position:fixed;z-index:60;top:0;left:0;width:100%;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:clamp(24px,3vw,42px) clamp(28px,3.7vw,72px) 0;pointer-events:none;color:#f8f3eaeb;font-size:clamp(9px,.66vw,12px);font-weight:500;letter-spacing:.03em;line-height:1}.site-signature{margin:0;color:#b7816f;opacity:var(--hero-copy-opacity);transition:opacity .16s linear}.site-signature-right{justify-self:end}.site-nav{display:flex;gap:clamp(58px,8.3vw,158px);pointer-events:auto}.site-nav a{color:inherit;text-decoration:none;text-underline-offset:.45em;transition:color .18s ease}.site-nav a:hover,.site-nav a:focus-visible{color:#f7c99e}.site-nav a:focus-visible,.placeholder-page button:focus-visible,.read-me:focus-visible{outline:1px solid rgba(247,241,229,.88);outline-offset:7px}.placeholder-page{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:12px;padding:110px 32px 48px;background:#000;text-align:center}.placeholder-page h1{max-width:12ch;margin:0;color:#f5ecdf;font-size:clamp(48px,8vw,132px);font-weight:420;letter-spacing:-.055em;line-height:.88}.placeholder-page p{margin:0;color:#b7816f;font-size:clamp(10px,.75vw,13px);letter-spacing:.12em}.placeholder-eyebrow{margin-bottom:14px!important}.placeholder-page button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid rgba(247,241,229,.62);margin-top:30px;padding:0 0 5px;background:transparent;color:#f7f1e5db;font-size:10px;letter-spacing:.14em;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-page,.scroll-stack{position:relative;background:#000}.hero{position:sticky;z-index:0;top:0;height:100svh;min-height:620px;display:grid;place-items:center;overflow:hidden;background:#000}.scene-frame{position:relative;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16 / 9;max-height:100svh}.portfolio-scene{position:relative;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16 / 9;max-height:100svh;--focus-x: 50%;--focus-y: 50%;--focus-rx: 10%;--focus-ry: 20%}.portfolio-scene:before,.portfolio-scene:after{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}.portfolio-scene:before{background:radial-gradient(ellipse var(--focus-rx) var(--focus-ry) at var(--focus-x) var(--focus-y),rgba(255,231,199,.08),rgba(255,208,158,.025) 55%,transparent 100%)}.portfolio-scene:after{-webkit-backdrop-filter:brightness(.38) saturate(.75);backdrop-filter:brightness(.38) saturate(.75);-webkit-mask-image:radial-gradient(ellipse var(--focus-rx) var(--focus-ry) at var(--focus-x) var(--focus-y),transparent 55%,#000 100%);mask-image:radial-gradient(ellipse var(--focus-rx) var(--focus-ry) at var(--focus-x) var(--focus-y),transparent 55%,#000 100%)}.portfolio-scene.is-ready[data-focus-group]:before,.portfolio-scene.is-ready[data-focus-group]:after{visibility:visible;opacity:1;transition-delay:0s}.portfolio-scene[data-focus-group=skills]{--focus-x: 46%;--focus-y: 48%;--focus-rx: 9%;--focus-ry: 22%}.portfolio-scene[data-focus-group=projects]{--focus-x: 60%;--focus-y: 72%;--focus-rx: 16%;--focus-ry: 27%}.portfolio-scene[data-focus-group=about]{--focus-x: 36%;--focus-y: 75%;--focus-rx: 13%;--focus-ry: 18%}@media(prefers-reduced-motion:reduce){.portfolio-scene:before,.portfolio-scene:after{transition:none}}.portfolio-scene .scene-frame{width:100%;height:100%}.portfolio-canvas{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;touch-action:pan-y}.portfolio-scene.is-ready .portfolio-canvas{visibility:visible;opacity:1;pointer-events:auto}.portfolio-scene.is-ready .static-hero-scene .scene-image{visibility:hidden}.static-hero-scene.is-pointer-disabled .hero-hotspots{pointer-events:none}.scene-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.scene-image-base{transition:filter .24s ease,opacity .24s ease}.scene-frame.has-selection .scene-image-base{filter:brightness(.38) saturate(.75)}.scene-image-focus{z-index:1;filter:brightness(1.04) drop-shadow(0 0 8px rgba(255,231,199,.35)) drop-shadow(0 0 20px rgba(255,208,158,.2));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene-image-focus[hidden]{display:none}.focus-skills{-webkit-mask-image:radial-gradient(ellipse 9% 22% at 46% 48%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 9% 22% at 46% 48%,#000 55%,transparent 100%)}.focus-projects{-webkit-mask-image:radial-gradient(ellipse 16% 27% at 60% 72%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 16% 27% at 60% 72%,#000 55%,transparent 100%)}.focus-about{-webkit-mask-image:radial-gradient(ellipse 13% 18% at 36% 75%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 13% 18% at 36% 75%,#000 55%,transparent 100%)}.hero-hotspots{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0}.hero-hotspot{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:44%;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-hotspot:focus-visible{outline:1px solid rgba(255,230,200,.84);outline-offset:6px;box-shadow:0 0 28px #ffd6aa38}.hotspot-skills{left:39.5%;top:28%;width:14%;height:39%}.hotspot-projects{left:48%;top:50%;width:24%;height:44%}.hotspot-about{left:27%;top:60%;width:20%;height:31%}.cursor-label{position:fixed;z-index:70;top:0;left:0;min-width:62px;padding:8px 11px 7px;border:1px solid rgba(247,241,229,.42);border-radius:999px;background:#0b0a09db;color:#f7f1e5;font-size:9px;line-height:1;letter-spacing:.12em;text-align:center;pointer-events:none;will-change:transform}.portfolio-cursor-label{display:none}.portfolio-scene.is-about-entering[data-phase]:before,.portfolio-scene.is-about-entering[data-phase]:after{visibility:hidden;opacity:0;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;mask-image:none;-webkit-mask-image:none}.about-card-handoff{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.about-card-veil,.about-card-paper{transform-origin:0 0;position:absolute;top:0;right:0;bottom:0;left:0}.about-card-veil{background:#000;z-index:1;will-change:opacity}.about-card-paper{z-index:3;background:#fffdf5;will-change:transform,opacity}.about-card-snapshot{z-index:2;position:absolute;transform-origin:36% 75%;will-change:transform}.about-static-cards{display:none;position:absolute;left:28.958333%;top:62.037037%;width:16.25%;height:27.037037%;pointer-events:none}.portfolio-scene.is-about-static :is(.scene-image-base,.portfolio-canvas,.skills-handoff,[data-cache-preparation-preview]){mask-image:var(--about-card-cutout);-webkit-mask-image:var(--about-card-cutout)}.portfolio-scene.is-about-static .scene-image-focus{display:none}.scroll-cue{position:absolute;z-index:4;bottom:clamp(22px,3.6vh,42px);left:50%;display:grid;justify-items:center;gap:9px;transform:translate(-50%);color:#f8f3ead6;font-size:clamp(9px,.62vw,11px);letter-spacing:.04em;line-height:1;transition:opacity .12s linear}.scroll-arrow{font-size:14px}.receipt-stage{position:relative;z-index:10;transform:translateZ(0);min-height:100svh;display:grid;place-items:center;padding:clamp(74px,7vw,110px) clamp(18px,5vw,78px) clamp(28px,4vw,64px);background:#101010}.interaction-hint{position:absolute;right:clamp(18px,3vw,48px);bottom:clamp(16px,2.5vw,34px);margin:0;color:#f7f1e57a;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.touch-hint{display:none}@media(hover:none),(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}.cursor-label{display:none}}.receipt-card{width:min(88vw,1440px);aspect-ratio:var(--paper-ratio);perspective:1800px;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.receipt-card:focus-visible{outline:2px solid rgba(247,241,229,.82);outline-offset:12px}.card-rotator{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}.receipt-card.is-flipped .card-rotator{transform:rotateX(180deg)}.paper-face{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;backface-visibility:hidden;transform-style:preserve-3d;filter:drop-shadow(0 2px 0 rgba(184,174,154,.72)) drop-shadow(0 5px 5px rgba(0,0,0,.56)) drop-shadow(0 22px 30px rgba(0,0,0,.42))}.paper-face:before,.paper-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-mask:url(/assets/paper-front.svg) center / 100% 100% no-repeat;mask:url(/assets/paper-front.svg) center / 100% 100% no-repeat;mix-blend-mode:multiply}.paper-face:before{z-index:3;background-image:url(/assets/receipt-micrograin-v2.png);opacity:.28}.paper-face:after{z-index:4;background-image:url(/assets/receipt-surface-texture.png);opacity:.13}.paper-front{transform:rotateX(0) translateZ(1px)}.paper-back{transform:rotateX(180deg) translateZ(1px)}.paper-art{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.paper-ink-echo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.07;transform:translate(.12%,.08%);mix-blend-mode:multiply;pointer-events:none}.ink-stamp{position:absolute;z-index:2;left:57%;top:81.8%;width:17.5%;height:auto;opacity:.58;mix-blend-mode:multiply;transform:rotate(-3.5deg);transform-origin:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.paper-show-through{transform:scaleX(-1);filter:saturate(.2) contrast(.3) brightness(1.72)}.category-window{position:absolute;z-index:2;left:11.6%;top:13.2%;width:29%;height:17%;overflow:hidden}.category{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.category-art{display:block;height:48%;max-width:100%}.category-art svg{display:block;width:auto;max-width:100%;height:100%;overflow:visible}.category-art path{opacity:0;animation:reveal-letter 1ms steps(1,end) forwards;animation-delay:calc(var(--letter-index) * .1s)}@keyframes reveal-letter{to{opacity:1}}.date-window{position:absolute;z-index:2;left:62.9%;top:14.18%;width:30.02%;height:14.6%;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden}.date-digit{position:relative;overflow:hidden}.date-digit img{position:absolute;top:50%;left:50%;width:58%;height:64%;object-fit:contain;transform:translate(-50%,-50%)}.back-content{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:clamp(8px,1vw,16px);transform:translateZ(3px)}.read-me{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px solid currentColor;padding:0 0 .18em;color:#211815;background:transparent;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4.6vw,76px);line-height:1;cursor:pointer}.back-note{margin:0;color:#211815ad;font-size:clamp(9px,.85vw,14px);letter-spacing:.12em;text-transform:uppercase}@media(max-aspect-ratio:4 / 3){.receipt-card{width:min(95vw,1120px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.scene-image-base,.site-signature,.scroll-cue,.card-rotator{transition-duration:1ms}.category-art path{opacity:1;animation:none}}