/* WM8: shared M4G editorial measures, emerald light, photo-led presentation. */
html:has(.wm8),body:has(.wm8){background:#080808;color-scheme:dark}
.wm8{display:block;position:relative;isolation:isolate;background:#080808;color:#f5f6f5;font-family:var(--text-font-family,Arial,sans-serif);--mic-accent:#78dba8;--mic-muted:#a9b4ae;overflow:clip}
.wm8 *,.wm8 *::before,.wm8 *::after{box-sizing:border-box}
.wm8-inner{width:88%;max-width:1320px;margin-inline:auto;padding:72px 0}
.wm8-heading{text-align:center;position:relative;z-index:2;max-width:940px;margin:auto}
.wm8-model{font-size:12px;color:#c0ccc5;line-height:1.5;margin:0 0 20px}
.wm8-heading h2{font-family:var(--heading-font-family,var(--text-font-family));font-size:clamp(48px,6.5vw,94px);font-weight:600;letter-spacing:-.063em;line-height:1.06;margin:0;text-wrap:balance}
.wm8-heading h2 span{display:block;color:#c8e6d6}
.wm8-lead{max-width:54ch;margin:24px auto 0;color:var(--mic-muted);font-size:16px;line-height:1.7;text-wrap:pretty}
.wm8-hero{position:relative;isolation:isolate;margin:8px auto 32px;max-width:1000px;height:450px;display:grid;place-items:center}
.wm8-hero img{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(transparent,#000 12%,#000 93%,transparent)}
.wm8-halo{position:absolute;inset:-18% -12%;z-index:-1;background:radial-gradient(ellipse at 50% 62%,#23664465 0%,#14402b38 25%,transparent 62%);pointer-events:none}
.wm8-sound{position:absolute;display:flex;justify-content:center;align-items:center;gap:20px;inset:25% 5% 18%;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.wm8-sound i{display:block;width:3px;height:40%;background:linear-gradient(transparent,#78dba82c,transparent);transform-origin:center;animation:wm8-sound 5s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.4s)}
.wm8-sound i:nth-child(2){--i:1;height:55%}.wm8-sound i:nth-child(3){--i:2;height:72%}.wm8-sound i:nth-child(4){--i:3;height:85%}.wm8-sound i:nth-child(5){--i:4;height:100%}.wm8-sound i:nth-child(6){--i:5;height:85%}.wm8-sound i:nth-child(7){--i:6;height:72%}.wm8-sound i:nth-child(8){--i:7;height:55%}.wm8-sound i:nth-child(9){--i:8;height:40%}
.wm8-hero figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;color:#a5b7ac;font-size:11px;line-height:1.6;z-index:2}
.wm8-status{height:5px;width:5px;border-radius:50%;background:var(--mic-accent)}
.wm8-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wm8-card{border:1px solid #ffffff1d;border-radius:18px;background:linear-gradient(145deg,#19231d,#101512 75%);padding:22px 24px;min-width:0}
.wm8-card svg{display:block;width:100%;height:30px;margin-bottom:17px;stroke:var(--mic-accent);stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.wm8-card h2{font-size:20px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0 0 8px;color:#f0f5f2;font-family:var(--heading-font-family,var(--text-font-family))}
.wm8-card p{font-size:11px;line-height:1.5;color:var(--mic-muted);margin:0}
.wm8-line{opacity:.25}.wm8-packet{stroke-dasharray:16 84;animation:wm8-route 4s linear infinite}.wm8-node{animation:wm8-node 4s ease-in-out infinite}.wm8-node-late{animation-delay:2s}
.wm8-wave path{transform-origin:center;animation:wm8-wave 3.2s ease-in-out infinite}.wm8-wave path:nth-child(2){animation-delay:-.4s}.wm8-wave path:nth-child(3){animation-delay:-.8s}.wm8-wave path:nth-child(4){animation-delay:-1.2s}.wm8-wave path:nth-child(5){animation-delay:-1.6s}.wm8-wave path:nth-child(6){animation-delay:-2s}
.wm8-monitor-signal{animation:wm8-node 4.2s ease-in-out infinite}.wm8-dial{transform-origin:80px 22px;animation:wm8-dial 6s ease-in-out infinite}
.wm8-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;color:#91a299}
.wm8-summary-foot p{font-size:10px;line-height:1.6;margin:0}
.wm8-pause{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0 8px 8px;border:0;color:#aec3b7;background:none;font:inherit;font-size:10px;cursor:pointer;flex-shrink:0}
.wm8-pause svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.4;fill:none}
.wm8-pause:focus-visible{outline:2px solid var(--mic-accent);outline-offset:5px;border-radius:4px}
.wm8:not(.is-visible) *,.wm8.is-paused *{animation-play-state:paused!important}
@keyframes wm8-intro{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes wm8-route{to{stroke-dashoffset:-100}}
@keyframes wm8-wave{0%,100%{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@keyframes wm8-node{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes wm8-dial{0%,15%,100%{transform:rotate(-35deg)}50%,65%{transform:rotate(35deg)}}
@keyframes wm8-sound{0%,100%{transform:scaleY(.65);opacity:.4}50%{transform:scaleY(1);opacity:.9}}
@media(max-width:989px){.wm8-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wm8-hero{height:400px}}
@media(max-width:749px){.wm8-inner{padding:44px 0}.wm8-model{font-size:11px;margin-bottom:16px}.wm8-heading h2{font-size:clamp(35px,9.5vw,52px);line-height:1.1}.wm8-lead{font-size:14px;max-width:34ch;margin-top:20px}.wm8-hero{height:300px;margin:8px auto 24px}.wm8-hero img{width:100%;max-width:none}.wm8-hero figcaption{font-size:10px}.wm8-summary{gap:10px}.wm8-card{padding:16px 14px;border-radius:14px}.wm8-card svg{height:27px;margin-bottom:12px}.wm8-card h2{font-size:17px;margin-bottom:6px}.wm8-card p{font-size:10px}.wm8-summary-foot{align-items:flex-start}.wm8-summary-foot p{padding-top:12px;max-width:24ch}.wm8-sound{gap:12px}}
@media(max-width:359px){.wm8-card{padding:14px 11px}.wm8-card h2{font-size:15px}.wm8-hero{height:270px}}
@media(prefers-reduced-motion:reduce){.wm8 *{animation:none!important}.wm8-pause{display:none}}