:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#fff;--surface:#f2f4f4;--raised:#e8ebeb;--ink:#172324;--ink-2:#3f4a4b;--ink-3:#5c6566;--line:#17232424;--line-2:#17232438;--line-3:#17232466;--hi:#000;--hi-weak:#1723242e;--on-plate:#f2f2f3;--on-plate-2:#c6c7c9;--sans:var(--font-plex-sans),"Helvetica Neue",system-ui,sans-serif;--mono:var(--font-plex-mono),ui-monospace,"SF Mono",Menlo,monospace;--serif:var(--font-plex-serif),Charter,Georgia,serif;--field:1120px;--gutter:clamp(20px, 4vw, 40px);--ease:cubic-bezier(.2,0,0,1);--grain-coarse:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27220%27%20height=%27220%27%3E%3Cfilter%20id=%27g%27%3E%3CfeTurbulence%20type=%27fractalNoise%27%20baseFrequency=%270.5%27%20numOctaves=%273%27%20stitchTiles=%27stitch%27/%3E%3CfeColorMatrix%20type=%27saturate%27%20values=%270%27/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%27linear%27%20slope=%270.34%27%20intercept=%27-0.06%27/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width=%27220%27%20height=%27220%27%20filter=%27url\(%23g\)%27/%3E%3C/svg%3E);--grain-fine:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27120%27%20height=%27120%27%3E%3Cfilter%20id=%27f%27%3E%3CfeTurbulence%20type=%27fractalNoise%27%20baseFrequency=%271.3%27%20numOctaves=%272%27%20stitchTiles=%27stitch%27/%3E%3CfeColorMatrix%20values=%270%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200.05%200%27/%3E%3C/filter%3E%3Crect%20width=%27120%27%20height=%27120%27%20filter=%27url\(%23f\)%27/%3E%3C/svg%3E)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100svh;margin:0;font-size:16px;line-height:1.6;display:flex}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--hi);outline-offset:3px}::selection{background:var(--hi-weak);color:var(--ink)}img{max-width:100%;display:block}body>*{z-index:1;position:relative}.wrap{max-width:var(--field);width:100%;margin-inline:auto;padding-inline:clamp(28px,6vw,72px)}.nav .wrap{padding-inline:var(--gutter)}.micro{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:500;line-height:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:20;background:color-mix(in srgb, var(--ground) 72%, transparent);-webkit-backdrop-filter:saturate(150%)blur(16px);backdrop-filter:saturate(150%)blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;gap:24px;max-width:none;height:64px;display:flex}.brand{align-items:center;display:inline-flex}.brand img{width:auto;height:34px;display:block}@media (max-width:520px){.brand img{height:29px}}.navlinks{align-items:center;gap:clamp(20px,2.6vw,34px);display:flex}.navlinks a{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);transition:color .2s var(--ease);font-size:11px;font-weight:500}.navlinks a:hover,.navlinks a[aria-current]{color:var(--ink)}.navlinks a.cta{color:var(--on-plate);background:var(--ink);transition:background-color .25s var(--ease);border-radius:5px;padding:10px 16px}.navlinks a.cta:hover{background:#000}@media (max-width:820px){.navlinks a:not(.cta){display:none}}main{flex:1}.grid-sec{padding-block:clamp(44px,6vw,72px)}.manchette{border-top:3px solid var(--ink);border-bottom:1px solid var(--line-3);font-family:var(--serif);margin-bottom:clamp(28px,4vw,44px);padding:12px 2px 13px}.manchette .row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.manchette .name{letter-spacing:.01em;font-size:19px}.manchette .date{color:var(--ink-2);font-size:15px;font-style:italic}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}@media (max-width:400px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--line-2);min-height:320px;transition:background-color .25s var(--ease), border-color .25s var(--ease);background:0 0;border-radius:6px;flex-direction:column;padding:clamp(22px,2.6vw,30px);display:flex}.card:hover{background:var(--surface);border-color:var(--line-3)}.card-meta{font-family:var(--serif);color:var(--ink-3);font-size:15px;font-style:italic}.card h2{font-family:var(--serif);letter-spacing:-.008em;color:var(--ink);max-width:24ch;margin-top:14px;font-size:clamp(22px,1.05rem + 1vw,28px);font-weight:400;line-height:1.25}.card-author{align-items:center;gap:12px;margin-top:auto;padding-top:28px;display:flex}.card-author .ava{background:var(--raised);border:1px solid var(--line-2);border-radius:50%;flex:none;width:34px;height:34px;overflow:hidden}.card-author .ava img{object-fit:cover;width:100%;height:100%}.card-author span{color:var(--ink-2);font-size:14px}footer{border-top:1px solid var(--line)}footer .wrap{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:24px;font-size:13.5px;display:flex}footer a:hover{color:var(--ink)}
