/* Mobile-only feedback. Original layout, image proportions and destinations stay intact. */
.site-page[data-device=mobile] [data-mobile-navigation] { border-radius:5px; }
.site-page[data-device=mobile] [data-mobile-navigation][aria-current=page] { box-shadow:inset 0 -2px 0 #c88b35,0 0 10px rgb(242 202 125 / .25); }
.site-page[data-device=mobile] [data-mobile-navigation]:focus-visible { outline:2px solid #ffe3a5;outline-offset:-2px; }
.site-page[data-device=mobile] .mobile-click-feedback,
html[data-mobile-effects] dialog .mobile-click-feedback { position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;overflow:hidden;background:radial-gradient(circle at var(--press-x) var(--press-y),rgb(255 242 192 / .65),rgb(240 187 98 / .22) 34%,transparent 74%);box-shadow:inset 0 0 0 2px rgb(255 224 158 / .8); }
.site-page[data-device=mobile] .mobile-is-pressed { filter:brightness(1.12) saturate(1.08); }
html[data-mobile-effects] dialog button,html[data-mobile-effects] dialog a { position:relative; }
@media (hover:hover) {
 .site-page[data-device=mobile] [data-interactive]:not([aria-hidden=true]):hover { filter:brightness(1.1) saturate(1.06); }
 .site-page[data-device=mobile] [data-mobile-navigation]:hover { box-shadow:inset 0 -2px 0 #edc982,0 0 10px rgb(237 201 130 / .3); }
}
@media (prefers-reduced-motion:no-preference) {
 .site-page[data-device=mobile] [data-interactive] { transition:filter 160ms ease,box-shadow 160ms ease; }
 .site-page[data-device=mobile] .mobile-click-feedback,
 html[data-mobile-effects] dialog .mobile-click-feedback { animation:mobile-click-light 560ms ease-out both; }
 .site-page[data-device=mobile] .mobile-navigation-arrive { animation:mobile-nav-arrive 620ms ease-out both; }
 html[data-mobile-effects] dialog[open] { animation:mobile-dialog-arrive 220ms ease-out both; }
 @keyframes mobile-click-light { from { opacity:.9;clip-path:circle(0% at var(--press-x) var(--press-y)); } 45% { opacity:.8; } to { opacity:0;clip-path:circle(145% at var(--press-x) var(--press-y)); } }
 @keyframes mobile-nav-arrive { from { filter:brightness(1.3) saturate(1.25);box-shadow:inset 0 -3px 0 #fff1c6,0 0 18px rgb(255 224 158 / .65); } to { filter:brightness(1);box-shadow:inset 0 -2px 0 #c88b35,0 0 10px rgb(242 202 125 / .25); } }
 @keyframes mobile-dialog-arrive { from { opacity:.6;transform:translateY(5px); } to { opacity:1;transform:translateY(0); } }
}
.site-page[data-device=mobile] .mobile-feedback-reduced,
html[data-mobile-effects] dialog .mobile-feedback-reduced { animation:none;background:rgb(255 223 153 / .18); }

/* Video entries rise slightly, distinct from ordinary navigation and CTA feedback. */
@media (prefers-reduced-motion:no-preference) {
 .site-page[data-device=mobile] .native-action[data-action-type=video] {
  transform-origin:center;
  transition:transform 180ms cubic-bezier(.2,.8,.2,1),filter 180ms ease;
 }
 .site-page[data-device=mobile] .native-action[data-action-type=video]:focus-visible,
 .site-page[data-device=mobile] .native-action[data-action-type=video].mobile-is-pressed {
  transform:translateY(-3px) scale(1.09);
  filter:brightness(1.14) drop-shadow(0 4px 6px rgb(0 0 0 / .4));
  z-index:9;
 }
 @media (hover:hover) and (pointer:fine) {
  .site-page[data-device=mobile] .native-action[data-action-type=video]:hover {
   transform:translateY(-3px) scale(1.09);
   filter:brightness(1.14) drop-shadow(0 4px 6px rgb(0 0 0 / .4));
   z-index:9;
  }
 }
}

.site-page[data-device=mobile] .mobile-art-effect { position:absolute;z-index:4;display:block;padding:0;margin:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent; }
.site-page[data-device=mobile] .mobile-art-effect>.graphic-fragment { border-radius:inherit; }
.site-page[data-device=mobile] .mobile-art-effect .mobile-clarity-box,
.site-page[data-device=mobile] .native-control-visual>.mobile-clarity-box { z-index:6; }
.site-page[data-device=mobile] .mobile-title-effect { pointer-events:auto;cursor:pointer; }
.site-page[data-device=mobile] .mobile-art-effect:focus-visible { outline:2px solid #f8d88c;outline-offset:2px; }
@media (prefers-reduced-motion:no-preference) {
 .site-page[data-device=mobile] :is(.mobile-art-effect,.native-art-card,.native-action[data-action-type=article],.native-action[data-action-type=answer],.native-action[data-action-type=case],.native-action[data-action-type=service],.mobile-title-effect) { transition:transform 180ms cubic-bezier(.2,.8,.2,1),filter 180ms ease,box-shadow 180ms ease;transform-origin:center; }
 .site-page[data-device=mobile] :is(.mobile-art-effect,.native-art-card,.native-action[data-action-type=article],.native-action[data-action-type=answer],.native-action[data-action-type=case],.native-action[data-action-type=service],.mobile-title-effect).mobile-is-pressed,
 .site-page[data-device=mobile] .mobile-art-effect:focus-visible { transform:translateY(-2px) scale(1.035);filter:brightness(1.07);box-shadow:0 0 0 1px #e8bf73,0 5px 12px rgb(79 40 8 / .28);z-index:9; }
 @media (hover:hover) and (pointer:fine) {
  .site-page[data-device=mobile] :is(.mobile-art-effect,.native-art-card,.native-action[data-action-type=article],.native-action[data-action-type=answer],.native-action[data-action-type=case],.native-action[data-action-type=service],.mobile-title-effect):hover { transform:translateY(-2px) scale(1.035);filter:brightness(1.07);box-shadow:0 0 0 1px #e8bf73,0 5px 12px rgb(79 40 8 / .28);z-index:9; }
 }
}

.site-page[data-device=mobile] a.native-art-card { color:inherit;text-decoration:none; }