.personal-about{padding-top:65px;padding-bottom:75px}.portrait-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:85px;align-items:center;margin-top:40px;padding:0 35px}.portrait-side{position:relative;max-width:350px;width:100%;margin:0 auto;padding-top:15px}.polaroid{margin:0;background:#f3eee2;color:#242426;padding:15px 15px 0;transform:rotate(-5deg);box-shadow:0 18px 45px #0006,0 2px 3px #0005;position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.polaroid:hover{transform:rotate(-2deg) translateY(-4px)}.photo-tape{position:absolute;width:112px;height:35px;left:calc(50% - 56px);top:-17px;background:#d9c886ac;transform:rotate(8deg);box-shadow:0 1px 3px #0001;z-index:2;clip-path:polygon(1% 4%,98% 0%,100% 97%,2% 100%,0% 87%,2% 80%,0% 70%,2% 60%,0% 49%,2% 40%,0% 25%,2% 15%)}.polaroid-image{position:relative;aspect-ratio:4/5;background:#292931;overflow:hidden}.polaroid-image #profile-avatar{width:100%;height:100%;max-width:none;max-height:none;object-fit:var(--portrait-fit,cover);object-position:center;border-radius:0;margin:0;position:absolute;inset:0}.portrait-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 40% 30%,#41414b,#282830);gap:20px;padding:25px}.portrait-placeholder svg{width:65%;max-height:210px;opacity:.8}.portrait-placeholder>span{font:7px 'Space Grotesk';letter-spacing:2px;color:#b5b4bd;text-align:center}.polaroid figcaption{position:relative;min-height:88px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:19px 20px 22px;gap:7px}.polaroid-caption{font:italic 21px/1.3 Georgia,'Noto Sans Thai',serif;color:#302b30;max-width:100%;text-align:center;overflow-wrap:anywhere;white-space:pre-line}.polaroid-name{font:8px 'Space Grotesk','Noto Sans Thai';letter-spacing:1px;color:#7a7373;text-align:center;overflow-wrap:anywhere}.photo-heart{position:absolute;right:1px;bottom:15px;font:34px Georgia;color:#d66455;transform:rotate(13deg)}.portrait-upload{margin:30px auto 0;display:table;border:1px solid #45454e;border-radius:20px;padding:10px 17px;font-size:11px;color:#e1dfdc;transition:background .2s}.portrait-upload:hover{background:#30303a;color:var(--yellow)}.portrait-doodle{position:absolute;left:calc(100% - 10px);top:44%;white-space:nowrap;transform:rotate(8deg);font:italic 21px Georgia;color:#8d8d97}.portrait-story .hello-label{margin-top:0;font-size:9px;letter-spacing:1.3px}.personal-about .portrait-story h2{font:500 43px/1.2 'Space Grotesk';letter-spacing:-1.8px;margin:17px 0 23px}.portrait-story #profile-about{font-size:13px;line-height:2.1;color:#b3b2bc;white-space:pre-line}.portrait-story .tags{margin-top:24px}.portrait-work-link{display:inline-block;margin-top:30px;font-size:12px;color:#e4dfd4}.portrait-work-link span{color:var(--yellow);margin-left:14px}.portrait-editor{border:1px solid #3c3b47;background:#18181e;padding:22px;border-radius:18px;margin:25px 0}.portrait-editor .upload-preview{background:#f3eee2;padding:9px 9px 25px;max-height:240px;max-width:100%;border-radius:0;transform:rotate(-2deg);margin:15px 0}.portrait-editor .field:last-child{margin-bottom:0}.portrait-editor .eyebrow{color:var(--yellow)}
@media(max-width:1000px){.portrait-layout{gap:60px;padding:0 5px}.portrait-side{max-width:290px}.personal-about .portrait-story h2{font-size:36px}.portrait-doodle{font-size:17px;left:calc(100% - 13px)}.polaroid-caption{font-size:19px}.polaroid figcaption{min-height:80px}}
@media(max-width:760px){.portrait-layout{grid-template-columns:1fr;gap:48px;padding:0;max-width:550px;margin:35px auto 0}.portrait-side{max-width:290px}.portrait-story{max-width:500px;margin:auto}.personal-about .portrait-story h2{font-size:39px}.portrait-story .hello-label{margin-top:0}.portrait-doodle{top:38%;left:calc(100% - 12px)}.personal-about{padding-top:45px;padding-bottom:50px}}
@media(max-width:480px){.portrait-side{max-width:250px}.polaroid{padding:12px 12px 0;transform:rotate(-4deg)}.polaroid figcaption{min-height:77px;padding:16px 15px 19px}.polaroid-caption{font-size:18px}.polaroid-name{font-size:7px;letter-spacing:.6px}.photo-heart{font-size:29px}.portrait-doodle{left:auto;right:-32px;top:43%;font-size:16px;transform:rotate(12deg);writing-mode:vertical-rl}.portrait-upload{font-size:10px;margin-top:27px}.portrait-layout{gap:35px}.personal-about .portrait-story h2{font-size:34px;letter-spacing:-1.3px}.portrait-story #profile-about{font-size:12px}.portrait-editor{padding:17px}.portrait-placeholder>span{font-size:6px;letter-spacing:1.2px}}
@media(prefers-reduced-motion:reduce){.polaroid,.polaroid:hover{transition:none;transform:rotate(-4deg)}}
.polaroid .polaroid-name{color:#7a7373;font:8px "Space Grotesk","Noto Sans Thai";letter-spacing:1px}