.intro-divider{color:#385970;letter-spacing:1px;justify-content:center;align-items:center;gap:20px;padding:14px 7.5% 26px;font-size:14px;display:flex}.intro-divider:before,.intro-divider:after{content:"";border-top:2px dashed #7898aa80;flex:1}.intro-divider a{flex:none;padding:8px 0}.intro-divider a:hover{color:#a64372}.site-header,.collage-intro{background-color:#dcebf2;background-image:linear-gradient(#eff7fbba,#eff7fbba),var(--denim-texture);color:#173957;background-size:auto,540px}.site-header{height:88px;padding-inline:max(7.5%,24px)}.site-header .wordmark{letter-spacing:-.8px;white-space:nowrap;font:600 27px Georgia,serif}.wordmark span{display:none}.site-header nav{gap:39px}.site-header nav a{letter-spacing:3px;font-size:16px}.site-header nav a:not(:last-child):after{color:#31516b;right:-24px}.site-header nav a:hover{color:#a64372}.site-header .contact-link{box-shadow:none;background:0 0;border-bottom:1px solid #59758a;outline:0;padding:0 0 3px;font-size:14px;transform:none}.site-header .mobile-menu-toggle{color:#173957}.collage-intro{overflow:clip}.collage-cover{--sway-x:0px;--sway-y:0px;--sway-angle:0deg;padding-top:52px;position:relative}.cover-wrap{width:calc(100% - 120px);max-width:1300px;margin:auto;position:relative}.collage-cover h1{letter-spacing:-.052em;text-align:center;white-space:nowrap;color:#143859;z-index:1;padding:0 20px 0 0;font:italic 400 clamp(75px,14.1vw,205px)/1.05 Bodoni MT,Times New Roman,serif;position:relative}.cover-seam{pointer-events:none;border-inline:3px solid #7899ad77;width:26px;position:absolute;top:-88px;bottom:-37px;left:3.9%;transform:rotate(-.3deg);box-shadow:inset 3px 0 4px #193d6340,3px 0 3px #fffcde88}.cover-seam:after{content:"";border-inline:2px dashed #e1d3a3;position:absolute;inset:0 5px}.cover-scene{height:min(41.5vw,590px);min-height:470px;margin-top:-5px;position:relative}.cover-photo{transform-origin:50% 7%;z-index:2;background:#fffdf6;padding:20px 20px 0;transition:transform .48s cubic-bezier(.22,.8,.3,1);position:absolute;box-shadow:3px 7px 10px #213e5435,0 0 0 1px #a9afb033}.cover-photo img{object-fit:cover;aspect-ratio:1/1.05;background:#b0b4aa;width:100%;height:auto}.cover-photo figcaption{text-align:center;white-space:nowrap;letter-spacing:-1px;padding:18px 0 22px;font:italic 25px/1.35 Segoe Print,Bradley Hand,Georgia,serif}.cover-photo-night{width:29%;transform:translate3d(calc(var(--sway-x) * -.7),calc(var(--sway-y) * .7),0) rotate(calc(-10deg - var(--sway-angle)));top:15%;left:18.5%}.cover-photo-window{aspect-ratio:1/1.1;overflow:hidden}.cover-photo-night img{aspect-ratio:auto;object-position:50% 58%;transform-origin:63% 67%;height:100%;transform:scale(1.55)}.cover-photo-night figcaption{padding:16px 0 21px;font-size:22px}.cover-photo-smile{width:41.5%;transform:translate3d(var(--sway-x),var(--sway-y),0) rotate(calc(8deg + var(--sway-angle)));z-index:3;top:1.5%;left:45%}.cover-photo-smile img{object-position:center 43%;aspect-ratio:1.06}.cover-binder{filter:drop-shadow(2px 4px 2px #23364845);pointer-events:none;width:24%;height:auto;position:absolute;top:-14.5%;right:9%;transform:rotate(2deg)}.cover-star-clip{filter:drop-shadow(1px 3px 2px #223b5445);pointer-events:none;width:28%;height:auto;position:absolute;top:-8%;left:17%;transform:rotate(6deg)}.cover-memo{z-index:4;background:#fffbe9;border:1px solid #edead7;width:21%;padding:26px 23px 17px;position:absolute;bottom:8%;left:0;transform:rotate(-5deg);box-shadow:3px 5px 5px #233e5526}.cover-memo>p{white-space:nowrap;letter-spacing:1px;font:23px/1.7 KaiTi,STKaiti,Microsoft YaHei,serif;position:relative}.cover-memo>p span{color:#ce89a5;font-size:32px;position:absolute;top:-17px;right:0}.cover-memo>div{letter-spacing:1px;white-space:nowrap;border-top:1px solid #c9d0c866;margin-top:13px;padding-top:13px;font-size:12px}.cover-memo>a{color:#59768d;border-bottom:1px solid #abb9bf;margin-top:8px;font-size:11px;display:inline-block}.cover-memo>a:hover{color:#a64372}.cover-tape{clip-path:polygon(0 7%,96% 0,100% 100%,3% 96%);background:#e8db93c2;width:81px;height:27px;position:absolute;top:-16px;left:26px;transform:rotate(-15deg)}.cover-star{color:#e9a7c0;pointer-events:none;font:65px Georgia,serif;position:absolute}.cover-star-a{font-size:52px;top:-19%;right:0;transform:rotate(12deg)}.cover-star-b{top:30%;left:6%;transform:rotate(13deg)}.cover-star-c{font-size:52px;bottom:20%;right:0;transform:rotate(-12deg)}@media (min-width:1600px){.cover-scene{height:660px}.collage-cover h1{font-size:214px}}@media (max-width:1100px){.cover-wrap{width:calc(100% - 80px)}.cover-scene{min-height:430px}.cover-photo{padding:14px 14px 0}.cover-photo figcaption{padding:15px 0 18px;font-size:19px}.cover-photo-night figcaption{font-size:17px}.cover-memo{width:24%;padding:23px 17px 15px;bottom:8%}.cover-memo>p{font-size:20px}.cover-memo>div{letter-spacing:0;font-size:10px}.cover-star{font-size:47px}}@media (max-width:760px){.site-header{height:78px}.site-header .wordmark{font-size:29px}.site-header nav{gap:25px}.site-header nav a{letter-spacing:1px;font-size:13px}.site-header nav a:not(:last-child):after{right:-15px}.site-header .contact-link{display:none}.cover-scene{min-height:370px}.cover-wrap{width:calc(100% - 60px)}.cover-memo{width:29%;padding:20px 15px 12px;bottom:4%}.cover-memo>p{font-size:18px}.cover-photo-smile{width:46%;left:44%}.cover-photo-night{width:34%;top:17%;left:12%}.cover-photo figcaption{font-size:15px}.cover-photo-night figcaption{font-size:14px}.cover-star-b{left:0}.cover-star-c{bottom:14%}}@media (max-width:620px){.site-header{height:75px;padding-inline:25px}.site-header .wordmark{font-size:29px}.site-header .mobile-menu-toggle{padding:8px}.site-header nav.mobile-nav{top:65px}.cover-wrap{width:calc(100% - 34px)}.collage-cover h1{letter-spacing:-.063em;padding:7px 8px 0 0;font-size:14.2vw;line-height:1.1}.cover-seam{opacity:.7;border-width:2px;width:15px;top:-75px;bottom:-35px;left:9px}.cover-seam:after{border-width:1px;inset:0 3px}.cover-scene{height:115vw;min-height:390px;max-height:650px;margin-top:19px}.cover-photo{padding:10px 10px 0}.cover-photo-smile{width:57%;top:4%;left:37%;transform:rotate(8deg)}.cover-photo-night{width:42%;top:19%;left:5%;transform:rotate(-9deg)}.cover-photo img{aspect-ratio:1/1.22}.cover-photo-night .cover-photo-window{aspect-ratio:1/1.2}.cover-photo-night img{aspect-ratio:auto}.cover-photo figcaption{letter-spacing:-.4px;padding:13px 0 17px;font-size:clamp(10px,2.6vw,15px)}.cover-photo-night figcaption{font-size:clamp(10px,3.1vw,14px)}.cover-binder{width:29%;top:-13%;right:8%}.cover-star-clip{width:33%;top:-7%;left:14%}.cover-memo{width:61%;padding:22px 21px 14px;bottom:3%;left:13%;transform:rotate(-4deg)}.cover-memo>p{font-size:22px;line-height:1.5}.cover-memo>p span{top:-2px;right:9px}.cover-memo>div{letter-spacing:1px;margin-top:12px;padding-top:10px;font-size:11px}.cover-memo>a{font-size:10px;position:absolute;bottom:14px;right:18px}.cover-memo>div{padding-bottom:20px}.cover-tape{width:66px;height:23px;top:-12px}.cover-star-a{font-size:27px;top:-7%;right:1%}.cover-star-b{font-size:32px;top:4%;left:0}.cover-star-c{font-size:32px;bottom:11%;right:2%}}@media (prefers-reduced-motion:reduce){.cover-photo{transition:none!important}}@media (max-width:620px){.cover-photo-night{z-index:4}}.collage-cover h1.cover-lettering{z-index:1;width:calc(100% + 54px);height:clamp(235px,30vw,438px);margin:0 -27px;padding:0;line-height:1;transform:rotate(-4deg)}.cover-lettering img{object-fit:fill;width:100%;height:100%;display:block}.cover-star-a{top:-8%;right:0}@media (min-width:1600px){.cover-scene{margin-top:-155px}}@media (max-width:760px){.collage-cover h1.cover-lettering{width:calc(100% + 32px);height:34vw;margin-inline:-16px}.cover-scene{margin-top:-10vw}}@media (max-width:620px){.collage-cover h1.cover-lettering{width:calc(100% + 18px);height:40vw;margin-inline:-9px;transform:rotate(-5deg)}.cover-scene{margin-top:-11vw}.cover-star-a{font-size:22px;top:1%;right:0}.cover-star-b{top:10%}}@media (max-width:360px){.cover-memo>p span{font-size:24px;top:-19px;right:-6px}}.cover-photo-night img{object-position:50% 40%;transform:none}.cover-photo-smile img{object-position:50% 36%}.cover-scene{margin-top:clamp(-112px,-7vw,-52px)}@media (max-width:760px){.cover-scene{margin-top:-7vw}}@media (max-width:620px){.cover-scene{margin-top:-8vw}}.collage-cover .cover-memo>.cover-identity{white-space:normal;letter-spacing:.02em;flex-direction:column;gap:5px;margin-top:13px;padding:12px 0 0;display:flex}.cover-identity strong{color:#102e47;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:20px;line-height:1.5}.cover-identity>span{color:#52626e;font-size:12px;line-height:1.7}@media (max-width:620px){.cover-identity strong{font-size:19px}.cover-identity>span{font-size:11px}.collage-cover .cover-memo>.cover-identity{gap:3px;padding-top:10px}}@media (max-width:1100px){.site-header .wordmark{font-size:23px}}@media (max-width:620px){.site-header .wordmark{letter-spacing:-.6px;font-size:21px}}@media (max-width:370px){.site-header .wordmark{font-size:19px}}@media (max-width:760px){.collage-cover{padding-top:28px}}@media (max-width:620px){.collage-cover{padding-top:20px}}.design-workflow{color:#244638;background:#edf2ee;border:1px solid #bdcbbc;border-radius:8px;margin:36px 0 0;padding:32px;position:relative}.design-workflow:before{content:"";background:#eddbabc9;width:78px;height:20px;position:absolute;top:-10px;left:36px;transform:rotate(-5deg)}.workflow-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.workflow-eyebrow{letter-spacing:2px;color:#526e60;align-items:center;gap:9px;font:600 11px/1.6 Arial,sans-serif;display:flex}.workflow-heading h3{color:#244638;margin:8px 0 0;font-size:28px;font-weight:650;line-height:1.4}.workflow-heading>p{color:#52685c;max-width:300px;font-size:14px;line-height:1.8}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;list-style:none;display:grid}.workflow-step{background:#fffdf7;border:1px solid #d7dfd3;flex-direction:column;min-width:0;padding:21px 18px 18px;display:flex;position:relative;box-shadow:2px 3px #d2dccb}.workflow-step-top{align-items:center;gap:12px;margin-bottom:17px;display:flex}.workflow-icon{color:#426447;background:#dfe9df;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.workflow-step-2 .workflow-icon{color:#8e6c30;background:#f3e5c9}.workflow-step-3 .workflow-icon{color:#a45170;background:#f1dedf}.workflow-step-4 .workflow-icon{color:#3b647a;background:#deebef}.workflow-number{color:#899585;font:italic 22px/1 Georgia,serif}.workflow-arrow{color:#94a18d;margin-left:auto}.workflow-english{color:#79917c;font:italic 15px/1.4 Georgia,serif}.workflow-step h4{color:#244638;margin:6px 0 10px;font-size:21px;font-weight:650;line-height:1.5}.workflow-step>p{color:#526357;margin:0 0 18px;font-size:13px;line-height:1.95}.workflow-output{color:#7d6843;border-top:1px dashed #c9d1c0;margin-top:auto;padding-top:12px;font-size:11px;line-height:1.7;display:block}.experience-logo{background:#fff;border:1px solid #deded5;border-radius:5px;width:max-content;max-width:100%;margin:0 0 15px;padding:8px 12px;display:block;box-shadow:2px 3px #e7e4d9}.experience-logo img{object-fit:contain;width:auto;max-width:200px;height:38px}.experience-logo--xuexi{box-shadow:none;background:0 0;border:0;padding:0}.experience-logo--xuexi img{width:48px;height:48px}.folder-hobbies li{align-items:center;gap:7px;display:inline-flex}.folder-hobbies li svg{color:#67806c;flex:none;width:17px;height:17px}.folder-about .folder-hobbies li:before{display:none}.folder-about .folder-hobbies ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;display:grid}.experience-logo--digital-humanities img{max-width:200px;height:65px}.folder-content-skills strong{align-items:center;gap:7px;display:flex}.folder-content-skills strong svg{color:#a55273;flex:none;width:16px;height:16px}.folder-skills-title svg{vertical-align:middle;color:#a55273;width:24px;height:24px;margin-right:10px;display:inline-block}.website-pattern-preview{background:#fffdf7;padding:0 20px 18px;display:block}.website-pattern-preview img{object-fit:cover;border-radius:3px;width:100%;height:150px}@media (max-width:1100px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step:nth-child(2) .workflow-arrow{display:none}}@media (max-width:620px){.design-workflow{margin-top:24px;padding:25px 18px}.workflow-heading{margin-bottom:22px;display:block}.workflow-heading h3{font-size:25px}.workflow-heading>p{margin-top:12px;font-size:13px}.workflow-steps{grid-template-columns:minmax(0,1fr);gap:16px}.workflow-step{padding:18px}.workflow-step-top{margin-bottom:10px}.workflow-step h4{font-size:20px}.workflow-step>p{font-size:14px}.workflow-step .workflow-arrow{display:none}.experience-logo img{max-width:180px;height:31px}.experience-logo--xuexi img{width:44px;height:44px}.website-pattern-preview img{height:110px}}.timeline .experience-logo{box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:18px;padding:0}.timeline .experience-logo img{object-fit:contain;width:auto;max-width:210px;height:43px}.timeline .experience-logo--digital-humanities img{max-width:205px;height:76px}.timeline .experience-logo--xuexi img{filter:brightness(0)saturate()invert(20%)sepia(85%)saturate(2328%)hue-rotate(340deg)brightness(85%)contrast(97%);width:140px;height:auto}@media (max-width:620px){.timeline .experience-logo img{max-width:190px;height:38px}.timeline .experience-logo--digital-humanities img{height:67px}.timeline .experience-logo--xuexi img{width:130px;height:auto}}.folder-about{--folder-ink:#294b62;--folder-blue:#c8e0ef;--folder-yellow:#fff8d7;--folder-ivory:#fffcf3;box-sizing:border-box;isolation:isolate;width:min(1240px,100% - 96px);color:var(--folder-ink);margin:0 auto;padding:110px 0 88px;scroll-margin-top:0;position:relative}.folder-about *,.folder-about :before,.folder-about :after{box-sizing:border-box}.folder-sheet{isolation:isolate;background:var(--folder-blue);border:1px solid #f2fdffcc;border-radius:0 24px 22px 22px;padding:54px 54px 40px;position:relative;box-shadow:0 5px 4px #2f4c5d26,0 19px 27px -21px #1d3f538c,inset 0 2px 1px #ffffffb3}.folder-sheet:before{content:"";z-index:-2;background:var(--folder-ivory);border-radius:3px 3px 0 0;height:16px;position:absolute;top:-16px;left:285px;right:22px;box-shadow:0 1px 3px #2d41461a}.folder-sheet:after{content:"";z-index:-1;background:#f8fcfc;width:12px;position:absolute;top:78px;bottom:75px;right:-10px;transform:rotate(.6deg);box-shadow:2px 2px 3px #2b42501f}.folder-tab{background:var(--folder-blue);letter-spacing:0;border:1px solid #f2fdffcc;border-bottom:0;border-radius:29px 35px 0 0;justify-content:center;align-items:center;width:262px;height:61px;padding-bottom:0;font:400 48px/1.15 Jingjing Script,cursive;display:flex;position:absolute;top:-59px;left:-1px;box-shadow:inset 0 2px 1px #fff9}.folder-main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(38px,4.5vw,66px);display:grid}.folder-personal{min-width:0;padding-top:36px}.folder-portrait.folder-portrait-creative{background:#fffdf6;border:1px solid #c1cfce;border-radius:3px;width:100%;max-width:490px;margin:0 auto;padding:13px 13px 19px;transform:none;box-shadow:4px 6px #8fadc03b}.folder-portrait-creative .folder-portrait-window{aspect-ratio:4/5;border:1px solid #bfd2df;overflow:hidden}.folder-portrait-creative .folder-portrait-image{object-fit:contain;width:100%;height:100%;transform:none;-webkit-mask-image:none;mask-image:none}.folder-portrait-creative .folder-portrait-caption{margin-top:0}.folder-portrait-creative .folder-star-clip{width:76px;height:88px;top:55px;left:-10px}.folder-hobbies{outline-offset:-7px;background:#f3d3dd;outline:1px dashed #b98399;max-width:330px;margin:44px auto 0;padding:19px 25px 17px;transform:rotate(2deg);box-shadow:3px 5px 9px #17365712}.folder-about .folder-hobbies h3{margin:0 0 9px;font-size:17px;font-weight:650}.folder-hobbies ul{flex-wrap:wrap;gap:7px 20px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.folder-hobbies li:before{content:"·";color:#935770;margin-right:6px}.folder-hobbies a{border-top:1px dashed #b9839970;margin-top:13px;padding-top:10px;font-size:12px;display:inline-block}.folder-hobbies a:hover{text-underline-offset:4px;text-decoration:underline}.social-account{color:#284761;background:#fff8f0;border:1px dashed #c7879e;margin-top:25px;padding:17px 20px 6px;scroll-margin-top:24px;box-shadow:3px 4px #112a4733}.social-account-top{flex-wrap:wrap;align-items:center;gap:9px 12px;display:flex}.social-platform{color:#ad365b;font-size:12px;font-weight:700}.social-account-top strong{font-size:16px;font-weight:650}.social-account-top button{color:inherit;background:0 0;border:0;border-bottom:1px solid #8da0ac;margin-left:auto;padding:3px 0;font-size:12px}.social-account-top button:hover{color:#ad365b}.social-account-number{-webkit-user-select:text;user-select:text;margin-top:8px;font-size:13px}.social-account-number span{letter-spacing:.06em}.social-copy-status{color:#7c586b;min-height:22px;margin-top:3px;font-size:12px}.folder-portrait{background:#fffefd;width:100%;max-width:380px;margin:0 auto;padding:20px 20px 14px;position:relative;transform:rotate(-6deg);box-shadow:2px 4px 4px #2f41482e,5px 10px 13px -11px #22343d73}.folder-portrait-window{aspect-ratio:4/5;overflow:hidden}.folder-portrait-image{object-fit:cover;object-position:50% 56%;transform-origin:63% 67%;width:100%;height:100%;display:block;transform:scale(1.55)}.folder-portrait-caption{flex-direction:column;align-items:center;gap:5px;padding-top:14px;display:flex}.folder-signature{color:#344c60;letter-spacing:.01em;font:italic 42px/.95 Segoe Script,Bradley Hand,Brush Script MT,cursive}.folder-location{color:#677884;letter-spacing:.12em;font-size:12px;line-height:1.5}.folder-star-clip{z-index:2;filter:drop-shadow(2px 3px 1px #25353b52);width:112px;height:122px;position:absolute;top:-9px;left:-48px;overflow:visible;transform:rotate(-13deg)}.folder-note{background:var(--folder-yellow);margin:0;padding:55px 32px 30px;position:relative;transform:rotate(-.7deg);box-shadow:1px 4px 5px #31484f1f,6px 13px 16px -15px #1d3c488c}.folder-note-holes{pointer-events:none;flex-direction:row;justify-content:space-between;display:flex;position:absolute;top:18px;left:25px;right:25px}.folder-note-holes span{background:var(--folder-blue);border-radius:50%;width:15px;height:15px;box-shadow:inset 1px 2px 3px #1e4b6145,0 1px #ffffffbf}.folder-about .folder-name{color:#24485f;letter-spacing:.075em;margin:0 0 11px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-size:clamp(42px,4.4vw,62px);font-weight:600;line-height:1.25}.folder-school{color:#526975;letter-spacing:.025em;border-bottom:1px solid #3b5e7147;margin:0;padding-bottom:21px;font-size:14px;line-height:1.8}.folder-profile{gap:20px;margin:22px 0 25px;display:grid}.folder-profile>div{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:13px;display:grid}.folder-profile dt{color:#35576b;letter-spacing:.045em;font-size:13px;font-weight:650;line-height:1.9}.folder-profile dd{text-wrap:pretty;min-width:0;margin:0;font-size:14px;line-height:1.9}.folder-profile-meta{color:#62737a;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:12px;line-height:1.8;display:flex}.folder-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 15px;margin:0;padding:0;list-style:none;display:grid}.folder-courses li{padding-left:11px;position:relative}.folder-courses li:before{content:"";background:#809daa;border-radius:50%;width:3px;height:3px;position:absolute;top:.83em;left:0}.folder-design-note{clip-path:polygon(2% 3%,8% 1%,17% 2%,26% 0,39% 2%,51% 1%,63% 3%,75% 0,89% 2%,98% 0,97% 15%,99% 30%,98% 48%,100% 67%,98% 82%,99% 97%,87% 99%,72% 97%,59% 100%,43% 98%,30% 100%,17% 98%,0 100%,2% 78%,0 61%,2% 42%,1% 25%);background:#bad5e6;margin:0 -10px;padding:19px 22px 21px;position:relative;transform:rotate(-1.1deg)}.folder-about .folder-design-note h3{letter-spacing:.055em;margin:0 0 7px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-size:17px;font-weight:600;line-height:1.5}.folder-design-principles{color:#355267;text-wrap:pretty;margin:0;font-size:13px;line-height:1.95}.folder-design-principles>div+div{margin-top:8px}.folder-design-principles dt{color:#203e54;font-weight:600}.folder-design-principles dd{margin:1px 0 0}.folder-skills-paper{background:var(--folder-ivory);margin-top:43px;padding:23px 28px 28px;position:relative;transform:rotate(.3deg);box-shadow:1px 4px 4px #30474f1f}.folder-skills-paper:before,.folder-skills-paper:after{content:"";background:var(--folder-ivory);clip-path:polygon(0 50%,3% 20%,7% 55%,12% 18%,17% 60%,22% 25%,28% 50%,33% 10%,40% 48%,47% 25%,54% 70%,61% 20%,67% 55%,73% 15%,80% 45%,86% 20%,92% 50%,97% 15%,100% 55%,100% 100%,0 100%);height:6px;position:absolute;left:0;right:0}.folder-skills-paper:before{top:-5px}.folder-skills-paper:after{bottom:-5px;transform:rotate(180deg)}.folder-about .folder-skills-title{color:var(--folder-ink);align-items:center;gap:20px;margin:0 0 10px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-size:22px;font-weight:600;line-height:1.4;display:flex}.folder-skills-title:after{content:"";background:#2f50658c;flex:1;height:1px}.folder-software-intro{color:#63747d;text-wrap:pretty;max-width:920px;margin:0 0 26px;font-size:13px;line-height:1.9}.folder-skills-list{flex-wrap:wrap;justify-content:center;gap:25px 14px;margin:0;padding:0;list-style:none;display:flex}.folder-skill{text-align:center;flex:0 calc(14.2857% - 12px);grid-template-rows:60px minmax(32px,auto) 1fr;align-content:start;justify-items:center;gap:9px;min-width:0;display:grid}.folder-about .folder-skill-icon{object-fit:contain;width:60px;max-width:100%;height:60px;display:block}.folder-skill-name{color:#3d5362;overflow-wrap:normal;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1.35;display:flex}.folder-skill-usage{color:#71808a;text-wrap:pretty;max-width:7em;font-size:11px;line-height:1.7}@media (max-width:1100px){.folder-about{width:calc(100% - 76px)}.folder-sheet{padding:42px 35px 30px}.folder-main{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:34px}.folder-note{padding:54px 28px 25px}.folder-note-holes{left:22px;right:22px}.folder-profile>div{grid-template-columns:1fr;gap:3px}.folder-profile{gap:16px}.folder-portrait{padding:15px 15px 13px}.folder-star-clip{width:88px;height:99px;left:-34px}.folder-skills-paper{padding-left:25px;padding-right:25px}.folder-skills-list{gap:23px 20px}.folder-skill{flex-basis:calc(25% - 15px);grid-template-rows:60px auto 1fr;gap:8px}.folder-skill-usage{max-width:none}}@media (max-width:780px){.folder-about{width:calc(100% - 52px);padding:95px 0 62px}.folder-sheet{padding:38px 30px 30px}.folder-tab{width:218px;height:54px;font-size:22px;top:-43px}.folder-main{grid-template-columns:minmax(0,1fr);gap:35px}.folder-portrait{width:70%;max-width:310px}.folder-portrait-window{aspect-ratio:5/6}.folder-signature{font-size:36px}.folder-note{padding:55px 30px 26px;transform:rotate(-.5deg)}.folder-about .folder-name{font-size:47px}.folder-profile>div{grid-template-columns:65px minmax(0,1fr);gap:14px}.folder-profile{gap:19px}.folder-school{font-size:14px}.folder-skills-paper{margin-top:34px;padding:21px 20px 24px}.folder-skills-list{gap:20px 12px}.folder-skill{flex-basis:calc(33.3333% - 8px)}.folder-skill-usage{max-width:7em}}@media (max-width:620px){.folder-profile>div{grid-template-columns:1fr;gap:4px}.folder-profile dd{font-size:14px}.folder-courses{gap:4px 10px}.folder-design-note{padding:17px 19px 20px}.folder-software-intro{margin-bottom:22px}.folder-about .folder-skill-icon{width:56px;height:56px}.folder-skill{grid-template-rows:56px minmax(32px,auto) 1fr}}@media (max-width:440px){.folder-about{width:calc(100% - 38px);padding-top:85px}.folder-sheet{border-radius:10px 17px 17px;padding:30px 18px 23px}.folder-sheet:before{width:70%;height:22px;top:-16px;right:10px}.folder-sheet:after{width:8px;right:-6px}.folder-tab{border-radius:22px 27px 0 0;width:185px;height:47px;font-size:20px;top:-40px}.folder-portrait{width:77%;padding:13px 13px 11px;transform:rotate(-5deg)}.folder-star-clip{width:77px;height:85px;top:-11px;left:-27px}.folder-portrait-caption{gap:4px;padding-top:12px}.folder-signature{font-size:32px}.folder-location{font-size:11px}.folder-main{gap:28px}.folder-note{padding:47px 22px 24px}.folder-note-holes{top:16px;left:18px;right:18px}.folder-note-holes span{width:12px;height:12px}.folder-about .folder-name{margin-bottom:8px;font-size:40px}.folder-school{padding-bottom:17px;font-size:13px}.folder-profile{gap:17px;margin:18px 0 21px}.folder-profile dt{font-size:12px}.folder-profile-meta{gap:2px 10px;font-size:11px}.folder-courses{font-size:13px}.folder-design-note{margin-left:-8px;margin-right:-8px;padding:16px 16px 19px}.folder-design-principles{font-size:13px;line-height:1.9}.folder-skills-paper{margin-top:28px;padding:19px 13px 23px}.folder-about .folder-skills-title{gap:14px;font-size:20px}.folder-software-intro{font-size:12px;line-height:1.85}.folder-skills-list{gap:20px 8px}.folder-skill{flex-basis:calc(33.3333% - 5.33333px);gap:7px}.folder-hobbies{width:88%;margin-top:32px;padding:17px 21px}.folder-hobbies ul{gap:5px 17px}.folder-skill-name{overflow-wrap:anywhere;font-size:11px}.folder-skill-usage{max-width:6em;font-size:10px;line-height:1.65}}.folder-content-skills{gap:9px;margin:0;padding:0;list-style:none;display:grid}.folder-content-skills li{gap:1px;display:grid}.folder-content-skills strong{color:#203e54;font-size:13px;font-weight:600}.folder-content-skills span{color:#52626e;font-size:13px}.folder-software-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px;display:grid}.folder-software-group{border-top:1px solid #294b6226;min-width:0;padding-top:15px}.folder-software-group h4{color:#884057;letter-spacing:.08em;margin:0 0 21px;font-size:14px;font-weight:650}.folder-software-group .folder-skills-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;display:grid}.folder-software-group .folder-skill{grid-template-rows:56px auto auto;gap:8px}.folder-software-group .folder-skill-icon{width:56px;height:56px}.folder-software-group-ai{grid-column:1/-1}.folder-software-group-ai .folder-skills-list{grid-template-columns:repeat(4,minmax(0,1fr));max-width:740px}.folder-skill-status{color:#884057;background:#f6e9e5;border:1px solid #b8998966;border-radius:20px;padding:2px 8px;font-size:10px}.folder-signature{font-family:Jingjing Script,cursive;font-size:48px;font-style:normal}@media (max-width:780px){.folder-personal{padding-top:0}.folder-sheet{border-top-left-radius:0}.folder-sheet:before{width:auto;height:12px;top:-12px;left:233px;right:18px}.folder-tab{height:55px;padding:0;font-size:44px;top:-53px}.folder-software-groups{gap:25px}}@media (max-width:620px){.folder-software-groups{grid-template-columns:minmax(0,1fr)}.folder-software-group-ai .folder-skills-list{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-software-group .folder-skill-usage{max-width:7em}}@media (max-width:440px){.folder-sheet:before{height:10px;top:-10px;left:197px;right:14px}.folder-tab{height:49px;font-size:40px;top:-47px}.folder-software-group .folder-skills-list{gap:20px 8px}.folder-software-group .folder-skill-icon{width:48px;height:48px}.folder-software-group .folder-skill{grid-template-rows:48px auto auto}}.folder-about .folder-software-groups{gap:22px 30px}.folder-about .folder-software-group{padding-top:10px}.folder-about .folder-software-group h4{margin-bottom:12px;font-size:13px}.folder-about .folder-software-group .folder-skill{grid-template-rows:40px auto auto;gap:5px}.folder-about .folder-software-group .folder-skill-icon{width:40px;height:40px}.folder-about .folder-skill-name{font-size:12px}.folder-about .folder-skill-usage{max-width:10em;font-size:11px;line-height:1.5}.folder-about .folder-software-intro{margin-bottom:18px;font-size:12px}.folder-about .folder-skills-paper{padding-top:22px;padding-bottom:24px}.folder-about .folder-software-group-ai .folder-skills-list{max-width:650px}.collage-intro>.discipline-stickers{padding-top:22px;padding-bottom:52px}@media (max-width:620px){.folder-about .folder-software-groups{gap:18px}.folder-about .folder-software-group .folder-skill{grid-template-rows:34px auto auto}.folder-about .folder-software-group .folder-skill-icon{width:34px;height:34px}.folder-about .folder-skill-name,.folder-about .folder-skill-usage{font-size:11px}.collage-intro>.discipline-stickers{padding-bottom:42px}}.badge-board{isolation:isolate;aspect-ratio:1.8;background:#7497b2 url(/assets/optimized/denim-512-56a186b5186a.webp) 50%/512px;border:2px solid #adbec3;border-radius:10px 18px 8px 12px;width:100%;min-height:530px;margin:0 0 16px;position:relative;box-shadow:inset 0 0 0 5px #e3e7df28,2px 9px 17px #17365724}.badge-board:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;border:2px dashed #e0d4b29e;position:absolute;inset:8px}.pocket-seams{z-index:-1;pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.pocket-shade{fill:#1e4b731c}.seam-ridge{fill:none;stroke:#143b5260;stroke-width:19px}.seam-thread{fill:none;stroke:#e2d4b1;stroke-width:2px;stroke-dasharray:6 3}.loose-thread{fill:none;stroke:#e7d7af;stroke-width:4px;stroke-linecap:round;stroke-dasharray:10 8}.category-badge{--badge-color:#f5f2e9;--badge-angle:-7deg;z-index:2;aspect-ratio:1;color:#172b4b;width:24%;transform:rotate(var(--badge-angle));-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#fff 2%,#e4e5e4 35%,#afb5b8 70%,#f6f5ef);border:1px solid #b6b9b9;border-radius:50%;padding:3px;transition:transform .22s,box-shadow .22s;display:block;position:absolute;box-shadow:inset 1px 1px 2px #fff,1px 3px #8f999d,3px 7px 7px #12374b40,7px 14px 18px #102c482e}.category-badge:focus-visible{z-index:5;transform:translateY(-8px)rotate(0);box-shadow:inset 1px 1px 2px #fff,1px 4px #807d69,5px 12px 8px #12374b50,10px 22px 25px #102c4840}@media (hover:hover) and (pointer:fine){.category-badge:hover{z-index:5;transform:translateY(-8px)rotate(0);box-shadow:inset 1px 1px 2px #fff,1px 4px #807d69,5px 12px 8px #12374b50,10px 22px 25px #102c4840}}.category-badge:focus-visible{outline-offset:7px;outline:3px dashed #fff8d5}.category-badge:active{transform:translateY(-2px)rotate(0)}.badge-face{aspect-ratio:1;border-radius:inherit;background:radial-gradient(ellipse at 28% 15%, #ffffffc9, transparent 62%), var(--badge-color);border:1px solid #ffffff70;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:9% 10% 12%;display:flex;position:relative;overflow:hidden;box-shadow:inset 2px 4px 6px #ffffffd9,inset -3px -5px 9px #17365726}.badge-face:after{content:"";border-radius:inherit;pointer-events:none;border-top:2px solid #ffffffb5;border-left:1px solid #ffffff47;position:absolute;inset:3%}.badge-art{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.badge-emoji{object-fit:contain;width:82%;height:100%;max-height:100%;display:block}.badge-label{white-space:nowrap;flex:none;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(14px,1.55vw,22px);font-weight:700;line-height:1.5}.category-badge--ui{--badge-angle:-6deg;width:25%;top:5%;left:11%}.category-badge--interaction{--badge-color:#d7e8ef;--badge-angle:6deg;border-radius:24%;width:25%;top:7%;left:45%}.category-badge--visual{--badge-color:#f2d8d6;--badge-angle:9deg;border-radius:46% 54% 35% 65%/58% 40% 60% 42%;width:20%;top:28%;right:7%}.category-badge--film{--badge-color:#d8d1e8;--badge-angle:-7deg;z-index:3;width:22%;bottom:12%;left:8%}.category-badge--ip{--badge-color:#f3c7c2;--badge-angle:5deg;width:19%;bottom:19%;left:35%}.category-badge--digital-culture{--badge-color:#d4e3d4;--badge-angle:10deg;width:22%;bottom:7%;right:19%}.badge-decoration{pointer-events:none;filter:drop-shadow(2px 3px 2px #1736574d);width:6.5%;position:absolute;overflow:visible}.stitched-star path:first-child{fill:#df9eb5;stroke:#eddcbe;stroke-width:5px;stroke-linejoin:round}.stitched-star .star-stitches{fill:none;stroke:#f8e3d9;stroke-width:1.5px;stroke-dasharray:3 3}.star-pink{top:5%;left:38%;transform:rotate(13deg)}.star-navy{top:12%;right:18%;transform:rotate(-12deg)}.star-navy path:first-child{fill:#172f4c}.star-lower{bottom:21%;right:5%;transform:rotate(-10deg)}.stitched-heart{width:5%;bottom:35%;left:56%;transform:rotate(-15deg)}.stitched-heart path{fill:#f5e5c4;stroke:#d3bfa4;stroke-width:2px;stroke-dasharray:3 2}.badge-eyes{pointer-events:none;gap:4px;width:12%;display:flex;position:absolute;top:2%;right:9%;transform:rotate(12deg)}.badge-eyes i{aspect-ratio:1;background:#fbfaf5;border:2px solid #e5e1d7;border-radius:50%;width:50%;display:block;position:relative;box-shadow:inset 1px 1px 4px #fff,inset -2px -4px 5px #17365725,2px 4px 3px #17365755}.badge-eyes i:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 32% 25%,#ffffff7a 0 12%,#0000 14%),#151918;border-radius:50%;width:57%;position:absolute;top:39%;left:20%;box-shadow:inset -2px -3px 4px #0009}.pocket-rivet{aspect-ratio:1;pointer-events:none;background:linear-gradient(130deg,#eee1c8,#a19274 52%,#e0d9c2);border:2px solid #645f52;border-radius:50%;width:3.4%;position:absolute;box-shadow:inset 0 0 0 3px #d7cbb4,inset 0 0 0 4px #817866,2px 3px 4px #1736577a}.rivet-left{top:56%;left:2%}.rivet-right{bottom:26%;right:2%}@media (max-width:900px) and (min-width:621px){.badge-board{min-height:390px}.category-badge{padding:3px}.badge-label{font-size:14px}}@media (max-width:620px){.badge-board{aspect-ratio:.54;background-size:400px;border-radius:8px;min-height:0}.category-badge{padding:2px}.badge-label{font-size:clamp(12px,3.6vw,18px)}.category-badge--ui{width:48%;top:5%;left:3%}.category-badge--interaction{width:49%;top:14%;left:47%}.category-badge--visual{width:43%;top:36%;left:5%;right:auto}.category-badge--film{width:45%;top:43%;bottom:auto;left:49%}.category-badge--ip{width:42%;bottom:10%;left:4%}.category-badge--digital-culture{width:48%;bottom:4%;right:3%}.badge-eyes{width:24%;top:2%;right:7%}.badge-decoration{width:11%}.star-pink{top:30%;left:8%}.star-navy{top:39%;right:7%}.star-lower{bottom:29%;right:7%}.stitched-heart{width:10%;bottom:35%;left:8%}.pocket-rivet{width:6%}.rivet-left{top:61%}.rivet-right{bottom:14%}}@media (prefers-reduced-motion:reduce){.category-badge{transition:none}}.category-badge--ip,.category-badge--visual,.category-badge--digital-culture{box-shadow:none;background:0 0;border:0;border-radius:12px;padding:0}.shaped-badge-art{width:100%;height:100%;display:block;overflow:visible}.shaped-badge-label{fill:#173957;letter-spacing:.2px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-weight:700}.category-badge--ip{--badge-angle:4deg;width:22%;bottom:16%;left:34%}.category-badge--visual{--badge-angle:9deg;width:22%;top:26%;right:5%}.category-badge--digital-culture{aspect-ratio:5/3;--badge-angle:5deg;width:30%;bottom:6%;right:10%}:is(.category-badge--ip:focus-visible,.category-badge--visual:focus-visible,.category-badge--digital-culture:focus-visible){box-shadow:none;outline-offset:6px;outline:3px dashed #fff8d5}@media (hover:hover) and (pointer:fine){.category-badge--ip:hover,.category-badge--visual:hover,.category-badge--digital-culture:hover{box-shadow:none}}@media (max-width:620px){.category-badge--visual{width:43%;top:35%;left:5%;right:auto}.category-badge--ip{width:45%;bottom:10%;left:3%}.category-badge--digital-culture{width:53%;bottom:5%;left:auto;right:2%}.shaped-badge-label{font-size:20px}}.badge-board{aspect-ratio:1.5;min-height:0;overflow:visible}.category-badge .badge-label{font-synthesis:none;letter-spacing:.025em;color:#153752;text-shadow:none;font-family:Jingjing Handwriting,KaiTi,STKaiti,sans-serif;font-size:clamp(18px,2.15vw,30px);font-weight:400;line-height:1.35}.category-badge--ui{--badge-angle:-9deg;z-index:2;width:34%;top:3%;bottom:auto;left:2%}.category-badge--interaction{--badge-angle:7deg;z-index:3;width:30%;top:7%;bottom:auto;left:34%}.category-badge--film{--badge-angle:-9deg;z-index:4;width:28%;top:auto;bottom:3%;left:4%}.category-badge--ip{--badge-angle:7deg;z-index:5;width:29%;top:auto;bottom:8%;left:31%}.category-badge--visual{--badge-angle:12deg;z-index:4;width:30%;inset:26% 2% auto auto}.category-badge--digital-culture{aspect-ratio:1.95;--badge-angle:-5deg;z-index:3;background:linear-gradient(135deg,#fff,#ced8d1 75%,#faf9ef);border:1px solid #aeb9b3;border-radius:50%;width:46%;padding:3px;inset:auto 1% 1% auto;box-shadow:inset 1px 1px 2px #fff,1px 4px #8b9e99,4px 9px 10px #16364736}.category-badge .badge-face{padding:8% 10% 12%}.category-badge .badge-emoji{width:87%}.category-badge .badge-face--oval{aspect-ratio:auto;background:radial-gradient(at 28% 15%,#ffffffc9,#0000 62%),#d4e3d4;height:100%;padding:4% 9% 7%}.badge-face--oval .badge-art{width:64%;height:78%;position:absolute;inset:0 18% 22%}.badge-face--oval .badge-emoji{object-fit:contain;width:100%;height:100%}.badge-face--oval .badge-label{width:100%;font-size:clamp(18px,2vw,29px);position:absolute;bottom:8%;left:0}.badge-object{aspect-ratio:1;width:100%;height:100%;display:block;position:relative}.badge-object>img{object-fit:contain;filter:drop-shadow(3px 0 #fffdf2)drop-shadow(-3px 0 #fffdf2)drop-shadow(0 -3px #fffdf2)drop-shadow(1px 5px #b8b6a9);width:100%;height:100%}.badge-object .badge-label{background:#fffdf2;border-radius:7px;padding:6px 12px 5px;font-size:clamp(18px,1.9vw,27px);position:absolute;bottom:1%;left:50%;transform:translate(-50%);box-shadow:1px 3px #bcb8a9}.badge-object--ip>img{height:92%}.badge-object--ip .badge-label{bottom:0}.badge-object--visual .badge-label{font-size:clamp(17px,1.8vw,25px);bottom:4%}.badge-eyes{width:13%;top:3%;right:5%}.star-pink{width:7%;top:1%;left:28%}.star-navy{width:6%;top:15%;right:13%}.star-lower{width:6%;bottom:29%;right:2%}.stitched-heart{width:5%;bottom:42%;left:28%}@media (min-width:621px) and (max-width:1000px){.badge-board{aspect-ratio:1.35}.category-badge .badge-label{font-size:20px}.badge-object .badge-label{font-size:18px}.category-badge--film{bottom:8%}.category-badge--ip{bottom:15%}.category-badge--digital-culture{bottom:4%}}@media (max-width:620px){.category-badge .badge-label{font-size:clamp(17px,4.8vw,23px)}.category-badge--ui{--badge-angle:-10deg;z-index:2;width:60%;top:4%;left:1%}.category-badge--interaction{--badge-angle:8deg;z-index:3;width:53%;top:20%;left:43%}.category-badge--visual{--badge-angle:-11deg;z-index:4;width:48%;top:41%;left:1%;right:auto}.category-badge--film{--badge-angle:9deg;z-index:3;width:51%;top:52%;bottom:auto;left:47%}.category-badge--ip{--badge-angle:4deg;z-index:5;width:51%;top:auto;bottom:10%;left:2%}.category-badge--digital-culture{--badge-angle:-8deg;z-index:6;width:68%;inset:auto 2% 1.5% auto}.badge-object .badge-label{padding:4px 7px;font-size:clamp(16px,4.5vw,21px)}.badge-face--oval .badge-label{font-size:clamp(17px,4.7vw,23px)}.badge-eyes{width:27%;top:3%;right:3%}.star-pink{width:10%;top:35%;left:8%}.star-navy{width:10%;top:44%;right:8%}.star-lower{width:10%;bottom:24%;right:6%}.stitched-heart{width:9%;bottom:33%;left:7%}.badge-board{aspect-ratio:.44}.category-badge--ui{width:57%;top:2%;left:2%}.category-badge--interaction{top:26%}.category-badge--visual{top:43%;left:2%}.category-badge--film{top:52%}.category-badge--ip{bottom:12%}.category-badge--digital-culture{z-index:4}.star-pink{top:33%}.star-navy{top:46%}.star-lower{bottom:23%}}.portfolio-guide{color:#173957;max-width:1404px;margin:0 auto;padding:34px 32px 66px}.guide-paper{background-color:#fbf9ef;background-image:linear-gradient(90deg,#0000 40px,#d7a3af77 40px 41px,#0000 41px),repeating-linear-gradient(0deg,#0000 0 31px,#93b6ca38 31px 32px);border:1px solid #e0ded2;border-radius:2px 6px 4px 2px;padding:78px 44px 24px;position:relative;box-shadow:5px 9px #67899b23,0 10px 24px #16394f12}.guide-holes{justify-content:space-between;display:flex;position:absolute;top:21px;left:6%;right:6%}.guide-holes i{background:#d6e7ef;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 2px 3px #34566b55,0 1px #fff}.guide-heading{justify-content:space-between;align-items:center;padding:0 8px 25px;display:flex}.guide-heading>div>span{letter-spacing:.12em;color:#967076;font-size:12px}.guide-heading h2{font-family:var(--type-display);letter-spacing:.04em;font-size:38px;font-weight:400;line-height:1.5}.guide-heading em{color:#997484;margin-left:16px;font-family:Jingjing Script,cursive;font-size:35px;font-weight:400}.guide-heading p{color:#70818a;font-size:13px;line-height:1.9;transform:rotate(3deg)}.guide-collage{isolation:isolate;grid-template-columns:1fr .95fr 1.8fr;align-items:center;gap:0;padding:6px 4px 0;display:grid}.guide-polaroid{background:#fffef8;border:1px solid #e5e2d8;margin:0;padding:12px 12px 0;position:relative;box-shadow:2px 5px 9px #263d4626}.guide-polaroid img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.guide-polaroid figcaption{color:#536c7b;justify-content:space-between;align-items:center;gap:8px;min-height:51px;padding:9px 2px;font-size:12px;line-height:1.5;display:flex}.guide-polaroid figcaption>span:last-child:not(:first-child){color:#af6580;font-size:22px}.guide-album{z-index:1;margin-top:20px;margin-right:-13px;position:relative;transform:rotate(-6deg)}.guide-album-photo:before{content:"";z-index:-1;background:#d7e6ed;border:6px solid #fffcf3;position:absolute;inset:8px -5px -6px 5px;transform:rotate(5deg)}.guide-tape{z-index:2;clip-path:polygon(2% 0,98% 3%,100% 93%,1% 100%);background:#e3d99ea6;width:85px;height:31px;position:absolute;top:-15px;left:27%;transform:rotate(-7deg)}.guide-album-empty{aspect-ratio:4/5;color:#698891;background:linear-gradient(145deg,#d0e4ec,#e3ece6 68%,#ebe5d3);flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.guide-album-empty>span{font-family:var(--type-display);font-size:18px}.guide-album-empty small{letter-spacing:.15em;font-size:9px}.guide-star{color:#c59d54;text-shadow:2px 2px #fffdf4;font-size:61px;line-height:1;position:absolute;bottom:32px;left:-17px;transform:rotate(-13deg)}.guide-person{z-index:3;align-self:start;margin:6px -13px 0 0;position:relative;transform:rotate(5deg)}.guide-person .guide-tape{background:#dab5c79c;left:47%;transform:rotate(9deg)}.guide-person-note{color:#9b5370;font-family:var(--type-display);background:#f2dce4;padding:14px 20px;font-size:19px;position:absolute;bottom:-28px;right:-2px;transform:rotate(-10deg);box-shadow:1px 3px 4px #17395720}.guide-person-note span{margin-left:12px}.guide-flower{position:absolute;bottom:-30px;left:-18px;transform:rotate(-17deg);width:52px!important;height:52px!important}.guide-screen{z-index:2;margin-top:20px;margin-left:6px;position:relative;transform:rotate(-2deg)}.guide-screen .guide-polaroid{padding:13px 13px 0}.guide-video-window{aspect-ratio:16/10;background:#16252c;position:relative;overflow:hidden}.guide-video-window video{object-fit:contain;width:100%;height:100%;display:block}.guide-video-label{color:#456574;letter-spacing:.05em;background:#fffdf4e8;border-radius:2px;padding:4px 8px;font-size:10px;position:absolute;top:10px;left:11px}.guide-screen figcaption{min-height:59px;font-size:12px}.guide-video-controls{flex:none;align-items:center;gap:2px;display:flex}.guide-video-controls button,.guide-photo-controls button{color:#335568;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:32px;display:grid}.guide-video-controls button:hover,.guide-photo-controls button:hover{background:#e3edf1}.guide-video-controls button:disabled{opacity:.4}.guide-paperclip{z-index:3;border:3px solid #8a9698;border-radius:13px;width:19px;height:57px;position:absolute;top:-27px;right:24px;transform:rotate(16deg);box-shadow:1px 1px #fff}.guide-paperclip:after{content:"";border:2px solid #a9b2b0;border-top:0;border-radius:0 0 8px 8px;width:8px;height:46px;position:absolute;top:-2px;left:3px}.guide-handwriting{font-family:var(--type-display);text-align:right;color:#a36780;margin:15px 8px 0;font-size:20px}.guide-handwriting span{margin-left:9px;font-size:32px;display:inline-block;transform:rotate(-32deg)}.guide-video-error{color:#944760;margin-top:9px;font-size:12px}.guide-photo-controls{justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.guide-person-note:focus-visible{outline-offset:4px;outline:2px solid #a95078}.guide-video-controls button:focus-visible{outline-offset:4px;outline:2px solid #a95078}.guide-photo-controls button:focus-visible{outline-offset:4px;outline:2px solid #a95078}.guide-paper-footer{color:#7e939c;letter-spacing:.05em;justify-content:space-between;gap:12px;padding-top:15px;font-size:10px;display:flex}@media (max-width:1000px){.portfolio-guide{padding-inline:24px}.guide-paper{padding:68px 28px 24px}.guide-heading h2{font-size:32px}.guide-screen figcaption{flex-wrap:wrap;gap:0}.guide-video-controls{margin-left:auto}.guide-album-empty>span{font-size:14px}.guide-person-note{padding:12px 16px;font-size:16px}}@media (max-width:620px){.portfolio-guide{padding:22px 16px 42px}.guide-paper{background-image:linear-gradient(90deg,#0000 19px,#d7a3af66 19px 20px,#0000 20px),repeating-linear-gradient(0deg,#0000 0 27px,#93b6ca38 27px 28px);padding:56px 18px 18px}.guide-holes{top:17px}.guide-holes i{width:10px;height:10px}.guide-heading{padding:0 2px 25px}.guide-heading>div>span{font-size:10px}.guide-heading h2{font-size:27px}.guide-heading em{margin-left:8px;font-size:27px}.guide-heading p{display:none}.guide-collage{grid-template-columns:1fr 1fr;gap:0;padding:0 5px}.guide-polaroid{padding:7px 7px 0}.guide-polaroid figcaption{min-height:39px;padding:8px 0;font-size:10px}.guide-album{margin:14px -6px 0 0}.guide-person{margin:0 0 0 3px}.guide-tape{width:62px;height:23px;top:-12px}.guide-person-note{padding:10px 12px;font-size:15px;bottom:-25px}.guide-flower{bottom:-23px;width:38px!important;height:38px!important}.guide-star{font-size:44px;left:-11px}.guide-album-empty{gap:12px}.guide-album-empty>span{font-size:13px}.guide-album-empty small{font-size:7px}.guide-album-empty svg{width:34px}.guide-screen{grid-column:1/-1;margin:42px -4px 0;transform:rotate(-2deg)}.guide-screen .guide-polaroid{padding:9px 9px 0}.guide-video-window{aspect-ratio:16/9}.guide-screen figcaption{min-height:46px;font-size:11px}.guide-handwriting{margin-top:3px;font-size:17px}.guide-handwriting span{font-size:24px}.guide-paper-footer{flex-direction:column;gap:5px;padding-top:10px;font-size:8px}.guide-paperclip{border-width:2px;width:16px;height:45px;top:-22px;right:19px}.guide-paperclip:after{border-width:1px;width:7px;height:36px;left:3px}}.guide-paper-footer{margin-top:24px}.guide-person{padding-bottom:28px}.guide-person .guide-photo-controls{z-index:4;background:#fffef8;gap:2px;padding:2px 0;position:relative}.guide-person .guide-polaroid img{object-position:center 55%}.guide-album-photo img{object-fit:cover;object-position:center;background:#eef0e7}.guide-album .guide-photo-controls{z-index:3;background:#fffef8;gap:2px;padding:2px 0;position:relative}.reading-nav{z-index:30;bottom:calc(16px + env(safe-area-inset-bottom));background:#fffdf5;border:1px solid #c9d7da;border-radius:99px;gap:4px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #17395720}.reading-nav[hidden]{display:none}body:has([role=dialog]) .reading-nav{display:none}.reading-nav a{white-space:nowrap;color:#476171;border-radius:99px;padding:10px 18px;font-size:13px;line-height:1.5}.reading-nav a[aria-current]{color:#fffdf5;background:#244c65}.reading-nav a:hover{color:#173957;background:#e7edf0}.contact-section{padding-bottom:100px}.project-dialog .dialog-topbar{height:64px;min-height:64px}.project-section-nav{z-index:2;background:#f7f4ea;border-bottom:1px dashed #b9c9cd;gap:8px;padding:12px 42px;display:flex;position:sticky;top:64px;overflow-x:auto}.project-section-nav button{color:#244b63;white-space:nowrap;background:#fffdf7;border:1px solid #c2d2d8;border-radius:99px;flex:none;padding:7px 15px;font-size:12px;line-height:1.6}.project-section-nav button:hover{background:#e4edf1}.project-intro,.project-video,.project-records,.project-pages{scroll-margin-top:142px}@media (max-width:760px){.reading-nav{bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100% - 24px)}.reading-nav a{padding:10px 14px;font-size:12px}.project-section-nav{gap:6px;padding:10px 20px}.project-section-nav button{padding:6px 11px}.project-dialog .dialog-topbar{height:54px;min-height:54px}.project-section-nav{top:54px}.project-intro,.project-video,.project-records,.project-pages{scroll-margin-top:124px}}@media (max-width:350px){.reading-nav a{padding:10px 11px}}