/* ========================================================= Cadexia — VARIANTE « Vert & serif » Habillage par-dessus site.css : ne change QUE couleurs + polices. Chargé APRÈS site.css. ========================================================= */ :root{ --paper:#F8F4EC !important; --paper-2:#F1ECE2 !important; --card:#FDFBF6 !important; --ink:#0B1F18 !important; --ink-2:#1E3A2E !important; --ink-soft:#3E5145 !important; --faint:#6E7D72 !important; --wine:#074D3A !important; /* accent principal → vert sapin */ --wine-2:#1A6B4F !important; --wine-ink:#053527 !important; --rule:rgba(11,31,24,.16) !important; --rule-2:rgba(11,31,24,.09) !important; --rule-light:rgba(248,244,236,.22) !important; --sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --serif:'Newsreader','Cormorant Garamond', Georgia, serif; --gold:#B08A22; } /* au cas où les tokens sont posés en inline sur par les Tweaks */ html{ --paper:#F8F4EC !important; --paper-2:#F1ECE2 !important; --card:#FDFBF6 !important; --ink:#0B1F18 !important; --ink-2:#1E3A2E !important; --ink-soft:#3E5145 !important; --faint:#6E7D72 !important; --wine:#074D3A !important; --wine-2:#1A6B4F !important; --wine-ink:#053527 !important; --rule:rgba(11,31,24,.16) !important; --rule-2:rgba(11,31,24,.09) !important; } /* — Titres en serif (au lieu d'Archivo gras) — */ h1,h2,h3,h4,.h-xl,.h-l{ font-family:var(--serif); font-weight:500; letter-spacing:-.018em; } .hero h1{font-weight:600; letter-spacing:-.022em; line-height:1.0;} .hero h1 .l2{color:var(--wine); font-style:italic; font-size:1.05em;} .h-xl .mark,.h-l .mark,.mark{color:var(--wine); font-style:italic;} /* — Petites étiquettes / numéros : or, en italique serif (façon #3) — */ .sec-head .num,.fc-lead-k,.kln,.founder-close .duty .dn, .fam-choose .fc-k,.proof-apport .pa-k,.proof-cards .pa-k, .page-hero .kln,.section .head .kln{ color:var(--gold); font-family:var(--serif); font-style:italic; font-weight:400; letter-spacing:.02em; text-transform:none; font-size:22px; } /* — Filets d'accent : or au lieu de bordeaux — */ .founder-sep{background:var(--gold);} .founder-close .twist{border-left-color:var(--gold);} /* — Signature manuscrite : on garde le script, en vert — */ .founder-signoff .sig{color:var(--wine);} /* — Boutons pleins : encre profonde, hover vert (comme #3) — */ .btn.solid{background:var(--ink); border-color:var(--ink); color:var(--paper);} .btn.solid:hover{background:var(--wine); border-color:var(--wine);} /* — Liens de nav en serif italique discret — */ .brand{font-family:var(--serif); font-style:italic; font-weight:500;} /* — Le sceau 0% reste vert (hérite de --wine) — */ .btn .jb,.head-cta .jb{display:inline-flex; flex-direction:column; align-items:flex-start; line-height:1.05;} .btn .jb .jb2,.head-cta .jb .jb2{font-size:.76em; font-weight:600; opacity:.85; letter-spacing:.03em; margin-top:2px; text-transform:none;} .head-cta{line-height:1.05;} /* — Grille « Quel est votre projet ? » — */ .projects{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--rule); border:1px solid var(--rule); margin-top:clamp(28px,3.5vw,48px);} .projects .project{background:var(--card); padding:clamp(28px,3vw,44px); display:flex; flex-direction:column; transition:background .25s;} .projects .project:hover{background:var(--paper-2);} .projects .project .rn{font-family:var(--serif); font-style:italic; font-weight:400; font-size:24px; color:var(--gold);} .projects .project h3{font-family:var(--serif); font-weight:500; font-size:clamp(24px,2.4vw,32px); letter-spacing:-.02em; line-height:1.08; margin:8px 0 0; color:var(--ink);} .projects .project h3 em{font-style:italic; color:var(--wine);} .projects .project p{margin:14px 0 0; color:var(--ink-soft); font-size:16px; line-height:1.62;} .projects .project .proj-tags{margin-top:16px; font-size:13px; font-weight:600; letter-spacing:.02em; color:var(--faint); line-height:1.7;} .projects .project .go{margin-top:auto; padding-top:24px; font-size:14px; font-weight:700; color:var(--wine); display:inline-flex; gap:8px;} .projects .project-wide{grid-column:1 / -1;} @media (max-width:680px){.projects{grid-template-columns:1fr;} .projects .project-wide{grid-column:auto;}} .hero .hero-duo{font-family:var(--serif); font-style:italic; font-weight:400; color:var(--wine); font-size:clamp(24px,2.8vw,38px); margin:18px 0 0; letter-spacing:-.01em;} .hero .portrait .tag .cr{margin-top:6px; font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(248,244,236,.72);} /* — Photo de Vannes dans le hero : grande bande paysage (version restaurée) — */ .hero .portrait img{aspect-ratio:4/4.8;} @media (min-width:1101px){ .hero .grid{grid-template-columns:1fr; gap:clamp(24px,3vw,40px);} .hero .left{order:1; padding-bottom:0;} .hero .portrait{order:2; max-width:100%; margin:clamp(10px,1.5vw,20px) 0 0;} .hero .portrait img{aspect-ratio:16/7; object-position:50% 30%;} } /* — Micro-écrans : les encadrés à 2 colonnes (stats, formules) passent en 1 colonne — */ @media (max-width:440px){ .prose div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;} } /* — Portrait du fondateur, dans la lettre (colonne) — */ .founder-head{display:grid; grid-template-columns:1.55fr .85fr; gap:clamp(30px,4.5vw,64px); align-items:start;} .founder-head .fh-portrait{margin:0;} .founder-head .fh-portrait img{width:100%; aspect-ratio:4/4.9; object-fit:cover; object-position:50% 26%; filter:grayscale(1) contrast(1.04);} .founder-head .fh-portrait figcaption{margin-top:14px; font-family:var(--serif); font-style:italic; font-weight:400; color:var(--ink-soft); font-size:18px;} .founder-head .fh-portrait figcaption em{color:var(--wine); font-style:italic;} @media (max-width:860px){ .founder-head{grid-template-columns:1fr; gap:28px;} .founder-head .fh-portrait{max-width:300px;} } /* — Num\u00e9ros / annonces de section un peu plus grands — */ .num{font-size:26px; color:var(--gold);} .sec-head .num{font-size:26px; color:var(--gold);} .contact .sec-head .num{color:var(--gold);} .fh-lead .intro, .fh-lead .lead-q{font-size:22px; line-height:1.6; color:var(--ink-2);} .founder-secrets .secret p, .founder-bank .fb-col p, .secret-q{font-size:20px; line-height:1.65; color:var(--ink-2);} .founder-confession p{font-size:clamp(26px,2.8vw,38px); line-height:1.34;} .founder-confession .fc-att{font-size:14px;} .tiers .tn, .tiers .td{font-size:16.5px;} body{font-size:22px; line-height:1.72;} .lede{font-size:clamp(23px,1.8vw,28px); line-height:1.55; color:var(--ink-2);} .sec-head p, .guard .txt p{font-size:clamp(23px,1.8vw,28px); line-height:1.62; color:var(--ink-2);} .aud p{font-size:20px; line-height:1.62; color:var(--ink-2);} .aud .chips li{font-size:15px;} .vow p, .vow .vow-note{font-size:20px; line-height:1.62; color:var(--ink-2);} .hero .pair p{font-size:19px; line-height:1.55; color:var(--ink-2);} .hero .tie{font-size:clamp(19px,1.6vw,23px);} .market .m .d{font-size:17px; line-height:1.6;} .prose p, .prose li{font-size:22px; line-height:1.75; color:var(--ink-2);} .section .head p{color:var(--ink-2);} .foot .about, .foot .addr{font-size:16.5px;} .nav a{font-size:13px; letter-spacing:.005em;} .kpi .k .l{font-size:16px; line-height:1.5;} .act .when em{font-size:17px;} .faq-q, .faq-a, .faq p, .faq dd, .faq dt{font-size:18px; line-height:1.6;} .guard-targets li, .split li, .aside li{font-size:20px; line-height:1.6; color:var(--ink-2);} .guard-targets li strong{color:var(--ink);} .aside p{font-size:18.5px; line-height:1.6; color:var(--ink-2);} .market .m .t{font-size:clamp(19px,1.7vw,23px);} .more, .read, .aud .go, .guard .txt .more{font-size:17px;} p, li{text-wrap:pretty;} /* Balayage complet lisibilité — tous les petits textes restants */ .hero .estd .zl{font-size:13px;} .hero .estd .z{font-size:14px;} .hero .pair .t{font-size:13px;} .aud .k{font-size:14px;} .act .rn{font-size:15px;} .act .when{font-size:14px; letter-spacing:.08em;} .act h3{font-size:clamp(22px,2.2vw,28px);} .guard .big small{font-size:14px;} .section .head p{font-size:clamp(23px,1.8vw,28px); line-height:1.55; color:var(--ink-2);} .founder-secrets .sk, .secret .sk{font-size:14px !important;} .founder-bank .fn-k{font-size:14px !important;} .foot h4{font-size:13px;} .meta, .pa-k, .pa-verif{font-size:13px !important;} .secret-q{font-size:20px; line-height:1.5;} .founder-bank h4{font-size:clamp(20px,2vw,26px);} .market .m .t{font-size:clamp(20px,1.7vw,24px);} .founder-close blockquote{font-size:clamp(24px,2.8vw,38px); line-height:1.28;} .founder-signoff .sig{font-size:20px;} .founder-signoff .sig-mot{font-size:15px;} .founder-signoff .sig-meta{font-size:13px;} .brand small{font-size:12px;} .page-hero .lede{font-size:clamp(23px,1.8vw,28px); color:var(--ink-2);} .page-hero h1{font-size:clamp(46px,7.4vw,108px);} .split .prose h3{font-size:clamp(22px,2.2vw,30px);} .split .prose .pull{font-size:20px;} .fam-note{font-size:15px;} .fam-choose p{color:var(--paper) !important; font-size:22px; line-height:1.6;} .wine-panel .sec-head p{color:var(--paper) !important;} .fam-table{font-size:16px;} .jb2{font-size:12px;}