/* Focused corrections after visual feedback; sticker artwork is under review. */
.home-page .hero-title { font-weight: 700; letter-spacing: -.055em; font-size: clamp(54px, 6.2vw, 104px); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: var(--space-6); }
.home-page .hero-next { margin-top: 0; }
.hero-contact { display: none; }
.home-page .project-arrow { width: 36px; height: 36px; border-radius: 8px; background: var(--accent); color: var(--on-accent); }
.home-page .project:hover .project-arrow { color: var(--on-accent); }
.home-page .experience-result { margin-top: 10px; max-width: 60ch; color: var(--ink); font-weight: 600; }
/* Retain the original competence cards and their disclosures. */
.home-page .skill-ai {
  --paper: var(--palette-media-ink);
  --ink: var(--palette-media-ink);
  --muted: var(--palette-media-ink);
  --line: #526174;
  --subtle: var(--palette-media);
  --accent-ink: var(--accent);
  background: var(--palette-ink);
  border-color: var(--palette-ink);
  color: var(--palette-media-ink);
}
.home-page .skill-ai .skill-num, .home-page .skill-ai .disclosure-icon { color: var(--accent); }
.home-page .skill-ai .disclosure-icon { background: transparent; border-color: var(--line); }
.home-page .skill-ai .text-link:hover { color: var(--accent); }
.home-page .book-list { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 16px; }
.home-page .book-list li { min-height: 232px; padding: 20px 36% 20px 20px; }
.home-page .book-list li::before { top: 50%; right: 10px; bottom: auto; left: auto; width: 29%; height: 78%; aspect-ratio: auto; translate: 0 -50%; rotate: -7deg; }
.home-page .book-list li::after { display: none; }
.home-page .book-list h4 { padding-top: 24px; max-width: none; font-size: 16px; line-height: 1.4; }
.home-page .book-list p, .home-page .book-list .book-note { max-width: none; font-size: 12px; line-height: 1.5; }
.home-page .book-list .book-topic { top: 20px; left: 20px; font-size: 10px; }
.home-page .book-list .book-buy-links { margin-top: 15px; }
.home-page .book-list .book-buy-links a { min-width: 40px; min-height: 40px; }
.home-page .book-list .retailer-app-icon { width: 28px; height: 28px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .home-page .book-list li:hover::before { translate: 0 -50%; }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .home-page .book-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .home-page .hero-title { font-size: clamp(34px, 7.8vw, 72px); }
  .hero-contact { display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px; width:auto; min-height: 44px; padding: 8px 16px; border-color: var(--accent); border-radius: 8px; background: var(--accent); color: var(--on-accent); font-size: 14px; font-weight: 600; }
  .hero-contact .icon { width: 20px; height: 20px; color: inherit; }
  .hero-contact:hover { background:var(--accent); border-color:var(--ink); }
}
@media (max-width: 640px) {
  .hero-actions { justify-content: space-between; gap: 12px; margin-top: 24px; }
  .home-page .book-list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .home-page .book-list li { min-height: 222px; padding: 18px 118px 18px 18px; }
  .home-page .book-list li::before { top: 50%; right: 8px; bottom: auto; left: auto; width: 96px; height: 160px; aspect-ratio: auto; translate: 0 -50%; }
  .home-page .book-list .book-topic { top: 18px; left: 18px; }
  .home-page .book-list h4 { padding-top: 24px; font-size: 15px; }
}
@media (max-width: 360px) {
  .hero-actions { gap: 8px; }
  .home-page .book-list li { padding-right: 104px; padding-left: 15px; }
  .home-page .book-list li::before { width: 82px; right: 5px; height: 140px; }
  .home-page .book-list .book-topic { left: 15px; }
}