/* Collection éditoriale, sans police ni ressource distante. */
.folio-intro{padding:160px 0 75px;border-bottom:1px solid var(--line)}.folio-kicker{display:flex;justify-content:space-between;gap:30px;font:9px/1.6 monospace;letter-spacing:.16em;color:var(--muted)}.folio-intro h1{font:normal clamp(78px,12vw,166px)/.95 Georgia,serif;letter-spacing:-.065em;margin:55px 0;color:var(--text)}.folio-intro h1 em,.folio-finale em{font-weight:400;color:#a797d8}.folio-intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.folio-intro-bottom>p{font-size:16px;line-height:1.8}.folio-intro-bottom>div{display:flex;gap:25px;align-items:center}.folio-disclosure{font-size:11px;line-height:1.8;color:var(--muted)}.folio-seal{flex:none;display:grid;place-items:center;width:65px;height:80px;border:1px solid var(--line);font:30px Georgia;color:#c8bda5}.folio-seal span{font:7px monospace;letter-spacing:.2em}.folio-collection{padding:35px 0 95px}.folio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 50px}.folio-filters{display:flex;flex-wrap:wrap;gap:8px}.folio-filters button{font:11px Arial;color:var(--muted);border:1px solid var(--line);background:none;border-radius:0;padding:12px 16px;cursor:pointer;transition:background .2s,color .2s}.folio-filters button[aria-pressed=true]{background:var(--text);color:var(--bg)}#folio-count{font:10px monospace;white-space:nowrap;color:var(--muted)}.folio-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 32px}.folio-card[hidden]{display:none}.folio-card:first-child,.folio-card:last-child{grid-column:1/-1}.folio-preview{display:block;position:relative;overflow:hidden;background:#e6dfd3;aspect-ratio:1.3}.folio-card:first-child .folio-preview,.folio-card:last-child .folio-preview{aspect-ratio:2.05}.folio-preview img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.folio-preview:hover img{transform:scale(1.045)}.folio-open{position:absolute;bottom:24px;right:24px;background:#f4f0e6;color:#252822;font-size:11px;padding:14px 18px;display:flex;gap:25px;box-shadow:0 4px 25px #0001}.folio-open i{font-style:normal}.folio-card-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px monospace;text-transform:uppercase;letter-spacing:.1em;margin:23px 0 12px}.folio-card-meta small{font-size:8px}.folio-card h2{font:normal 38px/1.2 Georgia,serif;letter-spacing:-.03em;margin:0 0 10px}.folio-card h3{font-size:14px;font-weight:400;margin:0 0 8px}.folio-card>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:560px}.folio-finale{border-top:1px solid var(--line);padding:90px 0}.folio-finale h2{font:normal clamp(50px,7vw,95px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:30px 0}.folio-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.folio-reveal.is-visible{opacity:1;transform:none}.folio-filters button:focus-visible,.folio-preview:focus-visible{outline:2px solid #9b8ccd;outline-offset:5px}
@media(max-width:700px){.folio-intro{padding:120px 0 45px}.folio-kicker{font-size:8px}.folio-kicker>span:last-child{display:none}.folio-intro h1{font-size:79px;margin:35px 0}.folio-intro-bottom{grid-template-columns:1fr;gap:28px}.folio-intro-bottom>p{font-size:14px}.folio-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:30px}.folio-filters button{font-size:10px;padding:10px 12px}.folio-grid{grid-template-columns:1fr;gap:45px}.folio-card:first-child .folio-preview,.folio-card:last-child .folio-preview{aspect-ratio:1.3}.folio-card h2{font-size:32px}.folio-open{right:15px;bottom:15px}.folio-finale{padding:60px 0}}
@media(prefers-reduced-motion:reduce){.folio-reveal{opacity:1;transform:none;transition:none}.folio-preview img{transition:none}.folio-preview:hover img{transform:none}}.paused .folio-reveal{opacity:1;transform:none;transition:none}.paused .folio-preview img{transition:none}

/* Fiches de conception : progression native, sans dépendance. */
.folio-reading{border-bottom:1px solid var(--line);padding:28px 0}.folio-reading .container{display:grid;grid-template-columns:1fr 2fr;gap:32px}.folio-reading span,.folio-brief>span{font:10px/1.6 monospace;letter-spacing:.12em;text-transform:uppercase;color:#8eabdf}.folio-reading p{font-size:13px;line-height:1.9;margin:0;color:var(--muted)}.folio-reading b{color:var(--text);font-weight:500}.folio-brief{margin:24px 0 20px;padding-left:18px;border-left:1px solid #7c75b6}.folio-brief p{font:16px/1.65 Georgia,serif;max-width:620px;margin:8px 0;color:var(--text)}.folio-case{border-block:1px solid var(--line)}.folio-case summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:12px;color:var(--text)}.folio-case summary::-webkit-details-marker{display:none}.case-plus{font-size:22px;color:#8eabdf;transition:transform .25s}.folio-case[open] .case-plus{transform:rotate(45deg)}.case-body{padding:0 0 24px;animation:case-in .35s ease-out}.case-body dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.case-body dt{font:9px/1.7 monospace;letter-spacing:.08em;text-transform:uppercase;color:#8eabdf;margin-bottom:7px}.case-body dd{margin:0;font-size:12px;line-height:1.9;color:var(--muted)}.case-body dl>div:last-child{grid-column:1/-1}.case-note{padding:14px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:var(--muted);margin:22px 0 8px}.case-demo{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--text);color:var(--bg);font-size:12px;transition:opacity .2s}.case-demo:hover{opacity:.8}.case-contact{display:inline-block;margin-top:18px;font-size:11px;text-decoration:underline;text-underline-offset:5px}.folio-case summary:focus-visible,.case-demo:focus-visible,.case-contact:focus-visible{outline:2px solid #06b6d4;outline-offset:5px}@keyframes case-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.folio-reading .container,.case-body dl{grid-template-columns:1fr}.folio-reading .container{gap:12px}.folio-brief p{font-size:16px}}@media(prefers-reduced-motion:reduce){.case-body{animation:none}.case-plus{transition:none}}.paused .case-body{animation:none}

.folio-menu-downloads{padding:23px;margin:24px 0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#4769d510,#753dea08);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.folio-menu-downloads>span{font:9px monospace;color:#8eabdf;width:100%;letter-spacing:.1em}.folio-menu-downloads p{font-size:12px;color:var(--muted);line-height:1.8;width:100%;margin:0}.folio-menu-downloads img{background:white;padding:5px;border-radius:8px}.folio-menu-downloads a{font-size:11px;border:1px solid var(--line);padding:13px 18px;border-radius:25px}.folio-menu-downloads a:hover{border-color:#8eabdf}