/* V2.3 motion only; all composition and reading styles come from the frozen V2.2. */
body.home .home2-hero[data-drp-revision="v2.3"][data-hero-variant="book"] {
  background:radial-gradient(ellipse at 80% 45%,#18649366 0%,transparent 65%),linear-gradient(116deg,#102b4a 0%,#123d61 56%,#0b3155 100%);
}
body.home .home2-hero[data-drp-revision="v2.3"][data-hero-variant="book"]::before { opacity:0; animation:none; }
.drp-v23-atmosphere { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; opacity:0; }
[data-hero-variant="book"] .drp-v23-atmosphere { opacity:1; }
.drp-v23-atmosphere i { display:block; position:absolute; pointer-events:none; animation-play-state:paused; }
.drp-v23-wash { inset:-35%; background:linear-gradient(119deg,transparent 33%,#72cfff03 40%,#81d4ff1a 48%,#a4e0ff06 53%,transparent 64%); transform:translateX(-5%); animation:drp-v23-wash 26s ease-in-out infinite; }
.drp-v23-wave { width:140%; height:170%; right:-67%; top:-30%; border-radius:50%; background:radial-gradient(ellipse at center,transparent 47%,#86cdff0a 48%,#9edbff16 48.4%,transparent 49.2%,transparent 55%,#60b9f20c 55.7%,transparent 56.5%); transform:rotate(-19deg); }
.drp-v23-wave--one { animation:drp-v23-ripple 24s ease-in-out infinite; }
.drp-v23-wave--two { right:-60%; top:-15%; opacity:.5; animation:drp-v23-ripple 31s ease-in-out -12s infinite reverse; }
[data-drp-data-state="running"] .drp-v23-atmosphere i,
[data-drp-data-state="entering"] .drp-v23-atmosphere i { animation-play-state:running; }
.drp-v23-flux { position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; overflow:hidden; opacity:0; mask-image:linear-gradient(90deg,#0001 0%,#0001 31%,#0007 46%,#000 56%); }
[data-drp-data-state="static"] .drp-v23-flux { display:none; }
[data-drp-data-state="static"] .drp-v23-atmosphere i { animation:none; }
@keyframes drp-v23-wash { 0%,100% { transform:translateX(-7%) rotate(-2deg); opacity:.35; } 50% { transform:translateX(8%) rotate(2deg); opacity:.95; } }
@keyframes drp-v23-ripple { 0%,100% { transform:translate(-2%,-2%) scale(.92) rotate(-19deg); opacity:.16; } 52% { transform:translate(-7%,3%) scale(1.08) rotate(-17deg); opacity:.62; } }
@media(max-width:640px) { .drp-v23-flux { mask-image:linear-gradient(180deg,transparent 25%,#0002 44%,#000 59%); } .drp-v23-wave { width:240%; right:-130%; height:125%; top:5%; } }
@media(prefers-reduced-motion:reduce) { .drp-v23-atmosphere i { animation:none !important; } .drp-v23-flux { display:none; } }
