/* Visible paths into the details, without changing the shared page layout. */
.home-page .introduction{max-width:none}
.home-page .introduction>p{max-width:740px}
.entry-guide{margin-top:28px}
.entry-label{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 12px}
.home-page .explore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.home-page .explore .entry-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 25px;border-radius:16px;color:var(--ink);min-height:100px;transition:border-color .15s,background .15s}
.home-page .explore .entry-card:hover{border-color:#d2d2d7;background:var(--accent-soft)}
.entry-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.entry-copy strong{font-size:19px;line-height:1.4}
.entry-copy small{font-size:13px;line-height:1.6;font-weight:400;color:var(--muted)}
.entry-arrow{flex:0 0 35px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:22px}
.home-page .card-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:fit-content;max-width:100%;padding:9px 13px;border:1px solid #d2d2d7;border-radius:10px;color:var(--link);background:#f5f5f7;line-height:1.5}
.home-page .small-project:focus-visible,.home-page .feature-card:focus-visible,.home-page .earlier-work-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.home-page .work-links{gap:12px;margin:23px 0 4px}
.home-page .work-links a,.home-page .all-projects{display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #d2d2d7;border-radius:10px;background:var(--card);line-height:1.5;text-decoration:none}
.home-page .work-links a:hover,.home-page .all-projects:hover{border-color:var(--link);background:#f5f5f7}
.home-page .earlier-work-card{display:flex;flex-direction:column}
.home-page .earlier-work-card p{flex:1}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;margin:38px 0;background:var(--accent-soft);border:1px solid #d2d2d7;border-radius:18px}
.contact-panel h2{font-size:24px;line-height:1.4;margin:0 0 8px}
.contact-panel p{font-size:14px;color:var(--muted);line-height:1.7;margin:0;max-width:35em}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:14px 20px;min-height:48px;border-radius:12px;background:var(--accent);color:#ffffff;font-size:15px;font-weight:600;text-decoration:none}
.contact-button:hover{background:#424245}
.contact-button svg{width:20px;height:20px;flex-shrink:0}
.contact-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:360px}
.contact-actions .copy-email-button{min-height:48px}
.contact-actions .copy-email-status{text-align:right}
.mascot-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.mascot-heading .section-heading{margin-bottom:0;min-width:0}
.section-mascot{width:112px;height:112px;object-fit:contain;flex:0 0 112px;pointer-events:none}
.contact-intro{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.contact-mascot{width:86px;height:86px;object-fit:contain;flex:0 0 86px;pointer-events:none}
@media(max-width:650px){.mascot-heading{gap:12px}.section-mascot{width:76px;height:76px;flex-basis:76px}.contact-intro{gap:10px}.contact-mascot{width:64px;height:64px;flex-basis:64px}}
@media(max-width:650px){.home-page .explore{grid-template-columns:1fr;gap:12px}.home-page .explore .entry-card{padding:20px;min-height:94px}.contact-panel{align-items:flex-start;flex-direction:column;padding:24px;gap:20px}.contact-button{width:100%}}
@media(prefers-reduced-motion:reduce){.home-page .explore .entry-card{transition:none}}
@media(max-width:650px){.contact-actions{width:100%;max-width:none;justify-content:flex-start}.contact-actions .copy-email-button{width:100%}.contact-actions .copy-email-status{text-align:left}}

.quality-lines{font-size:17px!important;line-height:1.8!important}
/* Facts lead into projects; supporting context opens at the same location. */
.home-page .work-preview{margin-top:12px;margin-bottom:0;padding:34px}
.home-page .work-preview>.reading-detail{margin-top:24px}
.home-page .work-preview>.reading-detail>summary h2{font-size:16px}
.home-page .work-preview .reading-detail-body>p{font-size:15px;line-height:1.85;color:#424245}
.home-page .work-preview .stat-grid{margin-top:22px}
.home-page .personal-principle,.home-page .personal-about{padding:18px 0;border-top:0}
.home-page .personal-principle>.reading-detail,.home-page .personal-about>.reading-detail{margin:0;border-bottom:0}
.home-page .personal-about .reading-detail>summary .mascot-heading{margin:0}
@media(max-width:650px){.home-page .work-preview{padding:24px}}