html { scroll-behavior: smooth; scroll-padding-top: 130px; }
  body { background: var(--surface-page); }
  a { color: var(--pf-violet); }
  a:hover { color: var(--pf-magenta); }
  .cta-pill { transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .cta-pill:hover { transform: translateY(-2px); box-shadow: var(--shadow-glow); }
  .arrow-link { transition: gap var(--dur-base) var(--ease-out); }
  .arrow-link:hover { gap: 0.7rem; }
  /* Featured + article cards */
  .know-featured { display:grid; grid-template-columns:1.1fr 0.9fr; gap:clamp(1.5rem, 3vw, 3rem); align-items:center; }
  @media (max-width: 860px){ .know-featured { grid-template-columns:1fr; } .featured-visual { order:-1; } }
  .art-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--space-5); align-items:stretch; }
  @media (max-width: 720px){ .art-grid { grid-template-columns:1fr; } }
  .lift { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .lift:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
  /* PERMA five-dimension motif */
  .perma-model { position:relative; width:100%; max-width:320px; aspect-ratio:1/1; margin-inline:auto; }
  .perma-ring { display:block; width:100%; height:100%; overflow:visible; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }