html[data-theme=current] body>:not(#portfolio2021):not(script):not(style):not(#preloader):not(.p-chicken){display:none!important}#portfolio2021{display:none;position:fixed;inset:0;z-index:20000;overflow:auto;overscroll-behavior:contain;background:#252525;color:#f9f9f7;font:16px/1.65 DM Sans,Arial,sans-serif;scroll-behavior:smooth;isolation:isolate;text-align:left;cursor:auto;color-scheme:dark}html[data-theme=current] #portfolio2021:not([hidden]){display:block}#portfolio2021 *,#portfolio2021 *:before,#portfolio2021 *:after{box-sizing:border-box}#portfolio2021 h1,#portfolio2021 h2,#portfolio2021 h3,#portfolio2021 p{margin:0}#portfolio2021 h1,#portfolio2021 h2,#portfolio2021 h3{font-family:Space Mono,monospace;font-weight:700;letter-spacing:-.065em;line-height:1.1}#portfolio2021 a{color:inherit;text-decoration:none;cursor:pointer}#portfolio2021 button{font:inherit;cursor:pointer}#portfolio2021 a:focus-visible,#portfolio2021 button:focus-visible{outline:3px solid #68adf6;outline-offset:6px}#portfolio2021 section,#portfolio2021 footer{scroll-margin-top:90px}#portfolio2021 ::selection{background:#a693f0;color:#202020}.p21-shell{max-width:1440px;margin:auto}.p21-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5%;background:#252525f5;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(14px)}#p21-back{border:1px solid #ffffff45;background:#323232;color:#fff;border-radius:999px;padding:9px 20px;min-height:44px;transition:background .2s}#p21-back:hover{background:#4e80b3}.p21-brand{font:700 24px Space Mono,monospace;letter-spacing:-2px}.p21-brand span{color:#9f8af4;margin-left:6px}.p21-top nav{display:flex;gap:26px;font:12px Space Mono,monospace}.p21-top nav a:hover{color:#77b6f8}.p21-toolbar{display:flex;align-items:center;gap:22px;padding:16px 5%;font:11px Space Mono,monospace;background:#202020;color:#b1b1b1;border-bottom:1px solid #333}.p21-dots{color:#82d3bb;letter-spacing:3px}.p21-hero-content{position:relative;padding:95px 8% 32px;overflow:hidden;min-height:580px}.p21-selection{position:relative;border:2px solid #77b6f8;--selection:#77b6f8}.p21-selection:before,.p21-selection:after,.p21-corner:before,.p21-corner:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--selection);z-index:1}.p21-selection:before{left:-6px;top:-6px}.p21-selection:after{right:-6px;top:-6px}.p21-corner:before{left:-6px;bottom:-6px}.p21-corner:after{right:-6px;bottom:-6px}#portfolio2021 .p21-label{display:inline-block;font:bold clamp(15px,2.2vw,28px) "Space Mono",monospace;color:#b4a0ff;border-color:#b4a0ff;--selection:#b4a0ff;padding:8px 15px;transform:rotate(-4deg);margin-left:-20px;margin-bottom:28px}.p21-hero-title{position:relative;max-width:1000px}#portfolio2021 h1{font:bold clamp(42px,8.7vw,124px)/1.15 "Space Mono",monospace;letter-spacing:-.07em;padding:10px 20px;transform:rotate(-1.5deg);white-space:nowrap}.p21-cursor{position:absolute;bottom:-65px;left:35%;font-size:75px;line-height:1;color:#69aff8;transform:rotate(10deg)}#portfolio2021 .p21-name{position:relative;margin:24px 0 70px auto;width:max-content;max-width:100%;border-radius:999px;background:#70b2f7;color:#fff;padding:12px 25px;font:bold clamp(13px,2vw,24px) "Space Mono",monospace;box-shadow:0 5px #497aab;transform:rotate(-2deg)}.p21-sticker{position:absolute;right:9%;top:35px;color:#f0b4d0;font:700 30px Space Mono,monospace;padding:4px 12px;transform:rotate(12deg);--selection:#e3a4c2;border-color:#e3a4c2}.p21-hero-bottom{display:flex;justify-content:space-between;gap:20px;font:10px Space Mono,monospace;letter-spacing:1px;color:#bcbcbc}.p21-hero-bottom a{color:#8fc7ff!important}.p21-about{background:#fafaf8;color:#252525;padding:64px 8% 78px}.p21-section-head{text-align:center;margin-bottom:40px}.p21-eyebrow{font:10px/1.7 Space Mono,monospace;letter-spacing:1.6px;color:#9b9b9b}#portfolio2021 .p21-section-head h2{font-size:clamp(28px,4vw,54px);margin-top:12px}.p21-mini-frame{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:28px;border:2px solid #252525;transform:rotate(8deg);margin-left:18px;vertical-align:middle}.p21-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.p21-portrait-col{position:relative;padding:0 10px}.p21-portrait{transform:rotate(-5deg);border-color:#292929;--selection:#292929;width:90%;max-width:310px;margin:auto}.p21-portrait img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 40%;filter:saturate(.8)}.p21-portrait-tag{position:absolute;left:-24px;bottom:22px;background:#9a85ed;border-radius:99px;color:#fff;padding:6px 12px;font:11px Space Mono,monospace;transform:rotate(8deg);white-space:nowrap}#portfolio2021 .p21-quote{margin:32px auto 0;background:#6aaef4;color:#fff;padding:16px;border-radius:30px;width:max-content;text-align:center;line-height:1.4;transform:rotate(3deg);box-shadow:0 5px #d2e7fa}.p21-tiny-sticker{position:absolute;right:-25px;bottom:6px;font-size:65px;color:#90d6be;transform:rotate(-10deg)}.p21-bio{background:#eeeeec;border-radius:16px;padding:32px;font:13px/2 Space Mono,monospace}.p21-bio p+p{margin-top:22px!important}.p21-blue{color:#3f86c9}.p21-bio-footer{border-top:1px solid #d5d5d5;margin-top:26px;padding-top:20px;display:flex;flex-wrap:wrap;gap:16px;font:10px/1.8 Space Mono,monospace}.p21-bio-footer a{color:#3f86c9!important}.p21-details{padding:68px 8%;display:grid;grid-template-columns:1fr 1fr;gap:70px}#portfolio2021 .p21-details h2{font-size:28px;letter-spacing:-.05em;margin-bottom:25px}.p21-mint{color:#8ad8bd}.p21-purple{color:#ad96fa}.p21-peach{color:#f4ba89}.p21-job{display:flex;align-items:center;gap:20px;padding:20px;background:#2d2d2d;border-radius:12px;margin-bottom:16px;border:1px solid #3a3a3a}.p21-job>img{width:60px;height:50px;object-fit:contain;padding:5px;background:#fff;border-radius:6px}.p21-job>span{display:flex;flex-direction:column;gap:6px}.p21-job small{font:9px/1.6 Space Mono,monospace;color:#aaa}.p21-job strong{color:#95d9bf;font-size:15px}.p21-job span span{font-size:12px;color:#bfbfbf}.p21-job:hover{border-color:#95d9bf}.p21-stack{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.p21-stack span{font:12px Space Mono,monospace;padding:12px 15px;background:#363339;border:1px solid #5a506a;border-radius:8px;color:#cab8ff}.p21-strengths{margin:0;padding-left:18px;font:12px/2.2 Space Mono,monospace;color:#ddd}.p21-note{font:9px/1.7 Space Mono,monospace;color:#999;margin-top:20px!important;letter-spacing:.7px}.p21-work-intro{padding:42px 8% 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.p21-folders{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;background:#ededeb;color:#333;border-radius:12px;padding:40px 25px;transform:rotate(-4deg);box-shadow:9px 9px #373737}.p21-folders a{display:flex;flex-direction:column;align-items:center;font:10px Space Mono,monospace;gap:8px}.p21-folders span{font-size:48px;transition:transform .2s}.p21-folders a:hover span{transform:translateY(-8px)}#portfolio2021 .p21-work-intro h2{font-size:clamp(35px,5vw,65px);margin-top:12px;margin-bottom:18px;position:relative}.p21-work-intro h2 span{color:#88b8ff}.p21-work-intro sup{font-size:60px;color:#eec861;margin-left:20px}.p21-work-intro p{font:12px/1.9 Space Mono,monospace;color:#bbb}.p21-project{padding:64px 8% 45px;color:#282828;--project-accent:#7455be;background:#e9e0fb}.p21-iluckywheel{background:#fff0d9;--project-accent:#b95b24}.p21-taxiviet{background:#def1e8;--project-accent:#298365}.p21-myunit{background:#fae9da;--project-accent:#aa602e}.p21-project-heading{display:flex;align-items:center;gap:24px;margin-bottom:35px}.p21-number{font:bold clamp(50px,7vw,95px)/1 "Space Mono",monospace;color:var(--project-accent)}#portfolio2021 .p21-project h3{font-size:clamp(30px,4.5vw,62px)}.p21-project .p21-eyebrow{color:var(--project-accent)}.p21-project-heading>img{margin-left:auto;width:72px;height:72px;border-radius:17px;box-shadow:0 7px #0001;transform:rotate(8deg)}.p21-project-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:20px;font:12px/1.9 Space Mono,monospace;margin-bottom:40px}.p21-project-copy ul{padding:0;margin:0;list-style:none}.p21-pill{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:99px;padding:11px 20px;width:max-content;font:11px Space Mono,monospace;color:#fff!important;background:var(--project-accent);transition:transform .2s}.p21-pill:hover{transform:translateY(-3px)}.p21-shots{display:flex;gap:22px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;scrollbar-color:var(--project-accent) transparent}.p21-shots a{display:block;flex:0 0 210px;scroll-snap-align:start;border-radius:20px;overflow:hidden;box-shadow:0 10px 18px #0001;transition:transform .2s}.p21-shots a:hover{transform:translateY(-5px)}.p21-shots img{display:block;width:100%;height:auto}.p21-project .p21-note{color:var(--project-accent)}.p21-gallery{background:#fafaf8;color:#252525;padding:64px 8%}.p21-photo-strip{display:flex;gap:22px;overflow-x:auto;padding:12px 6px 22px;scroll-snap-type:x mandatory}.p21-photo-strip a{flex:0 0 220px;scroll-snap-align:start;background:#eee;padding:9px 9px 26px;transform:rotate(-2deg)}.p21-photo-strip a:nth-child(2n){transform:rotate(2deg)}.p21-photo-strip img{display:block;width:100%;height:260px;object-fit:cover}.p21-contact{padding:75px 8% 28px}#portfolio2021 .p21-contact h2{font-size:clamp(30px,5.5vw,74px);margin:20px 0 28px}.p21-contact h2 a{color:#85b9f8!important}.p21-contact h2 span{color:#eec861}.p21-contact>p{font:12px/1.9 Space Mono,monospace;color:#bbb}.p21-contact-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin:30px 0 65px;font:12px Space Mono,monospace}.p21-contact-links a:hover{color:#85b9f8!important}.p21-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #444;font:9px/1.8 Space Mono,monospace;color:#aaa}@media(min-width:1500px){#portfolio2021 h1{font-size:124px}}@media(max-width:768px){.p21-top{padding:12px 20px;gap:12px}.p21-top nav{gap:14px;font-size:10px}.p21-brand{display:none}.p21-toolbar{gap:15px;padding:14px 20px;font-size:9px}.p21-toolbar-end{display:none}.p21-hero-content{padding:85px 8% 30px;min-height:390px}#portfolio2021 .p21-label{font-size:15px;margin-left:0;margin-bottom:26px}#portfolio2021 h1{font-size:clamp(28px,8.7vw,65px);padding:12px 8px;letter-spacing:-.07em}#portfolio2021 .p21-name{font-size:clamp(10px,2.5vw,18px);padding:10px 16px;margin-bottom:55px}.p21-cursor{font-size:48px;bottom:-46px}.p21-sticker{font-size:23px;top:24px}.p21-hero-bottom{font-size:8px;line-height:1.8;letter-spacing:0;gap:16px}.p21-hero-bottom>span{max-width:160px}.p21-hero-bottom>a{white-space:nowrap}.p21-about,.p21-details,.p21-gallery,.p21-contact{padding:45px 7%}.p21-about-grid,.p21-details,.p21-work-intro{grid-template-columns:1fr;gap:36px}.p21-portrait-col{max-width:300px;margin:auto;width:100%}.p21-portrait img{height:245px}.p21-bio{padding:24px;font-size:11px}.p21-section-head{margin-bottom:30px}.p21-mini-frame{width:36px;height:36px;font-size:23px;margin-left:12px}.p21-details{gap:30px}.p21-work-intro{padding:30px 7% 55px;gap:45px}.p21-folders{max-width:420px;width:100%;margin:auto}.p21-work-intro>div:last-child{text-align:center}.p21-project{padding:40px 7% 30px}.p21-project-heading{gap:15px;margin-bottom:25px}.p21-project-heading>img{width:52px;height:52px;border-radius:12px}.p21-project-heading .p21-eyebrow{font-size:8px;letter-spacing:.8px}.p21-number{font-size:45px}.p21-project-copy{grid-template-columns:1fr;gap:18px;font-size:11px;margin-bottom:30px}.p21-shots{gap:16px}.p21-shots a{flex-basis:175px}.p21-photo-strip a{flex-basis:190px}.p21-photo-strip img{height:225px}.p21-contact-links{font-size:11px;margin-bottom:45px}.p21-footer-bottom{flex-direction:column;gap:12px}.p21-tiny-sticker{right:-9px;font-size:50px}}@media(prefers-reduced-motion:reduce){#portfolio2021{scroll-behavior:auto}#portfolio2021 *{transition:none!important}}.p21-hero-title{width:max-content;max-width:100%}#portfolio2021 h1{font-size:clamp(42px,10.8vw,144px)}@media(max-width:768px){#portfolio2021 h1{font-size:clamp(28px,10.2vw,76px)}}.p21-game{padding:64px 5%;background:#e9e0fb;color:#282828}#portfolio2021 .p21-game h2{color:#7455be}.p21-game .p21-section-head{margin-bottom:30px}.p21-game .p21-section-head>p{font:12px/1.8 Space Mono,monospace;margin-top:18px!important}.p21-game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#302a40;color:#fff;border-radius:14px 14px 0 0;font:11px/1.6 Space Mono,monospace}.p21-game-toolbar a{color:#cab8ff!important}.p21-game-toolbar a:hover{text-decoration:underline!important}.p21-game-frame{display:block;width:100%;height:850px;border:0;background:#f8f7ff;border-radius:0 0 14px 14px;color-scheme:light}@media(max-width:768px){.p21-game{padding:45px 5%}.p21-game-frame{height:1100px}.p21-game-toolbar{padding:12px;font-size:10px;gap:10px}}@media(max-width:480px){.p21-top{padding:12px 16px}.p21-top nav{gap:10px;font-size:9px}#p21-back{padding:9px 12px}}.p21-socials{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.p21-toolbar-end{margin-left:auto}.p21-toolbar-end+.p21-socials{margin-left:12px}#portfolio2021 .p21-socials>a,.p21-socials>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:8px;color:#c6c6c6;transition:color .2s,background .2s}.p21-socials svg{display:block;width:20px;height:20px}#portfolio2021 .p21-socials>a:hover{color:#8fc7ff;background:#ffffff12}.p21-socials>span.p21-social-pending{opacity:.5}@media(max-width:768px){.p21-toolbar{gap:12px;padding:10px 16px}.p21-toolbar-end+.p21-socials{margin-left:auto}.p21-socials{gap:2px}}@media(max-width:600px){.p21-toolbar-tools{display:none}.p21-dots{letter-spacing:1px}}.p21-brand{font:700 20px Space Mono,monospace;letter-spacing:-.6px;white-space:nowrap}.p21-socials>span[data-social=youtube]{color:#ff3030;opacity:1}.p21-socials>a[aria-label=GitHub] svg{width:17px;height:17px}#portfolio2021 .p21-label,#portfolio2021 .p21-portrait{animation:p21-frame-sway 5.5s ease-in-out infinite}#portfolio2021 .p21-portrait{animation-delay:-1.2s}#portfolio2021 .p21-mini-frame{animation:p21-sticker-bob 4.8s ease-in-out infinite}#portfolio2021 .p21-quote{animation:p21-name-float 5s ease-in-out infinite;animation-delay:-2s}#portfolio2021 .p21-hero-title h1{animation:p21-title-sway 7s ease-in-out infinite}#portfolio2021 .p21-sticker{animation:p21-sticker-bob 4.8s ease-in-out infinite}#portfolio2021 .p21-name{animation:p21-name-float 5s ease-in-out infinite}#portfolio2021 .p21-cursor{animation:p21-arrow-nudge 2.8s ease-in-out infinite}@keyframes p21-frame-sway{0%,to{rotate:-1.4deg;translate:0 0}50%{rotate:1.4deg;translate:0 -8px}}@keyframes p21-title-sway{0%,to{rotate:-.5deg;translate:0 0}50%{rotate:.5deg;translate:0 -6px}}@keyframes p21-sticker-bob{0%,to{rotate:-4deg;translate:0 0}50%{rotate:4deg;translate:0 -14px}}@keyframes p21-name-float{0%,to{rotate:-1.2deg;translate:0 0}50%{rotate:1.2deg;translate:0 -10px}}@keyframes p21-arrow-nudge{0%,to{translate:0 0}50%{translate:-7px -11px}}html:not([data-theme=current]) #portfolio2021 *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){#portfolio2021 .p21-portrait,#portfolio2021 .p21-mini-frame,#portfolio2021 .p21-quote,#portfolio2021 .p21-label,#portfolio2021 .p21-hero-title h1,#portfolio2021 .p21-sticker,#portfolio2021 .p21-name,#portfolio2021 .p21-cursor{animation:none!important}}#portfolio2021 .p21-socials>a[aria-label=Facebook]{color:#4e99ff}#portfolio2021 .p21-socials>a[aria-label=Facebook]:hover{color:#8fc7ff}.p21-tiny-sticker{font-size:48px;line-height:1.2}@media(max-width:768px){.p21-tiny-sticker{font-size:38px}}@media(max-width:380px){.p21-toolbar{gap:8px;font-size:8px}#portfolio2021 .p21-socials>a,.p21-socials>span{width:32px}}#portfolio2021 .p21-socials>a[aria-label=Facebook]{color:#c6c6c6}.p21-socials>a[aria-label=Facebook] svg{width:17px;height:17px}#portfolio2021 .p21-socials>a[data-social=youtube]{color:#ff3030}.p21-roles{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:32px;padding-right:32px}#portfolio2021 .p21-roles .p21-label{margin:0}.p21-interest{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font:700 12px Space Mono,monospace;border:1px solid #ffffff36;white-space:nowrap;animation:p21-name-float 5.4s ease-in-out infinite}.p21-photo-lover{color:#9bdac0;background:#2b4139;transform:rotate(3deg);animation-delay:-1.3s}.p21-collector{color:#f0c18b;background:#473a2e;transform:rotate(-3deg);animation-delay:-3.2s}.p21-playful-icons{display:flex;justify-content:space-between;align-items:center;width:min(360px,100%);margin:-35px 0 32px;gap:18px;pointer-events:none}.p21-playful-icons span{display:block;font:34px/1.4 "Apple Color Emoji","Segoe UI Emoji",sans-serif;animation:p21-sticker-bob 5s ease-in-out infinite}.p21-playful-icons span:nth-child(2){animation-delay:-1s;animation-duration:4.6s}.p21-playful-icons span:nth-child(3){animation-delay:-2.4s;animation-duration:5.8s}.p21-playful-icons span:nth-child(4){animation-delay:-3.1s}.p21-playful-icons span:nth-child(5){animation-delay:-1.9s;animation-duration:6s}@media(max-width:768px){.p21-roles{gap:16px 10px;padding-right:0;margin-bottom:28px}.p21-interest{font-size:9px;padding:8px 10px}.p21-playful-icons{width:min(290px,100%);gap:16px;margin-top:-24px;margin-bottom:28px}.p21-playful-icons span{font-size:26px}}@media(max-width:380px){.p21-toolbar>.p21-dots{display:none}.p21-domain{white-space:nowrap}}@media(prefers-reduced-motion:reduce){#portfolio2021 .p21-interest,#portfolio2021 .p21-playful-icons span{animation:none!important}}#preloader .preloader-log{min-height:12.8em}.p21-roles{display:block;padding-right:0;margin-bottom:32px}.p21-interest{display:block;width:max-content;max-width:100%;padding:8px 15px;border:2px solid var(--selection);border-radius:0;background:transparent;font:700 clamp(14px,2vw,24px) "Space Mono",monospace;animation:p21-frame-sway 5.5s ease-in-out infinite}.p21-photo-lover{position:absolute;top:40px;right:29%;--selection:#9bdac0;color:#9bdac0;transform:rotate(4deg);animation-delay:-1.3s}.p21-collector{position:relative;left:4%;margin:-60px 0 45px;--selection:#f0c18b;color:#f0c18b;transform:rotate(-5deg);animation-delay:-3.2s}@media(max-width:768px){.p21-roles{margin-bottom:100px}.p21-interest{font-size:14px;padding:8px 12px}.p21-photo-lover{top:150px;right:10%}.p21-collector{left:4%;margin:-24px 0 40px}}@media(prefers-reduced-motion:reduce){#portfolio2021 .p21-interest{animation:none!important}}.p21-collector{left:auto;top:-95px;margin:-30px 0 45px auto;right:40%}#portfolio2021 .p21-socials>a[data-social=youtube]{color:#c6c6c6}#portfolio2021 .p21-socials>a[data-social=youtube]:hover{color:#8fc7ff}@media(max-width:768px){.p21-collector{top:-55px;right:45%;margin:-12px 0 40px auto}}.p21-hello{position:absolute;white-space:nowrap;font:500 clamp(12px,1.7vw,21px)/1.4 "DM Sans",Arial,sans-serif;pointer-events:none}.p21-hello-ja{top:-45px;left:40%;color:#9bdac0;transform:rotate(-7deg)}.p21-hello-ko{top:14px;right:-135px;color:#f0b4d0;transform:rotate(9deg)}.p21-hello-zh{bottom:-42px;left:12%;color:#f0c18b;transform:rotate(-11deg)}.p21-hello-fr{bottom:-54px;right:12%;color:#b4a0ff;transform:rotate(6deg)}.p21-hello-it{top:100px;right:-110px;color:#8fc7ff;transform:rotate(-9deg)}#portfolio2021 .p21-name{margin-top:90px}@media(max-width:1100px)and (min-width:769px){.p21-hello-ko{right:-95px}.p21-hello-it{right:-70px}}@media(max-width:768px){.p21-toolbar{flex-wrap:wrap}.p21-domain{white-space:nowrap}.p21-toolbar>.p21-socials{margin-left:auto}.p21-hello{font-size:12px}.p21-hello-ja{top:-38px;left:8%}.p21-hello-ko{top:-38px;right:0}.p21-hello-zh{bottom:-28px;left:0}.p21-hello-fr{bottom:-48px;right:18%}.p21-hello-it{top:-70px;left:4%;right:auto}#portfolio2021 .p21-name{margin-top:84px}}#portfolio2021 .p21-shell{position:relative;z-index:1}.p21-autumn-leaves{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}.p21-autumn-leaf{position:absolute;top:-105px;left:var(--leaf-x);width:var(--leaf-size);opacity:0;animation:p21-leaf-fall var(--leaf-duration) var(--leaf-delay) linear infinite;will-change:transform}.p21-autumn-leaf img{display:block;width:100%;height:auto;animation:p21-leaf-flutter 5.5s var(--leaf-delay) ease-in-out infinite;transform-origin:50% 75%}@keyframes p21-leaf-fall{0%{transform:translateZ(0);opacity:0}8%{opacity:.68}85%{opacity:.68}to{transform:translate3d(var(--leaf-drift),calc(100vh + 130px),0);opacity:0}}@keyframes p21-leaf-flutter{0%,to{transform:rotate(-28deg) rotateY(15deg)}50%{transform:rotate(38deg) rotateY(65deg)}}@media(max-width:768px){.p21-autumn-leaf:nth-child(n+7){display:none}.p21-autumn-leaf{width:calc(var(--leaf-size)*.8)}}@media(prefers-reduced-motion:reduce){#portfolio2021 .p21-autumn-leaves{display:none}#portfolio2021 .p21-autumn-leaf,#portfolio2021 .p21-autumn-leaf img{animation:none!important}}.p21-top nav .p21-love-link{color:#efa8bc;white-space:nowrap}.p21-top nav .p21-love-link:hover{color:#ffd4e1}@media(max-width:480px){.p21-top{gap:8px}.p21-top nav{gap:8px;font-size:8px}#p21-back{padding:9px 8px}}