.v8-path{stroke-dasharray:1;stroke-dashoffset:0;animation:drawA 2.4s cubic-bezier(0.6,0,0.3,1) 0.15s both}
.v8-area{animation:areaA 2.4s cubic-bezier(0.6,0,0.3,1) 0.15s both}
.cb .v8-area{animation-name:areaB !important}
@keyframes areaA{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes areaB{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
.v8-ring{transform-origin:600px 30px;animation:ring 2.2s ease-out 2.55s infinite backwards}
@keyframes ring{0%{transform:scale(.8);opacity:0}8%{opacity:.9}100%{transform:scale(2.6);opacity:0}}
.v15-ring{transform-origin:600px 30px !important}
.v15-val[style*="--i: 0"]{animation-delay:0.15s}
;
.v15-val[style*="--i: 1"]{animation-delay:1.08s}
;
.v15-val[style*="--i: 2"]{animation-delay:1.37s}
;
.v15-val[style*="--i: 3"]{animation-delay:2.55s}
.v6-story p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
@media (max-width:560px){.v6-story p{text-align:left;hyphens:manual}}
.t8-wrap{position:relative}
.t8-line{position:absolute;left:calc(100%/12);right:calc(100%/12);top:27px;height:3px;border-radius:2px;background:linear-gradient(90deg,#DCDAFB,#9FD3B4 20%,#B9B4FF 45%,#7D74E6 75%,#16181D);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.t8-line.v7-wait{transform:scaleX(0)}
.t8{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;position:relative}
.t8-i{display:flex;flex-direction:column;align-items:center;text-align:center}
.t8-ring{position:relative;width:56px;height:56px;box-sizing:border-box;border-radius:50%;background:#FFFFFF;border:2px solid var(--c);display:grid;place-items:center;box-shadow:0 8px 18px -10px rgba(22,24,29,.3);z-index:1}
.t8-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}
.t8-n{position:absolute;top:-8px;right:-10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;border:2px solid #FFFFFF}
.t8-txt{margin-top:16px}
.t8-y{display:block;font-size:20px;font-weight:800;letter-spacing:-0.02em;line-height:1;color:#16181D}
.t8-txt b{display:block;margin-top:6px;font-size:14px;font-weight:700;line-height:1.3}
.t8-s{display:block;margin-top:3px;font-size:13px;color:#3E4049;line-height:1.35}
.t8-y em{font-style:normal;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;background:#E7EFEA;color:#1F5A3A;vertical-align:3px;margin-left:4px;letter-spacing:0}
.t8-now .t8-y{color:#7D74E6}
.t8-now .t8-ring{border-color:#B9B4FF;box-shadow:0 0 0 6px rgba(185,180,255,.3),0 8px 18px -10px rgba(22,24,29,.3)}
@media (max-width:900px){.t8-line{left:27px;right:auto;top:10px;bottom:10px;width:3px;height:auto;background:linear-gradient(#DCDAFB,#7D74E6,#16181D);transform-origin:top}.t8-line.v7-wait{transform:scaleY(0)}.t8{grid-template-columns:1fr;gap:20px}.t8-i{flex-direction:row;align-items:center;text-align:left;gap:18px}.t8-ring{flex:none}.t8-txt{margin-top:0}}
.se-card{border:1px solid #E6E5F5;border-radius:28px;background:#FFFFFF;box-shadow:0 30px 60px -36px rgba(22,24,29,.28);overflow:hidden}
.se-row{display:grid;grid-template-columns:repeat(3,1fr)}
.se-i{position:relative;padding:36px 32px 34px}
.se-i+.se-i{border-left:1px solid #ECEBF3}
.se-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#16181D}
.se-n{position:absolute;top:36px;right:32px;font-size:13px;font-weight:800;color:#A9ABB6;letter-spacing:.04em}
.se-i h3{margin:20px 0 6px;font-size:22px;font-weight:800;letter-spacing:-0.02em}
.se-i p{margin:0;font-size:15px;color:#3E4049;line-height:1.5}
.se-key{display:flex;gap:24px;align-items:flex-start;background:#16181D;color:#FFFFFF;padding:36px 40px}
.se-bulb{flex:none;width:52px;height:52px;border-radius:50%;background:#B9B4FF;color:#16181D;display:grid;place-items:center}
.se-q{margin:0;font-size:26px;font-weight:800;letter-spacing:-0.02em;line-height:1.25}
.se-q .v6-serif{font-weight:400;color:#B9B4FF}
.se-sub{margin:12px 0 0;font-size:15px;color:#C9CBD4;line-height:1.55;max-width:760px}
@media (max-width:820px){.se-row{grid-template-columns:1fr}.se-i+.se-i{border-left:0;border-top:1px solid #ECEBF3}.se-i{padding:28px 24px}.se-n{top:28px;right:24px}.se-key{flex-direction:column;padding:28px 24px}.se-q{font-size:22px}}
/* V8 · purple standard: P500 #B9B4FF · P400 #C9C5FF · P300 #D9D6FF · P200 #E6E4FF · P100 #F1F0FF · Sage #9FD3B4 */
.t8-line{background:linear-gradient(90deg,#F1F0FF,#E6E4FF 20%,#D9D6FF 40%,#C9C5FF 60%,#B9B4FF 80%,#9FD3B4) !important}
.t8-ring{border-color:#B9B4FF !important}
.t8-now .t8-y{color:#16181D !important}
.t8-now .t8-ring{border-color:#9FD3B4 !important;box-shadow:0 0 0 6px rgba(159,211,180,.35),0 8px 18px -10px rgba(22,24,29,.3)}
.t8-txt b{max-width:200px;margin-left:auto;margin-right:auto}
@media (max-width:900px){.t8-line{background:linear-gradient(#F1F0FF,#C9C5FF,#B9B4FF,#9FD3B4) !important}.t8-txt b{margin-left:0}}
/* V8 · electric pulse along the career timeline */
.t8-pulse{position:absolute;top:50%;left:0;width:90px;height:3px;margin-top:-1.5px;border-radius:2px;background:linear-gradient(90deg,rgba(185,180,255,0),rgba(185,180,255,.55) 60%,#FFFFFF);transform:translateX(-100%);opacity:0;animation:t8pulse 11s linear 1.4s infinite;pointer-events:none;filter:drop-shadow(0 0 4px rgba(185,180,255,.9))}
.t8-pulse::after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 0 3px rgba(185,180,255,.55),0 0 14px 4px rgba(185,180,255,.95)}
@keyframes t8pulse{0%{left:0;opacity:0}3%{opacity:1}66%{opacity:1}70%{left:100%;opacity:0}100%{left:100%;opacity:0}}
.t8-line.v7-wait .t8-pulse{display:none}
.t8-ring{animation:t8node 11s ease-out calc(1.4s + 1.540s * var(--n)) infinite}
.t8-now .t8-ring{animation-name:t8nodeNow}
.t8-wrap:has(.t8-line.v7-wait) .t8-ring{animation:none}
@keyframes t8node{0%{transform:scale(1.14);box-shadow:0 0 0 7px rgba(185,180,255,.45),0 0 26px 8px rgba(185,180,255,.75)}14%{transform:scale(1);box-shadow:0 0 0 0 rgba(185,180,255,0),0 8px 18px -10px rgba(22,24,29,.3)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(185,180,255,0),0 8px 18px -10px rgba(22,24,29,.3)}}
@keyframes t8nodeNow{0%{transform:scale(1.16);box-shadow:0 0 0 9px rgba(159,211,180,.55),0 0 30px 10px rgba(159,211,180,.8)}18%{transform:scale(1);box-shadow:0 0 0 6px rgba(159,211,180,.35),0 8px 18px -10px rgba(22,24,29,.3)}100%{transform:scale(1);box-shadow:0 0 0 6px rgba(159,211,180,.35),0 8px 18px -10px rgba(22,24,29,.3)}}
@media (max-width:900px){.t8-pulse{top:0;left:50%;width:3px;height:90px;margin:0 0 0 -1.5px;background:linear-gradient(180deg,rgba(185,180,255,0),rgba(185,180,255,.55) 60%,#FFFFFF);transform:translateY(-100%);animation-name:t8pulseV}.t8-pulse::after{right:auto;left:50%;top:auto;bottom:-5px;margin:0 0 0 -5px}
@keyframes t8pulseV{0%{top:0;opacity:0}3%{opacity:1}66%{opacity:1}70%{top:100%;opacity:0}100%{top:100%;opacity:0}}}
@media (prefers-reduced-motion:reduce){.t8-pulse{display:none}.t8-ring{animation:none !important}}
/* V8 · handwritten signature (story) + signature logo (header) */
.sg8{margin:32px 56px 0 auto;width:min(230px,70%);color:#2A2D35;opacity:1 !important;transform:none !important}
.sg8 svg{display:block;width:100%;height:auto;overflow:visible}
.sg8 path{stroke-dasharray:1;stroke-dashoffset:1}
.sg8.in path{animation:sg8w var(--t) cubic-bezier(.42,.08,.58,.92) calc(.5s + var(--d)) forwards}
@keyframes sg8w{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.sg8 path{stroke-dashoffset:0;animation:none !important}}
.v9-sig{display:block;height:44px;width:auto;color:#16181D;overflow:visible}
@media (max-width:560px){.v9-sig{height:36px}}
/* V8 · pulse ring on expand (+) buttons */
.v6-acc > span[aria-hidden],.v12-btn > span[aria-hidden]{position:relative;transition:background .2s ease,color .2s ease,transform .2s ease}
.v6-acc > span[aria-hidden]::after,.v12-btn > span[aria-hidden]::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #B9B4FF;pointer-events:none;animation:accpulse 2.6s cubic-bezier(.2,.6,.3,1) infinite}
.v6-row:nth-of-type(2) .v6-acc > span[aria-hidden]::after{animation-delay:.45s}
.v6-row:nth-of-type(3) .v6-acc > span[aria-hidden]::after{animation-delay:.9s}
.v6-row:nth-of-type(4) .v6-acc > span[aria-hidden]::after{animation-delay:1.35s}
[style*="background: #ECEBFF"] .v6-acc > span[aria-hidden]::after{border-color:#7D74E6}
@keyframes accpulse{0%{transform:scale(1);opacity:.85}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.v6-acc:hover > span[aria-hidden],.v6-acc:focus-visible > span[aria-hidden]{transform:scale(1.08)}
.v6-acc[aria-expanded="true"] > span[aria-hidden]::after,.v12-btn[aria-expanded="true"] > span[aria-hidden]::after{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){.v6-acc > span[aria-hidden]::after,.v12-btn > span[aria-hidden]::after{animation:none;opacity:0}}
/* V8 · PH monogram (header) */
.ph8{position:relative;display:block;width:50px;height:50px;font-family:Manrope,system-ui,sans-serif;color:#16181D;line-height:1}
.ph8-p{position:absolute;left:0;top:-2px;font-size:44px;font-weight:500;letter-spacing:0}
.ph8-h{position:absolute;left:17px;top:15px;font-size:36px;font-weight:500;letter-spacing:0;color:#16181D;text-shadow:-2px 0 0 #FFFFFF,2px 0 0 #FFFFFF}
@media (max-width:560px){.ph8{transform:scale(.85);transform-origin:left center}.sg8{margin-right:24px}}
/* FINAL · portrait with floating circles */
.pt9{position:relative;margin:40px 0 0;width:100%;max-width:380px;aspect-ratio:4/5;overflow:visible;isolation:isolate;opacity:1 !important;transform:none !important}
.pt9 img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%;width:auto;z-index:2}
.pt9-c{position:absolute;z-index:1;border-radius:50%;display:block;will-change:transform}
.pt9-big{width:86%;aspect-ratio:1;left:7%;top:22%;background:#B9B4FF;animation:pt9a 14s ease-in-out infinite}
.pt9-l{width:26%;aspect-ratio:1;left:-6%;top:12%;background:#E6E4FF;animation:pt9b 11s ease-in-out infinite}
.pt9-r{width:30%;aspect-ratio:1;right:-8%;top:52%;background:#E6E4FF;animation:pt9c 12.5s ease-in-out infinite}
@keyframes pt9a{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(10px,-14px) scale(1.03)}50%{transform:translate(-6px,-22px) scale(1.05)}75%{transform:translate(-12px,-6px) scale(1.02)}}
@keyframes pt9b{0%,100%{transform:translate(0,0)}25%{transform:translate(18px,14px)}50%{transform:translate(6px,30px)}75%{transform:translate(-10px,12px)}}
@keyframes pt9c{0%,100%{transform:translate(0,0)}25%{transform:translate(-16px,-18px)}50%{transform:translate(-4px,-34px)}75%{transform:translate(12px,-14px)}}
@media (prefers-reduced-motion:reduce){.pt9-c{animation:none}}
@media (max-width:900px){.pt9{margin:32px auto 0}}