.demo-fiction{font:9px/1.8 monospace;text-align:center;padding:12px 20px;margin:0;border-bottom:1px solid var(--rule);color:var(--muted)}.enriched{border-top:1px solid var(--rule)}.enriched-intro{max-width:720px;color:var(--muted);font-size:14px;margin:25px 0 35px}.project-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-stories article{padding:28px;border:1px solid var(--rule);background:#ffffff03;transition:transform .25s,border-color .25s}.project-stories article:hover{transform:translateY(-4px);border-color:var(--accent)}.project-stories article>span{font:9px monospace;letter-spacing:.12em;color:var(--accent)}.project-stories h3{font-size:26px;margin:28px 0 16px}.project-stories p,.project-stories li{font-size:12px;color:var(--muted)}.project-stories ul{padding-left:17px;line-height:2}.project-stories details{border-top:1px solid var(--rule);padding-top:15px;margin-top:22px}.project-stories summary{cursor:pointer;font-size:11px}.practical{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--rule);margin-top:40px;padding-top:30px}.practical h3{font-size:24px}.practical p{font-size:12px;color:var(--muted);max-width:520px}.pastry-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.pastry-filters button{border:1px solid var(--rule);padding:10px 16px;background:none;border-radius:22px;font-size:11px}.pastry-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pastry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pastry-card{border:1px solid var(--rule);border-radius:12px;overflow:hidden}.pastry-card>svg{width:100%;height:165px;background:#e9d8be}.pastry-card>div{padding:22px}.pastry-card h3{font:26px Georgia;margin:0 0 12px}.pastry-card p{font-size:12px;color:var(--muted)}.pastry-card small{display:block;font-size:10px;line-height:1.8;color:var(--muted)}.pastry-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.pastry-actions button{width:30px;height:30px;border:1px solid var(--rule);border-radius:50%;background:none}.pastry-actions strong{font-size:16px;font-weight:400}.pastry-recap{border-block:1px solid var(--rule);padding:22px 0;margin:30px 0 18px;font:20px Georgia}.pastry-card .recipe{margin-top:15px}.pastry-card summary{font-size:11px;cursor:pointer}@media(max-width:800px){.project-stories,.pastry-grid{grid-template-columns:1fr 1fr}.practical{gap:25px}}@media(max-width:550px){.project-stories,.pastry-grid,.practical{grid-template-columns:1fr}.demo-nav nav{gap:10px;flex-wrap:wrap}.project-stories h3{font-size:27px}.demo-fiction{font-size:8px}}@media(prefers-reduced-motion:reduce){.project-stories article{transition:none}.project-stories article:hover{transform:none}}

/* Photographies et mises en situation */
.d-hero-image img{width:100%;height:100%;object-fit:cover}.miette .d-hero-image{min-height:540px}.miette .d-hero-image img{object-position:center 55%}.volt .d-hero-image{min-height:460px}.volt .d-hero-image img{object-position:55% center}.bread-card img{object-fit:cover;aspect-ratio:4/3}.pastry-card>.pastry-photo{display:block;width:100%;height:255px;object-fit:cover;transition:transform .7s}.pastry-card:hover>.pastry-photo{transform:scale(1.025)}.pastry-card>.pastry-eclair{object-position:center 90%}.pastry-card>.pastry-citron{object-position:center 65%}.bakery-scenes{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}.bakery-scenes figure,.project-photo{margin:0;overflow:hidden}.bakery-scenes img{width:100%;height:340px;object-fit:cover}.bakery-scenes figcaption{font:12px/1.6 Georgia;padding-top:15px}.photo-note{font:11px/1.8 sans-serif;color:var(--muted);margin-top:24px}.photo-note a{text-decoration:underline;text-underline-offset:4px}.electric-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 42px}.electric-offers article{border:1px solid var(--rule);padding:24px}.electric-offers b{font:10px monospace;color:var(--accent)}.electric-offers h3{font-size:23px;font-weight:400}.electric-offers p{font-size:13px;color:var(--muted)}.project-stories .project-photo{margin:-28px -28px 25px}.project-photo img{display:block;width:100%;height:230px;object-fit:cover}.project-photo figcaption{font:9px monospace;padding:10px 20px;border-bottom:1px solid var(--rule);color:var(--muted)}.lighting-compare{position:relative;isolation:isolate;max-width:1000px;overflow:hidden;border-radius:4px;aspect-ratio:16/10;background:#101511}.lighting-compare>img{width:100%;height:100%;object-fit:cover}.lighting-dim{position:absolute;inset:0;background:#080c0b99;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);border-left:2px solid #fff;pointer-events:none}.compare-line span{position:absolute;top:50%;left:-21px;background:#fff;color:#111;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.lighting-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.lighting-compare:focus-within{outline:3px solid var(--accent);outline-offset:5px}.compare-label{position:absolute;top:22px;padding:8px 12px;background:#0c1715cc;color:#fff;font:10px monospace;pointer-events:none}.label-before{left:20px}.label-after{right:20px}.compare-caption{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1000px}.compare-caption p{font-size:13px;color:var(--muted)}.compare-caption b{display:block;color:var(--ink);margin:18px 0 6px}.photo-credits{font-size:11px;padding:24px 0;border-top:1px solid var(--rule);margin-top:30px}.photo-credits summary{cursor:pointer}.photo-credits ul{columns:2;padding-left:20px}.photo-credits a{text-decoration:underline;text-underline-offset:3px}.volt-hero h1{font-size:clamp(48px,6vw,88px)}@media(max-width:800px){.bakery-scenes,.electric-offers{grid-template-columns:1fr}.bakery-scenes img{height:300px}.miette .d-hero-image,.volt .d-hero-image{min-height:340px}.photo-credits ul{columns:1}.pastry-card>.pastry-photo{height:235px}}@media(max-width:550px){.compare-caption{grid-template-columns:1fr;gap:0}.lighting-compare{aspect-ratio:1}.compare-label{top:12px;font-size:8px;padding:7px}.label-before{left:10px}.label-after{right:10px}.volt-hero h1{font-size:48px}.bakery-scenes img{height:280px}}@media(prefers-reduced-motion:reduce){.pastry-card>.pastry-photo{transition:none}.pastry-card:hover>.pastry-photo{transform:none}}