/* Proposition locale : photos éditoriales, chaleur discrète et repères visuels. */
.life-preview{--life-coral:#efaa86;--life-cream:#fcf6ed}
.blue-preview.life-preview .preview-strip{background:#f8ebdd;color:#624637}
.life-preview .blue-hero-band{background:#123e54}
.life-preview .clear-hero{grid-template-columns:1fr 1.06fr;gap:56px;padding-block:56px 64px}
.life-hero-photo{margin:0;min-width:0;position:relative}
.life-hero-frame{position:relative;overflow:hidden;border-radius:16px 16px 0 0;background:#e5d3b9}
.life-hero-frame>img{display:block;width:100%;height:410px;object-fit:cover;object-position:55% 45%}
.life-photo-label{position:absolute;top:18px;left:18px;font-size:10px;letter-spacing:.12em;font-weight:700;border-radius:20px;padding:9px 12px;background:#fff8efee;color:#25495c}
.life-hero-photo>figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#faeee1;color:#213f4e;padding:22px 26px;border-radius:0 0 16px 16px;font-size:18px;line-height:1.45}
.life-hero-photo>figcaption strong{font-weight:600;font-size:22px;letter-spacing:-.03em}
.life-hero-photo>figcaption img{width:58px;height:auto;flex-shrink:0}
.life-photo-disclosure{font-size:10px;color:#b9d4df;margin:9px 0 0;text-align:right}
.life-preview .blue-reassurance{border-bottom-color:#d4e7ed}
.life-preview .help-paths{padding-block:60px 40px}
.life-preview .help-path-grid{gap:24px}
.life-preview .help-path-grid article{padding:0;overflow:hidden;background:#fff;border-color:#d6e4e8;border-radius:12px}
.life-path-photo{display:block;width:100%;height:200px;object-fit:cover}
.life-path-copy{padding:25px 26px 28px}
.life-preview .help-path-grid h3{margin:13px 0 14px;font-size:26px}
.life-preview .help-path-grid article:nth-child(1) .life-path-copy{border-top:4px solid #eab393}
.life-preview .help-path-grid article:nth-child(2) .life-path-copy{border-top:4px solid #82c3d6}
.life-preview .help-path-grid article:nth-child(3) .life-path-copy{border-top:4px solid #b7c5a2}
.life-preview .blue-examples{padding-top:45px}
.life-preview .ambiance-home{background:var(--life-cream);border-block:1px solid #ece3d6}
.life-preview .ambiance-home .ambiance-kicker{color:#856247}
.life-preview .ambiance-home .ambiance-figure img{border-radius:12px}
.life-preview .blue-spirit{background:#e6f2f6;border-radius:12px}
.life-preview .home-orientation{background:#faf8f4}
.life-tariff-photo{margin:0 0 23px;border-radius:12px;overflow:hidden;background:#e7f1f4}
.life-tariff-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.life-tariff-photo figcaption{font-size:14px;line-height:1.5;padding:14px 17px;color:#315262;font-weight:500}
.life-preview .tariff-group{border-top:1px solid #d8e4e8;margin-top:28px;padding-block:35px 18px;gap:44px}
.life-preview .tariff-heading{align-self:start;position:sticky;top:130px}
.life-preview .tariff-heading h2{font-size:29px;line-height:1.2}
.life-preview .tariff-heading p{font-size:15px;line-height:1.7;max-width:none}
.life-preview .tariff{padding-top:23px;padding-bottom:27px}
.life-preview #creation .life-tariff-photo{background:#f8e9df}
.life-preview #musique-video .life-tariff-photo{background:#f7eddd}
.life-preview #conseil .life-tariff-photo{background:#eef0e6}
.life-preview .life-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;padding:35px 40px}
.life-intro>div>p:last-child{font-size:17px;line-height:1.75;color:#456170;margin-top:22px;max-width:650px}
.life-intro .eyebrow{margin-bottom:17px}
.life-intro figure{margin:0}
.life-intro figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.life-intro figcaption{font-size:13px;color:#486675;margin-top:11px}
.life-contact-aside>img{display:block;width:100%;height:135px;object-fit:cover;object-position:50% 42%;border-radius:9px;margin-bottom:17px}
.life-image-note{font-size:11px;color:#627984;padding:18px 0 5px;border-top:1px solid #dce6eb;line-height:1.6}
@media(min-width:981px){.life-preview .request-intro{grid-template-columns:1fr 310px}}
@media(max-width:1100px){.life-preview .clear-hero{gap:30px}.life-hero-frame>img{height:380px}.life-preview .tariff-group{gap:28px}.life-preview .life-intro{gap:28px;padding:28px}}
@media(max-width:800px){.life-preview .clear-hero{grid-template-columns:1fr;gap:30px;padding-block:36px}.life-hero-frame>img{height:auto;aspect-ratio:3/2}.life-preview .tariff-heading{position:static}.life-preview .life-intro{grid-template-columns:1fr}.life-intro figure{max-width:520px}.life-preview .tariff-group{grid-template-columns:1fr}.life-tariff-photo{max-width:500px}.life-tariff-photo img{aspect-ratio:16/9}.life-preview .help-path-grid{gap:17px}.life-path-copy{padding:21px}.life-path-photo{height:170px}}
@media(max-width:700px){.life-preview .clear-hero .hero-description{line-height:1.65}.life-preview .clear-hero .hero-answer{margin-top:17px}.life-preview .hero-copy .actions{gap:17px}.life-photo-label{top:12px;left:12px;font-size:8px;padding:8px 10px}.life-hero-photo>figcaption{padding:17px 19px;font-size:16px}.life-hero-photo>figcaption strong{font-size:19px}.life-hero-photo>figcaption img{width:43px}.life-photo-disclosure{font-size:9px}.life-preview .help-paths{padding-block:38px 20px}.life-path-photo{height:auto;aspect-ratio:16/9}.life-preview .help-path-grid h3{font-size:25px}.life-preview .blue-examples{padding-top:30px}.life-preview .tariff-group{margin-top:17px;padding-top:25px;gap:12px}.life-tariff-photo{margin-bottom:18px}.life-tariff-photo figcaption{font-size:13px;padding:11px 14px}.life-preview .tariff-heading h2{font-size:27px}.life-preview .tariff-heading p{font-size:15px}.life-preview .life-intro{padding:24px;gap:23px}.life-preview .life-intro h1{font-size:36px}.life-intro>div>p:last-child{font-size:16px}.life-contact-aside>img{height:145px;max-width:350px}.life-image-note{font-size:10px}}

.life-preview .tariff-heading>h2{margin-bottom:22px}
@media(max-width:700px){.life-preview .tariff-heading>h2{margin-bottom:17px}}
@media(max-width:700px){.life-contact-aside>img{display:none}}

/* Affiche design : conserver toute la composition, y compris sur téléphone. */
.life-preview .life-path-photo{height:auto;aspect-ratio:3/2}
.life-preview #creation .life-tariff-photo img{aspect-ratio:3/2}

.life-preview #creation .fragnee-tariff{background:#e8f0f4}.life-preview #creation .fragnee-tariff>a{display:block;padding:20px}.life-preview #creation .fragnee-tariff img{aspect-ratio:auto;object-fit:contain;width:auto;height:auto;max-height:440px;margin:auto}

/* Aperçu complet du site de démonstration dans les tarifs. */
.life-tariff-photo.garden-tariff img{height:auto;aspect-ratio:8/5;object-fit:contain}
.life-tariff-photo.garden-tariff a:focus-visible{outline:3px solid #187591;outline-offset:-3px}
