@font-face{font-family:Poppins;src:url(assets/fonts/Poppins-Light.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}


*{box-sizing:border-box;margin:0;padding:0}

html,body{width:calc(1056 * var(--u));background:#000;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;color:#f3efe7}
.page{width:calc(1056 * var(--u));height:calc(816 * var(--u));position:relative;overflow:hidden;page-break-after:always;break-after:page}
.page:last-child{page-break-after:auto}
.logo{height:calc(18 * var(--u));width:auto;display:block;object-fit:contain}
.pn{position:absolute;right:calc(52.8 * var(--u));bottom:calc(30.72 * var(--u));font-size:calc(9 * var(--u));letter-spacing:.22em;font-weight:500;opacity:.4;z-index:5}
.kicker{font-size:calc(10 * var(--u));font-weight:500;letter-spacing:.24em;text-transform:uppercase}
.rule{width:calc(36 * var(--u));height:calc(2 * var(--u));background:#FFC700;border:0}

.p1{background:#000}
.p1 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.p1 .veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.48) 70%,rgba(0,0,0,.7))}
.p1 .copy{position:absolute;top:calc(48 * var(--u));right:calc(52.8 * var(--u));width:calc(441.6 * var(--u));text-align:right;display:flex;flex-direction:column;align-items:flex-end;z-index:2}
.p1 .logo{margin-bottom:calc(38.4 * var(--u))}
.p1 .kicker{opacity:.85;margin-bottom:calc(17.28 * var(--u));color:#fff}
.p1 h1{font-size:calc(50 * var(--u));font-weight:600;line-height:.98;letter-spacing:-.03em;color:#fff}
.p1 h1 em{display:block;font-style:normal;font-weight:300;font-size:calc(38 * var(--u));margin-top:calc(8 * var(--u))}
.p1 .rule{margin:calc(26.88 * var(--u)) 0 0 auto}
.p1 .sub{margin-top:calc(19.2 * var(--u));font-size:calc(13 * var(--u));font-weight:300;opacity:.75;color:#fff}

.p2{background:#000;position:relative;overflow:hidden}
.p2 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.p2 .logo{position:absolute;top:calc(43.2 * var(--u));right:calc(52.8 * var(--u));margin:0}
.p2 .copy{position:relative;text-align:center;padding-top:calc(52.8 * var(--u));max-width:calc(710.4 * var(--u));margin:0 auto}
.p2 h1{font-size:calc(40 * var(--u));font-weight:600;line-height:1.08;letter-spacing:-.025em;color:#fff}
.p2 .tag{margin-top:calc(7.68 * var(--u));font-size:calc(22 * var(--u));font-weight:500;letter-spacing:-.01em;color:#FFC700}
.p2 .lead{margin:calc(17.28 * var(--u)) auto 0;font-size:calc(13 * var(--u));font-weight:300;line-height:1.6;color:rgba(255,255,255,.72);max-width:calc(537.6 * var(--u))}
.p2 .pn{position:absolute}
.p2 .copy{isolation:isolate;z-index:1}
.p2 .lead{position:relative}

.p3{background:#000;color:#fff}
.p3 .top{position:absolute;left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));top:calc(43.2 * var(--u));display:flex;justify-content:space-between;align-items:center;z-index:5}
.p3 .kicker{color:#FFC700}
.p3 h1{position:absolute;left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));top:calc(98.88 * var(--u));font-size:calc(36 * var(--u));font-weight:600;letter-spacing:-.025em;line-height:1.2;z-index:5}
.p3 .lead{position:absolute;left:calc(52.8 * var(--u));top:calc(160.32 * var(--u));max-width:calc(883.2 * var(--u));font-size:calc(13 * var(--u));font-weight:300;line-height:1.6;color:rgba(255,255,255,.76);z-index:5}
.p3 .duo{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(1 * var(--u));overflow:hidden;background:rgba(255,255,255,.24)}
.p3 .cell{position:relative;min-height:0;overflow:hidden}
.p3 .photo{position:relative;height:100%;overflow:hidden;background:#080808}
.p3 .cell img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.p3 .shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#000 0%,#000 20%,rgba(0,0,0,.995) 24%,rgba(0,0,0,.98) 27%,rgba(0,0,0,.94) 30%,rgba(0,0,0,.87) 33%,rgba(0,0,0,.76) 36%,rgba(0,0,0,.62) 39%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.30) 45%,rgba(0,0,0,.17) 48%,rgba(0,0,0,.075) 51%,rgba(0,0,0,.02) 54%,transparent 57%,transparent 81%,rgba(0,0,0,.46) 100%)}
.p3 .tag{position:absolute;left:calc(52.8 * var(--u));top:calc(238.08 * var(--u));background:rgba(0,0,0,.76);color:#fff;font-size:calc(10 * var(--u));font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(2 * var(--u));z-index:4;border:calc(1 * var(--u)) solid rgba(255,255,255,.15)}
.p3 .tag.after{color:#111;background:#FFC700;border-color:#FFC700}
.p3 .caption{position:absolute;left:calc(52.8 * var(--u));right:calc(81.6 * var(--u));bottom:calc(48 * var(--u));display:flex;justify-content:space-between;font-size:calc(10 * var(--u));font-weight:300;color:rgba(255,255,255,.66);z-index:5}
.p3 .caption strong{font-weight:400;color:#FFC700}
.p3 .pn{opacity:.6}

/* P4 — thermopompe au coucher du soleil, appoint par grand froid */
.p4{background:#000;color:#fff}
.p4 .hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.p4 .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.87) 0%,rgba(0,0,0,.63) 15%,rgba(0,0,0,.30) 29%,transparent 45%,transparent 84%,rgba(0,0,0,.18) 100%)}
.p4 .head{position:absolute;top:calc(43.2 * var(--u));left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));display:flex;align-items:center;justify-content:space-between;z-index:3}
.p4 .kicker{color:#FFC700}
.p4 h1{position:absolute;top:calc(98.88 * var(--u));left:calc(52.8 * var(--u));font-size:calc(37 * var(--u));line-height:1.08;font-weight:600;letter-spacing:-.028em;z-index:3}
.p4 h1 span{color:#FFC700}
.p4 .copy{position:absolute;left:calc(52.8 * var(--u));top:calc(225.6 * var(--u));width:calc(334.08 * var(--u));z-index:3;font-size:calc(13 * var(--u));font-weight:300;line-height:1.65;color:rgba(255,255,255,.84)}
.p4 .copy p{margin-bottom:calc(15 * var(--u))}
.p4 .copy p:last-child{font-size:calc(12 * var(--u));color:rgba(255,255,255,.67);margin-bottom:0}
.p4 .pn{opacity:.65}

/* P5 — contrôle, photographie pleine page */
.p5{background:#000;color:#fff}
.p5 .hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.p5 .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 12%,rgba(0,0,0,.43) 27%,rgba(0,0,0,.12) 43%,transparent 56%,transparent 85%,rgba(0,0,0,.18) 100%)}
.p5 .head{position:absolute;top:calc(43.2 * var(--u));left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));display:flex;align-items:center;justify-content:space-between;z-index:3}
.p5 .kicker{color:#FFC700}
.p5 h1{position:absolute;top:calc(98.88 * var(--u));left:calc(52.8 * var(--u));font-size:calc(37 * var(--u));line-height:1.08;font-weight:600;letter-spacing:-.028em;z-index:3}
.p5 h1 span{color:#FFC700}
.p5 .pn{opacity:.65}

.p5 .divider{position:absolute;left:50%;top:43%;bottom:0;width:calc(1 * var(--u));background:rgba(255,255,255,.23);z-index:2}

.p5 .situations{position:absolute;top:calc(225.6 * var(--u));left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));z-index:3;display:grid;grid-template-columns:1fr 1fr;column-gap:calc(105.6 * var(--u))}
.p5 .situation h2{font-size:calc(10.5 * var(--u));line-height:1.4;font-weight:600;letter-spacing:.035em;color:#FFC700;margin:0 0 calc(9 * var(--u))}
.p5 .situation p{font-size:calc(13 * var(--u));line-height:1.65;font-weight:300;color:rgba(255,255,255,.84);margin:0}

/* P6 — panne, réserve de chaleur et secours adapté */
.p6{background:#000;color:#fff}
.p6 .hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.p6 .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.92) 0%,rgba(0,0,0,.73) 12%,rgba(0,0,0,.36) 27%,rgba(0,0,0,.09) 43%,transparent 56%,transparent 86%,rgba(0,0,0,.15) 100%)}
.p6 .stars{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;pointer-events:none}
.p6 .head{position:absolute;top:calc(43.2 * var(--u));left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));display:flex;align-items:center;justify-content:space-between;z-index:3}
.p6 .kicker{color:#FFC700}
.p6 h1{position:absolute;top:calc(98.88 * var(--u));left:calc(52.8 * var(--u));font-size:calc(34 * var(--u));line-height:1.09;font-weight:600;letter-spacing:-.028em;z-index:3}
.p6 h1 span{color:#FFC700}
.p6 .situation{position:absolute;left:calc(52.8 * var(--u));top:calc(254.4 * var(--u));width:calc(432 * var(--u));z-index:3}
.p6 .situation.second{top:calc(369.6 * var(--u))}
.p6 .situation.third{top:calc(484.8 * var(--u))}
.p6 .situation h2{font-size:calc(10.5 * var(--u));line-height:1.4;font-weight:600;letter-spacing:.035em;color:#FFC700;margin:0 0 calc(9 * var(--u))}
.p6 .situation p{font-size:calc(13 * var(--u));line-height:1.65;font-weight:300;color:rgba(255,255,255,.84);margin:0}
.p6 .pn{opacity:.65}

.p6 .install-note{position:absolute;left:calc(52.8 * var(--u));bottom:calc(67.2 * var(--u));margin:0;width:calc(441.6 * var(--u));z-index:3;font-size:calc(10.5 * var(--u));line-height:1.6;font-weight:300;color:rgba(255,255,255,.76)}
.p6 .sources-link{position:absolute;left:calc(52.8 * var(--u));bottom:calc(38.4 * var(--u));z-index:4;font-size:calc(9.5 * var(--u));line-height:1.5;font-weight:400;color:rgba(255,255,255,.76);text-decoration:none;border-bottom:calc(1 * var(--u)) solid rgba(255,199,0,.65);padding-bottom:calc(2 * var(--u))}

.p7{background:#000;color:#fff}
.p7 .hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.p7 .veil{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 12%,rgba(0,0,0,.12) 27%,transparent 40%)}
.p7 .head{position:absolute;top:calc(43.2 * var(--u));left:calc(52.8 * var(--u));right:calc(52.8 * var(--u));display:flex;align-items:center;justify-content:space-between;z-index:3}
.p7 .kicker{color:#FFC700}
.p7 h1{position:absolute;top:calc(99.84 * var(--u));left:calc(52.8 * var(--u));font-size:calc(40 * var(--u));line-height:1.09;font-weight:600;letter-spacing:-.03em;z-index:3}
.p7 h1 span{color:#FFC700}
.p7 .grant{position:absolute;left:calc(52.8 * var(--u));top:calc(246.72 * var(--u));width:calc(422.4 * var(--u));z-index:3}
.p7 .grant.second{top:calc(351.36 * var(--u))}
.p7 .grant.third{top:calc(462.72 * var(--u))}
.p7 .up{font-size:calc(10.5 * var(--u));line-height:1.2;font-weight:500;letter-spacing:.12em;color:rgba(255,255,255,.8);margin:0 0 calc(4 * var(--u));text-transform:uppercase}
.p7 .amount{font-size:calc(44 * var(--u));line-height:1.08;font-weight:600;letter-spacing:-.04em;color:#FFC700;margin:0 0 calc(7 * var(--u))}
.p7 .description{font-size:calc(13 * var(--u));line-height:1.5;font-weight:400;color:rgba(255,255,255,.9);margin:0}
.p7 .conditions{position:absolute;left:calc(52.8 * var(--u));top:calc(609.6 * var(--u));width:calc(441.6 * var(--u));z-index:3;font-size:calc(10.5 * var(--u));line-height:1.65;font-weight:300;color:rgba(255,255,255,.74);margin:0}
.p7 .pn{opacity:.65}