.dossier-intro{--intro-accent:#fff000;--intro-paper:#f5f4f0;--intro-line:#f5f4f039;position:relative;background:#181818;color:var(--intro-paper);font-family:var(--ds-text,"Dossier PuHuiTi",Arial,sans-serif);padding:24px var(--ds-gutter) 32px;isolation:isolate;scroll-margin-top:0}.dossier-intro ::selection{background:var(--intro-accent);color:#181818}.dossier-intro-inner{width:100%;max-width:1440px;margin:0 auto}.dossier-intro-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--intro-line);font-size:11px;line-height:1.5;letter-spacing:.06em;color:#d6d5d1}.dossier-intro-topline>span:last-child>span{margin-left:5px;color:#92928e}.dossier-intro-stage{position:relative;height:clamp(680px,50vw,790px);isolation:isolate}.dossier-intro .dossier-intro-heading{position:absolute;inset:0;z-index:1;font-family:var(--ds-text);font-weight:700;line-height:1;pointer-events:none}.dossier-intro-i-am{position:absolute;top:6%;left:.4%;font-size:clamp(62px,6.8vw,98px);letter-spacing:-.06em;transform:rotate(-4deg)}.dossier-intro-name{position:absolute;left:-1.4%;top:22%;font-size:clamp(216px,22vw,336px);letter-spacing:-.085em;color:var(--intro-accent);white-space:nowrap;transform:rotate(-2.5deg);transform-origin:left center}.dossier-intro-pictures{display:contents}.dossier-intro-picture,.dossier-intro-portrait{position:absolute;display:block;padding:0;border:0;border-radius:0;background:transparent;color:var(--intro-paper);font:inherit;text-align:left;cursor:zoom-in;transform:rotate(var(--intro-tilt,0deg));transition:transform .3s cubic-bezier(.2,.65,.3,1);transform-origin:center;z-index:3;-webkit-tap-highlight-color:#fff00020}.dossier-intro-picture-image{display:block}.dossier-intro-picture img,.dossier-intro-portrait>img{display:block;width:100%;height:auto;max-width:none}.dossier-intro-picture:focus-visible,.dossier-intro-picture:hover{transform:translateY(-4px) rotate(calc(var(--intro-tilt,0deg)*.6));z-index:12}.dossier-intro .dossier-intro-directory a:focus-visible,.dossier-intro .dossier-intro-picture:focus-visible,.dossier-intro .dossier-intro-portrait:focus-visible{outline:2px solid var(--intro-accent);outline-offset:6px}.dossier-intro-caption{position:absolute;left:0;right:0;top:calc(100% + 7px);display:flex;align-items:center;gap:7px;min-height:18px;padding:2px 0;color:var(--intro-paper);background:#181818e8;font-size:11px;line-height:1.45;opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.dossier-intro-caption>span:nth-last-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.dossier-intro-caption>span:first-child:not(:only-child){color:#c2c1bb}.dossier-intro-caption svg{flex-shrink:0;color:var(--intro-accent)}.dossier-intro-picture:focus-visible .dossier-intro-caption,.dossier-intro-picture:hover .dossier-intro-caption,.dossier-intro-portrait:focus-visible .dossier-intro-caption,.dossier-intro-portrait:hover .dossier-intro-caption{opacity:1;transform:translateY(0)}.dossier-intro-picture-monkey{--intro-tilt:5deg;left:34%;top:5%;width:14.8%;z-index:4}.dossier-intro-picture-love{--intro-tilt:-5deg;left:51%;top:3.5%;width:13%;z-index:3}.dossier-intro-picture-film{--intro-tilt:-6deg;left:.5%;top:60%;width:24%;z-index:4}.dossier-intro-picture-family{--intro-tilt:4deg;left:25.5%;top:48%;width:16.5%;z-index:5}.dossier-intro-picture-family .dossier-intro-picture-image{padding:3px;background:var(--intro-paper)}.dossier-intro-picture-nicki{--intro-tilt:-7deg;left:1.5%;top:81%;width:10%;z-index:5}.dossier-intro-picture-disco{--intro-tilt:0deg;left:43%;top:72%;width:13.5%;z-index:6}.dossier-intro-picture-fish{--intro-tilt:-5deg;left:44.5%;top:47%;width:15%;z-index:3}.dossier-intro-portrait{--intro-tilt:0deg;left:55%;top:1%;width:43%;z-index:6}.dossier-intro-portrait:hover{transform:translateY(-3px)}.dossier-intro-portrait .dossier-intro-caption{left:auto;right:6%;top:86%;width:100px;background:transparent}.dossier-intro-details{position:absolute;left:58%;right:0;top:76%;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:18px;z-index:7}.dossier-intro-copy{grid-column:2;grid-row:1;min-width:0}.dossier-intro .dossier-intro-greeting{display:inline-block;position:relative;padding:7px 12px;background:var(--intro-accent);color:#181818;font-size:clamp(18px,1.65vw,24px);line-height:1.4;font-weight:600;letter-spacing:-.02em;transform:rotate(-3deg);transform-origin:left center;margin:0 0 18px}.dossier-intro .dossier-intro-description{font-size:clamp(14px,1.05vw,16px);line-height:1.9;letter-spacing:0}.dossier-intro-description>span{display:inline-block;white-space:nowrap}.dossier-intro .dossier-intro-identity{font-size:11px;line-height:1.8;color:#aaa9a5;margin-top:12px}.dossier-intro .dossier-intro-isfj{grid-column:1;grid-row:1;align-self:end;display:flex;flex-direction:column;align-items:center;gap:0;margin:0;transform:rotate(3deg);transition:transform .3s ease}.dossier-intro-isfj:hover{transform:translateY(-3px) rotate(0deg)}.dossier-intro-isfj>img{width:142px;max-width:none;height:142px;object-fit:contain}.dossier-intro-isfj figcaption{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;line-height:1.5;color:#b8b7b1;letter-spacing:.02em}.dossier-intro-isfj figcaption>span:first-child{color:var(--intro-paper);font-size:11px;letter-spacing:.08em}.dossier-intro-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--intro-line);margin-top:32px}.dossier-intro-directory a{display:flex;align-items:center;gap:17px;padding:20px 18px;color:var(--intro-paper);font-size:15px;line-height:1.6;transition:color .2s}.dossier-intro-directory a:first-child{padding-left:0}.dossier-intro-directory a+a{border-left:1px solid var(--intro-line)}.dossier-intro-chapter-number{font-family:Arial,sans-serif;font-size:10px;line-height:1.6;color:#9b9a95}.dossier-intro-directory a>span:nth-child(2){flex:1}.dossier-intro-directory a svg{flex-shrink:0;transition:transform .25s}.dossier-intro-directory a:hover{color:var(--intro-accent)}.dossier-intro-directory a:hover svg{transform:translate(3px,-3px)}.dossier-intro-lightbox{--ds-text:"Dossier PuHuiTi",Arial,sans-serif;width:min(1040px,calc(100vw - 40px));max-width:min(1040px,calc(100vw - 40px));max-height:calc(100svh - 40px);padding:18px;gap:14px;border:1px solid #fff00070;border-radius:0;background:#181818;color:#f5f4f0;font-family:var(--ds-text);font-synthesis:none}.dossier-intro-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.dossier-intro-lightbox-top h2{margin:0;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6}.dossier-intro-lightbox-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid #f5f4f044;background:transparent;color:#fff000;cursor:pointer}.dossier-intro-lightbox-close:focus-visible{outline:2px solid #fff000;outline-offset:3px}.dossier-intro-lightbox-image{display:block;width:100%;height:auto;min-height:0;max-height:calc(100svh - 130px);object-fit:contain}.dossier-intro-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}@keyframes dossier-intro-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.dossier-intro[data-arrived=true] .dossier-intro-heading{animation:dossier-intro-arrive .6s ease both}.dossier-intro[data-arrived=true] .dossier-intro-picture{animation:dossier-intro-arrive .65s ease both;animation-delay:var(--intro-delay)}.dossier-intro[data-arrived=true] .dossier-intro-portrait{animation:dossier-intro-arrive .75s ease .2s both}.dossier-intro[data-arrived=true] .dossier-intro-details{animation:dossier-intro-arrive .65s ease .3s both}@media(min-width:761px) and (max-width:1100px){.dossier-intro-stage{height:690px}.dossier-intro-i-am{top:7%;font-size:8vw}.dossier-intro-name{top:24%;font-size:24vw}.dossier-intro-picture-monkey{left:36%;top:8%;width:17%}.dossier-intro-picture-love{left:55%;top:5%;width:15%}.dossier-intro-picture-film{top:59%;width:28%}.dossier-intro-picture-family{left:28%;top:44%;width:20%}.dossier-intro-picture-fish{left:49%;top:51%;width:18%}.dossier-intro-picture-nicki{top:80%;width:13%}.dossier-intro-picture-disco{left:41%;top:76%;width:16%}.dossier-intro-portrait{left:54%;top:18%;width:46%}.dossier-intro-details{left:56%;top:76%;grid-template-columns:94px minmax(0,1fr);gap:10px}.dossier-intro-isfj>img{width:124px;height:124px}.dossier-intro .dossier-intro-greeting{font-size:19px;margin-bottom:14px}.dossier-intro .dossier-intro-description{font-size:14px;line-height:1.8}.dossier-intro .dossier-intro-identity{font-size:10px}.dossier-intro-directory a{font-size:14px;gap:12px;padding:19px 12px}}@media(max-width:760px){.dossier-intro{padding-top:21px;padding-bottom:28px}.dossier-intro-topline{font-size:9px;letter-spacing:.035em;padding-bottom:14px;gap:10px}.dossier-intro-topline>span:last-child>span{margin-left:2px}.dossier-intro-stage{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px 14px;padding:28px 0 8px}.dossier-intro .dossier-intro-heading{position:relative;inset:auto;grid-column:1/-1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:5px}.dossier-intro-i-am,.dossier-intro-name{position:relative;top:auto;left:auto}.dossier-intro-i-am{font-size:clamp(36px,10vw,60px);margin-left:2px}.dossier-intro-name{font-size:clamp(104px,29vw,190px);margin-left:-6px;line-height:1.08}.dossier-intro-picture,.dossier-intro-portrait{position:relative;left:auto;top:auto;right:auto;bottom:auto;align-self:start;min-width:0}.dossier-intro-picture-monkey{grid-column:1/3;grid-row:2;width:86%;justify-self:start;--intro-tilt:-4deg}.dossier-intro-picture-love{grid-column:1/3;grid-row:3;width:61%;margin:2px 0 7px 7%;--intro-tilt:4deg}.dossier-intro-portrait{grid-column:3/5;grid-row:2/4;width:132%;margin:-4px 0 0 -23%;align-self:center;z-index:5}.dossier-intro-portrait .dossier-intro-caption{right:0;top:94%;width:85px}.dossier-intro-picture-film{grid-column:1/4;grid-row:4;width:88%;--intro-tilt:-5deg;margin-top:8px}.dossier-intro-picture-family{grid-column:3/5;grid-row:4;width:88%;justify-self:end;margin-top:25%;--intro-tilt:4deg}.dossier-intro-picture-nicki{grid-column:1/2;grid-row:5;width:100%;align-self:center;--intro-tilt:-6deg}.dossier-intro-picture-disco{grid-column:2/3;grid-row:5;width:146%;margin-left:-13%;align-self:center;--intro-tilt:0deg}.dossier-intro-picture-fish{grid-column:3/5;grid-row:5;width:89%;justify-self:end;align-self:center;--intro-tilt:4deg}.dossier-intro-caption{font-size:10px;gap:5px;top:calc(100% + 5px)}.dossier-intro-details{position:relative;inset:auto;grid-column:1/-1;grid-row:6;grid-template-columns:minmax(0,1fr) 98px;gap:12px;margin-top:12px;align-items:start}.dossier-intro-copy{grid-column:1;grid-row:1;padding-top:8px}.dossier-intro .dossier-intro-greeting{font-size:20px;padding:6px 10px;margin-bottom:18px;white-space:nowrap}.dossier-intro .dossier-intro-description{font-size:14px;line-height:1.85}.dossier-intro .dossier-intro-description br{display:none}.dossier-intro .dossier-intro-identity{font-size:11px;line-height:1.8;margin-top:12px}.dossier-intro .dossier-intro-isfj{grid-column:2;grid-row:1;align-self:center;margin-top:5px}.dossier-intro-isfj>img{width:128px;height:128px}.dossier-intro-isfj figcaption{font-size:10px;white-space:nowrap}.dossier-intro-directory{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.dossier-intro-directory a,.dossier-intro-directory a:first-child{padding:16px 10px;gap:12px;font-size:14px;min-height:57px}.dossier-intro-directory a:nth-child(odd){padding-left:0;border-left:0}.dossier-intro-directory a:nth-child(n+3){border-top:1px solid var(--intro-line)}.dossier-intro-directory a svg{width:16px;height:16px}.dossier-intro-lightbox{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:12px;gap:10px}}@media(prefers-reduced-motion:reduce){.dossier-intro[data-arrived=true] .dossier-intro-details,.dossier-intro[data-arrived=true] .dossier-intro-heading,.dossier-intro[data-arrived=true] .dossier-intro-picture,.dossier-intro[data-arrived=true] .dossier-intro-portrait{animation:none}.dossier-intro-caption,.dossier-intro-directory a,.dossier-intro-directory a svg,.dossier-intro-isfj,.dossier-intro-picture,.dossier-intro-portrait{transition:none}.dossier-intro-picture:focus-visible,.dossier-intro-picture:hover{transform:rotate(var(--intro-tilt,0deg))}.dossier-intro-portrait:hover{transform:none}}.dossier-has-dock{--dossier-dock-height:calc(54px + env(safe-area-inset-top,0px))}.dossier-has-dock .dossier [id]{scroll-margin-top:calc(var(--dossier-dock-height) + 20px)}.pcv2{--pc-yellow:#fff000;--pc-ink:#111;position:relative;isolation:isolate;height:100svh;min-height:540px;overflow:hidden;background:#32639a;color:var(--pc-ink);font-family:var(--ds-text,"Dossier PuHuiTi",Arial,sans-serif);scroll-margin-top:0}.pcv2-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:50% 52%;max-width:none}.pcv2-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s ease}.pcv2[data-ready=true] .pcv2-overlay{opacity:1}.pcv2-frame{position:absolute;inset:0;width:100%;height:100%;color:var(--pc-yellow);pointer-events:none}.pcv2-brand{position:absolute;top:calc(var(--pc-top) + 21px);left:calc(var(--pc-left) + 24px);width:calc(var(--pc-brand-width) - 48px);display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:var(--pc-ink)}.pcv2-wordmark{font-family:Arial,sans-serif;font-size:clamp(10px,1.12vw,17px);font-weight:900;letter-spacing:-.025em;line-height:1;white-space:nowrap}.pcv2-brand>img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1;object-fit:contain;margin-top:-7px;margin-bottom:-7px}.pcv2-archive{font-size:8px;font-weight:600;letter-spacing:.015em;line-height:1.5;white-space:nowrap}.pcv2-archive>span{font-size:7px;letter-spacing:.01em}.pcv2-archive>span,.pcv2-fields{font-family:Arial,sans-serif;font-weight:600}.pcv2-fields{position:absolute;left:calc(var(--pc-left) + var(--pc-rail) + 22px);top:calc(var(--pc-top) + var(--pc-brand-height) + 30px);display:flex;flex-direction:column;gap:3px;font-size:clamp(9px,.84vw,13px);line-height:1.1;letter-spacing:.035em;color:#fff;text-shadow:0 1px 4px #24508030}.pcv2-identity{position:absolute;left:calc(var(--pc-left) + 25px);bottom:calc(var(--pc-bottom) + var(--pc-name-height) + 10px);font-size:clamp(12px,1.24vw,19px);font-weight:700;line-height:1.5;letter-spacing:.015em}.pcv2 .pcv2-identity p{margin:0;line-height:inherit}.pcv2 .pcv2-name{position:absolute;left:calc(var(--pc-left) + 23px);bottom:calc(var(--pc-bottom) + 14px);display:flex;align-items:baseline;gap:19px;margin:0;font-family:var(--ds-text);font-size:clamp(63px,6.6vw,102px);font-weight:700;line-height:.98;letter-spacing:-.065em;color:var(--pc-ink);white-space:nowrap}.pcv2-name>span{display:block}.pcv2-name>small{font-family:Arial,sans-serif;font-size:clamp(18px,1.75vw,27px);font-weight:800;line-height:1;letter-spacing:-.045em}.pcv2 .pcv2-motto{left:calc(var(--pc-left) + var(--pc-name-width) + 24px);bottom:calc(var(--pc-bottom) + 2px);margin:0;font-size:10px;font-weight:600;line-height:1.1;letter-spacing:.35em;white-space:nowrap}.pcv2 .pcv2-motto,.pcv2-chapter{position:absolute;color:var(--pc-ink)}.pcv2-chapter{right:calc(var(--pc-left) + 17px);bottom:calc(var(--pc-bottom) + 11px);width:calc(var(--pc-chapter-width) - 27px);display:flex;flex-direction:column;align-items:center;gap:0;font-family:Arial,sans-serif}.pcv2-chapter>span{font-size:clamp(10px,1.04vw,16px);font-weight:700;line-height:1;letter-spacing:.015em}.pcv2-chapter>strong{font-family:Arial,sans-serif;font-size:clamp(80px,8.2vw,128px);font-weight:400;line-height:.91;letter-spacing:-.075em}.pcv2-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 var(--ds-gutter);background:#181818;color:#f5f4f0;font-family:var(--ds-text)}.pcv2-index a{display:flex;align-items:center;gap:16px;min-height:72px;padding:16px 20px;border-bottom:1px solid #424242;font-size:13px;line-height:1.5;transition:background-color .2s,color .2s}.pcv2-index a:first-child{padding-left:0}.pcv2-index a+a{border-left:1px solid #424242}.pcv2-index-number{font-family:Arial,sans-serif;font-size:10px;color:#8d8d87}.pcv2-index a>span:nth-child(2){flex:1}.pcv2-index a:is(:hover,:focus-visible){background:#fff000;color:#181818}.pcv2-index a:is(:hover,:focus-visible) .pcv2-index-number{color:#5c5700}.pcv2-index a:focus-visible{outline:2px solid #181818;outline-offset:-5px}@media(min-width:761px) and (max-height:650px){.pcv2{min-height:480px}.pcv2-photo{object-position:50% 35%}.pcv2-brand{width:min(calc(var(--pc-brand-width) - 62px),calc(var(--pc-brand-height) - 50px));gap:5px}.pcv2-wordmark{font-size:clamp(10px,.98vw,14px)}.pcv2-archive,.pcv2-fields{display:none}}@media(max-width:760px){.pcv2{min-height:560px}.pcv2-photo{object-position:51% 50%}.pcv2-brand{top:calc(var(--pc-top) + 16px);left:calc(var(--pc-left) + 13px);width:calc(var(--pc-brand-width) - 26px);gap:5px}.pcv2-wordmark{font-size:9px;letter-spacing:-.035em}.pcv2-brand>img{margin:0}.pcv2-archive,.pcv2-fields{display:none}.pcv2-identity{left:calc(var(--pc-left) + 14px);bottom:calc(var(--pc-bottom) + var(--pc-name-height) + 15px);font-size:11px;line-height:1.55;letter-spacing:0}.pcv2 .pcv2-name{left:calc(var(--pc-left) + 13px);bottom:calc(var(--pc-bottom) + 28px);gap:12px;font-size:clamp(48px,13.7vw,72px);letter-spacing:-.065em}.pcv2-name>small{font-size:clamp(12px,3.45vw,18px);letter-spacing:-.04em}.pcv2 .pcv2-motto{left:calc(var(--pc-left) + 16px);bottom:calc(var(--pc-bottom) + 9px);font-size:9px;letter-spacing:.35em;line-height:1}.pcv2-chapter{right:calc(var(--pc-left) + 9px);bottom:calc(var(--pc-bottom) + 11px);width:calc(var(--pc-chapter-width) - 15px)}.pcv2-chapter>span{font-size:8px;letter-spacing:0}.pcv2-chapter>strong{font-size:64px;letter-spacing:-.08em;line-height:.95}.pcv2-index{grid-template-columns:repeat(2,minmax(0,1fr))}.pcv2-index a,.pcv2-index a:first-child{padding:14px 10px;min-height:60px;gap:12px;font-size:12px}.pcv2-index a:nth-child(odd){border-left:0;padding-left:0}}@media(prefers-reduced-motion:reduce){.pcv2-index a,.pcv2-overlay{transition:none}}