/* Animated mathematical visual studies: π and idea loops, eigenvectors and PDE waves. */
.pw-animated-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.pw-animated-hero>:not(.pw-math-art){position:relative;z-index:2}
.pw-math-art{pointer-events:none;user-select:none;position:absolute;right:clamp(14px,3vw,42px);top:50%;width:min(37%,390px);transform:translateY(-50%);z-index:1;opacity:.9}
.pw-math-art svg{display:block;width:100%;height:auto;overflow:visible}
.pw-math-art-caption{display:block;text-align:center;color:#6d77aa;font:9px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.07em}
.pw-math-ring{fill:none;stroke:#6b83c2;stroke-width:1}
.pw-ring-dotted{stroke-dasharray:3 7;opacity:.8}
.pw-ring-soft{stroke:#9c8fd9;opacity:.36;stroke-width:1.5}
.pw-pi-orbit{fill:none;stroke:#6a83d1;stroke-width:1.7}
.pw-orbit-secondary{stroke:#9784dc;stroke-width:1.35}
.pw-pi-dot{fill:#617dd9;filter:drop-shadow(0 0 5px #7794eb)}
.pw-pi-dot-two{fill:#ae8bd7}
.pw-pi-spin,.pw-pi-counter{transform-origin:178px 155px;animation:pw-math-rotate 29s linear infinite}
.pw-pi-counter{animation-direction:reverse;animation-duration:39s}
.pw-pi-symbol{font:italic 102px/1 Georgia,serif;fill:url(#pwPiGrad);opacity:.87}
.pw-pi-caption{font:10px ui-monospace,Consolas,monospace;letter-spacing:.06em;fill:#6677a6}
.pw-math-note{font:11px ui-monospace,Consolas,monospace;fill:#7281b4;letter-spacing:.04em}
.pw-pi-token{animation:pw-token-bob 6s ease-in-out infinite}
.pw-pi-token rect{fill:#ffffffb0;stroke:#cbd4f0}
.pw-pi-token text{font:9px ui-monospace,Consolas,monospace;fill:#6477b0;letter-spacing:.04em}
.pw-pi-token-b{animation-delay:-3s}
.pw-eigen-grid path{stroke:#7189c1;stroke-width:.6;opacity:.22}
.pw-eigen-basis{animation:pw-math-basis 9s ease-in-out infinite alternate;transform-origin:178px 164px}
.pw-eigen-vector{stroke:#5d7dc4;stroke-width:3;fill:none;stroke-linecap:round}
.pw-eigen-vector.pw-v2{stroke:#997bc9}
.pw-vector-tip{stroke:#6e80c1;stroke-width:2;fill:none}
.pw-eigen-origin{fill:#7b84d5;filter:drop-shadow(0 0 4px #7b84d5aa)}
.pw-eigen-circle{stroke:#8b94db;stroke-width:1;fill:none;stroke-dasharray:2 7;animation:pw-math-dash 20s linear infinite}
.pw-eigen-matrix{animation:pw-token-bob 8s ease-in-out infinite}
.pw-eigen-matrix rect{fill:#ffffffbd;stroke:#bdc6ec}
.pw-eigen-matrix text{fill:#546a9c;font:12px ui-monospace,Consolas,monospace}
.pw-pde-wave{fill:none;stroke:#8b83d6;stroke-width:2.3;stroke-dasharray:8 5;animation:pw-math-dash 5s linear infinite}
.writing-hero.pw-animated-hero{min-height:375px!important;display:flex!important;flex-direction:column;justify-content:center;padding-right:clamp(35px,6vw,75px)!important}
.writing-hero.pw-animated-hero h1,.writing-hero.pw-animated-hero p{max-width:66%!important}
.intro.pw-animated-hero{max-width:none!important;min-height:425px!important;padding-right:min(38%,440px)!important}
.intro.pw-animated-hero .pw-eigen-art{width:min(35%,345px)!important}
.intro.pw-animated-hero .lead,.intro.pw-animated-hero .deck{max-width:100%!important}
html[data-theme="dark"] .pw-math-art{opacity:.8}
html[data-theme="dark"] .pw-math-art-caption{color:#a8bcea}
html[data-theme="dark"] .pw-pi-token rect,html[data-theme="dark"] .pw-eigen-matrix rect{fill:#314364;stroke:#6478a5}
html[data-theme="dark"] .pw-pi-token text,html[data-theme="dark"] .pw-eigen-matrix text{fill:#e5ebff}
html[data-theme="dark"] .pw-math-note,html[data-theme="dark"] .pw-pi-caption{fill:#b4c5ef}
@keyframes pw-math-rotate{to{transform:rotate(360deg)}}
@keyframes pw-token-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pw-math-basis{to{transform:rotate(13deg) scale(1.06)}}
@keyframes pw-math-dash{to{stroke-dashoffset:-130}}
@media(max-width:820px){
  .writing-hero.pw-animated-hero{min-height:0!important;display:block!important;padding-right:clamp(25px,5vw,40px)!important}
  .writing-hero.pw-animated-hero h1,.writing-hero.pw-animated-hero p{max-width:100%!important}
  .intro.pw-animated-hero{min-height:0!important;padding-right:0!important}
  .pw-animated-hero .pw-math-art{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:min(100%,290px)!important;margin:16px auto 0!important;opacity:.75}
  .intro.pw-animated-hero .pw-eigen-art{width:min(100%,285px)!important}
}
@media(prefers-reduced-motion:reduce){.pw-math-art *{animation:none!important;transition:none!important}}