/* Pourquoi FLUX : récit, démonstration visuelle et pistes du programme. */
.why-expanded { background:#070b17; color:#f1f0eb; }
.why-hero { padding-top:29px; background:radial-gradient(ellipse at 80% 40%,#d9a45c09,transparent 48%),#070b17; border-bottom:1px solid var(--edge); }
.why-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:65px; align-items:center; padding:59px 0 55px; }
.why-expanded main .meta { color:var(--gold); font-size:10px; }
.why-hero h1 { font:600 clamp(41px,5.3vw,74px)/1.15 'Cinzel',Georgia,serif; letter-spacing:-.045em; color:var(--gold-light); margin:22px 0 26px; }
.why-deck { font-size:clamp(28px,3.2vw,43px); line-height:1.2; letter-spacing:-.035em; font-weight:500; }
.why-deck span { color:#ded9cd; }
.why-intro { max-width:55ch; font-size:16px; line-height:1.9; margin:27px 0; color:#b9c4d5; }
.why-actions { display:flex; flex-wrap:wrap; gap:25px; align-items:center; margin-top:28px; }
.why-actions .text-link { font-size:12px; }
.why-caption { color:#9ca9bd; font-size:11px; margin-top:23px; }
.why-emblem { position:relative; isolation:isolate; min-height:385px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; }
.why-emblem::before { content:''; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle,#d9a45c10,transparent 62%); }
.why-emblem-lines { position:absolute; inset:18px 0; z-index:-1; border-block:1px solid #d9a45c26; background:linear-gradient(90deg,transparent calc(50% - .5px),#d9a45c19 50%,transparent calc(50% + .5px)),radial-gradient(ellipse at 50% 40%,transparent 48%,#d9a45c1c 48.2%,transparent 48.5%); }
.why-seal { width:175px; color:var(--gold); padding:9px; filter:drop-shadow(0 0 18px #d9a45c27); }
.why-seal .flux-epsilon { width:100%; height:auto; }
.why-emblem figcaption { font:italic 500 clamp(24px,2.3vw,32px)/1.3 'EB Garamond',Garamond,Georgia,serif; color:var(--gold-light); margin:27px 0 18px; }
.why-emblem p.meta { font-size:8px; color:#a99a7f; }
.why-route { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--edge); }
.why-route a { display:flex; gap:16px; align-items:center; padding:25px 22px; color:#c9d1dd; font-size:12px; }
.why-route a+a { border-left:1px solid var(--edge); }
.why-route span { color:var(--gold); font:10px var(--mono); }
.why-route span:last-child { margin-left:auto; font-size:17px; }
.why-route a:hover { background:#d9a45c09; color:var(--gold-light); }
.why-reading { background:#0a101c; padding:80px 0 90px; }
.why-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:clamp(35px,7vw,105px); align-items:start; }
.why-chapters { position:sticky; top:28px; border-top:1px solid var(--gold); padding-top:22px; }
.why-chapters ol { list-style:none; padding:16px 0 0; margin:0; }
.why-chapters a { display:block; padding:9px 0; font-size:12px; line-height:1.6; color:#aab7c9; }
.why-chapters a:hover { color:var(--gold-light); }
.why-body { min-width:0; max-width:900px; }
.why-chapter { scroll-margin-top:28px; padding:0 0 65px; }
.why-chapter+.why-chapter { border-top:1px solid var(--edge); padding-top:65px; }
.why-chapter h2 { font-size:clamp(30px,3.5vw,48px); line-height:1.15; font-weight:500; letter-spacing:-.04em; margin:20px 0 27px; }
.why-chapter h3 { font-size:22px; line-height:1.4; font-weight:500; letter-spacing:-.02em; color:#f1eee6; }
.why-chapter p { font-size:15px; line-height:1.9; color:#b7c3d3; margin:16px 0; }
.why-chapter>p { max-width:73ch; }
.why-chapter>p.meta { margin:0; }
.why-chapter p.why-lead { font-size:19px; color:#e4dfd4; line-height:1.6; }
.why-chapter .text-link { font-size:12px; display:inline-block; margin-top:15px; }
.why-quote { border-left:1px solid var(--gold); padding:6px 0 6px 28px; margin:34px 0; }
.why-quote blockquote { margin:0 0 16px; font:italic 500 clamp(25px,2.7vw,35px)/1.35 'EB Garamond',Garamond,Georgia,serif; color:var(--gold-light); max-width:39ch; }
.why-quote figcaption { font-size:10px; color:#9ca9bd; line-height:1.7; }
.why-questions { margin-top:30px; }
.why-question { border-top:1px solid var(--edge); }
.why-question:last-child { border-bottom:1px solid var(--edge); }
.why-question summary { display:grid; grid-template-columns:32px minmax(0,1fr) 22px; gap:17px; align-items:start; padding:23px 0; cursor:pointer; list-style:none; }
.why-question summary::-webkit-details-marker,.why-test summary::-webkit-details-marker,.why-sources summary::-webkit-details-marker { display:none; }
.why-question summary::after,.why-question[open] summary::after,.why-test summary::after,.why-test[open] summary::after,.why-sources summary::after,.why-sources[open] summary::after { content:none; }
.why-number { color:var(--gold); font:11px/2 var(--mono); }
.why-question summary small { display:block; font-size:10px; color:var(--gold); letter-spacing:.07em; margin-bottom:8px; }
.why-question summary strong { color:#f1eee6; font-size:21px; font-weight:500; line-height:1.4; }
.why-plus { color:var(--gold); font-size:24px; font-weight:400; }
.why-question[open] .why-plus,.why-test[open] summary>span,.why-sources[open] summary>span { transform:rotate(45deg); }
.why-answer { padding:0 39px 27px 49px; }
.why-answer>p:first-child { margin-top:0; }
.why-chapter p.why-focus { padding:17px 20px; border-left:1px solid #d9a45c75; background:#d9a45c07; font-size:14px; }
.why-focus b { display:block; font:600 9px/1.5 var(--mono); text-transform:uppercase; letter-spacing:.1em; color:var(--gold); margin-bottom:10px; }
.why-ref { font-size:10px; color:#b9b09c; text-decoration:underline; text-underline-offset:4px; }
.why-projection { border:1px solid #d9a45c4d; margin:32px 0; background:#0d1523; }
.projection-head { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:17px 22px; border-bottom:1px solid var(--edge); }
.projection-head p.meta { margin:0; font-size:8px; }
.projection-head>span { color:#9ca9bd; font-size:9px; }
.projection-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
.projection-art { min-width:0; padding:16px; text-align:center; }
.projection-art svg { display:block; width:100%; height:auto; }
.projection-art p.meta { font-size:8px; margin:0 0 12px; color:#b5a98d; }
.projection-copy { padding:26px 24px 26px 10px; }
.projection-copy h3 { font-size:23px; }
.projection-copy p { font-size:13px; line-height:1.8; }
.projection-controls { display:flex; gap:6px; flex-wrap:wrap; margin:20px 0; }
.projection-controls[hidden] { display:none; }
.projection-controls button { border:1px solid #596273; background:transparent; color:#c9d2df; padding:10px 12px; font:500 11px var(--sans); cursor:pointer; min-height:42px; }
.projection-controls button[aria-pressed="true"] { color:#080e1b; background:var(--gold); border-color:var(--gold); }
.projection-controls button:hover { border-color:var(--gold-light); }
.projection-copy p.projection-result { color:var(--gold-light); min-height:66px; margin-bottom:0; }
.why-principles { list-style:none; padding:0; margin:30px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
.why-principles li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:13px; padding:25px 0; border-top:1px solid var(--edge); }
.why-principles h3 { font-size:20px; }
.why-principles p { font-size:13px; margin:12px 0 0; }
.why-call { padding:28px 31px; background:#d9a45c07; border-left:1px solid var(--gold); }
.why-call p.meta { margin:0 0 17px; }
.why-call p { font-size:14px; }
.why-pistes { margin:31px 0; }
.why-pistes article { padding:28px 0; border-top:1px solid var(--edge); }
.piste-index { display:flex; align-items:center; gap:17px; margin-bottom:15px; }
.piste-index>span { font:25px/1 'Cinzel',Georgia,serif; color:var(--gold); }
.piste-index p.meta { margin:0; font-size:9px; }
.why-pistes h3 { font-size:26px; max-width:38ch; }
.why-pistes p { font-size:14px; }
.why-test { border-left:1px solid #d9a45c55; padding-left:20px; margin-top:22px; }
.why-test summary { display:flex; justify-content:space-between; gap:15px; list-style:none; cursor:pointer; font-size:12px; color:var(--gold-light); padding:7px 0; }
.why-test summary>span,.why-sources summary>span { font-size:20px; color:var(--gold); flex-shrink:0; }
.why-test p { font-size:13px; }
.why-method { list-style:none; padding:0; margin:30px 0; }
.why-method li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:20px; padding:24px 0; border-top:1px solid var(--edge); }
.why-method p { margin-bottom:0; font-size:14px; }
.why-next { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; margin-top:38px; }
.why-next>a { border-top:1px solid #d9a45c77; padding-top:23px; }
.why-next h3 { margin-top:17px; font-size:24px; }
.why-next .meta { font-size:8px!important; }
.why-chapter p.why-closing { text-align:center; font:italic 500 clamp(29px,3vw,38px)/1.3 'EB Garamond',Garamond,Georgia,serif; color:var(--gold-light); margin:60px auto 0; }
.why-sources { border-top:1px solid var(--edge); scroll-margin-top:28px; }
.why-sources summary { display:flex; justify-content:space-between; gap:22px; padding:23px 0; list-style:none; cursor:pointer; font-size:15px; }
.why-sources p,.why-sources li { font-size:12px; line-height:1.9; color:#aebbd0; margin:15px 0; }
.why-sources h3 { font-size:16px; margin-top:25px; font-weight:500; }
.why-sources ul { padding-left:20px; }
.why-sources a { color:var(--gold-light); text-decoration:underline; text-underline-offset:4px; }
.why-expanded button:focus-visible,.why-expanded summary:focus-visible { outline:2px solid var(--gold-light); outline-offset:5px; }
@media(max-width:1100px) { .why-hero-grid{gap:32px}.why-layout{grid-template-columns:175px minmax(0,1fr);gap:40px}.projection-grid{grid-template-columns:1fr}.projection-art{max-width:370px;margin:auto}.projection-copy{padding:0 25px 25px}.projection-copy p.projection-result{min-height:0}.why-principles{gap:0 22px} }
@media(max-width:860px) { .why-layout{grid-template-columns:minmax(0,1fr);gap:35px}.why-chapters{position:static}.why-chapters ol{display:flex;flex-wrap:wrap;gap:4px 23px;padding-top:10px}.why-chapters a{padding:6px 0}.why-emblem{min-height:330px}.why-seal{width:140px}.why-hero-grid{padding-top:38px}.why-emblem figcaption{font-size:26px}.why-route a{padding:20px 12px;font-size:11px;gap:10px}.projection-grid{grid-template-columns:1fr 1fr}.projection-copy{padding:24px 22px 24px 0} }
@media(max-width:600px) { .why-hero-grid{grid-template-columns:minmax(0,1fr);gap:25px;padding:35px 0 32px}.why-hero h1{font-size:clamp(35px,9vw,53px);letter-spacing:-.04em}.why-deck{font-size:31px}.why-intro{font-size:15px}.why-emblem{min-height:245px}.why-seal{width:110px}.why-emblem figcaption{margin:18px 0 12px;font-size:25px}.why-emblem-lines{inset:0 15px}.why-route{grid-template-columns:minmax(0,1fr)}.why-route a{padding:18px 4px;font-size:12px}.why-route a+a{border-left:0;border-top:1px solid var(--edge)}.why-reading{padding:38px 0 55px}.why-chapter{padding-bottom:45px}.why-chapter+.why-chapter{padding-top:45px}.why-chapter h2{font-size:32px}.why-chapter p{font-size:14px}.why-quote{padding-left:19px}.why-quote blockquote{font-size:28px}.why-question summary{grid-template-columns:23px minmax(0,1fr) 17px;gap:12px}.why-question summary strong{font-size:19px}.why-answer{padding:0 0 24px 35px}.why-chapter p.why-focus{padding:16px}.projection-head{padding:16px;align-items:flex-start}.projection-head>span{max-width:60px;text-align:right}.projection-grid{grid-template-columns:minmax(0,1fr)}.projection-copy{padding:4px 20px 24px}.projection-art{max-width:360px}.why-principles{grid-template-columns:minmax(0,1fr)}.why-call{padding:24px 22px}.why-next{grid-template-columns:minmax(0,1fr);gap:30px}.why-pistes h3{font-size:24px}.why-actions{gap:22px}.why-chapters a{font-size:11px} }