:root{--noir:#0e0d0c;--noir-lift:#181614;--bone:#f1ece0;--bone-soft:#c9c3b3;--brass:#c9a46b;--rule:#f1ece01f;--rule-strong:#f1ece038;--bg:var(--noir);--bg-lift:var(--noir-lift);--fg:var(--bone);--fg-soft:var(--bone-soft);--hairline:var(--rule);--hairline-strong:var(--rule-strong);--f-display:"Instrument Serif", "Cormorant", Georgia, serif;--f-body:"Libre Caslon Text", "Libre Caslon", Georgia, serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--max:1440px;--gutter:clamp(24px, 4vw, 80px);--mono-track:.12em;--mono-size:11px}[data-theme=bone]{--noir:#f1ece0;--noir-lift:#e7dfcf;--bone:#1a1815;--bone-soft:#6b5f52;--rule:#0e0d0c24;--rule-strong:#0e0d0c42;--bg:var(--noir);--bg-lift:var(--noir-lift);--fg:var(--bone);--fg-soft:var(--bone-soft);--hairline:var(--rule);--hairline-strong:var(--rule-strong)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--fg);transition:background .4s,color .4s}body{font-family:var(--f-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:18px;line-height:1.55;transition:background .4s,color .4s;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.mono{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:var(--mono-track);font-weight:400;font-size:var(--mono-size);color:var(--bone-soft)}.display{font-family:var(--f-display);letter-spacing:-.01em;font-weight:400}.italic{font-style:italic}.page{max-width:var(--max);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.hairline{background:var(--rule);border:0;height:1px;margin:0}.invert{background:var(--bg);color:var(--fg)}.invert .mono{color:var(--fg-soft)}.invert hr.hairline{background:#0e0d0c24}.label-row{align-items:baseline;gap:18px;padding-top:clamp(60px,10vh,140px);display:flex}.label-row .num{color:var(--brass)}.label-row .dash{opacity:.5}.custom-cursor{background:var(--bone);pointer-events:none;mix-blend-mode:difference;z-index:9999;border:1px solid #0e0d0c66;border-radius:50%;width:14px;height:14px;transition:width .18s,height .18s,opacity .18s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.custom-cursor.on-hero{width:28px;height:28px}.custom-cursor.over-link{background:var(--brass);border-color:var(--brass)}@media (hover:none),(pointer:coarse){.custom-cursor{display:none}}@media (prefers-reduced-motion:reduce){.custom-cursor{display:none}}::selection{background:var(--brass);color:var(--noir)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#f1ece01f;border-radius:8px}::-webkit-scrollbar-track{background:0 0}@media (max-width:860px){.maison-grid,.methode-grid,.pourqui-grid,.project-hero,.proj-grid{grid-template-columns:1fr!important}.feature-row{grid-template-columns:auto 1fr!important}.feature-row>:nth-child(3){grid-column:1/-1;margin-top:20px}.strip .page{grid-template-columns:1fr!important}}@media (max-width:820px){.founders-grid{grid-template-columns:1fr!important}.founders-grid>div{border-top:1px solid var(--hairline);border-left:0!important;padding-left:0!important;padding-right:0!important}.founders-grid>div:first-child{border-top:0}}@media (max-width:640px){.nav-desktop{display:none!important}.nav-mobile-toggle{display:block!important}.footer-grid{text-align:left!important;grid-template-columns:1fr!important;gap:40px!important}.footer-grid>:last-child{text-align:left!important}.footer-theme-toggle{display:none!important}.objet-index-row{grid-template-columns:48px 1fr!important}.objet-index-row>:nth-child(3){grid-column:2/-1;justify-self:start;margin-top:14px}.note-row{grid-template-columns:56px 1fr!important}.note-row>:nth-child(3){grid-column:2/-1;justify-self:start;align-items:baseline;margin-top:10px;flex-direction:row!important}.changelog-row{grid-template-columns:1fr auto!important;gap:12px!important}.changelog-row>:first-child{grid-area:1/1}.changelog-row>:nth-child(3){grid-area:1/2;text-align:right!important}.changelog-row>:nth-child(2){grid-area:2/1/auto/-1}}@media (max-width:520px){:root{--gutter:20px}html{cursor:auto}section>div:not(.page):not([style*=position\:absolute]):not([style*="position: absolute"]),.page{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}}@media (hover:hover) and (pointer:fine){html,body,a,button,input{cursor:none}}
