/* Brand signatures and the dossier are composed as real, readable documents. */
header{height:116px;padding:0 4.5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
header>img{width:250px;max-width:100%}.header-end{display:contents}
.header-end>a{grid-column:2;grid-row:1;justify-self:center;font-size:14px;border:1px solid #7496ab75;border-radius:28px;padding:14px 23px;background:#0b2331a8}
.powered{grid-column:3;grid-row:1;justify-self:end;font-size:11px;gap:14px}.powered img{width:64px;height:68px;object-fit:contain}
.report-fan{position:absolute;left:38%;top:20%;width:59%;height:64%;perspective:1600px;z-index:1}
.report-leaves{position:relative;height:calc(100% - 62px);transform:translateY(calc((1 - var(--fan-arrive,1))*90px));opacity:var(--fan-arrive,1)}
.dossier-page{position:absolute;top:0;width:32%;height:100%;min-height:430px;padding:24px 22px;background:#f5f8fa;color:#15384c;border:1px solid #e3edf1;border-radius:6px;box-shadow:0 25px 60px #0006;transform-origin:50% 88%;transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .3s;overflow:hidden}
.dossier-page:nth-child(1){left:1%;transform:rotate(-9deg);z-index:3}.dossier-page:nth-child(2){left:33%;transform:translateY(-18px);z-index:2}.dossier-page:nth-child(3){left:65%;transform:rotate(9deg);z-index:1}
.report-fan[data-active="1"] .dossier-page:nth-child(2){z-index:4;transform:translateY(-35px) scale(1.04)}.report-fan[data-active="2"] .dossier-page:nth-child(3){z-index:4;transform:rotate(3deg) translateY(-25px) scale(1.04)}
.dossier-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #adbdc84d}.dossier-brand img{display:block;width:120px;max-width:62%;height:auto}.dossier-brand span{font-size:9px;line-height:1.4;color:#537082;text-align:right}
.dossier-page h2{font-weight:500;font-size:27px;line-height:1.1;letter-spacing:-.025em;margin:23px 0 19px}.dossier-cover{background:#092538;border-color:#638395;color:white;padding-bottom:0}.dossier-cover .dossier-brand span{color:#adcddb}.dossier-cover h2{position:relative;z-index:1;font-size:29px}.dossier-house{height:49%;margin:0 -22px;background:url('../public/teaser-concept-septembre/maison-assemblee.png') 64% 62% /auto 135%;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.dossier-cover-bottom{position:absolute;bottom:25px;left:22px;right:22px}.dossier-cover-bottom>span{font-size:10px;color:#b9dbe7}.dossier-cover-bottom strong{display:block;font-size:22px;line-height:1.15;font-weight:500;margin:11px 0}.dossier-cover-bottom p{font-size:10px;color:#b9dbe7;line-height:1.5}
.dossier-caption{display:block;font-size:10px;color:#567080;line-height:1.5}.dossier-amount{display:block;font-size:33px;font-weight:500;letter-spacing:-.025em;margin:7px 0 4px}.dossier-chart{display:block;width:100%;height:95px;margin-bottom:10px}.dossier-facts{margin:0}.dossier-facts>div{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #d4e1e6;font-size:11px;line-height:1.35}.dossier-facts dt{color:#426171}.dossier-facts dd{margin:0;text-align:right;color:#12394b;font-weight:600}.dossier-building{display:flex;justify-content:space-between;gap:6px;margin-top:17px;font-size:9px;color:#536e7b}.dossier-building b{display:block;font-size:14px;color:#163e52;margin-bottom:5px;font-weight:500}.dossier-footnote{font-size:9px;line-height:1.5;color:#536c7b;margin-top:14px}.dossier-territory{display:block;width:100%;height:auto;border-radius:3px}.dossier-context .dossier-territory{height:150px;object-fit:cover;margin:20px 0 18px}
.report-tabs{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid #486b80;background:#0b2332;border-radius:25px;white-space:nowrap}.report-tabs button{border:0;border-radius:22px;background:transparent;color:#c5dee9;min-height:44px;padding:8px 14px;font-size:11px;cursor:pointer}.report-tabs button[aria-pressed="true"]{background:#c8edf4;color:#133e50}
.architectural-mode[data-chapter="4"] .data-index{display:none}.architectural-mode[data-chapter="4"] .narrative{width:27%;max-width:365px}.architectural-mode[data-chapter="4"] .narrative h1{font-size:clamp(36px,3.65vw,56px)}
.architectural-mode .vigilance-report{border-radius:7px;padding:24px 28px;background:#f5f8fa;color:#12394b;box-shadow:0 30px 90px #0007}
.architectural-mode[data-chapter="5"] .vigilance-report{top:9%;right:7%;width:43%;max-width:590px;max-height:80%;padding:24px 28px}
.vigilance-report .dossier-brand img{width:155px}.vigilance-report .dossier-brand span{font-size:10px}.vigilance-heading{margin:20px 0 17px}.vigilance-report h2{font-size:30px;font-weight:500;line-height:1.1;margin:8px 0 0;letter-spacing:-.025em}.architectural-mode .vigilance-report em{color:#247b89!important}.vigilance-map{position:relative}.vigilance-map .dossier-territory{max-height:210px;object-fit:cover}.map-key{display:flex;align-items:center;gap:6px;font-size:9px;color:#456778;margin:9px 0 16px}.map-key i{display:inline-block;width:8px;height:8px;background:#76b8d2;border-radius:50%;margin-left:10px}.map-key i:first-child{margin-left:0}.map-key i:nth-child(2){background:#638b70}.map-key i:nth-child(3){background:#168575}
.vigilance-findings>div{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #d4e1e6}.vigilance-sign{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;background:#fff0d9;color:#8b560b;font-weight:700}.vigilance-sign.info{background:#e0eff6;color:#28617d}.vigilance-findings strong{font-size:13px;font-weight:600}.vigilance-findings p{font-size:11px;line-height:1.5;color:#4c6879;margin:6px 0 0;max-width:340px}.finding-state{margin-left:auto;white-space:nowrap;font-size:9px;color:#815514;padding-top:5px}.vigilance-action{margin:10px -28px -24px;padding:21px 28px;background:#123c51;color:white}.vigilance-action strong{font-size:16px;font-weight:500}.vigilance-action p{font-size:11px;line-height:1.5;color:#c6dfeb;margin:8px 0 14px}.vigilance-action a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#b6edf5;font-size:13px;min-height:32px}.vigilance-action a span{font-size:22px}
.architectural-mode[data-chapter="5"] .narrative{left:7%;width:35%;max-width:470px}.architectural-mode[data-chapter="5"] .data-index{left:7%;width:32%;max-width:420px;background:none}
@media(min-width:701px) and (max-width:1200px) and (orientation:portrait){header>img{width:220px}.powered img{width:56px;height:62px}.powered{font-size:10px}.header-end>a{font-size:12px;padding:13px}.report-fan{left:6%;width:88%;top:34%;height:52%}.dossier-page{padding:22px 18px}.dossier-page h2{font-size:26px}.dossier-brand img{width:108px}.architectural-mode[data-chapter="4"] .narrative{left:6%;top:8%;width:80%;max-width:650px}.architectural-mode[data-chapter="4"] .narrative h1{font-size:46px}.architectural-mode[data-chapter="5"] .narrative{left:6%;top:7%;width:88%;max-width:none}.architectural-mode[data-chapter="5"] .narrative h1{font-size:45px}.architectural-mode[data-chapter="5"] .vigilance-report{top:31%;right:6%;width:59%;max-height:59%}.architectural-mode[data-chapter="5"] .data-index{left:6%;top:37%;width:25%}.finding-state{display:none}.vigilance-map .dossier-territory{max-height:160px}}
@media(max-width:700px){header{height:93px;padding:12px 18px;grid-template-columns:1fr 1fr;align-items:start}header>img{width:176px}.powered{grid-column:2;font-size:8px;gap:7px}.powered img{width:42px;height:46px}.header-end>a{grid-column:1/-1;grid-row:2;font-size:10px;padding:7px 16px;min-height:32px;margin-top:8px}.architectural-mode[data-chapter="0"] .narrative{top:128px}.architectural-mode[data-chapter="0"] .architectural-world{top:57%}.report-fan{left:5%;top:30%;width:90%;height:59%;perspective:1300px}.report-leaves{height:calc(100% - 59px)}.dossier-page{left:50%!important;top:0;width:82%;height:100%;min-height:0;padding:20px;transition:transform .5s,opacity .5s}.dossier-page:nth-child(1){transform:translateX(-63%) rotate(-10deg) scale(.92);z-index:1}.dossier-page:nth-child(2){transform:translateX(-42%) rotate(8deg) scale(.92);z-index:2}.dossier-page:nth-child(3){transform:translateX(-35%) rotate(13deg) scale(.87);z-index:0}.report-fan[data-active="0"] .dossier-page:nth-child(1),.report-fan[data-active="1"] .dossier-page:nth-child(2),.report-fan[data-active="2"] .dossier-page:nth-child(3){transform:translateX(-50%);z-index:4}.dossier-page h2{font-size:25px;margin:15px 0}.dossier-cover h2{font-size:27px}.dossier-brand img{width:118px}.dossier-brand{padding-bottom:12px}.dossier-amount{font-size:30px}.dossier-chart{height:66px;margin-bottom:5px}.dossier-facts>div{padding:6px 0;font-size:11px}.dossier-building{margin-top:12px}.dossier-footnote{margin:9px 0 0;font-size:8px}.dossier-context .dossier-territory{height:108px;margin:10px 0}.dossier-cover-bottom{left:20px;bottom:20px}.dossier-cover-bottom strong{font-size:23px}.report-tabs{gap:0;padding:3px;max-width:100%}.report-tabs button{padding:7px 9px;font-size:10px}.architectural-mode[data-chapter="4"] .narrative{left:23px;top:30px;width:calc(100% - 46px);max-width:none}.architectural-mode[data-chapter="4"] .narrative h1{font-size:32px}.architectural-mode[data-chapter="4"] .narrative h1 br:nth-child(2){display:none}.architectural-mode[data-chapter="5"] .narrative{left:23px;top:27px;width:calc(100% - 46px)}.architectural-mode[data-chapter="5"] .narrative h1{font-size:30px}.architectural-mode[data-chapter="5"] .narrative p{font-size:12px;margin-top:11px}.architectural-mode[data-chapter="5"] .vigilance-report{top:26%;right:20px;width:calc(100% - 40px);max-height:63%;padding:17px 19px}.vigilance-report .dossier-brand img{width:122px}.vigilance-report .dossier-brand span{font-size:8px}.vigilance-heading{margin:13px 0}.vigilance-report h2{font-size:23px;margin-top:5px}.vigilance-heading .dossier-caption{font-size:9px}.vigilance-map .dossier-territory{max-height:123px}.map-key{font-size:8px;margin:7px 0 11px}.vigilance-findings>div{gap:8px;padding:9px 0}.vigilance-findings strong{font-size:12px}.vigilance-findings p{font-size:10px;margin-top:4px}.vigilance-sign{width:22px;height:22px;flex-basis:22px}.finding-state{display:none}.vigilance-action{margin:9px -19px -17px;padding:15px 19px}.vigilance-action strong{font-size:14px}.vigilance-action p{font-size:10px;margin:6px 0 9px}.vigilance-action a{font-size:12px}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){header{padding:8px 15px;height:83px}header>img{width:146px}.powered img{width:35px;height:39px}.powered{font-size:7px}.header-end>a{margin-top:3px;padding:5px 12px;min-height:29px}.architectural-mode[data-chapter="0"] .narrative{top:108px}.architectural-mode[data-chapter="0"] .narrative h1{font-size:26px}.architectural-mode[data-chapter="0"] .narrative p{font-size:11px;margin-top:9px}.architectural-mode[data-chapter="0"] .architectural-world{top:58%;width:137vw}.report-fan{top:33%;height:54%}.dossier-page{padding:14px;overflow:auto}.dossier-page h2{font-size:22px;margin:12px 0}.dossier-cover h2{font-size:22px}.dossier-brand img{width:96px}.dossier-brand span{font-size:8px}.dossier-cover-bottom{left:14px;bottom:10px}.dossier-cover-bottom strong{font-size:18px}.dossier-house{height:42%;margin:0 -14px}.dossier-cover-bottom p{font-size:9px}.report-tabs button{font-size:9px;padding:5px 8px}.architectural-mode[data-chapter="4"] .narrative{top:24px}.architectural-mode[data-chapter="4"] .narrative h1{font-size:27px}.architectural-mode[data-chapter="5"] .narrative{top:21px}.architectural-mode[data-chapter="5"] .narrative h1{font-size:26px}.architectural-mode[data-chapter="5"] .vigilance-report{top:31%;max-height:54%;padding:14px 16px}.vigilance-map .dossier-territory{max-height:105px}.vigilance-action{margin:9px -16px -14px;padding:14px 16px}}
@media(max-height:600px) and (orientation:landscape){header{height:77px;padding:8px 4%;grid-template-columns:1fr 1fr 1fr;align-items:center}header>img{width:185px}.header-end>a{grid-column:2;grid-row:1;margin:0;padding:9px 12px;font-size:10px}.powered{grid-column:3;font-size:8px}.powered img{width:44px;height:48px}.report-fan{left:40%;top:8%;width:55%;height:78%}.dossier-page{padding:15px 12px;min-height:0;overflow:auto}.dossier-page h2{font-size:20px;margin:13px 0}.dossier-brand img{width:95px}.dossier-brand span{font-size:7px}.dossier-cover h2{font-size:21px}.dossier-cover-bottom{left:12px;bottom:12px}.dossier-cover-bottom strong{font-size:17px}.dossier-cover-bottom p{font-size:9px}.dossier-house{margin:0 -12px;height:42%}.dossier-facts>div{font-size:10px;padding:6px 0}.dossier-chart{height:65px}.dossier-amount{font-size:25px}.report-tabs button{font-size:9px;padding:6px 10px}.architectural-mode[data-chapter="4"] .narrative{left:4%;top:12%;width:29%}.architectural-mode[data-chapter="4"] .narrative h1{font-size:28px}.architectural-mode[data-chapter="5"] .narrative{left:4%;top:13%;width:36%}.architectural-mode[data-chapter="5"] .narrative h1{font-size:28px}.architectural-mode[data-chapter="5"] .vigilance-report{top:5%;right:5%;width:45%;max-height:80%;padding:16px 19px}.vigilance-report h2{font-size:24px}.vigilance-map .dossier-territory{max-height:130px}}
@media(prefers-reduced-motion:reduce){.dossier-page{transition:none}}
.powered img{object-fit:cover;object-position:left}
.report-fan{left:37%;width:56%}
.dossier-page{overflow:auto;scrollbar-width:thin;scrollbar-color:#afc8d3 transparent}
.risk-landscape{height:180px;background:#071521 url('../public/teaser-concept-septembre/maison-assemblee.png') 60% 58%/cover;position:relative;overflow:hidden;border-radius:4px}
.risk-pin{position:absolute;display:grid;place-items:center;width:23px;height:23px;border:1px solid #f4d092;color:#ffdb9e;background:#3b2c18;border-radius:50%;font-size:15px;font-weight:700;box-shadow:0 0 0 7px #e3a6521f}.risk-pin-water{left:15%;top:66%}.risk-pin-forest{left:83%;top:13%}.risk-pin small{position:absolute;left:29px;white-space:nowrap;padding:4px 6px;border-radius:2px;background:#102838e8;color:#f0f7fa;font-size:9px;font-weight:400}.risk-pin-forest small{left:auto;right:29px}
.vigilance-map>.dossier-territory{position:absolute;bottom:32px;right:9px;width:26%;max-height:80px;border:2px solid #e2eef3;box-shadow:0 2px 12px #0004}.vigilance-report{scrollbar-width:thin;scrollbar-color:#799aaa #e7f0f4}
@media(min-width:701px) and (max-width:1200px) and (orientation:portrait){.report-fan{left:8%;width:84%}.dossier-page:nth-child(1){transform:rotate(-6deg)}.dossier-page:nth-child(3){transform:rotate(6deg)}.risk-landscape{height:145px}.vigilance-heading{margin:15px 0}.vigilance-findings>div{padding:10px 0}.vigilance-action{padding-top:16px;padding-bottom:16px}}
@media(max-width:700px){.report-fan{left:5%;width:90%}.architectural-mode[data-chapter="4"] .narrative h1 br:nth-child(2){display:initial}.architectural-mode[data-chapter="5"] .vigilance-report{top:22%;max-height:67%}.vigilance-heading .dossier-caption{display:none}.vigilance-heading{margin:9px 0}.vigilance-report h2{font-size:21px}.risk-landscape{height:80px;background-position:60% 63%}.vigilance-map>.dossier-territory{bottom:24px;right:5px;width:26%;max-height:50px}.risk-pin{width:18px;height:18px;font-size:12px;box-shadow:0 0 0 4px #e3a6521f}.risk-pin small{font-size:8px;padding:3px 4px;left:23px}.risk-pin-forest small{left:auto;right:23px}.map-key{margin:7px 0 9px}.vigilance-findings>div{padding:6px 0}.vigilance-action{padding:12px 19px}.vigilance-action p{margin:5px 0 7px}.vigilance-action a{min-height:29px}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){.architectural-mode[data-chapter="5"] .vigilance-report{top:29%;max-height:56%}.vigilance-action{position:sticky;bottom:-14px;padding:10px 16px}.vigilance-action p{display:none}.vigilance-action strong{font-size:12px}.vigilance-action a{font-size:11px}.risk-landscape{height:85px}.vigilance-heading{margin:9px 0}.vigilance-report h2{font-size:19px}}
@media(max-height:600px) and (orientation:landscape){.report-fan{left:40%;width:55%}.risk-landscape{height:125px}.vigilance-action{position:sticky;bottom:-24px}.vigilance-action p{display:none}}
.risk-details-toggle{display:none}
@media(min-width:701px) and (max-width:1200px) and (orientation:portrait){.architectural-mode[data-chapter="5"] .vigilance-report{max-height:61%}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){.vigilance-heading{display:none}.vigilance-report .dossier-brand img{width:100px}.vigilance-report .dossier-brand{padding-bottom:8px}.risk-landscape{height:55px;margin-top:10px}.risk-pin small{display:none}.map-key{margin:5px 0 7px}.vigilance-findings>div{padding:5px 0;align-items:center}.vigilance-findings strong{font-size:11px}.vigilance-findings p{display:none}.vigilance-report.is-expanded .vigilance-findings p{display:block}.risk-details-toggle{display:block;min-height:28px;border:0;padding:4px 0;background:none;color:#285d75;font-size:11px;cursor:pointer}.vigilance-action{margin-top:4px;padding:8px 16px}.vigilance-action strong{font-size:11px}.vigilance-action a{min-height:26px}}
@media(max-height:600px) and (orientation:landscape){.dossier-page{left:50%!important;width:70%}.dossier-page:nth-child(1){transform:translateX(-65%) rotate(-8deg);z-index:1}.dossier-page:nth-child(2){transform:translateX(-43%) rotate(6deg);z-index:2}.dossier-page:nth-child(3){transform:translateX(-30%) rotate(12deg);z-index:0}.report-fan[data-active="0"] .dossier-page:nth-child(1),.report-fan[data-active="1"] .dossier-page:nth-child(2),.report-fan[data-active="2"] .dossier-page:nth-child(3){transform:translateX(-50%);z-index:4}.dossier-cover{display:flex;flex-direction:column}.dossier-cover .dossier-house{flex:1;min-height:45px;background-position:64% 59%;background-size:auto 260%;mask-image:none}.dossier-cover .dossier-cover-bottom{position:static;margin-top:8px}.dossier-cover-bottom strong,.dossier-cover-bottom p{display:none}.dossier-cover h2{font-size:21px;margin:10px 0}.dossier-cover h2 br{display:none}.dossier-cover h2 em:before{content:' '}.dossier-brand img{width:110px}.dossier-cover .dossier-brand{flex-shrink:0}}
@media(max-width:700px) and (max-height:740px) and (orientation:portrait){.vigilance-action{display:flex;align-items:center;gap:10px;padding:8px 16px}.vigilance-action strong{display:none}.vigilance-action .risk-details-toggle{color:#b6edf5;width:36%;min-height:34px;font-size:10px;line-height:1.25;padding:0;text-align:left}.vigilance-action a{width:64%;min-height:34px;gap:8px;font-size:10px}}
