/* Personality layer: graphic. Loaded after extra.css. Motion is opt-in and respects reduced motion. */
main figure{min-width:0}
main section:not(.vvo-past) h2{text-decoration:underline;text-decoration-color:#0f6b4b;text-decoration-thickness:.11em;text-underline-offset:.2em;text-decoration-skip-ink:none}
main > section.vvo-range,
main > section.vvo-val,
main > section.vvo-gens,
main > section.vvo-map{background-image:repeating-linear-gradient(135deg,color-mix(in srgb,currentColor 6%,transparent) 0 2px,transparent 2px 16px)}
.vvo-past{overflow:hidden;isolation:isolate}
.vvo-past::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:min(600px,70%);background:#0f6b4b;opacity:.14;clip-path:polygon(0 0,100% 0,100% 58%,0 100%)}
.vvo-past::after{content:"";position:absolute;z-index:-1;right:-70px;top:36px;width:280px;height:280px;border-radius:50%;box-sizing:border-box;border:40px solid #0f6b4b;opacity:.2}
.vvo-past__tl::before{height:8px;top:30px;border-radius:0}
.vvo-past__tl li{padding-top:60px}
.vvo-past__tl li::before{top:25px;width:18px;height:18px;border:0;border-radius:0;background:#0f6b4b;transform:rotate(45deg)}
.vvo-past__yr{background:none;padding:0;color:transparent;-webkit-text-stroke:2px #0f6b4b;font-size:clamp(1.9rem,2.7vw,2.5rem);font-weight:900;line-height:1;letter-spacing:-.01em}
@media (min-width:761px){.vvo-past__tl{grid-template-columns:repeat(var(--n),minmax(150px,1fr));width:max(100%,calc(var(--n) * 150px))}}
@supports not (-webkit-text-stroke:1px){.vvo-past__yr{color:#0f6b4b}}
.vvo-past__ph{border-radius:0;box-shadow:8px 8px 0 #0f6b4b}
.vvo-past__gal{gap:30px}
@media (max-width:760px){ .vvo-past__tl li{padding-top:0} .vvo-past__tl li::before{top:8px;left:-35px} .vvo-past::after{width:180px;height:180px;border-width:26px;right:-60px} .vvo-past__yr{font-size:2.3rem} }
