.blog-page{--nuit: #0D1835;--ambre: #FFB347;--ambre-fonce: #A65A00;--fond: #FAFAF7;--sable: #F2F0E9;--trait: #C9C5BA;--texte: #0B1220;--gris: #374151;--doux: #4B5563;background:var(--fond);color:var(--texte);padding:0 0 clamp(64px,8vw,120px);overflow-x:clip}.blog-page a{color:inherit}.blog-page .wrap{max-width:1180px}body:has(.blog-page) .topbar{--ink: #FFFFFF;--ink-soft: #E7E9F3;--accent: #FFB347;--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .28);--surface: #0D1835;--subtle: #C7D1ED;background:#0d1835f5}body:has(.blog-page) .topbar-logo img{content:url(/assets/logoGates-blanc.webp)}@media(max-width:1039px){body:has(.blog-page) .topbar-nav{background:#0d1835}}.blog-haut{background:var(--nuit);color:#fff;padding:clamp(48px,6vw,96px) 0 clamp(56px,7vw,104px);margin-bottom:clamp(56px,7vw,104px)}.blog-haut-grille{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end}.blog-head{display:grid;gap:22px;justify-items:start}.blog-head .eyebrow{font-size:12px;font-weight:400;letter-spacing:.13em;color:#c7d1ed}.blog-head .eyebrow:before{background:var(--ambre)}.blog-title{font-family:var(--serif);font-weight:400;font-size:clamp(56px,6.2vw,80px);line-height:1;letter-spacing:-.024em;color:#fff;margin:0}.blog-title .dot{color:var(--ambre)}.blog-baseline{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.32;color:#e7e9f3;max-width:30ch;margin:0;text-wrap:pretty}.blog-wink{font-family:var(--sans);font-size:15px;line-height:1.5;color:#c7d1ed;max-width:46ch;margin:0}.blog-pinned{display:grid;gap:16px;border:1px solid rgba(255,255,255,.22);border-radius:2px;padding:clamp(24px,3vw,40px);text-decoration:none;transition:border-color .15s ease}.blog-pinned:hover{border-color:var(--ambre)}.blog-pinned:focus-visible{outline:2px solid var(--ambre);outline-offset:3px}.blog-pinned-label{font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ambre);margin:0}.blog-pinned-title{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,32px);line-height:1.1;letter-spacing:-.008em;color:#fff;margin:0;text-wrap:balance}.blog-pinned-dek{font-family:var(--sans);font-size:16px;line-height:1.55;color:#e7e9f3;max-width:44ch;margin:0;text-wrap:pretty}.blog-pinned-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin:8px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.22)}.blog-pinned-chapters{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c7d1ed}.blog-pinned .link-action{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;background:var(--ambre);color:var(--nuit);border:0;border-radius:2px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;transition:background .15s ease}.blog-pinned .link-action:after{display:none}.blog-pinned:hover .link-action{background:#ffc670;opacity:1}.blog-section-label{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.13em;text-transform:uppercase;color:var(--ambre-fonce);margin:0 0 clamp(18px,2.4vw,28px)}.blog-empty{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--doux);margin:0;padding:clamp(32px,5vh,56px) 0;border-top:1px solid var(--texte)}.blog-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--trait)}.blog-item{border-top:1px solid var(--trait)}.blog-item:first-child{border-top-color:var(--texte)}.blog-item a{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(20px,4vw,64px);align-items:baseline;padding:clamp(28px,3.4vw,44px) 0;text-decoration:none}.blog-item a:focus-visible{outline:2px solid var(--ambre-fonce);outline-offset:4px}.blog-item a:hover .blog-item-title,.blog-item a:focus-visible .blog-item-title{color:var(--ambre-fonce)}.blog-item a:hover .blog-item-more,.blog-item a:focus-visible .blog-item-more{color:var(--ambre-fonce)}.blog-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--doux);margin:0}.blog-meta .sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.blog-type{color:var(--ambre-fonce);font-size:12px;letter-spacing:.13em}.blog-draft{color:var(--texte);background:var(--sable);border:1px solid var(--trait);border-radius:2px;padding:3px 8px;font-size:12px;letter-spacing:.1em}.blog-item-corps{display:grid;gap:14px;justify-items:start}.blog-item-title{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,32px);line-height:1.12;letter-spacing:-.006em;color:var(--texte);margin:0;max-width:26ch;text-wrap:balance;transition:color .15s ease}.blog-item-dek{font-family:var(--sans);font-size:18px;line-height:1.55;color:var(--gris);max-width:58ch;margin:0;text-wrap:pretty}.blog-item-more{display:inline-flex;align-items:center;min-height:32px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--texte);text-decoration:underline;text-decoration-color:var(--ambre-fonce);text-underline-offset:5px;transition:color .15s ease}.blog-foot{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px}.blog-foot .link-action{font-size:12px;color:var(--texte);border-bottom-color:var(--ambre-fonce);padding-bottom:3px}.blog-foot .link-action--muted{color:var(--gris);border-bottom-color:var(--trait)}.blog-foot .link-action:focus-visible{outline-color:var(--ambre-fonce)}@media(max-width:900px){.blog-haut-grille{grid-template-columns:minmax(0,1fr);align-items:start}}@media(max-width:700px){.blog-item a{grid-template-columns:minmax(0,1fr);gap:14px;padding:26px 0}.blog-meta{flex-direction:row;flex-wrap:wrap;gap:6px 16px}.blog-item-title{max-width:100%}.blog-item-dek{font-size:16.5px}.blog-pinned .link-action{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.blog-pinned,.blog-pinned .link-action,.blog-item-title,.blog-item-more{transition:none}}
