/* Personal story and contact layout, appended to the existing stylesheet. */
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.hero-intro p{margin:0 0 17px}.hero-intro p:last-child{margin-bottom:0}.hero-intro strong{font-weight:500;color:#26332a}.hero-foot{line-height:1.6}
.about-aside{margin-top:30px;line-height:1.85;color:#758071;font-size:14px}.about-copy p{max-width:580px}
.library-story{display:grid;grid-template-columns:1.35fr 1fr;gap:52px;max-width:1050px;margin:0 0 28px}.library-story p{margin:0;color:#656d62;font-size:15px;line-height:1.85}.library-meta a{white-space:normal;text-align:right}
.release-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:15px 0 31px;font-size:12px;line-height:1.65;color:#737867}.release-row>p{margin:0}.release-row strong{font-weight:500;color:#405340}.release-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7c8b69;margin:0 7px 1px 0}.release-row details{max-width:360px;flex-shrink:0}.release-row summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.release-row details p{margin-bottom:0}
#contact.personal-note{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;padding-block:95px;border-bottom:1px solid #dbdcd2;text-align:left}#contact h2{font-size:clamp(36px,3.5vw,48px);line-height:1.15;margin:20px 0 27px}#contact .contact-story>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:380px;color:#697361}#contact .contact-story .contact-address{margin-top:34px;color:#324431}.contact-address span{font-size:14px;overflow-wrap:anywhere}.contact-panel{padding:30px;background:#efede4;border:1px solid #dfdfd1;border-radius:3px}.contact-panel>.eyebrow{margin-top:0}.contact-demo-note{font-size:12px;line-height:1.65;color:#66705e;margin-bottom:24px}.contact-demo-note strong{color:#3a4b36}.contact-panel label{display:block;font-size:12px;line-height:1.6;color:#33472e;margin:0 0 18px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-panel input,.contact-panel select,.contact-panel textarea{display:block;width:100%;min-width:0;border:1px solid #cbd0c0;border-radius:2px;background:#fcfbf7;color:#26332a;padding:11px 12px;margin-top:6px;font:14px Arial,Helvetica,sans-serif;line-height:1.5}.contact-panel textarea{resize:vertical;min-height:130px}.contact-panel textarea:focus-visible{outline:2px solid #586947;outline-offset:3px}.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:#838778}.contact-check{display:flex;align-items:center;gap:12px;border-block:1px solid #d8dcce;padding:17px 0;margin:4px 0 22px}.contact-check button{background:#faf9f4;border:1px solid #a6b399;color:#344c30;padding:11px 12px;font-size:12px;min-width:158px}.contact-check button[aria-pressed=true]{background:#e4ebd8}.contact-check span{font-size:11px;line-height:1.6;color:#717a68}.contact-panel .button{font-size:12px}.contact-panel #contact-error{color:#8c4034;font-size:13px;line-height:1.6}.contact-panel h3{font:30px Georgia,serif;line-height:1.25}.contact-panel dl{font-size:13px;line-height:1.6}.contact-panel dt{margin-top:14px;color:#7c8473;font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.contact-panel dd{margin:4px 0;overflow-wrap:anywhere}#contact-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;border-block:1px solid #d8dcce;padding:20px 0}.footer-links{display:flex;gap:25px;align-items:center}
@media(max-width:1050px){#contact.personal-note{gap:45px}.contact-panel{padding:24px}.contact-fields{grid-template-columns:1fr;gap:0}.library-story{gap:35px}.release-row{flex-wrap:wrap;gap:9px}.release-row details{max-width:100%;flex-shrink:1}}
@media(max-width:760px){.about-aside{display:none}.library-story{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.library-story p{font-size:14px}.release-date{display:block}.release-row{margin-bottom:25px}.library-meta a{text-align:left}#contact.personal-note{grid-template-columns:1fr;gap:27px;padding-block:60px}#contact .contact-story>p:not(.eyebrow){max-width:none}#contact h2{font-size:38px}.contact-panel{padding:23px 20px}.contact-check{flex-wrap:wrap;gap:8px}.contact-check span{display:block;width:100%}.contact-panel .button{width:100%;justify-content:space-between}.footer-links{justify-content:center;gap:28px}.hero-intro{max-width:440px}}