.about-journal{max-width:1040px;margin:auto;padding:75px 46px 0;color:#786b80}.about-opening{position:relative;padding-bottom:64px;border-bottom:1px solid var(--hairline)}.about-opening:before{content:"";position:absolute;z-index:0;inset:-50px -25px 0;background:url(/_astro/personal-hero.ocfkLbhu.webp) no-repeat right top / 430px auto;opacity:.13;pointer-events:none;mask-image:linear-gradient(#000,transparent 85%)}.about-opening>*{position:relative}.about-opening>.about-ink-art{position:absolute;right:-20px;top:-55px;width:69%;max-width:655px;z-index:0;opacity:.24;pointer-events:none;user-select:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 78%,transparent 100%),radial-gradient(ellipse at 50% 48%,#000 38%,transparent 77%);mask-composite:intersect}.about-ink-art img{display:block;width:84%;height:auto}.about-ink-art .ink-first-line{clip-path:inset(0 0 45% 0)}.about-ink-art .ink-second-line{position:absolute;left:16%;top:0;clip-path:inset(55% 0 0 0)}@media(min-width:1001px){.about-opening>.about-ink-art{width:min(1310px,calc(100vw - 560px));max-width:none;right:calc((1040px - 100vw)/2 + 24px);top:-100px}.about-opening .about-margin-note{margin-top:max(0px,calc(min(1310px,100vw - 560px)*.56 - 300px))}}@media(max-width:1000px)and (min-width:721px){.about-opening>.about-ink-art{width:40%;top:28px;right:0;opacity:.21}}@media(max-width:720px){.about-opening>.about-ink-art{width:43%;top:42px;right:-6px;opacity:.14}}@media(max-width:380px){.about-opening>.about-ink-art{display:none}}.about-opening-label{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:2.6px;color:#9e869f}.about-opening-label>span:nth-child(2){color:#b8a072;font-size:17px}.about-opening h1{font:400 58px/1.5 Georgia,SimSun,serif;letter-spacing:5px;margin:26px 0 19px;color:#584363}.about-opening h1>span{color:#bd94af}.about-quote{font:400 25px/1.8 Georgia,SimSun,serif;letter-spacing:3px;color:#a47591;margin:0 0 50px}.about-introduction{display:flex;align-items:center;justify-content:space-between;gap:30px}.about-introduction h2{font:400 clamp(27px,4vw,39px)/1.4 Georgia,serif;color:#604d6d;margin:0 0 12px;overflow-wrap:anywhere}.about-introduction h2>span{color:#b492ac;font-family:SimSun,serif}.about-identity{font-size:12px;letter-spacing:2px;color:#a083a2;margin-bottom:24px}.about-introduction p:not(.about-identity){font-size:15px;line-height:2.1;margin-bottom:0}.about-margin-note{flex-shrink:0;text-align:center;margin-right:30px}.about-margin-note .fox-sticker{width:96px;margin:0 auto 14px;transform:rotate(3deg);opacity:.86}.about-margin-note>span{font:12px/1.8 SimSun,serif;letter-spacing:2px;color:#ae93a9}.about-spread{display:grid;grid-template-columns:230px 1fr;gap:48px;padding:66px 0;border-bottom:1px solid var(--hairline)}.about-section-label>span{display:block;font-size:9px;letter-spacing:2px;color:#a389a2;margin-bottom:17px}.about-section-label h2{font:400 28px/1.5 Georgia,SimSun,serif;letter-spacing:2px;color:#695272;margin:0}.about-story{font-size:15px;line-height:2.2;max-width:580px}.about-story p{margin:0 0 20px}.about-story p:last-child{margin-bottom:0}.about-learning{padding:61px 0 64px;border-bottom:1px solid var(--hairline)}.about-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.about-reading{width:78px;margin-right:12px;opacity:.88;transform:rotate(-3deg)}.about-learning-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none;padding:0;margin:0}.about-learning-list li{padding:22px 25px;border:1px solid #e5d8e4;border-radius:7px;background:linear-gradient(120deg,#fffcf9,#f5eef760)}.about-learning-list li>span{font:12px Georgia,serif;color:#b69ab2}.about-learning-list h3{font:400 22px/1.6 Georgia,SimSun,serif;letter-spacing:1px;color:#80608b;margin:12px 0 0}.about-making{margin:24px 0 0;font-size:13px;color:#8e7a97;line-height:1.8}.about-making>span{font-size:10px;color:#af94a9;margin-right:20px;letter-spacing:1px}.about-likes{padding:67px 0 63px;border-bottom:1px solid var(--hairline)}.about-likes-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px;margin-top:40px}.about-interest{position:relative}.about-interest h3{font:400 21px/1.5 Georgia,SimSun,serif;color:#775c80;margin:0 0 19px}.about-interest h3>span{font:11px Georgia,serif;color:#bbaa89;margin-right:17px}.about-interest ul{display:flex;flex-wrap:wrap;gap:10px 0;list-style:none;padding:0;margin:0;line-height:1.9;font-size:14px}.about-interest li:not(:last-child):after{content:"/";padding:0 15px;color:#c9b9cc}.about-interest p{font-size:14px;line-height:1.9;margin:0}.about-characters dl{margin:0;display:grid;gap:13px;max-width:220px}.about-characters dl>div{display:flex;gap:24px;align-items:baseline}.about-characters dt{font-size:11px;color:#a18ba6}.about-characters dd{font-size:14px;margin:0}.about-character{position:absolute;width:67px;right:0;bottom:1px;opacity:.84;transform:rotate(4deg)}.about-timeline{list-style:none;padding:0 0 0 27px;margin:0 0 0 5px;border-left:1px solid #d9c9d8}.about-timeline li{position:relative;padding-bottom:40px}.about-timeline li:last-child{padding-bottom:0}.about-timeline li:before{content:"";width:7px;height:7px;border-radius:50%;background:#bda2b7;border:4px solid var(--paper);position:absolute;left:-35px;top:2px}.about-timeline li>span{font-size:11px;color:#a48ca3;letter-spacing:2px}.about-timeline h3{font:400 23px/1.5 Georgia,SimSun,serif;margin:13px 0 10px;color:#796183}.about-timeline p{font-size:13px;letter-spacing:1px;margin:0}.about-contact{display:grid;grid-template-columns:230px 1fr;gap:48px;position:relative;padding:65px 0 120px}.about-contact .about-section-label>p{font-size:12px;line-height:2;margin-top:19px;color:#9c879f}.about-contact-details h3{font-size:11px;font-weight:400;letter-spacing:2px;color:#a28ba0;margin:0 0 14px}.about-contact-details a{display:flex;align-items:center;gap:15px;width:fit-content;font-size:15px;padding:7px 0;color:#86648d;overflow-wrap:anywhere;max-width:100%;border-bottom:1px solid #e8dce6}.about-contact-details a:hover{color:#b47392}.about-contact-details a>span{color:#b49b78}.about-socials{display:flex;gap:60px;margin-top:30px}.about-socials p{font-size:14px;margin:0}.about-resting{position:absolute;bottom:18px;right:8px;width:87px;opacity:.8}@media(max-width:720px){.about-journal{padding:43px 26px 0}.about-opening{padding-bottom:43px}.about-opening-label{font-size:8px;letter-spacing:1.4px;gap:12px}.about-opening-label>span:last-child{font-size:7px}.about-opening h1{font-size:42px;margin-top:23px}.about-quote{font-size:19px;letter-spacing:1px;margin-bottom:35px}.about-introduction{gap:12px;align-items:flex-start}.about-introduction h2{font-size:28px}.about-introduction p:not(.about-identity){font-size:13px;line-height:2}.about-identity{font-size:10px;letter-spacing:1px;margin-bottom:17px}.about-margin-note{margin:6px 0 0}.about-margin-note .fox-sticker{width:54px}.about-margin-note>span:last-child{display:none}.about-spread{grid-template-columns:1fr;gap:27px;padding:43px 0}.about-section-label h2{font-size:25px}.about-section-label>span{font-size:8px;margin-bottom:12px}.about-story{font-size:14px;line-height:2.1}.about-learning,.about-likes{padding:43px 0}.about-reading{width:59px;margin:0 6px 0 0}.about-learning-list{gap:9px}.about-learning-list li{padding:17px 11px}.about-learning-list h3{font-size:16px;letter-spacing:0;white-space:nowrap}.about-learning-list li>span{font-size:10px}.about-making{font-size:12px}.about-making>span{margin-right:12px}.about-likes-grid{grid-template-columns:1fr;gap:31px;margin-top:31px}.about-interest h3{font-size:20px;margin-bottom:13px}.about-interest ul,.about-interest p{font-size:13px}.about-character{width:61px;right:14px}.about-timeline h3{font-size:22px}.about-contact{grid-template-columns:1fr;gap:26px;padding:43px 0 110px}.about-contact .about-section-label>p{margin-bottom:0}.about-contact-details a{font-size:14px}.about-socials{gap:45px}.about-resting{width:76px;right:8px;bottom:18px}}@media(max-width:350px){.about-journal{padding-left:22px;padding-right:22px}.about-introduction h2{font-size:25px}.about-margin-note .fox-sticker{width:43px}.about-learning-list li{padding:15px 8px}.about-learning-list h3{font-size:14px}.about-quote{font-size:17px}}
