/* about : styles propres à la page, repris de l'export Claude Design (chargés après site.css). */
.eyebrow{margin:0;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.h2{margin:0;font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.prose{display:flex;flex-direction:column;gap:16px}
.links{display:flex;flex-wrap:wrap;gap:8px 24px;font-weight:600}
.links a{display:inline-flex;align-items:center;min-height:44px}
.ph{box-sizing:border-box;padding:24px;border-radius:24px;border:2px dashed #4B4372;color:#4B4372;font-size:16px}
.frise{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:48px}
.frise::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:4px;border-radius:4px;background:#1C1240}
.frise>li{position:relative;padding-left:88px}
.frise .pin{position:absolute;left:0;top:0;width:50px;height:50px;box-sizing:border-box;border:3px solid #1C1240;border-radius:50%}
.frise .frise-card{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,4vw,40px);border-radius:24px;background:#FFFDFA;border:2px solid #1C1240}
.tag{align-self:flex-start;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:700;background:#E4DBFF}
.wk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 300px),1fr));gap:32px 24px}
.wk li{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:24px;color:#1C1240;box-shadow:6px 6px 0 #0F0A26}
.wk li:nth-child(odd){transform:rotate(-1deg)}.wk li:nth-child(even){transform:rotate(1deg);margin-top:24px}
.wk .n{font:800 56px/1 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.04em}
.wk h3{margin:0;font-size:22px;font-weight:800;line-height:1.3}
.wk p{margin:0}
@media (prefers-reduced-motion:reduce){.wk li{transform:none!important}}
.bref{margin:0;display:grid;grid-template-columns:minmax(min(100%, 140px),max-content) 1fr;border-top:2px solid #1C1240}
.bref dt,.bref dd{margin:0;padding:12px 0;border-bottom:2px solid #1C1240}
.bref dt{font-weight:700;padding-right:24px}
@media (max-width:560px){.bref{grid-template-columns:1fr}.bref dt{border-bottom:0;padding-bottom:0}}
@media (max-width:480px){.frise>li{padding-left:52px}.frise::before{left:15px}.frise .pin{width:34px;height:34px}.frise .frise-card{padding:20px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}