.personal-journal{color:#30392f;overflow:hidden}
.journal-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #30433130;font-size:10px;letter-spacing:.12em;color:#6c7163}
.journal-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;padding:35px 0 30px}
.journal-introduction{position:relative;z-index:1;min-width:0}
.personal-journal .journal-introduction h2{margin:8px 0 20px;font-size:42px}
.journal-statement{font-family:Georgia,'Songti SC','SimSun',serif;font-size:clamp(22px,3vw,30px);line-height:1.65;margin:0 0 20px;letter-spacing:.02em}
.journal-statement span{display:inline-block;border-bottom:2px solid #72846980}
.journal-direction{font-size:12px;line-height:1.9;max-width:290px;margin:0;color:#435a47}
.journal-location{font-size:11px;color:#777767;margin:7px 0 0}
.journal-visual{min-width:0}
.journal-collage{height:285px;position:relative;isolation:isolate}
.journal-photo{position:absolute;width:53%;margin:0;padding:7px 7px 0;background:#fffcf0;box-shadow:0 5px 14px #392d2026;border:1px solid #e5ddc9;left:2%;top:22px;transform:rotate(-9deg)}
.journal-photo:nth-child(2){left:42%;top:2px;transform:rotate(8deg)}
.journal-photo:nth-child(3){left:26%;top:100px;transform:rotate(-3deg);z-index:2}
.journal-photo img{display:block;width:100%;height:133px;object-fit:cover;background:#e7dfca}
.journal-photo figcaption{font-size:10px;line-height:1.5;padding:7px 1px;color:#6a695c}
.journal-photo-note{text-align:right;font-size:10px;color:#7a786a;letter-spacing:.05em;margin:10px 0 0}
.journal-method{border-top:1px solid #30433130;padding-top:24px}
.journal-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.personal-journal h3{font-family:Georgia,'Songti SC','SimSun',serif;font-weight:400;font-size:21px;margin:0;line-height:1.6}
.journal-lead{font-size:13px;line-height:1.9;color:#6a6d60;margin:12px 0 23px}
.journal-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.journal-steps li{border-top:1px solid #6b7d6070;padding:12px 0 20px;min-width:0}
.journal-step-number{font:italic 24px Georgia,serif;color:#829073;display:block;margin-bottom:12px}
.journal-steps h4{font-size:15px;margin:0 0 9px;font-weight:500}
.journal-steps p{font-size:12px;line-height:1.9;margin:0 0 12px;color:#646a5b}
.journal-steps small{font-size:10px;color:#78806e}
.journal-personal{margin-top:9px;padding:23px 20px;background:#e7e9db;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-left:2px solid #74856a}
.journal-personal h3{font-size:19px;margin-top:8px}
.journal-personal p{font-size:12px;line-height:1.9;color:#646a5b;margin:8px 0 0}
.journal-links{display:grid;gap:9px}
.journal-links .paper-action{margin:0;white-space:nowrap;display:flex;gap:16px;justify-content:space-between;font-size:12px}
.journal-links button:focus-visible{outline:2px solid #36573c;outline-offset:4px}
.journal-footnote{font-size:10px;line-height:1.8;color:#838273;margin:17px 0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.journal-photo{transition:transform 180ms ease}.journal-photo:hover{transform:translateY(-4px) rotate(0deg);z-index:3}}
@media(max-width:560px){.journal-top{font-size:9px}.journal-top span:last-child{letter-spacing:0}.journal-hero{grid-template-columns:1fr;padding-top:25px;gap:5px}.personal-journal .journal-introduction h2{font-size:36px;margin-bottom:12px}.journal-direction{max-width:none}.journal-visual{width:100%;max-width:350px;justify-self:center}.journal-collage{height:285px;margin-top:18px}.journal-photo img{height:140px}.journal-photo-note{text-align:center}.journal-steps{grid-template-columns:1fr;gap:0}.journal-steps li{display:flex;gap:17px;padding:16px 0}.journal-step-number{font-size:22px}.journal-steps p{margin-bottom:6px}.journal-personal{grid-template-columns:1fr;padding:20px 15px}.journal-links{grid-template-columns:1fr 1fr;gap:8px}.journal-links .paper-action{gap:6px;padding:10px}}
