/* Additive editorial motion: no image URLs, backgrounds or dimensions replaced. */
.dkh-motion {
  --dkh-motion-ease: cubic-bezier(.22, 1, .36, 1);
  --dkh-motion-fast: 180ms;
  --dkh-motion-enter: 560ms;
}
.dkh-motion .dk-site-header { view-transition-name: dkh-site-header; }
.dkh-motion .dk-mag-cover-media { overflow: hidden; }
.dkh-motion .dk-mag-cover,
.dkh-motion .dk-mag-archive-hero,
.dkh-motion .dk-mag-article-header { position: relative; isolation: isolate; overflow: hidden; }
.dkh-motion .dk-mag-cover > .dk-container,
.dkh-motion .dk-mag-archive-hero > .dk-container,
.dkh-motion .dk-mag-article-header > .dk-container { position: relative; z-index: 2; }

/* Persistent editorial motion layer. Static content remains fully independent. */
.dkh-hero-motion {
  --dkh-accent: #e8392c;
  position: absolute;
  inset: 0 0 0 48%;
  z-index: 1;
  overflow: hidden;
  color: var(--dkh-accent);
  opacity: .72;
  pointer-events: none;
  contain: layout paint;
}
.dkh-hero-motion > span { position: absolute; display: block; animation-play-state: paused !important; }
.dkh-hero-motion.is-dkh-active > span { animation-play-state: running !important; }
.dkh-motion-grid {
  inset: 7% -6% 7% 14%;
  opacity: .13;
  background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(90deg, currentColor 1px, transparent 1px);
  background-size: 42px 42px;
  animation: dkh-grid-drift 9s linear infinite;
}
.dkh-motion-disc {
  width: min(30vw, 330px); aspect-ratio: 1; right: 7%; top: 10%;
  border: 2px solid currentColor; border-radius: 50%; opacity: .34;
  animation: dkh-disc-turn 14s linear infinite;
}
.dkh-motion-disc::before,
.dkh-motion-disc::after { content: ''; position: absolute; border-radius: inherit; border: 1px solid currentColor; }
.dkh-motion-disc::before { inset: 17%; }
.dkh-motion-disc::after { inset: 38%; background: currentColor; opacity: .25; }
.dkh-motion-track {
  width: 58%; height: 3px; right: 2%; bottom: 14%;
  background: currentColor; transform-origin: right;
  animation: dkh-track-sweep 5.2s var(--dkh-motion-ease) infinite;
}
.dkh-motion-dot {
  width: 14px; aspect-ratio: 1; right: 36%; top: 20%;
  border-radius: 50%; background: currentColor;
  box-shadow: 0 0 0 9px color-mix(in srgb, currentColor 16%, transparent);
  animation: dkh-dot-float 4.4s ease-in-out infinite alternate;
}
.dkh-motion-wave {
  display: none !important; width: 54%; height: 72px; right: 3%; top: 54%;
  background: currentColor; opacity: .36;
  clip-path: polygon(0 50%,5% 50%,8% 28%,12% 76%,17% 42%,22% 58%,27% 18%,32% 86%,37% 46%,43% 55%,49% 34%,55% 67%,61% 24%,67% 78%,73% 44%,80% 57%,86% 35%,92% 64%,96% 50%,100% 50%,100% 54%,96% 54%,92% 68%,86% 39%,80% 61%,73% 48%,67% 82%,61% 28%,55% 71%,49% 38%,43% 59%,37% 50%,32% 90%,27% 22%,22% 62%,17% 46%,12% 80%,8% 32%,5% 54%,0 54%);
  animation: dkh-wave-breathe 2.8s ease-in-out infinite alternate;
}

