:root{--paper:#faf7f2;--ink:#293651;--muted:#6c7790;--blue:#6698d9;--blue-deep:#396daf;--line:#e5e7ec;--panel:rgba(255,255,255,.76);--gold:#edc77e;--radius:27px;--shadow:0 13px 45px #a18e7120;--font:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--blue-deep);outline-offset:5px}button:disabled{cursor:default}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}button[hidden],a[hidden],[hidden]{display:none!important}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}
.daylight{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 93% 28%,#f8e9c466,transparent 40%),radial-gradient(ellipse at 4% 50%,#f4e4c455,transparent 35%),linear-gradient(113deg,transparent 0 5%,#fff9 5.3% 8%,transparent 8.4% 12%,#fff9 12.3% 13%,transparent 13.4% 100%),linear-gradient(175deg,#fcfaf7,#f8f4ed 73%,#edf2f866)}
.site-header{width:min(1432px,calc(100% - 104px));margin:26px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:9;min-height:60px}.wordmark{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2.3px;color:#6b7990;width:235px}.wordmark .icon{color:#dab367;width:21px;height:21px}.main-nav{display:flex;align-items:center;gap:9px;padding:9px 15px;background:#ffffffd9;border:1px solid #fff;box-shadow:0 4px 20px #7361490c,0 0 0 1px #e4ded650;border-radius:60px;backdrop-filter:blur(18px)}.main-nav a{display:block;padding:5px 27px;border-radius:40px;font-size:17px;font-weight:500;transition:background .25s,color .25s}.main-nav a:hover{background:#edf3fb}.main-nav a.active{background:var(--blue);color:#fff;box-shadow:inset 0 1px 0 #fff5}.preview-note{font-size:12px;letter-spacing:1px;color:#8a8b96;width:235px;text-align:right}
.page-shell{width:min(1352px,calc(100% - 120px));margin:auto}.hero{min-height:585px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.35fr);align-items:center;gap:48px;padding:99px 0 26px;position:relative}.hero-copy{position:relative;z-index:3}.eyebrow{font-size:12px;letter-spacing:3.7px;color:#7789a5;display:flex;align-items:center;gap:19px}.eyebrow>span{width:35px;height:1px;background:#bec8d8}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.3vw,84px);line-height:1.13;font-weight:500;letter-spacing:-3px;white-space:nowrap;margin:10px 0 14px;position:relative;display:inline-block}.hero h1:after{content:"";position:absolute;left:2px;right:10px;bottom:-3px;height:3px;border-radius:50%;background:linear-gradient(90deg,#98b2dbaa,#f0cb8377);transform:rotate(-2deg)}.name-spark{font-size:32px;color:var(--gold);position:absolute;right:-35px;top:35%;font-family:var(--font);letter-spacing:0}.hero h2{font-size:clamp(23px,2.05vw,33px);font-weight:550;letter-spacing:2px;line-height:1.6;margin-bottom:25px}.intro{font-size:16px;line-height:1.95;color:var(--muted);white-space:pre-line;max-width:370px}.resume-area{position:relative;margin-top:36px;min-height:98px;display:flex;align-items:flex-start}.resume-content{z-index:2}.resume-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:64px;padding:14px 28px;background:linear-gradient(155deg,#80b7ef,#689cdf);border:2px solid #afd3f6;color:#fff;border-radius:50px;box-shadow:0 5px 16px #7eaceb35,inset 0 0 0 3px #ffffff20;text-shadow:0 1px 2px #37609a20;transition:transform .2s,box-shadow .2s;position:relative;font-size:20px;letter-spacing:2px}.resume-button .icon{width:24px;height:24px}.resume-button .arrow{margin-left:8px;width:22px}.resume-button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #7eaceb50,inset 0 0 0 3px #ffffff20}.resume-status{font-size:12px;color:#8793a7;margin:9px 0 0 18px;letter-spacing:.5px}.resume-friend{position:absolute;width:168px;height:185px;object-fit:contain;left:215px;bottom:8px;z-index:1;pointer-events:none;filter:drop-shadow(0 6px 10px #99753812)}
.memory-wall{position:relative;align-self:center;padding-top:31px}.handwritten{font-family:"Segoe Script","Segoe Print","Bradley Hand",cursive;font-style:italic;font-weight:400;line-height:1.6;pointer-events:none;color:#92a8c5}.hero-note{position:absolute;right:19px;top:-116px;font-size:26px;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:flex-end}.hero-note span{font-family:Georgia,serif;font-size:38px;line-height:.8;margin-right:8px}.peek-friend{position:absolute;left:11%;top:-130px;width:242px;height:231px;object-fit:contain;z-index:1;pointer-events:none}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;position:relative;z-index:2;align-items:start}.photo-card{padding:7px 7px 16px;background:#fffc;border:1px solid #fff;border-radius:23px;box-shadow:var(--shadow);transition:transform .4s,box-shadow .4s;min-width:0;position:relative}.photo-card:nth-child(1){transform:rotate(-2.2deg) translateY(5px)}.photo-card:nth-child(2){transform:translateY(17px) rotate(.4deg)}.photo-card:nth-child(3){transform:rotate(2.1deg) translateY(4px)}.photo-card:hover{transform:translateY(-4px) rotate(0);box-shadow:0 17px 38px #9c84632a;z-index:3}.photo-image{aspect-ratio:.63;position:relative;overflow:hidden;border-radius:17px;background:linear-gradient(155deg,#e4eefa,#f8edd8)}.photo-image>img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:transform .6s}.photo-card:hover .photo-image>img{transform:scale(1.035)}.photo-pending{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;color:#8c9bad;font-size:14px;letter-spacing:2px;z-index:0}.photo-pending .icon{width:35px;height:35px;stroke-width:1.3}.demo-label{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:2;font-size:10px;letter-spacing:.5px;white-space:nowrap;padding:2px 7px;border-radius:10px;background:#fff9;color:#4e637a;backdrop-filter:blur(8px)}.photo-card figcaption{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:15px 10px 0;font-size:12px;letter-spacing:1.8px;color:#7487a4}.photo-label{font-size:10px;letter-spacing:2.8px}.photo-line{width:24px;height:1px;background:#c6d0de;margin-right:auto}.photo-caption{display:block;text-align:center;color:#6e7a8f;font-size:12px;margin-top:7px;letter-spacing:.4px}.wall-caption{font-size:12px;letter-spacing:1.8px;text-align:center;color:#929bab;margin-top:36px}.wall-caption span{color:#d9b768;margin-left:13px;font-size:21px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:15px}.glass-panel{background:var(--panel);border:1px solid #fff;border-radius:var(--radius);box-shadow:0 9px 34px #a2937f0d;backdrop-filter:blur(16px);padding:28px 31px;position:relative;min-width:0;scroll-margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.section-heading h2{font-size:23px;font-weight:550;letter-spacing:2px;display:flex;align-items:center;gap:16px}.section-heading h2 span{width:28px;height:1px;background:#a6b8d2}.section-kicker{color:#8498b6;font-size:11px;letter-spacing:3px}.about-intro{display:flex;align-items:flex-start;gap:20px;margin-top:5px}.round-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#eaf0fb;color:#7ea2d6;flex-shrink:0}.round-icon .icon{width:32px;height:32px;stroke-width:1.6}.about-intro h3{font-size:17px;font-weight:500;margin-bottom:7px;letter-spacing:.6px}.about-intro p{font-size:15px;color:var(--muted);line-height:1.9;white-space:pre-line}.interest-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.placeholder-tag,.interest-tag{font-size:13px;letter-spacing:.4px;border-radius:30px;background:#f2f5fa;padding:7px 14px;color:#7b8ca7}.placeholder-tag{background:transparent;border:1px dashed #dce3ed}.skill-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;padding-right:110px}.skill-tag{font-size:13px;color:#6f8ab0}.skill-tag:not(:last-child):after{content:"/";color:#c3cad6;margin-left:9px}.about-note{position:absolute;bottom:19px;right:26px;font-size:23px;transform:rotate(-9deg);opacity:.6}.timeline{list-style:none;margin:0;padding:0 140px 0 0;display:flex;flex-direction:column;gap:17px}.timeline li{display:flex;gap:17px;position:relative;align-items:center;padding-left:16px}.timeline li:before{content:"";position:absolute;left:0;top:19px;width:6px;height:6px;background:#a9c6e9;border-radius:50%;outline:4px solid #fff}.timeline li:not(:last-child):after{content:"";position:absolute;left:2px;top:28px;bottom:-28px;width:1px;background:#d4deeb}.timeline-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.timeline-icon .icon{width:22px;height:22px}.blue{color:#779fce;background:#edf3fc}.gold{color:#b69769;background:#fbf2e5}.lilac{color:#979bc8;background:#f0effb}.timeline h3{font-size:15px;font-weight:500;line-height:1.6}.timeline p,.timeline time{font-size:12px;color:#8a94a6;display:block}.experience-note{position:absolute;right:27px;bottom:32px;transform:rotate(-9deg);font-size:24px;opacity:.73}.projects-panel{margin-top:24px}.project-row+.project-row{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.project-row h3{font-size:18px}.project-row p{color:var(--muted);white-space:pre-line}.project-row a{color:var(--blue-deep);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.contact-section{margin:70px 0 36px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 8px}.contact-section .eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:8px}.contact-section h2{font-size:22px;font-weight:500;letter-spacing:1px}.contact-section h2 span{color:#94accd}.contact-links{display:flex;gap:12px;flex-wrap:wrap}.contact-links a,.contact-pending{display:inline-flex;align-items:center;gap:10px;padding:12px 19px;border:1px solid #e4e7ed;background:#ffffff65;border-radius:50px;font-size:14px;color:#7f8ba0}.contact-links a{color:var(--blue-deep)}.contact-links a:hover{background:white}.contact-links .icon{width:19px;height:19px}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e7e3dc;padding:20px 3px 30px;font-size:11px;color:#8d95a2;letter-spacing:.6px}.footer-star{color:#d6b576;margin-left:13px}
.pet{position:fixed;right:18px;bottom:10px;width:172px;z-index:12;isolation:isolate}.pet-body{display:block;width:100%;border:0;background:transparent;padding:0;position:relative;transition:transform .35s;filter:drop-shadow(0 5px 9px #82729414);border-radius:50%}.pet-body:hover{transform:translateY(-5px) rotate(-3deg)}.pet-body img{width:100%;height:132px;object-fit:contain}.pet-bubble{position:absolute;bottom:133px;right:6px;max-width:235px;width:max-content;background:#ffffffed;box-shadow:0 6px 23px #ada38e1f;border:1px solid #f5f1eb;border-radius:20px;padding:10px 16px;font-size:12px;letter-spacing:.3px;line-height:1.7;transition:opacity .3s,transform .3s;transform-origin:bottom right}.pet-bubble:after{content:"";position:absolute;bottom:-5px;right:42px;width:10px;height:10px;transform:rotate(45deg);background:#fff}.pet-bubble.quiet{opacity:0;transform:translateY(5px);pointer-events:none}.pet-toggle{position:absolute;right:0;top:0;z-index:2;width:27px;height:27px;display:grid;place-items:center;border:1px solid #dee4ec;background:#ffffffe6;border-radius:50%;color:#8b9bb0;opacity:0;transition:opacity .2s}.pet:hover .pet-toggle,.pet:focus-within .pet-toggle{opacity:1}.pet-toggle .icon{width:13px;height:13px}.pet-fallback{display:none}.pet-restore{border:1px solid #d7e3f2;border-radius:30px;background:#f4f8ff;padding:8px 15px;color:#6d8db8;font-size:13px;box-shadow:0 4px 15px #a1afc820}.pet.collapsed{width:auto;bottom:20px;right:20px}.pet.collapsed .pet-body,.pet.collapsed .pet-toggle,.pet.collapsed .pet-bubble{display:none}.pet.bounce .pet-body{animation:pet-bounce .65s ease}.character.asset-missing{visibility:hidden}.pet-body:has(.asset-missing) .pet-fallback{display:grid;place-items:center;background:#eaf1fd;width:70px;height:70px;margin-left:auto;border-radius:50%;font-size:28px;color:var(--blue)}.pet-body:has(.asset-missing) img{display:none}
@keyframes pet-bounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-13px) rotate(-4deg)}65%{transform:translateY(-5px) rotate(3deg)}}
@media(min-width:1500px){.hero{gap:70px;min-height:622px;padding-top:107px}.photo-image{aspect-ratio:.65}.resume-area{margin-top:40px}.resume-friend{left:225px;width:182px;height:200px}.hero h1{font-size:84px}.story-grid{margin-top:28px}.glass-panel{padding:31px 35px}.pet{width:187px}.pet-body img{height:145px}.pet-bubble{bottom:146px}}
@media(max-width:1200px){.site-header{width:calc(100% - 64px)}.wordmark{width:auto}.preview-note{width:auto;font-size:10px}.main-nav a{padding:5px 22px}.page-shell{width:calc(100% - 76px)}.hero{gap:30px;grid-template-columns:.95fr 1.25fr;padding-top:96px;min-height:558px}.hero h1{font-size:clamp(43px,5.1vw,66px);letter-spacing:-2px}.hero h2{font-size:23px;letter-spacing:1px}.intro{font-size:15px}.hero-note{top:-107px;font-size:23px}.peek-friend{width:201px;height:201px;top:-111px}.photo-grid{gap:10px}.photo-card{padding:5px 5px 13px;border-radius:18px}.photo-image{border-radius:13px}.photo-card figcaption{padding:12px 7px 0;gap:5px}.photo-line{width:12px}.photo-label{letter-spacing:1.7px;font-size:10px}.photo-caption{font-size:10px}.resume-button{font-size:18px;padding:12px 24px;min-height:60px;gap:10px}.resume-friend{left:188px;width:146px;height:171px}.glass-panel{padding:25px}.timeline{padding-right:75px}.experience-note{font-size:19px;right:15px;bottom:22px}.section-kicker{font-size:10px;letter-spacing:2px}.section-heading h2{font-size:21px}.pet{width:144px}.pet-body img{height:111px}.pet-bubble{bottom:112px;font-size:11px}.contact-section{padding-right:90px}.contact-section h2{font-size:19px}}
@media(max-width:900px){.site-header{width:calc(100% - 44px);margin-top:18px;justify-content:center}.wordmark,.preview-note{display:none}.page-shell{width:calc(100% - 64px)}.hero{grid-template-columns:1fr;gap:0;padding-top:56px}.hero-copy{max-width:650px;width:100%;margin:auto}.hero h1{font-size:72px;letter-spacing:-2px}.hero h2{font-size:29px}.intro{font-size:16px}.resume-friend{left:237px;width:170px;height:195px}.resume-button{font-size:20px;padding:14px 31px}.resume-area{margin-top:30px}.memory-wall{width:100%;max-width:640px;margin:112px auto 0;padding-top:20px}.photo-grid{gap:17px}.photo-image{aspect-ratio:.7}.photo-card{padding:7px 7px 15px;border-radius:22px}.photo-image{border-radius:16px}.peek-friend{width:210px;height:210px;top:-130px;left:15%}.hero-note{right:30px;top:-100px;font-size:27px}.photo-label{font-size:11px;letter-spacing:2px}.photo-caption{font-size:12px}.photo-card figcaption{padding:13px 8px 0}.story-grid{margin-top:30px;gap:20px}.glass-panel{padding:24px}.section-heading{flex-wrap:wrap;gap:4px;margin-bottom:23px}.section-kicker{font-size:9px}.about-intro{gap:13px}.round-icon{width:49px;height:49px}.round-icon .icon{width:25px;height:25px}.about-intro h3{font-size:16px}.about-intro p{font-size:14px}.about-note,.experience-note{display:none}.timeline{padding:0}.timeline h3{font-size:14px}.timeline li{gap:12px}.timeline-icon{width:37px;height:37px}.timeline-icon .icon{width:20px;height:20px}.contact-section{padding-right:80px;margin-top:50px;align-items:flex-start;flex-direction:column;gap:18px}footer{padding-bottom:35px;padding-right:90px;flex-wrap:wrap;gap:5px}.pet{width:125px;right:8px;bottom:6px}.pet-body img{height:97px}.pet-bubble{bottom:98px;font-size:11px;max-width:200px}.pet-toggle{opacity:1;width:25px;height:25px}}
@media(max-width:580px){html{scroll-padding-top:92px}.site-header{position:sticky;top:10px;width:calc(100% - 30px);margin-top:12px;min-height:55px}.main-nav{padding:7px 10px;gap:5px;box-shadow:0 5px 24px #76665015}.main-nav a{font-size:15px;padding:6px 22px}.page-shell{width:calc(100% - 42px)}.hero{padding-top:39px;min-height:0}.eyebrow{font-size:10px;letter-spacing:3px}.hero h1{font-size:clamp(43px,11.5vw,64px);letter-spacing:-1.8px;margin:11px 0 13px}.name-spark{right:-23px;font-size:24px}.hero h2{font-size:22px;letter-spacing:1px;margin-bottom:18px}.intro{font-size:14px;line-height:1.9;max-width:260px}.resume-area{margin-top:29px;min-height:95px}.resume-button{padding:12px 20px;font-size:17px;min-height:57px;gap:10px}.resume-button .icon{width:22px;height:22px}.resume-button .arrow{width:20px;margin-left:4px}.resume-friend{left:176px;width:147px;height:165px;bottom:8px}.resume-status{font-size:10px;margin-left:13px}.memory-wall{margin-top:102px;padding-top:6px}.peek-friend{width:164px;height:164px;top:-112px;left:11%}.hero-note{font-size:20px;right:0;top:-91px}.hero-note span{font-size:31px}.photo-grid{gap:8px}.photo-card{padding:4px 4px 11px;border-radius:15px}.photo-image{border-radius:11px;aspect-ratio:.58}.photo-card:nth-child(2){transform:translateY(12px)}.photo-card figcaption{font-size:10px;padding:10px 3px 0;gap:3px;letter-spacing:.6px}.photo-label{font-size:9px;letter-spacing:1px}.photo-line{display:none}.photo-caption{font-size:10px;margin-top:6px;letter-spacing:0}.demo-label{font-size:8px;padding:1px 4px;bottom:6px;letter-spacing:0}.wall-caption{font-size:10px;letter-spacing:1px;margin-top:27px}.wall-caption span{font-size:16px}.story-grid{grid-template-columns:1fr;gap:16px;margin-top:13px}.glass-panel{padding:24px;border-radius:24px}.section-heading{margin-bottom:23px;flex-wrap:nowrap}.section-heading h2{font-size:21px}.section-kicker{font-size:10px;letter-spacing:2px}.about-intro{gap:16px}.round-icon{width:55px;height:55px}.about-intro h3{font-size:16px}.about-intro p{font-size:14px}.interest-list{margin-top:21px}.placeholder-tag,.interest-tag{font-size:12px}.about-note{display:block;font-size:21px;bottom:21px;right:23px}.timeline{gap:20px}.timeline-icon{width:42px;height:42px}.timeline h3{font-size:15px}.timeline p,.timeline time{font-size:12px}.experience-note{display:block;right:21px;bottom:27px;font-size:18px;opacity:.55}.timeline{padding-right:65px}.contact-section{margin-top:40px;margin-bottom:29px;padding:0 35px 0 3px;gap:16px}.contact-section h2{font-size:18px;letter-spacing:.4px;line-height:1.8}.contact-section .eyebrow{font-size:9px}.contact-links a,.contact-pending{font-size:12px;padding:10px 15px}footer{font-size:10px;padding-right:70px;gap:6px}.pet{width:105px;bottom:5px;right:5px}.pet-body img{height:84px}.pet-bubble{bottom:83px;font-size:10px;max-width:176px;padding:8px 12px}.pet-toggle{right:1px;top:-5px;width:22px;height:22px}.pet-restore{font-size:12px;padding:6px 12px}.pet.collapsed{bottom:15px;right:14px}}
@media(max-width:360px){.main-nav a{padding:6px 18px}.hero h2{font-size:20px}.resume-friend{left:163px;width:133px}.page-shell{width:calc(100% - 32px)}.experience-note{display:none}.timeline{padding:0}.section-kicker{letter-spacing:1px}.about-note{display:none}}

/* Standalone transparent character illustrations. */
@media(min-width:901px){.hero{padding-top:142px}.photo-image{aspect-ratio:.72}}
.photo-card .photo-image>img.photo-companion{position:absolute;z-index:3;right:-2%;bottom:-3%;width:45%;height:62%;object-fit:contain;filter:drop-shadow(0 5px 7px #5c6f8b35);transform:rotate(4deg);pointer-events:none}.photo-card:nth-child(2) .photo-companion{right:-5%;bottom:-8%;width:46%;height:56%;transform:rotate(5deg)}.photo-card:nth-child(3) .photo-companion{right:-3%;bottom:-7%;width:46%;height:59%;transform:rotate(-4deg)}.interaction-card .photo-image:after{content:"菲比啾比  ✦";position:absolute;z-index:4;left:9px;top:9px;padding:3px 7px;border:1px solid #fff;border-radius:10px;background:#ffffffe8;color:#617798;font-size:9px;letter-spacing:.3px;box-shadow:0 3px 10px #6e819d25}.portrait-card .photo-image>img:first-child{filter:saturate(1.1) contrast(.92) brightness(1.04)}
@media(max-width:580px){.photo-card .photo-image>img.photo-companion{width:50%;height:56%}.interaction-card .photo-image:after{left:5px;top:5px;font-size:8px;padding:2px 5px}}
.portrait-card .photo-image:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(145deg,#ffffff18,#dceafc14 54%,#f9dfb728);mix-blend-mode:screen}.portrait-card .photo-image:before{content:"✦  ♡  ✦";position:absolute;z-index:4;right:9px;top:9px;padding:3px 7px;border-radius:10px;background:#fffdf0d9;color:#b79865;font-size:10px;letter-spacing:1px}
.peek-friend{height:auto;width:234px;top:auto;bottom:calc(100% - 56px);left:10%;z-index:4;filter:drop-shadow(0 4px 3px #846a4310)}
.resume-friend{height:auto;width:158px;left:228px;bottom:8px;object-fit:contain;transform:rotate(4deg);transform-origin:bottom center;filter:drop-shadow(0 5px 5px #b0936420)}
.pet{width:176px;right:17px;bottom:12px}.pet-body img{height:auto;width:100%;object-fit:contain}.pet-bubble{bottom:calc(100% + 9px)}.pet-toggle{right:0;top:-10px}
@media(min-width:1500px){.peek-friend{width:253px;bottom:calc(100% - 58px)}.resume-friend{width:175px;left:247px;bottom:2px}.pet{width:192px}}
@media(max-width:1200px){.peek-friend{width:207px;bottom:calc(100% - 54px)}.resume-friend{width:137px;left:216px;bottom:7px}.pet{width:148px}}
@media(max-width:900px){.peek-friend{width:209px;bottom:calc(100% - 43px);left:12%}.resume-friend{width:156px;left:247px;bottom:5px}.pet{width:135px;right:10px}}
@media(max-width:580px){.peek-friend{width:164px;bottom:calc(100% - 22px);left:9%}.resume-friend{width:131px;left:195px;bottom:5px}.pet{width:110px;right:7px;bottom:8px}.pet-bubble{bottom:calc(100% + 7px)}.pet-toggle{top:-12px}.hero-note{font-size:17px;right:0;top:-99px}.experience-note{display:none}.timeline{padding-right:0}.about-panel{padding-bottom:45px}.about-note{font-size:18px;bottom:11px}}
@media(max-width:360px){.resume-friend{width:106px;left:185px;bottom:11px}.peek-friend{width:145px;bottom:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}