/* WM13: shared M4G editorial measures, ice-blue light, photo-led presentation. */
html:has(.wm13),body:has(.wm13){background:#080808;color-scheme:dark}
.wm13{display:block;position:relative;isolation:isolate;background:#080808;color:#f5f6f5;font-family:var(--text-font-family,Arial,sans-serif);--mic-accent:#8bbdff;--mic-muted:#a9b1bd;overflow:clip}
.wm13 *,.wm13 *::before,.wm13 *::after{box-sizing:border-box}
.wm13-inner{width:88%;max-width:1320px;margin-inline:auto;padding:72px 0}
.wm13-heading{text-align:center;position:relative;z-index:2;max-width:940px;margin:auto}
.wm13-model{font-size:12px;color:#c0c9d6;line-height:1.5;margin:0 0 20px}
.wm13-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}
.wm13-heading h2 span{display:block;color:#d0e2fc}
.wm13-lead{max-width:54ch;margin:24px auto 0;color:var(--mic-muted);font-size:16px;line-height:1.7;text-wrap:pretty}
.wm13-hero{position:relative;isolation:isolate;margin:8px auto 32px;max-width:1000px;height:450px;display:grid;place-items:center}
.wm13-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)}
.wm13-halo{position:absolute;inset:-18% -12%;z-index:-1;background:radial-gradient(ellipse at 50% 62%,#295ba865 0%,#17304f38 25%,transparent 62%);pointer-events:none}
.wm13-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%)}
.wm13-sound i{display:block;width:3px;height:40%;background:linear-gradient(transparent,#8bbdff2c,transparent);transform-origin:center;animation:wm13-sound 5s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.4s)}
.wm13-sound i:nth-child(2){--i:1;height:55%}.wm13-sound i:nth-child(3){--i:2;height:72%}.wm13-sound i:nth-child(4){--i:3;height:85%}.wm13-sound i:nth-child(5){--i:4;height:100%}.wm13-sound i:nth-child(6){--i:5;height:85%}.wm13-sound i:nth-child(7){--i:6;height:72%}.wm13-sound i:nth-child(8){--i:7;height:55%}.wm13-sound i:nth-child(9){--i:8;height:40%}
.wm13-hero figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;color:#a5b3c7;font-size:11px;line-height:1.6;z-index:2}
.wm13-status{height:5px;width:5px;border-radius:50%;background:var(--mic-accent)}
.wm13-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wm13-card{border:1px solid #ffffff1d;border-radius:18px;background:linear-gradient(145deg,#171d28,#10141c 75%);padding:22px 24px;min-width:0}
.wm13-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}
.wm13-card h3{font-size:20px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0 0 8px;color:#f0f3f9;font-family:var(--heading-font-family,var(--text-font-family))}
.wm13-card p{font-size:11px;line-height:1.5;color:var(--mic-muted);margin:0}
.wm13-line{opacity:.25}.wm13-packet{stroke-dasharray:16 84;animation:wm13-route 4s linear infinite}.wm13-node{animation:wm13-node 4s ease-in-out infinite}.wm13-node-late{animation-delay:2s}
.wm13-wave path{transform-origin:center;animation:wm13-wave 3.2s ease-in-out infinite}.wm13-wave path:nth-child(2){animation-delay:-.4s}.wm13-wave path:nth-child(3){animation-delay:-.8s}.wm13-wave path:nth-child(4){animation-delay:-1.2s}.wm13-wave path:nth-child(5){animation-delay:-1.6s}.wm13-wave path:nth-child(6){animation-delay:-2s}
.wm13-monitor-signal{animation:wm13-node 4.2s ease-in-out infinite}.wm13-dial{transform-origin:80px 22px;animation:wm13-dial 6s ease-in-out infinite}
.wm13-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;color:#929eb0}
.wm13-summary-foot p{font-size:10px;line-height:1.6;margin:0}
.wm13-pause{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0 8px 8px;border:0;color:#afbed3;background:none;font:inherit;font-size:10px;cursor:pointer;flex-shrink:0}
.wm13-pause svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.4;fill:none}
.wm13-pause:focus-visible{outline:2px solid var(--mic-accent);outline-offset:5px;border-radius:4px}
.wm13:not(.is-visible) *,.wm13.is-paused *{animation-play-state:paused!important}
@keyframes wm13-intro{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes wm13-route{to{stroke-dashoffset:-100}}
@keyframes wm13-wave{0%,100%{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}
@keyframes wm13-node{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes wm13-dial{0%,15%,100%{transform:rotate(-35deg)}50%,65%{transform:rotate(35deg)}}
@keyframes wm13-sound{0%,100%{transform:scaleY(.65);opacity:.4}50%{transform:scaleY(1);opacity:.9}}
@media(max-width:989px){.wm13-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wm13-hero{height:400px}}
@media(max-width:749px){.wm13-inner{padding:44px 0}.wm13-model{font-size:11px;margin-bottom:16px}.wm13-heading h2{font-size:clamp(35px,9.5vw,52px);line-height:1.1}.wm13-lead{font-size:14px;max-width:34ch;margin-top:20px}.wm13-hero{height:300px;margin:8px auto 24px}.wm13-hero img{width:100%;max-width:none}.wm13-hero figcaption{font-size:10px}.wm13-summary{gap:10px}.wm13-card{padding:16px 14px;border-radius:14px}.wm13-card svg{height:27px;margin-bottom:12px}.wm13-card h3{font-size:17px;margin-bottom:6px}.wm13-card p{font-size:10px}.wm13-summary-foot{align-items:flex-start}.wm13-summary-foot p{padding-top:12px;max-width:24ch}.wm13-sound{gap:12px}}
@media(max-width:359px){.wm13-card{padding:14px 11px}.wm13-card h3{font-size:15px}.wm13-hero{height:270px}}
@media(prefers-reduced-motion:reduce){.wm13 *{animation:none!important}.wm13-pause{display:none}}

.wm13-hero{height:490px;margin-top:24px}.wm13-hero img{mask-image:none;inset:0 0 30px;height:calc(100% - 30px)}
@media(max-width:749px){.wm13-hero{height:350px;margin-top:20px}}


/* WM8 card structure, WM13 icon set and ice-blue accent */
.wm13-hero img{height:calc(100% - 30px)!important;max-height:calc(100% - 30px);min-height:0;object-fit:contain}
.wm13-card svg{width:30px;height:30px;margin:0 0 17px;animation:none;opacity:1}
.wm13-card{min-height:146px}.wm13-summary-foot{margin-top:8px}
@media(max-width:749px){.wm13-hero{height:390px}.wm13-card{min-height:133px}.wm13-card svg{width:27px;height:27px;margin-bottom:12px}}