/* Category identities: one motion language, six distinct editorial signatures. */
.dkh-motion[data-dkh-section="health-living"] .dkh-hero-motion { --dkh-accent: #087d68; }
.dkh-motion[data-dkh-section="health-living"] .dkh-motion-disc { border-width: 5px; box-shadow: 0 0 0 18px color-mix(in srgb, currentColor 10%, transparent), 0 0 0 42px color-mix(in srgb, currentColor 7%, transparent); animation: dkh-breathe 4.8s ease-in-out infinite; }
.dkh-motion[data-dkh-section="health-living"] .dkh-motion-track { animation-duration: 6.5s; }

.dkh-motion[data-dkh-section="disaster-safety"] .dkh-hero-motion { --dkh-accent: #d84b23; }
.dkh-motion[data-dkh-section="disaster-safety"] .dkh-motion-disc { border: 0; background: conic-gradient(from 0deg, transparent 0 73%, currentColor 74% 78%, transparent 79%); box-shadow: inset 0 0 0 2px currentColor; animation-duration: 7s; }
.dkh-motion[data-dkh-section="disaster-safety"] .dkh-motion-grid { background-size: 28px 28px; transform: skewX(-10deg); }

.dkh-motion[data-dkh-section="culture-sports"] .dkh-hero-motion { --dkh-accent: #7557d8; }
.dkh-motion[data-dkh-section="culture-sports"] .dkh-motion-disc { border-style: dashed; animation-duration: 18s; }
.dkh-motion[data-dkh-section="culture-sports"] .dkh-motion-dot { border-radius: 2px; animation-name: dkh-culture-dance; animation-duration: 5.5s; }

.dkh-motion[data-dkh-section="ai-news"] .dkh-hero-motion { --dkh-accent: #2566cf; }
.dkh-motion[data-dkh-section="ai-news"] .dkh-motion-grid { opacity: .22; background-size: 24px 24px; animation-duration: 5.5s; }
.dkh-motion[data-dkh-section="ai-news"] .dkh-motion-track { width: 3px; height: 78%; top: 11%; right: 12%; animation: dkh-scan-vertical 4s var(--dkh-motion-ease) infinite; }

.dkh-motion[data-dkh-section="ai-music"] .dkh-hero-motion { --dkh-accent: #b23cc7; }
.dkh-motion[data-dkh-section="ai-music"] .dkh-motion-wave { display: block !important; }
.dkh-motion[data-dkh-section="ai-music"] .dkh-motion-disc { width: min(22vw, 250px); top: 18%; border-width: 8px; }

.dkh-motion[data-dkh-section="lifestyle-info"] .dkh-hero-motion { --dkh-accent: #e8392c; }
.dkh-motion[data-dkh-section="lifestyle-info"] .dkh-motion-grid { background-size: 64px 26px; transform: rotate(-4deg) scale(1.08); }
.dkh-motion[data-dkh-section="lifestyle-info"] .dkh-motion-dot { border-radius: 0; width: 18px; }

/* The home cover gets a larger kinetic magazine composition. */
.dkh-motion[data-dkh-section="home"] .dkh-hero-motion { left: 44%; opacity: .82; mix-blend-mode: multiply; }
.dkh-motion[data-dkh-section="home"] .dkh-hero-motion { z-index: 3; }
.dkh-motion[data-dkh-section="home"] .dkh-motion-disc { width: min(38vw, 430px); right: -4%; top: 4%; border-width: 4px; }
.dkh-motion[data-dkh-section="home"] .dkh-motion-track { width: 72%; bottom: 9%; animation-duration: 4.6s; }
.dkh-motion[data-dkh-section="home"] .dkh-motion-dot { width: 20px; top: 12%; right: 52%; border-radius: 0; }
.dkh-motion[data-dkh-section="home"] .dk-commercial-masthead-title strong { position: relative; }
.dkh-motion[data-dkh-section="home"] .dk-commercial-masthead-title strong::after {
  content: ''; position: absolute; left: 0; bottom: -8px; width: 20%; height: 4px;
  background: #e8392c; transform-origin: left;
  animation: dkh-wordmark-scan 5.8s var(--dkh-motion-ease) infinite;
}
.dkh-motion .dkh-reading-progress {
  position: fixed; inset: 0 0 auto; z-index: 99990; height: 3px;
  background: #e8392c; transform: scaleX(0); transform-origin: left;
  pointer-events: none;
}
.dkh-motion.admin-bar .dkh-reading-progress { top: 32px; }
/* Content is readable even if the theme's observer never runs. */
.dkh-motion.dk-magazine .dk-reveal { opacity: 1; transform: none; transition: none; }

@media screen {
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-commercial-masthead-title {
    animation: dkh-type-in 900ms var(--dkh-motion-ease) both;
  }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-commercial-masthead-meta {
    animation: dkh-rise 650ms var(--dkh-motion-ease) both;
  }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-folio,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-label,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-copy h1,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-deck,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-actions {
    animation: dkh-rise 800ms var(--dkh-motion-ease) both;
  }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-label { animation-delay: 80ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-copy h1 { animation-delay: 140ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-deck { animation-delay: 210ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-actions { animation-delay: 270ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-media figcaption {
    animation: dkh-stamp 900ms 180ms var(--dkh-motion-ease) both;
  }
  .dkh-motion[data-dkh-motion="on"] .dk-reveal.dkh-motion-visible {
    animation: dkh-rise 700ms var(--dkh-motion-ease) both;
  }
  .dkh-motion[data-dkh-motion="on"] .dk-mag-department:nth-child(3n + 2),
  .dkh-motion[data-dkh-motion="on"] .dk-post-card:nth-child(3n + 2),
  .dkh-motion[data-dkh-motion="on"] .dk-mag-brief:nth-child(3n + 2) { animation-delay: 70ms; }
  .dkh-motion[data-dkh-motion="on"] .dk-mag-department:nth-child(3n + 3),
  .dkh-motion[data-dkh-motion="on"] .dk-post-card:nth-child(3n + 3),
  .dkh-motion[data-dkh-motion="on"] .dk-mag-brief:nth-child(3n + 3) { animation-delay: 140ms; }
  .dkh-motion[data-dkh-motion="on"] .dk-mag-button,
  .dkh-motion[data-dkh-motion="on"] .dk-mag-index-link,
  .dkh-motion[data-dkh-motion="on"] .dk-mag-department {
    transition: translate 220ms var(--dkh-motion-ease), box-shadow 220ms ease;
  }
  .dkh-motion[data-dkh-motion="on"] .dk-mag-button:focus-visible,
  .dkh-motion[data-dkh-motion="on"] .dk-mag-index-link:focus-visible,
  .dkh-motion[data-dkh-motion="on"] .dk-mag-department:focus-visible { translate: 0 -3px; }
  .dkh-motion[data-dkh-motion="on"] .dk-reveal:focus-within { animation: none; }

  /* Archive and article entrances: editorial hierarchy, never the long-form body. */
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-topline,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-hero h1,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-hero > p,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-folio,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-category,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-header h1,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-deck,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-byline {
    animation: dkh-rise var(--dkh-motion-enter) var(--dkh-motion-ease) both;
  }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-hero h1,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-header h1 { animation-delay: 60ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-hero > p,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-deck { animation-delay: 120ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-archive-folio,
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-byline { animation-delay: 180ms; }
  .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-article-hero {
    animation: dkh-media-reveal 800ms 180ms var(--dkh-motion-ease) both;
  }

  /* The drawer already moves as a surface; animate only its content on every open. */
  @media (max-width: 1040px) {
    .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-menu-intro,
    .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-menu > li,
    .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-header-search,
    .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-header-action {
      animation: dkh-menu-item 360ms var(--dkh-motion-ease) both;
    }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(1) { animation-delay: 45ms; }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(2) { animation-delay: 75ms; }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(3) { animation-delay: 105ms; }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(4) { animation-delay: 135ms; }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(5) { animation-delay: 165ms; }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(6) { animation-delay: 195ms; }
    .dkh-motion.dk-menu-open .dk-menu > li:nth-child(7) { animation-delay: 225ms; }
    .dkh-motion.dk-menu-open .dk-header-search { animation-delay: 240ms; }
    .dkh-motion.dk-menu-open .dk-header-action { animation-delay: 270ms; }
  }
  @media (hover: hover) and (pointer: fine) {
    .dkh-motion[data-dkh-motion="on"] .dk-mag-button:hover,
    .dkh-motion[data-dkh-motion="on"] .dk-mag-index-link:hover,
    .dkh-motion[data-dkh-motion="on"] .dk-mag-department:hover { translate: 0 -3px; }
  }
  @media (min-width: 769px) {
    .dkh-motion[data-dkh-motion="on"].dkh-page-enter .dk-mag-cover-image { animation: dkh-cover-settle 1600ms var(--dkh-motion-ease) both; }
  }
  @media (max-width: 768px) {
    .dkh-motion[data-dkh-motion="on"] .dk-mag-cover-copy > * { animation-delay: 0ms; animation-duration: 600ms; }
    .dkh-motion[data-dkh-motion="on"] .dk-commercial-masthead-title { animation-duration: 650ms; }
  }
}
@media (max-width: 782px) { .dkh-motion.admin-bar .dkh-reading-progress { top: 46px; } }
/* The site theme globally collapses every animation to 0.01ms/one iteration when
   the OS requests reduced motion. The product requirement is an always-on hero,
   so restore only these decorative, pointer-free loops. */
@media (prefers-reduced-motion: reduce) {
  .dkh-motion .dkh-motion-grid { animation-duration: 9s !important; animation-iteration-count: infinite !important; }
  .dkh-motion .dkh-motion-disc { animation-duration: 14s !important; animation-iteration-count: infinite !important; }
  .dkh-motion .dkh-motion-track { animation-duration: 5.2s !important; animation-iteration-count: infinite !important; }
  .dkh-motion .dkh-motion-dot { animation-duration: 4.4s !important; animation-iteration-count: infinite !important; }
  .dkh-motion .dkh-motion-wave { animation-duration: 2.8s !important; animation-iteration-count: infinite !important; }
  .dkh-motion[data-dkh-section="health-living"] .dkh-motion-disc { animation-duration: 4.8s !important; }
  .dkh-motion[data-dkh-section="health-living"] .dkh-motion-track { animation-duration: 6.5s !important; }
  .dkh-motion[data-dkh-section="disaster-safety"] .dkh-motion-disc { animation-duration: 7s !important; }
  .dkh-motion[data-dkh-section="culture-sports"] .dkh-motion-disc { animation-duration: 18s !important; }
  .dkh-motion[data-dkh-section="culture-sports"] .dkh-motion-dot { animation-duration: 5.5s !important; }
  .dkh-motion[data-dkh-section="ai-news"] .dkh-motion-grid { animation-duration: 5.5s !important; }
  .dkh-motion[data-dkh-section="ai-news"] .dkh-motion-track { animation-duration: 4s !important; }
  .dkh-motion[data-dkh-section="home"] .dkh-motion-track { animation-duration: 4.6s !important; }
  .dkh-motion[data-dkh-section="home"] .dk-commercial-masthead-title strong::after {
    animation-duration: 5.8s !important;
    animation-iteration-count: infinite !important;
  }
  .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-menu-intro,
  .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-menu > li,
  .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-header-search,
  .dkh-motion[data-dkh-motion="on"].dk-menu-open .dk-header-action {
    animation-duration: 360ms !important;
  }
}
@media print { .dkh-motion .dkh-reading-progress { display: none; } }
@keyframes dkh-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes dkh-type-in { from { opacity: 0; transform: translateY(20px); clip-path: inset(0 0 100% 0); } to { opacity: 1; transform: none; clip-path: inset(0); } }
@keyframes dkh-cover-settle { from { transform: scale(1.035); } to { transform: scale(1); } }
@keyframes dkh-stamp { from { opacity: 0; transform: translateY(-10px) rotate(-3deg); } to { opacity: 1; transform: none; } }
@keyframes dkh-menu-item { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
@keyframes dkh-media-reveal { from { opacity: 0; clip-path: inset(0 0 16% 0); transform: translateY(12px); } to { opacity: 1; clip-path: inset(0); transform: none; } }

/* Progressive cross-page continuity in browsers supporting navigation view transitions. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: dkh-page-out 140ms ease both; }
::view-transition-new(root) { animation: dkh-page-in 280ms var(--dkh-motion-ease) both; }
::view-transition-group(dkh-site-header) { animation-duration: 220ms; }
@keyframes dkh-page-out { to { opacity: .82; } }
@keyframes dkh-page-in { from { opacity: 0; transform: translateY(8px); } }
@keyframes dkh-grid-drift { to { background-position: 42px 42px; } }
@keyframes dkh-disc-turn { to { transform: rotate(360deg); } }
@keyframes dkh-track-sweep { 0%,100% { transform: scaleX(.18); opacity: .25; } 48% { transform: scaleX(1); opacity: .72; } }
@keyframes dkh-dot-float { to { transform: translate3d(22px, 34px, 0) scale(1.25); } }
@keyframes dkh-breathe { 0%,100% { transform: scale(.86); opacity: .2; } 50% { transform: scale(1.04); opacity: .48; } }
@keyframes dkh-culture-dance { 0% { transform: translate(0,0) rotate(0); } 50% { transform: translate(-54px,48px) rotate(135deg); } 100% { transform: translate(20px,84px) rotate(260deg); } }
@keyframes dkh-scan-vertical { 0%,100% { transform: translateX(-250px) scaleY(.35); opacity: .2; } 50% { transform: translateX(0) scaleY(1); opacity: .64; } }
@keyframes dkh-wave-breathe { to { transform: scaleY(1.55) translateY(-4px); opacity: .62; } }
@keyframes dkh-wordmark-scan { 0%,100% { transform: scaleX(.12); opacity: .35; } 45%,60% { transform: scaleX(4.8); opacity: 1; } }

@media (max-width: 768px) {
  .dkh-hero-motion { inset: 0 0 0 34%; opacity: .48; }
  .dkh-motion[data-dkh-section="home"] .dkh-hero-motion { inset: 0 0 0 30%; opacity: .54; }
  .dkh-motion-disc { width: 230px; right: -70px; top: 13%; }
  .dkh-motion-grid { left: 0; }
  .dkh-motion-track { width: 82%; }
  .dkh-motion[data-dkh-section="home"] .dk-commercial-masthead-title strong::after { bottom: -4px; height: 3px; }
}