/* dood.do — site vitrine. S'appuie sur studio.css (polices, partition, boutons) et reprend la mise en page de l'ancien site. */

/* Introduction : colonne de 80 %, deux colonnes sur ordinateur */
.v-intro { width: 80%; max-width: 1080px; margin: 0 auto; padding: clamp(16px, 2.4vw, 32px) 0 clamp(40px, 5vw, 64px); }
.v-intro h1 { font-size: 36px; }
@media (max-width: 767px) { .v-intro h1 { font-size: 28px; } .v-intro { padding-top: 36px; } }
.v-lead { font-weight: 300; font-size: 18px; line-height: 1.32; margin: 0 0 18px; }
.v-h3 { font-size: 26px; line-height: 1; margin: 6px 0 14px; }
.v-list { margin: 0; padding-left: 1.1em; font-weight: 300; font-size: 18px; line-height: 1.7; }
.v-list strong { font-weight: 500; color: var(--text); }

/* Projets : cartes à ombre douce, 3 colonnes sur ordinateur */
.v-projects { width: 80%; max-width: 1080px; margin: 0 auto; padding: 8px 0 clamp(56px, 7vw, 96px); }
.v-grid { display: grid; gap: 48px 5.5%; align-items: start; }
@media (min-width: 768px) { .v-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 981px) { .v-grid { grid-template-columns: repeat(3, 1fr); } }
.v-card { box-shadow: 4px 4px 12px -4px rgba(0, 0, 0, .3); background: var(--bg); }
.v-card img { display: block; width: 100%; height: auto; }
.v-body { padding: 22px 12px 12px; font-size: 14px; line-height: 1.7; }
.v-body h2 { font-size: 23px; line-height: 1; padding-bottom: 10px; margin: 0; }
.v-body p { margin: 0; padding-bottom: 14px; }
.v-body .v-sub { color: var(--text); }
.v-body ul { margin: 0 0 14px; padding-left: 1.1em; }
.v-body a { color: var(--muted); text-decoration: none; font-weight: 500; }
.v-body a:hover { color: var(--ink); text-decoration: underline; }
.v-body a.v-video { color: var(--ink); }

/* Pied de page */
.v-foot { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 40px 16px 48px; box-shadow: 0 -8px 24px -18px rgba(0, 0, 0, .35); }
.v-foot img { width: 243px; height: auto; }
.v-foot p { margin: 0; font-weight: 300; font-size: 18px; text-align: center; }
.v-foot a { color: var(--text); }
.v-foot .v-legal { font-size: 13px; }
.v-foot .v-legal a { color: var(--muted); }

/* Mentions légales */
.v-legal-page h2 { font-size: 22px; margin-top: 32px; }
.v-legal-page p { font-weight: 300; font-size: 16px; line-height: 1.6; }
.v-legal-page a { color: var(--ink); }

/* Introduction en deux colonnes égales, comme l'ancien site */
@media (min-width: 981px) { .vitrine .v-intro .home-grid { grid-template-columns: 1fr 1fr; } }