.vi{--sage:#55735a;--sage-dark:#2c3a30;--sage-100:#e6efe4;--paper:#faf8f4;--line:#e2e5df;--ink:#232b25;--ink-soft:#5c675f;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;padding:clamp(2.5rem,6vw,5rem) clamp(1.15rem,4vw,3rem) 4rem;line-height:1.6}.vi *,.vi :before,.vi :after{box-sizing:border-box}.vi :where(h1,h2,h3){color:var(--sage-dark);font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.15}.vi :where(p){margin:0}.vi :where(ul,dl){margin:0;padding:0;list-style:none}.vi :where(a){color:inherit;text-decoration:none}.vi-head{text-align:center;justify-items:center;gap:.9rem;max-width:46rem;margin:0 auto clamp(2.5rem,5vw,4rem);display:grid}.vi-kicker{background:var(--sage-100);color:var(--sage);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.35rem .9rem;font-size:.76rem;font-weight:700}.vi h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}.vi-lead{color:var(--ink-soft);font-size:1.05rem}.vi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:82rem;margin-inline:auto;display:grid}.vi-card{border:1px solid var(--line);background:#fff;border-radius:1.25rem;align-content:start;gap:.85rem;height:100%;padding:1.75rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.vi-card:hover{border-color:var(--sage);transform:translateY(-3px);box-shadow:0 20px 50px #232b251a}.vi-lettre{background:var(--sage-dark);color:#fff;border-radius:.8rem;place-items:center;width:2.6rem;height:2.6rem;font-size:1.1rem;font-weight:700;display:grid}.vi-card-a .vi-lettre{background:#4f6152}.vi-card-b .vi-lettre{background:#55735a}.vi-card-c .vi-lettre{background:#435c46}.vi-card h2{font-size:1.35rem}.vi-resume{color:var(--ink-soft);font-size:.95rem}.vi-ambiance{background:var(--sage-100);color:#3f5544;border-radius:999px;align-self:start;padding:.28rem .75rem;font-size:.78rem;font-weight:600}.vi-go{border-top:1px solid var(--line);color:var(--sage);margin-top:auto;padding-top:.9rem;font-size:.92rem;font-weight:650}.vi-note{max-width:46rem;color:var(--ink-soft);text-align:center;margin:clamp(2.5rem,5vw,4rem) auto 0;font-size:.92rem}@media (max-width:1000px){.vi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.vi-grid{grid-template-columns:minmax(0,1fr)}}