@import url('/assets-v54/malakoff-story.css');
/* Gabriel Nion V47.1 — reserved immersive story Malakoff Humanis. */
/* Does not alter the V47 Cetelem scene or shared JS. */
.gn48-upcoming{position:relative;background:#fcfaf7;border-top:1px solid #e6e3df;border-bottom:1px solid #e6e3df;scroll-margin-top:calc(var(--header,76px) + 10px);color:#20334b}
.gn48-upcoming-shell{padding-block:clamp(52px,7.5vw,105px) clamp(38px,5vw,64px)}
.gn48-topline,.gn48-bottomline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#7f6c63;font:700 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.gn48-topline{border-top:1px solid #dddad5;padding-top:20px;margin-bottom:clamp(30px,4.4vw,63px)}
.gn48-topline span:first-child{color:#b35437}
.gn48-upcoming-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,78px);align-items:center}
.gn48-upcoming-copy{min-width:0;padding-block:8px}
.gn48-overline{color:#b35437;text-transform:uppercase;letter-spacing:.1em;font:700 11px/1.5 var(--sans,Arial,sans-serif);margin:0 0 18px}
.gn48-upcoming h2,.gn48-case-upcoming h2{font:400 clamp(44px,5.45vw,76px)/1.075 var(--serif,Georgia,serif);letter-spacing:-.065em;color:#21334d;margin:0 0 26px}
.gn48-upcoming h2 em,.gn48-case-upcoming h2 em{font-weight:400;color:#b45a3f}
.gn48-upcoming-lede{color:#42546a;font:400 clamp(16px,1.32vw,19px)/1.64 var(--sans,Arial,sans-serif);max-width:52ch;margin:0 0 18px}
.gn48-coming-note{font:400 12px/1.73 var(--sans,Arial,sans-serif);max-width:58ch;color:#6c7380;margin:0 0 25px}
.gn48-link{display:inline-flex;gap:10px;align-items:center;color:#8c4935;font:650 14px/1.5 var(--sans,Arial,sans-serif);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.gn48-upcoming .gn48-link:focus-visible,.gn48-case-upcoming .gn48-link:focus-visible{outline:3px solid #bd593b;outline-offset:5px}
.gn48-preview-stage{position:relative;height:clamp(365px,37vw,535px);overflow:hidden;border:1px solid #e7ded5;background:radial-gradient(ellipse at 18% 20%,#fff 0,transparent 66%),#f6f0eb;isolation:isolate}
.gn48-preview-grid{position:absolute;inset:0;background-image:linear-gradient(#ddcec429 1px,transparent 1px),linear-gradient(90deg,#ddcec429 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.gn48-sheet{position:absolute;overflow:hidden;background:#fff;border:1px solid #e4e1df;box-shadow:1px 5px 8px #4e3b3424,13px 25px 42px #4e3b341a;margin:0;transform-origin:center}
.gn48-sheet img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%}
.gn48-sheet-portal{left:8%;top:8%;width:59%;height:78%;transform:rotate(-6deg)}
.gn48-sheet-states{right:4%;bottom:5%;width:43%;height:67%;transform:rotate(7deg)}
.gn48-preview-stamp{position:absolute;left:6%;bottom:7%;display:flex;flex-direction:column;align-items:start;background:#fffefaef;padding:12px 15px 13px;border-left:3px solid #c35f40;box-shadow:0 6px 18px #46312c20;transform:rotate(-2deg);color:#b35941;pointer-events:none}
.gn48-preview-stamp span{font:700 8px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.15em}
.gn48-preview-stamp strong{font:750 14px/1.25 var(--sans,Arial,sans-serif);letter-spacing:.07em}
.gn48-bottomline{margin-top:clamp(28px,4.3vw,56px);padding-top:19px;border-top:1px solid #e2dbd3;letter-spacing:.09em}
.gn48-bottomline b{color:#c66545;font-weight:700;margin:0 8px}
/* MH case page reserves an actual replacement surface, not an invented animation. */
.gn48-case-upcoming{background:#fcfaf7;border-block:1px solid #e9e1d8;scroll-margin-top:calc(var(--header,76px) + 16px)}
.gn48-case-upcoming-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,6vw,88px);padding-block:clamp(42px,6vw,85px)}
.gn48-case-upcoming h2{font-size:clamp(36px,4.4vw,65px);max-width:16ch;margin-bottom:25px}
.gn48-case-eyebrow{margin:0 0 18px;color:#af5a40;font:700 10px/1.5 var(--sans,Arial,sans-serif);letter-spacing:.14em}
.gn48-case-upcoming-copy>p:not(.gn48-case-eyebrow){font:400 16px/1.72 var(--sans,Arial,sans-serif);color:#536174;max-width:65ch;margin:0 0 23px}
.gn48-case-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;min-height:300px;gap:24px;padding:23px;background:#f1efed;border:1px dashed #cdbdb3;color:#805849;overflow:hidden}
.gn48-case-placeholder::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#c8bbae36 1px,transparent 1px),linear-gradient(90deg,#c8bbae36 1px,transparent 1px);background-size:35px 35px;pointer-events:none}
.gn48-case-placeholder-index{z-index:1;align-self:flex-start;font:750 9px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.1em}
.gn48-case-placeholder-art{z-index:1;display:flex;align-items:center;gap:20px;width:100%;justify-content:center}
.gn48-case-question,.gn48-case-ui{display:grid;place-items:center;width:76px;height:85px;background:white;border:1px solid #d8bcae;font:400 48px/1 var(--serif,Georgia,serif);color:#b15f41;box-shadow:5px 8px 0 #d8c8bd77}
.gn48-case-ui{border-radius:12px;font:400 45px/1 var(--sans,Arial,sans-serif);color:#588d86}
.gn48-case-route{width:min(75px,13vw);height:2px;background:#c78872;position:relative}
.gn48-case-route:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border-top:2px solid #c78872;border-right:2px solid #c78872;transform:rotate(45deg)}
.gn48-case-placeholder>p{z-index:1;margin:0;font:500 12px/1.45 var(--sans,Arial,sans-serif);text-align:center}
@media(max-width:900px){.gn48-upcoming-grid{grid-template-columns:1fr;gap:32px}.gn48-upcoming-copy{max-width:690px}.gn48-preview-stage{height:clamp(345px,53vw,500px)}.gn48-case-upcoming-inner{grid-template-columns:1fr;gap:28px}.gn48-case-placeholder{min-height:240px}}
@media(max-width:600px){.gn48-upcoming-shell{padding-block:46px 38px}.gn48-topline,.gn48-bottomline{font-size:9px;gap:8px}.gn48-topline{margin-bottom:30px}.gn48-topline span:last-child{max-width:150px;text-align:right}.gn48-overline{font-size:10px}.gn48-upcoming h2{font-size:clamp(40px,10.2vw,53px);margin-bottom:20px}.gn48-upcoming-lede{font-size:15px;line-height:1.62}.gn48-coming-note{font-size:11px}.gn48-preview-stage{height:340px}.gn48-preview-stamp{padding:9px 11px}.gn48-preview-stamp strong{font-size:11px}.gn48-bottomline span:last-child{font-size:9px;text-transform:none;letter-spacing:0}.gn48-case-upcoming-inner{padding-block:34px}.gn48-case-upcoming h2{font-size:39px}.gn48-case-upcoming-copy>p:not(.gn48-case-eyebrow){font-size:14px}.gn48-case-placeholder{padding:18px;min-height:230px}.gn48-case-question,.gn48-case-ui{width:62px;height:70px;font-size:38px}.gn48-case-route{width:56px}}
@media(max-width:360px){.gn48-upcoming h2{font-size:38px}.gn48-preview-stage{height:308px}.gn48-case-upcoming h2{font-size:35px}.gn48-case-placeholder-art{gap:12px}.gn48-case-route{width:35px}}
@media print{.gn48-upcoming-grid{grid-template-columns:1fr 1fr}.gn48-preview-stage{height:250px}.gn48-case-upcoming-inner{grid-template-columns:1fr 1fr}.gn48-case-placeholder{min-height:190px}}