.vida{height:600svh;position:relative;background:#fff}
.vida__pan{opacity:0;transition:opacity .8s ease}
.vida.is-panning .vida__pan{opacity:1}
.vida__cards,.vida h2{transition:opacity .7s ease}
.vida.is-panning .vida__cards,.vida.is-panning h2{opacity:0;pointer-events:none}
.vida__closing{position:absolute;left:4%;top:50%;transform:translateY(-45%);width:43%;opacity:0;transition:opacity 1s ease,transform 1s ease;color:#333}
.vida.is-closed .vida__closing{opacity:1;transform:translateY(-50%)}
.vida__closing p{margin:0;font:200 clamp(28px,3.5vw,58px)/1.1 HelveticaLight,Arial,sans-serif}
.vida__closing strong{font-family:Helvetica,Arial,sans-serif;font-weight:700}
.vida__underline{display:block;width:85%;margin:18px 0 28px}
.site-footer{text-align:center;padding:36px 24px;color:#333;font:400 14px/1.6 Helvetica,Arial,sans-serif}
.site-footer a{color:inherit;text-underline-offset:4px}
@media(max-width:680px){.vida__closing{top:25%;width:85%}.vida__closing p{font-size:30px}}
@media(prefers-reduced-motion:reduce){.vida__pan{display:none}.vida__closing{position:relative;inset:auto;width:auto;margin-top:32px;opacity:1;transform:none}}
.vida__stage{height:100svh;position:sticky;top:0;overflow:hidden}
.vida__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vida__fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#fff,transparent 16%,transparent 84%,#fff)}
.vida h2{position:absolute;top:72px;left:2.4%;margin:0;color:#333;font:200 clamp(32px,5vw,78px)/1 HelveticaLight,Arial,sans-serif}
.vida__card{position:absolute;width:29%;padding:clamp(12px,1.2vw,22px);border:1px solid #ccc;border-radius:8px;background:rgba(242,242,242,.88);color:#333;opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0))*24px))}
.vida__card:nth-child(1){left:2.4%;top:23%}.vida__card:nth-child(2){left:5.5%;top:61%}.vida__card:nth-child(3){right:2.4%;top:35%}.vida__card:nth-child(4){right:7%;top:72%}
.vida__card h3{margin:0 0 8px;font:700 clamp(16px,2vw,32px)/1.15 HelveticaBold,Arial,sans-serif}
.vida__card p{margin:0;font:200 clamp(16px,2vw,32px)/1.25 HelveticaLight,Arial,sans-serif}
.vida__card::after{content:'';position:absolute;top:50%;width:12%;height:1px;background:#aaa}
.vida__card:nth-child(-n+2)::after{left:100%}.vida__card:nth-child(n+3)::after{right:100%}
@media(max-width:680px){.vida h2{top:72px}.vida__card{width:43%;padding:10px}.vida__card:nth-child(1){left:3%;top:20%}.vida__card:nth-child(2){left:3%;top:69%}.vida__card:nth-child(3){right:3%;top:20%}.vida__card:nth-child(4){right:3%;top:69%}.vida__card h3,.vida__card p{font-size:clamp(14px,2.4vw,18px)}.vida__card::after{display:none}}
@media(prefers-reduced-motion:reduce){.vida{height:auto}.vida__stage{height:auto;position:relative;padding:80px 24px 40px;overflow:visible}.vida h2{position:relative;inset:auto}.vida__video{position:relative;height:45svh}.vida__cards{display:grid;gap:20px}.vida__card:nth-child(n){position:relative;inset:auto;width:100%;opacity:1;transform:none}.vida__card::after{display:none}}