/* R4's architectural statistics: one photographic stage and a four-part ruler. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan{display:grid;grid-template-areas:"heading" "panorama" "ruler" "next";row-gap:0}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-heading{grid-area:heading;margin:14px 0 28px;gap:30px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-heading h2{font-size:clamp(34px,3.8vw,56px)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-details{grid-area:panorama;position:relative;background:#091a36;border-radius:32px 32px 0 0;overflow:hidden}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-panel{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"story image";min-height:480px;border:0;border-radius:0;background:#091a36;color:#fff;outline-offset:-5px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-panel[hidden]{display:none}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story{grid-area:story;position:relative;isolation:isolate;min-height:480px;padding:36px 40px;justify-content:center;color:#fff}
.h4-bilan .eb-story:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-chapter{color:#b8d0ff;font-size:9px;letter-spacing:.18em;margin:0 0 15px}
.h4-bilan .h4-bilan-number{display:flex;align-items:flex-end;gap:17px;margin:0 0 23px;color:#fff}
.h4-bilan .h4-bilan-number strong{display:flex;align-items:baseline;gap:4px;font:400 clamp(82px,9.5vw,142px)/.82 Georgia,serif;letter-spacing:-.07em;color:#fff;white-space:nowrap}
.h4-bilan .h4-bilan-number strong small{font:400 22px/1 Georgia,serif;letter-spacing:-.025em;color:#9fbfff}
.h4-bilan .h4-bilan-number>span{max-width:115px;padding-bottom:2px;font:500 11px/1.5 var(--sans);color:#b9c8df}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story h3{font:400 clamp(25px,2.5vw,35px)/1.14 Georgia,serif;letter-spacing:-.035em;color:#fff;margin:0 0 14px;max-width:22ch}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story>p:not(.eb-chapter){color:#bdcce0;font-size:12px;line-height:1.8;margin:0 0 15px;max-width:48ch}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-detail-link{color:#fff;border-color:#ffffff35;font-size:11px;min-height:44px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-detail-link>svg{color:#8ab0ff}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-photo{grid-area:image;min-height:0;margin:22px 22px 22px 0;border-radius:130px 18px 18px 18px;background:#182d4a;touch-action:pan-y}
.h4-bilan .eb-photo>img{object-position:center;transition:transform .8s ease;user-select:none;-webkit-user-drag:none}
.h4-bilan .eb-panel:not([hidden]) .eb-photo>img{animation:h4-bilan-photo .75s ease both}
.h4-bilan .eb-panel:not([hidden]) .h4-bilan-number{animation:h4-bilan-number .55s ease both}
.h4-bilan .eb-photo-mark{display:none}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-photo>figcaption{left:24px;bottom:20px;font-size:10px;max-width:75%}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stats{grid-area:ruler;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:1px solid #ffffff15;border-top-color:#ffffff20;background:#0c203f;border-radius:0 0 32px 32px;overflow:hidden}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;min-height:104px;padding:21px 24px;border:0;border-left:1px solid #ffffff15;border-radius:0;background:transparent;color:#fff;box-shadow:none}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat:first-child{border-left:0}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat[aria-selected="true"]{background:var(--ip-dark);box-shadow:none}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat:hover{background:#163365}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat-top{display:none}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat>strong{gap:3px;font:400 clamp(28px,3vw,42px)/1 Georgia,serif;letter-spacing:-.05em;color:#fff;white-space:nowrap;flex:none}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat strong small{color:#b5ceff;font:400 13px/1 Georgia,serif}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat-label{font-size:11px;line-height:1.4;color:#c5d3e8;margin:0;max-width:98px}
.h4-bilan .eb-stat-indicator{inset:0 0 auto;height:3px;background:#85aefe}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-next{grid-area:next;padding:20px 0 0}
.h4-bilan-tools{position:absolute;right:36px;top:36px;z-index:2;display:flex;align-items:center;gap:8px;padding:5px;background:#fffffff2;border:1px solid #ffffff9c;border-radius:100px;color:#102342;box-shadow:0 4px 22px #0002}
.h4-bilan-tools[hidden]{display:none}
.h4-bilan-tools button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#102342;font-size:20px;cursor:pointer}
.h4-bilan-tools span{font:600 9px/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap}
@keyframes h4-bilan-photo{from{transform:scale(1.045);opacity:.75}to{transform:scale(1);opacity:1}}
@keyframes h4-bilan-number{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1000px){
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story{padding:30px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat{padding:20px 16px;gap:10px}
 .h4-bilan .h4-bilan-number{gap:10px}
 .h4-bilan .h4-bilan-number>span{font-size:10px}
}
@media(max-width:700px){
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan{grid-template-areas:"heading" "ruler" "panorama" "next"}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-heading{grid-template-columns:1fr;gap:13px;margin:6px 0 20px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-heading h2{font-size:clamp(30px,8.5vw,43px)}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-heading-note{justify-self:start}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:24px 24px 0 0}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat{min-height:88px;padding:17px 14px;gap:10px;border-bottom:1px solid #ffffff15}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat>strong{font-size:32px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat-label{font-size:10px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-details{border-radius:0 0 24px 24px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-panel{grid-template-columns:1fr;grid-template-areas:"image" "story";min-height:0}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-photo{height:215px;min-height:215px;margin:14px 14px 0;border-radius:90px 14px 14px 14px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story{min-height:0;padding:27px 25px 30px}
 .h4-bilan .h4-bilan-number{margin-bottom:19px;gap:20px}
 .h4-bilan .h4-bilan-number strong{font-size:94px}
 .h4-bilan .h4-bilan-number strong small{font-size:21px}
 .h4-bilan .h4-bilan-number>span{font-size:11px;max-width:135px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story h3{font-size:28px}
 .h4-bilan .eb-photo-mark{width:57px;height:57px;left:22px;top:24px;font-size:6px}
 .h4-bilan-tools{top:25px;right:25px;gap:5px}
 .h4-bilan-tools button{width:34px;height:34px}
}
@media(max-width:360px){
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat{padding:15px 10px;gap:7px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat>strong{font-size:28px}
 html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat-label{font-size:9px}
 .h4-bilan .h4-bilan-number strong{font-size:82px}
}
@media(prefers-reduced-motion:reduce){.h4-bilan .eb-photo>img,.h4-bilan .h4-bilan-number{animation:none!important;transition:none!important}}