/* The Recipe — block «What we do» v2 (2026-10-13; 2026-10-19: chapter words loop an animation each; the stage is a fixed 960×768 canvas scaled into .sbox, light «draft» look without the dot grid — Nick: «ресайз — и всё криво», «фон хотелось бы поменять»): five chapters that switch by time or click (never by scroll). In each chapter a pulse runs along wires from node to node; nodes use the case Board vocabulary. Prototype and history: Материалы/2026-10-13 — What we do, ноды и провода/. Every rule is scoped to .wwd. */
@font-face{font-family:"Anton";font-weight:400;font-display:swap;src:url("../what/assets/fonts/anton-latin.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:200 800;font-display:swap;src:url("../what/assets/fonts/PlusJakartaSans-variable-latin.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-weight:200 800;font-display:swap;src:url("../../cases/queens-medical/assets/fonts/Manrope-variable-latin.woff2") format("woff2")}
@font-face{font-family:"Space Mono";font-weight:400;font-display:swap;src:url("../what/assets/fonts/SpaceMono-400-latin.woff2") format("woff2")}
.wwd{--mono:"Space Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.65,0,.25,1);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wwd .wrap{max-width:1400px;margin:0 auto;padding-inline:max(16px,4vw)}
.wwd .eye{font:600 12px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase}
.wwd *{box-sizing:border-box}
.wwd .wrap{max-width:1400px;margin:0 auto;padding-inline:max(16px,4vw)}
.wwd .eye{font:600 12px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.wwd{
  --b-bg:#0C211C; --b-ink:#E6EDE8; --b-mute:#86A096; --b-dim:#4F6B62;
  --n-bg:#12302A; --n-line:#24483E; --n-ink:#E6EDE8; --n-mute:#8FA59C; --n-sh:0 18px 40px -22px rgba(0,0,0,.8);
  --wire:#24483E; --lit:#8C7531; --pulse:#FFD25E; --core:#FFF3C4; --gold:#F0C24B; --map:#0F2822; --road:#1F4239;
  --doc:#F7F5EE; --doc-ink:#12302A;
  background:var(--b-bg);color:var(--b-ink);padding-block:clamp(48px,8vw,96px);position:relative;
  background-image:radial-gradient(1200px 600px at 75% 40%,rgba(240,194,75,.07),transparent 60%);
}
.wwd[data-look="draft"]{
  --b-bg:#EEF0EA; --b-ink:#12302A; --b-mute:#5E7169; --b-dim:#A7B4AC;
  --n-bg:#FFFFFF; --n-line:#D3DBD4; --n-ink:#12302A; --n-mute:#5E7169; --n-sh:0 1px 2px rgba(18,48,42,.06),0 14px 30px -18px rgba(18,48,42,.35);
  --wire:#B4C1B8; --lit:#D9A521; --pulse:#D9A521; --core:#12302A; --gold:#9A7410; --map:#F3F5F0; --road:#DCE3DB;
  --doc:#FBFAF5; --doc-ink:#12302A;
  background-image:none;
}
.wwd .head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,52px)}
.wwd .head .eye{color:var(--b-mute)}
.wwd .tabs{display:flex;gap:clamp(14px,2.6vw,36px);flex-wrap:wrap}
.wwd .tabs button{all:unset;cursor:pointer;display:grid;gap:9px;min-width:64px;padding-bottom:2px}
@media (max-width:600px){
.wwd .tabs{gap:16px;flex-wrap:nowrap}
.wwd .tabs button{min-width:0}
.wwd .tabs button span{font-size:17px}
}
.wwd .tabs button span{font:800 clamp(17px,1.7vw,22px)/1 var(--display);letter-spacing:-.03em;color:var(--b-dim);transition:color .3s}
.wwd .tabs button:hover span{color:var(--b-mute)}
.wwd .tabs button.on span{color:var(--b-ink)}
.wwd .tabs i{display:block;height:2px;background:var(--wire);overflow:hidden;border-radius:2px}
.wwd .tabs b{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .6s var(--ease)}
.wwd .tabs button.past b{transform:scaleX(1);opacity:.35}
.wwd .body{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2.3fr);gap:clamp(28px,4vw,64px);align-items:start}
.wwd .copy{display:grid;gap:18px;align-content:start;padding-top:4px;transition:opacity .35s ease,transform .45s var(--ease)}
.wwd .copy.out{opacity:0;transform:translateY(10px)}
.wwd .cno{font:400 12px/1 var(--mono);color:var(--b-mute);letter-spacing:.06em}
.wwd .ctitle{margin:0;font:900 clamp(48px,6.4vw,96px)/.9 var(--display);letter-spacing:-.055em}
.wwd .csay{margin:0;font:600 clamp(17px,1.5vw,20px)/1.4 var(--text);color:var(--b-ink);max-width:30ch;text-wrap:pretty}
.wwd .csteps{list-style:none;margin:6px 0 0;padding:0;display:grid}
.wwd .csteps li{display:grid;grid-template-columns:30px 1fr;align-items:baseline;padding:9px 0;border-top:1px solid var(--wire);font:600 14.5px/1.35 var(--text);color:var(--b-dim);transition:color .35s}
.wwd .csteps li:last-child{border-bottom:1px solid var(--wire)}
.wwd .csteps li b{font:400 11px/1 var(--mono);color:inherit}
.wwd .csteps li.done{color:var(--b-mute)}
.wwd .csteps li.on{color:var(--b-ink)}
.wwd .csteps li.on b{color:var(--gold)}
.wwd{
  --g-ink:#12302A; --g-mute:#5E7169; --g-dim:#A3B1A9; --g-mist:#E3E8E1;
  --gold-ink:#8A6A0E; --live:#22C55E; --node:#12151C; --node2:#1B2029; --node3:#262C37;
  --lift:0 1px 2px rgba(15,23,42,.08),0 16px 36px -16px rgba(15,23,42,.32);
  --c-gold:#D9A521; --c-green:#2F9E6E; --c-blue:#2F5BE0; --c-coral:#E5603B; --c-ink:#12302A;
}
.wwd[data-look="night"]{--c-green:#3DBB85;--c-blue:#5B82FF;--c-coral:#F0764F;--c-ink:#E6EDE8;--lift:0 1px 2px rgba(0,0,0,.25),0 22px 40px -18px rgba(0,0,0,.75)}
.wwd[data-look="night"] .dk{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 22px 40px -18px rgba(0,0,0,.8)}
.wwd[data-look="night"] .cursor span{box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.wwd[data-look="night"] .tag.dark{box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.wwd .log{display:none;align-items:center;gap:9px;font:600 14px/1.3 var(--text);color:var(--b-ink);min-height:20px}
.wwd .log b{font:400 11px/1 var(--mono);color:var(--gold)}
.wwd .sbox{position:relative;width:100%;max-width:calc((100svh - 250px) * 1.25);min-width:min(100%,560px);margin-inline:auto;aspect-ratio:5/4}
.wwd .stage{position:absolute;left:0;top:0;width:960px;height:768px;transform-origin:0 0;transform:scale(var(--k,1));transition:opacity .35s ease}
.wwd .stage.out{opacity:0}
.wwd .links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.wwd .links .w{fill:none;stroke:color-mix(in srgb,var(--wc) 45%,transparent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:2 8;transition:stroke .5s}
.wwd .links .w.lit{stroke:var(--wc);stroke-width:3.4;stroke-dasharray:none}
.wwd .links .flow{fill:none;stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:12 200;animation:wf-flow 2.6s linear infinite;opacity:0;transition:opacity .5s}
.wwd .links .flow.lit{opacity:.95}
@keyframes wf-flow{to{stroke-dashoffset:-212}}
.wwd .links .w.draw{animation:wf-draw .9s var(--ease) both}
@keyframes wf-draw{from{opacity:0}to{opacity:1}}
.wwd .links .pt{fill:#fff;stroke:var(--wc);stroke-width:2.2;transition:fill .3s}
.wwd .links .pt.lit{fill:var(--wc)}
.wwd .links .comet{fill:none;stroke:var(--wc);stroke-width:6;stroke-linecap:round;opacity:.9}
.wwd .links .halo{fill:var(--wc);opacity:.22}
.wwd .links .head{fill:#fff;stroke:var(--wc);stroke-width:3}
.wwd .tag{position:absolute;z-index:3;transform:translate(-50%,-50%) scale(var(--ts,1));white-space:nowrap;font:700 12.5px/1 var(--text);color:var(--g-ink);background:#fff;border:1.5px solid color-mix(in srgb,var(--wc) 35%,transparent);padding:5px 10px;border-radius:999px;box-shadow:0 6px 14px -8px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .3s,color .3s;pointer-events:none}
.wwd .tag.dark{background:var(--node);color:#E5E7EB;border-color:transparent}
.wwd .tag.pop{--ts:1.18;background:var(--wc);color:#fff;border-color:transparent}
.wwd .node{position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--w);height:var(--h,auto);container-type:inline-size;transform:rotate(var(--r,0deg));transition:opacity .5s ease,transform .7s cubic-bezier(.3,1.35,.5,1),filter .3s}
.wwd .stage.enter .node{opacity:0;transform:translateY(-26px) rotate(calc(var(--r,0deg) * 3 + 4deg)) scale(.94)}
.wwd .node.hit{animation:wf-hit .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes wf-hit{30%{transform:rotate(var(--r,0deg)) scale(1.045)}100%{transform:rotate(var(--r,0deg)) scale(1)}}
.wwd .node.live{z-index:2}
.wwd .nb{position:relative;height:100%}
.wwd .nb{--sk:rgba(18,48,42,.09);--sk2:rgba(18,48,42,.04)}
.wwd .dk,.wwd .quote.ink{--sk:rgba(255,255,255,.1);--sk2:rgba(255,255,255,.04)}
.wwd .sticky{--sk:rgba(90,62,0,.14);--sk2:rgba(90,62,0,.06)}
.wwd .pend{color:transparent!important;-webkit-text-fill-color:transparent;text-decoration-color:transparent!important;border-radius:7px;box-shadow:none!important;
  background:linear-gradient(100deg,var(--sk) 30%,var(--sk2) 50%,var(--sk) 70%) 0 0/300% 100%!important;animation:wf-skel 1.6s linear infinite;
  transition:color .3s,background .3s,opacity .3s,transform .4s cubic-bezier(.3,1.4,.5,1)}
.wwd .pend *{color:transparent!important;-webkit-text-fill-color:transparent;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.wwd .pend img,.wwd .pend video,.wwd .pend svg{opacity:0}
@keyframes wf-skel{to{background-position:-300% 0}}
.wwd .chat .m.pend{transform:none}
.wwd .lay{position:absolute;inset:0;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease)}
.wwd .lay.on{clip-path:inset(0);z-index:2}
.wwd .lay.was{clip-path:inset(0);z-index:1}
.wwd .lay img,.wwd .lay video{width:100%;height:100%;object-fit:cover;display:block}
.wwd .card{background:#fff;border-radius:16px;box-shadow:var(--lift);padding:clamp(12px,7cqi,20px)}
.wwd .card h4{margin:0 0 clamp(8px,5cqi,14px);font:700 clamp(9.5px,4.2cqi,12px)/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--g-mute)}
.wwd .sticky{background:linear-gradient(170deg,#F3D27A 0%,var(--c-gold) 60%,#C9971B 100%);box-shadow:0 2px 3px rgba(120,90,0,.14),0 18px 30px -16px rgba(120,90,0,.5);border-radius:3px;padding:clamp(12px,8cqi,22px);color:#1f1a00;display:flex;flex-direction:column;justify-content:space-between;gap:6px}
.wwd .sticky .big{font:900 clamp(24px,19cqi,64px)/.9 var(--display);letter-spacing:-.05em;transition:opacity .4s,transform .4s}
.wwd .sticky p{margin:0;font:700 clamp(12px,7cqi,18px)/1.22 var(--text);transition:opacity .4s,transform .4s}
.wwd .sticky small{font:600 clamp(9.5px,4.6cqi,12px)/1.3 var(--text);color:rgba(40,32,0,.7);transition:opacity .4s,transform .4s}
.wwd .sticky.white{background:#fff;color:var(--g-ink);box-shadow:var(--lift)}
.wwd .sticky.white small{color:var(--g-mute)}
.wwd .quote{background:#fff;border-radius:18px 18px 18px 4px;box-shadow:var(--lift);padding:clamp(12px,7cqi,20px)}
.wwd .quote p{margin:0;font:600 clamp(12px,6.2cqi,18px)/1.3 var(--text);min-height:2.6em}
.wwd .quote small{display:block;margin-top:clamp(6px,4cqi,10px);font:600 clamp(9.5px,4.4cqi,12.5px)/1.2 var(--text);color:var(--g-mute)}
.wwd .quote.ink{background:var(--g-ink);color:#EEF0EA;border-radius:18px 18px 4px 18px}
.wwd .quote.ink p{min-height:0}
.wwd .quote.ink small{color:rgba(238,240,234,.7)}
.wwd .photo{background:#fff;border-radius:14px;box-shadow:var(--lift);padding:clamp(6px,3.4cqi,10px) clamp(6px,3.4cqi,10px) clamp(8px,4cqi,12px)}
.wwd .photo .pic{position:relative;border-radius:8px;overflow:hidden;background:var(--g-mist)}
.wwd .photo .pic>img{display:block;width:100%;height:100%;object-fit:cover}
.wwd .photo small{display:block;margin:clamp(6px,3.6cqi,10px) 3px 0;font:600 clamp(10px,4.8cqi,13.5px)/1.2 var(--text);color:var(--g-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wwd .dk{background:var(--node);border-radius:11px;color:#E5E7EB;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 20px 36px -18px rgba(0,0,0,.65);font-size:13px}
.wwd .dk .nt{display:flex;align-items:center;gap:8px;padding:clamp(8px,4.6cqi,11px) clamp(10px,5cqi,13px);border-radius:11px 11px 0 0;background:var(--node2);font:700 clamp(11px,5.4cqi,14px)/1.1 var(--text);color:#fff}
.wwd .dk .nt i{width:10px;height:10px;border-radius:3px;background:var(--nc);flex:none}
.wwd .dk .nt em{margin-left:auto;font-style:normal;font-weight:700;font-size:clamp(8.5px,3.8cqi,10.5px);letter-spacing:.08em;text-transform:uppercase;color:var(--nc)}
.wwd .dk .rows{padding:clamp(7px,4cqi,11px);display:grid;gap:5px}
.wwd .dk .row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--node3);border-radius:7px;padding:clamp(5px,3cqi,8px) clamp(7px,4cqi,10px);font:500 clamp(10px,4.9cqi,13px)/1.2 var(--text);color:#CBD5E1;transition:opacity .4s,transform .4s,background .3s,color .3s}
.wwd .dk .row b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.wwd .dk .row i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--live);animation:wf-blink 1.6s infinite}
.wwd .dk .row.x{color:#6B7280;text-decoration:line-through;text-decoration-color:#E5484D;text-decoration-thickness:1.5px}
.wwd .dk .row.x i{background:#E5484D;animation:none}
.wwd .dk .row.ok{background:color-mix(in srgb,var(--c-gold) 26%,var(--node3));color:#fff}
.wwd .dk .row.ok i{background:var(--c-gold);animation:none}
.wwd .dk .row.wait i{background:#6B7280;animation:none}
@keyframes wf-blink{50%{opacity:.25}}
.wwd .live .dk .nt i,.wwd .dk.live .nt i{animation:wf-blink .8s infinite}
.wwd .msite .scr{position:relative;border-radius:clamp(14px,9cqi,24px);overflow:hidden;background:#1C3FAA;box-shadow:var(--lift)}
.wwd .msite .scr img{width:100%;display:block;transition:transform 2.4s ease-in-out}
.wwd .msite .url{margin-top:clamp(6px,4cqi,10px);background:#fff;border-radius:12px;box-shadow:var(--lift);padding:clamp(7px,4cqi,10px) clamp(9px,5cqi,13px);display:flex;justify-content:space-between;align-items:center;gap:8px}
.wwd .msite .url b{font:400 clamp(10px,5.6cqi,15px)/1 Anton,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wwd .msite .url span{display:flex;align-items:center;gap:6px;font:700 clamp(9.5px,4.6cqi,12px)/1 var(--text);color:#15803D}
.wwd .msite .url span i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:wf-blink 1.6s infinite}
.wwd .cut .scr{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;box-shadow:var(--lift)}
.wwd .cut .rec{position:absolute;left:10px;top:10px;z-index:4;font:800 10.5px/1 var(--text);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.5);padding:5px 9px;border-radius:999px;display:flex;align-items:center;gap:6px}
.wwd .cut .rec i{width:7px;height:7px;border-radius:50%;background:#EF4444;animation:wf-blink 1s infinite}
.wwd .cut .strip{margin-top:10px;background:#fff;border-radius:11px;box-shadow:var(--lift);padding:7px 7px 6px}
.wwd .cut .clips{position:relative;display:flex;gap:3px;height:clamp(22px,13cqi,32px)}
.wwd .cut .clips div{flex:1;border-radius:5px;background-size:cover;background-position:center;opacity:.5;transition:opacity .3s}
.wwd .cut .clips div.on{opacity:1}
.wwd .cut .ph{position:absolute;top:-4px;bottom:-4px;left:0;width:2px;background:#EF4444;border-radius:2px}
.wwd .cut small{display:flex;justify-content:space-between;margin-top:5px;font:500 clamp(9.5px,4.4cqi,11.5px)/1 var(--text);color:var(--g-mute);font-variant-numeric:tabular-nums}
.wwd .fb{background:#fff;border-radius:12px;box-shadow:var(--lift);overflow:hidden}
.wwd .fb .hd{display:flex;gap:clamp(6px,3.4cqi,10px);align-items:center;padding:clamp(8px,4.4cqi,12px) clamp(9px,4.6cqi,14px) clamp(6px,3cqi,8px);min-height:clamp(40px,20cqi,58px)}
.wwd .fb .hd img{width:clamp(24px,12cqi,38px);height:clamp(24px,12cqi,38px);border-radius:50%;flex:none;background:#fff;object-fit:cover;box-shadow:0 0 0 1px var(--g-mist)}
.wwd .fb .hd b{display:block;font:700 clamp(10.5px,4.8cqi,14px)/1.15 var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wwd .fb .hd span{font:500 clamp(9px,3.9cqi,12px)/1.2 var(--text);color:var(--g-mute)}
.wwd .fb .hd>div{min-width:0}
.wwd .fb .pic{position:relative;aspect-ratio:var(--pa,1);background:var(--g-mist)}
.wwd .fb .ct{display:flex;justify-content:space-between;gap:8px;padding:clamp(7px,3.6cqi,9px) clamp(9px,4.6cqi,14px);font:500 clamp(9.5px,4.2cqi,12.5px)/1.2 var(--text);color:var(--g-mute);font-variant-numeric:tabular-nums}
.wwd .fb .ct b{color:var(--g-ink)}
.wwd .wave{display:flex;align-items:center;gap:2px;height:clamp(22px,14cqi,40px);margin-bottom:clamp(8px,5cqi,14px)}
.wwd .wave i{flex:1;height:var(--h);border-radius:2px;background:var(--c-gold);transform-origin:center}
.wwd .live .wave i{animation:wf-wv .6s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes wf-wv{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.wwd .notes{position:relative;height:100%}
.wwd .notes .n{position:absolute;width:62%;padding:clamp(8px,4.6cqi,12px);border-radius:5px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08),0 10px 22px -12px rgba(15,23,42,.35);transform:rotate(var(--nr));transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.5,1)}
.wwd .notes .n.pend{opacity:0!important;transform:rotate(var(--nr)) translateY(-14px) scale(.9)}
.wwd .notes .n b{display:block;font-weight:400;font-size:clamp(9px,4.4cqi,12px);letter-spacing:.06em;color:var(--c-gold)}
.wwd .notes .n b s{text-decoration:none;color:#D5DBD4}
.wwd .notes .n span{display:block;margin-top:3px;font:600 clamp(10px,5cqi,13.5px)/1.25 var(--text)}
.wwd .notes .n.g{background:linear-gradient(170deg,#F3D27A,var(--c-gold))}
.wwd .notes .n.g b{color:#7A5A00}
.wwd .notes .n.g b s{color:rgba(122,90,0,.35)}
.wwd .notes .n.m{background:var(--g-mist)}
.wwd .pin{position:absolute;left:50%;top:44%;width:16%;transform:translate(-50%,-50%);transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}
.wwd .pin.pend{transform:translate(-50%,-150%) scale(.4)}
.wwd .stamp{position:absolute;right:3%;bottom:-13%;width:44%;aspect-ratio:1;transform:rotate(7deg);transition:opacity .2s,transform .5s cubic-bezier(.3,1.5,.5,1)}
.wwd .stamp.pend{opacity:0!important;transform:rotate(30deg) scale(1.8)!important}
.wwd .stamp .big{font-size:clamp(18px,12cqi,40px)}
.wwd .chk{list-style:none;margin:0 0 clamp(20px,16cqi,50px);padding:0;display:grid;gap:clamp(7px,5cqi,12px)}
.wwd .chk li{display:grid;grid-template-columns:clamp(16px,9cqi,24px) 1fr;gap:clamp(7px,4cqi,11px);align-items:start;font:700 clamp(11px,6.2cqi,17px)/1.22 var(--text);transition:opacity .45s,transform .45s}
.wwd .chk svg{width:100%;height:auto}
.wwd .dn{margin:0 0 clamp(8px,5cqi,14px);font:500 clamp(10px,5cqi,13px)/1.3 var(--text);color:var(--g-mute)}
.wwd .dn b{display:block;color:var(--g-ink);font:800 clamp(13px,7.6cqi,20px)/1.1 var(--display);letter-spacing:-.03em;margin-top:2px}
.wwd .bt .cur{display:inline-block;width:.07em;height:.9em;background:currentColor;vertical-align:-.08em;margin-left:.05em;animation:wf-blink 1s steps(1) infinite}
.wwd .reach{display:inline-block;transition:transform .3s,color .3s}
.wwd .reach.tick{transform:scale(1.15);color:var(--c-blue)}
.wwd .kit{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(10px,6cqi,22px)}
.wwd .kit .aa{display:grid;place-items:center;width:clamp(56px,24cqi,120px);aspect-ratio:1;border-radius:12px;font-size:clamp(28px,12cqi,60px);line-height:1;transition:background .6s,color .6s}
.wwd .kit .kmeta{display:grid;gap:clamp(5px,3cqi,9px);min-width:0}
.wwd .kit .kn{font:800 clamp(12px,5cqi,18px)/1.15 var(--text);letter-spacing:-.01em}
.wwd .kit .sw{display:flex;gap:6px}
.wwd .kit .sw i{width:clamp(16px,7cqi,30px);aspect-ratio:1;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12);transition:background .6s}
.wwd .kit .ks{font-size:clamp(11px,4.6cqi,17px);line-height:1;transition:color .6s}
.wwd .kit.swap .aa,.wwd .kit.swap .ks,.wwd .kit.swap .kn{animation:wf-kswap .7s var(--ease)}
@keyframes wf-kswap{0%{clip-path:inset(0)}45%{clip-path:inset(0 0 100% 0)}55%{clip-path:inset(100% 0 0 0)}100%{clip-path:inset(0)}}
.wwd .fb .hd .hl{display:none;gap:inherit;align-items:center;min-width:0}
.wwd .fb .hd .hl.on{display:flex}
.wwd .ui-g{background:#fff;border-radius:16px;box-shadow:var(--lift);padding:clamp(12px,7cqi,18px) clamp(10px,6cqi,15px);color:#202124}
.wwd .ui-g .lg{font:500 clamp(17px,10cqi,24px)/1 var(--text);letter-spacing:-.02em}
.wwd .ui-g .qq{margin:clamp(8px,5cqi,12px) 0;height:clamp(24px,13cqi,30px);border-radius:15px;box-shadow:0 0 0 1px #DADCE0;font:400 clamp(10px,5.2cqi,12px)/clamp(24px,13cqi,30px) var(--text);padding:0 11px;white-space:nowrap;overflow:hidden}
.wwd .ui-g .qq::after{content:"";display:inline-block;width:1px;height:13px;background:#202124;vertical-align:-2px;margin-left:1px;animation:wf-blink 1s steps(1) infinite}
.wwd .ui-g .r{transition:opacity .4s,transform .4s}
.wwd .ui-g small{display:block;font:400 clamp(8.5px,4.2cqi,10px)/1.5 var(--mono);color:#188038}
.wwd .ui-g .r b{display:block;font:500 clamp(11px,5.8cqi,13.5px)/1.25 var(--text);color:#1A0DAB;margin-bottom:2px}
.wwd .ui-g .r span{display:block;font:400 clamp(9.5px,4.8cqi,11.5px)/1.4 var(--text);color:#4D5156}
.wwd .ui-g .r+.r{margin-top:10px}
.wwd .ui-g .r.pick b{text-decoration:underline}
.wwd .chat{background:#F1EFE7;border-radius:18px;box-shadow:var(--lift);padding:clamp(10px,6cqi,14px);display:flex;flex-direction:column;justify-content:flex-end;gap:7px;height:100%}
.wwd .chat .hd{display:flex;align-items:center;gap:6px;font:700 clamp(10px,5cqi,12px)/1 var(--text);margin-bottom:auto}
.wwd .chat .hd i{width:7px;height:7px;border-radius:50%;background:#16A34A}
.wwd .chat .m{font:600 clamp(10.5px,5.6cqi,13px)/1.3 var(--text);padding:8px 11px;max-width:90%;transition:transform .4s cubic-bezier(.3,1.5,.5,1),opacity .3s}
.wwd .chat .me{align-self:flex-end;background:#12302A;color:#EEF0EA;border-radius:14px 14px 4px 14px;transform-origin:100% 100%}
.wwd .chat .ai{align-self:flex-start;background:#fff;color:#12302A;border-radius:14px 14px 14px 4px;transform-origin:0 100%}
.wwd .chat .ty{align-self:flex-start;background:#fff;border-radius:13px;padding:9px 11px;display:none;gap:4px}
.wwd .chat .ty.on{display:flex}
.wwd .chat .ty i{width:6px;height:6px;border-radius:50%;background:#9DB2A9;animation:wf-ty 1s infinite}
.wwd .chat .ty i:nth-child(2){animation-delay:.15s}
.wwd .chat .ty i:nth-child(3){animation-delay:.3s}
@keyframes wf-ty{50%{transform:translateY(-4px)}}
.wwd .inbox{background:#fff;border-radius:16px;box-shadow:var(--lift);overflow:hidden;color:#202124}
.wwd .inbox .hd{padding:11px 12px 9px;font:700 clamp(11px,5.4cqi,13px)/1 var(--text);border-bottom:1px solid #ECEFEA;display:flex;justify-content:space-between}
.wwd .inbox .hd span{font:400 9px/1 var(--mono);color:#5B6F68}
.wwd .inbox .row{padding:8px 12px;border-bottom:1px solid #F1F3EF;font:400 clamp(9.5px,4.8cqi,11px)/1.3 var(--text);color:#5B6F68}
.wwd .inbox .row b{display:block;color:#202124;font-weight:700}
.wwd .inbox .new{background:#FFF8E1;max-height:70px;transition:max-height .5s var(--ease),padding .5s var(--ease);overflow:hidden}
.wwd .inbox .new.pend{max-height:0;padding-block:0;opacity:1!important;transform:none}
.wwd .inbox .auth{display:flex;gap:4px;flex-wrap:wrap;padding:9px 12px 11px}
.wwd .inbox .auth i{font:700 8.5px/1 var(--mono);font-style:normal;padding:5px;border-radius:5px;background:#DCFCE7;color:#166534;transition:background .3s,color .3s}
.wwd .inbox .auth i.no{background:#FDECEC;color:#B42318}
.wwd .cal{display:grid;grid-template-rows:auto auto 1fr;gap:clamp(6px,2.4cqi,12px);height:100%}
.wwd .cal .ch{display:flex;justify-content:space-between;align-items:baseline}
.wwd .cal .mo{font:800 clamp(15px,5cqi,24px)/1 var(--display);letter-spacing:-.03em}
.wwd .cal .wk{font:700 clamp(9.5px,2.6cqi,12px)/1 var(--text);color:var(--gold-ink);letter-spacing:.06em;text-transform:uppercase}
.wwd .dow,.wwd .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1.3cqi,8px)}
.wwd .dow span{font:600 clamp(8.5px,2.3cqi,11px)/1 var(--text);color:var(--g-mute)}
.wwd .days{grid-template-rows:repeat(4,minmax(0,1fr))}
.wwd .day{border-radius:clamp(5px,1.8cqi,9px);background:#F3F5F1;box-shadow:inset 0 0 0 1px #E7EBE5;padding:clamp(3px,1.1cqi,6px);display:flex;align-items:flex-end;min-height:24px;transition:box-shadow .25s,background .25s}
.wwd .day.today{box-shadow:inset 0 0 0 2px var(--c-gold);background:#fff}
.wwd .chip{--c:#D9A521;--on:#12302A;max-width:100%;font:700 clamp(8px,2.1cqi,10.5px)/1 var(--text);letter-spacing:-.02em;padding:clamp(3px,1cqi,5px) clamp(2px,.8cqi,4px);border-radius:5px;color:var(--c);box-shadow:inset 0 0 0 1.4px var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .25s,color .25s,opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.wwd .chip.pend{animation:none}
.wwd .chip.ok{background:var(--c);color:var(--on)}
.wwd .c-post{--c:#D9A521;--on:#12302A}
.wwd .c-story{--c:#2F9E6E;--on:#fff}
.wwd .c-reel{--c:#2F5BE0;--on:#fff}
.wwd .c-email{--c:#12302A;--on:#EEF0EA}
.wwd .c-report{--c:#E5603B;--on:#fff}
.wwd .mbars{display:flex;align-items:flex-end;gap:6%;height:clamp(24px,26cqi,60px)}
.wwd .mbars i{flex:1;border-radius:3px 3px 0 0;background:rgba(18,48,42,.14);height:10%;transition:height .6s var(--ease),background .3s}
.wwd .mbars i.on{background:#2F5BE0}
.wwd .cursor{position:absolute;left:0;top:0;z-index:6;pointer-events:none;transform:translate(var(--cx,40%),var(--cy,50%));transition:transform .9s cubic-bezier(.65,0,.25,1)}
.wwd .cursor svg{width:22px;height:22px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.wwd .cursor span{position:absolute;left:17px;top:17px;white-space:nowrap;background:#12302A;color:#fff;font:600 12px/1 var(--text);padding:5px 9px;border-radius:6px 999px 999px 999px}
.wwd .cursor.click svg{animation:wf-clk .3s ease}
@keyframes wf-clk{50%{transform:scale(.75)}}
/* v13 (Nick 19.10: «посты обрезанные, золотые пустые карточки») — whole pieces, never cropped; every card carries something */
.wwd .pic.fit .lay img,.wwd .pic.fit .lay video{object-fit:contain}
.wwd .sticky.idea{gap:10px}
.wwd .sticky.idea .bt{font:800 clamp(18px,11.5cqi,34px)/1.04 var(--display);letter-spacing:-.035em;min-height:2.1em}
.wwd .sticky .pl{font:700 clamp(9px,7.4cqi,15px)/1.35 var(--text);color:rgba(40,32,0,.82)}
.wwd .res .rb{display:grid;grid-template-columns:38% 1fr;gap:clamp(8px,5cqi,14px);padding:clamp(8px,4.4cqi,12px);align-items:center}
.wwd .res .rth{position:relative;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#0B1220;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.wwd .res .rn{display:grid;gap:2px;font-variant-numeric:tabular-nums}
.wwd .res .rn b{font:800 clamp(20px,12cqi,36px)/1 var(--display);letter-spacing:-.04em;color:#fff}
.wwd .res .rn b.tick{color:#4ADE80}
.wwd .res .rn span{font:600 clamp(9.5px,4.6cqi,12px)/1.2 var(--text);color:#94A3B8;margin-bottom:clamp(6px,4cqi,12px)}
.wwd .res .rn span:last-child{margin-bottom:0}
.wwd .ticket{position:relative;display:grid;grid-template-columns:1fr auto;background:#1C3FAA;color:#fff;border-radius:12px;box-shadow:var(--lift);overflow:hidden;
  -webkit-mask:radial-gradient(circle at 72% 0,#0000 9px,#000 9.5px) top/100% 51% no-repeat,radial-gradient(circle at 72% 100%,#0000 9px,#000 9.5px) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle at 72% 0,#0000 9px,#000 9.5px) top/100% 51% no-repeat,radial-gradient(circle at 72% 100%,#0000 9px,#000 9.5px) bottom/100% 51% no-repeat}
.wwd .ticket .tk{display:grid;gap:2px;padding:clamp(12px,7cqi,20px) clamp(10px,6cqi,18px);width:72cqi;box-sizing:border-box}
.wwd .ticket .tk small{font:700 clamp(9px,4.4cqi,12px)/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:#FFD23F}
.wwd .ticket .tk b{font:400 clamp(24px,15cqi,44px)/1 Anton,var(--display);text-transform:uppercase;color:#FFD23F}
.wwd .ticket .tk span{font:600 clamp(9.5px,4.6cqi,12.5px)/1.2 var(--text);color:#DCE4FF;margin-top:4px}
.wwd .ticket .stub{display:grid;place-items:center;align-content:center;gap:6px;width:28cqi;box-sizing:border-box;border-left:2px dashed rgba(255,255,255,.35);padding:8px 4px}
.wwd .ticket .stub img{width:clamp(26px,14cqi,44px);height:auto;border-radius:50%;background:#fff}
.wwd .ticket .stub span{font:700 clamp(7.5px,3.4cqi,10px)/1.1 var(--text);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:#DCE4FF}
.wwd .buyw{position:relative;height:100%}
.wwd .buyw .paid{position:absolute;right:-5%;top:-16%;z-index:2;padding:.28em .6em .32em;border-radius:999px;color:#fff;background:#16A34A;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);
  font:800 clamp(13px,7cqi,20px)/1 var(--display);letter-spacing:-.01em;transform:rotate(8deg);transition:opacity .25s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.wwd .buyw .paid.pend{opacity:0!important;background:#16A34A!important;animation:none;transform:rotate(-10deg) scale(1.9)}
/* v14 (Nick 19.10: «каждый блок ждёт без анимации», «убери дизайн с золотой карточкой»): every node lives before the pulse reaches it, and the gold sticky paper is gone */
.wwd .node{animation:wf-float 6s ease-in-out infinite;animation-delay:calc(var(--sd,0) * -1.3s)}
@keyframes wf-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
.wwd .links .w:not(.lit):not(.draw){animation:wf-dash 1.4s linear infinite}
@keyframes wf-dash{to{stroke-dashoffset:-10}}
.wwd .wave i{animation:wf-wv 1.1s ease-in-out infinite alternate;animation-delay:var(--d)}
.wwd .live .wave i{animation-duration:.6s}
.wwd .pic img{animation:wf-kb 11s ease-in-out infinite alternate;animation-delay:calc(var(--sd,0) * -2s)}
.wwd .pic.fit img{animation:none}
@keyframes wf-kb{from{scale:1}to{scale:1.045}}
.wwd .kit .aa{animation:wf-breath 3.6s ease-in-out infinite}
@keyframes wf-breath{0%,100%{scale:1}50%{scale:1.04}}
.wwd .dk .nt i{animation:wf-blink 2.4s infinite}
.wwd .inbox .hd span{animation:wf-blink 2s infinite}
.wwd .dk::after,.wwd .photo .pic::after,.wwd .fb .pic::after,.wwd .res .rth::after,.wwd .ticket::after,.wwd .msite .scr::after,.wwd .kit .aa::after,.wwd .sticky::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.24) 50%,transparent 58%) 160% 0/260% 100% no-repeat;animation:wf-sheen 6.5s ease-in-out infinite;animation-delay:calc(var(--sd,0) * .8s)}
.wwd .kit .aa{position:relative}
@keyframes wf-sheen{0%,68%{background-position:160% 0}100%{background-position:-60% 0}}
.wwd .mbars i.on{animation:wf-bar 2.2s ease-in-out infinite alternate}
.wwd .mbars i.on:nth-child(2){animation-delay:-.6s}.wwd .mbars i.on:nth-child(3){animation-delay:-1.2s}.wwd .mbars i.on:nth-child(4){animation-delay:-1.8s}
@keyframes wf-bar{to{scale:1 .9}}
.wwd .mbars i{transform-origin:bottom}
/* cards instead of gold paper: white for notes, ink for the idea, a round ink stamp for Day 1 */
.wwd .sticky{background:#fff;border-radius:14px;box-shadow:var(--lift);color:var(--g-ink);--sk:rgba(18,48,42,.09);--sk2:rgba(18,48,42,.04)}
.wwd .sticky small,.wwd .sticky .pl{color:var(--g-mute)}
.wwd .sticky .big{color:var(--g-ink)}
.wwd .sticky.idea{background:var(--g-ink);color:#EEF0EA;--sk:rgba(255,255,255,.1);--sk2:rgba(255,255,255,.04)}
.wwd .sticky.idea small{color:rgba(238,240,234,.62)}
.wwd .sticky.idea small .bi{color:#F0C24B}
.wwd .sticky.stamp{border-radius:50%;background:var(--g-ink);display:grid;place-items:center;align-content:center;text-align:center;gap:2px;padding:6%;box-shadow:0 0 0 4px #fff,var(--lift)}
.wwd .sticky.stamp .big{color:#F0C24B}
.wwd .sticky.stamp small{color:rgba(238,240,234,.7)}
.wwd .notes .n.g{background:var(--g-ink)}
.wwd .notes .n.g b{color:#F0C24B}
.wwd .notes .n.g b s{color:rgba(255,255,255,.22)}
.wwd .notes .n.g span{color:#EEF0EA}
@media (max-width:980px){
.wwd .body{grid-template-columns:minmax(0,1fr)}
.wwd .csay{max-width:46ch}
.wwd .csteps{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));column-gap:18px}
.wwd .csteps li:last-child{border-bottom:0}
}
@media (max-width:600px){
.wwd .ctitle{font-size:54px}
.wwd .csteps{display:none}
.wwd .log{display:flex}
.wwd .sbox{aspect-ratio:auto}
.wwd .stage{position:relative;width:auto;height:auto;transform:none;aspect-ratio:auto;display:grid;grid-template-columns:var(--cols);grid-template-areas:var(--areas);gap:30px 14px;padding-top:8px;align-items:start}
.wwd .node{position:relative;left:auto;top:auto;width:auto;height:var(--ph,auto);grid-area:var(--id);transform:rotate(calc(var(--r,0deg) * .5))}
.wwd .dsk{display:none!important}
.wwd .notes .n{width:92%}
.wwd .node[data-id="street"]{align-self:start;height:auto}
.wwd .node[data-id="street"] .nb{height:auto}
.wwd .chip{font-size:0;padding:0;width:9px;height:9px;border-radius:50%}
.wwd .stamp{right:3%;bottom:-8%;width:26%}
.wwd .buyw .paid{right:2%;top:-20%}
.wwd .node[data-id="recipe"] .chk{padding-right:22%}
.wwd .chk{margin-bottom:8px}
.wwd .tag{font-size:11px;padding:4px 8px}
}
.wwd .node{color:var(--g-ink)}
/* ---------- the chapter word, looping (one animation per chapter) ---------- */
.wwd .ctitle .tw{position:relative;display:inline-block;white-space:nowrap;padding-bottom:.08em}
.wwd .ctitle .tl{display:inline-block}
/* Think: the i's dot is a gold idea that lifts, flashes and rings */
.wwd .ctitle .ti{position:relative}
.wwd .ctitle .tdot{position:absolute;left:50%;top:-.13em;width:.21em;height:.21em;margin-left:-.105em;border-radius:50%;background:#D9A521;animation:wf-tdot 3.2s cubic-bezier(.3,1.5,.5,1) infinite}
.wwd .ctitle .tdot::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 .035em #D9A521;opacity:0;animation:wf-tring 3.2s ease-out infinite}
@keyframes wf-tdot{0%,52%,100%{transform:translateY(0) scale(1)}62%{transform:translateY(-.2em) scale(1.3)}74%{transform:translateY(0) scale(.9)}82%{transform:scale(1.04)}90%{transform:scale(1)}}
@keyframes wf-tring{0%,60%{transform:scale(1);opacity:0}63%{opacity:.85}100%{transform:scale(3.4);opacity:0}}
/* Ads: every letter rolls up like a feed and stops, a beat apart; the middle copy is gold */
.wwd .ctitle .roll{position:relative;overflow:hidden;line-height:1em;padding:.12em .1em;margin:-.12em -.1em;vertical-align:baseline}
.wwd .ctitle .rr{position:relative;display:inline-block;animation:wf-roll 4s cubic-bezier(.75,0,.15,1) infinite;animation-delay:calc(var(--i) * .09s)}
.wwd .ctitle .rr>span{display:inline-block}
.wwd .ctitle .rr>span+span{position:absolute;left:0;top:1.24em}
.wwd .ctitle .rr>span+span+span{top:2.48em}
.wwd .ctitle .rr>span:nth-child(2){color:var(--gold)}
@keyframes wf-roll{0%,30%{transform:translateY(0)}42%,72%{transform:translateY(-1.24em)}84%,100%{transform:translateY(-2.48em)}}
/* Design: one letter cell holds four looks (ours, HCTA, CDM, Queens); a wave re-dresses the word, the width never changes */
.wwd .ctitle .dz{display:inline-grid;justify-items:center;align-items:baseline}
.wwd .ctitle .dz>span{grid-area:1/1;animation:8s cubic-bezier(.65,0,.25,1) infinite;animation-delay:calc(var(--i) * .08s)}
.wwd .ctitle .dz .f0{animation-name:wf-dz0}
.wwd .ctitle .dz .f1{animation-name:wf-dz1;font-family:Anton,sans-serif;font-weight:400;font-size:.9em;text-transform:uppercase;letter-spacing:0;color:#1C3FAA}
.wwd .ctitle .dz .f2{animation-name:wf-dz2;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;color:#D7263D}
.wwd .ctitle .dz .f3{animation-name:wf-dz3;font-family:Manrope,sans-serif;font-weight:800;color:#0052CC}
@keyframes wf-dz0{0%,22%{opacity:1;transform:none}27%,95%{opacity:0;transform:translateY(-.14em)}100%{opacity:1;transform:none}}
@keyframes wf-dz1{0%,22%{opacity:0;transform:translateY(.14em)}27%,47%{opacity:1;transform:none}52%,100%{opacity:0;transform:translateY(-.14em)}}
@keyframes wf-dz2{0%,47%{opacity:0;transform:translateY(.14em)}52%,72%{opacity:1;transform:none}77%,100%{opacity:0;transform:translateY(-.14em)}}
@keyframes wf-dz3{0%,72%{opacity:0;transform:translateY(.14em)}77%,95%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.14em)}}
/* Build and Run share a wire under the word */
.wwd .ctitle .rail{position:absolute;left:.02em;right:.06em;bottom:-.04em;height:.055em;border-radius:1em;background:color-mix(in srgb,currentColor 14%,transparent)}
.wwd .ctitle .rail b{position:absolute;inset:0;border-radius:inherit;background:#D9A521;transform-origin:left;transform:scaleX(0)}
.wwd .ctitle .rail em{position:absolute;top:50%;left:0;width:.17em;height:.17em;margin:-.085em 0 0 -.085em;border-radius:50%;background:#D9A521;box-shadow:0 0 0 .06em color-mix(in srgb,#D9A521 30%,transparent);opacity:0}
/* Build: letters land like bricks, then the rail is laid and a pulse checks it */
.wwd .ctitle[data-k="build"] .tl{animation:wf-bld 4.4s cubic-bezier(.3,1.5,.5,1) infinite;animation-delay:calc(var(--i) * .1s)}
@keyframes wf-bld{0%,62%,100%{transform:none}70%{transform:translateY(-.14em) rotate(-2deg)}80%{transform:translateY(.02em)}86%{transform:none}}
.wwd .ctitle[data-k="build"] .rail b{animation:wf-blay 4.4s cubic-bezier(.65,0,.25,1) infinite}
.wwd .ctitle[data-k="build"] .rail em{animation:wf-brun 4.4s cubic-bezier(.65,0,.25,1) infinite}
@keyframes wf-blay{0%,8%{transform:scaleX(0);opacity:1}40%,88%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes wf-brun{0%,8%{left:0;opacity:0}12%{opacity:1}40%{left:100%;opacity:1}46%,100%{left:100%;opacity:0}}
/* Run: a pulse runs the wire on a loop, each letter it passes lifts and turns gold */
.wwd .ctitle[data-k="run"] .rail em{animation:wf-rrun 2.8s linear infinite}
.wwd .ctitle[data-k="run"] .rail b{opacity:.45;animation:wf-rtrail 2.8s linear infinite}
@keyframes wf-rrun{0%{left:0;opacity:0}6%{opacity:1}74%{left:100%;opacity:1}80%,100%{left:100%;opacity:0}}
@keyframes wf-rtrail{0%{transform:scaleX(0);opacity:.45}74%{transform:scaleX(1);opacity:.45}86%,100%{transform:scaleX(1);opacity:0}}
.wwd .ctitle[data-k="run"] .tl{animation:wf-rhop 2.8s cubic-bezier(.3,1.4,.5,1) infinite;animation-delay:calc(var(--a) * 2.07s - .12s)}
@keyframes wf-rhop{0%{transform:none;color:inherit}7%{transform:translateY(-.13em);color:var(--gold)}18%{transform:none;color:inherit}100%{transform:none}}
@media (prefers-reduced-motion:reduce){
.wwd *{transition:none!important;animation:none!important}
}