/* Layout adjustments for the approved shorter, quieter copy. */
.section-copy{font-size:12px;color:var(--muted);line-height:1.9;margin-top:8px}
.about-section{display:block}
.about-intro{max-width:600px}
.about-intro h2{font-size:30px;line-height:1.5}
.about-intro>p:not(.eyebrow){font-size:14px;line-height:2.1;margin-top:17px}
.contact-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.secondary{background:var(--surface);border-color:var(--line);color:var(--accent-deep)}
.secondary:hover{background:var(--blue-soft);border-color:var(--accent)}
.photo-card figcaption{justify-content:flex-end;min-height:50px}
.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.profile-card{min-width:0;padding:28px 29px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}
.profile-card-head{display:flex;align-items:center;gap:13px}
.profile-mark{width:39px;height:39px;flex-shrink:0;border-radius:11px;background:var(--blue-soft);color:var(--accent-deep);display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;font-style:italic}
.profile-card:first-child .profile-mark{background:#f7edf3;color:#b27d9c}
[data-theme=dark] .profile-card:first-child .profile-mark{background:#3c3041;color:#dab1c8}
.profile-card h2{font-size:21px;font-weight:500;letter-spacing:.6px}
.profile-card p{font-size:13px;color:var(--muted);line-height:2;margin-top:19px}
@media(max-width:820px){.profile-card{padding:24px}.profile-card h2{font-size:19px}.profile-card p{font-size:12px}}
@media(max-width:600px){.skills-grid{grid-template-columns:1fr;gap:15px}.profile-card{padding:23px}.profile-card h2{font-size:20px}.profile-card p{font-size:12px;margin-top:17px}}
@media(max-width:600px){.section-copy{font-size:11px}.about-intro h2{font-size:27px}.about-intro>p:not(.eyebrow){font-size:13px}.contact-buttons{gap:9px}.hello-card .contact-buttons .button{padding:12px 14px}}
.contact-section{margin-top:76px}
.contact-header{position:relative;display:flex;align-items:flex-end;min-height:170px;padding:0 0 27px;isolation:isolate}
.contact-intro{max-width:calc(100% - 230px)}
.contact-intro .eyebrow{font-size:9px;letter-spacing:2px}
.contact-intro h2{font-size:32px;font-weight:500;letter-spacing:1px;line-height:1.5;margin-top:9px}
.contact-intro>p:last-child{font-size:13px;color:var(--muted);margin-top:10px}
.contact-character{position:absolute;z-index:2;right:34px;bottom:-5px;width:190px;height:auto;pointer-events:none}
.social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.social-link{display:flex;align-items:center;gap:14px;min-width:0;padding:15px 26px;font-size:16px;letter-spacing:.2px;transition:color .2s}
.social-link:first-child{padding-left:2px}
.social-link:last-child{padding-right:2px}
.social-link+.social-link{border-left:1px solid var(--line)}
.social-icon{width:25px;height:25px;color:var(--accent-deep);stroke-width:1.4}
.social-arrow{width:17px;height:17px;margin-left:auto;color:var(--faint);transition:transform .2s,color .2s}
.social-link:hover{color:var(--accent-deep)}
.social-link:hover .social-arrow{transform:translate(2px,-2px);color:var(--accent-deep)}
@media(max-width:820px){.contact-character{right:16px;width:175px}.social-link{font-size:14px;gap:10px;padding:14px 19px}.social-icon{width:22px;height:22px}}
@media(max-width:600px){.contact-section{margin-top:49px}.contact-header{min-height:157px;padding-bottom:24px}.contact-intro{max-width:calc(100% - 148px)}.contact-intro h2{font-size:28px;letter-spacing:.4px}.contact-intro>p:last-child{font-size:12px;margin-top:8px}.contact-intro .eyebrow{font-size:8px}.contact-character{right:0;width:155px}.social-links{grid-template-columns:1fr;padding:0}.social-link,.social-link:first-child,.social-link:last-child{padding:22px 3px;font-size:15px;gap:15px}.social-link+.social-link{border-left:0;border-top:1px solid var(--line)}.social-icon{width:23px;height:23px}.social-arrow{width:16px;height:16px}}
@media(max-width:360px){.contact-character{width:135px}.contact-intro{max-width:calc(100% - 132px)}.contact-intro h2{font-size:25px}}

/* User-provided Aa font, subset to the current page text. */
body,.main-nav>a span,.hero-name,.hero-footnote,.handwritten,.about-signature,.profile-mark,.photo-card figcaption>span{font-family:"Puri Cute","PingFang SC","Microsoft YaHei",sans-serif}
.avatar-pet{position:relative;display:inline-grid;place-items:center;flex-shrink:0;border:0;padding:0;background:transparent;border-radius:12px;isolation:isolate}
.avatar-pet img{transition:transform .2s}.avatar-pet:active img{transform:scale(.9) rotate(-5deg)}
.cat-heart{position:absolute;left:50%;top:10%;pointer-events:none;color:var(--pink);font-family:Arial,sans-serif;font-size:17px;line-height:1;z-index:10;animation:cat-love .95s ease-out forwards}
@keyframes cat-love{0%{opacity:0;transform:translate(-50%,0) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--heart-x)),var(--heart-y)) rotate(var(--heart-r)) scale(1.1)}}
.profile-card{position:relative;isolation:isolate;transform:perspective(900px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .28s ease,border-color .28s,box-shadow .28s;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),var(--blue-soft),transparent 75%),var(--surface)}
.profile-mark{transition:transform .3s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.profile-card:hover{transform:perspective(900px) translateY(-5px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));border-color:var(--accent);box-shadow:0 16px 35px #6a78aa18}.profile-card:hover .profile-mark{transform:translateY(-3px) rotate(-8deg)}}
.profile-card:active{border-color:var(--accent);box-shadow:0 4px 14px #6a78aa20}
@media(prefers-reduced-motion:reduce){.profile-card,.profile-mark,.avatar-pet img{transition:none}.cat-heart{animation:cat-love-still .65s ease-out forwards}}
@keyframes cat-love-still{from{opacity:1}to{opacity:0}}