/* Keep the surface still; let the ink, light and small details respond. */
body.paper-club {
  --hover-ease:cubic-bezier(.22,.68,.25,1);
  --hover-surface:560ms;
  --hover-detail:640ms;
}
body.paper-club .resident-gallery-steps .icon { margin-right:8px;flex-shrink:0; }

@media(hover:hover) and (pointer:fine) {
  /* The same timing applies on the way in and on the way out. */
  body.paper-club .btn {
    transition:background-color var(--hover-surface) var(--hover-ease),border-color var(--hover-surface) var(--hover-ease),box-shadow var(--hover-surface) var(--hover-ease),color var(--hover-surface) var(--hover-ease)!important;
  }
  body.paper-club .btn:is(:hover,:active),
  body.paper-club.motion-running .btn:is(:hover,:active) { transform:none;translate:none;scale:1; }
  body.paper-club .btn:hover {
    background-color:#483651;border-color:#483651;
    box-shadow:0 3px 0 #79618540,0 12px 22px -17px #4d315880,inset 0 1px 0 #ffffff1f;
  }
  body.paper-club .btn.secondary:hover {
    background-color:#eee3f5;color:#35283d;border-color:#b298c0;
    box-shadow:0 3px 0 #d9c9e3,0 12px 22px -19px #4d315860;
  }
  body.paper-club .btn>.icon,body.paper-club .text-link>.icon {
    transform-origin:center;
    transition:translate 550ms var(--hover-ease),scale 450ms var(--hover-ease);
  }
  body.paper-club.motion-running :is(.btn,.text-link):hover>.icon { translate:4px 0; }
  body.paper-club.motion-running :is(.btn,.text-link).pointer-accent>.icon { translate:calc(3px + var(--accent-x,0px)*.45) calc(var(--accent-y,0px)*.45); }
  body.paper-club.motion-running .btn.pointer-pressed>.icon { scale:.86;translate:1px 0; }
  body.paper-club .text-link {
    text-decoration:none!important;background-image:linear-gradient(currentColor,currentColor);
    background-size:0 1px;background-position:0 calc(100% - 3px);background-repeat:no-repeat;
    transition:color var(--hover-surface) var(--hover-ease),background-size var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .text-link:is(:hover,:focus-visible) { background-size:calc(100% - 26px) 1px; }

  /* Navigation changes material without moving its target or rotating the icon. */
  body.paper-club .navigation-v132 :is(.nav-trigger,.nav-sections>a,.language-trigger,.header-motion,.nav-panel-links>a,.language-panel a) {
    transition:background-color 480ms var(--hover-ease),border-color 480ms var(--hover-ease),color 480ms var(--hover-ease),box-shadow 480ms var(--hover-ease);
  }
  body.paper-club .navigation-v132 .nav-link-icon {
    transition:background-color var(--hover-surface) var(--hover-ease),box-shadow var(--hover-surface) var(--hover-ease);
  }
  body.paper-club .navigation-v132 .nav-link-icon .icon { transition:translate var(--hover-surface) var(--hover-ease); }
  body.paper-club .navigation-v132 .nav-panel-links>a:hover .nav-link-icon { background:#e8d8f1;box-shadow:0 2px 0 #baa0cc77; }
  body.paper-club.motion-running .navigation-v132 .nav-panel-links>a:hover .nav-link-icon .icon { translate:1px -1px;rotate:0deg; }

  /* The three opening records keep their angle while a detail inside responds. */
  body.paper-club .property-folio>a { transition:box-shadow var(--hover-detail) var(--hover-ease),border-color var(--hover-detail) var(--hover-ease); }
  body.paper-club .property-folio>.folio-room:hover { transform:rotate(-5deg); }
  body.paper-club .property-folio>.folio-rent:hover { transform:rotate(1deg); }
  body.paper-club .property-folio>.folio-request:hover { transform:rotate(5deg); }
  body.paper-club .property-folio>a:hover { box-shadow:0 4px 0 #cbb8d7,0 24px 38px -26px #48325475; }
  body.paper-club .folio-room-plan { transition:translate var(--hover-detail) var(--hover-ease); }
  body.paper-club.motion-running .folio-room:hover .folio-room-plan { translate:0 -3px; }
  body.paper-club :is(.folio-bed>i,.folio-chip,.folio-request-update) {
    transition:background-color var(--hover-detail) var(--hover-ease),border-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .folio-room:hover .folio-bed.vacant { background:none;box-shadow:none; }
  body.paper-club .folio-room:hover .folio-bed.vacant>i { background:#e6efe8;border-color:#96b0a1;box-shadow:inset 0 -3px #c7dacd; }
  body.paper-club .folio-room:hover .folio-chip { background:#dce9df;border-color:#aec9b6; }
  body.paper-club .folio-rent-stamp {
    transform-origin:center;
    transition:rotate var(--hover-detail) var(--hover-ease),scale var(--hover-detail) var(--hover-ease),background-color var(--hover-detail) var(--hover-ease);
  }
  body.paper-club.motion-running .folio-rent:hover .folio-rent-stamp { rotate:-3deg;scale:1.035;background:#eee1b4; }
  body.paper-club .folio-request:hover .folio-request-update { background:#f6e9cc;border-color:#c8af78; }

  /* Each card lights its own drawing; the whole grid does not jump. */
  body.paper-club .place-type {
    transition:background-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease),border-color var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .place-type:hover { transform:none;box-shadow:0 3px 0 #cdb8dc,0 18px 28px -27px #49345265;border-color:#bca0cd; }
  body.paper-club .place-type:nth-child(2):hover { box-shadow:0 3px 0 #b8d0c0,0 18px 28px -27px #354f3f65;border-color:#a7bda9; }
  body.paper-club .place-type:nth-child(3):hover { box-shadow:0 3px 0 #dbc994,0 18px 28px -27px #64573265;border-color:#c8b579; }
  body.paper-club .place-drawing i {
    transition:background-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease);
    transition-delay:calc(var(--window-index,0)*24ms);
  }
  body.paper-club .place-type:hover .place-drawing i { background:#f0dda1;box-shadow:0 0 10px #f0dda145; }
  body.paper-club .place-link .icon { transition:translate var(--hover-detail) var(--hover-ease); }
  body.paper-club.motion-running .place-type:hover .place-link .icon { translate:4px 0; }
  body.paper-club :is(.stay-node,.property-building,.extra-preview,.onboard-sheet,.onboard-choice,.rp-article-card,.rp-guide-card,.rp-related-grid>a,.pp-next>div>a,.lp-link-grid>a) {
    transition:border-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease),background-color var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .stay-node:hover { transform:none;box-shadow:0 3px 0 #cebadb,0 15px 22px -24px #49345280; }
  body.paper-club .property-building:hover { border-color:#ad94bd;box-shadow:0 3px 0 #c8b3d6,0 18px 26px -25px #21162766; }
  body.paper-club .property-monogram { transition:background-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease); }
  body.paper-club .property-building:hover .property-monogram { background:#dac8e6;box-shadow:inset 0 0 0 1px #b59bc8;rotate:0deg; }
  body.paper-club .property-mini-meter i { transform-origin:center;transition:scale var(--hover-detail) var(--hover-ease),filter var(--hover-detail) var(--hover-ease); }
  body.paper-club.motion-running .property-building:hover .property-mini-meter i { scale:1 1.2;filter:saturate(1.1); }
  body.paper-club .resident-extras .extra-card:hover .extra-preview { transform:none;box-shadow:0 4px 0 #d3c1de,0 20px 30px -25px #4d345c66; }
  body.paper-club .profile-file { transition:background-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease); }
  body.paper-club .extra-profile:hover .profile-file { box-shadow:2px 3px 0 #d4c4e0; }
  body.paper-club .onboard-scene:hover .onboard-sheet { box-shadow:0 4px 0 #d8c9e2,0 22px 34px -27px #49325266; }
  body.paper-club .onboard-choice:hover { box-shadow:inset 3px 0 #baa1c8; }
  body.paper-club .detail-mosaic>article:hover .history-preview>div:last-child { background:#eadff0; }

  /* Reveal timing belongs to the whole card; hover timing belongs to its surface. */
  body.paper-club.motion-running :is(.rp-article-card,.rp-guide-card).motion-item {
    transition:opacity 1.15s ease,translate 1.5s var(--hover-ease),border-color var(--hover-detail) var(--hover-ease),box-shadow var(--hover-detail) var(--hover-ease),background-color var(--hover-detail) var(--hover-ease);
    transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms,0ms,0ms;
  }

  /* Editorial cards open through their small book tab and reading arrow. */
  body.paper-club .resource-page :is(.rp-art-open,.rp-guide-card>.rp-guide-icon,.rp-copy-section) {
    transition:background-color var(--hover-surface) var(--hover-ease),border-color var(--hover-surface) var(--hover-ease),color var(--hover-surface) var(--hover-ease),opacity var(--hover-surface) var(--hover-ease),rotate var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .resource-page :is(.rp-art-open svg,.rp-starter-tab,.rp-starter-action svg,.rp-guide-card h2 a>svg) {
    transition:rotate var(--hover-detail) var(--hover-ease),translate var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .resource-page .rp-article-card .rp-art { transition:filter var(--hover-detail) var(--hover-ease),translate var(--hover-detail) var(--hover-ease); }
  body.paper-club.motion-running .resource-page .rp-article-card:hover .rp-art { translate:0 -2px;filter:saturate(1.08); }
  body.paper-club.motion-running .resource-page .rp-starter-card:hover .rp-starter-tab { rotate:2deg; }
  body.paper-club.motion-running .resource-page .rp-guide-card:hover>.rp-guide-icon { rotate:-2deg; }
  body.paper-club :is(.rp-toc nav>a,.rp-filter-buttons button,.rp-search-field button,.cp129-topics button,.pp-section-nav a,.pf-migration-route a,.demo-prompts button,#workspace-expand,.resident-gallery-steps button) {
    transition:background-color 480ms var(--hover-ease),border-color 480ms var(--hover-ease),color 480ms var(--hover-ease),box-shadow 480ms var(--hover-ease);
  }
  body.paper-club .resident-gallery-steps button:hover { background:#e9dcf1;border-color:#b199c2;box-shadow:inset 2px 0 #ae8fc1; }

  /* Quiet questions and a gentle movement of paper at the end of the page. */
  body.paper-club :is(.faq-v8,.pp-faq,.cp-small-faq) summary {
    transition:background-color var(--hover-surface) var(--hover-ease),color var(--hover-surface) var(--hover-ease),box-shadow var(--hover-surface) var(--hover-ease);
  }
  body.paper-club :is(.faq-v8,.pp-faq,.cp-small-faq) summary:hover { color:#654479;background:#eee5f45c;box-shadow:inset 2px 0 #c5afd2; }
  body.paper-club .faq-v8-toggle { transition:background-color var(--hover-surface) var(--hover-ease),border-color var(--hover-surface) var(--hover-ease),rotate var(--hover-surface) var(--hover-ease); }
  body.paper-club .faq-v8 summary:hover .faq-v8-toggle { background:#e8d9f0;border-color:#baa1ca; }
  body.paper-club .closing-v11-record { transition:translate 750ms var(--hover-ease); }
  body.paper-club .closing-v11-room-tag { transition:rotate 750ms var(--hover-ease); }
  body.paper-club.motion-running .closing-v11-desk:hover .closing-v11-record,
  body.paper-club.motion-running .closing-v11-archive:hover .closing-v11-record { translate:0 -10px; }
  body.paper-club.motion-running .closing-v11-desk:hover .closing-v11-room-tag { rotate:-2deg; }
  body.paper-club .closing-v11-demo .icon { transition:background-color var(--hover-surface) var(--hover-ease),border-color var(--hover-surface) var(--hover-ease),box-shadow var(--hover-surface) var(--hover-ease); }
  body.paper-club .closing-v11-demo:hover .icon { background:#dcc9e9;border-color:#ab91bb;box-shadow:0 2px 0 #967baa22; }
  body.paper-club .closing-v11-contact a .icon { transition:translate var(--hover-surface) var(--hover-ease); }
  body.paper-club .footer-v11-shortcuts .footer-v8-icon { transition:background-color var(--hover-surface) var(--hover-ease),color var(--hover-surface) var(--hover-ease),border-color var(--hover-surface) var(--hover-ease),translate var(--hover-surface) var(--hover-ease); }
  body.paper-club .footer-v11-shortcuts a::after { transition:background-color var(--hover-detail) var(--hover-ease); }
  body.paper-club .footer-v11-column li a {
    text-decoration:none;
    transition:color var(--hover-surface) var(--hover-ease),background-size var(--hover-detail) var(--hover-ease);
  }
  body.paper-club .footer-v11-column li a:hover { text-decoration:none;background-size:100% 1px; }

  @media(max-width:600px) {
    body.paper-club .property-folio>.folio-room:hover { transform:rotate(-4deg); }
    body.paper-club .property-folio>.folio-rent:hover { transform:rotate(-1deg); }
    body.paper-club .property-folio>.folio-request:hover { transform:rotate(4deg); }
  }
}

/* Keep preference changes immediate, including when the pointer is over a button. */
body.paper-club.motion-off .btn { transition:none!important; }
@media(prefers-reduced-motion:reduce) { body.paper-club .btn { transition:none!important; } }