/* v105-release-sobre.10b48d05ae3e.css */ /* /assets/styles/v40-site.css */ .os-wallpapers,.os-wallpaper{position:absolute;inset:0;pointer-events:none;z-index:-1} .os-wallpaper{opacity:0;transition:opacity 180ms ease-out} .history-stage[data-era=system6] .os-wallpaper--system6,.history-stage[data-era=aqua] .os-wallpaper--aqua,.history-stage[data-era=iphone] .os-wallpaper--iphone,.history-stage[data-era=ios7] .os-wallpaper--ios7,.history-stage[data-era=glass] .os-wallpaper--glass{opacity:1} .os-wallpaper--system6{background:repeating-conic-gradient(#a9adb1 0% 25%,#e5e7e9 0% 50%) 0 0 / 4px 4px} .os-wallpaper--aqua{background:radial-gradient(ellipse at 84% -12%,#e5f9ff 0,transparent 56%),radial-gradient(ellipse at -20% 112%,#0a308e 0,transparent 66%),linear-gradient(140deg,#176fc7,#70caf0 70%,#d4f1fa)} .os-wallpaper--aqua:before{content:"";position:absolute;width:160%;height:70%;left:-38%;top:56%;border-radius:50%;background:linear-gradient(180deg,#b0edffb3,#1a67b5a6);transform:rotate(-23deg);box-shadow:0 -20px 0 #d7f8ff70,0 -55px 0 #9ad9f14d} .os-wallpaper--iphone{background:radial-gradient(ellipse 40px 50px at 12% 28%,#728594 0%,#121b25 25%,#000 31%,transparent 34%),radial-gradient(ellipse 22px 28px at 82% 17%,#657c8c,#101925 30%,#000 43%,transparent 48%),radial-gradient(ellipse 32px 39px at 75% 76%,#6c7a83,#121a23 30%,#000 37%,transparent 42%),radial-gradient(ellipse 19px 24px at 27% 84%,#708596,#101823 30%,#000 42%,transparent 48%),linear-gradient(#0a111a,#243641)} .os-wallpaper--ios7{background:radial-gradient(circle at 10% 90%,#e77bbdab,transparent 45%),radial-gradient(circle at 85% 16%,#8ae1d8,transparent 52%),radial-gradient(circle at 55% 90%,#6a9ded,transparent 60%),linear-gradient(135deg,#8bd0ff,#beddf3 55%,#eddaff)} .os-wallpaper--ios7:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 34px at 16% 20%,#ffffff30,transparent),radial-gradient(circle 22px at 85% 72%,#ffffff40,transparent),radial-gradient(circle 54px at 65% 8%,#ffffff40,transparent)} .os-wallpaper--glass{background:radial-gradient(ellipse at 80% 10%,#a6e9ff,transparent 70%),linear-gradient(155deg,#3565ed 8%,#6672fb 44%,#e8b5fe 75%,#e9edf8)} .os-wallpaper--glass:before{content:"";position:absolute;width:125%;height:90%;left:-30%;top:53%;border-radius:45% 75% 0 0;background:linear-gradient(150deg,#f6cfd9 3%,#f48293 25%,#9b7bdd 61%,#476edb);transform:rotate(-22deg);box-shadow:42px -28px 0 #bac9ff66} .era-component[data-era=system6]{--era-ink:#000;border:2px solid #000;border-radius:0;background:#fff;box-shadow:5px 5px 0 #000} .era-component[data-era=system6] .era-chrome{display:flex;align-items:center;justify-content:center;height:30px;background:repeating-linear-gradient(0deg,#fff 0 2px,#000 2px 3px);border-bottom:2px solid #000;font:400 17px/1 ChiKareGo,Geneva,sans-serif} .era-component[data-era=system6] .era-chrome span{background:#fff;padding:3px 16px} .era-component[data-era=system6] .era-content h3{font:400 29px/1.2 ChiKareGo,Geneva,sans-serif;letter-spacing:0} .era-component[data-era=system6] .era-principles{font:400 20px/1.35 ChiKareGo,Geneva,sans-serif;gap:7px} .era-component[data-era=system6] .era-principles li{border-top:1px solid #000;padding:9px 0} .era-component[data-era=aqua]{--era-ink:#17202a;background:repeating-linear-gradient(0deg,#fafafa 0 2px,#f0f1f3 2px 4px);border:1px solid #798c9f;border-radius:10px;box-shadow:0 18px 28px #122d5440} .era-component[data-era=aqua] .era-chrome{display:flex;align-items:center;justify-content:center;height:34px;border-radius:10px 10px 0 0;background:linear-gradient(#f6fcff 0%,#d4e7f6 48%,#b5cddf 52%,#e5f4fd);border-bottom:1px solid #8fa6b6;font:600 14px/1 var(--sans);text-shadow:0 1px #fff} .era-component[data-era=aqua] .era-principles li{border-color:#a4bbd070} .era-component[data-era=iphone]{--era-ink:#fff;width:min(100%,340px);border-radius:22px;border:1px solid #091321;background:linear-gradient(155deg,#23435b,#0b1b2d);box-shadow:0 14px 28px #0008,inset 0 1px 0 #7b9eb8} .era-component[data-era=iphone] .era-chrome{display:flex;align-items:center;justify-content:center;height:45px;border-radius:22px 22px 0 0;border-bottom:1px solid #08121f;background:linear-gradient(#526983,#344c6a 50%,#1c3555 51%,#3d5575);font:600 17px/1 var(--sans);color:#fff;text-shadow:0 1px 2px #000} .era-component[data-era=iphone] .era-content{padding:26px 24px}.era-component[data-era=iphone] .era-content h3{font-size:25px}.era-component[data-era=iphone] .era-principles li{padding:14px 0;border-color:#ffffff38;font-size:16px} .era-component[data-era=ios7]{--era-ink:#1f2933;background:#ffffffef;border:1px solid #ffffffd9;border-radius:9px;box-shadow:0 14px 30px #41528024} .era-component[data-era=ios7] .era-content h3{font-weight:400;color:#064fbd}.era-component[data-era=ios7] .era-principles li{border-color:#7c91a742} .era-component[data-era=glass]{--era-ink:#172337;background:#f5faffda;border:1px solid #ffffffe0;box-shadow:0 16px 32px #2537682b,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff60} @supports(backdrop-filter:blur(1px)){.era-component[data-era=glass]{background:#f7fbffb8;backdrop-filter:blur(14px) saturate(1.2)}} :root{--paper:#fff;--ink:#202622;--muted:#535b61;--blue:#294be8;--blue-dark:#1d36b2;--line:#dfe3e8;--soft:#f2f4fa;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif;--header:76px} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;font:17px/1.65 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}main{min-width:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.08;letter-spacing:-.052em}h1{font-size:clamp(44px,5.6vw,80px)}h2{font-size:clamp(38px,4vw,58px)}h1 em,h2 em{font-weight:400;color:var(--blue)}p{max-width:70ch}a{color:inherit;text-decoration:none}a,button,summary{touch-action:manipulation}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button{border:0;background:none}svg{fill:currentColor}.icon{width:16px;height:16px;flex:none;vertical-align:middle}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}::selection{color:#182576;background:#dce4ff}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--blue);color:#fff;z-index:200}.skip:focus{top:12px}.eyebrow{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.115em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}.caption,figcaption{font-size:12px;line-height:1.65;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon,.button .icon,.project-open .icon{transition:transform .2s}.text-link:hover .icon,.button:hover .icon{transform:translateX(3px)}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;border-radius:5px;transition:background .2s}.button:hover{background:var(--blue-dark)} .site-header{position:sticky;top:0;z-index:40;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:32px;height:var(--header)}.brand{display:inline-flex;align-items:center;gap:14px;min-height:44px;flex:none}.brand img{width:36px;height:auto}.brand span{font-size:14px;font-weight:600;white-space:nowrap}.desktop-nav{display:flex;gap:32px;margin-left:auto}.desktop-nav>a,.header-cv{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:13px}.desktop-nav>a[aria-current],.desktop-nav>a:hover{color:var(--blue)}.desktop-nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px}.header-actions{display:flex;align-items:center;gap:24px}.header-cv .icon{width:12px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:30px;background:#f6f7fa;gap:2px}.language-switch a{display:grid;place-items:center;min-width:44px;min-height:40px;font:600 11px var(--sans);border-radius:24px}.language-switch a[aria-current]{background:var(--blue);color:white}.language-switch a:hover:not([aria-current]){background:#e7ebf7}.mobile-menu{display:none}.mobile-menu summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::marker{content:''}.mobile-menu:not([open]) nav{display:none}.site-footer{padding-block:34px;display:flex;gap:40px;justify-content:space-between;align-items:start}.site-footer>div>p{font-size:11px;color:var(--muted);margin-top:8px}.footer-links{max-width:660px;display:flex;justify-content:flex-end;align-items:center;gap:4px 22px;flex-wrap:wrap;font-size:12px}.footer-links>a,.footer-links>button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--blue)}.footer-links .icon{width:12px} .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(30px,6vw,96px);align-items:center;padding-block:68px 62px}.hero h1{font-size:clamp(46px,5.25vw,76px);line-height:1.07;letter-spacing:-.06em;margin-bottom:28px;max-width:15ch}.hero .eyebrow{margin-bottom:28px}.hero-intro{font-size:17px;line-height:1.75;max-width:57ch;color:var(--muted)}.hero-intro strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.hero-shortcuts{display:flex;gap:3px 22px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:32px}.hero-shortcuts>span{width:100%;font-size:11px;color:var(--muted)}.hero-shortcuts .text-link{font-size:13px;min-height:36px}.hero-shortcuts .icon{width:12px}.hero-portrait{align-self:end;position:relative;background:#e9edff;border-radius:180px 180px 4px 4px}.hero-portrait:before{content:'';position:absolute;inset:8% 8% auto;aspect-ratio:1;border:1px solid #cbd4f1;border-radius:50%}.hero-portrait img{width:100%;height:auto;position:relative;filter:grayscale(1);border-radius:inherit}.hero-portrait figcaption{padding:10px 0;text-align:center;position:absolute;top:100%;left:0;right:0;font-size:10px;letter-spacing:.02em} .interface-history{border-block:1px solid var(--line);padding-block:48px 20px}.history-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin-bottom:30px}.history-intro .eyebrow{font-size:10px;margin-bottom:16px}.history-intro h2{font-size:clamp(34px,3.6vw,52px)}.history-intro>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:53ch}.history-intro .text-link{margin-top:8px;font-size:12px}.history-track{height:auto}.history-sticky{padding-top:8px;background:white}.history-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;min-height:86px}.history-topline .eyebrow{font-size:10px;margin-bottom:4px}.history-topline h3{font:400 25px/1.2 var(--serif);letter-spacing:-.03em}.history-control{display:flex;align-items:center;gap:24px}.era-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.history-control button{border:1px solid #d6dbe5;border-radius:5px;min-height:40px;padding:8px 12px;font-size:11px;color:var(--muted)}.history-control button:hover{color:var(--blue);border-color:var(--blue)}.history-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:470px;height:min(55vw,520px);padding:34px 24px;overflow:hidden;background:#cfdaee;touch-action:pan-y pinch-zoom}.era-component{--era-ink:#192233;color:var(--era-ink);position:relative;width:min(100%,470px);border-radius:25px;border:1px solid #ffffffb3;background:#f8fbffdf;box-shadow:0 18px 38px #16255526,inset 0 1px 0 #fff;transition:border-radius .18s,background-color .18s,box-shadow .18s}.era-content{padding:25px 30px 24px}.era-content h3{font:600 25px/1.2 var(--sans);letter-spacing:-.03em;margin-bottom:18px}.era-step{font-size:10px;margin-bottom:12px;letter-spacing:.06em;text-transform:uppercase}.era-principles{list-style:none;padding:0;margin:0;display:grid;gap:5px;font:400 14px/1.5 var(--sans)}.era-principles li{padding:10px 0;border-top:1px solid #24334c30}.era-chrome{display:none}.era-component[data-era=system6] .era-content h3{font-size:29px}.era-component[data-era=system6] .era-principles{font-size:18px}.era-component[data-era=iphone] .era-principles li{font-size:14px;padding:10px 0}.history-controls{padding-block:12px 18px}.history-help{font-size:11px;color:var(--muted);text-align:center;max-width:none;margin-bottom:8px}.era-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.era-selector button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:9px 12px;border-bottom:2px solid var(--line);color:var(--muted);font-size:12px}.era-selector button:before{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .2s}.era-selector button[aria-pressed=true]{color:var(--blue);background:#f3f5ff;font-weight:600}.era-selector button[aria-pressed=true]:before{transform:scaleX(1)}.era-year{font-size:15px;font-variant-numeric:tabular-nums}.history-end{padding-top:20px}.history-end>p:first-child{max-width:none;display:flex;gap:12px 24px;align-items:center;justify-content:space-between;font-size:14px}.history-end .caption{margin-top:8px;font-size:10px}.history-end .text-link{white-space:nowrap;font-size:12px}.references{color:var(--muted);font-size:11px}.references summary{cursor:pointer;min-height:44px;line-height:44px;width:fit-content}.references p{margin-bottom:12px}.references a{text-decoration:underline;text-underline-offset:3px}.is-scroll-story .history-track{height:calc(100svh - var(--header) + 620px)}.is-scroll-story .history-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));display:flex;flex-direction:column;justify-content:center;padding-top:12px}.is-scroll-story .history-stage{height:calc(100svh - var(--header) - 234px);min-height:350px;max-height:580px}.static-eras{display:grid;gap:24px;padding-block:24px}.static-eras>div{padding:24px;background:#eef1f8}.static-eras h3{margin-bottom:14px}.static-eras .era-component{margin-inline:auto} .section-head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:44px}.section-head>p{font-size:15px;color:var(--muted);max-width:37ch}.section-head .eyebrow{margin-bottom:15px}.work{padding-block:84px}.project-row{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;border-top:1px solid var(--line);padding-block:42px}.project-image{display:block;position:relative;overflow:hidden;background:#edf3ed}.project-image img{width:100%;height:auto;transition:transform .4s}.project-image:hover img{transform:scale(1.018)}.cetelem .project-image{padding:36px}.cetelem .project-image img{box-shadow:0 12px 38px #19382214}.project-open{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:14px;padding:11px 15px;background:white;color:var(--blue);box-shadow:0 3px 10px #1111;font-size:11px;font-weight:600}.project-open .icon{width:12px}.project-number{font-size:10px;letter-spacing:.04em;color:var(--muted);margin-bottom:20px}.project-copy h3{font:400 clamp(30px,3vw,43px)/1.1 var(--serif);letter-spacing:-.04em;margin-bottom:20px}.project-copy>p:not(.project-number){font-size:15px;color:var(--muted);max-width:40ch}.project-copy .project-role{font-size:11px!important;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;line-height:1.8}.project-copy .text-link{margin-top:12px}.malakoff{grid-template-columns:1fr 1.2fr}.malakoff .project-image{grid-column:2;grid-row:1;aspect-ratio:1.16}.malakoff .project-image img{height:100%;object-fit:cover;object-position:50% 40%}.malakoff .project-copy{grid-column:1;grid-row:1}.personal-project{margin-top:28px;background:#f2f4fc;border:1px solid #e2e7f2;padding:30px 42px;display:grid;grid-template-columns:160px 1fr;gap:46px;align-items:center}.personal-image{max-height:185px;overflow:hidden;border-radius:8px;box-shadow:0 10px 25px #17285615}.personal-project .eyebrow{margin-bottom:4px;font-size:10px}.personal-project h3{font:400 32px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:10px}.personal-project p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:63ch}.personal-project .text-link{font-size:12px;margin-top:7px} .about{padding-block:78px;background:#f4f5f8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-size:clamp(36px,3.6vw,50px);margin-bottom:28px}.about p:not(.eyebrow):not(.caption){font-size:15px;color:var(--muted);margin-bottom:14px}.about .text-link{margin-top:9px}.experience h3{font-size:12px;font-weight:600;margin-bottom:24px}.experience ol{padding:0;list-style:none;margin:0 0 20px}.experience li{display:grid;grid-template-columns:92px 1fr;gap:24px;border-top:1px solid #d3d9e1;padding-block:16px}.experience li>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.experience strong{font-size:14px;line-height:1.45;display:block;font-weight:600}.experience li p{font-size:11px!important;margin:4px 0 0!important}.experience .caption{font-size:10px} .v37-contact{background:var(--blue);padding-block:76px;color:white}.v37-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.v37-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.v37-eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;color:#e1e7ff}.v37-contact h2{font-size:clamp(40px,4.5vw,62px);margin-bottom:25px}.v37-contact h2 em{color:#e1e7ff}.v37-contact p{font-size:14px;color:#e6ebff;margin-bottom:24px}.v37-email{display:inline-block;min-height:44px;font-size:clamp(17px,2.1vw,29px);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere;max-width:100%}.v37-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:20px}.v37-actions .v37-link{display:inline-flex;min-height:44px;align-items:center;font-size:13px;gap:8px}.v37-contact a:focus-visible{outline-color:white}.v37-actions .icon{width:13px}.v37-contact #contact-form{background:white;color:var(--ink);padding:30px 34px;border-radius:5px}.v37-contact #contact-form h3{font:400 28px/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:6px}#contact-form .v37-form-required{font-size:11px;color:var(--muted);margin-bottom:24px}.v37-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v37-field{margin-bottom:18px}.v37-field label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.v37-field label small{font-size:10px;font-weight:400}.v37-field input,.v37-field textarea{width:100%;background:white;color:var(--ink);border:1px solid #a7afbc;padding:10px 12px;border-radius:4px;min-height:46px;font:400 16px/1.5 var(--sans);resize:vertical}.v37-field textarea{min-height:130px}.v37-field [aria-invalid=true]{border-color:#a42128}.v37-field .v37-field-error{font-size:12px!important;color:#a42128!important;margin:6px 0 0!important}.v37-field-hint,.v37-form-privacy{font-size:11px!important;line-height:1.6!important;color:var(--muted)!important;margin:6px 0 16px!important}.v37-form-privacy a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.v37-form-privacy a:focus-visible{outline-color:var(--blue)}.v37-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#contact-submit{width:100%;min-height:48px;border-radius:4px;background:var(--blue);color:white;font-size:13px;font-weight:600}#contact-submit:hover{background:var(--blue-dark)}#contact-submit:disabled{opacity:.65;cursor:wait}#contact-form-status{color:var(--ink)!important;font-size:12px!important;margin:12px 0 0!important}#contact-form-status:empty{display:none}#contact-form-status[data-state=error]{color:#a42128!important}#contact-form-status[data-state=success]{color:#1d6133!important} .case-hero{padding-block:34px 42px}.back-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:12px;color:var(--muted);margin-bottom:24px}.back-link .icon{transform:rotate(180deg);order:-1;width:12px}.back-link:hover{color:var(--blue)}.case-hero .eyebrow{margin-bottom:18px}.case-hero h1{max-width:21ch;font-size:clamp(43px,5.4vw,75px);margin-bottom:24px}.case-intro{font-size:17px;color:var(--muted);max-width:62ch}.case-facts{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;border-top:1px solid var(--line);padding-top:20px;margin:30px 0 0}.case-facts dt{font-size:10px;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.case-facts dd{margin:0;font-size:13px;font-weight:500}.case-evidence{padding-block:40px 62px;border-top:1px solid var(--line)}.evidence-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 72px;margin-bottom:30px;align-items:end}.evidence-heading .eyebrow{grid-column:1/-1;margin-bottom:14px;font-size:10px}.evidence-heading h2{font-size:clamp(31px,3.1vw,43px);max-width:22ch}.evidence-heading>p:not(.eyebrow){font-size:14px;color:var(--muted)}.evidence-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:60px;align-items:center}.case-figure{min-width:0}.image-open{display:block;position:relative;background:#f0f3f5;padding:18px;cursor:zoom-in}.image-open img{width:auto;max-width:100%;height:auto;max-height:none;margin-inline:auto}.image-hint{display:flex;align-items:center;gap:10px;position:absolute;right:28px;bottom:28px;background:white;color:var(--blue);border:1px solid var(--line);border-radius:3px;padding:8px 12px;min-height:40px;font-size:10px;box-shadow:0 2px 8px #0001}.image-hint .icon{width:11px}.case-figure figcaption{font-size:11px;margin-top:12px;max-width:70ch}.image-notes{list-style:none;margin:0;padding:0;display:grid;gap:25px}.image-notes li{display:grid;grid-template-columns:30px 1fr;gap:14px;border-top:1px solid var(--line);padding-top:16px}.note-number{font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums;padding-top:3px}.image-notes h3{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px}.image-notes p{font-size:13px;line-height:1.7;color:var(--muted)}.case-story{padding-block:56px 62px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.case-story>.eyebrow{grid-column:1/-1;margin-bottom:18px}.case-story h2{font-size:clamp(32px,3.3vw,47px)}.case-story>div>p,.case-prose>p{font-size:15px;color:var(--muted);margin-bottom:20px}.case-story>div>.caption{font-size:12px}.evidence-mobile{grid-template-columns:1fr 1fr}.phone-figure{width:100%;max-width:352px;margin:auto}.phone-figure .image-open{padding:16px;background:#eef4ee}.case-prose{align-self:start;padding-top:20px}.case-takeaway{padding-block:52px 64px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.case-takeaway .eyebrow{grid-column:1/-1}.case-takeaway h2{font-size:clamp(32px,3.3vw,47px)}.case-takeaway>p:not(.eyebrow){font-size:15px;color:var(--muted)}.case-takeaway>.text-link{grid-column:2;margin-top:20px}.case-next{padding-block:42px;background:#f2f4fc}.case-next>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.case-next .eyebrow{font-size:10px;margin-bottom:5px}.next-project{font:400 clamp(25px,3vw,40px)/1.15 var(--serif);letter-spacing:-.04em;display:flex;gap:22px;min-height:48px;align-items:center}.next-project .icon{width:24px;height:24px}.next-project:hover{color:var(--blue)}.app-compare{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:auto}.app-compare .image-open{padding:25px}.app-compare .image-open img{max-height:550px;width:auto}.case-apphalt .evidence-grid .image-open img{max-height:670px}.legal{max-width:860px;padding-block:64px}.legal h1{margin-bottom:38px}.legal h2{font:600 21px/1.4 var(--sans);letter-spacing:-.02em;margin-block:28px 12px}.legal p{font-size:15px;margin-bottom:15px}.legal a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:3px}.legal .button{margin-top:15px}.playground-intro{padding-block:50px 10px}.playground-intro h1{font-size:42px}.playground-page .interface-history{border-top:0} .image-dialog{width:min(1100px,calc(100% - 40px));height:min(880px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:7px;background:#fff;color:var(--ink);overflow:hidden}.image-dialog::backdrop{background:#101729c9;backdrop-filter:blur(5px)}.image-dialog-head{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:#fff}.image-dialog-head h2{font:600 14px/1.4 var(--sans);letter-spacing:0;margin:0}.image-dialog-tools{display:flex;gap:8px;flex:none}.image-dialog-tools button,.image-dialog-tools a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--line);border-radius:4px;padding:8px 12px;color:var(--blue)}.image-dialog-tools button:last-child{padding:0}.image-dialog-body{height:calc(100% - 118px);overflow:auto;overscroll-behavior:contain;padding:20px;background:#edf0f5;display:flex;align-items:flex-start;justify-content:center}.image-dialog-body img{width:auto;height:auto;object-fit:contain;max-width:100%;max-height:100%;align-self:center}.image-dialog-body.is-native{display:block}.image-dialog-body.is-native img{width:auto;max-width:none;max-height:none;margin:auto}.image-dialog-caption{font-size:11px;padding:12px 20px;margin:0;color:var(--muted);max-width:none}.image-dialog button:disabled{opacity:.5}.dialog-open{overflow:hidden} @media(min-width:1500px){.hero{padding-block:84px 84px}.hero h1{font-size:80px}.hero-portrait{width:340px}.history-intro{padding-block:8px}} @media(max-width:1100px){.wrap,.v37-wrap{width:calc(100% - 64px)}.hero{gap:36px;grid-template-columns:minmax(0,1fr) 270px;padding-block:50px 58px}.hero h1{font-size:clamp(43px,5.2vw,59px)}.hero-intro{font-size:15px}.hero-shortcuts{gap:0 17px}.header-inner{gap:25px}.desktop-nav{gap:23px}.header-actions{gap:20px}.project-row{gap:36px}.cetelem .project-image{padding:24px}.about-grid,.v37-contact-grid{gap:50px}.evidence-grid{gap:36px}.case-story,.case-takeaway{gap:0 45px}} @media(max-width:800px){:root{--header:66px}.wrap,.v37-wrap{width:calc(100% - 40px)}.header-inner{gap:10px;justify-content:space-between}.brand{gap:10px}.brand img{width:31px}.brand span{font-size:12px}.desktop-nav,.header-actions>.header-cv{display:none}.header-actions{gap:10px}.language-switch{padding:2px}.language-switch a{min-height:40px;min-width:40px}.mobile-menu{display:block}.mobile-menu[open] nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;padding:14px 20px;background:white;box-shadow:0 14px 30px #1d29511c;border-bottom:1px solid var(--line)}.mobile-menu nav a{font-size:14px;min-height:48px;display:flex;align-items:center;gap:10px}.hero{grid-template-columns:minmax(0,1fr) 210px;gap:25px;padding-block:44px 50px}.hero h1{font-size:43px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:17px;gap:15px}.hero-actions .text-link{font-size:12px}.hero-shortcuts{margin-top:24px}.hero-intro{font-size:14px}.hero-shortcuts .text-link{font-size:12px}.hero-portrait figcaption{font-size:9px}.history-intro{gap:35px}.history-intro>div>p:not(.eyebrow){font-size:14px}.history-topline h3{font-size:23px}.era-selector button{flex-direction:column;gap:3px}.era-name{font-size:11px}.history-end>p:first-child{display:block;font-size:13px}.history-end .text-link{margin-top:5px}.project-row{gap:28px}.project-copy h3{font-size:30px}.project-copy>p:not(.project-number){font-size:13px}.project-number{font-size:9px}.project-copy .project-role{font-size:10px!important}.about-grid{gap:40px}.about p:not(.eyebrow):not(.caption){font-size:14px}.experience li{grid-template-columns:74px 1fr;gap:12px}.v37-contact-grid{gap:30px}.v37-contact #contact-form{padding:24px}.v37-form-row{grid-template-columns:1fr;gap:0}.evidence-heading{gap:0 30px}.evidence-heading>p:not(.eyebrow){font-size:13px}.evidence-grid{grid-template-columns:1.15fr .85fr;gap:28px}.image-notes li{gap:7px;grid-template-columns:24px 1fr}.image-notes p{font-size:12px}.image-notes h3{font-size:14px}.case-story,.case-takeaway{gap:0 30px}.site-footer{display:block}.footer-links{justify-content:flex-start;margin-top:22px;max-width:none;gap:2px 20px}} @media(max-width:600px){.hero{display:block;position:relative;padding-block:34px 40px}.hero-copy{display:contents}.hero .eyebrow{padding-right:86px;margin-bottom:20px;max-width:260px;font-size:10px;line-height:1.8}.hero h1{font-size:clamp(38px,9.5vw,54px);max-width:14ch;margin-bottom:23px}.hero-intro{font-size:14px;line-height:1.7}.hero-portrait{position:absolute;top:25px;right:0;width:67px;border-radius:40px 40px 3px 3px}.hero-portrait figcaption{display:none}.hero-actions{margin-top:24px;gap:10px 22px}.hero-actions .button{min-height:49px;font-size:12px;gap:18px}.hero-actions .text-link{font-size:12px}.hero-shortcuts{padding-top:12px;margin-top:24px;gap:0 24px}.hero-shortcuts>span{font-size:10px}.hero-shortcuts .text-link{min-height:44px;font-size:12px}.interface-history{padding-top:32px}.history-intro{display:block;margin-bottom:18px}.history-intro h2{font-size:34px}.history-intro .eyebrow{font-size:9px;margin-bottom:14px}.history-intro>div>p:not(.eyebrow){font-size:13px;margin-top:20px;line-height:1.7}.history-intro .text-link{margin-top:7px}.history-topline{gap:10px;padding-bottom:15px;min-height:76px}.history-topline h3{font-size:20px;max-width:21ch}.history-topline .eyebrow{font-size:9px}.history-control{flex-direction:column;align-items:flex-end;gap:2px;flex:none}.era-count{font-size:11px}.history-control button{font-size:10px;min-height:36px;padding:4px 7px;border:0;text-decoration:underline;text-underline-offset:3px}.history-stage{height:auto;min-height:385px;padding:30px 28px}.era-content{padding:24px 22px}.era-content h3{font-size:23px}.era-component[data-era=system6] .era-content h3{font-size:25px}.era-component[data-era=system6] .era-principles{font-size:17px}.era-component[data-era=iphone] .era-content h3{font-size:23px}.era-component[data-era=iphone] .era-content{padding:24px 21px}.era-principles{font-size:13px}.era-step{font-size:9px}.history-controls{padding-top:9px;padding-bottom:5px}.history-help{font-size:10px;margin-bottom:5px;line-height:1.5}.era-selector button{padding:9px 2px;min-height:57px;gap:4px}.era-year{font-size:13px}.era-name{font-size:10px}.history-end{padding-top:16px}.history-end .caption{font-size:10px}.history-end>p:first-child{font-size:12px}.references{font-size:10px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:40px}.section-head>p{margin-top:20px;font-size:14px;max-width:45ch}.work{padding-block:48px}.project-row,.malakoff{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-block:27px 32px}.cetelem .project-image{padding:24px}.project-copy h3{font-size:34px;margin-bottom:15px}.project-number{font-size:10px;margin-bottom:14px}.project-copy>p:not(.project-number){font-size:14px;max-width:none}.project-copy .project-role{font-size:11px!important;margin-top:17px;padding-top:14px}.project-copy .text-link{margin-top:6px}.project-open{right:10px;bottom:10px;font-size:10px;padding:8px 12px}.malakoff .project-image{aspect-ratio:1.15}.personal-project{grid-template-columns:84px 1fr;gap:22px;padding:22px 20px;margin-top:12px;align-items:start}.personal-image{max-height:104px;margin-top:3px}.personal-project .eyebrow{font-size:9px}.personal-project h3{font-size:28px}.personal-project p:not(.eyebrow){font-size:12px}.personal-project .text-link{font-size:11px;gap:8px}.about{padding-block:48px}.about-grid{display:block}.about h2{font-size:39px}.about .eyebrow{font-size:10px}.about p:not(.eyebrow):not(.caption){font-size:14px}.experience{margin-top:42px}.experience h3{margin-bottom:17px}.experience li{grid-template-columns:83px 1fr;gap:18px;padding-block:16px}.experience strong{font-size:13px}.v37-contact{padding-block:46px}.v37-contact-grid{display:block}.v37-contact h2{font-size:43px}.v37-contact p{font-size:14px;max-width:36ch}.v37-contact .v37-email{font-size:21px}.v37-contact #contact-form{margin-top:30px;padding:25px 23px}.v37-contact #contact-form h3{font-size:27px}.v37-contact .v37-actions{margin-top:10px}.v37-field{margin-bottom:17px}.v37-field-hint{margin-bottom:18px!important}.case-hero{padding-block:22px 30px}.back-link{margin-bottom:18px;font-size:11px}.case-hero .eyebrow{font-size:10px;margin-bottom:17px}.case-hero h1{font-size:43px;max-width:16ch;margin-bottom:20px}.case-intro{font-size:14px;line-height:1.7}.case-facts{grid-template-columns:1fr 1fr;gap:17px 20px;padding-top:18px;margin-top:25px}.case-facts>div:last-child{grid-column:1/-1}.case-facts dt{font-size:10px}.case-facts dd{font-size:12px}.case-evidence{padding-block:30px 37px}.evidence-heading{display:block;margin-bottom:24px}.evidence-heading h2{font-size:32px;max-width:none;margin-bottom:17px}.evidence-heading>p:not(.eyebrow){font-size:13px}.evidence-grid,.evidence-mobile{display:flex;flex-direction:column;align-items:stretch;gap:27px}.image-open{padding:12px}.image-hint{right:18px;bottom:18px;font-size:10px;padding:7px 9px;min-height:36px}.case-figure figcaption{font-size:10px;margin-top:10px}.image-notes{gap:18px}.image-notes li{grid-template-columns:24px 1fr;gap:13px;padding-top:14px}.image-notes h3{font-size:14px}.image-notes p{font-size:13px}.case-story,.case-takeaway{display:block;padding-block:34px}.case-story h2,.case-takeaway h2{font-size:34px;margin-bottom:24px}.case-story>div>p,.case-takeaway>p:not(.eyebrow){font-size:14px}.phone-figure{max-width:300px}.phone-figure .image-open{padding:12px}.app-compare{gap:20px}.app-compare .image-open{padding:8px}.app-compare .image-hint{right:12px;bottom:12px;padding:5px 8px;gap:6px;min-height:34px;font-size:9px}.app-compare figcaption{font-size:10px}.case-prose{padding-top:0}.case-prose p{font-size:14px}.case-next{padding-block:30px}.case-next>.wrap{display:block}.case-next .button{margin-top:24px;font-size:12px}.next-project{font-size:31px}.legal{padding-block:40px}.legal h1{font-size:39px;overflow-wrap:anywhere}.legal h2{font-size:19px}.legal p{font-size:14px}.site-footer{padding-block:28px}.footer-links{gap:0 20px;font-size:11px}.footer-links .language-switch{margin-right:10px}.image-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;border-radius:0}.image-dialog-head{padding:10px 14px;gap:10px;flex-wrap:wrap}.image-dialog-head h2{width:calc(100% - 55px);font-size:13px}.image-dialog-tools{width:100%}.image-dialog-tools button:last-child{position:absolute;right:12px;top:10px}.image-dialog-body{height:calc(100% - 171px);padding:12px}.image-dialog-caption{padding:10px 14px;font-size:11px}.playground-intro{padding-block:32px 0}.playground-intro h1{font-size:32px}} @media(max-width:360px){.wrap,.v37-wrap{width:calc(100% - 32px)}.brand span{font-size:11px}.brand img{width:27px}.header-actions{gap:5px}.brand{gap:8px}.language-switch a{min-width:35px}.hero h1{font-size:37px}.hero-actions{gap:8px 15px}.hero-actions .button{font-size:11px;padding-inline:13px;gap:10px}.hero-actions .text-link{font-size:11px}.hero-shortcuts{gap:0 17px}.hero-shortcuts .text-link{font-size:11px}.history-stage{padding-inline:20px}.era-name{font-size:9px}.history-topline h3{font-size:18px}.era-component[data-era=system6] .era-content h3{font-size:23px}.era-component[data-era=system6] .era-principles{font-size:16px}.personal-project{grid-template-columns:62px 1fr;gap:18px}.case-hero h1{font-size:39px}.v37-contact h2{font-size:39px}.v37-contact #contact-form{padding-inline:20px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.is-scroll-story .history-track{height:auto!important}.is-scroll-story .history-sticky{position:static;height:auto!important}.is-scroll-story .history-stage{height:auto;min-height:385px}} html.motion-reduced{scroll-behavior:auto}html.motion-reduced *,html.motion-reduced *::before,html.motion-reduced *::after{animation:none!important;transition:none!important}.motion-reduced .history-track{height:auto!important}.motion-reduced .history-sticky{position:static;height:auto!important}.motion-reduced .history-stage{height:auto;min-height:385px} @media(forced-colors:active){.os-wallpapers{display:none}.era-component,.history-stage,.button,.language-switch a[aria-current],.era-selector button[aria-pressed=true]{border:2px solid CanvasText}.image-hint,.project-open{border:1px solid CanvasText}.era-selector button[aria-pressed=true]{outline:2px solid Highlight}} @media print{.site-header,.site-footer,.interface-history,.hero-portrait,.v37-contact,.case-next,.image-hint{display:none}.wrap,.v37-wrap{width:100%}.hero,.project-row,.case-story,.case-takeaway,.about-grid{display:block}.hero-shortcuts{display:none}h1{font-size:34pt}h2{font-size:24pt}a{color:inherit}.case-figure{break-inside:avoid}.case-hero,.case-evidence{padding-block:16px}.evidence-grid{gap:20px}.case-facts{font-size:10pt}.image-open{padding:0}} .image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.image-dialog-body{height:auto!important;min-height:0}.image-dialog-caption{min-height:44px} @media(min-width:601px){.hero h1{max-width:none}} /* Portrait presence: fixed geometry, discreet independent pause control. */ .hero-portrait .portrait-toggle{position:absolute;z-index:2;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;padding:7px;border:1px solid #cbd4f1;border-radius:50%;background:#fff;color:#203cbd;box-shadow:0 2px 10px #14275a12;cursor:pointer} .portrait-toggle[hidden]{display:none!important}.portrait-toggle svg{width:16px;height:16px}.portrait-toggle .portrait-play{display:none}.portrait-toggle[data-paused="true"] .portrait-play{display:block}.portrait-toggle[data-paused="true"] .portrait-pause{display:none}.portrait-toggle:hover{background:#eff3ff}.portrait-toggle:focus-visible{outline:3px solid #2445df;outline-offset:3px}.v37-form-preview{padding:12px 14px;border:1px solid #cbd4f1;border-radius:8px;background:#f3f6ff;color:#24345e;font-size:14px;line-height:1.5;margin-bottom:16px} @media(max-width:600px){.hero-portrait .portrait-toggle{right:-5px;bottom:-5px}} @media(prefers-reduced-motion:reduce){.portrait-toggle{display:none!important}} @media print{.portrait-toggle{display:none!important}} /* /assets/styles/v41-motion.css */ /* V41 - alignment, assembly, release. Final layouts remain usable without JavaScript. */ .hero-portrait{isolation:isolate;overflow:visible} .portrait-window{display:block;overflow:hidden;border-radius:inherit;aspect-ratio:4/5;position:relative} .hero-portrait img{transform-origin:50% 78%;width:100%;height:100%;object-fit:contain;filter:none} .hero-portrait[data-playing=true] img{animation:portrait-presence 6.4s cubic-bezier(.45,0,.55,1) infinite;will-change:transform} @keyframes portrait-presence{0%,100%{transform:translate3d(-1px,0,0) rotate(-.25deg) scale(1.01)}50%{transform:translate3d(2px,-5px,0) rotate(.3deg) scale(1.035)}} .hero-portrait .portrait-toggle{width:40px;height:40px;right:12px;bottom:12px;padding:10px} .hero-portrait figcaption{font-size:11px;letter-spacing:.015em} .hero{padding-block:54px 65px} .hero .eyebrow{max-width:32ch;line-height:1.7} .interface-history{padding-top:64px;overflow:clip} .history-intro{position:relative;grid-template-columns:1.3fr .75fr;gap:50px;padding-block:18px 56px;margin-bottom:0} .history-intro h2{font-size:clamp(43px,5.6vw,80px);line-height:1.02;max-width:16ch;letter-spacing:-.055em} .motion-line{display:block;overflow:clip;padding:.08em .06em .14em;margin:-.08em -.06em -.14em} .motion-word{display:inline-block;transform-origin:50% 100%;position:relative} .history-intro:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--line-progress,1));transform-origin:left} .history-stage{perspective:1100px;border-radius:var(--stage-radius,0);transform-origin:50% 60%;background:#dce4f8} .history-stage:after{content:'';position:absolute;inset:18px;border:1px solid #fff8;pointer-events:none;opacity:var(--guide-opacity,0)} .history-stage .era-component{transform-origin:50% 50%;will-change:auto} .history-stage .era-content{position:relative} .history-stage .era-step,.history-stage #era-question,.history-stage .era-principles li,.history-stage .era-chrome{position:relative;transform-origin:50% 50%} .history-track{position:relative} .history-topline{position:relative} .history-topline:after{content:'';position:absolute;bottom:0;left:0;width:calc(var(--era-progress,0) * 100%);height:2px;background:var(--blue);transition:width .22s} .is-scroll-story .history-track{height:calc(100svh - var(--header) + 105svh)} .history-end{padding-block:25px 0} .work{position:relative;padding-top:96px} .work:before{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:60px;background:var(--blue);transform:scaleY(var(--work-progress,1));transform-origin:top} .work .section-head h2{font-size:clamp(44px,5.7vw,78px);line-height:1.04} .project-image{transform-origin:50% 60%;outline-offset:6px} .project-image:focus-visible,.project-row:focus-within .project-image{transform:none!important;clip-path:none!important} .project-row:focus-within .motion-word{transform:none!important} .project-image img{transition:none} .project-image:hover img{transform:none} .project-image:hover .project-open,.project-image:focus-visible .project-open{background:var(--blue);color:white} .project-open{transition:background-color .18s,color .18s;min-height:44px} .project-image:before{content:'';position:absolute;inset:0;border:1px solid #173e901c;z-index:1;pointer-events:none} .malakoff .project-image img{object-fit:contain;background:#f0f3f7} .image-notes li{transform-origin:left center} @media(max-width:800px){.history-intro{gap:28px}.history-intro h2{font-size:50px}.hero{padding-block:40px 58px}} @media(max-width:600px){ .hero{display:grid;grid-template-columns:minmax(0,1fr) clamp(142px,43vw,182px);column-gap:18px;row-gap:0;padding-block:24px 38px;align-items:center} .hero-copy{display:contents}.hero .eyebrow{grid-column:1;grid-row:1;padding:0;margin:0;max-width:15ch;font-size:11px;line-height:1.9;align-self:center;color:var(--blue)} .hero-portrait{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;align-self:center;border-radius:100px 100px 5px 5px;margin-bottom:22px} .hero-portrait .portrait-toggle{right:7px;bottom:7px;width:36px;height:36px;padding:9px} .hero h1{grid-column:1/-1;grid-row:2;font-size:clamp(36px,10.4vw,47px);max-width:none;margin-bottom:18px;line-height:1.04} .hero-intro{grid-column:1/-1;grid-row:3;font-size:14px;line-height:1.65} .hero-actions{grid-column:1/-1;grid-row:4;margin-top:20px;gap:12px 20px} .hero-shortcuts{grid-column:1/-1;grid-row:5;margin-top:20px;padding-top:10px} .interface-history{padding-top:36px}.history-intro{padding-block:0 30px;display:block}.history-intro h2{font-size:clamp(38px,11vw,50px);max-width:16ch} .history-intro>div>p:not(.eyebrow){margin-top:23px} .history-stage{min-height:390px;padding:32px 24px;perspective:800px}.history-stage:after{inset:10px} .history-topline{padding-top:20px;padding-bottom:16px;min-height:97px} .history-controls{padding-top:11px}.history-help{font-size:11px}.era-selector button{min-height:60px} .history-end{padding-top:22px}.work{padding-top:74px}.work:before{height:40px} .work .section-head h2{font-size:46px}.project-row{gap:26px}.project-open{font-size:11px}.project-copy h3{font-size:36px} .malakoff .project-image{aspect-ratio:1.04}.hero-portrait figcaption{display:none} } @media(max-width:360px){.hero{column-gap:12px}.hero .eyebrow{font-size:10px}.hero h1{font-size:35px}.hero-actions{gap:8px 15px}.history-stage{padding-inline:20px}} .motion-reduced .motion-word,.motion-reduced .history-stage,.motion-reduced .history-stage .era-component,.motion-reduced .history-stage .era-content>*,.motion-reduced .history-stage .era-principles li,.motion-reduced .history-stage .era-chrome,.motion-reduced .project-image,.motion-reduced .image-notes li{transform:none!important;clip-path:none!important} .motion-reduced .hero-portrait img{animation:none!important;transform:none!important} @media(prefers-reduced-motion:reduce){.motion-word,.history-stage,.history-stage .era-component,.history-stage .era-content>*,.history-stage .era-principles li,.history-stage .era-chrome,.project-image,.image-notes li{transform:none!important;clip-path:none!important}.hero-portrait img{transform:none!important}} @media print{.motion-word,.project-image,.image-notes li{transform:none!important;clip-path:none!important}} .motion-reduced .history-stage{scale:1!important;border-radius:0!important} @media(prefers-reduced-motion:reduce){.history-stage{scale:1!important;border-radius:0!important}} /* /assets/styles/v80-editorial.css */ /* V80 candidate: evidence-led project previews and a clearer Malakoff opening. The Cetelem immersive scene and its motion sources are deliberately untouched. */ .home-page .gn49-scope-art.gn62-evidence, .home-page .gn53-shot img { border-radius: 0; box-shadow: none; } .home-page .gn49-scope-art.gn62-evidence { background: #e9efeb; border: 0; border-top: 3px solid #245b40; height: clamp(190px, 17vw, 242px); } .home-page .gn49-scope-art.gn62-evidence img { width: 100% !important; height: 100% !important; inset: 0; border: 0; border-radius: 0; box-shadow: none; transform: none; object-fit: cover; filter: none; } .home-page .gn62-apple img { object-position: 48% 29%; } .home-page .gn49-scope-art.gn62-identity img { object-position: center 30%; transform: scale(1.16); } .home-page .gn53-shot { overflow: visible; } .home-page .gn80-shot-frame { height: 130px; overflow: hidden; border-top: 2px solid #245b40; } .home-page .gn53-shot img { display: block; width: 100%; height: 130px; aspect-ratio: auto; object-fit: cover; border: 0; pointer-events: none; transform-origin: center center; } .home-page .gn62-siclid img { object-position: 47% 45%; transform: scale(1.47); } .home-page .gn62-ds img { object-position: left top; transform-origin: 0 0; transform: scale(2.1); } .home-page .gn49-scope-card, .home-page .gn53-preview-card, .home-page .gn49-scope-art, .home-page .gn53-shot { cursor: default; } .home-page .gn49-scope-card:hover .gn49-scope-art img { transform: none; } .home-page .gn49-scope-card:hover .gn62-identity img { transform: scale(1.16); } .home-page .gn53-preview-card:hover .gn62-siclid img { transform: scale(1.47); } .home-page .gn53-preview-card:hover .gn62-ds img { transform: scale(2.1); } .home-page .gn53-shot figcaption { color: #52695a; font-size: 10px; font-weight: 600; line-height: 1.45; } /* The first beat visualizes competing entry points, without fabricated quotes or figures. It resolves into the existing wireframe in the next beat. */ .mh76[data-mh3-phase="0"] .mh10-audit { z-index: 5; } .mh80-problem { position: absolute; z-index: 6; inset: 0; display: flex; flex-direction: column; padding: 18px 20px 16px; background: #f8f8f6; opacity: 1; visibility: visible; pointer-events: none; font-family: 'MH Poppins', system-ui, sans-serif; } .mh76:not([data-mh3-phase="0"]) .mh80-problem { opacity: 0; visibility: hidden; } .mh80-problem-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; color: #172e45; } .mh80-problem-head strong { font-size: 18px; letter-spacing: -.035em; } .mh80-problem-head span { color: #63757c; font-size: 10px; } .mh80-problem-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; flex: 1; min-height: 0; margin-top: 17px; } .mh80-problem-grid>div { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: clamp(8px, 1.25vw, 15px); background: #fff; border: 1px solid #d5dedf; border-radius: 7px; } .mh80-problem-icon { display: grid; place-items: center; width: 26px; height: 26px; margin-bottom: auto; background: #e8eded; border-radius: 7px; color: #466572; font-size: 17px; font-weight: 600; } .mh80-problem-grid strong { color: #172e45; font-size: 13px; line-height: 1.22; } .mh80-problem-grid small { margin-top: 5px; color: #63757c; font-size: 10px; line-height: 1.3; } .mh80-problem p { margin: 12px 0 0; padding-left: 11px; border-left: 2px solid #e37a5d; color: #7a3e36; font-size: 12px; line-height: 1.35; } .mh76[data-mh3-phase="0"] .mh10-audit-heading, .mh76[data-mh3-phase="0"] .mh10-audit-points { visibility: hidden !important; } .mh76 .mh3-copy-stack { height: min(440px, 58vh); } .mh76 .mh3-copy .mh3-intro { margin-top: 16px; } /* Legacy Allianz V83 styles retained for earlier archived candidates. */ .trade80 { padding-block: clamp(52px, 6vw, 86px); border-top: 1px solid #dce1df; background: #f7f5f0; } .trade80-inner { display: grid; grid-template-columns: minmax(0,.74fr) minmax(0,1.26fr); gap: clamp(28px,5vw,80px); align-items: center; } .trade80-copy .eyebrow { color: #24569a; font-size: 10px; letter-spacing: .14em; } .trade80-copy h2 { max-width: 12ch; font: 400 clamp(35px, 3.8vw, 60px)/1.08 var(--serif, Georgia, serif); letter-spacing: -.055em; color: #182c43; margin: 14px 0 20px; } .trade80-copy h2 em { font-weight: 400; color: #315bb0; } .trade80-copy>p:not(.eyebrow) { color: #57646b; font: 400 15px/1.65 var(--sans, Arial, sans-serif); max-width: 48ch; } .trade80-copy .trade80-service { border-left: 2px solid #77bfd1; padding-left: 14px; margin-top: 18px; font-size: 13px !important; line-height: 1.58 !important; } .trade80-copy .trade80-note { font-size: 11px !important; color: #687277 !important; margin-top: 20px; } .trade80-copy .text-link { display: inline-flex; margin-top: 17px; } .trade80-visual { min-width: 0; margin: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); gap: 12px; align-items: stretch; } .trade80-panel { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #e0ded7; border-radius: 13px; box-shadow: 0 14px 34px #1928390d; overflow: hidden; font: 400 13px/1.45 var(--sans, Arial, sans-serif); color: #233247; } .trade80-panel-head { min-height: 47px; padding: 15px 17px; background: #f6f7f6; border-bottom: 1px solid #e6e7e4; font-weight: 700; font-size: 12px; } .trade80-panel-body { padding: 19px; flex: 1; } .trade80-panel-body>small { color: #627179; display: block; margin-bottom: 12px; font-size: 11px; } .trade80-panel h3 { font: 600 clamp(16px,1.3vw,20px)/1.25 var(--sans,Arial,sans-serif); letter-spacing: -.035em; margin: 0 0 17px; } .trade80-choice { display: flex; align-items: center; gap: 11px; border: 1.5px solid #6d8cc1; border-radius: 8px; padding: 13px; background: #f8faff; } .trade80-choice i { width: 15px; height: 15px; border: 4px solid #315bb0; border-radius: 50%; flex: none; } .trade80-choice strong { display: block; font-size: 13px; } .trade80-choice span { display: block; color: #596a75; font-size: 11px; } .trade80-panel-foot { margin: 15px 0 0; color: #596a77; font-size: 11px; line-height: 1.55; } .trade80-outcomes { margin-top: 12px; } .trade80-outcomes .trade80-row:last-child strong { color: #5c6972; } .trade80-steps { display: flex; align-items: center; gap: 6px; margin-top: 18px; color: #647078; font-size: 10px; } .trade80-steps b { width: 18px; height: 1px; background: #a9b3b6; } .trade80-dashboard .trade80-panel-body { padding-bottom: 16px; } .trade80-kpi { padding: 13px; border-radius: 8px; border-left: 2px solid #5ab6c9; background: #eef7f8; } .trade80-kpi small { display: block; color: #586b74; margin-bottom: 6px; font-size: 11px; } .trade80-kpi strong { display: block; font-size: 13px; } .trade80-row { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 13px 0; border-bottom: 1px solid #e7e9e8; font-size: 12px; } .trade80-row:last-child { border: 0; } .trade80-row strong { color: #426a51; font-size: 11px; text-align: right; } .trade80-visual figcaption { grid-column: 1/-1; color: #606f77; font-size: 11px; line-height: 1.45; margin-top: 1px; } /* The AppHalt case now presents its current native menu without stretching. */ .case-apphalt .app80-demo { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.62fr); gap: clamp(22px,4vw,64px); align-items: center; } .case-apphalt .app80-video { display: block; width: min(100%, 520px); height: auto; aspect-ratio: 1.15; object-fit: cover; object-position: center top; margin-inline: auto; background: #24272e; border-radius: 13px; box-shadow: 0 18px 42px #131a2b20; } .case-apphalt .app80-demo figcaption { margin-top: 12px; color: #627078; font-size: 11px; text-align: center; } .case-apphalt .app80-demo-copy p { color: #5d6973; font-size: 15px; line-height: 1.68; } .case-apphalt .app80-demo-copy .text-link { display: inline-flex; margin-top: 8px; } .case-apphalt .app80-settings { max-width: 360px; margin-inline: auto; } .case-apphalt .app80-settings img { width: 100%; height: auto; display: block; } .case-apphalt .app80-safety { margin: 0; padding: 20px; background: #f4f6f8; border: 1px solid #e0e5e9; border-radius: 13px; } .case-apphalt .app80-safety-head { padding: 5px 5px 22px; display: flex; flex-direction: column; gap: 5px; } .case-apphalt .app80-safety-head span { color: #3755c4; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .case-apphalt .app80-safety-head strong { color: #17264e; font: 400 30px/1.1 var(--serif,Georgia,serif); letter-spacing: -.045em; } .case-apphalt .app80-safety-row { display: flex; align-items: center; gap: 16px; padding: 17px; margin-top: 9px; background: #fff; border: 1px solid #e3e8ea; border-radius: 10px; } .case-apphalt .app80-safety-row>span { display: grid; place-items: center; width: 34px; height: 34px; flex: none; background: #e9efff; border-radius: 10px; color: #3152ce; font-size: 18px; } .case-apphalt .app80-safety-row strong { display: block; font-size: 14px; } .case-apphalt .app80-safety-row small { display: block; margin-top: 4px; color: #68727e; font-size: 11px; } .case-apphalt .app80-safety figcaption { margin-top: 16px; color: #6c7680; font-size: 11px; } .trade80-page .mobile-menu summary { font-size: 20px; color: #17264e; } @media (max-width: 1100px) { .mh76 .mh3-copy-stack { height: 150px; } .mh76 .mh3-copy .mh3-intro { margin-top: 10px; } .trade80-inner { grid-template-columns: 1fr; gap: 28px; } .trade80-copy h2 { max-width: 17ch; } .trade80-copy>p:not(.eyebrow) { max-width: 66ch; } } @media (max-width: 700px) { .home-page .gn49-scope-card, .home-page .gn53-preview-card { display: block; padding-block: 21px; } .home-page .gn49-scope-art.gn62-evidence { width: 100%; height: 166px; margin: 0 0 15px; } .home-page .gn53-shot { width: 100%; margin-bottom: 12px; } .home-page .gn80-shot-frame, .home-page .gn53-shot img { height: 155px; } .home-page .gn49-scope-body h3 { margin-block: 7px 8px; } .home-page .gn53-preview-copy h3 { margin-bottom: 6px; } .mh80-problem { padding: 12px; } .mh80-problem-head strong { font-size: 14px; } .mh80-problem-head span { font-size: 8px; } .mh80-problem-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 5px; margin-top: 10px; } .mh80-problem-grid>div { padding: 7px; } .mh80-problem-icon { width: 17px; height: 17px; font-size: 11px; margin-bottom: 3px; } .mh80-problem-grid strong { font-size: 10px; } .mh80-problem-grid small { display: block; margin-top: 3px; font-size: 9px; line-height: 1.15; } .mh80-problem p { font-size: 10px; margin-top: 8px; } .mh76 .mh3-main { grid-template-rows: 160px minmax(0,1fr); } .mh76 .mh3-copy-stack { height: 160px; } .trade80-inner { grid-template-columns: 1fr; gap: 28px; } .trade80-copy h2 { font-size: clamp(35px,8vw,47px); } .trade80-copy>p:not(.eyebrow) { font-size: 14px; } .trade80-visual { grid-template-columns: 1fr; gap: 13px; align-items: stretch; } .trade80-panel-head { padding: 12px 15px; min-height: 40px; font-size: 12px; } .trade80-panel-body { padding: 17px; } .trade80-panel h3 { font-size: 17px; margin-bottom: 13px; } .trade80-choice { padding: 12px; gap: 10px; } .trade80-choice strong { font-size: 13px; } .trade80-choice span { font-size: 11px; } .trade80-kpi { padding: 11px; } .trade80-kpi strong { font-size: 13px; } .trade80-row { padding: 11px 0; font-size: 12px; } .case-apphalt .app80-demo { grid-template-columns: 1fr; gap: 20px; } .case-apphalt .app80-video { width: min(100%, 430px); } } @media (max-width: 360px) { .mh76 .mh3-copy-stack { height: 160px; } .mh80-problem-head span { display: none; } } @media (prefers-reduced-motion: reduce) { .home-page .gn49-scope-art img, .home-page .gn53-shot img { transition: none !important; } } /* /assets/styles/v105-cases.css */ /* Case studies share the V104 type, portrait-free header and project palettes. */ .v105-case{--case-ink:#20472e;--case-paper:#f4f8f2;--blue:#28613e;--blue-dark:#1d472b} .v105-malakoff-humanis{--case-ink:#662e28;--case-paper:#fff3ef;--blue:#9a382f;--blue-dark:#74271f} .v105-case main{color:#24352c}.v105-case-hero{background:var(--case-paper);padding:35px max(22px,calc((100% - 1160px)/2)) 64px} .v105-case-hero h1{max-width:18ch;color:var(--case-ink);font-size:clamp(42px,5.2vw,74px);margin:18px 0 24px}.v105-case-hero>.eyebrow{margin-top:36px}.v105-case-hero .case-intro{max-width:66ch;font-size:19px;line-height:1.6}.v105-case-hero .case-facts{display:flex;flex-wrap:wrap;gap:28px 70px;margin:30px 0 0}.v105-case .case-facts dt{font-weight:bold;font-size:12px}.v105-case .case-facts dd{margin:4px 0 0;font-size:15px} .v105-case-body{max-width:1160px;width:calc(100% - 44px);margin:auto}.v105-case-section{padding:56px 0;border-bottom:1px solid #dce4db;display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.v105-case-section:has(figure){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.v105-case-section h2{font-size:clamp(29px,3.1vw,43px);margin:0 0 24px;max-width:27ch;color:var(--case-ink)}.v105-case-section p+p{margin-top:18px}.v105-case-section p{max-width:72ch;font-size:17px;line-height:1.75}.v105-case figure img{width:100%;height:auto;object-fit:contain;border:1px solid #dce4db;border-radius:12px}.v105-case figcaption{margin-top:12px}.v105-cost{padding:28px;margin-top:25px;background:var(--case-paper);border-radius:12px}.v105-cost strong{display:block;font:400 36px Georgia,serif;margin:12px 0}.v105-cost small,.v105-note{font-size:12px;line-height:1.6;color:#4e6253}.v105-proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.v105-subnav{display:flex;flex-wrap:wrap;gap:12px;padding:28px 0;border-bottom:1px solid #dce4db}.v105-subnav a{display:flex;align-items:center;min-height:44px;padding:10px 16px;background:var(--case-paper);border:1px solid #c4d5c0;border-radius:24px;font-size:14px} .v105-source-proof{margin:32px 0;max-width:850px}.v105-source-proof img{max-height:900px;object-fit:contain}.v105-source-proof figcaption{font-size:12px}.v105-source-proof>span{display:none}.v105-source-proof .c100-window{border:1px solid #d3dfd1;border-radius:14px;padding:28px;background:#f4f8f2}.v105-source-proof .c100-window-head{display:flex;align-items:center;gap:20px}.v105-source-proof .c100-window-head img{width:38px}.v105-source-proof .c100-orange-products{display:flex;align-items:center;gap:30px;margin:25px 0}.v105-source-proof .c100-orange-link{padding:20px 0}.v105-source-proof .c100-orange-finance{display:flex;align-items:center;gap:20px}.v105-source-proof .c100-orange-finance img{width:112px} .v105-case-exits{max-width:1160px;width:calc(100% - 44px);margin:45px auto;padding:28px;border-block:1px solid #cbd5e1;display:grid;gap:16px;font:600 14px/1.6 Arial,sans-serif;color:#254c7d}.v105-case-exits div{display:flex;flex-wrap:wrap;gap:10px 28px}.v105-case-exits a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.v105-case [id]{scroll-margin-top:100px} @media(max-width:767px){.v105-case-section:has(figure){grid-template-columns:1fr}.v105-case-section{padding:35px 0}.v105-proof-pair{grid-template-columns:1fr}.v105-case-hero{padding-bottom:38px}.v105-case-exits{padding:20px 0}.v105-case-hero .case-intro{font-size:17px}.v105-case .header-inner{gap:10px}.v105-case .wrap{width:calc(100% - 44px)}} @media print{.v105-case .site-header{position:static}.v105-case-section{break-inside:avoid}} /* Fix V104's small caption contrast on the light AppHalt diagram. */ .app80-safety>figcaption{color:#505d69} .case-evidence .app80-safety>figcaption{color:#505d69!important} /* /assets/styles/v105-corrections.css */ /* V105 corrective release: ownership is deliberately scoped to portfolio navigation and evidence. */ .mh3-copy[aria-hidden="false"] .v105-mh-case{pointer-events:auto;position:relative;z-index:2;font-size:13px} .mh3-copy[aria-hidden="true"]{pointer-events:none} .v105-allianz-entry{position:absolute;left:0;bottom:75px;z-index:8;background:#234f7e;font-size:13px} .at84-stage-inner{position:relative} .v105-project-overview{padding-block:36px 44px} .v105-project-overview h2{font:400 clamp(27px,3vw,38px)/1.2 Georgia,serif;letter-spacing:-.03em;color:#20354f;margin:0 0 12px} .v105-project-overview>p{font-size:15px;color:#4b5d73;margin-bottom:22px} .v105-project-overview nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .v105-project-overview a{position:relative;display:flex;flex-direction:column;gap:9px;padding:20px 32px 20px 18px;border:1px solid #c9d4e5;border-radius:13px;text-decoration:none;color:#20354f;background:#f8faff;min-height:110px;font:600 15px/1.4 Arial,sans-serif} .v105-project-overview a:nth-child(1){background:#fff3ef;border-color:#e9c9be;color:#71372d}.v105-project-overview a:nth-child(2){background:#f0f6ed;border-color:#c7d9bd;color:#265136}.v105-project-overview a:nth-child(3){background:#eff5fc;color:#254e7d}.v105-project-overview small{font-size:13px;font-weight:400}.v105-project-overview b{position:absolute;right:13px;top:18px} .v105-project-overview a:hover{text-decoration:underline;text-underline-offset:4px}.v105-project-overview a:focus-visible{outline:3px solid #244be8;outline-offset:4px} .v105-allianz-summary{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 0}.v105-allianz-summary h3{font:400 clamp(28px,3vw,40px)/1.2 Georgia,serif;max-width:28ch;margin:12px 0 20px}.v105-allianz-summary p{max-width:62ch}.v105-allianz-summary>.v105-case-link{flex:none} .v105-scene-controls{max-width:850px;flex-wrap:wrap;justify-content:center;gap:4px 16px}.v105-scene-controls>span{width:100%;text-align:center;font-size:12px}.v105-scene-controls button{display:flex;align-items:center;gap:6px;padding:5px 9px;font-size:12px;min-height:44px;min-width:44px}.v105-stage-label{display:inline} .c103-reading-grid article>a{display:block;color:#245b39;font-size:13px;line-height:1.5;text-underline-offset:4px}.c103-reading-grid article>a img{display:block;width:100%;max-height:none;height:auto;max-width:none;margin:16px auto 8px}.v105-enlarge-note{display:block;margin:10px 0} .gn95-quick-menu__items [data-motion-toggle],#mobile-nav [data-motion-toggle]{font:600 13px/1.5 Arial,sans-serif;color:#244577;background:transparent;border:1px solid #c6d1e3;border-radius:8px;padding:10px;min-height:44px;text-align:left;cursor:pointer} .v105-case .v105-note,.v105-case figcaption,.v105-case .v105-source-proof figcaption{font-size:14px;line-height:1.6} .c103-eyebrow,.c100-kicker,.mh3-kicker,.at84-tag{font-size:12px!important;line-height:1.45!important} .v105-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px auto 0}.v105-decision-grid article{border:1px solid #cad6e5;border-radius:12px;padding:25px;background:#f7faff}.v105-decision-grid h3{font:400 25px/1.3 Georgia,serif;color:#24496e;margin:0 0 16px}.v105-decision-grid p{font:400 16px/1.7 Arial,sans-serif}.v105-decision-grid strong{display:block;margin-top:16px;font:600 13px/1.6 Arial,sans-serif} .at97-detail .site-header{background:#fff}.at97-detail .site-footer{border-top:1px solid #d5deeb;padding-block:32px}.at97-detail main{padding:0}.at97-detail .at97-detail-intro,.at97-detail .at97-detail-limit{max-width:1160px;width:calc(100% - 44px);margin:auto;padding-block:45px}.at97-detail .at97-evidence{max-width:1160px;width:calc(100% - 44px);margin:auto;padding-block:40px} :where(a,button,summary,input,textarea):focus-visible{outline:3px solid #244be8;outline-offset:4px} @media(max-width:800px){.v105-project-overview nav{grid-template-columns:1fr 1fr}.v105-project-overview{padding-block:28px 35px}.v105-allianz-summary{display:block}.v105-allianz-summary>.v105-case-link{margin-top:24px}.v105-allianz-entry{left:0;bottom:72px;font-size:12px;padding:10px 16px;min-height:44px}.v105-scene-controls{inset:auto 8px 8px;padding:4px}.v105-scene-controls button{padding:5px 9px}.v105-stage-label{display:none}.v105-scene-controls>span{font-size:12px}.v105-scene-controls>a{font-size:12px}.v105-decision-grid{grid-template-columns:1fr}.at97-detail .site-footer{display:block}.at97-detail .header-inner{gap:8px}} @media(max-width:360px){.home-page .hero79-cta{display:flex;width:max-content;max-width:100%;margin:0 0 12px}.home-page .gn99-scroll-cue{position:static;display:flex;width:max-content;margin:0!important;min-height:44px}.home-page .hero79-copy{padding-bottom:10px}.v105-project-overview nav{grid-template-columns:1fr}.v105-project-overview a{min-height:88px}.v105-allianz-entry{bottom:69px}} @media print{.v105-allianz-entry{position:static}.v105-project-overview nav{grid-template-columns:1fr 1fr}} .at84-narrative>.v105-allianz-entry{left:0;bottom:18px} @media(max-width:800px){.at84-narrative>.v105-allianz-entry{bottom:4px;left:0}} @media(max-width:360px){.home-page.v97 .hero79-copy>.hero79-cta{display:flex;width:max-content;margin:18px 0 12px}.home-page.v97 .hero79-copy>.gn99-scroll-cue{position:static;display:flex;width:max-content;margin:0!important;inset:auto;min-height:44px}} .at97-detail .at97-detail-intro,.at97-detail .at97-detail-limit{padding-inline:0} @media(max-width:800px){.at97-detail .at97-detail-intro h1{font-size:clamp(36px,8.8vw,60px);line-height:1.1;max-width:20ch}.at97-detail .at97-detail-intro>p{font-size:16px;line-height:1.65}} .site-header .v105-motion-quick{flex:none;width:40px;min-height:44px;padding:0;border:1px solid #c9d4e5;border-radius:50%;background:#f8faff;color:#244be8;cursor:pointer;font-size:0}.site-header .v105-motion-quick:before{content:'◐';font:600 23px/1 Arial,sans-serif}.site-header .v105-motion-quick[aria-pressed=true]{background:#e1e9ff;border-color:#244be8}.v105-scene-controls button:disabled{opacity:.45;cursor:default} @media(max-width:800px){.v105-scene-controls [data-workshop-jump]{display:none}.v105-scene-controls .v105-workshop-arrow{font-size:21px;min-width:44px}.site-header .v105-motion-quick{width:34px;min-height:36px}} /* /assets/styles/v105-case-sober.css */ /* Shared case study refinement; original content, source images and V97 tabs stay intact. */ html{scroll-behavior:auto;scroll-padding-top:0} .sober-case [id]{scroll-margin-top:100px} .sober-case .site-header{background:#fffffff5;position:sticky;top:0;transform:none!important} .sober-case .v105-motion-quick{flex:none;width:40px;height:44px;padding:0;border:1px solid #d4dbe7;border-radius:50%;background:#f7f8fc;color:#294be8;font-size:0} .sober-case .v105-motion-quick:before{content:'◐';font:400 24px/1 Arial,sans-serif} .sober-case .v105-motion-quick[aria-pressed=true]{background:#e6ebff;border-color:#294be8} .sober-case .v105-case-hero{padding-top:26px;padding-bottom:38px} .sober-case .v105-case-hero h1,.sober-case .case-hero h1,.sober-case .at97-detail-intro h1{font-size:clamp(39px,4.7vw,66px);line-height:1.08;max-width:21ch;margin-bottom:22px} .sober-case .v105-case-hero>.eyebrow{margin-top:18px} .sober-case .case-intro{max-width:62ch;font-size:18px;line-height:1.65} .sober-case .case-facts{margin-top:25px;padding-top:20px;display:flex;flex-wrap:wrap;gap:24px 55px;border-top:1px solid #d0d9d1} .sober-case .case-facts dt{font-size:11px;letter-spacing:.04em;font-weight:600} .sober-case .case-facts dd{font-size:14px;font-weight:400} .sober-case .back-link{margin-bottom:14px;font-size:12px;min-height:44px} .sober-case .v105-case-section{padding:44px 0;gap:40px} .sober-case .v105-case-section h2{font-size:clamp(29px,3vw,42px);line-height:1.15;max-width:25ch;letter-spacing:-.045em;margin-bottom:20px} .sober-case .v105-case-section p{font-size:16px;line-height:1.8;max-width:65ch} .sober-case .v105-case-section:has(figure){grid-template-columns:1.05fr .95fr} .sober-case .v105-case-section p+p{margin-top:16px} .sober-case .case-section-label{font:600 11px/1.6 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px;color:#526575} .case-decision-list{margin:24px 0 0;padding-left:22px;font-size:15px;line-height:1.75;max-width:58ch} .case-decision-list li{padding-left:6px;margin:14px 0} .case-decision-list strong{font-weight:600} .sober-case #openbanking-2026 figure{max-width:290px;margin:auto} .sober-case #openbanking-2026 figure img{max-height:650px;width:auto;margin:auto} .sober-case figcaption,.sober-case .v105-note{font-size:12px;line-height:1.7;color:#52606b} .sober-case .v105-proof-pair{gap:40px;max-width:780px;margin:24px auto 40px} .sober-case .v105-proof-pair figure{min-width:0;margin:auto;max-width:290px} .sober-case .v105-proof-pair img{max-height:650px;width:auto;margin:auto} .sober-case .case-proof-title{font-size:29px;line-height:1.2;margin:38px 0 20px;color:var(--case-ink,#244a33)} .sober-case .case-scope-note{font-size:13px!important;line-height:1.7!important;color:#52606b;border-top:1px solid #d3dcd3;padding-top:18px;margin-top:24px!important} .sober-case .case-onpage{display:flex;gap:6px 24px;flex-wrap:wrap;margin-top:25px} .case-onpage a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:5px} .sober-case #mobile figure img{max-height:610px;width:auto;margin:auto} .sober-case .case-hero{padding-top:24px;padding-bottom:36px} .sober-case .case-evidence{padding-block:40px} .sober-case .evidence-heading{gap:25px 65px} .sober-case .evidence-heading h2,.sober-case .case-story h2,.sober-case .case-takeaway h2{font-size:clamp(31px,3.2vw,44px);line-height:1.12;letter-spacing:-.045em} .sober-case .evidence-heading>p:not(.eyebrow),.sober-case .case-prose>p,.sober-case .case-story>div>p{font-size:16px;line-height:1.75} .sober-case .app80-video{max-height:540px;width:100%;object-fit:contain;background:#f4f5f8} .sober-case .app80-demo{align-items:center} .sober-case .case-settings-proof{max-width:410px;margin:auto} .sober-case .case-settings-proof img{max-height:570px;width:auto;margin:auto;border:1px solid #d9dfe7;border-radius:10px} .sober-case .case-settings-proof figcaption{margin-top:12px} .sober-case .case-story,.sober-case .case-takeaway{padding-block:40px} .sober-case.at97-detail .at97-detail-intro{padding-top:24px;padding-bottom:34px} .sober-case.at97-detail .at97-detail-intro>img{margin-top:8px} .sober-case.at97-detail .at97-detail-intro>p:not(.at97-eyebrow){max-width:63ch;font-size:18px;line-height:1.7} .sober-case.at97-detail .at97-role{padding:20px 0;margin-top:26px} .sober-case.at97-detail .at97-evidence{padding-top:30px} .sober-case .at97-evidence>header h2{font-size:clamp(33px,3.5vw,47px);line-height:1.1;letter-spacing:-.045em} .sober-case .at97-evidence>header>p:not(.at97-eyebrow){font-size:16px;max-width:58ch} .sober-case .case-reasoning-grid{max-width:1160px;width:calc(100% - 44px);margin:35px auto;gap:40px} .sober-case .case-reasoning-grid article{border:0;border-top:1px solid #d2deea;border-radius:0;padding:24px 0;background:transparent} .sober-case .case-reasoning-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px} .sober-case .case-reasoning-grid p{font-size:16px;line-height:1.75} .sober-case .v105-case-exits{padding:25px 0;gap:14px} .sober-case .v105-case-exits a{font-size:13px;line-height:1.6} @media(max-width:800px){ .sober-case .header-inner{gap:8px}.sober-case .header-actions{gap:8px} .sober-case .v105-motion-quick{width:36px;height:40px} .sober-case .v105-case-hero h1,.sober-case .case-hero h1,.sober-case .at97-detail-intro h1{font-size:clamp(36px,7.8vw,54px);line-height:1.1;max-width:22ch} .sober-case .v105-case-hero,.sober-case .case-hero{padding-top:20px;padding-bottom:30px} .sober-case .case-intro,.sober-case.at97-detail .at97-detail-intro>p:not(.at97-eyebrow){font-size:16px;line-height:1.7} .sober-case .v105-case-section{padding-block:32px;gap:25px} .sober-case .v105-case-section:has(figure){grid-template-columns:1fr} .sober-case .v105-case-section p{font-size:16px;line-height:1.75} .sober-case .case-facts{gap:18px 28px} .sober-case #openbanking-2026 figure{max-width:310px} .sober-case #openbanking-2026 figure img,.sober-case .v105-proof-pair img{max-height:none;width:100%} .sober-case .v105-proof-pair{gap:30px;max-width:660px} .sober-case .case-reasoning-grid{grid-template-columns:1fr;gap:16px} .sober-case .at97-workbench{margin-top:28px} .sober-case .evidence-heading>p:not(.eyebrow),.sober-case .case-prose>p{font-size:16px} } @media(max-width:600px){.sober-case .v105-proof-pair{display:grid;grid-template-columns:1fr;gap:35px}.sober-case .case-onpage{gap:0 20px;margin-top:16px}.sober-case .case-settings-proof img{width:100%;max-height:none}.sober-case .app80-video{max-height:560px}.sober-case .case-facts>div:last-child{grid-column:auto}} @media(max-width:360px){.sober-case .header-actions{gap:3px}.sober-case .v105-motion-quick{width:32px;height:36px}.sober-case .brand{gap:7px}.sober-case .brand span{font-size:11px}} /* The language thumb stays circular and evenly inset in its capsule. */ .language-switch{padding:2px;gap:2px;border-radius:999px} .language-switch a{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;line-height:1} @media(max-width:800px){.language-switch a{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px}} /* v105-release-clarity.20261025.css */ /* 25 October - shorter editorial journeys, existing brand and visual keyframes. AppHalt reuses the complete recording; mobile crops only unused surroundings. */ .sober-home .hero94-description { max-width:47ch; } .sober-home .c103-intro-aside .sober-role { font-size:14px; line-height:1.5; } .sober-home #malakoff-experience .mh3-rail > span:last-child { display:block; max-width:none; align-self:center; text-align:right; font:400 14px/1.4 var(--sans,Arial,sans-serif); letter-spacing:0; text-transform:none; color:var(--mh3-muted); } .sober-home #malakoff-experience .mh3-copy .mh3-intro { display:block; } .sober-home #malakoff-experience .mh3-copy-stack { height:350px; } .sober-home #malakoff-experience .mh3-copy h2 { max-width:18ch; } .sober-home #malakoff-experience .mh3-stage { grid-template-rows:60px minmax(0,1fr) 48px 0; } .sober-home .c103-scene-role { position:absolute; z-index:3; top:26px; left:clamp(160px,13vw,200px); right:75px; margin:0; color:#294b34; font:400 14px/1.4 var(--sans,Arial,sans-serif); pointer-events:none; } .sober-home [data-c103-backdrop="dark"] .c103-scene-role { color:#d8e8d1; } .sober-home #allianz-trade-pay[data-at107] .at106-frame { top:50%!important; transform:translate(-50%,-50%) scale(var(--at106-fit,1)); transform-origin:center; } .sober-home #allianz-trade-pay[data-at107] .at106-content { transition:height .24s cubic-bezier(.2,.7,.2,1); } .sober-home .story-navigation .story-vertical-rail button[aria-current]::after { content:""; position:absolute; left:10px; top:11px; width:4px; height:4px; border-radius:50%; background:currentColor; } .sober-home #allianz-trade-pay .at86-chapter-label > span { font-size:14px; line-height:1.4; } .sober-apphalt { row-gap:18px; } .sober-apphalt .sober-role { font-size:14px; line-height:1.5; } .sober-apphalt .sober-project-copy { grid-column:1; grid-row:1 / 3; align-self:center; } .sober-apphalt .sober-project-copy h2 br { display:initial; } .sober-apphalt .apphalt-project-actions { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; } .sober-apphalt .apphalt-project-actions a { margin:0; } .sober-apphalt .sober-apphalt-only { grid-row:1 / 3; } .sober-apphalt .apphalt-focus-frame { overflow:hidden; border-radius:9px; } .sober-apphalt .sober-next { grid-column:1 / -1; } .case-measurement-note { margin-top:22px; border-top:1px solid #cdd4df; padding-top:12px; font-size:14px; line-height:1.6; } .case-measurement-note summary { width:fit-content; padding-block:10px; min-height:44px; cursor:pointer; color:#394a62; } .case-measurement-note summary:focus-visible { outline:2px solid #294bf4; outline-offset:3px; } .case-measurement-note p { max-width:72ch; font-size:14px; color:#526179; } @media(max-width:1100px) { .sober-home #malakoff-experience .mh3-copy-stack { height:170px; } } @media(max-width:800px) { .sober-home #malakoff-experience .mh3-rail { gap:14px; } .sober-home #malakoff-experience .mh3-rail > span:last-child, .sober-home .c103-scene-role, .sober-home #allianz-trade-pay .at86-chapter-label > span { display:none!important; } .sober-home #malakoff-experience .mh3-main { grid-template-rows:224px minmax(0,1fr); } .sober-home #malakoff-experience .mh3-copy-stack { height:224px; } .sober-home #malakoff-experience .mh3-copy h2 { max-width:none; } .sober-home #malakoff-experience .mh3-copy .mh3-intro { font-size:14px; line-height:1.45; max-width:40ch; margin-top:9px; } .sober-home #allianz-trade-pay[data-at107] .at84-stage-inner { padding-top:82px; grid-template-rows:190px minmax(0,1fr); } .sober-home #allianz-trade-pay[data-at107] .at84-beat p { font-size:14px; line-height:1.45; } .sober-apphalt.wrap { width:calc(100% - 36px); padding:44px 0 28px; display:flex; flex-direction:column; gap:18px; } .sober-apphalt .sober-project-copy { align-self:stretch; } .sober-apphalt .sober-project-copy h2 { font-size:clamp(31px,8vw,44px); margin-block:15px 12px; } .sober-apphalt .sober-project-copy > p:not(.sober-role) { font-size:14px; line-height:1.5; margin-block:0 12px; } .sober-apphalt .sober-role { font-size:14px; margin:0; } .sober-apphalt .sober-apphalt-only { width:100%; max-width:440px; padding:10px; align-self:center; } html.has-js .sober-apphalt .apphalt-focus-frame { position:relative; aspect-ratio:540 / 660; background:#292c35; } html.has-js .sober-apphalt .apphalt-focus-frame video { position:absolute; top:0; left:-44.44445%; width:155.55556%; max-width:none; height:auto; max-height:none; border-radius:0; object-fit:contain; } .sober-apphalt .sober-apphalt-only figcaption { font-size:11px; line-height:1.4; margin-top:6px; } .sober-apphalt .apphalt-project-actions { margin-top:16px; align-self:stretch; gap:10px 24px; } .sober-apphalt .sober-next { margin-top:0; } } @media(max-width:360px) { .sober-home #allianz-trade-pay[data-at107] .at84-stage-inner { grid-template-rows:210px minmax(0,1fr); } .sober-home #malakoff-experience .mh3-main { grid-template-rows:250px minmax(0,1fr); } .sober-home #malakoff-experience .mh3-copy-stack { height:250px; } .sober-home #malakoff-experience .mh3-copy h2 { font-size:27px; } } @media(prefers-reduced-motion:reduce) { .sober-home #allianz-trade-pay[data-at107] .at106-content { transition:none; } } .motion-reduced .sober-home #allianz-trade-pay[data-at107] .at106-content { transition:none; } /* v105-release-case-context.20261026.css */ /* Editorial context: a quiet note, never an alert or a separate conversion panel. */ .case-publication-note{max-width:68ch;margin:24px 0 0;padding:2px 0 2px 16px;border-left:2px solid #c7d2e4;color:#45566c;text-align:left} .case-publication-note h2{font:600 13px/1.4 var(--sans,Arial,sans-serif);letter-spacing:0;text-transform:none;color:#253950;margin:0 0 6px} .case-publication-note p{font:400 14px/1.55 var(--sans,Arial,sans-serif);letter-spacing:0;color:#45566c;max-width:none;margin:0} .case-publication-note a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:2px 0 0;padding:0;font:600 13px/1.4 var(--sans,Arial,sans-serif);color:#253950;text-decoration:underline;text-underline-offset:4px} .case-publication-note a:focus-visible{outline:2px solid #304cff;outline-offset:4px;border-radius:2px} @media(max-width:700px){.case-publication-note{margin-top:20px;padding-left:12px}.case-publication-note p{font-size:13px;line-height:1.5}} /* v105-release-case-study-10.20261028.css */ /* Recruiter-first case studies: shared evidence, scope and outcome system. */ .case-study-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:32px 0 0;border:1px solid color-mix(in srgb,var(--case-ink,#173953) 18%,transparent);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--case-ink,#173953) 14%,transparent)} .case-study-summary article{min-width:0;padding:22px 24px;background:color-mix(in srgb,var(--case-paper,#f4f8f2) 82%,#fff)} .case-study-summary span,.case-evidence-label{display:block;margin:0 0 9px;font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--case-ink,#173953) 72%,#627183)} .case-study-summary strong{display:block;margin:0;color:var(--case-ink,#173953);font:600 18px/1.3 var(--sans,Arial,sans-serif)} .case-study-summary p{margin:7px 0 0!important;color:#506173;font:400 14px/1.55 var(--sans,Arial,sans-serif)!important} .case-role-band{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:22px 0 0;padding:24px 0;border-block:1px solid #d7dfe5} .case-role-band h3{margin:0 0 9px;color:var(--case-ink,#173953);font:600 16px/1.35 var(--sans,Arial,sans-serif)} .case-role-band p{margin:0!important;color:#506173;font-size:14px!important;line-height:1.65!important} .case-status{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:16px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--case-ink,#173953) 22%,transparent);border-radius:999px;color:var(--case-ink,#173953);background:color-mix(in srgb,var(--case-paper,#f4f8f2) 72%,#fff);font:700 11px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.02em} .case-status:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor} .case-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 8px} .case-track{padding:24px;border:1px solid #d8e2dd;border-radius:14px;background:#fff} .case-track small{display:block;margin-bottom:12px;color:var(--case-ink,#173953);font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase} .case-track h3{margin:0 0 10px;color:var(--case-ink,#173953);font:400 26px/1.12 var(--serif,Georgia,serif);letter-spacing:-.035em} .case-track p{margin:0!important;font-size:14px!important;line-height:1.65!important;color:#506173} .case-track .case-status{margin-top:16px} .case-track-grid.case-track-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))} .case-track-grid.case-track-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))} .case-track-grid--three .case-track h3,.case-track-grid--four .case-track h3{font-size:clamp(21px,2.15vw,27px)} .case-workstreams.v105-case-section{grid-template-columns:minmax(0,1fr)} .case-workstreams .case-track-grid{margin-bottom:0} .at124-coverage{margin:40px 0 32px;padding-top:30px;border-top:1px solid #c6dbe4} .at124-coverage>h3{max-width:760px;margin:8px 0 0;color:#173f60;font:400 clamp(28px,3.4vw,44px)/1.12 var(--serif,Georgia,serif);letter-spacing:-.04em} .at124-coverage .case-track{border-color:#c6dbe4;background:#f4fafc} .case-outcome-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:24px} .case-outcome-card{padding:26px;border-radius:14px;background:var(--case-ink,#173953);color:#fff} .case-outcome-card--light{border:1px solid #d8e2dd;background:var(--case-paper,#f4f8f2);color:var(--case-ink,#173953)} .case-outcome-card span{display:block;font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;opacity:.78} .case-outcome-card strong{display:block;margin:14px 0 9px;font:400 clamp(34px,4vw,54px)/1 var(--serif,Georgia,serif);letter-spacing:-.05em} .case-outcome-card p{margin:0!important;color:inherit!important;font-size:14px!important;line-height:1.6!important;opacity:.86} .case-proof-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0} .case-proof-chain article{position:relative;padding:20px 22px;border-block:1px solid #d6dfdc} .case-proof-chain article+article{border-left:1px solid #d6dfdc} .case-proof-chain strong{display:block;margin-bottom:7px;color:var(--case-ink,#173953);font:600 16px/1.35 var(--sans,Arial,sans-serif)} .case-proof-chain p{margin:0!important;color:#506173;font-size:14px!important;line-height:1.55!important} /* Malakoff and Cetelem page rhythm. */ .v105-case .v105-case-hero{padding-bottom:48px} .v105-case .v105-case-hero .case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:30px;padding-top:0;border:1px solid color-mix(in srgb,var(--case-ink) 18%,transparent);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--case-ink) 12%,transparent)} .v105-case .case-facts>div{padding:17px 18px;background:color-mix(in srgb,var(--case-paper) 78%,#fff)} .v105-case .case-facts dt{color:color-mix(in srgb,var(--case-ink) 70%,#647184);text-transform:uppercase;letter-spacing:.08em;font-size:10px} .v105-case .case-facts dd{margin-top:7px;color:var(--case-ink);font-size:14px;line-height:1.45} .v105-case .v105-case-body{padding-top:18px} .v105-case #contexte{grid-template-columns:minmax(0,1fr);padding-top:42px} .v105-case #bilan{border-bottom:0;padding-bottom:22px} .v105-case #bilan>div{width:100%} .v105-case .case-measurement-note{margin-top:18px;max-width:74ch} /* Allianz: same recruiter-first hierarchy, with its own B2B palette. */ .at97-detail{--case-ink:#123f65;--case-paper:#eaf5f8} .at97-detail .at123-intro{max-width:1160px;width:calc(100% - 44px);margin-inline:auto} .at124-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:28px 0 0;border:1px solid #b9d0db;border-radius:12px;overflow:hidden;background:#b9d0db} .at124-facts div{padding:17px 18px;background:#f4fafc} .at124-facts dt{font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#577486} .at124-facts dd{margin:7px 0 0;color:#173f60;font:600 14px/1.45 var(--sans,Arial,sans-serif)} .at124-scope{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 0} .at124-scope article{padding:22px 24px;border-radius:12px;background:#f3f9fb;border:1px solid #c6dbe4} .at124-scope h3{margin:0 0 9px;color:#173f60;font:600 16px/1.35 var(--sans,Arial,sans-serif)} .at124-scope p{margin:0;color:#506e7f;font:400 14px/1.6 var(--sans,Arial,sans-serif)} .at123-result{position:relative;overflow:hidden;border:0;border-radius:22px;background:#123f65;color:#fff;padding-inline:clamp(25px,5vw,62px)!important;margin-bottom:30px} .at123-result:after{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border:1px solid #7bd2e040;border-radius:50%;box-shadow:0 0 0 55px #7bd2e012,0 0 0 110px #7bd2e00b;pointer-events:none} .at123-result>div{position:relative;z-index:1} .at123-result .at97-eyebrow,.at123-result h2,.at123-result h3{color:#fff} .at123-result h2{scroll-margin-top:118px} .at123-result p{color:#d7e6ed} .at123-result a{display:inline-flex;align-items:center;min-height:44px;color:#fff} .at124-result-signals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px} .at124-result-signals article{padding:16px;border:1px solid #c4e6ef38;border-radius:10px;background:#fff0} .at124-result-signals strong{display:block;color:#fff;font:600 14px/1.35 var(--sans,Arial,sans-serif)} .at124-result-signals span{display:block;margin-top:5px;color:#c9dce5;font:400 13px/1.45 var(--sans,Arial,sans-serif)} .at124-attribution{margin-top:18px;padding-top:18px;border-top:1px solid #c4e6ef38} .at124-attribution strong{display:block;margin-bottom:7px;color:#fff;font:600 14px/1.4 var(--sans,Arial,sans-serif)} .at124-attribution p{font-size:13px!important;line-height:1.6!important} .at124-specimen-figure{margin:0} .at124-specimen-figure>figcaption{margin-top:14px;color:#5a7484;font:400 13px/1.55 var(--sans,Arial,sans-serif)} .v105-cetelem #partenaires,.v105-cetelem #openbanking-2026,.v105-cetelem #bilan{scroll-margin-top:74px} .c100-editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:11px 14px;color:var(--case-ink,#20472e);font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase} .case-demo-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:8px 0 22px} .case-demo-links a{display:inline-flex;align-items:center;min-height:44px} .v105-case #orange h3{font:400 clamp(29px,3vw,42px)/1.15 var(--serif,Georgia,serif);letter-spacing:-.045em;color:var(--case-ink);margin:0 0 20px} @media(max-width:800px){ .case-study-summary,.case-proof-chain{grid-template-columns:1fr} .case-track-grid.case-track-grid--three,.case-track-grid.case-track-grid--four{grid-template-columns:1fr} .case-study-summary article{padding:18px 19px} .case-study-summary article+article{border-top:1px solid color-mix(in srgb,var(--case-ink,#173953) 14%,transparent)} .case-role-band,.case-track-grid,.case-outcome-grid,.at124-scope{grid-template-columns:1fr} .case-role-band{gap:18px;padding-block:20px} .case-proof-chain article+article{border-left:0;border-top:0} .v105-case .v105-case-hero .case-facts,.at124-facts{grid-template-columns:1fr 1fr} .v105-case .v105-case-body{padding-top:8px} .at124-result-signals{grid-template-columns:1fr} .at123-result{border-radius:16px} } @media(max-width:520px){ .v105-case .v105-case-hero .case-facts,.at124-facts{grid-template-columns:1fr} .v105-case .case-facts>div,.at124-facts div{padding:14px 16px} .case-track,.case-outcome-card{padding:20px} .at97-detail .at123-intro{width:calc(100% - 34px)} .at123-result{width:calc(100% - 34px)!important;padding-inline:20px!important} } @media(min-width:360px) and (max-width:520px){ .v105-case .v105-case-hero .case-facts,.at124-facts{grid-template-columns:1fr 1fr} } @media(max-width:520px){.c100-editor-top{align-items:flex-start;flex-wrap:wrap}.case-demo-links{display:grid;grid-template-columns:1fr}} @media(prefers-reduced-motion:no-preference){ .case-study-summary,.case-track-grid,.at124-facts{animation:case-study-rise .55s cubic-bezier(.2,.7,.2,1) both} @keyframes case-study-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} } @media(min-width:801px) and (max-width:1100px){.case-track-grid.case-track-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Editorial compression: faster recruiter scan without removing evidence. */ .case-publication-note--details{max-width:68ch;padding:0!important;border-left:0!important;border-block:1px solid #d5dee4} .case-publication-note--details>summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;cursor:pointer;list-style:none;color:var(--case-ink,#253950);font:600 13px/1.4 var(--sans,Arial,sans-serif)} .case-publication-note--details>summary::-webkit-details-marker{display:none} .case-publication-note--details>summary:after{content:"+";font-size:19px;font-weight:400} .case-publication-note--details[open]>summary:after{content:"−"} .case-publication-note--details>p{padding:2px 0 8px} .case-publication-note--details>a{margin-bottom:8px} .case-scope-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:24px 0 0;padding:1px;list-style:none;background:#c6dbe4;border-radius:12px;overflow:hidden} .case-scope-map li{min-width:0;padding:16px 18px;background:#f4fafc} .case-scope-map span{display:block;margin-bottom:6px;color:#577486;font:700 9px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase} .case-scope-map strong{display:block;color:#173f60;font:600 14px/1.4 var(--sans,Arial,sans-serif)} @media(max-width:800px){.case-scope-map{grid-template-columns:1fr 1fr}} @media(max-width:520px){ .v105-case .v105-case-hero{padding-bottom:34px} .v105-case .v105-case-section{padding-block:40px;gap:24px} .case-study-summary article{padding:14px 16px} .case-study-summary span{margin-bottom:5px} .case-study-summary strong{font-size:16px} .case-study-summary p{display:none} .v105-subnav{flex-wrap:nowrap;overflow-x:auto;padding:18px 0;scrollbar-width:none} .v105-subnav::-webkit-scrollbar{display:none} .v105-subnav a{flex:none;white-space:nowrap} .case-publication-note--details{margin-top:16px!important} .case-scope-map{grid-template-columns:1fr;margin-top:18px} .case-scope-map li{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px;padding:12px 14px} .case-scope-map span{margin:0} .at124-coverage{margin:30px 0 24px;padding-top:24px} } @media(max-width:359px){ .v105-case .v105-case-hero .case-facts,.at124-facts{grid-template-columns:1fr 1fr} .v105-case .case-facts>div,.at124-facts div{min-width:0;overflow-wrap:anywhere;padding:12px} .v105-case .case-facts dd,.at124-facts dd{font-size:12px;line-height:1.4} } .at124-onpage{max-width:1160px;margin-inline:auto!important} /* Recruitment evidence layer: research, ownership, delivery and edge cases. */ .case-research-block{max-width:1160px;width:100%;margin:38px auto 6px;padding:28px;border:1px solid color-mix(in srgb,var(--case-ink,#173953) 18%,transparent);border-radius:16px;background:color-mix(in srgb,var(--case-paper,#f4f8f2) 58%,#fff)} .case-research-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px} .case-research-heading>span{color:color-mix(in srgb,var(--case-ink,#173953) 72%,#627183);font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase} .case-research-heading h2{max-width:22ch;margin:0!important;color:var(--case-ink,#173953);font:400 clamp(27px,3vw,40px)/1.1 var(--serif,Georgia,serif)!important;letter-spacing:-.04em} .case-research-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:color-mix(in srgb,var(--case-ink,#173953) 14%,transparent);border-radius:10px;overflow:hidden} .case-research-grid>div{min-width:0;padding:15px 17px;background:#fff} .case-research-grid dt{color:color-mix(in srgb,var(--case-ink,#173953) 72%,#627183);font:700 9px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase} .case-research-grid dd{margin:7px 0 0;color:var(--case-ink,#173953);font:600 13px/1.45 var(--sans,Arial,sans-serif)} .case-delivery{margin:28px 0} .case-delivery>h3{margin:0 0 14px;color:var(--case-ink,#173953);font:600 17px/1.35 var(--sans,Arial,sans-serif)} .case-delivery-table{border-block:1px solid #d6dfdc} .case-delivery-row{display:grid;grid-template-columns:.8fr 1.35fr .85fr;gap:16px;padding:15px 0;align-items:start} .case-delivery-row+.case-delivery-row{border-top:1px solid #d6dfdc} .case-delivery-row strong,.case-delivery-row span,.case-delivery-row em{font:600 13px/1.5 var(--sans,Arial,sans-serif)} .case-delivery-row strong{color:var(--case-ink,#173953)} .case-delivery-row span{color:#506173;font-weight:400} .case-delivery-row em{color:color-mix(in srgb,var(--case-ink,#173953) 78%,#607083);font-style:normal} .case-edge-callout{margin-top:20px;padding:17px 18px;border-left:3px solid var(--case-ink,#173953);background:color-mix(in srgb,var(--case-paper,#f4f8f2) 70%,#fff)} .case-edge-callout span{display:block;margin-bottom:5px;color:color-mix(in srgb,var(--case-ink,#173953) 70%,#627183);font:700 9px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase} .case-edge-callout strong{display:block;color:var(--case-ink,#173953);font:600 15px/1.4 var(--sans,Arial,sans-serif)} .case-edge-callout p{margin:4px 0 0!important;color:#506173;font:400 13px/1.55 var(--sans,Arial,sans-serif)!important} .case-role-band--three,.at124-scope--three{grid-template-columns:repeat(3,minmax(0,1fr))} .at124-research{width:calc(100% - 44px);--case-ink:#123f65;--case-paper:#eaf5f8} #recherche-allianz{scroll-margin-top:84px} #resultat{scroll-margin-top:84px} .at124-result-signals{grid-template-columns:repeat(3,minmax(0,1fr))} .case-edge-callout--allianz{margin:24px 0;border-left-color:#1a9eb7;background:#f3f9fb} @media(max-width:800px){ .case-research-heading{display:block}.case-research-heading>span{display:block;margin-bottom:8px} .case-research-grid{grid-template-columns:1fr 1fr} .case-role-band--three,.at124-scope--three{grid-template-columns:1fr} .case-delivery-row{grid-template-columns:1fr;gap:5px} .at124-result-signals{grid-template-columns:1fr} } @media(max-width:520px){ .case-research-block{margin-top:24px;padding:20px 17px} .case-research-grid{grid-template-columns:1fr} .case-research-grid>div{padding:12px 14px} .v105-cetelem .v105-proof-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .v105-cetelem .v105-proof-pair figcaption{font-size:10px;line-height:1.4} .v105-cetelem .v105-proof-pair .v105-enlarge-note{font-size:10px} .at124-research{width:calc(100% - 34px)} } /* Product-state visuals: reconstructed flows where confidential screens cannot be published. */ .case-product-visual{--visual-deep:#173f60;--visual-accent:#159ab1;--visual-soft:#eef7f9;--visual-line:#c5dce4;margin:32px 0 0;color:var(--visual-deep)} .case-product-visual--cetelem{--visual-deep:#194b32;--visual-accent:#2f8753;--visual-soft:#f0f7ef;--visual-line:#c7ddcb} .case-product-visual--malakoff{--visual-deep:#6d342d;--visual-accent:#d4513b;--visual-soft:#fff3ef;--visual-line:#e8c9c1} .case-product-visual--allianz{--visual-deep:#123f65;--visual-accent:#169ab2;--visual-soft:#edf7fa;--visual-line:#c4dce5;margin-top:42px} .sober-case .case-workstreams.v105-case-section:has(.case-product-visual){grid-template-columns:minmax(0,1fr)} .case-product-visual-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:16px} .case-product-visual-head>span{max-width:24ch;color:color-mix(in srgb,var(--visual-deep) 72%,#667581);font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase} .case-product-visual-head>strong{max-width:23ch;text-align:right;color:var(--visual-deep);font:400 clamp(25px,2.6vw,36px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.04em} .case-product-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px;border:1px solid var(--visual-line);border-radius:18px;background:var(--visual-soft)} .case-ui-frame{position:relative;display:flex;min-width:0;min-height:294px;flex-direction:column;overflow:visible;border:1px solid var(--visual-line);border-radius:13px;background:#fff;box-shadow:0 14px 30px color-mix(in srgb,var(--visual-deep) 10%,transparent)} .case-ui-frame:not(:last-child)::after{position:absolute;z-index:2;right:-25px;top:50%;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--visual-line);border-radius:50%;background:#fff;color:var(--visual-accent);content:'→';font:700 15px/1 var(--sans,Arial,sans-serif);transform:translateY(-50%)} .case-ui-top{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--visual-line);border-radius:13px 13px 0 0;background:color-mix(in srgb,var(--visual-soft) 60%,#fff)} .case-ui-top small{color:var(--visual-deep);font:700 9px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase} .case-ui-top i{color:var(--visual-accent);font:700 12px/1 var(--sans,Arial,sans-serif);font-style:normal;letter-spacing:2px} .case-ui-body{display:flex;flex:1;min-width:0;flex-direction:column;padding:19px 18px 18px} .case-ui-kicker{color:var(--visual-accent);font:700 9px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase} .case-ui-body h3{margin:9px 0 8px!important;color:var(--visual-deep)!important;font:600 20px/1.14 var(--sans,Arial,sans-serif)!important;letter-spacing:-.025em!important} .case-ui-body>p{min-height:44px;margin:0 0 16px!important;color:#526674!important;font:400 13px/1.55 var(--sans,Arial,sans-serif)!important} .case-ui-status{align-self:flex-start;margin:1px 0 13px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--visual-accent) 42%,var(--visual-line));border-radius:999px;background:color-mix(in srgb,var(--visual-accent) 8%,#fff);color:var(--visual-deep);font:700 10px/1.2 var(--sans,Arial,sans-serif)} .case-ui-status--success{border-color:color-mix(in srgb,#2b8a55 38%,var(--visual-line));background:#eff8f1;color:#236a44} .case-ui-status--alert{border-color:#e5b5a8;background:#fff2ee;color:#9a3c2b} .case-ui-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--visual-line);color:#657783;font:400 11px/1.35 var(--sans,Arial,sans-serif)} .case-ui-row b{color:var(--visual-deep);font-weight:700;text-align:right} .case-ui-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:11px 12px;border-radius:8px;background:var(--visual-deep);color:#fff;font:700 11px/1.3 var(--sans,Arial,sans-serif)} .case-ui-action span{font-size:15px} .case-product-visual>figcaption{margin-top:12px;color:#61717c;font:400 12px/1.55 var(--sans,Arial,sans-serif)} @media(max-width:800px){ .case-product-visual-head{display:block}.case-product-visual-head>span{display:block;margin-bottom:8px}.case-product-visual-head>strong{display:block;max-width:26ch;text-align:left} .case-product-frames{grid-template-columns:1fr;padding:18px} .case-ui-frame{min-height:0}.case-ui-frame:not(:last-child)::after{right:50%;top:auto;bottom:-25px;content:'↓';transform:translateX(50%)} .case-ui-body>p{min-height:0} } @media(max-width:520px){ .case-product-visual{margin-top:26px}.case-product-visual--allianz{margin-top:34px} .case-product-frames{gap:17px;padding:12px;border-radius:14px} .case-ui-frame:not(:last-child)::after{bottom:-24px;width:28px;height:28px} .case-ui-body{padding:17px 15px 15px}.case-ui-body h3{font-size:19px!important} } /* v105-release-case-entry-morph.20261028.css */ :root{--case-entry-ease:cubic-bezier(.2,.78,.2,1)} .case-entry-source,.case-entry-target{contain:paint} html[data-case-entry-client="allianz"]{--case-entry-brand:#123f65;--case-entry-soft:#eaf5f8;--case-entry-text:#fff} html[data-case-entry-client="cetelem"]{--case-entry-brand:#123f31;--case-entry-soft:#f1f8ee;--case-entry-text:#fff} html[data-case-entry-client="malakoff"]{--case-entry-brand:#7a352d;--case-entry-soft:#fff2ed;--case-entry-text:#fff} @keyframes gn-case-content-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}} html.case-entry-arrival .case-entry-target>*{animation:gn-case-content-in 660ms var(--case-entry-ease) both;animation-delay:80ms} html.case-entry-arrival .case-entry-target>*:nth-child(2){animation-delay:130ms} html.case-entry-arrival .case-entry-target>*:nth-child(3){animation-delay:180ms} html.case-entry-arrival .case-entry-target>*:nth-child(4){animation-delay:230ms} html.case-entry-arrival .case-entry-target>*:nth-child(n+5){animation-delay:280ms} /* Deterministic fallback for browsers without cross-document View Transitions. */ .gn-case-morph-fallback{position:fixed;z-index:2147483000;display:grid;place-items:center;overflow:hidden;left:var(--gn-from-x);top:var(--gn-from-y);width:var(--gn-from-w);height:var(--gn-from-h);border:1px solid color-mix(in srgb,var(--case-entry-brand) 28%,#fff);border-radius:var(--gn-from-radius,18px);background:var(--case-entry-soft);pointer-events:none;transition:left 320ms var(--case-entry-ease),top 320ms var(--case-entry-ease),width 320ms var(--case-entry-ease),height 320ms var(--case-entry-ease),border-radius 320ms var(--case-entry-ease),background-color 250ms ease,opacity 300ms ease} .gn-case-morph-fallback>span{display:grid;padding:12px 18px;place-items:center;border-radius:9px;background:#fff;box-shadow:0 16px 38px #061b2a26;transition:transform 520ms var(--case-entry-ease),opacity 300ms ease} .gn-case-morph-fallback img{display:block;width:min(170px,42vw);height:44px;object-fit:contain} .gn-case-morph-fallback.is-expanding{left:0;top:0;width:100vw;height:100dvh;border:0;border-radius:0;background:var(--case-entry-brand)} .gn-case-morph-fallback.is-expanding>span{transform:scale(1.06)} .gn-case-morph-fallback.is-arriving{left:0;top:0;width:100vw;height:100dvh;border:0;border-radius:0;background:var(--case-entry-brand)} .gn-case-morph-fallback.is-revealing{left:var(--gn-to-x);top:var(--gn-to-y);width:var(--gn-to-w);height:var(--gn-to-h);border-radius:18px;opacity:0} .gn-case-morph-fallback.is-revealing>span{transform:translateY(-24px) scale(.92);opacity:0} @media(prefers-reduced-motion:reduce){html.case-entry-arrival .case-entry-target>*{animation:none!important}.gn-case-morph-fallback{display:none!important}} /* v105-release-liquid-navigation.20261028.css */ /* Balanced liquid motion, adapted to the existing portfolio navigation. The shell and visible controls move together while layout stays fixed. */ body:is(.sober-home,.sober-case) .site-header{ position:sticky;top:0;z-index:70;padding:9px 0; background:transparent!important;border:0;box-shadow:none; backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible; } body:is(.sober-home,.sober-case) .site-header .header-inner{ position:relative;isolation:isolate; width:min(var(--sober-width,1280px),calc(100% - var(--sober-gutter,clamp(20px,4.5vw,72px)) - var(--sober-gutter,clamp(20px,4.5vw,72px)))); padding-inline:clamp(15px,2vw,25px); border-radius:22px; } body:is(.sober-home,.sober-case) .site-header .header-inner::before{ content:"";position:absolute;z-index:-1;inset:0;pointer-events:none; border:1px solid rgba(255,255,255,.9);border-radius:inherit; background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--header-accent,#3155ea) 24%,white),transparent) 22px 0 / calc(100% - 44px) 2px no-repeat, linear-gradient(118deg,rgba(255,255,255,.97),rgba(246,249,255,.9) 56%,rgba(255,255,255,.96)); box-shadow:0 8px 27px rgba(19,35,65,.13),inset 0 1px 0 rgba(255,255,255,.98); backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%); transform:translate3d(0,var(--liquid-header-y,0px),0) scaleY(var(--liquid-header-stretch,1)); transform-origin:50% 50%; } body:is(.sober-home,.sober-case) .site-header .header-inner > .brand, body:is(.sober-home,.sober-case) .site-header .project-switcher > summary, body:is(.sober-home,.sober-case) .site-header .desktop-nav > a, body:is(.sober-home,.sober-case) .site-header .header-actions{ transform:translate3d(0,var(--liquid-content-y,0px),0); will-change:transform; } body:is(.sober-home,.sober-case) .site-header .header-inner::after{ display:none; } body.sober-case.v105-malakoff-humanis .site-header{--header-accent:#b94b28} body.sober-case.v105-cetelem .site-header{--header-accent:#237b35} body.sober-case.at97-detail .site-header{--header-accent:#003781} body.sober-case.case-apphalt .site-header{--header-accent:#1757c5} @supports (mask-image:url("/assets/images/v25-gn-monogram.png")){ body.sober-case .site-header .brand{position:relative} body.sober-case .site-header .brand::before{ content:"";position:absolute;left:0;top:50%;width:36px;height:31px; background:var(--header-accent,#3155ea); mask:url("/assets/images/v25-gn-monogram.png") center/contain no-repeat; -webkit-mask:url("/assets/images/v25-gn-monogram.png") center/contain no-repeat; transform:translateY(-50%);pointer-events:none; } body.sober-case .site-header .brand img{opacity:0} } body:is(.sober-home,.sober-case) .site-header :is(a,button,summary):focus-visible{ outline:3px solid var(--header-accent,#3155ea);outline-offset:3px; } body.sober-home .site-header .project-switch-panel{z-index:3} /* The header doubles as a persistent project identity and project switcher. The story markers remain unframed so the work keeps visual priority. */ body.sober-home .project-switcher summary{gap:7px;white-space:nowrap} body.sober-home .project-switcher .project-switch-identity{display:none;align-items:center;gap:6px;min-width:0} body.sober-home .project-switcher summary.has-project-identity .project-switch-default{display:none} body.sober-home .project-switcher summary.has-project-identity .project-switch-identity{display:inline-flex} body.sober-home .project-switcher .project-switch-identity img{display:block;width:auto;height:24px;max-width:104px;object-fit:contain} body.sober-home .project-switcher .project-switch-identity span{font-size:12px;font-weight:700;letter-spacing:-.02em} body.sober-home .site-header[data-project-theme="malakoff"] .project-switch-identity img{max-width:94px} body.sober-home .site-header[data-project-theme="cetelem"] .project-switch-identity img{max-width:84px} body.sober-home .site-header[data-project-theme="allianz"] .project-switch-identity img{max-width:90px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:28px;height:28px;border-radius:6px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:13px} body.sober-home .project-switcher summary.has-project-identity svg{width:11px;height:11px;opacity:.7} body.sober-home .story-navigation>.story-vertical-rail::before{display:none!important} /* Allianz has the densest illustration. Keep its own buyer/merchant composition, but make the scene masthead a quiet label once the header carries the brand. */ body.sober-home #allianz-trade-pay[data-at124] .at124-head{justify-content:flex-start} body.sober-home #allianz-trade-pay[data-at124] .at124-head img{display:none} body.sober-home #allianz-trade-pay[data-at124] .at124-head span{letter-spacing:.12em} body.sober-home #apphalt-produit .ah-stage-head img{display:none} @media(max-width:800px){ body:is(.sober-home,.sober-case) .site-header{padding:8px 0} body:is(.sober-home,.sober-case) .site-header .header-inner{ width:calc(100% - 20px);height:60px;padding-inline:12px;border-radius:20px; } body.sober-case .site-header .brand::before{width:31px;height:28px} body.sober-home .site-header .project-switch-panel{ top:calc(var(--gn-header-height,76px) + 4px);left:10px;right:10px; } body.sober-home .story-navigation>.story-vertical-rail{right:0;width:44px} body.sober-home .project-switcher .project-switch-identity img{height:21px;max-width:84px} body.sober-home .site-header[data-project-theme="malakoff"] .project-switch-identity img{max-width:84px} body.sober-home .site-header[data-project-theme="cetelem"] .project-switch-identity img{max-width:75px} body.sober-home .site-header[data-project-theme="allianz"] .project-switch-identity img{max-width:80px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:26px;height:26px} body.sober-home .story-navigation .story-vertical-rail :is(.gn94-meter.gn102-meter,.c103-chapter-bars){width:44px} body.sober-home .story-navigation .story-vertical-rail :is(button.gn102-segment,button[data-workshop-jump]){ width:44px;min-width:44px;height:44px;min-height:44px; } body.sober-home .story-navigation .story-vertical-rail :is(button.gn102-segment,button[data-workshop-jump])::before{left:20px} } @media(max-width:420px){ body:is(.sober-home,.sober-case) .site-header .header-inner{padding-inline:9px} body.sober-home .project-switcher summary{padding-inline:2px;gap:5px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:12.5px} body.sober-home .client-story-position .gn93-progress, body.sober-home .sober-scene-controls [data-workshop-step]{font-size:11px!important} } @media(max-width:480px){ /* Reserve the same space in every story: the designer's name stays visible while only the project identity inside the selector changes. */ body.sober-home .site-header .brand{gap:6px;flex:none} body.sober-home .site-header .brand > span{display:block;width:44px;max-width:none;font-size:11px;line-height:1.3;white-space:normal} body.sober-home .site-header .desktop-nav{flex:0 0 108px;min-width:0;justify-content:center} body.sober-home .site-header .project-switcher{width:100%} body.sober-home .site-header .project-switcher summary{width:100%;box-sizing:border-box;justify-content:center;padding-inline:4px;gap:5px} body.sober-home .site-header .project-switch-identity img{height:23px;max-width:80px} body.sober-home .site-header[data-project-theme="malakoff"] .project-switch-identity img{max-width:80px} body.sober-home .site-header[data-project-theme="cetelem"] .project-switch-identity img{max-width:75px} body.sober-home .site-header[data-project-theme="allianz"] .project-switch-identity img{max-width:78px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:26px;height:26px} body.sober-home .site-header .header-actions{flex:none} } @media(max-width:360px){ body.sober-home .site-header .header-inner{gap:6px} body.sober-home .site-header .desktop-nav{flex-basis:92px} body.sober-home .site-header .project-switcher summary{padding-inline:2px} body.sober-home .site-header .project-switch-identity img, body.sober-home .site-header[data-project-theme] .project-switch-identity img{max-width:72px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:24px;height:24px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:12px} } @media(prefers-reduced-motion:reduce){ body:is(.sober-home,.sober-case) .site-header .header-inner::before, body:is(.sober-home,.sober-case) .site-header .header-inner > .brand, body:is(.sober-home,.sober-case) .site-header .project-switcher > summary, body:is(.sober-home,.sober-case) .site-header .desktop-nav > a, body:is(.sober-home,.sober-case) .site-header .header-actions{transform:none!important;transition:none!important} } html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner::before, html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner > .brand, html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .project-switcher > summary, html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .desktop-nav > a, html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-actions{ transform:none!important;transition:none!important; } @media(forced-colors:active){ body:is(.sober-home,.sober-case) .site-header .header-inner::before, body:is(.sober-home,.sober-case) .site-header .header-inner::after{display:none} body:is(.sober-home,.sober-case) .site-header .header-inner{border:1px solid CanvasText;background:Canvas} body:is(.sober-home,.sober-case) .site-header .header-inner > .brand, body:is(.sober-home,.sober-case) .site-header .project-switcher > summary, body:is(.sober-home,.sober-case) .site-header .desktop-nav > a, body:is(.sober-home,.sober-case) .site-header .header-actions{transform:none!important} body.sober-case .site-header .brand::before{display:none} body.sober-case .site-header .brand img{opacity:1} } @media print{ body:is(.sober-home,.sober-case) .site-header{padding:0} body:is(.sober-home,.sober-case) .site-header .header-inner::before, body:is(.sober-home,.sober-case) .site-header .header-inner::after{display:none} body:is(.sober-home,.sober-case) .site-header .header-inner > .brand, body:is(.sober-home,.sober-case) .site-header .project-switcher > summary, body:is(.sober-home,.sober-case) .site-header .desktop-nav > a, body:is(.sober-home,.sober-case) .site-header .header-actions{transform:none!important} } /* v109-polish-20261030.css */ /* Scoped visual corrections requested 2026-10-30. Only AppHalt's menu and metric, AI practice, Cetelem scene ending, and the Cetelem detailed page are changed. Other projects untouched. */ /* 1. AppHalt - solid macOS-style popover, no wallpaper bleeding through. Keep its existing animation, dimensions and menu-item positioning intact. */ .sober-home #apphalt-produit .ah-demo .ah-demo-menu, .sober-home #apphalt-produit .ah-demo[data-composition="showcase"] .ah-demo-menu { background-color:#e8e9ee; background-image:linear-gradient(180deg,#f0f0f4,#e6e7ed); -webkit-backdrop-filter:none; backdrop-filter:none; border-color:rgba(255,255,255,.94); box-shadow:0 17px 36px rgba(12,22,47,.28), 0 2px 8px rgba(12,22,47,.10), inset 0 1px rgba(255,255,255,.8); } /* 2. AppHalt - the metric is a creator-reported download count, NOT a user count. Less imposing than the prior oversized version number. */ .sober-home #apphalt-produit .ah-download-fact {gap:11px;flex-wrap:wrap;} .sober-home #apphalt-produit .ah-download-fact strong {font-variant-numeric:tabular-nums;letter-spacing:-.06em;} .sober-home #apphalt-produit .ah-download-fact span {max-width:33ch;line-height:1.45;} /* 3. AI - the first thing you see is WHEN, THEN WHAT and WHO DECIDES. The original 3 visual diagrams, layout and responsible roles remain. */ .sober-home .ai-practice-intro > p:last-child {max-width:64ch;} .sober-home .aif-step {letter-spacing:.065em;line-height:1.5;color:#2a5e9c;} .sober-home .aif-card-head {min-height:216px;} .sober-home .aif-card h3 {max-width:18ch;} .sober-home .aif-responsibility {border-top-color:#dbe5ef;} .sober-home .aif-responsibility>div:last-child strong {color:#16513f;} @media(min-width:1111px){ .sober-home .aif-card-head {min-height:208px;} } @media(max-width:1110px){ .sober-home .aif-card-head {min-height:0;} } /* 4. Cetelem home-story conclusion - breathe before Allianz starts. */ .sober-home #cetelem-contexte.sober-cetelem-end { padding-top:clamp(22px,3vw,35px); padding-bottom:clamp(83px,7vw,108px); row-gap:14px; } .sober-home #interface-en-contexte .sober-cetelem-end .sober-cetelem-metric { margin-top:8px; margin-bottom:17px; max-width:49ch; line-height:1.46; } @media(max-width:700px){ .sober-home #cetelem-contexte.sober-cetelem-end {padding-bottom:83px;} .sober-home #interface-en-contexte .sober-cetelem-end .sober-cetelem-metric {margin-bottom:13px;} } /* 5. Cetelem detailed page - lighter editorial canvas, without a giant green slab. Desktop only. The section composition, text and responsive layout remain intact. */ @media(min-width:1000px){ body.sober-case.v105-cetelem {background:#fff;} body.sober-case.v105-cetelem .v105-case-hero { background: radial-gradient(ellipse 45% 42% at 92% 16%,rgba(143,185,146,.18),transparent 76%), linear-gradient(155deg,#fff 0%,#fbfcf9 45%,#f6f9f4 100%); border-bottom:1px solid #dfeade; } body.sober-case.v105-cetelem .v105-case-hero > .eyebrow { display:block; width:fit-content; max-width:100%; padding-left:13px; border-left:3px solid #2d7849; color:#286344; } body.sober-case.v105-cetelem .site-header .header-inner::before { border:1px solid rgba(188,213,195,.95); background: linear-gradient(90deg,transparent,rgba(66,131,82,.34),transparent) 22px 0 / calc(100% - 44px) 2px no-repeat, linear-gradient(115deg,#e5efe7,#f3f8f1 55%,#eaf3eb); box-shadow:0 11px 31px rgba(27,64,41,.14),inset 0 1px 0 rgba(255,255,255,.9); -webkit-backdrop-filter:none; backdrop-filter:none; } body.sober-case.v105-cetelem .v105-case-hero .case-facts { box-shadow:0 14px 36px rgba(24,68,40,.055); border-color:#d6e3d7; } body.sober-case.v105-cetelem .v105-case-hero .case-facts > div { background:rgba(255,255,255,.95); } body.sober-case.v105-cetelem .case-study-summary { border:1px solid #d9e7d9; box-shadow:0 18px 38px rgba(24,68,40,.065); background:#fff; border-radius:15px; } body.sober-case.v105-cetelem .case-study-summary article { background:#fff; } body.sober-case.v105-cetelem .case-study-summary article:first-child { background:#f7faf5; } body.sober-case.v105-cetelem .case-publication-note--details { border-top-color:#dce8dc; border-bottom-color:#dce8dc; } body.sober-case.v105-cetelem .case-research-block { border-color:#dce9db; background:linear-gradient(135deg,#f5faf4,#fff 72%); box-shadow:0 10px 26px rgba(24,68,40,.045); } body.sober-case.v105-cetelem .v105-case-section { border-bottom-color:#dde8dd; } body.sober-case.v105-cetelem .v105-case-section .case-section-label { display:inline-flex; align-items:center; gap:9px; color:#286344; } body.sober-case.v105-cetelem .v105-case-section .case-section-label::before { content:""; display:block; width:16px; height:2px; background:#58a76a; border-radius:2px; } } @media(prefers-reduced-motion:reduce){ .sober-home #apphalt-produit .ah-demo .ah-demo-menu {transition:none!important;} } /* v112-editorial-and-glass.20261030.css */ /* Portfolio V112 - editorial clarity and scroll-edge navigation, 2026-10-30. Custom web interpretation, not Apple's native Liquid Glass material. */ /* A. IA - a one-glance explanation without artificial equal-height spacer gaps. */ .sober-home #ia .aiv12-intro { margin-bottom: 28px; align-items: end; } .sober-home #ia .aiv12-intro > p:last-child { max-width: 24ch; font-weight: 550; color: #3c5172; font-size: clamp(17px,1.5vw,21px); line-height: 1.35; } .aiv12-grid, .aiv12-grid * { box-sizing: border-box; } .aiv12-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 16px; } .aiv12-card { min-width:0; display:flex; flex-direction:column; gap:0; border:1px solid #dbe4f1; background:#fff; border-radius:21px; padding:clamp(19px,2.3vw,29px); box-shadow:0 16px 39px rgba(30,51,88,.065); } .aiv12-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; } .aiv12-step { font:750 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.095em; color:#2e5aa2; } .aiv12-icon { flex:none; width:55px; height:55px; display:grid; place-items:center; border:1px solid #dce5f4; border-radius:16px; background:linear-gradient(142deg,#edf3ff,#f8faff); color:#315db2; } .aiv12-icon svg { width:27px; height:27px; } .aiv12-card h3 { font:400 clamp(32px,3vw,42px)/1.02 Georgia,'Times New Roman',serif; color:#1c3050; letter-spacing:-.045em; margin:0 0 10px; } .aiv12-desc { font:400 14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; color:#52637e; margin:0; max-width:37ch; } .aiv12-flow { display:grid; grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr); align-items:center; gap:8px; margin:22px 0 20px; border:1px solid #e0e8f4; border-radius:14px; background:linear-gradient(128deg,#f9fbff,#f0f4fc); padding:14px 12px; min-height:75px; } .aiv12-flow span { color:#244267; text-align:center; font:700 12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; } .aiv12-flow svg { display:block; width:25px;height:25px; color:#7694c5; } .aiv12-roles { margin-top:auto; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-top:17px; border-top:1px solid #e4eaf3; } .aiv12-roles>div { min-width:0; } .aiv12-roles span { display:block; margin-bottom:7px; font:750 9px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.11em; color:#627c9f; } .aiv12-roles div:last-child span { color:#217257; } .aiv12-roles strong { display:block; color:#2b425d; font:600 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; } @media(max-width:1050px){ .aiv12-grid { grid-template-columns:1fr; } .aiv12-card { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); column-gap:24px; } .aiv12-top,.aiv12-card h3,.aiv12-desc { grid-column:1; } .aiv12-flow {grid-column:2; grid-row:1/4; align-self:center; margin:0;} .aiv12-roles { grid-column:1/-1; margin-top:18px;} } @media(max-width:700px){ .sober-home #ia .aiv12-intro > p:last-child {max-width:32ch; font-size:16px;} .aiv12-card { display:flex; padding:20px; } .aiv12-card h3 { font-size:36px; } .aiv12-top {margin-bottom:12px;} .aiv12-icon {width:50px;height:50px;} .aiv12-flow { margin:17px 0 14px; } .aiv12-roles{margin-top:0;} } /* B. Story ends - editorial next step instead of an interruptive CTA banner. */ html.has-js .sober-home .story-next-panel--inline, html.has-js:not(.gn93-reading) .sober-home .story-next-panel--inline, .sober-home .story-next-panel--inline { display:flex !important; align-items:center; justify-content:space-between; gap:20px 40px; padding:24px 0 32px; width:min(1110px,calc(100% - 2*clamp(24px,6vw,90px))); margin:0 auto 24px; border:0; border-top:1px solid color-mix(in srgb,var(--story-end-ink,#fff) 26%,transparent); border-radius:0; background:transparent; box-shadow:none; color:var(--story-end-ink,#fff); } .sober-home .story-next-panel--inline .story-next-copy span{font:700 10px/1.4 ui-monospace,Menlo,monospace; letter-spacing:.11em; color:var(--story-end-muted,#d8e5ed); margin-bottom:5px} .sober-home .story-next-panel--inline .story-next-copy strong{font:400 clamp(23px,2.5vw,33px)/1.1 Georgia,serif; color:var(--story-end-ink,#fff); letter-spacing:-.035em} .sober-home .story-next-panel--inline .sober-case-link { background:transparent!important; color:var(--story-end-ink,#fff)!important; font-weight:650; padding:10px 0; min-height:44px; border-radius:0; border-bottom:1px solid currentColor; box-shadow:none; white-space:nowrap; } .sober-home .story-next-panel--inline .sober-case-link:hover { opacity:.8; } .sober-home .story-next-panel--inline .sober-case-link:focus-visible{ outline:3px solid currentColor; outline-offset:4px; } .sober-home .story-next-panel--inline.story-next-panel--mh { --story-end-bg:#192e49; --story-end-ink:#ecf1fa; --story-end-muted:#bfcadb; } .sober-home .story-next-panel--inline.story-next-panel--mh .sober-case-link{color:#f5f9ff!important;} /* Existing upfront index and direct study links remain available; story-only CTAs move to the footer. */ .sober-home .has-project-brief > .project-brief .project-brief-link { display:none; } @media(max-width:720px){html.has-js .sober-home .story-next-panel--inline,.sober-home .story-next-panel--inline{align-items:flex-start; flex-direction:column; padding:22px 0 25px; gap:11px;width:calc(100% - 44px);} .sober-home .story-next-panel--inline .story-next-copy strong{font-size:26px;} } /* C. Progress indicators align with the story content's leading edge. */ @media(min-width:801px){ .sober-home .story-navigation>.client-story-position { left:clamp(26px,4vw,78px); } .sober-home #interface-en-contexte .sober-scene-controls .c103-control-row { padding-left:clamp(10px,2.4vw,45px); } } @media(max-width:800px){ .sober-home .story-navigation>.client-story-position {left:22px;} .sober-home #interface-en-contexte .sober-scene-controls .c103-control-row{padding-left:6px;} } /* D. Malakoff - research framing, traceable evidence and a concise journey wireflow. */ .mh2-case .mhv12-research {margin:0 auto; padding:clamp(38px,5vw,72px) 0 clamp(44px,5vw,76px);} .mhv12-research-header{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); column-gap:clamp(25px,5vw,72px); align-items:end;} .mhv12-research-header .mh2-label{grid-column:1/-1; margin-bottom:14px;} .mhv12-research-header h2{max-width:17ch; margin:0; color:#59382f; font:400 clamp(34px,4.1vw,61px)/1.08 Georgia,serif; letter-spacing:-.045em;} .mhv12-research-header>p:last-child{margin:0; max-width:54ch; color:#695a55; font:400 16px/1.7 -apple-system,BlinkMacSystemFont,Arial,sans-serif;} .mhv12-friction-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;margin:38px 0 32px;} .mhv12-friction-map article{display:flex;flex-direction:column;gap:0;padding:22px 24px; background:linear-gradient(150deg,#fff9f6,#fff); border:1px solid #eadbd6;border-radius:18px;box-shadow:0 11px 26px rgba(113,52,36,.045);} .mhv12-friction-map article>span{color:#b24c38;font:750 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.1em;} .mhv12-friction-map h3{font:400 clamp(24px,2.5vw,35px)/1.1 Georgia,serif;letter-spacing:-.03em;color:#553329;margin:12px 0 10px;} .mhv12-friction-map p{font:400 14px/1.55 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#695b57;margin:0;} .mhv12-friction-map article>div{margin-top:18px;padding-top:15px;border-top:1px solid #eee0dc;display:grid;gap:5px;} .mhv12-friction-map b{color:#b44c3b;font:750 9px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;} .mhv12-friction-map strong{color:#643a30;font:600 13px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif;} .mhv12-flow {border:1px solid #e8dbd5;background:#fbf7f5;padding:clamp(19px,3vw,34px);border-radius:20px;} .mhv12-flow-heading{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:end;margin-bottom:20px;} .mhv12-flow-heading>span{grid-column:1/-1;color:#b24d3d;font:750 10px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.1em;} .mhv12-flow-heading h3{margin:0;color:#56372d;font:400 clamp(24px,2.8vw,39px)/1.13 Georgia,serif;letter-spacing:-.032em;} .mhv12-flow-heading p{margin:0;color:#776761;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif;} .mhv12-flow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;} .mhv12-flow-track>div{position:relative;min-width:0;padding:16px;background:#fff;border:1px solid #e7d8d1;border-radius:12px;} .mhv12-flow-track>div:not(:last-child)::after{content:'›';position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;z-index:1;background:#b64d3d;color:white;border-radius:100%;font-size:20px;line-height:1;} .mhv12-flow-track small{display:block;color:#b54e3f;font:700 11px/1.4 ui-monospace,Menlo,monospace;margin-bottom:13px;} .mhv12-flow-track strong{display:block;color:#543c33;font:700 14px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;} .mhv12-flow-track span{display:block;margin-top:8px;color:#796b65;font:400 12px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif;} .mhv12-proofbar{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);margin-top:24px;padding-top:24px;border-top:1px solid #eee0db;} .mhv12-proofbar span{display:flex;align-items:baseline;gap:9px;color:#675c57;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif;} .mhv12-proofbar strong{font:400 35px/1 Georgia,serif;color:#8d3a2f;letter-spacing:-.04em;} .mh2-case .mh2-index {padding-bottom:36px;} /* Screens stay visible, but no giant gallery or 'new tab' visual target. */ .mh2-case .mh2-shot-viewport{height:clamp(340px,41vw,620px);overflow:hidden;background:#f7f8fa;} .mh2-case .mh2-shot-viewport img{width:100%;height:auto;display:block;object-fit:cover;object-position:top center;} .mh2-case .mh2-shot--mobile .mh2-shot-viewport{height:clamp(410px,45vw,620px);background:#faf8f6;} .mh2-case .mh2-shot--mobile .mh2-shot-viewport img{width:min(100%,430px);margin-inline:auto;} .mh2-case .mh2-media-support .mh2-shot-viewport{height:clamp(310px,31vw,430px);} .mh2-case .mh2-shot figcaption small{display:none;} @media(max-width:1380px){.mh2-case .mhv12-research{margin-inline:clamp(22px,4.2vw,60px);}} @media(max-width:900px){.mhv12-research-header{display:block}.mhv12-research-header h2{max-width:20ch;margin-bottom:17px}.mhv12-friction-map{gap:10px}.mhv12-friction-map article{padding:18px}.mhv12-friction-map h3{font-size:25px}.mhv12-flow-heading{display:block}.mhv12-flow-heading p{margin-top:8px}} @media(max-width:640px){.mhv12-friction-map{grid-template-columns:1fr;gap:10px;margin:25px 0}.mhv12-friction-map article{padding:19px}.mhv12-friction-map h3{font-size:28px}.mhv12-flow-track{grid-template-columns:1fr 1fr;gap:12px}.mhv12-flow-track>div:nth-child(2)::after{display:none}.mhv12-flow-heading h3{font-size:28px}.mhv12-proofbar{gap:11px;flex-wrap:wrap;justify-content:space-between}.mhv12-proofbar span{min-width:42%;gap:7px}.mhv12-proofbar strong{font-size:30px}.mh2-case .mh2-shot-viewport{height:390px}.mh2-case .mh2-shot--mobile .mh2-shot-viewport{height:480px}} /* E. Apple HIG-informed web approximation of a floating navigation material. */ body:is(.sober-home,.sober-case) .site-header .header-inner::before{ transition:background .30s ease,box-shadow .30s ease,border-color .30s ease,border-radius .30s ease,filter .30s ease; } body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{ border-color:rgba(255,255,255,.72); background:linear-gradient(110deg,rgba(255,255,255,.93),rgba(246,248,253,.88) 54%,rgba(255,255,255,.94)); box-shadow:0 14px 38px rgba(17,31,51,.19),inset 0 1px 0 rgba(255,255,255,.96),0 0 0 1px rgba(64,87,120,.05); -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%); } body:is(.sober-home,.sober-case) .site-header.is-v112-moving-down .header-inner::before{border-radius:19px;filter:saturate(1.04)} body:is(.sober-home,.sober-case) .site-header.is-v112-moving-up .header-inner::before{border-radius:22px;} body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled::after{content:'';position:absolute;z-index:-1;left:0;right:0;top:100%;height:14px;pointer-events:none;background:linear-gradient(to bottom,rgba(232,238,246,.16),transparent);-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent);} @media(max-width:800px){body:is(.sober-home,.sober-case) .site-header.is-v112-moving-down .header-inner::before{border-radius:18px}} @media(prefers-reduced-motion:reduce){body:is(.sober-home,.sober-case) .site-header .header-inner::before{transition:none!important;}} html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner::before{transition:none!important;} @media(prefers-reduced-transparency:reduce){body:is(.sober-home,.sober-case) .site-header .header-inner::before,body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}} @media(forced-colors:active){body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{background:Canvas;border:1px solid CanvasText;box-shadow:none;}} /* Precision pass: constrain the research frame inside narrow viewports. */ @media(max-width:1380px){ .mh2-case .mhv12-research{width:calc(100% - 2*clamp(22px,4.2vw,60px));margin-inline:auto;} } /* Keep the owner's brand name together on the home header, as on case-study pages. */ @media(max-width:480px){ body.sober-home .site-header .brand > span{width:auto;max-width:none;white-space:nowrap;font-size:11px;line-height:1.2;} body.sober-home .site-header .brand{flex:0 0 auto;} body.sober-home .site-header .desktop-nav{flex:1 1 83px;min-width:0;} } @media(max-width:360px){ body.sober-home .site-header .brand > span{font-size:10px;} body.sober-home .site-header .desktop-nav{flex-basis:70px;} } /* v113-ux-header-icons-and-joins.20261030.css */ /* V113 - restrained usability improvements on the validated V112 baseline. */ /* 1. Keep direct access to the studies, without repeating a detached row of links. Each project tile offers two distinct paths: immersive story and full case. */ body.sober-home .sober-project-heading nav.gn-direct-studies { display:none !important; } body.sober-home .sober-project-heading nav .project-index-item{ display:flex;flex-direction:column;min-width:0;position:relative; } @media(min-width:801px){ body.sober-home .sober-project-heading nav .project-index-item+.project-index-item{ border-left:1px solid #dce1e8; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{ flex:1;min-height:108px;padding:18px 13px 6px;border:0; transition:background .18s ease; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{ display:inline-flex;flex-direction:row;gap:7px;align-items:center;justify-content:flex-start; align-self:flex-start;width:auto;min-height:38px;max-width:calc(100% - 18px); margin:0 0 10px 84px;padding:5px 4px;border:0;border-radius:5px; background:transparent;color:#2548aa;text-decoration:underline;text-underline-offset:3px; font:650 12px/1.35 var(--sans,Arial,sans-serif);box-shadow:none; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study span{ font-size:15px;line-height:1; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study:hover{ background:transparent;color:#17367c; } body.sober-home .project-index-story-cue{ display:block;margin-top:7px;color:#677793; font:600 11px/1.35 var(--sans,Arial,sans-serif); } } @media(min-width:801px) and (max-width:1100px){ body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{margin-left:13px;} } @media(max-width:800px){ /* The existing mobile quick index already provides both choices. */ body.sober-home .sober-project-heading nav .project-index-item{display:none;} } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study:focus-visible{ outline:3px solid #3154ef;outline-offset:2px; } /* 2. Lucide outlines: real pictograms with one stroke language and no solid blocks. */ .sober-home #ia .aiv12-icon{ width:52px;height:52px;border-radius:15px; background:#f3f6fc;border:1px solid #dce5f2; color:#315bb0;box-shadow:none; } .sober-home #ia .aiv12-icon .aiv13-icon-svg{ display:block;width:25px;height:25px;flex:none; fill:none;stroke:currentColor;stroke-width:1.8; stroke-linecap:round;stroke-linejoin:round; } .sober-home #ia .aiv12-card{gap:0;} .sober-home #ia .aiv12-desc{max-width:40ch;line-height:1.52;} .sober-home #ia .aiv12-flow{margin:18px 0 17px;min-height:64px;} .sober-home #ia .aiv12-roles{margin-top:0;padding-top:14px;} .sober-home #ia .aiv12-grid{align-items:stretch;} @media(max-width:700px){ .sober-home #ia .aiv12-icon{width:47px;height:47px;} .sober-home #ia .aiv12-flow{margin:15px 0;} } /* 3. Repair margin-collapsing between the immersive sections. Flow-root contains the last child's margin inside its own painted section. */ body.sober-home main > :is(#malakoff-experience,#interface-en-contexte,#allianz-trade-pay,#apphalt-produit){ display:flow-root; } body.sober-home .story-next-panel--inline{margin-bottom:0 !important;} /* 4. Clean scroll-edge material: no decorative top white track or diffuse tail. */ body:is(.sober-home,.sober-case) .site-header .header-inner::before, body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{ background:rgba(248,250,253,.95) !important; border:1px solid rgba(72,96,130,.12) !important; box-shadow:0 9px 28px rgba(17,37,67,.13) !important; -webkit-backdrop-filter:blur(17px) saturate(135%); backdrop-filter:blur(17px) saturate(135%); transform:none !important; filter:none !important; } body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{ background:rgba(246,249,252,.96) !important; box-shadow:0 12px 29px rgba(17,37,67,.17) !important; } body:is(.sober-home,.sober-case) .site-header::after, body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled::after{ content:none !important;display:none !important; } body:is(.sober-home,.sober-case) .site-header .header-inner{ --liquid-header-y:0px;--liquid-header-stretch:1;--liquid-content-y:0px; transform:translate3d(0,var(--gn-header-elastic-y,0px),0) scaleY(var(--gn-header-elastic-stretch,1)); transform-origin:50% 15%; will-change:transform; } /* Move the whole bar as one body, not the background and controls independently. */ body:is(.sober-home,.sober-case) .site-header .header-inner > .brand, body:is(.sober-home,.sober-case) .site-header .project-switcher > summary, body:is(.sober-home,.sober-case) .site-header .desktop-nav > a, body:is(.sober-home,.sober-case) .site-header .header-actions{ transform:none !important; } @media(prefers-reduced-motion:reduce){ body:is(.sober-home,.sober-case) .site-header .header-inner{transform:none !important;will-change:auto;} } html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header .header-inner{ transform:none !important;will-change:auto; } @media(prefers-reduced-transparency:reduce){ body:is(.sober-home,.sober-case) .site-header .header-inner::before{ background:#f9fafc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; } } @media(forced-colors:active){ body:is(.sober-home,.sober-case) .site-header .header-inner::before{ background:Canvas!important;border:1px solid CanvasText!important;box-shadow:none!important; } } /* 5. Very subtle headline entrance. Essential copy is never hidden or delayed. */ @keyframes gn113-headline-arrival{ from{opacity:.72;filter:blur(2px);transform:translate3d(0,10px,0)} to{opacity:1;filter:blur(0);transform:translate3d(0,0,0)} } @media(prefers-reduced-motion:no-preference){ html.has-js:not(.motion-reduced):not(.gn93-reading) body.sober-home .hero79-copy h1 > span{ animation:gn113-headline-arrival .62s cubic-bezier(.18,.8,.2,1) both; } html.has-js:not(.motion-reduced):not(.gn93-reading) body.sober-home .hero79-copy h1 > em{ animation:gn113-headline-arrival .74s cubic-bezier(.18,.8,.2,1) .08s both; } } /* The first child of the light career block also had a collapsing top margin. */ body.sober-home main > #parcours{display:flow-root;} /* Reveal the career content, not its full-color section background. Moving the entire section created a visible 24px white seam before it entered view. */ body.sober-home #parcours{transform:none!important;opacity:1!important;} /* v115-final-polish.20261030.css */ :root{ --c115-shadow-soft:0 18px 48px rgba(17,24,39,.08); --c115-line:rgba(87,99,122,.16); --c115-card-bg:rgba(255,255,255,.72); } body.sober-home{--page-shell:#f5f6f8;--header-tint:rgba(247,249,252,.72);--glass-border:rgba(184,193,209,.62);--glass-ink:#1b2432} body.v105-malakoff-humanis{--page-shell:#fff4ef;--header-tint:rgba(255,244,239,.78);--glass-border:rgba(210,170,158,.55);--glass-ink:#4c2b24;--case-accent:#8f3b31;--case-accent-soft:#f9e3da} body.v105-cetelem{--page-shell:#f2f7ef;--header-tint:rgba(242,247,239,.78);--glass-border:rgba(173,197,169,.56);--glass-ink:#233221;--case-accent:#2d6a38;--case-accent-soft:#dff0e1} body.v105-allianz-trade-pay{--page-shell:#edf4fb;--header-tint:rgba(237,244,251,.78);--glass-border:rgba(164,188,214,.58);--glass-ink:#18304d;--case-accent:#23507d;--case-accent-soft:#dfeaf7} body.v105-apphalt{--page-shell:#f4f3fb;--header-tint:rgba(244,243,251,.76);--glass-border:rgba(187,182,222,.54);--glass-ink:#261f46;--case-accent:#6b58d3;--case-accent-soft:#e9e6ff} body.sober-case, body.sober-home, body.sober-home main, body.sober-case main, body.sober-case .v105-case-hero, body.sober-case .mh2-hero{background:var(--page-shell,#fff)} .site-header{position:sticky;top:10px;z-index:70;background:transparent;border:0;padding:12px 0 10px;backdrop-filter:none;-webkit-backdrop-filter:none} .site-header .header-inner{position:relative;min-height:74px;height:auto;padding:0 22px;border:1px solid var(--glass-border,rgba(190,198,210,.6));border-radius:30px;background:var(--header-tint,rgba(255,255,255,.76));box-shadow:var(--c115-shadow-soft), inset 0 1px 0 rgba(255,255,255,.56), inset 0 -1px 0 rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);overflow:hidden} .site-header .header-inner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.14) 44%,rgba(255,255,255,.08));pointer-events:none} .site-header .header-inner>*{position:relative;z-index:1} .brand span,.desktop-nav>a,.header-cv,.header-linkedin{color:var(--glass-ink,#172130)} .desktop-nav{gap:26px} .desktop-nav>a{font-weight:550} .desktop-nav>a[aria-current],.desktop-nav>a:hover{color:var(--case-accent,var(--blue));text-decoration:none} .header-actions{gap:12px} .header-linkedin,.header-cv{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(125,137,156,.22);background:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.45);font-weight:600} .header-linkedin:hover,.header-cv:hover{background:rgba(255,255,255,.62)} .header-linkedin .icon,.header-cv .icon{width:13px} .header-cv{background:rgba(255,255,255,.58)} .language-switch{padding:4px;background:rgba(255,255,255,.38);border-color:rgba(125,137,156,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.36)} .language-switch a[aria-current]{background:var(--case-accent,#a44035);color:#fff} .mobile-menu nav .header-linkedin,.mobile-menu nav .header-cv{display:flex;width:max-content;margin-top:4px} /* White strip removal and project hero balance */ body.sober-case .v105-case-hero, body.sober-case .mh2-hero{padding-top:18px;margin-top:0} body.sober-case .back-link{margin-top:4px} body.sober-case .v105-case-section, body.sober-case .mh2-case-body section, body.sober-case .mh2-conclusion{scroll-margin-top:110px} /* Summary card clarity */ .case-facts{margin-top:34px;border:1px solid rgba(123,96,87,.14);border-radius:24px;overflow:hidden;background:rgba(127,108,97,.12)} .case-facts>div{position:relative;display:flex;flex-direction:column;gap:10px;min-height:132px;padding:22px 22px 20px;background:rgba(255,255,255,.68)} .case-facts>div::before{content:"";width:42px;height:42px;border-radius:14px;background:var(--case-accent-soft,#eef1f7);display:block;margin-bottom:4px;background-repeat:no-repeat;background-position:center;background-size:20px 20px} .case-facts dt{display:flex;align-items:center;gap:10px;font:700 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(80,61,57,.84)} .case-facts dd{margin:0;font:500 clamp(17px,1.8vw,22px)/1.35 var(--sans);color:var(--glass-ink,#252525);max-width:24ch} .mh2-facts>div:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E")} .mh2-facts>div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")} .mh2-facts>div:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")} .mh2-facts>div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12l3 3 7-7'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")} body.v105-cetelem .case-facts>div::before{background-color:var(--case-accent-soft)} body.v105-cetelem .case-facts>div:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E")} body.v105-cetelem .case-facts>div:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")} body.v105-cetelem .case-facts>div:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")} body.v105-cetelem .case-facts>div:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12l3 3 7-7'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E")} .case-study-summary{gap:18px;margin-top:18px} .case-study-summary article{position:relative;padding:22px 22px 22px 78px;border-radius:22px;border:1px solid rgba(123,96,87,.14);background:rgba(255,255,255,.74);box-shadow:0 12px 32px rgba(77,47,39,.06)} .case-study-summary article::before{content:"";position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:12px;background:var(--case-accent-soft,#edf2fb);background-repeat:no-repeat;background-position:center;background-size:18px 18px} .case-study-summary article span{font:700 11px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(87,67,59,.84)} .case-study-summary article strong{display:block;margin-top:10px;font:600 clamp(24px,2.2vw,30px)/1.08 var(--sans);color:var(--glass-ink,#252525)} .case-study-summary article p{margin-top:12px;color:#5b5756} .mh2-summary article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l2.5 2.5'/%3E%3C/svg%3E")} .mh2-summary article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h10M4 18h13'/%3E%3C/svg%3E")} .mh2-summary article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238f3b31' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")} body.v105-cetelem .case-study-summary article::before{background-color:var(--case-accent-soft)} body.v105-cetelem .case-study-summary article:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18'/%3E%3Cpath d='M7 3v8'/%3E%3Cpath d='M17 13v8'/%3E%3Cpath d='M12 10l4 4-4 4'/%3E%3C/svg%3E")} body.v105-cetelem .case-study-summary article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='m13 5 7 7-7 7'/%3E%3C/svg%3E")} body.v105-cetelem .case-study-summary article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d6a38' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")} /* Research / friction blocks */ .mhv12-friction-map article{padding:22px;border-radius:22px;border:1px solid rgba(143,59,49,.16);background:rgba(255,255,255,.74);box-shadow:0 10px 28px rgba(77,47,39,.05)} .mhv12-friction-map article span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--case-accent-soft);color:var(--case-accent);font:700 12px/1 var(--sans);margin-bottom:14px} .mhv12-friction-map article h3{margin-top:0} .mhv12-flow,.mhv12-proofbar{border-radius:24px} .mhv12-flow{border:1px solid rgba(143,59,49,.14);background:rgba(255,255,255,.72);padding:24px} .mhv12-flow-track>div{background:#fff;border:1px solid rgba(143,59,49,.12);border-radius:18px;padding:18px 16px;box-shadow:0 8px 24px rgba(77,47,39,.05)} .mhv12-proofbar{background:linear-gradient(135deg,#9a4034,#7d342a);box-shadow:0 14px 34px rgba(124,54,43,.16)} .mhv12-proofbar span{color:#fffaf8} .mhv12-proofbar strong{display:block;font-size:28px;line-height:1} /* Case CTA / story panel stronger block */ html.has-js .sober-home .story-next-panel--inline, .sober-home .story-next-panel--inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 26px;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(16,23,41,.14)} .sober-home .story-next-panel--inline .sober-case-link{justify-self:end;padding:12px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;white-space:nowrap} .sober-home .story-next-panel--inline .sober-case-link:hover{background:rgba(255,255,255,.2)!important} .sober-home .story-next-panel--inline .story-next-copy strong{max-width:16ch} /* Cetelem real boards */ .c115-source-gallery{margin:24px auto 52px;max-width:1280px;padding:0 32px} .c115-gallery-head{max-width:860px;margin:0 0 20px} .c115-gallery-head .case-section-label{margin-bottom:8px} .c115-gallery-head h2{font:400 clamp(34px,4.5vw,56px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:0;color:var(--glass-ink,#263426)} .c115-gallery-head p{margin:14px 0 0;color:#48514c;font-size:17px;line-height:1.65} .c115-source-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .c115-source-card{margin:0;border:1px solid rgba(60,96,68,.14);border-radius:24px;background:rgba(255,255,255,.78);padding:16px;box-shadow:0 14px 34px rgba(47,70,45,.08)} .c115-source-card img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(60,96,68,.1);background:#fff} .c115-source-card figcaption{padding:14px 4px 4px;color:#455348;font-size:14px;line-height:1.55} .c115-source-card strong{display:block;color:#1e3021;font-size:17px;margin-bottom:6px} /* Case exits softer card feeling */ .v105-case-exits{margin-top:42px;padding:22px 26px;border:1px solid rgba(98,111,128,.16);border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 12px 32px rgba(20,26,40,.06)} .v105-case-exits a{font-weight:600} @media (max-width:1100px){ .header-linkedin{display:none} .case-facts>div{min-height:118px} } @media (max-width:900px){ .site-header{top:0;padding:0} .site-header .header-inner{min-height:66px;border-radius:0;border-left:0;border-right:0;box-shadow:none} .desktop-nav{display:none} .header-actions{margin-left:auto} .case-facts,.case-study-summary,.c115-source-gallery-grid{grid-template-columns:1fr!important} .c115-source-gallery{padding:0 20px} html.has-js .sober-home .story-next-panel--inline,.sober-home .story-next-panel--inline{grid-template-columns:1fr;padding:22px} .sober-home .story-next-panel--inline .sober-case-link{justify-self:start} } @media (max-width:720px){ .header-cv{padding:0 12px} .case-facts>div,.case-study-summary article,.mhv12-friction-map article,.mhv12-flow,.c115-source-card,.v105-case-exits{padding:18px} .case-study-summary article{padding-left:74px} .case-study-summary article strong{font-size:24px} .mhv12-proofbar strong{font-size:24px} } /* v116 — focused adjustments requested on the validated v115 baseline. */ /* Header: one quiet LinkedIn icon, no PDF action, and no grey band beneath. */ body.sober-home{background:#fff} .site-header .header-cv, .site-header .gn-menu-cv{display:none!important} .site-header .header-linkedin{ width:44px; min-width:44px; padding:0; justify-content:center; font-size:0; color:var(--glass-ink,#172130); } .site-header .header-linkedin::before{ content:""; width:17px; height:17px; background:currentColor; -webkit-mask:url("/assets/images/icon-linkedin.svg?v=20261030-v117a") center/contain no-repeat; mask:url("/assets/images/icon-linkedin.svg?v=20261030-v117a") center/contain no-repeat; } .site-header .header-linkedin .icon{display:none} @media(max-width:1100px){.site-header .header-linkedin{display:inline-flex}} /* The low-fi reimbursement view reserves the future icon without revealing it. */ #malakoff-experience .mh9-care-icon{ border:1px solid #9fb0b9; border-radius:7px; background:#dfe6e9; box-shadow:inset 0 0 0 3px #edf1f3; } #malakoff-experience .mh9-care-icon img{ opacity:var(--care-icon-detail,1); transition:opacity .18s linear; } #malakoff-experience[data-mh3-phase="3"] .mh9-care-icon img{opacity:0!important} /* Keep the full study available alongside each immersive story. */ body.sober-home .sober-project-heading .project-index-study, body.sober-home .sober-project-heading .gn-quick-study{display:inline-flex!important} @media(min-width:801px){ body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{ min-height:132px; padding-bottom:18px; } } @media(max-width:800px){ body.sober-home .gn-quick-actions{justify-content:flex-end} body.sober-home .gn-quick-actions .gn-quick-story{font-weight:650} } /* End-of-story access: a compact glass panel, visible without competing with the story. */ html.has-js .sober-home .story-next-panel--inline, html.has-js:not(.gn93-reading) .sober-home .story-next-panel--inline, .sober-home .story-next-panel--inline{ width:min(1080px,calc(100% - 2*clamp(22px,5vw,72px))); margin:18px auto 28px!important; padding:17px 18px 17px 20px; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:rgba(255,255,255,.1); box-shadow:0 14px 34px rgba(7,19,36,.13),inset 0 1px 0 rgba(255,255,255,.14); -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%); } .sober-home .story-next-panel--inline .story-next-copy span{ margin-bottom:3px; font-size:9px; opacity:.82; } .sober-home .story-next-panel--inline .story-next-copy strong{ max-width:none; font-size:clamp(20px,1.8vw,26px); letter-spacing:-.025em; } .sober-home .story-next-panel--inline .sober-case-link{ min-height:42px; padding:0 15px!important; border:1px solid rgba(255,255,255,.26)!important; border-radius:999px!important; background:rgba(255,255,255,.12)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important; text-decoration:none; font-size:12px; } .sober-home .story-next-panel--inline .sober-case-link:hover{ background:rgba(255,255,255,.2)!important; opacity:1; } @media(max-width:720px){ html.has-js .sober-home .story-next-panel--inline, .sober-home .story-next-panel--inline{ width:calc(100% - 32px); padding:16px; gap:12px; border-radius:18px; } .sober-home .story-next-panel--inline .story-next-copy strong{font-size:22px} } /* AI practice: one idea and one responsibility split per card. */ .sober-home #ia .aiv12-intro{margin-bottom:24px} .sober-home #ia .aiv12-grid{gap:14px} .sober-home #ia .aiv12-card{ padding:24px; border-radius:22px; box-shadow:0 12px 30px rgba(30,51,88,.045); } .sober-home #ia .aiv12-card::after{display:none} .sober-home #ia .aiv12-top{margin-bottom:12px} .sober-home #ia .aiv12-icon{width:44px;height:44px;border-radius:14px} .sober-home #ia .aiv12-icon .aiv13-icon-svg{width:21px;height:21px} .sober-home #ia .aiv12-card h3{ margin-bottom:8px; font-size:clamp(30px,2.7vw,39px); } .sober-home #ia .aiv12-desc{ min-height:3.1em; font-size:14px; line-height:1.55; } .sober-home #ia .aiv14-flow{display:none} .sober-home #ia .aiv12-roles{ display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:22px; padding-top:0; border:1px solid #e1e8f2; border-radius:16px; overflow:hidden; background:#f8faff; } .sober-home #ia .aiv12-roles>div{ padding:13px 14px; border:0; border-radius:0; background:transparent; } .sober-home #ia .aiv12-roles>div+div{border-left:1px solid #e1e8f2} .sober-home #ia .aiv14-role-label{margin-bottom:5px} .sober-home #ia .aiv12-roles strong{font-size:12px;line-height:1.4} .sober-home #ia .aiv14-note{ margin-top:13px; font-size:12px; } @media(max-width:700px){ .sober-home #ia .aiv12-card{padding:20px} .sober-home #ia .aiv12-card h3{font-size:34px} .sober-home #ia .aiv12-desc{min-height:0} .sober-home #ia .aiv12-roles{grid-template-columns:1fr;margin-top:18px} .sober-home #ia .aiv12-roles>div+div{border-left:0;border-top:1px solid #e1e8f2} } /* Footer language state returns to the portfolio blue. */ .site-footer .language-switch a[aria-current]{background:#3154ef;color:#fff} /* v117 — visual synthesis after the full portfolio review. */ body:is(.sober-home,.sober-case) .site-header .header-inner{ overflow:visible; background:color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 74%,transparent); border-color:rgba(170,185,207,.54); -webkit-backdrop-filter:blur(24px) saturate(145%); backdrop-filter:blur(24px) saturate(145%); } body:is(.sober-home,.sober-case) .site-header .header-inner::before, body:is(.sober-home,.sober-case) .site-header.is-v112-scrolled .header-inner::before{ background:linear-gradient(155deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 55%,rgba(255,255,255,.12))!important; border:0!important; border-radius:inherit; box-shadow:inset 0 1px rgba(255,255,255,.63),inset 0 -1px rgba(255,255,255,.14)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } body:is(.sober-home,.sober-case) .site-header .project-switcher[open] .project-switch-panel{z-index:90} .sober-home #hero-title:focus-visible{outline:0;box-shadow:-4px 0 #3154ef} @media(prefers-reduced-transparency:reduce){ body:is(.sober-home,.sober-case) .site-header .header-inner{background:#f8faff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} } .site-header .header-linkedin{display:grid;place-items:center;gap:0;width:44px;height:44px;min-height:44px} .site-header .header-linkedin::before{width:19px;height:19px} body.sober-home .project-brief{padding-block:62px 38px} body.sober-home #allianz-trade-pay[data-at125]>.project-brief{padding-block:62px 38px} @media(max-width:800px){body.sober-home .project-brief,body.sober-home #allianz-trade-pay[data-at125]>.project-brief{padding-block:38px 24px}} .sober-home .story-next-panel--inline{margin-bottom:52px!important} @media(max-width:720px){.sober-home .story-next-panel--inline{margin-bottom:36px!important}} /* Recruitment story: quick proof, readable supporting detail. */ .at2-case .case-study-summary{display:none} .at2-case .at124-facts>div::before{display:none} .at2-case .at124-facts>div{min-height:94px;padding:18px 20px} .at2-case .at124-research{ margin:38px 0 0; border-radius:24px 24px 0 0; border-bottom:0; } .at2-case .at2-context{margin-top:0} .at2-case .at2-context::before{ inset:50% -320px auto auto; width:640px;height:640px; transform:translateY(-50%); border-color:rgba(169,206,255,.20); box-shadow:none; } .sober-home #allianz-trade-pay :is(.ap-eyebrow,.ap-footer,.ap-caption){ font-size:max(12px,1em); color:#476171; } .sober-home #allianz-trade-pay .ap-footer>span:last-child{color:#476171} .sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] .ap-order strong{color:#f5f9ff} .sober-home #allianz-trade-pay .ap-art[data-ap-phase="0"] :is(.ap-eyebrow,.ap-eyebrow b,.ap-footer,.ap-footer>span:last-child){color:#c3d7e3} .sober-home #cetelem-contexte .sober-cetelem-metric, .sober-home #cetelem-contexte #cetelem-concevoir, .sober-home #cetelem-contexte .sober-inline-link, .sober-home #cetelem-contexte .sober-kicker{display:none} .sober-home #cetelem-contexte.sober-cetelem-end{min-height:0;height:0;padding:0;overflow:hidden} @media(prefers-reduced-motion:reduce){.sober-home #cetelem-contexte.sober-cetelem-end{height:auto;overflow:visible}} .sober-home #cetelem-contexte.sober-cetelem-end>div{display:none} /* Editorial labels belong to the same type system as the rest of the page. */ .sober-home #ia .aiv12-intro>p:last-child{display:none} .sober-home #ia :is(.aiv12-step,.aiv14-role-label){ font-family:var(--sans,Arial,sans-serif); font-size:12px; font-weight:650; letter-spacing:0; text-transform:none; } .sober-home #ia .aiv12-roles strong{font-size:13px} /* AppHalt: the observed apps travel toward the two design decisions. */ .sober-home #apphalt-produit[data-ah-native] .ah-observation-app--foreground{ transform:translate3d(calc(var(--ah-bridge,0)*-2%),calc(var(--ah-bridge,0)*-42px),0) scale(calc(1 - var(--ah-bridge,0)*.035)); } .sober-home #apphalt-produit[data-ah-native] .ah-observation-app--background{ transform:translate3d(calc(var(--ah-bridge,0)*-9%),calc(var(--ah-bridge,0)*-70px),0) scale(calc(1 - var(--ah-bridge,0)*.035)); } .sober-home #apphalt-produit[data-ah-native] .ah-research-keep{ transform:translate3d(calc((1 - var(--ah-bridge,1))*-14px),calc((1 - var(--ah-bridge,1))*42px),0) scale(calc(.965 + var(--ah-bridge,1)*.035)); } .sober-home #apphalt-produit[data-ah-native] .ah-research-control{ transform:translate3d(calc((1 - var(--ah-bridge,1))*22px),calc((1 - var(--ah-bridge,1))*70px),0) scale(calc(.965 + var(--ah-bridge,1)*.035)); } .sober-home #apphalt-produit[data-ah-native] .ah-research-avoid, .sober-home #apphalt-produit[data-ah-native] .ah-research-answer{ opacity:calc(var(--ah-research-o,0)*var(--ah-third,0)); } @media(prefers-reduced-motion:reduce){ .sober-home #apphalt-produit[data-ah-native] :is(.ah-observation-app,.ah-research-card){transform:none} } /* Project links land edge to edge. Reserve the floating header's height inside each introduction, so the logo stays in place while the new colour fills the viewport behind the header. */ body.sober-home .has-project-brief>.project-brief, body.sober-home #allianz-trade-pay[data-at125]>.project-brief{ padding-top:calc(62px + var(--gn-header-height,92px)); } @media(max-width:800px){ body.sober-home .has-project-brief>.project-brief, body.sober-home #allianz-trade-pay[data-at125]>.project-brief{ padding-top:calc(38px + var(--gn-header-height,76px)); } } @media(max-width:340px){ body.sober-home .site-header .header-inner{padding-inline:3px;gap:3px} body.sober-home .site-header .brand{gap:4px} body.sober-home .site-header .project-switcher summary{padding-inline:1px} body.sober-home .site-header .project-switcher summary svg{width:11px;height:11px;flex:0 0 11px} } /* A single, findable return control at the end of the long home page. */ body.sober-home .site-footer{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:22px 32px; padding-block:28px 36px; } body.sober-home .site-footer>.gn99-footer-top{ grid-column:1/-1; justify-self:end; display:inline-flex; align-items:center; gap:18px; min-height:48px; padding:5px 9px 5px 18px; border:1px solid #ccd7e9; border-radius:999px; background:#f5f7ff; color:#193a78; font:600 13px/1.2 var(--sans); text-decoration:none; transition:background-color .2s,border-color .2s,transform .2s; } body.sober-home .site-footer>.gn99-footer-top:hover{ background:#e9eeff; border-color:#9eafe8; transform:translateY(-2px); } body.sober-home .site-footer>.gn99-footer-top span{ display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#3154ef; color:#fff; font-size:17px; line-height:1; } body.sober-home .site-footer>.footer-links{margin-top:0} @media(max-width:800px){ body.sober-home .site-footer{grid-template-columns:1fr;gap:18px} body.sober-home .site-footer>.gn99-footer-top{justify-self:start} body.sober-home .site-footer>.footer-links{grid-column:1;justify-content:flex-start} } @media(prefers-reduced-motion:reduce){ body.sober-home .site-footer>.gn99-footer-top{transition:none} body.sober-home .site-footer>.gn99-footer-top:hover{transform:none} } /* V129: native project carousel and optically centred LinkedIn mark. */ .site-header .header-linkedin{ display:flex; align-items:center; justify-content:center; gap:0; font-size:0; line-height:0; } .site-header .header-linkedin::before{ display:block; flex:0 0 17px; width:17px; height:17px; -webkit-mask-image:url("/assets/images/icon-linkedin-outline.svg"); mask-image:url("/assets/images/icon-linkedin-outline.svg"); } @media(max-width:800px){ body.sober-home .sober-project-heading nav.gn-quick-index{display:none} body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies){ display:flex; flex-wrap:nowrap; gap:12px; width:100%; max-width:none; padding:3px 1px 11px; border:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scroll-padding-inline:1px; scrollbar-width:thin; -webkit-overflow-scrolling:touch; } body.sober-home .sober-project-heading nav:not(.gn-quick-index):not(.gn-direct-studies):focus-visible{ outline:3px solid #3154ef; outline-offset:3px; border-radius:12px; } body.sober-home .sober-project-heading nav .project-index-item{ display:flex; flex:0 0 max(220px,66%); flex-direction:column; min-width:0; min-height:150px; margin:0; border:1px solid #dce3ed; border-radius:17px; background:#fff; box-shadow:0 7px 22px rgba(28,45,77,.055); scroll-snap-align:start; overflow:hidden; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{ display:grid; grid-template-columns:43px minmax(0,1fr) 15px; gap:10px; align-items:center; flex:1; width:100%; min-height:100px; margin:0; padding:15px 13px 9px; border:0!important; border-radius:0; background:transparent; box-shadow:none; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link .project-entry-mark{ width:42px; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{ display:inline-flex!important; flex:none; flex-direction:row; align-items:center; align-self:flex-start; gap:5px; width:auto; min-height:44px; margin:0 0 4px 66px; padding:4px 2px; border:0!important; border-radius:4px; background:transparent; box-shadow:none; color:#2548aa; font:650 12px/1.3 var(--sans,Arial,sans-serif); text-decoration:underline; text-underline-offset:3px; scroll-snap-align:none; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study span{ display:inline-flex; align-items:center; } body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study svg{ display:block; width:13px; height:13px; fill:currentColor; } body.sober-home .sober-project-heading .selection-controls{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:7px; } } @media(max-width:359px){ body.sober-home .sober-project-heading nav .project-index-item>a.project-index-link{grid-template-columns:36px minmax(0,1fr) 12px;gap:8px;padding-inline:10px} body.sober-home .sober-project-heading nav .project-index-item>a.project-index-study{margin-left:54px} body.sober-home .site-header .header-inner{gap:5px;padding-inline:5px} body.sober-home .site-header .brand{gap:4px} body.sober-home .site-header .brand > span{display:block;width:38px;max-width:38px;white-space:normal;font-size:10px;line-height:1.05} body.sober-home .site-header .brand img{width:24px} body.sober-home .site-header .desktop-nav{flex:0 0 74px;min-width:0} body.sober-home .site-header .header-actions{gap:4px} body.sober-home .site-header .project-switcher summary.has-project-identity{gap:2px} body.sober-home .site-header .project-switcher .project-switch-identity{gap:2px} body.sober-home .site-header .project-switcher summary.has-project-identity svg{width:8px;height:8px;flex:0 0 8px} body.sober-home .site-header[data-project-theme] .project-switch-identity img{max-width:62px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:22px;height:22px} body.sober-home .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:10px} } /* One quiet route from each client story to its detailed project page. */ html.has-js .sober-home .story-next-panel--compact, html.has-js:not(.gn93-reading) .sober-home .story-next-panel--compact, .sober-home .story-next-panel--compact{ display:block; padding:0; margin:16px auto 48px!important; border:1px solid rgba(255,255,255,.17); border-radius:18px; background:rgba(255,255,255,.065); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; } .sober-home .story-next-panel--compact .story-next-link{ display:flex; box-sizing:border-box; width:100%; align-items:center; justify-content:space-between; gap:18px; min-height:72px; padding:12px 17px 12px 20px; border-radius:inherit; color:#f7faff; text-decoration:none; transition:background-color .2s ease; } .sober-home .story-next-panel--compact .story-next-link:hover{background:rgba(255,255,255,.075)} .sober-home .story-next-panel--compact .story-next-link:focus-visible{outline:3px solid #b9d4ff;outline-offset:3px} .sober-home .story-next-panel--compact .story-next-copy{display:flex;flex-direction:column;gap:3px;min-width:0} .sober-home .story-next-panel--compact .story-next-copy span{ margin:0; color:rgba(247,250,255,.68); font:650 10px/1.2 var(--sans,Arial,sans-serif); letter-spacing:.11em; text-transform:uppercase; } .sober-home .story-next-panel--compact .story-next-copy strong{ color:inherit; font:600 16px/1.3 var(--sans,Arial,sans-serif); letter-spacing:0; } .sober-home .story-next-panel--compact .story-next-link svg{ box-sizing:border-box; flex:0 0 36px; width:36px; height:36px; padding:10px; border:1px solid rgba(255,255,255,.22); border-radius:50%; fill:currentColor; } @media(max-width:720px){ html.has-js .sober-home .story-next-panel--compact, .sober-home .story-next-panel--compact{width:calc(100% - 32px);padding:0;margin-bottom:36px!important} .sober-home .story-next-panel--compact .story-next-link{min-height:68px;padding:10px 13px 10px 15px} .sober-home .story-next-panel--compact .story-next-copy strong{font-size:15px} } @media(prefers-reduced-motion:reduce){.sober-home .story-next-panel--compact .story-next-link{transition:none}} html:is(.motion-reduced,.gn93-reading) .sober-home .story-next-panel--compact .story-next-link{transition:none} /* Font Awesome's LinkedIn mark, without a second square inside the round button. */ .site-header .header-linkedin::before{ flex:0 0 16px; width:16px; height:18px; -webkit-mask:url("/assets/images/icon-linkedin-fa.svg") center/contain no-repeat; mask:url("/assets/images/icon-linkedin-fa.svg") center/contain no-repeat; transform:translateY(1px); opacity:.82; } .site-header .header-linkedin:hover::before{opacity:1} /* v120-case-visual-coherence.20261030.css */ /* Case studies: restore the actual page identities and keep their shared UI quiet. */ body.sober-case.at97-detail{ --header-tint:rgba(237,244,251,.78); --glass-border:rgba(164,188,214,.58); --glass-ink:#18304d; --case-accent:#003781; --case-accent-soft:#dfeaf7; } body.sober-case.case-apphalt{ --header-tint:rgba(238,245,253,.78); --glass-border:rgba(163,190,222,.58); --glass-ink:#182b45; --case-accent:#1764c8; --case-accent-soft:#e7f1fc; } /* In-page links focus headings for reading; only controls need a focus ring. */ body.sober-case :is(main,section,h1,h2,h3)[tabindex="-1"]:focus-visible{ outline:none; box-shadow:none; } /* AppHalt's three facts are a complete band, not isolated cards with empty badges. */ body.sober-case.case-apphalt .case-facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; width:100%; padding:0; margin-top:30px; overflow:hidden; border:1px solid #c9d9e9; border-radius:20px; background:#f3f8fd; } body.sober-case.case-apphalt .case-facts>div{ min-width:0; min-height:104px; padding:22px 26px; gap:8px; background:transparent; } body.sober-case.case-apphalt .case-facts>div+div{border-left:1px solid #c9d9e9} body.sober-case.case-apphalt .case-facts>div::before{display:none} body.sober-case.case-apphalt .case-facts dt{ margin:0; color:#426181; font-size:11px; letter-spacing:.09em; } body.sober-case.case-apphalt .case-facts dd{ margin:0; color:#173658; font-size:16px; font-weight:600; line-height:1.35; } /* The research and product context share the same outside edge. */ body.sober-case.at97-detail .at124-research{ width:100%; max-width:none; } /* The delivered result uses a dark panel, so its heading must remain light. */ body.sober-case.at97-detail .at2-result h2#at122-result-title{color:#f7fbff} /* Source boards should be readable as previews and available at full size. */ body.sober-case.v105-cetelem .c115-source-card a{ display:block; position:relative; overflow:hidden; border:1px solid rgba(60,96,68,.15); border-radius:16px; background:#eef4ee; } body.sober-case.v105-cetelem .c115-gallery-head h2[id]{scroll-margin-top:150px} body.sober-case.v105-cetelem .c115-source-card a img{ width:100%; height:clamp(250px,31vw,380px); object-fit:cover; object-position:center top; border:0; border-radius:0; transition:transform .3s ease; } body.sober-case.v105-cetelem .c115-source-card a:hover img{transform:scale(1.025)} body.sober-case.v105-cetelem .c115-source-card a span{ position:absolute; right:12px; bottom:12px; padding:8px 11px; border:1px solid #c7dac9; border-radius:999px; background:rgba(255,255,255,.94); color:#20572b; font:700 12px/1.2 var(--sans); box-shadow:0 3px 12px rgba(15,51,23,.1); } @media(prefers-reduced-motion:reduce){ body.sober-case.v105-cetelem .c115-source-card a img{transition:none} body.sober-case.v105-cetelem .c115-source-card a:hover img{transform:none} } /* A compact, project-colored end point instead of a generic blue floating box. */ body.sober-case .v105-case-exits{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px 24px; padding:16px 22px; border:1px solid color-mix(in srgb,var(--case-accent,#3154ef) 22%,white); border-radius:18px; background:color-mix(in srgb,var(--case-accent,#3154ef) 4%,white); box-shadow:none; color:var(--case-accent,#3154ef); } body.sober-case .v105-case-exits>div{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 18px; } body.sober-case .v105-case-exits a{ display:inline-flex; align-items:center; min-height:44px; color:inherit; text-underline-offset:4px; } body.sober-case .v105-case-exits>a:last-child{justify-self:end} @media(max-width:850px){ body.sober-case .v105-case-exits{grid-template-columns:1fr;gap:2px;padding:15px 20px} body.sober-case .v105-case-exits>div{justify-content:flex-start} body.sober-case .v105-case-exits>a:last-child{justify-self:start} } @media(max-width:600px){ body.sober-case.case-apphalt .case-facts{grid-template-columns:1fr;margin-top:25px} body.sober-case.case-apphalt .case-facts>div{min-height:0;padding:15px 18px;gap:4px} body.sober-case.case-apphalt .case-facts>div+div{border-left:0;border-top:1px solid #c9d9e9} body.sober-case.case-apphalt .case-facts dd{font-size:15px} body.sober-case.v105-cetelem .c115-source-card a img{height:260px} } /* v129-case-mh-cetelem.20261030.css */ /* Focused case-study repairs: readable evidence and consistent editorial edges. */ body.v105-malakoff-humanis .mh2-case .mh2-container{ width:min(1280px,calc(100% - 2 * clamp(22px,4.2vw,60px))); margin-inline:auto; box-sizing:border-box; } body.v105-malakoff-humanis .mh2-case .mh2-hero .mh2-container{width:min(1280px,100%)} body.v105-malakoff-humanis .mh2-case :is(.mh2-index,.mh2-conclusion,.mhv12-research){margin-inline:auto} body.v105-malakoff-humanis .mh2-case{overflow:visible} body.v105-malakoff-humanis .site-header .header-inner{ background:rgba(255,249,247,.94); -webkit-backdrop-filter:blur(24px) saturate(120%); backdrop-filter:blur(24px) saturate(120%); } body.v105-malakoff-humanis .mh2-case .mh2-shot{ overflow:visible; box-shadow:0 16px 38px rgba(80,47,35,.09); } body.v105-malakoff-humanis .mh2-case .mh2-shot-viewport, body.v105-malakoff-humanis .mh2-case .mh2-shot-link{display:block;border-radius:18px 18px 0 0;cursor:zoom-in} body.v105-malakoff-humanis .mh2-case .mh2-shot img{ border-radius:0; box-shadow:none; } body.v105-malakoff-humanis .mh2-case .mh2-shot figcaption{justify-content:space-between} body.v105-malakoff-humanis .mh2-case .mh2-shot figcaption::after{ content:"Agrandir"; color:#9c493d; font:700 11px/1.4 var(--sans,Arial,sans-serif); } html[lang="en"] body.v105-malakoff-humanis .mh2-case .mh2-shot figcaption::after{content:"Enlarge"} body.v105-malakoff-humanis .mh2-case :is(.mh2-index,.mh2-conclusion,.mhv12-research){scroll-margin-top:112px} /* Primary Cetelem evidence is shown screen by screen; original boards stay in the appendix. */ body.v105-cetelem .v105-case-body{max-width:1160px;width:calc(100% - 2 * clamp(22px,4.2vw,60px)))} body.v105-cetelem .v105-case-section{scroll-margin-top:112px} body.v105-cetelem .v105-proof-pair{ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:910px; gap:clamp(22px,3vw,42px); align-items:start; } body.v105-cetelem .v105-proof-pair figure{ max-width:none; width:100%; margin:0; } body.v105-cetelem .v105-proof-pair figure a{display:block;padding:18px;border:1px solid #d7e4d7;border-radius:22px;background:#f3f8f2;box-shadow:0 14px 34px rgba(31,72,37,.08)} body.v105-cetelem .v105-proof-pair img{ width:100%; max-height:none; border:1px solid #dbe6dc; border-radius:14px; box-shadow:0 7px 20px rgba(23,55,31,.06); } body.v105-cetelem .v105-proof-pair figcaption{font-size:14px;line-height:1.55;color:#3d5340} body.v105-cetelem .v105-source-proof{ overflow:visible; box-shadow:0 15px 36px rgba(36,72,41,.08); } body.v105-cetelem .case-product-frames{ display:flex; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; gap:18px; padding:20px; scrollbar-color:#7cad83 #e5eee4; } body.v105-cetelem .case-product-frames:focus-visible, body.v105-cetelem .c129-source-appendix>summary:focus-visible{ outline:3px solid #237e3a; outline-offset:3px; } body.v105-cetelem .case-product-frames>.case-ui-frame{ flex:0 0 min(100%,500px); min-width:0; scroll-snap-align:start; box-shadow:0 12px 28px rgba(30,67,36,.08); } body.v105-cetelem .c129-source-appendix{ width:min(1160px,calc(100% - 2 * clamp(22px,4.2vw,60px))); max-width:none; margin:36px auto 70px; padding:0; border:1px solid #d1e0cf; border-radius:20px; background:#f4f8f2; box-shadow:0 10px 28px rgba(29,61,36,.05); } body.v105-cetelem .c129-source-appendix>summary{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:60px; padding:17px 22px; color:#21532d; font:700 15px/1.4 var(--sans,Arial,sans-serif); cursor:pointer; list-style:none; } body.v105-cetelem .c129-source-appendix>summary::-webkit-details-marker{display:none} body.v105-cetelem .c129-source-appendix>summary::after{ content:""; width:8px; height:8px; flex:none; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .2s ease; } body.v105-cetelem .c129-source-appendix[open]>summary::after{transform:rotate(225deg)} body.v105-cetelem .c129-source-appendix>.c115-source-gallery{ max-width:none; margin:0; padding:16px 22px 24px; border-top:1px solid #d1e0cf; } body.v105-cetelem .c129-source-appendix .c115-source-card{ background:#fff; box-shadow:0 8px 22px rgba(30,67,36,.05); } @media(max-width:900px){ body.v105-cetelem .c129-source-appendix .c115-source-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:640px){ body.v105-malakoff-humanis .mh2-case .mh2-index-links a{font-size:13px;line-height:1.3} body.v105-malakoff-humanis .mh2-case .mh2-shot-viewport, body.v105-malakoff-humanis .mh2-case .mh2-shot-link, body.v105-malakoff-humanis .mh2-case .mh2-media-support .mh2-shot-viewport{ height:auto; min-height:0; overflow:visible; } body.v105-malakoff-humanis .mh2-case .mh2-shot img{ width:100%; height:auto; max-height:none; } body.v105-malakoff-humanis .mh2-case .mh2-shot--mobile img{width:min(100%,430px)} body.v105-cetelem .v105-proof-pair{grid-template-columns:1fr;max-width:430px} body.v105-cetelem .v105-proof-pair figure{max-width:none} body.v105-cetelem .case-product-frames{padding:12px;gap:12px} body.v105-cetelem .case-product-frames>.case-ui-frame{flex-basis:calc(100% - 24px)} body.v105-cetelem .c129-source-appendix .c115-source-gallery-grid{grid-template-columns:1fr!important} body.v105-cetelem .c129-source-appendix>.c115-source-gallery{padding:15px} body.v105-cetelem .c129-source-appendix .c115-source-card a img{height:220px} } @media(prefers-reduced-motion:reduce){ body.v105-cetelem .c129-source-appendix>summary::after{transition:none} } /* v133-case-repair.20261031.css */ /* Repairs are scoped to the individual project studies. */ .sober-case .case-picto{ display:inline-block; width:.9em; height:.9em; flex:none; fill:currentColor; vertical-align:-.08em; margin-inline:.2em; } .sober-case a>.case-picto:first-child{margin-inline-start:0;margin-inline-end:.38em} .sober-case a>.case-picto:last-child{margin-inline-start:.38em;margin-inline-end:0} .sober-case a>.case-picto:only-child{margin-inline:0} .sober-case .v105-case-exits a{gap:.48em} .sober-case .v105-case-exits .case-picto{margin:0} /* The Malakoff summary was painted as a thin red strip while its numbers sat outside the strip's content box. Give the three facts a real layout. */ body.v105-malakoff-humanis .mhv12-proofbar{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:0; min-height:82px; padding:12px 20px; border:0; border-radius:20px; } body.v105-malakoff-humanis .mhv12-proofbar span{ display:flex; align-items:center; justify-content:center; gap:10px; min-width:0; padding:8px 16px; color:#fffaf8; font:600 13px/1.35 var(--sans,Arial,sans-serif); } body.v105-malakoff-humanis .mhv12-proofbar span+span{border-left:1px solid rgba(255,255,255,.28)} body.v105-malakoff-humanis .mhv12-proofbar strong{ display:inline-block; flex:none; color:#fff; font:400 32px/1 var(--serif,Georgia,serif); } /* The after-sales label should read as one heading, not a narrow sidebar. */ body.at97-detail .case-product-visual-head>span{max-width:none} /* Give the pale native settings screenshot an intentional product frame. */ body.case-apphalt .case-settings-proof{ width:100%; max-width:500px; margin:0 auto; padding:18px; border:1px solid #c9d9e9; border-radius:20px; background:#f0f6fc; box-shadow:0 12px 30px rgba(24,54,88,.07); } body.case-apphalt .case-settings-proof>a{ display:block; overflow:hidden; border:1px solid #cfdae8; border-radius:13px; background:#fff; } body.case-apphalt .case-settings-proof img{ display:block; width:100%; height:auto; max-height:none; border:0; border-radius:0; box-shadow:none; } body.case-apphalt .case-settings-proof figcaption{ margin:12px 2px 2px; color:#415d7c; line-height:1.45; } @media(max-width:640px){ body.v105-malakoff-humanis .mhv12-proofbar{ grid-template-columns:1fr; min-height:0; padding:6px 18px; border-radius:18px; } body.v105-malakoff-humanis .mhv12-proofbar span{ justify-content:flex-start; min-height:54px; padding:9px 2px; } body.v105-malakoff-humanis .mhv12-proofbar span+span{ border-left:0; border-top:1px solid rgba(255,255,255,.28); } body.v105-malakoff-humanis .mhv12-proofbar strong{min-width:29px;font-size:27px} /* Full-size screenshots remain available through each "Agrandir" link. */ body.v105-malakoff-humanis .mh2-case .mh2-shot--mobile .mh2-shot-viewport, body.v105-malakoff-humanis .mh2-case .mh2-media-support .mh2-shot--mobile .mh2-shot-viewport{ height:min(68svh,560px); overflow:hidden; } body.v105-malakoff-humanis .mh2-case .mh2-shot--mobile img{ display:block; width:100%; height:100%; max-height:none; object-fit:cover; object-position:center top; } body.case-apphalt .case-settings-proof{padding:12px;border-radius:16px} body.at97-detail .case-product-visual-head>span{max-width:none;line-height:1.5} } /* v105-release-hero-navigation.20261026.css */ body.sober-home .hero81-track,body.sober-home .hero81-track .hero79-stage{height:auto} /* The introduction presents the designer; product examples stay in the project section. */ body.sober-home .hero81-track .hero79-inner{min-height:600px;padding-block:56px 40px;gap:48px} body.sober-home .hero81-track .hero-work{position:relative;width:100%;max-width:356px;height:404px;margin:0;align-self:center;isolation:isolate} .hero-work-portrait{position:absolute;inset:0;overflow:hidden;border-radius:0 0 16px 16px;background:transparent;transform:translateY(var(--portrait-lift,0px))} .hero-work-portrait::before{content:"";position:absolute;inset:54px 0 -40px;border-radius:100px 16px 16px 16px;background:#edf0ff;transform:translateY(var(--portrait-ground-shift,0px))} .hero-work-portrait img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(var(--portrait-scale,1.025));transform-origin:center top} @keyframes hero-work-in{from{opacity:0}to{opacity:1}} @media(prefers-reduced-motion:no-preference){.hero-work-portrait{animation:hero-work-in .6s both}} /* The header already sticks: use its existing space rather than another rail. */ .project-switcher{position:relative} .project-switcher summary{display:flex;align-items:center;gap:8px;min-height:44px;list-style:none;cursor:pointer;color:#20324c;font:600 13px/1.2 var(--sans);border-radius:8px;padding:0 10px} .project-switcher summary::-webkit-details-marker{display:none} .project-switcher summary svg{width:13px;height:13px;fill:currentColor;transform:rotate(90deg);transition:transform .2s} .project-switcher[open] summary{background:#edf0ff;color:#2945e8} .project-switcher[open] summary svg{transform:rotate(-90deg)} body.sober-home .site-header .project-switch-panel{position:absolute;top:calc(100% + 12px);left:0;width:300px;display:block;padding:12px;background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 16px 45px #20324c22;max-height:calc(100svh - 110px);overflow:auto} .project-switch-panel p{margin:6px 10px 10px;font-size:12px;color:#536077} body.sober-home .site-header .project-switch-panel>a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#20324c;font-size:14px} .project-switch-panel .project-entry-mark{width:36px;height:32px} .project-switch-panel .project-entry-mark img{max-width:30px;max-height:28px} .project-switch-panel .project-current{visibility:hidden;font-size:11px;color:#2945e8} .project-switch-panel a[aria-current="location"] .project-current{visibility:visible} body.sober-home .site-header .project-switch-panel a:hover,body.sober-home .site-header .project-switch-panel a[aria-current="location"]{background:#f0f3ff;color:#2945e8} .project-switch-utilities{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-top:1px solid #dce1e8;margin-top:10px;padding-top:8px} body.sober-home .site-header .project-switch-utilities a{padding:12px 10px;font-size:12px;text-decoration:none;min-height:44px;box-sizing:border-box} .project-switcher summary:focus-visible,.project-switch-panel a:focus-visible,.selection-controls button:focus-visible{outline:3px solid #304cff;outline-offset:3px} .selection-controls{display:none} @media(max-width:1100px) and (min-width:701px){body.sober-home .hero81-track .hero79-inner{gap:24px}body.sober-home .hero81-track .hero-work{height:370px}} @media(max-width:800px){ body.sober-home .site-header .desktop-nav{display:flex;margin-left:auto;gap:0} body.sober-home .site-header .desktop-nav>a{display:none} body.sober-home .site-header .header-inner{gap:10px} body.sober-home .site-header .header-actions{gap:0} body.sober-home .site-header .project-switch-panel{position:fixed;top:calc(var(--gn-header-height,67px) + 8px);left:16px;right:16px;width:auto} body.sober-home .sober-project-heading nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;gap:0;scrollbar-width:thin;padding-block:4px 10px;border:0} body.sober-home .sober-project-heading nav a{flex:0 0 78%;box-sizing:border-box;min-height:104px;scroll-snap-align:start;border:1px solid #dce1e8!important;border-radius:12px;padding:16px;grid-template-columns:40px minmax(0,1fr) 14px;gap:12px;margin-right:10px} body.sober-home .sober-project-heading nav a:last-child{margin-right:0} body.sober-home .sober-project-heading .project-entry-mark{width:40px} .selection-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#536077;font-size:12px} .selection-position{font-variant-numeric:tabular-nums;letter-spacing:.08em} .selection-controls>div{display:flex;gap:8px} .selection-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce1e8;border-radius:50%;background:#fff;color:#20324c;cursor:pointer} .selection-controls button:disabled{opacity:.35;cursor:default} .selection-controls svg{width:18px;height:18px;fill:currentColor}.selection-controls button:first-child svg{transform:rotate(180deg)} } @media(max-width:700px){ body.sober-home .hero81-track .hero79-inner{min-height:0;padding:28px 22px 20px;gap:24px} body.sober-home .hero81-track .hero-work{width:min(100%,244px);height:248px;margin:0 auto;align-self:center} .hero-work-portrait::before{top:40px;border-top-left-radius:70px} } @media(max-width:480px){ body.sober-home .site-header .brand{gap:6px;min-width:0} body.sober-home .site-header .brand img{width:26px;height:26px} body.sober-home .site-header .brand span{display:block;max-width:64px;font-size:11px;line-height:1.3;white-space:normal} body.sober-home .site-header .desktop-nav{margin-left:auto} body.sober-home .site-header .header-actions{margin-left:0} .project-switcher summary{padding-inline:6px;gap:5px;font-size:12px} } @media(prefers-reduced-motion:reduce){.project-switcher summary svg{transition:none}} /* The header borrows only the visible project's accent; navigation stays stable. */ body.sober-home .site-header{--header-accent:var(--blue)} body.sober-home .site-header[data-project-theme="malakoff"]{--header-accent:#b94b28} body.sober-home .site-header[data-project-theme="cetelem"]{--header-accent:#237b35} body.sober-home .site-header[data-project-theme="allianz"]{--header-accent:#003781} body.sober-home .site-header[data-project-theme="apphalt"]{--header-accent:#1757c5} body.sober-home .site-header .brand-mark{display:inline-flex;flex:none;position:relative} @supports (mask-image:url("/assets/images/v25-gn-monogram.png")){ body.sober-home .site-header .brand-mark{background:var(--header-accent);mask:url("/assets/images/v25-gn-monogram.png") center/contain no-repeat;transition:background-color 280ms ease} body.sober-home .site-header .brand-mark img{opacity:0} } body.sober-home .site-header .language-switch a[aria-current]{background:var(--header-accent);color:#fff;transition:background-color 280ms ease} @media(prefers-reduced-motion:reduce){ body.sober-home .site-header .brand-mark,body.sober-home .site-header .language-switch a[aria-current]{transition:none} } @media(forced-colors:active){ body.sober-home .site-header .brand-mark{mask:none;background:none} body.sober-home .site-header .brand-mark img{opacity:1} body.sober-home .site-header .language-switch a[aria-current]{background:Highlight;color:HighlightText} } /* Keep the portrait still when motion is reduced, including the site preference. */ html.motion-reduced .hero-work-portrait,html.gn93-reading .hero-work-portrait{animation:none;transform:none} html.motion-reduced .hero-work-portrait img,html.motion-reduced .hero-work-portrait::before, html.gn93-reading .hero-work-portrait img,html.gn93-reading .hero-work-portrait::before{transform:none} @media(prefers-reduced-motion:reduce){.hero-work-portrait,.hero-work-portrait img,.hero-work-portrait::before{transform:none}} /* Anchor targets receive focus for accessibility; avoid boxing the whole section. */ .sober-home #projets[tabindex="-1"]:focus-visible{outline:0} /* v135-targeted.20261031.css */ /* Requested refinements only. */ .mh2-case .mh2-summary{background:#fff9f6;border-color:#eadbd6;box-shadow:none} .mh2-case .mh2-summary article{background:#fffaf8;box-shadow:none} .mhv12-flow-track>div:not(:last-child)::after{content:none!important} .mhv12-flow-track .mhv135-flow-arrow{position:absolute;top:50%;right:-17px;transform:translateY(-50%);width:22px;height:22px;margin:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#b64d3d;border-radius:50%;color:#fff} .mhv12-flow-track .mhv135-flow-arrow svg{width:10px;height:10px;fill:currentColor;display:block} .mhv12-friction-map article>span,.mhv12-friction-map b,.mhv12-flow-heading>span,.mhv12-flow-track small{font-family:var(--sans,Arial,sans-serif)!important;letter-spacing:.035em} :is(.at97-tabs button>span:first-child,.aiv12-step,.aiv12-roles span,.story-next-copy span,.aif-step,.aif-simple-facts dt,.aif-simple-roles span,.aif-responsibility span,.aiv14-flow-copy small,.aiv14-role-label,.eyebrow,.wire-kicker,.question-note span){font-family:var(--sans,Arial,sans-serif)!important;letter-spacing:.035em!important} .mhv135-process{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 0} .mhv135-panel{min-width:0;padding:clamp(20px,2.5vw,30px);border:1px solid #e8d8d1;border-radius:20px;background:#fffaf8;color:#543c33} .mhv135-panel>p:first-child{margin:0 0 7px;color:#ad4736;font:700 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.04em;text-transform:uppercase} .mhv135-panel h3{margin:0 0 8px;font:400 clamp(23px,2.25vw,32px)/1.13 Georgia,serif;letter-spacing:-.03em} .mhv135-panel>p:nth-of-type(2){margin:0 0 18px;color:#6e5b54;font:400 13px/1.5 var(--sans,Arial,sans-serif)} .mhv135-panel>small{display:block;margin-top:16px;color:#786760;font:400 11px/1.45 var(--sans,Arial,sans-serif)} .mhv135-map{display:grid;gap:8px} .mhv135-map-root,.mhv135-map-row,.mhv135-map-leaf{border:1px solid #e4d4cc;border-radius:10px;background:#fff;padding:11px 13px;font:600 13px/1.3 var(--sans,Arial,sans-serif)} .mhv135-map-root{background:#f6e7e1;border-color:#dbb8aa} .mhv135-map-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;border:0;background:transparent} .mhv135-map-leaf{font-size:12px;font-weight:500;min-height:56px;display:flex;align-items:center} .mhv135-map-leaf.is-current{border-color:#bc6652;background:#fff1ea;font-weight:700} .mhv135-wire{border:1px solid #cbbcb6;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 23px #583c2a0b} .mhv135-wire-top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f4efec;border-bottom:1px solid #d8cbc5;font:600 11px/1.2 var(--sans,Arial,sans-serif)} .mhv135-wire-dots{display:flex;gap:4px}.mhv135-wire-dots i{width:6px;height:6px;border-radius:50%;background:#c2ada4} .mhv135-wire-body{padding:18px} .mhv135-wire-step{font:700 11px/1.2 var(--sans,Arial,sans-serif);color:#a24c3d} .mhv135-wire-body strong{display:block;margin:8px 0 13px;font:700 18px/1.2 var(--sans,Arial,sans-serif)} .mhv135-wire-note,.mhv135-wire-field,.mhv135-wire-upload{border:1px solid #d8cbc5;border-radius:7px;padding:10px;font:500 12px/1.3 var(--sans,Arial,sans-serif)} .mhv135-wire-note{background:#f9f4f1}.mhv135-wire-field{margin-top:9px;color:#786760}.mhv135-wire-upload{margin-top:9px;border-style:dashed;background:#fffaf8;color:#685750} .mhv135-wire-action{margin-top:13px;padding:9px 13px;border-radius:6px;background:#b54e3d;color:#fff;text-align:center;font:700 12px/1.3 var(--sans,Arial,sans-serif)} @media(max-width:760px){.mhv135-process{grid-template-columns:1fr}.mhv12-flow-track>div:nth-child(2) .mhv135-flow-arrow{display:none}} @media(max-width:390px){.mhv135-map-row{grid-template-columns:1fr}.mhv135-map-leaf{min-height:auto}} /* Case pages use the same project selector and brand layout as the home page. */ body.sober-case .site-header .desktop-nav{display:flex;align-items:center} body.sober-case .site-header .project-switcher{position:relative} body.sober-case .site-header .project-switch-panel{position:absolute;top:calc(100% + 12px);left:0;width:300px;display:block;padding:12px;background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 16px 45px #20324c22;max-height:calc(100svh - 110px);overflow:auto;z-index:90} body.sober-case .site-header .project-switch-panel>a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#20324c;font-size:14px} body.sober-case .site-header .project-switch-panel a:hover,body.sober-case .site-header .project-switch-panel a[aria-current="page"]{background:#f0f3ff;color:#2945e8} body.sober-case .site-header .project-switch-panel a[aria-current="page"] .project-current{visibility:visible} body.sober-case .site-header .project-switch-utilities a{padding:12px 10px;font-size:12px;min-height:44px;box-sizing:border-box} body.sober-case .site-header .project-switcher summary{gap:5px;white-space:nowrap} body.sober-case .site-header .project-switch-identity{display:inline-flex;align-items:center;gap:3px;min-width:0} body.sober-case .site-header .project-switch-identity img{display:block;width:auto;height:23px;max-width:89px;object-fit:contain} body.sober-case .site-header[data-project-theme="apphalt"] .project-switch-identity img{width:26px;height:26px;border-radius:6px} body.sober-case .site-header .project-switch-identity span{font-size:12px;font-weight:700} body.sober-case .site-header .project-switcher summary svg{width:10px;height:10px} body.sober-case .site-header .brand-mark{display:inline-flex;align-items:center;justify-content:center} body.sober-case .site-header .brand-mark img{display:block} @media(max-width:800px){body.sober-case .site-header .desktop-nav{display:flex;margin-left:auto;gap:0}body.sober-case .site-header .desktop-nav>a{display:none}body.sober-case .site-header .project-switch-panel{position:fixed;top:calc(var(--gn-header-height,76px) + 4px);left:10px;right:10px;width:auto}body.sober-case .site-header .header-actions{gap:0}} @media(max-width:480px){body.sober-case .site-header .brand{gap:6px;flex:none}body.sober-case .site-header .brand>span{display:block;width:44px;font-size:11px;line-height:1.3;white-space:normal}body.sober-case .site-header .desktop-nav{flex:0 0 108px;min-width:0;justify-content:center}body.sober-case .site-header .project-switcher{width:100%}body.sober-case .site-header .project-switcher summary{width:100%;box-sizing:border-box;justify-content:center;padding-inline:4px;gap:3px}body.sober-case .site-header .project-switch-identity img{height:21px;max-width:76px}body.sober-case .site-header .header-actions{margin-left:0;flex:none}} .gn-v135-icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.12em} .gn-v135-icon--up{transform:rotate(180deg)} /* Show a complete window first, then a complete menu, within the mobile canvas. */ @media(max-width:600px){ .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo-scene{height:max(242px,calc(min(392px,100svh - 318px) - var(--ah-menu-reveal,0)*150px));transform:translateY(calc(var(--ah-menu-reveal,0)*75px))} .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo .ah-demo-dashboard,.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-product-demo-host .ah-demo[data-composition="showcase"] .ah-demo-dashboard{height:min(346px,calc(100svh - 370px))!important;top:40px;overflow:hidden;transform:none;opacity:calc(1 - var(--ah-menu-reveal,0))!important;pointer-events:none} .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu{top:47px;max-height:none;overflow:visible} .sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item[data-action="dashboard"],.sober-home #apphalt-produit[data-ah-native][data-ah-ready] .ah-demo[data-composition="showcase"] .ah-demo-menu-item[data-action="auto"]{display:flex} } /* v138-case-evidence.20261031.css */ /* Portfolio artifacts: visualized logic, explicitly reconstructed. */ body.v105-cetelem .v138-partner-proof{ max-width:1060px; margin:10px auto 46px; padding:clamp(18px,3.2vw,32px); border:1px solid #c7dccb; border-radius:22px; background:linear-gradient(155deg,#f7fbf5,#edf6eb); box-shadow:0 16px 42px rgba(30,77,42,.08); color:#173c28; } .v138-artifact-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px 28px;margin-bottom:22px} .v138-artifact-heading span,.v138-research-heading>span{ font:700 10px/1.4 var(--sans,Arial,sans-serif); letter-spacing:.11em; text-transform:uppercase; } .v138-artifact-heading span{color:#33764d} .v138-artifact-heading strong{font:400 clamp(21px,2.3vw,29px)/1.15 var(--serif,Georgia,serif);letter-spacing:-.03em} .v138-partner-flow{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;gap:20px} .v138-partner-screen{ min-width:0; border:1px solid #b9d1bf; border-radius:14px; background:#fff; box-shadow:0 8px 18px rgba(20,66,40,.055); overflow:hidden; } .v138-partner-screen-head{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:10px 17px;border-bottom:1px solid #dce9df} .v138-partner-screen-head strong{font:700 14px/1.2 var(--sans,Arial,sans-serif)} .v138-partner-screen-head img{display:block;max-width:92px;height:30px;object-fit:contain;object-position:left center} .v138-partner-screen-head span{color:#637b69;font:600 10px/1.3 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.08em} .v138-wire-content{display:grid;gap:11px;min-height:230px;padding:20px 17px 18px} .v138-wire-content small{color:#688071;font:700 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase} .v138-wire-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px dashed #a9c7b0;border-radius:8px;background:#fbfdfb;color:#365842;font:500 12px/1.3 var(--sans,Arial,sans-serif)} .v138-wire-row i{flex:0 0 54px;height:7px;border-radius:20px;background:#d9e5db} .v138-wire-choice{padding:11px 12px;border:1px solid #84b18d;border-radius:8px;color:#276a3d;font:700 12px/1.3 var(--sans,Arial,sans-serif);text-align:center} .v138-wire-choice--next{background:#e9f4e9} .v138-wire-order{padding:12px 13px;border-left:3px solid #3b9251;border-radius:6px;background:#f1f8f0;color:#28523a;font:600 12px/1.3 var(--sans,Arial,sans-serif)} .v138-partner-bridge{display:grid;justify-items:center;gap:8px;color:#3b8050;text-align:center} .v138-partner-bridge span{font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.03em} .v138-partner-bridge svg{width:30px;height:24px;fill:currentColor} .v138-partner-proof figcaption{margin:20px 0 0;color:#506a57;font:400 13px/1.5 var(--sans,Arial,sans-serif)} body.v105-cetelem .case-proof-chain{grid-template-columns:repeat(2,minmax(0,1fr))} /* Allianz: a compact map of the decision, not a fabricated test report. */ .at2-case .v138-allianz-research{ width:min(1160px,calc(100% - 44px)); margin:36px auto 20px; padding:clamp(22px,3.2vw,38px); border:1px solid #bbd6e2; border-radius:22px; background:linear-gradient(155deg,#f5fbfd,#eaf5f8); color:#123d5d; box-shadow:0 15px 34px rgba(17,58,88,.055); } .v138-research-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.75fr);column-gap:34px;align-items:end;margin-bottom:25px} .v138-research-heading>span{grid-column:1/-1;margin-bottom:9px;color:#39839a} .v138-research-heading h2{margin:0;color:#123d5d;font:400 clamp(28px,3.3vw,43px)/1.08 var(--serif,Georgia,serif);letter-spacing:-.035em} .v138-research-heading p{max-width:42ch;margin:0;color:#47657a;font:400 14px/1.55 var(--sans,Arial,sans-serif)} .v138-research-figure{margin:0} .v138-research-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.78fr) minmax(0,1fr);align-items:stretch;gap:14px} .v138-research-input,.v138-research-output{display:grid;grid-template-rows:auto 1fr 1fr;gap:10px;min-width:0} .v138-research-input>span,.v138-research-output>span,.v138-research-hub>span{color:#5c8094;font:700 10px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase} .v138-research-map article{min-width:0;padding:15px 16px;border:1px solid #d2e5eb;border-radius:12px;background:#fff} .v138-research-map article strong{display:block;margin-bottom:5px;color:#173e59;font:700 14px/1.3 var(--sans,Arial,sans-serif)} .v138-research-map article p{margin:0;color:#49677c;font:400 12px/1.48 var(--sans,Arial,sans-serif)} .v138-research-hub{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;padding:22px 17px;border:1px solid #74bbcd;border-radius:18px;background:#dff2f6;text-align:center;box-shadow:0 10px 24px rgba(20,103,129,.08)} .v138-research-hub strong{color:#103b57;font:400 clamp(23px,2.5vw,32px)/1.12 var(--serif,Georgia,serif);letter-spacing:-.03em} .v138-research-hub p{max-width:20ch;margin:0;color:#3e6579;font:400 12px/1.45 var(--sans,Arial,sans-serif)} .v138-research-figure figcaption{margin:20px 0 0;color:#5c7484;font:400 12px/1.5 var(--sans,Arial,sans-serif)} @media(max-width:760px){ .v138-artifact-heading{display:block} .v138-artifact-heading span{display:block;margin-bottom:7px} .v138-partner-flow{grid-template-columns:1fr;gap:14px} .v138-wire-content{min-height:0} .v138-partner-bridge{gap:4px} .v138-partner-bridge svg{transform:rotate(90deg)} .v138-research-heading{grid-template-columns:1fr;gap:10px} .v138-research-map{grid-template-columns:1fr;gap:14px} .v138-research-input,.v138-research-output{grid-template-rows:auto auto auto} .v138-research-hub{padding:20px} } @media(max-width:520px){ body.v105-cetelem .v138-partner-proof{margin-bottom:26px;padding:17px;border-radius:16px} body.v105-cetelem .case-proof-chain{grid-template-columns:1fr} .at2-case .v138-allianz-research{width:calc(100% - 34px);margin-top:24px;padding:18px;border-radius:16px} .v138-research-map article{padding:13px} } /* v140-case-surface-cleanup.20261031.css */ /* Keep the client studies' surface hierarchy clear: a border or a filled panel defines the group; shadows belong only to raised interface screens. */ body.sober-case.v105-cetelem .v105-case-hero .case-facts { background:#d8e7d8; box-shadow:none; } body.sober-case.v105-cetelem .v105-case-hero .case-facts>div { background:#fbfdfb; } body.sober-case.v105-cetelem .case-study-summary { background:#f7fbf5; border-color:#d8e7d6; box-shadow:none; } body.sober-case.v105-cetelem .case-study-summary article, body.sober-case.v105-cetelem .case-study-summary article:first-child { background:#fff; box-shadow:none; } body.sober-case.v105-cetelem :is( .case-research-block, .v138-partner-proof, .v105-source-proof ) { box-shadow:none; } body.sober-case.v105-cetelem .v105-proof-pair img { box-shadow:none; } body.sober-case.at97-detail :is( .v138-allianz-research, .v138-research-hub ) { box-shadow:none; } /* v141-ux-gif.20261101.css */ /* A compact, accessible process overview shared by the three client studies. */ .ux-gif { --ux-gif-accent:#a94736; --ux-gif-border:#e8d7d0; --ux-gif-paper:#fff9f6; width:100%; max-width:1100px; margin:30px auto; overflow:hidden; border:1px solid var(--ux-gif-border); border-radius:22px; background:var(--ux-gif-paper); box-shadow:none; box-sizing:border-box; } .ux-gif--cetelem { --ux-gif-accent:#236539; --ux-gif-border:#d1e4d0; --ux-gif-paper:#f6faf5; } .ux-gif--allianz { --ux-gif-accent:#0b6783; --ux-gif-border:#bfd9e3; --ux-gif-paper:#f1f9fb; } .ux-gif__head { display:flex; align-items:center; justify-content:space-between; gap:12px 20px; min-height:58px; padding:10px clamp(16px,2.5vw,26px); border-bottom:1px solid var(--ux-gif-border); box-sizing:border-box; } .ux-gif__label { margin:0; color:var(--ux-gif-accent); font:700 11px/1.4 var(--sans,Arial,sans-serif); letter-spacing:.055em; text-transform:uppercase; } .ux-gif__replay { flex:none; min-height:39px; padding:8px 13px; border:1px solid var(--ux-gif-border); border-radius:999px; background:#fff; color:var(--ux-gif-accent); font:700 12px/1.3 var(--sans,Arial,sans-serif); cursor:pointer; } .ux-gif__replay:hover { background:var(--ux-gif-paper); } .ux-gif__replay:focus-visible { outline:3px solid var(--ux-gif-accent); outline-offset:3px; } .ux-gif__replay[hidden] { display:none; } .ux-gif picture, .ux-gif img { display:block; width:100%; } .ux-gif img { height:auto; aspect-ratio:1100 / 620; object-fit:contain; background:var(--ux-gif-paper); } .ux-gif figcaption { margin:0; padding:12px clamp(16px,2.5vw,26px) 15px; border-top:1px solid var(--ux-gif-border); color:#526277; font:400 13px/1.5 var(--sans,Arial,sans-serif); } .ux-gif--mh figcaption { color:#6d5c55; } .ux-gif--cetelem figcaption { color:#48624d; } .ux-gif--allianz figcaption { color:#466579; } @media(max-width:700px) { .ux-gif { margin:24px auto; border-radius:17px; } .ux-gif__head { min-height:54px; } .ux-gif__label { font-size:10px; } .ux-gif__replay { min-height:36px; padding:6px 11px; font-size:11px; } .ux-gif img { aspect-ratio:640 / 900; } .ux-gif figcaption { font-size:12px; } } @media(prefers-reduced-motion:reduce) { .ux-gif__replay { display:none; } } html.motion-reduced .ux-gif__replay { display:none; } /* v142-research-wireframes.20261101.css */ .ux142-board { --ux142-ink: #1d3047; --ux142-accent: #c83931; --ux142-wash: #fff6f2; box-sizing: border-box; width: min(100%, 1180px); margin: clamp(36px, 5vw, 72px) auto; padding: clamp(20px, 3vw, 40px); border: 1px solid rgba(28, 53, 75, .14); border-radius: 28px; background: var(--ux142-wash); color: var(--ux142-ink); box-shadow: 0 18px 48px rgba(24, 46, 67, .075); isolation: isolate; } .ux142-board *, .ux142-board *::before, .ux142-board *::after { box-sizing: border-box; } .ux142-board--cetelem { --ux142-accent: #26743e; --ux142-wash: #f4faf2; } .ux142-board--allianz { --ux142-accent: #1499b4; --ux142-wash: #f3f9fb; } .at2-case .v138-allianz-research { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .mhv135-process { grid-template-columns: minmax(0, 1fr); } .ux142-head { display: block; max-width: 750px; margin: 0 0 27px; padding: 0; } .ux142-head .ux142-eyebrow { margin: 0 0 10px; color: var(--ux142-accent); font: 700 11px/1.3 Arial, sans-serif; letter-spacing: .11em; text-transform: uppercase; } .ux142-head h2, .ux142-head h3 { margin: 0 0 10px; color: var(--ux142-ink); font-family: Georgia, serif; font-size: clamp(29px, 3.5vw, 47px); line-height: 1.07; font-weight: 400; letter-spacing: -.035em; } .ux142-head p:last-child { margin: 0; color: #506275; font-size: clamp(14px, 1.45vw, 17px); line-height: 1.5; } .ux142-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(14px, 2vw, 24px); align-items: stretch; } .ux142-artifact { min-width: 0; min-height: 0; margin: 0; padding: clamp(16px, 2vw, 24px); border: 1px solid #d5e0e8; border-radius: 20px; background: #fff; overflow: hidden; } .ux142-artifact figcaption, .ux142-artifact__label { margin: 0 0 16px; color: #526b7a; font: 700 11px/1.3 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; } .ux142-artifact--screen a { display: block; overflow: hidden; border: 1px solid #dbe4e9; border-radius: 12px; background: #f4f6f7; } .ux142-board .ux142-artifact--screen img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; object-position: center top; } .ux142-board .ux142-artifact--screen img + img { margin-top: 9px; border-top: 1px solid #e2e9eb; } .ux142-artifact--screen p { margin: 11px 0 0; color: #637385; font-size: 12px; line-height: 1.45; } .ux142-wire { max-width: 500px; min-height: 430px; margin: 0 auto; border: 2px solid #9baeb8; border-radius: 14px; background: #fff; color: #273948; box-shadow: 0 4px 0 rgba(28, 53, 75, .06); font-family: Arial, sans-serif; } .ux142-wire__chrome { display: flex; align-items: center; gap: 5px; min-height: 37px; padding: 0 12px; border-bottom: 1px solid #bdc9cf; background: #eef2f3; } .ux142-wire__chrome i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #9baeb8; } .ux142-wire__chrome span { margin-left: auto; color: #5b6e7a; font-size: 10px; } .ux142-wire__content { padding: clamp(16px, 2vw, 25px); } .ux142-wire__progress { display: flex; gap: 4px; margin-bottom: 24px; } .ux142-wire__progress b { display: block; height: 5px; flex: 1; border-radius: 3px; background: #d9e1e5; } .ux142-wire__progress b:nth-child(-n+2) { background: #526c7b; } .ux142-wire__title { display: block; margin: 0 0 17px; font-size: clamp(18px, 2vw, 22px); line-height: 1.2; } .ux142-document { display: flex; align-items: center; gap: 10px; min-height: 41px; margin-bottom: 8px; padding: 7px 10px; border: 1px solid #a9bac3; border-radius: 6px; font-size: 13px; } .ux142-square { flex: none; width: 16px; height: 16px; border: 1.5px solid #647e8b; border-radius: 2px; } .ux142-line { width: 16%; min-width: 22px; height: 5px; margin-left: auto; border-radius: 3px; background: #c7d3d9; } .ux142-upload { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 54px; margin: 15px 0; padding: 8px; border: 2px dashed #9caeb8; border-radius: 6px; text-align: center; color: #3f596a; font-size: 12px; } .ux142-upload__icon { display: inline-grid; place-items: center; width: 23px; height: 23px; border: 1px solid #9caeb8; border-radius: 4px; font-size: 18px; line-height: 1; } .ux142-wire__button { min-height: 36px; padding: 9px 12px; border-radius: 5px; background: #455f6c; color: white; text-align: center; font-size: 12px; font-weight: 700; } .ux142-foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 19px; } .ux142-foot p { max-width: 800px; margin: 0; color: #54687a; font-size: 12px; line-height: 1.5; } .ux142-foot a { flex: none; color: var(--ux142-ink); font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; } .ux142-foot a:hover, .ux142-foot a:focus-visible { color: var(--ux142-accent); } .ux142-evidence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 22px; border: 1px solid #d5e2d6; border-radius: 16px; background: #fff; overflow: hidden; } .ux142-evidence div { min-width: 0; padding: 16px 18px; } .ux142-evidence div + div { border-left: 1px solid #d5e2d6; } .ux142-evidence dt { margin-bottom: 7px; color: #406951; font: 700 10px/1.3 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; } .ux142-evidence dd { margin: 0; color: #203e2a; font-size: 13px; line-height: 1.45; } .ux142-wire--cetelem { min-height: 520px; } .ux142-wire--cetelem .ux142-wire__benefit { background: #edf1ef; border-color: #aab8b0; color: #283d32; } .ux142-wire--cetelem .ux142-wire__data, .ux142-wire--cetelem .ux142-wire__how { border-color: #bcc9c1; color: #3e5447; } .ux142-wire--cetelem .ux142-wire__button { background: #52675a; } .ux142-wire--cetelem .ux142-wire__button--outline { border-color: #889d8f; background: #fff; color: #3e5447; } .ux142-wire__benefit { padding: 12px; border: 1px solid #abbcaf; border-radius: 6px; background: #f0f5ee; font-size: 13px; font-weight: 700; } .ux142-wire__data { margin: 11px 0; padding: 12px; border: 1px solid #c1d0c3; border-radius: 6px; color: #42604a; font-size: 12px; line-height: 1.45; } .ux142-wire__how { display: flex; justify-content: space-between; padding: 12px; border: 1px solid #b3c2b5; border-radius: 6px; color: #33513b; font-size: 12px; } .ux142-wire__branches { display: grid; grid-template-columns: 1fr; gap: 7px; margin-top: 15px; } .ux142-wire__branches span { justify-self: center; color: #68816d; font-size: 11px; } .ux142-wire__button--outline { border: 1px solid #76977d; background: white; color: #33513b; } .ux142-caveat { margin: 17px 0 0; color: #536c5a; font-size: 12px; line-height: 1.5; } .ux142-checks { max-width: 500px; margin: 14px auto 0; padding: 13px 15px; border: 1px solid #d6e3d7; border-radius: 10px; background: #f7faf7; color: #3d5c45; font-family: Arial, sans-serif; } .ux142-checks strong { display: block; margin-bottom: 8px; font-size: 12px; } .ux142-checks ol { display: grid; gap: 4px; margin: 0 0 8px; padding-left: 19px; font-size: 11px; line-height: 1.35; } .ux142-checks small { display: block; color: #63776a; font-size: 10px; line-height: 1.35; } .ux142-lanes { display: grid; grid-template-columns: 1fr .8fr 1fr; gap: 10px; margin: 0 0 20px; } .ux142-lanes > div { min-width: 0; padding: 14px; border: 1px solid #bdd3dc; border-radius: 12px; background: #fff; } .ux142-lanes > .ux142-lanes__order { border-color: #82bdca; background: #e0f3f5; text-align: center; } .ux142-lanes span { display: block; margin-bottom: 5px; color: #1c7891; font: 700 10px/1.2 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; } .ux142-lanes strong { display: block; color: #23455b; font-size: 12px; line-height: 1.35; } .ux142-test-questions { display: grid; grid-template-columns: .7fr 1fr 1fr; gap: 12px; margin: 0 0 20px; padding: 12px 16px; border: 1px dashed #aacbd4; border-radius: 11px; background: #fbfefe; color: #36596d; } .ux142-test-questions strong { color: #167b98; font: 700 10px/1.35 Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; } .ux142-test-questions p { margin: 0; font-size: 11px; line-height: 1.45; } .ux142-board--allianz .ux142-artifact { background: #fff; } .ux142-mini { max-width: 460px; min-height: 278px; margin: auto; padding: 19px; border: 2px solid #a5b0b7; border-radius: 10px; background: #fbfcfc; font-family: Arial, sans-serif; } .ux142-mini small { display: block; margin-bottom: 9px; color: #657f8b; font-size: 10px; } .ux142-mini > strong { display: block; margin-bottom: 16px; color: #193e55; font-size: 19px; } .ux142-mini__row { display: flex; align-items: center; gap: 8px; min-height: 43px; margin-bottom: 7px; padding: 7px 9px; border: 1px solid #adc0c8; border-radius: 5px; color: #34596c; font-size: 12px; line-height: 1.25; } .ux142-mini__row span { flex: none; width: 13px; height: 13px; border: 1px solid #7b99a7; border-radius: 50%; } .ux142-mini__row i { width: 14%; min-width: 18px; height: 4px; margin-left: auto; border-radius: 2px; background: #c5d3d8; } .ux142-mini__cta { margin-top: 14px; padding: 9px; border: 1px solid #758f9d; border-radius: 5px; color: #23495d; text-align: center; font-size: 11px; font-weight: 700; } .ux142-board--allianz .ux142-foot { padding-top: 16px; border-top: 1px solid #c9dce3; } @media (max-width: 700px) { .ux142-board { width: calc(100% - 24px); margin: 30px auto; padding: 18px; border-radius: 20px; } .ux142-board--mh, .ux142-board--cetelem { width: calc(100vw - 24px); max-width: none; margin-left: calc(50% - 50vw + 12px); } .v138-allianz-research .ux142-board--allianz { width: calc(100vw - 24px); max-width: none; margin-left: calc(50% - 50vw + 12px); } .ux142-head { margin-bottom: 20px; } .ux142-pair, .ux142-evidence { grid-template-columns: 1fr; } .ux142-evidence div + div { border-left: 0; border-top: 1px solid #d5e2d6; } .ux142-artifact { padding: 15px; } .ux142-wire { min-height: 0; } .ux142-wire--cetelem { min-height: 0; } .ux142-board .ux142-artifact--screen img { height: auto; max-height: none; object-fit: contain; } .ux142-lanes { grid-template-columns: 1fr; } .ux142-lanes > div { padding: 12px; } .ux142-test-questions { grid-template-columns: 1fr; gap: 7px; } .ux142-foot { align-items: flex-start; flex-direction: column; gap: 12px; } } @media (prefers-reduced-motion: reduce) { .ux142-board { scroll-behavior: auto; } } /* v143-cetelem-partners.20261101.css */ body.v105-cetelem .c143-partners { box-sizing: border-box; width: min(1120px, calc(100% - 36px)); margin: 72px auto 82px; overflow: hidden; border: 1px solid #c9dccb; border-radius: 28px; background: #f3f8f2; color: #173d2c; box-shadow: 0 20px 52px rgba(18, 64, 37, .1); } body.v105-cetelem .c143-partners * { box-sizing: border-box; } .c143-partners__hero { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(180px, .55fr); gap: 28px; align-items: end; padding: clamp(30px, 4.2vw, 58px); background: #153b2b; color: #f6faf4; } .c143-partners__hero-copy { min-width: 0; } .c143-partners__eyebrow { margin: 0 0 16px; color: #b5d5b8; font: 700 11px/1.3 Arial, sans-serif; letter-spacing: .11em; text-transform: uppercase; } body.v105-cetelem .c143-partners__hero h2 { max-width: 16ch; margin: 0 0 21px; color: #fffdf8; font: 400 clamp(38px, 4.45vw, 66px)/1.03 Georgia, serif; letter-spacing: -.045em; } body.v105-cetelem .c143-partners__hero-copy > p:last-child { max-width: 65ch; margin: 0; color: #d9e9da; font-size: clamp(14px, 1.3vw, 17px); line-height: 1.58; } .c143-partners__brands { display: grid; gap: 9px; align-content: end; } .c143-brand { display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 10px 16px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 12px; background: rgba(255, 255, 255, .96); color: #1c3527; font: 700 14px/1.2 Arial, sans-serif; } .c143-brand img { display: block; flex: none; object-fit: contain; } .c143-brand--orange img { width: 28px; height: 28px; } .c143-brand--cetelem img { width: 103px; height: auto; } .c143-partners__inside { padding: clamp(20px, 3.4vw, 38px); } .c143-workshop { padding: clamp(20px, 3vw, 30px); border: 1px solid #c8dcca; border-radius: 20px; background: #fff; } .c143-workshop__intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .85fr); gap: 12px 32px; align-items: end; margin-bottom: 25px; } .c143-workshop__intro > span { grid-column: 1 / -1; color: #327748; font: 700 10px/1.3 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; } body.v105-cetelem .c143-workshop__intro h3 { max-width: 21ch; margin: 0; color: #173c2a; font: 400 clamp(28px, 2.8vw, 40px)/1.1 Georgia, serif; letter-spacing: -.03em; } .c143-workshop__intro p { max-width: 40ch; margin: 0; color: #4c6954; font-size: 14px; line-height: 1.5; } .c143-workshop__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .c143-workshop__grid article { min-width: 0; min-height: 172px; padding: 17px 18px; border: 1px solid #dce7dc; border-top: 3px solid #49975b; border-radius: 11px; background: #f7fbf6; } .c143-workshop__grid article:nth-child(2) { border-top-color: #ef8b37; } .c143-workshop__grid article:nth-child(3) { border-top-color: #2d7644; } .c143-workshop__grid b { display: block; margin: 0 0 10px; color: #477457; font: 700 10px/1.3 Arial, sans-serif; letter-spacing: .07em; text-transform: uppercase; } .c143-workshop__grid article:nth-child(2) b { color: #9d5422; } body.v105-cetelem .c143-workshop__grid h4 { margin: 0 0 8px; color: #1d3e2b; font: 700 clamp(15px, 1.4vw, 19px)/1.23 Arial, sans-serif; } .c143-workshop__grid p { margin: 0; color: #4d6855; font-size: 12px; line-height: 1.48; } .c143-workshop__status { margin: 16px 0 0; color: #688071; font-size: 11px; line-height: 1.4; } .c143-workshop__board { position: relative; padding: 20px; border: 1px solid #d4e4d5; border-radius: 16px; background: #f7faf6; } .c143-workshop__brief { display: flex; align-items: center; gap: 15px; max-width: 650px; margin: 0 auto; padding: 14px 18px; border: 1px solid #a9cbb0; border-radius: 12px; background: #e9f4e9; } .c143-workshop__brief span, .c143-workshop__lane-label, .c143-workshop__merge span { flex: none; color: #326d43; font: 700 10px/1.25 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; } .c143-workshop__brief p { margin: 0; color: #224431; font: 700 15px/1.35 Arial, sans-serif; } .c143-workshop__lanes { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 27px 0 0; } .c143-workshop__lanes::before { content: ""; position: absolute; top: -27px; left: 50%; width: 1px; height: 27px; background: #8bb99a; } .c143-workshop__lane { position: relative; min-width: 0; padding: 18px; border: 1px solid #d4e4d6; border-top: 3px solid #3b8d54; border-radius: 12px; background: #fff; } .c143-workshop__lane--orange { border-top-color: #f28a34; } .c143-workshop__lane::before { content: ""; position: absolute; top: -12px; left: 50%; width: 1px; height: 9px; background: #8bb99a; } .c143-workshop__lane-head { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; color: #203e2a; font: 700 13px/1.2 Arial, sans-serif; } .c143-workshop__lane-head img { width: 24px; height: 24px; object-fit: contain; } .c143-workshop__lane-head--orange img { width: 25px; height: 25px; } .c143-workshop__lane-label { display: block; margin-bottom: 5px; } .c143-workshop__constraint { min-height: 46px; margin: 0 0 12px; color: #4e6855; font-size: 12px; line-height: 1.43; } .c143-workshop__question { min-height: 56px; margin: 0 0 13px; padding: 10px 12px; border-left: 2px solid #a7c7ac; background: #f5f8f4; color: #264b32; font: 600 13px/1.35 Arial, sans-serif; } .c143-workshop__lane--orange .c143-workshop__question { border-left-color: #f3a567; background: #fff8f2; } .c143-workshop__decision { min-height: 92px; padding: 11px 12px; border-radius: 8px; background: #e9f5eb; } .c143-workshop__lane--orange .c143-workshop__decision { background: #fef1e7; } .c143-workshop__decision strong { display: block; margin-top: 5px; color: #1d452c; font: 700 14px/1.36 Arial, sans-serif; } .c143-workshop__lane--orange .c143-workshop__decision strong { color: #74431e; } .c143-workshop__proof { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: #286641; font: 700 12px/1.3 Arial, sans-serif; text-decoration: underline; text-underline-offset: 3px; } .c143-workshop__proof:focus-visible { outline: 3px solid #2c8b49; outline-offset: 4px; border-radius: 2px; } .c143-workshop__proof svg { width: 11px; height: 11px; fill: currentColor; } .c143-workshop__merge { position: relative; display: flex; align-items: center; justify-content: center; gap: 13px; max-width: 700px; margin: 27px auto 0; padding: 14px 18px; border: 1px solid #b6d3bc; border-radius: 12px; background: #edf6ee; text-align: center; } .c143-workshop__merge::before { content: ""; position: absolute; top: -27px; left: 50%; width: 1px; height: 27px; background: #8bb99a; } .c143-workshop__merge strong { color: #234d31; font: 700 14px/1.38 Arial, sans-serif; } .c143-partner-card { scroll-margin-top: 105px; } .c143-partners__proofs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; } .c143-partner-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #c9ddcd; border-radius: 18px; background: #fff; } .c143-partner-card__heading { padding: 22px 22px 12px; } .c143-partner-card__mark { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #1c3a28; font: 700 13px/1.2 Arial, sans-serif; } .c143-partner-card__mark img { display: block; object-fit: contain; } .c143-partner-card__mark--orange img { width: 27px; height: 27px; } body.v105-cetelem .c143-partner-card h3 { min-height: 2.2em; margin: 0 0 9px; color: #193a29; font: 400 clamp(25px, 2.2vw, 32px)/1.08 Georgia, serif; letter-spacing: -.03em; } .c143-partner-card__heading p { margin: 0; color: #506a58; font-size: 13px; line-height: 1.48; } .c143-partner-card figure { margin: auto 0 0; padding: 10px 14px 16px; } .c143-partner-card figure > a { display: block; overflow: hidden; border: 1px solid #d7e5d8; border-radius: 11px; background: #eff6ed; } .c143-partner-card figure > a:focus-visible { outline: 3px solid #2c8b49; outline-offset: 3px; } .c143-partner-card figure img { display: block; width: 100%; height: auto; } .c143-partner-card figcaption { margin: 10px 0 0; color: #667c6b; font-size: 11px; line-height: 1.45; } .c143-orange-flow { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 310px; } .c143-orange-flow__node { min-width: 0; min-height: 138px; padding: 16px; border: 1px solid #f2c8a4; border-radius: 11px; background: #fff7ef; } .c143-orange-flow__node--credit { border-color: #b8d8bd; background: #f1f8ef; } .c143-orange-flow__node small { display: block; margin-bottom: 12px; color: #9d5d2a; font: 700 10px/1.2 Arial, sans-serif; letter-spacing: .07em; text-transform: uppercase; } .c143-orange-flow__node--credit small { color: #347a49; } .c143-orange-flow__node strong { display: block; color: #263d2b; font: 700 17px/1.2 Arial, sans-serif; } .c143-orange-flow__node span { display: block; margin-top: 9px; color: #617266; font-size: 11px; line-height: 1.4; } .c143-orange-flow__connector { position: relative; height: 2px; background: #8caf96; } .c143-orange-flow__connector i { position: absolute; right: 0; top: -4px; width: 10px; height: 10px; border-top: 2px solid #588864; border-right: 2px solid #588864; transform: rotate(45deg); } .c143-orange-flow__return { grid-column: 1 / -1; justify-self: center; width: 72%; padding: 10px 12px; border: 1px dashed #9abda2; border-radius: 7px; color: #41694b; text-align: center; font: 700 11px/1.3 Arial, sans-serif; } .c143-orange-flow figcaption { grid-column: 1 / -1; align-self: end; } .c143-partners__closing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 19px; padding: 19px 2px 0; border-top: 1px solid #d2e1d4; } .c143-partners__closing strong { display: block; margin: 0 0 6px; color: #285d39; font: 700 11px/1.3 Arial, sans-serif; letter-spacing: .07em; text-transform: uppercase; } .c143-partners__closing p { max-width: 54ch; margin: 0; color: #587060; font-size: 12px; line-height: 1.5; } .c143-partners__closing a { color: #245b39; text-decoration: underline; text-underline-offset: 3px; } @media (max-width: 760px) { body.v105-cetelem .c143-partners { width: calc(100vw - 24px); max-width: none; margin: 45px 0 55px calc(50% - 50vw + 12px); border-radius: 20px; } .c143-partners__hero { grid-template-columns: 1fr; gap: 26px; padding: 30px 22px; } body.v105-cetelem .c143-partners__hero h2 { font-size: clamp(35px, 8.7vw, 49px); } .c143-partners__brands { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .c143-brand { min-height: 48px; justify-content: center; gap: 5px; padding: 7px 5px; font-size: 10px; } .c143-brand img { max-width: 22px; max-height: 22px; } .c143-brand--cetelem img { width: 76px; max-width: 76px; height: auto; max-height: none; } .c143-partners__inside { padding: 15px; } .c143-workshop { padding: 18px; border-radius: 15px; } .c143-workshop__intro { grid-template-columns: 1fr; gap: 8px; margin-bottom: 18px; } .c143-workshop__intro > span { grid-column: auto; } .c143-workshop__grid, .c143-partners__proofs, .c143-partners__closing { grid-template-columns: 1fr; } .c143-workshop__grid article { min-height: 0; padding: 14px; } .c143-workshop__board { padding: 14px; } .c143-workshop__brief { display: block; padding: 13px; } .c143-workshop__brief p { margin-top: 5px; font-size: 13px; } .c143-workshop__lanes { grid-template-columns: 1fr; gap: 13px; margin-top: 21px; } .c143-workshop__lanes::before { top: -21px; height: 21px; } .c143-workshop__lane { padding: 14px; } .c143-workshop__lane::before { display: none; } .c143-workshop__lane-head { margin-bottom: 10px; } .c143-workshop__constraint, .c143-workshop__question, .c143-workshop__decision { min-height: 0; } .c143-workshop__constraint { margin-bottom: 9px; } .c143-workshop__question { margin-bottom: 9px; } .c143-workshop__merge { display: block; margin-top: 21px; padding: 12px; } .c143-workshop__merge::before { top: -21px; height: 21px; } .c143-workshop__merge strong { display: block; margin-top: 5px; font-size: 13px; } .c143-partner-card h3 { min-height: 0; } .c143-orange-flow { min-height: 275px; } } @media (max-width: 380px) { .c143-partners__brands { grid-template-columns: 1fr 1fr; } .c143-brand--cetelem { grid-column: 1 / -1; } .c143-orange-flow { grid-template-columns: 1fr; gap: 8px; } .c143-orange-flow__node { min-height: 0; } .c143-orange-flow__connector { width: 2px; height: 22px; justify-self: center; } .c143-orange-flow__connector i { top: auto; right: -4px; bottom: 0; transform: rotate(135deg); } .c143-orange-flow__return { width: 100%; } } /* The chapter surface meets the floating header when reached by anchor. */ body.v105-cetelem #partenaires { scroll-margin-top: 0; } body.v105-cetelem #partenaires .c143-partners__hero { padding-top: clamp(98px, 9vw, 132px); } @media (max-width: 760px) { body.v105-cetelem #partenaires .c143-partners__hero { padding-top: 104px; } } /* v145-orange-public-journey.20261101.css */ body.v105-cetelem .c145-orange-live, body.v105-cetelem .c145-orange-live * { box-sizing: border-box; } body.v105-cetelem #orange-parcours-public { scroll-margin-top: 0; } body.v105-cetelem .c145-orange-live { margin-top: 18px; overflow: hidden; border: 1px solid #edc39f; border-radius: 20px; background: #fff9f3; color: #20201e; } .c145-orange-live__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 32px; align-items: end; padding: 104px clamp(22px, 3vw, 34px) clamp(22px, 3vw, 34px); border-bottom: 4px solid #ff7900; background: #1b1b1b; color: #fff; } .c145-orange-live__identity { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 10px; color: #f3d9c3; font: 700 11px/1.3 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; } .c145-orange-live__identity img { display: block; width: 28px; height: 28px; object-fit: contain; } .c145-orange-live__copy { min-width: 0; } body.v105-cetelem .c145-orange-live h3 { max-width: 20ch; margin: 0 0 11px; color: #fff; font: 400 clamp(30px, 3vw, 43px)/1.07 Georgia, serif; letter-spacing: -.035em; } .c145-orange-live__copy p { max-width: 63ch; margin: 0; color: #e6e2dd; font-size: 14px; line-height: 1.55; } .c145-orange-live__source { display: inline-flex; align-items: center; justify-content: center; min-height: 39px; padding: 9px 14px; border: 1px solid #bfb9b2; border-radius: 999px; color: #fff; font: 700 12px/1.25 Arial, sans-serif; text-decoration: none; white-space: nowrap; } .c145-orange-live__source:hover { border-color: #ff9a43; color: #ffbe83; } .c145-orange-live__source:focus-visible, .c145-orange-stage a:focus-visible { outline: 3px solid #ff7900; outline-offset: 3px; } .c145-orange-live__stages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: clamp(14px, 2vw, 22px); } .c145-orange-stage { display: flex; flex-direction: column; min-width: 0; margin: 0; overflow: hidden; border: 1px solid #edd8c7; border-top: 3px solid #ff7900; border-radius: 14px; background: #fff; } .c145-orange-stage__head { display: flex; align-items: flex-start; gap: 13px; padding: 19px 19px 15px; } .c145-orange-stage__number { display: grid; flex: none; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #ff7900; color: #fff; font: 700 15px/1 Arial, sans-serif; } .c145-orange-stage__head span:not(.c145-orange-stage__number) { display: block; margin: 0 0 4px; color: #a65515; font: 700 10px/1.3 Arial, sans-serif; letter-spacing: .09em; text-transform: uppercase; } body.v105-cetelem .c145-orange-stage h4 { margin: 0; color: #242424; font: 700 clamp(16px, 1.5vw, 20px)/1.23 Arial, sans-serif; } .c145-orange-stage__visual { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 0 14px 16px; } .c145-orange-stage__visual > a { display: flex; flex: 1; min-height: 0; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #e5e1dd; border-radius: 9px; background: #f7f7f7; } .c145-orange-stage picture { display: block; width: 100%; } .c145-orange-stage img { display: block; width: 100%; height: auto; max-height: 390px; object-fit: contain; object-position: center top; } .c145-orange-stage figcaption { margin: 11px 2px 0; color: #70665f; font-size: 11px; line-height: 1.5; } .c145-orange-stage--handoff { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .64fr) minmax(0, 1fr); gap: 12px; align-items: center; } .c145-orange-stage--handoff .c145-orange-stage__head { padding: 22px 24px; } .c145-orange-stage--handoff .c145-orange-stage__visual { padding: 14px 18px; } .c145-orange-stage--handoff img { max-height: none; } .c145-orange-stage--terms .c145-orange-stage__mobile-link { display: none; } .c145-orange-live__note { margin: 0; padding: 0 clamp(16px, 2vw, 24px) 20px; color: #74685e; font-size: 11px; line-height: 1.5; } @media (max-width: 760px) { body.v105-cetelem .c145-orange-live { border-radius: 15px; } .c145-orange-live__head { grid-template-columns: 1fr; gap: 13px; padding: 98px 18px 22px; } .c145-orange-live__identity { grid-column: auto; } body.v105-cetelem .c145-orange-live h3 { font-size: clamp(28px, 8vw, 37px); } .c145-orange-live__copy p { font-size: 13px; } .c145-orange-live__source { justify-self: start; white-space: normal; } .c145-orange-live__stages { grid-template-columns: 1fr; gap: 10px; padding: 12px; } .c145-orange-stage__head { padding: 16px 14px 12px; } .c145-orange-stage__visual { padding: 0 11px 13px; } .c145-orange-stage img { max-height: none; } .c145-orange-stage--terms .c145-orange-stage__visual { display: none; } .c145-orange-stage--terms .c145-orange-stage__mobile-link { display: inline-flex; align-self: start; margin: 0 14px 15px 58px; color: #9c4c12; font: 700 12px/1.3 Arial, sans-serif; text-decoration: underline; text-underline-offset: 3px; } .c145-orange-stage--handoff { grid-column: auto; display: flex; gap: 0; } .c145-orange-stage--handoff .c145-orange-stage__head { padding: 16px 14px 12px; } .c145-orange-stage--handoff .c145-orange-stage__visual { padding: 0 11px 13px; } .c145-orange-live__note { padding: 0 16px 16px; } } /* v146-cetelem-case-clarity.20261101.css */ /* Cetelem: make the published evidence readable without blurring its status. */ body.sober-case.v105-cetelem .v105-case-hero .case-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.v105-cetelem .ux142-board--cetelem { margin-top: clamp(28px, 4vw, 48px); box-shadow: none; } body.v105-cetelem .ux142-board--cetelem .ux142-checks ol, body.v105-cetelem .ux142-board--cetelem .ux142-checks small { font-size: 12px; line-height: 1.5; } body.v105-cetelem .ux142-board--cetelem .ux142-artifact figcaption, body.v105-cetelem .c143-workshop__status, body.v105-cetelem .c143-partner-card figcaption, body.v105-cetelem .c145-orange-stage figcaption, body.v105-cetelem .c145-orange-live__note { font-size: 12px; line-height: 1.55; } body.v105-cetelem .c146-more-screens { width: min(100%, 1120px); margin: 26px auto 34px; overflow: hidden; border: 1px solid #ccdfcc; border-radius: 18px; background: #f9fcf8; color: #1b432d; } body.v105-cetelem .c146-more-screens summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 17px 22px; cursor: pointer; color: #1b432d; font-size: 16px; font-weight: 700; list-style: none; } body.v105-cetelem .c146-more-screens summary::-webkit-details-marker { display: none; } body.v105-cetelem .c146-more-screens summary:focus-visible, body.v105-cetelem .c146-view-full:focus-visible { outline: 3px solid #328053; outline-offset: -4px; } body.v105-cetelem .c146-more-screens summary span { flex: none; color: #57765e; font-size: 12px; font-weight: 600; } body.v105-cetelem .c146-more-screens[open] summary { border-bottom: 1px solid #ccdfcc; } body.v105-cetelem .c146-more-screens > p { margin: 18px 22px 0; color: #4a6652; font-size: 14px; line-height: 1.5; } body.v105-cetelem .c146-more-screens .v105-proof-pair { margin: 16px auto 24px; padding: 0 18px; } body.v105-cetelem .c143-partner-card .c146-view-full { display: inline-block; margin-top: 9px; color: #245c3c; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } /* Orange is an external example inside the Cetelem story, not a second site. */ body.v105-cetelem .c145-orange-live { border-color: #c8dcc9; background: #f5faf4; } body.v105-cetelem .c145-orange-live__head { background: #193b2b; } body.v105-cetelem .c145-orange-live__identity { color: #d1e9d2; } body.v105-cetelem .c146-scroll-hint { margin: 6px 0 12px; color: #365f43; font-size: 13px; line-height: 1.4; } /* The shared phone-figure cap was unintentionally narrowing both research artifacts on desktop, leaving large empty grid columns and offsetting the prototype. */ body.v105-cetelem #openbanking-2026 .ux142-pair > .ux142-artifact { width: 100%; max-width: none; margin: 0; align-self: stretch; } body.v105-cetelem .ux142-board--cetelem .ux142-artifact--screen a { max-width: 390px; margin-inline: auto; } body.v105-cetelem .ux142-artifact--real { transition: opacity .62s cubic-bezier(.22,.61,.36,1), transform .62s cubic-bezier(.22,.61,.36,1), box-shadow .62s ease; will-change: opacity, transform; } body.v105-cetelem .ux142-artifact--real[data-ux-reveal="hidden"] { opacity: 0; transform: translate3d(0, 22px, 0) scale(.985); } body.v105-cetelem .ux142-artifact--real[data-ux-reveal="visible"] { opacity: 1; transform: none; } body.v105-cetelem .ux142-artifact--real[data-ux-reveal="visible"] a { box-shadow: 0 16px 34px rgba(25, 59, 43, .12); } @media (prefers-reduced-motion: reduce) { body.v105-cetelem .ux142-artifact--real { transition: none; } body.v105-cetelem .ux142-artifact--real[data-ux-reveal="hidden"] { opacity: 1; transform: none; } } @media (max-width: 700px) { body.sober-case.v105-cetelem .v105-case-hero .case-facts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.sober-case.v105-cetelem .v105-case-hero .case-facts > div { min-height: 0; padding: 14px; gap: 8px; } body.sober-case.v105-cetelem .v105-case-hero .case-facts > div::before { width: 34px; height: 34px; border-radius: 10px; background-size: 17px 17px; } body.sober-case.v105-cetelem .v105-case-hero .case-facts > div:last-child { grid-column: 1 / -1; } body.v105-cetelem .c146-more-screens { width: calc(100% - 24px); margin: 20px auto 30px; } body.v105-cetelem .c146-more-screens summary { align-items: flex-start; flex-direction: column; gap: 4px; padding: 15px 17px; font-size: 15px; } body.v105-cetelem .c146-more-screens > p { margin: 14px 17px 0; } body.v105-cetelem .c146-more-screens .v105-proof-pair { padding: 0 12px; } } /* v146-case-guide.20261101.css */ /* The existing in-page links become a compact guide after they leave view. */ body.v105-malakoff-humanis { --case-guide-accent:#a64b3c; --case-guide-ink:#55332e; } body.v105-cetelem { --case-guide-accent:#287542; --case-guide-ink:#1d4932; } body.at97-detail { --case-guide-accent:#145288; --case-guide-ink:#173c61; } body.v105-apphalt { --case-guide-accent:#2d55e9; --case-guide-ink:#16244c; } .case-guide-toggle, .case-guide-sentinel { display:none; } .case-guide-spacer { height:0; pointer-events:none; } .case-guide.is-floating { position:fixed!important; z-index:65; top:var(--case-guide-top,98px); left:50%; transform:translateX(-50%); width:min(1040px,calc(100% - 32px)); margin:0!important; padding:6px 9px!important; display:flex!important; align-items:center; justify-content:center; gap:4px!important; border:1px solid color-mix(in srgb,var(--case-guide-accent) 20%,white)!important; border-radius:17px; background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(18px) saturate(120%); backdrop-filter:blur(18px) saturate(120%); box-shadow:0 12px 30px rgba(18,36,46,.12); } .case-guide.is-floating::before { content:"Dans cette étude"; flex:none; padding:0 12px; color:var(--case-guide-ink); font:700 11px/1.2 var(--sans,Arial,sans-serif); letter-spacing:.035em; white-space:nowrap; } html[lang^="en"] .case-guide.is-floating::before { content:"On this page"; } body .case-guide.is-floating a { display:inline-flex!important; flex:0 1 auto!important; align-items:center; justify-content:center!important; min-width:0; min-height:42px!important; margin:0!important; padding:8px 12px!important; border:0!important; border-radius:11px!important; background:transparent!important; box-shadow:none!important; color:var(--case-guide-ink)!important; font:600 13px/1.25 var(--sans,Arial,sans-serif)!important; text-align:center; text-decoration:none!important; transform:none!important; } .case-guide.is-floating a > span { display:none!important; } body .case-guide.is-floating a:hover, body .case-guide.is-floating a[aria-current="location"] { background:color-mix(in srgb,var(--case-guide-accent) 11%,white)!important; color:var(--case-guide-accent)!important; } .case-guide.is-floating a:focus-visible, .case-guide-toggle:focus-visible { outline:3px solid var(--case-guide-accent); outline-offset:2px; } .case-guide.is-floating a[aria-current="location"] { box-shadow:inset 0 -2px 0 var(--case-guide-accent)!important; } .case-guide.is-floating .case-guide-toggle { display:none; } .case-guide-sentinel { display:block; height:1px; } body.v105-malakoff-humanis :is(#demarche-ux,#decisions,#montant,#mobile,#autres-parcours,#bilan), body.v105-cetelem :is(#openbanking-2026,#partenaires,#securisation,#bilan), body.at97-detail :is(#recherche-allianz,#demarche,#interfaces,#resultat), body.v105-apphalt :is(#preuve-interface,#wireframe-reconstitue,#garde-fous,#evolution-produit,#contexte-et-limites) { scroll-margin-top:var(--case-guide-offset,164px)!important; } @media(max-width:740px) { body.v105-malakoff-humanis :is(#demarche-ux,#decisions,#montant,#mobile,#autres-parcours,#bilan), body.v105-cetelem :is(#openbanking-2026,#partenaires,#securisation,#bilan), body.at97-detail :is(#recherche-allianz,#demarche,#interfaces,#resultat), body.v105-apphalt :is(#preuve-interface,#wireframe-reconstitue,#garde-fous,#evolution-produit,#contexte-et-limites) { scroll-margin-top:var(--case-guide-offset,154px)!important; } body.case-guide-mobile-active main { padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)); } .case-guide.is-floating { top:auto!important; bottom:calc(12px + env(safe-area-inset-bottom, 0px)); width:calc(100% - 24px); padding:5px!important; display:block!important; border-radius:16px; box-shadow:0 16px 36px rgba(18,36,46,.2); } .case-guide.is-floating::before { display:none; } .case-guide.is-floating .case-guide-toggle { display:flex; align-items:center; width:100%; min-height:46px; padding:8px 13px; gap:9px; border-radius:11px; color:var(--case-guide-ink); font:700 13px/1.25 var(--sans,Arial,sans-serif); text-align:left; } .case-guide-toggle__label { white-space:nowrap; } .case-guide-toggle__current { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; opacity:.78; } .case-guide-toggle svg { width:11px; height:13px; margin-left:auto; flex:none; transform:rotate(0); transition:transform .2s ease; } .case-guide.is-open .case-guide-toggle svg { transform:rotate(180deg); } body .case-guide.is-floating:not(.is-open) a { display:none!important; } body .case-guide.is-floating.is-open a { display:flex!important; justify-content:flex-start!important; width:100%; min-height:44px!important; text-align:left; border-top:1px solid color-mix(in srgb,var(--case-guide-accent) 12%,white)!important; border-radius:7px!important; } .case-guide.is-floating.is-open { max-height:min(60vh, 360px); overflow:auto; } } @media(prefers-reduced-motion:reduce) { .case-guide-toggle svg { transition:none; } } /* v147-design-consistency.20261102.css */ /* v147 — focused consistency pass. No existing animation timings or JS layout APIs changed. */ :root { --v147-radius:18px; --v147-card-shadow:0 10px 26px rgba(34,47,56,.045); } body.sober-home { --v147-accent:#bc5538; --v147-ink:#4c332d; --v147-accent-soft:#fff3ed; --v147-line:#e9d7d0; } body.v105-malakoff-humanis { --v147-accent:#a94d3d; --v147-ink:#52362f; --v147-accent-soft:#fff0eb; --v147-line:#e8d4cd; } body.v105-cetelem,body.c104-immersive-page { --v147-accent:#247443; --v147-ink:#214a31; --v147-accent-soft:#ecf6ee; --v147-line:#d4e5d8; } body.at97-detail { --v147-accent:#14558a; --v147-ink:#1f4664; --v147-accent-soft:#edf5fb; --v147-line:#d2e1ec; } body.case-apphalt { --v147-accent:#3559bb; --v147-ink:#243c6d; --v147-accent-soft:#eef2ff; --v147-line:#d5def6; } .v147-icon { display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;overflow:visible; } /* Home header is the reference. Same shell, spacing and mobile behavior throughout. */ body:is(.sober-home,.sober-case) .site-header { position:sticky; top:0; z-index:90; } body.sober-case .site-header .header-inner { background:color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 74%,transparent); border-color:rgba(170,185,207,.54); } body.sober-case .site-header .project-switcher > summary { min-height:42px; } body.sober-case .site-header .project-switcher .project-switch-identity img { object-fit:contain; } body.sober-case .site-header[data-project-theme="malakoff"] .project-switch-identity img {max-width:94px;} body.sober-case .site-header[data-project-theme="cetelem"] .project-switch-identity img {max-width:84px;} body.sober-case .site-header[data-project-theme="allianz"] .project-switch-identity img {max-width:90px;} body:is(.sober-home,.sober-case) .site-header :is(a,summary):focus-visible { outline:3px solid var(--header-accent,#3155ea);outline-offset:3px; } /* Homepage project-colored monogram remains handled by the original working component. */ /* The back button is part of the content, never allowed to start beneath the floating shell. */ body.sober-case :is(.v105-case-hero,.case-hero,.at97-detail-intro) .back-link {display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1;margin-top:12px!important;min-height:42px;margin-bottom:clamp(24px,3vw,42px)!important;} body.sober-case .v105-case-hero:not(.mh2-hero) {padding-top:clamp(34px,3.8vw,55px);} body.v105-malakoff-humanis .mh2-case .v105-case-hero.mh2-hero {padding-top:clamp(56px,5vw,78px);} body.sober-case .back-link:focus-visible {outline:3px solid var(--v147-accent);outline-offset:4px;border-radius:6px;} @media(max-width:800px){ body.sober-case .site-header .header-inner {width:calc(100% - 20px);height:60px;padding-inline:12px;border-radius:20px;} body.sober-case .site-header .project-switcher > summary {min-height:42px;} body.sober-case .site-header .project-switch-panel {top:calc(var(--gn-header-height,76px) + 4px);} body.v105-malakoff-humanis .mh2-case .v105-case-hero.mh2-hero {padding-top:40px;} } @media(max-width:480px){ body.sober-case .site-header .brand {gap:6px;flex:none;} body.sober-case .site-header .brand > span {display:block;width:44px;max-width:none;font-size:11px;line-height:1.3;white-space:normal;} body.sober-case .site-header .desktop-nav {flex:0 0 108px;min-width:0;justify-content:center;} body.sober-case .site-header .project-switcher {width:100%;} body.sober-case .site-header .project-switcher summary {width:100%;box-sizing:border-box;justify-content:center;padding-inline:4px;gap:5px;} body.sober-case .site-header .project-switch-identity img {height:23px;max-width:78px;} body.sober-case .site-header .header-actions {flex:none;} } @media(max-width:360px){body.sober-case .site-header .desktop-nav {flex-basis:92px;} body.sober-case .site-header .project-switch-identity img {max-width:72px;}} /* Better use of existing large source (1500px): no transform rasterization or forced image enlargement. */ body.v105-malakoff-humanis .mh2-case .mh2-hero-art {transform:none;isolation:isolate;} body.v105-malakoff-humanis .mh2-case .mh2-hero-art img {transform:none;object-fit:cover;object-position:center top;image-rendering:auto;} /* More controlled type ladder in facts, summary cards and local navigation; keep editorial headlines. */ body.sober-case .case-study-summary article strong, body.v105-malakoff-humanis .mh2-case .mh2-summary article strong { font-family:var(--sans,Arial,sans-serif);font-size:clamp(20px,2vw,26px);font-weight:650;line-height:1.25;letter-spacing:-.027em; } body.sober-case .case-study-summary article p {font-size:clamp(14px,1.05vw,15px);line-height:1.57;} body.sober-case .case-study-summary article > span:not(.v147-number-icon) {font-size:11px;line-height:1.35;letter-spacing:.095em;} body.v105-malakoff-humanis .mh2-case .mh2-index h2, body.v105-malakoff-humanis .mh2-case .mh2-conclusion h2 {font-size:clamp(42px,4.1vw,61px);line-height:1.1;letter-spacing:-.042em;} body.v105-malakoff-humanis .mh2-case .mh2-index>div>p:last-child {font-size:clamp(16px,1.22vw,18px);line-height:1.62;} /* In-page contents are navigational content, not a grid of unlabelled buttons. */ body.sober-case .v147-case-index:not(.is-floating) {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch;margin-top:clamp(28px,3.4vw,40px);} body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item { position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr);column-gap:14px;align-items:start;min-width:0;min-height:122px!important;box-sizing:border-box; padding:20px 32px 20px 20px!important;border:1px solid var(--v147-line)!important;border-radius:var(--v147-radius)!important; background:linear-gradient(145deg,rgba(255,255,255,.97),var(--v147-accent-soft))!important; box-shadow:var(--v147-card-shadow)!important;text-align:left!important;text-decoration:none!important;color:var(--v147-ink)!important; transform:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item:hover { border-color:color-mix(in srgb,var(--v147-accent) 43%,white)!important; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--v147-accent-soft) 83%,white))!important; box-shadow:0 15px 32px color-mix(in srgb,var(--v147-accent) 12%,transparent)!important; transform:translateY(-2px); } body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item:focus-visible {outline:3px solid var(--v147-accent)!important;outline-offset:3px;} .v147-nav-icon {display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--v147-accent) 11%,white);color:var(--v147-accent);} .v147-nav-copy {display:grid;align-content:start;gap:7px;min-width:0;padding-top:1px;} body.sober-case .v147-case-index .v147-nav-title {display:block;color:var(--v147-ink);font:650 15px/1.35 var(--sans,Arial,sans-serif);letter-spacing:-.012em;} body.sober-case .v147-case-index .v147-nav-description {display:block;color:color-mix(in srgb,var(--v147-ink) 77%,#888);font:400 12.5px/1.46 var(--sans,Arial,sans-serif);letter-spacing:0;} .v147-nav-arrow {position:absolute;top:23px;right:15px;color:var(--v147-accent);opacity:.6;} .v147-nav-arrow .v147-icon {width:15px;height:15px;} body.sober-case .v147-case-index:not(.is-floating)>a:hover .v147-nav-arrow {opacity:1;} /* Preserve the original compact, scroll-following guide and its mobile bottom dock. */ body.sober-case .v147-case-index.is-floating .v147-nav-icon, body.sober-case .v147-case-index.is-floating .v147-nav-description, body.sober-case .v147-case-index.is-floating .v147-nav-arrow {display:none!important;} body.sober-case .v147-case-index.is-floating .v147-nav-copy {display:contents!important;} body.sober-case .v147-case-index.is-floating .v147-nav-title {font:inherit!important;color:inherit!important;} @media(min-width:741px) and (max-width:1110px){ body.sober-case .v147-case-index:not(.is-floating) {grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:740px){ body.sober-case .v147-case-index:not(.is-floating) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item {min-height:115px!important;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:15px 13px!important;} .v147-nav-icon {width:34px;height:34px;border-radius:10px;} .v147-nav-icon .v147-icon {width:18px;height:18px;} .v147-nav-arrow {display:none;} body.sober-case .v147-case-index .v147-nav-title {font-size:13px;} body.sober-case .v147-case-index .v147-nav-description {font-size:11.5px;line-height:1.4;} } @media(max-width:420px){ body.sober-case .v147-case-index:not(.is-floating) {grid-template-columns:1fr!important;} body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item {min-height:82px!important;grid-template-columns:36px minmax(0,1fr);gap:13px;padding:14px 16px!important;} body.sober-case .v147-case-index .v147-nav-title {font-size:14px;} } /* Visual vocabulary: one intentional icon per concept, instead of decorative indices. */ .v147-number-icon,.v147-takeaway-icon,.v147-flow-icon,.v147-workshop-icon {display:inline-grid!important;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--v147-accent-soft);color:var(--v147-accent);font-size:initial!important;letter-spacing:normal!important;} .v147-number-icon .v147-icon,.v147-takeaway-icon .v147-icon,.v147-flow-icon .v147-icon,.v147-workshop-icon .v147-icon {width:19px;height:19px;} body.v105-malakoff-humanis .mh2-case .mh2-takeaways>div {padding:25px 26px;min-height:176px;background:linear-gradient(170deg,#fffaf8,var(--v147-accent-soft));box-shadow:var(--v147-card-shadow);} body.v105-malakoff-humanis .mh2-case .mh2-takeaways .v147-takeaway-icon {margin:0 0 21px;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--v147-accent) 14%,white);} body.v105-malakoff-humanis .mh2-case .mh2-takeaways strong {font-size:17px;line-height:1.38;} body.v105-malakoff-humanis .mh2-case .mh2-takeaways p {margin-top:6px;line-height:1.55;} body.v105-malakoff-humanis .mhv12-friction-map article>.v147-number-icon {display:inline-grid!important;width:40px;height:40px;margin-bottom:16px;} body.v105-malakoff-humanis .mhv12-flow-track .v147-flow-icon {display:inline-grid!important;position:relative;width:36px;height:36px;margin:0 0 15px;color:var(--v147-accent);} body.v105-malakoff-humanis .mhv12-flow-track .v147-flow-icon .v147-icon {width:18px;height:18px;} body.case-apphalt .image-notes .v147-number-icon {display:inline-grid!important;width:34px;height:34px;margin:0;padding:0;border-radius:10px;} body.case-apphalt .image-notes .v147-number-icon .v147-icon {width:17px;height:17px;} body.c104-immersive-page .c103-reading-grid .v147-workshop-icon {width:40px;height:40px;margin-bottom:13px;} /* Compact, legible friction/decision cards (the UI differentiates need vs response). */ body.v105-malakoff-humanis .mh2-case .mh2-decision-pair {max-width:1020px;gap:14px;margin-top:28px;} body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div { position:relative;min-width:0;min-height:116px;display:flex;flex-direction:column;justify-content:center; padding:21px 23px 21px 70px!important;border:1px solid var(--v147-line);border-left:3px solid var(--v147-accent); border-radius:15px;background:linear-gradient(145deg,white,var(--v147-accent-soft));box-shadow:var(--v147-card-shadow); } body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div::before { content:"";position:absolute;top:21px;left:17px;width:36px;height:36px;border-radius:10px; background:var(--v147-accent-soft) url("/assets/images/v147-lucide-friction.20261102.svg") center/19px no-repeat; } body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div:nth-child(2)::before {background-image:url("/assets/images/v147-lucide-decision.20261102.svg");} body.v105-malakoff-humanis .mh2-case .mh2-decision-pair small {margin:0 0 6px;letter-spacing:.085em;} body.v105-malakoff-humanis .mh2-case .mh2-decision-pair strong {font-weight:600;font-size:15px;line-height:1.5;} /* Other client studies use the same restrained informational treatment. */ body.sober-case :is(.ux142-evidence,.case-study-summary,.mh2-summary) {box-shadow:none;} @media(max-width:640px){ body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div {min-height:106px;padding:18px 18px 18px 64px!important;} body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div::before {top:18px;left:16px;width:32px;height:32px;background-size:18px;} body.v105-malakoff-humanis .mh2-case .mh2-takeaways>div {min-height:0;} body.v105-malakoff-humanis .mh2-case .mh2-index h2 {font-size:clamp(36px,8.7vw,47px);} } @media(prefers-reduced-motion:reduce){body.sober-case .v147-case-index:not(.is-floating)>a {transition:none!important;transform:none!important;}} @media(forced-colors:active){.v147-nav-icon,.v147-number-icon,.v147-takeaway-icon,.v147-flow-icon{border:1px solid CanvasText;}body.sober-case .v147-case-index:not(.is-floating)>a{background:Canvas!important;border:1px solid CanvasText!important;}} /* Preserve interactive header identity during touch, and compact guide labels. */ body.sober-case .v147-case-index.is-floating a.v147-nav-item > .v147-nav-copy {display:contents!important;} body.sober-case .v147-case-index.is-floating a.v147-nav-item > .v147-nav-icon, body.sober-case .v147-case-index.is-floating a.v147-nav-item > .v147-nav-arrow {display:none!important;} body.sober-case .v147-case-index.is-floating .v147-nav-title {white-space:normal;} /* Icon badges inside existing wireframes retain the intrinsic proportions of the demonstration. */ body.case-apphalt .ah-wireframe-top .v147-number-icon {width:26px;height:26px;border-radius:8px;min-height:0;background:#e7eff8;color:#406798;} body.case-apphalt .ah-wireframe-top .v147-number-icon .v147-icon {width:15px;height:15px;} body.sober-home #apphalt-produit .ah-logic-choice > span.v147-number-icon {display:grid!important;place-items:center;width:25px;height:25px;min-width:25px;border-radius:7px;background:rgba(182,207,249,.14);color:#c6ddff;} body.sober-home #apphalt-produit .ah-logic-choice > span.v147-number-icon .v147-icon {width:16px;height:16px;} body.sober-home #apphalt-produit .ah-logic-choice-focus > span.v147-number-icon {background:#d5e5ff;color:#1753af;} @media(max-width:600px){body.sober-home #apphalt-produit .ah-logic-choice > span.v147-number-icon {width:21px;height:21px;min-width:21px;}} /* Inside the embedded Cetelem scene, icons replace the previous ordinal badges. */ .question-note .v147-number-icon,.wire-consent .v147-number-icon {display:inline-grid;place-items:center;flex:none;width:30px;height:30px;min-width:30px;border-radius:9px;background:rgba(29,113,64,.1);color:#24804b;font-size:0;} .question-note .v147-number-icon .v147-icon,.wire-consent .v147-number-icon .v147-icon {width:17px;height:17px;} /* Utility + atelier pages reuse exactly the same home/case navigation shell. */ body.v147-utility-page {--header-accent:#bc5538;} body.v147-atelier-page {--header-accent:#237b35;} body.v147-utility-page .site-header {--header-accent:inherit;} body.v147-utility-page .site-header .header-inner {display:flex;align-items:center;gap:clamp(10px,2vw,25px);height:64px;box-sizing:border-box;} body.v147-utility-page .site-header .brand {display:inline-flex;align-items:center;min-height:44px;gap:10px;flex:none;text-decoration:none;} body.v147-utility-page .site-header .brand .brand-mark {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;} body.v147-utility-page .site-header .brand img {width:36px;height:auto;} body.v147-utility-page .site-header .brand span {font:600 14px/1.2 var(--sans,Arial,sans-serif);white-space:nowrap;} body.v147-utility-page .site-header .desktop-nav {display:flex;align-items:center;gap:clamp(14px,2vw,26px);margin-left:auto;} body.v147-utility-page .site-header .desktop-nav>a {font:600 13px/1.35 var(--sans,Arial,sans-serif);color:inherit;text-decoration:none;} body.v147-utility-page .site-header .header-actions {display:flex;align-items:center;gap:8px;} body.v147-utility-page .site-header .language-switch {display:flex;align-items:center;padding:3px;gap:2px;border:1px solid #dce1e8;border-radius:30px;background:rgba(255,255,255,.58);} body.v147-utility-page .site-header .language-switch a {display:grid;place-items:center;min-width:42px;min-height:38px;border-radius:23px;color:#333;font:700 11px/1 var(--sans,Arial,sans-serif);text-decoration:none;} body.v147-utility-page .site-header .language-switch a[aria-current="page"] {background:var(--header-accent,#bc5538);color:#fff;} body.v147-utility-page .site-header .project-switch-panel {position:absolute;z-index:12;top:calc(100% + 12px);left:0;width:300px;max-height:calc(100svh - 110px);overflow:auto;box-sizing:border-box;display:block;padding:12px;background:#fff;border:1px solid #dce1e8;border-radius:14px;box-shadow:0 16px 45px #20324c22;} body.v147-utility-page .site-header .project-switch-panel>a {display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;min-height:55px;padding:8px 10px;border-radius:8px;text-decoration:none;color:#20324c;font-size:14px;} body.v147-utility-page .site-header .project-switch-panel>a:hover {background:#f0f3ff;} body.v147-utility-page .site-header .project-switch-utilities a {display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:9px;font-size:12px;text-decoration:none;} body.v147-utility-page .site-header .project-switcher summary {white-space:nowrap;} body.v147-atelier-page .site-header .header-inner {--sober-width:1280px;} body.v147-atelier-page .v147-atelier-back {width:min(1160px,calc(100% - 40px));margin:16px auto 0;} body.v147-atelier-page .v147-atelier-back a {display:inline-flex;align-items:center;min-height:44px;color:#246842;font:600 13px/1.4 Arial,sans-serif;text-decoration:none;} body.v147-atelier-page .v147-atelier-back a:hover {text-decoration:underline;} @media(max-width:800px){ body.v147-utility-page .site-header .desktop-nav {display:flex;gap:0;} body.v147-utility-page .site-header .desktop-nav>a {display:none;} body.v147-utility-page .site-header .header-inner {gap:10px;height:60px;} body.v147-utility-page .site-header .project-switch-panel {position:fixed;top:calc(var(--gn-header-height,76px) + 6px);left:10px;right:10px;width:auto;} } @media(max-width:480px){ body.v147-utility-page .site-header .brand {gap:6px;flex:none;} body.v147-utility-page .site-header .brand span {display:block;max-width:44px;font-size:11px;line-height:1.25;white-space:normal;} body.v147-utility-page .site-header .brand .brand-mark {width:29px;height:29px;} body.v147-utility-page .site-header .brand img {width:29px;} body.v147-utility-page .site-header .desktop-nav {flex:0 0 108px;min-width:0;justify-content:center;margin-left:auto;} body.v147-utility-page .site-header .project-switcher {width:100%;} body.v147-utility-page .site-header .project-switcher summary {justify-content:center;width:100%;box-sizing:border-box;padding-inline:4px;} body.v147-utility-page .site-header .header-actions {flex:none;} body.v147-utility-page .site-header .language-switch a {min-width:33px;min-height:34px;} } @media(max-width:360px){body.v147-utility-page .site-header .desktop-nav {flex-basis:92px;}} @media(prefers-reduced-motion:reduce){body.v147-utility-page .site-header .project-switcher summary svg {transition:none;}} /* Keep client identity logos sized consistently in the standalone workshop header. */ body.v147-utility-page .site-header .project-switch-identity {display:inline-flex;align-items:center;gap:6px;min-width:0;} body.v147-utility-page .site-header .project-switch-identity img {display:block;width:auto;height:23px;max-width:84px;object-fit:contain;} body.v147-utility-page .site-header .project-switcher summary.has-project-identity svg {width:10px;height:10px;flex:0 0 10px;opacity:.72;} @media(max-width:480px){body.v147-utility-page .site-header .project-switch-identity img {height:21px;max-width:72px;}} /* v148-case-polish.20261102.css */ /* v148 — Client-case only. Deliberately NOT included on home or other pages. Editorial UI system: restraint in typography, clear interaction semantics, Lucide pictograms, non-clickable grayscale maps, accessible motion. */ body.sober-case { --ux148-ink: #25343d; --ux148-muted: #687681; --ux148-rule: #d9dfe3; --ux148-grey: #f5f7f8; --ux148-paper: #fff; --ux148-ease: cubic-bezier(.22,1,.36,1); } body.sober-case .ux148-icon {display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;flex:none;} /* 1 — A compact, usable contents dropdown at every viewport width. The section list is hidden until requested; no six-column typographic rail. */ body.sober-case .case-guide.is-floating { display:block!important; width:min(460px,calc(100% - 28px))!important; padding:6px!important; border-radius:17px!important; text-align:left; left:50%; right:auto; transform:translateX(-50%); background:rgba(255,255,255,.97)!important; box-shadow:0 12px 36px rgba(28,44,55,.15)!important; box-sizing:border-box; overflow:visible; } body.sober-case .case-guide.is-floating::before{display:none!important;content:none!important;} body.sober-case .case-guide.is-floating .case-guide-toggle { display:flex!important;align-items:center;gap:11px;box-sizing:border-box; width:100%;min-height:51px;padding:9px 15px; background:transparent;border:0;border-radius:12px;color:var(--case-guide-ink); font:600 13px/1.35 var(--sans,Arial,sans-serif);text-align:left;cursor:pointer; } body.sober-case .case-guide.is-floating .case-guide-toggle:hover {background:color-mix(in srgb,var(--case-guide-accent) 6%,white);} body.sober-case .case-guide.is-floating .case-guide-toggle__label {font:700 11px/1.25 var(--sans,Arial,sans-serif);letter-spacing:.045em;text-transform:uppercase;flex:none;white-space:nowrap;} body.sober-case .case-guide.is-floating .case-guide-toggle__label::after{content:"";display:inline-block;height:16px;width:1px;background:var(--ux148-rule);vertical-align:middle;margin-left:14px;} body.sober-case .case-guide.is-floating .case-guide-toggle__current{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.25 var(--sans,Arial,sans-serif);opacity:1;letter-spacing:-.012em;} body.sober-case .case-guide.is-floating .case-guide-toggle svg {width:18px;height:18px;transition:transform .22s var(--ux148-ease);fill:none;stroke:var(--case-guide-accent);stroke-width:2;flex:none;margin-left:6px;} body.sober-case .case-guide.is-floating.is-open .case-guide-toggle svg {transform:rotate(180deg);} body.sober-case .case-guide.is-floating:not(.is-open) > a {display:none!important;} body.sober-case .case-guide.is-floating.is-open > a, body.sober-case .case-guide.is-floating.is-open > a.v147-nav-item{ display:flex!important;align-items:center;justify-content:flex-start!important; width:100%;min-width:0;min-height:44px!important;box-sizing:border-box; padding:11px 15px!important;margin:0!important; font:600 13px/1.35 var(--sans,Arial,sans-serif)!important; border-radius:9px!important;border:0!important; color:var(--case-guide-ink)!important; background:transparent!important;text-align:left!important; box-shadow:none!important;transform:none!important; } body.sober-case .case-guide.is-floating.is-open > a[aria-current="location"] { color:var(--case-guide-accent)!important; background:color-mix(in srgb,var(--case-guide-accent) 10%,white)!important; box-shadow:none!important; } body.sober-case .case-guide.is-floating.is-open > a:hover {background:color-mix(in srgb,var(--case-guide-accent) 6%,white)!important;} body.sober-case .case-guide.is-floating.is-open > a .v147-nav-copy{display:contents!important;} body.sober-case .case-guide.is-floating.is-open > a .v147-nav-title{display:block!important;font:600 13px/1.35 var(--sans,Arial,sans-serif)!important;white-space:normal!important;color:inherit!important;} body.sober-case .case-guide.is-floating.is-open > a :is(.v147-nav-icon,.v147-nav-arrow,.v147-nav-description){display:none!important;} body.sober-case .case-guide.is-floating.is-open {max-height:min(70vh,480px);overflow-y:auto;} @media(min-width:741px){body.sober-case .case-guide.is-floating {max-width:460px;}} @media(max-width:740px){ body.sober-case .case-guide.is-floating {top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 24px)!important;max-width:460px;padding:5px!important;box-shadow:0 13px 32px rgba(25,38,49,.23)!important;} body.sober-case .case-guide.is-floating .case-guide-toggle{min-height:49px;} body.sober-case .case-guide.is-floating.is-open{max-height:min(65vh,430px);} } @media(max-width:380px){body.sober-case .case-guide.is-floating .case-guide-toggle{padding:8px 11px;gap:7px;}body.sober-case .case-guide.is-floating .case-guide-toggle__label::after{margin-left:8px;}body.sober-case .case-guide.is-floating .case-guide-toggle__current{font-size:12.5px;}} /* 2 — Content navigation: fit to content, well-balanced density, honest directional arrow (internal anchor, not new-tab / external). */ body.sober-case .v147-case-index:not(.is-floating){gap:12px!important;align-items:stretch;} body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item{ grid-template-columns:36px minmax(0,1fr)!important; column-gap:13px!important; align-items:center!important; min-height:0!important; padding:16px 38px 16px 16px!important; border-radius:16px!important; box-shadow:0 3px 16px rgba(24,42,54,.035)!important; } body.sober-case .v147-case-index:not(.is-floating) .v147-nav-icon {width:36px;height:36px;border-radius:11px;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-icon .v147-icon {width:19px;height:19px;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-copy {align-content:center;gap:5px!important;padding:0!important;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-title {font:650 14px/1.3 var(--sans,Arial,sans-serif)!important;letter-spacing:-.015em;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-description {font:400 12px/1.4 var(--sans,Arial,sans-serif)!important;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-arrow {top:50%;right:14px;transform:translateY(-50%);opacity:.65;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-arrow .v147-icon {width:16px;height:16px;} @media(max-width:740px){ body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item{min-height:0!important;padding:14px 15px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:10px!important;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-icon{width:34px;height:34px;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-title{font-size:13px!important;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-description{font-size:11.5px!important;} body.sober-case .v147-case-index:not(.is-floating) .v147-nav-arrow{display:none!important;} } @media(max-width:540px){body.sober-case .v147-case-index:not(.is-floating){grid-template-columns:1fr!important;}} /* 3 — A quiet typography ladder that doesn't flatten editorial page titles. */ body.sober-case :is(.mhv135-panel,.ux142-section,.case-proof-chain,.case-delivery,.case-product-visual) :is(p,small,figcaption){line-height:1.55;} body.sober-case :is(.case-proof-chain,.mhv12-friction-map,.mhv138-validation) strong{letter-spacing:-.012em;} body.sober-case :is(.ux142-artifact,.case-product-visual) {box-shadow:none;} /* 4 — Native three-stage storyboard replacing 18-frame GIFs. Real DOM text: selectable, responsive, accessible, no pixelated frames. */ body.sober-case .ux148-story{width:min(100%,1100px);max-width:1100px;background:#fcfcfd;border:1px solid #dbe1e5;box-shadow:0 18px 56px rgba(17,31,43,.06);border-radius:23px;overflow:hidden;--ux148-brand:var(--ux-gif-accent,#39708d);} body.sober-case .ux148-story .ux-gif__head{min-height:55px;padding:10px clamp(18px,3vw,30px);background:#fff;} body.sober-case .ux148-story .ux-gif__label{color:var(--ux148-brand);font-size:10.5px;letter-spacing:.09em;} body.sober-case .ux148-story .ux-gif__replay[hidden]{display:none;} body.sober-case .ux148-replay{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #d8e0e5;border-radius:999px;color:var(--ux148-ink);background:#fff;font:600 12px/1.3 var(--sans,Arial,sans-serif);cursor:pointer;} body.sober-case .ux148-replay:hover{background:#f3f6f8;} body.sober-case .ux148-replay .ux148-icon{width:15px;height:15px;stroke:var(--ux148-brand);} body.sober-case .ux148-story-body{padding:clamp(19px,3.5vw,36px);padding-bottom:20px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--ux148-brand) 6%,white),transparent 55%),#f9fbfb;} body.sober-case .ux148-story-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);align-items:end;gap:22px;margin-bottom:25px;} body.sober-case .ux148-story-kicker{margin:0 0 9px;font:700 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.11em;text-transform:uppercase;color:var(--ux148-brand);} body.sober-case .ux148-story-intro h3{margin:0;color:#263743;font:400 clamp(27px,3vw,43px)/1.13 Georgia,serif;letter-spacing:-.045em;} body.sober-case .ux148-story-intro>p{margin:0 0 4px;color:#5a6973;font:400 14px/1.6 var(--sans,Arial,sans-serif);} body.sober-case .ux148-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px;} body.sober-case .ux148-step{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:51px;padding:11px 16px;border:1px solid #dae1e6;border-radius:12px;background:#fff;color:#52626c;cursor:pointer;text-align:left;font:650 13px/1.25 var(--sans,Arial,sans-serif);transition:color .2s,border-color .25s,background .25s,box-shadow .25s;} body.sober-case .ux148-step .ux148-icon{width:18px;height:18px;color:#778994;} body.sober-case .ux148-step.is-active{background:#fff;border-color:color-mix(in srgb,var(--ux148-brand) 58%,#dae1e6);color:var(--ux148-brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--ux148-brand) 8%,transparent) inset;} body.sober-case .ux148-step.is-active .ux148-icon{color:var(--ux148-brand);} body.sober-case .ux148-step:hover{border-color:var(--ux148-brand);} body.sober-case .ux148-stage-shell{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:300px;position:relative;isolation:isolate;} body.sober-case .ux148-panel{grid-area:1 / 1;min-width:0;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,10px,0);display:flex;flex-direction:column;gap:19px;transition:opacity .52s var(--ux148-ease),transform .62s var(--ux148-ease),visibility 0s linear .62s;} body.sober-case .ux148-panel.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .52s var(--ux148-ease),transform .62s var(--ux148-ease),visibility 0s;} body.sober-case .ux148-panel-intro{display:flex;flex-direction:column;gap:7px;max-width:800px;} body.sober-case .ux148-overline{font:750 10px/1.35 var(--sans,Arial,sans-serif);letter-spacing:.095em;text-transform:uppercase;color:var(--ux148-brand);} body.sober-case .ux148-panel-intro>strong{color:var(--ux148-ink);font:650 clamp(17px,1.8vw,22px)/1.35 var(--sans,Arial,sans-serif);letter-spacing:-.027em;} body.sober-case .ux148-panel-intro p{margin:0;color:var(--ux148-muted);font:400 13px/1.55 var(--sans,Arial,sans-serif);} body.sober-case .ux148-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:13px;flex:1;} body.sober-case .ux148-question{display:flex;flex-direction:column;gap:22px;min-width:0;padding:22px 20px;border:1px solid var(--ux148-rule);border-radius:14px;background:white;box-shadow:0 8px 22px rgba(24,42,54,.026);} body.sober-case .ux148-question .ux148-qmark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #dbe2e7;border-radius:10px;background:#f7f9fa;color:var(--ux148-brand);} body.sober-case .ux148-qmark .ux148-icon{width:19px;height:19px;} body.sober-case .ux148-question strong{display:block;margin-bottom:8px;color:var(--ux148-ink);font:680 clamp(14px,1.4vw,17px)/1.3 var(--sans,Arial,sans-serif);} body.sober-case .ux148-question p{margin:0;color:var(--ux148-muted);font:400 12.5px/1.55 var(--sans,Arial,sans-serif);} body.sober-case .ux148-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;flex:1;position:relative;padding-top:20px;} body.sober-case .ux148-lane{position:relative;display:flex;flex-direction:column;gap:17px;min-height:170px;padding:30px 19px 20px;border:1px solid #d1d9df;background:#fff;z-index:1;} body.sober-case .ux148-lane:first-child{border-radius:13px 0 0 13px;} body.sober-case .ux148-lane:last-child{border-radius:0 13px 13px 0;} body.sober-case .ux148-lane+.ux148-lane{border-left:0;} body.sober-case .ux148-lane:before{content:"";position:absolute;top:-13px;left:21px;width:11px;height:11px;border:2px solid var(--ux148-brand);border-radius:50%;background:#fff;} body.sober-case .ux148-lane:not(:last-child):after{content:"";position:absolute;top:-7px;left:32px;right:-22px;height:1px;background:var(--ux148-brand);z-index:2;} body.sober-case .ux148-lane-head{font:750 11px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--ux148-brand);} body.sober-case .ux148-lane strong{font:600 clamp(16px,1.8vw,21px)/1.25 var(--sans,Arial,sans-serif);letter-spacing:-.026em;color:var(--ux148-ink);} body.sober-case .ux148-idea{display:flex;flex-direction:column;gap:9px;flex:1;} body.sober-case .ux148-paper-label{font:700 10px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#61717b;} body.sober-case .ux148-two-up{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(170px,.8fr);gap:14px;flex:1;} body.sober-case .ux148-screen-outline{position:relative;display:flex;flex-direction:column;gap:9px;padding:16px 18px 14px;border:1px solid #a6b4be;border-radius:12px;background:#fff;box-shadow:0 4px 0 #e4e9ec;} body.sober-case .ux148-screen-top{display:flex;align-items:center;gap:5px;margin-bottom:6px;} body.sober-case .ux148-screen-top span{width:5px;height:5px;border-radius:50%;background:#a3b1ba;} body.sober-case .ux148-screen-outline>small{font:700 10px/1.2 var(--sans,Arial,sans-serif);text-transform:uppercase;color:#6b7c88;letter-spacing:.05em;} body.sober-case .ux148-screen-outline>h4{font:700 19px/1.2 var(--sans,Arial,sans-serif);color:#263844;letter-spacing:-.03em;margin:0;} body.sober-case .ux148-screen-outline>p{font:400 11.5px/1.45 var(--sans,Arial,sans-serif);color:#5d6c76;margin:0;} body.sober-case .ux148-form-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:auto;} body.sober-case .ux148-form-row{display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid #d7e0e5;border-radius:6px;color:#485c69;font:500 10.5px/1.3 var(--sans,Arial,sans-serif);} body.sober-case .ux148-form-row .ux148-icon{width:13px;height:13px;color:#637c8a;} body.sober-case .ux148-sim-button{display:flex;align-items:center;justify-content:center;min-height:31px;padding:6px 14px;margin-top:2px;border-radius:6px;background:#324e5c;color:white;font:650 11px/1.2 var(--sans,Arial,sans-serif);text-align:center;cursor:default;user-select:none;} body.sober-case .ux148-annotation{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:flex-start;padding:22px;border:1px dashed #bdcad3;border-radius:11px;background:#edf1f4;} body.sober-case .ux148-annotation>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:white;color:#435f6d;} body.sober-case .ux148-annotation strong{font:600 clamp(16px,1.6vw,21px)/1.3 Georgia,serif;color:#2d414e;letter-spacing:-.02em;} body.sober-case .ux148-annotation p{font:400 12px/1.5 var(--sans,Arial,sans-serif);color:#5b6e7b;margin:0;} body.sober-case .ux148-playback{display:flex;align-items:center;gap:20px;padding-top:20px;} body.sober-case .ux148-track{height:3px;flex:1;border-radius:3px;background:#dce4e8;overflow:hidden;} body.sober-case .ux148-track span{display:block;width:33.3333%;height:100%;border-radius:3px;background:var(--ux148-brand);transition:transform .62s var(--ux148-ease);} body.sober-case .ux148-next{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 0 7px 10px;border:0;background:transparent;color:var(--ux148-brand);font:700 12px/1.35 var(--sans,Arial,sans-serif);cursor:pointer;} body.sober-case .ux148-next .ux148-icon{width:15px;height:15px;transition:transform .2s var(--ux148-ease);} body.sober-case .ux148-next:hover .ux148-icon{transform:translateX(3px);} body.sober-case .ux148-story figcaption{margin:0;border-top:1px solid #dbe1e5;background:#fff;padding:14px clamp(18px,3vw,30px) 16px;font:400 12px/1.5 var(--sans,Arial,sans-serif);color:#667681;} body.sober-case .ux148-story :is(button,[role="tabpanel"]):focus-visible{outline:3px solid var(--ux148-brand);outline-offset:3px;} @media(max-width:800px){ body.sober-case .ux148-story-intro{grid-template-columns:1fr;gap:7px;} body.sober-case .ux148-story-intro>p{font-size:13px;} body.sober-case .ux148-panel{gap:15px;} body.sober-case .ux148-question-grid{gap:9px;} body.sober-case .ux148-question{padding:16px 13px;gap:15px;} body.sober-case .ux148-story-body{padding-bottom:18px;} } @media(max-width:640px){ body.sober-case .ux148-story{border-radius:17px;} body.sober-case .ux148-story-intro h3{font-size:clamp(27px,7.2vw,34px);} body.sober-case .ux148-tablist{gap:5px;} body.sober-case .ux148-step{min-height:46px;padding:8px 7px;gap:6px;justify-content:center;font-size:11.5px;} body.sober-case .ux148-step .ux148-icon{width:15px;height:15px;} body.sober-case .ux148-stage-shell{min-height:430px;} body.sober-case .ux148-question-grid{grid-template-columns:1fr;gap:8px;} body.sober-case .ux148-question{flex-direction:row;gap:13px;padding:13px 14px;align-items:flex-start;} body.sober-case .ux148-question .ux148-qmark{flex:none;width:32px;height:32px;} body.sober-case .ux148-question strong{font-size:14px;margin-bottom:3px;} body.sober-case .ux148-question p{font-size:12px;} body.sober-case .ux148-route-grid{display:flex;flex-direction:column;padding:4px 0 0 15px;gap:7px;} body.sober-case .ux148-lane{min-height:0;flex:1;padding:15px 16px 14px 22px;gap:6px;border:1px solid #d1d9df!important;border-radius:10px!important;} body.sober-case .ux148-lane::before{top:calc(50% - 6px);left:-22px;} body.sober-case .ux148-lane:not(:last-child)::after{width:1px;height:calc(100% + 21px);top:50%;left:-16px;right:auto;} body.sober-case .ux148-lane strong{font-size:17px;} body.sober-case .ux148-two-up{grid-template-columns:1fr;gap:12px;} body.sober-case .ux148-annotation{flex-direction:row;gap:12px;align-items:center;padding:12px 15px;} body.sober-case .ux148-annotation>span{width:31px;height:31px;flex:none;} body.sober-case .ux148-annotation>span .ux148-icon{width:17px;height:17px;} body.sober-case .ux148-annotation strong{font-size:15px;line-height:1.25;} body.sober-case .ux148-annotation p{display:none;} body.sober-case .ux148-screen-outline{padding:14px;gap:8px;} body.sober-case .ux148-screen-outline>h4{font-size:17px;} body.sober-case .ux148-form-list{grid-template-columns:1fr;gap:5px;} body.sober-case .ux148-form-row{padding:6px 8px;min-height:0;} body.sober-case .ux148-panel-intro>strong{font-size:16px;} } @media(max-width:380px){body.sober-case .ux148-step{font-size:10.5px;gap:4px;}body.sober-case .ux148-tablist .ux148-icon{width:13px;height:13px;}body.sober-case .ux148-stage-shell{min-height:445px;}} /* 5 — Process maps and wireframes are evidence, not buttons. A monochrome visual language separates workshop thinking from interactive project nav. */ body.v105-malakoff-humanis .mhv135-panel{background:#f8f9fa!important;border-color:#d4dce1!important;color:#27343d!important;} body.v105-malakoff-humanis .mhv135-panel>p:first-child{color:#61717a!important;} body.v105-malakoff-humanis .mhv135-map{display:flex!important;flex-direction:column;gap:0!important;align-items:stretch;padding:15px 0 0;} body.v105-malakoff-humanis .mhv135-map-root{ align-self:center;position:relative;display:flex;align-items:center;justify-content:center; min-height:48px;width:max-content;max-width:95%;padding:13px 20px!important; border:1px solid #263e50!important;border-radius:8px!important;background:#263e50!important; color:#fff!important;font:650 13px/1.4 var(--sans,Arial,sans-serif)!important;box-shadow:none!important;cursor:default; } body.v105-malakoff-humanis .mhv135-map-root::after{content:"";position:absolute;left:50%;top:100%;height:28px;width:1px;background:#9caeb9;} body.v105-malakoff-humanis .mhv135-map-row{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin-top:26px;border:0!important;background:transparent!important;padding:16px 0 0!important;} body.v105-malakoff-humanis .mhv135-map-row:before{content:"";position:absolute;top:0;left:16.66%;right:16.66%;height:1px;background:#9caeb9;} body.v105-malakoff-humanis .mhv135-map-leaf{ position:relative;display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:67px!important; padding:15px 12px!important;border:1px solid #bfcbd3!important;border-radius:8px!important; background:#fff!important;color:#32444f!important;box-shadow:none!important; font:600 13px/1.4 var(--sans,Arial,sans-serif)!important;text-align:center!important; cursor:default!important;pointer-events:none!important;transform:none!important; } body.v105-malakoff-humanis .mhv135-map-leaf:before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:17px;background:#9caeb9;} body.v105-malakoff-humanis .mhv135-map-leaf.is-current{border:1.5px solid #263e50!important;background:#eaf0f3!important;color:#1f3442!important;box-shadow:inset 0 3px 0 #263e50!important;} body.v105-malakoff-humanis .mhv135-panel>small{color:#697a85!important;} body.sober-case :is(.ux142-pair,.ux142-artifact,.ux142-wire,.ux142-mini){--ux142-stroke:#7890a0;} body.sober-case .ux142-pair .ux142-artifact{background:#fff!important;box-shadow:none!important;} body.sober-case .ux142-artifact figcaption,body.sober-case .ux142-artifact__label{color:#5c6e7b!important;} body.sober-case .ux142-wire{box-shadow:none!important;} /* 6 — Consistent Lucide glyphs for visual reasoning pairs; not background art. */ body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div{ display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto; align-content:center;align-items:start;column-gap:13px;min-height:100px!important; padding:17px 20px!important; border:1px solid #dfe4e8!important;border-left:1px solid #dfe4e8!important; border-radius:14px!important;background:#f9fafb!important;box-shadow:none!important; } body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div:nth-child(2){background:#f0f5f2!important;border-color:#d8e5dc!important;} body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div::before{content:none!important;display:none!important;} body.v105-malakoff-humanis .mh2-decision-pair .ux148-pair-icon{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid #d7e0e5;background:#fff;color:#5f7480;} body.v105-malakoff-humanis .mh2-decision-pair .ux148-pair-icon--answer{color:#407b61;border-color:#cfdfd5;} body.v105-malakoff-humanis .mh2-decision-pair small{grid-column:2;grid-row:1;margin:0 0 6px!important;color:#586e7a!important;font:750 10px/1.3 var(--sans,Arial,sans-serif)!important;letter-spacing:.07em;text-transform:uppercase;} body.v105-malakoff-humanis .mh2-decision-pair strong{grid-column:2;grid-row:2;margin:0;font:600 14px/1.45 var(--sans,Arial,sans-serif)!important;color:#2d424d!important;} body.v105-malakoff-humanis .mh2-decision-pair .ux148-pair-icon .ux148-icon{width:19px;height:19px;} body.v105-malakoff-humanis .mh2-decision-pair>div:nth-child(2) small{color:#427356!important;} @media(max-width:620px){ body.v105-malakoff-humanis .mhv135-map-row{gap:7px!important;} body.v105-malakoff-humanis .mhv135-map-leaf{padding:11px 7px!important;font-size:11px!important;min-height:72px!important;} body.v105-malakoff-humanis .mh2-case .mh2-decision-pair>div{min-height:92px!important;padding:14px!important;grid-template-columns:34px minmax(0,1fr);column-gap:12px;} body.v105-malakoff-humanis .mh2-decision-pair .ux148-pair-icon{width:34px;height:34px;} } /* Motion, keyboard and high-contrast. Visual transitions never gate content. */ @media(prefers-reduced-motion:reduce){ body.sober-case :is(.ux148-panel,.ux148-step,.ux148-track span,.ux148-next .ux148-icon,.case-guide-toggle svg,.v147-nav-item){transition:none!important;animation:none!important;filter:none!important;transform:none!important;} body.sober-case .ux148-panel:not(.is-active){visibility:hidden!important;opacity:0!important;} } html.motion-reduced body.sober-case :is(.ux148-panel,.ux148-step,.ux148-track span,.ux148-next .ux148-icon){transition:none!important;animation:none!important;filter:none!important;transform:none!important;} @media(forced-colors:active){ body.sober-case :is(.ux148-story,.ux148-screen-outline,.ux148-question,.ux148-lane,.ux148-step,.case-guide.is-floating,.mhv135-map-leaf){border:1px solid CanvasText!important;} body.sober-case .ux148-panel:not(.is-active){display:none;} } /* Mobile workflow maps are read top-to-bottom, not squeezed into three buttons. */ @media(max-width:620px){ body.v105-malakoff-humanis .mhv135-map-root{align-self:stretch;width:auto;max-width:none;justify-content:flex-start;padding-left:20px!important;} body.v105-malakoff-humanis .mhv135-map-root::after{left:20px;height:34px;} body.v105-malakoff-humanis .mhv135-map-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin-top:22px;padding:0 0 0 43px!important;} body.v105-malakoff-humanis .mhv135-map-row::before{top:-19px;bottom:26px;left:20px;right:auto;width:1px;height:auto;} body.v105-malakoff-humanis .mhv135-map-leaf{min-height:46px!important;padding:12px 16px!important;justify-content:flex-start;text-align:left!important;font-size:12.5px!important;} body.v105-malakoff-humanis .mhv135-map-leaf::before{bottom:auto;top:50%;left:-23px;width:23px;height:1px;} } /* Accessibility: reduced motion retains progress state without animation. */ @media(prefers-reduced-motion:reduce){ body.sober-case .ux148-track span{transform:translateX(var(--ux148-progress,0%))!important;transition:none!important;} } html.motion-reduced body.sober-case .ux148-track span{transform:translateX(var(--ux148-progress,0%))!important;transition:none!important;} /* v149-case-white-canvas.20261102.css */ /* v149 — Three CLIENT case studies only, in FR / EN. True white between sections; brand colors live on illustrations and paper-like chapter surfaces, not as one perpetual cream/blue canvas. AppHalt excluded. */ body.sober-case:is(.v105-malakoff-humanis,.v105-cetelem,.at97-detail){ --page-shell:#fff; background:#fff!important; background-color:#fff!important; } body.sober-case:is(.v105-malakoff-humanis,.v105-cetelem,.at97-detail) > main{ background:#fff; background-color:#fff; } body.v105-malakoff-humanis.sober-case .mh2-case .v105-case-hero.mh2-hero, body.v105-cetelem.sober-case .v105-case-hero, body.at97-detail.sober-case .at97-detail-intro {background:#fff!important;} body.v105-malakoff-humanis.sober-case .mh2-case-body, body.v105-cetelem.sober-case .v105-case-body, body.at97-detail.sober-case #main {background-color:#fff;} /* The existing branded diagrams, proof cards and chapter treatments provide the project signature; no site-wide tint or replacement gradients are needed. */ /* Contrast continuity: diagrams, project-tinted notes, colored decision cards and actual screens retain their existing brand-specific treatments. */ @media print{body.sober-case:is(.v105-malakoff-humanis,.v105-cetelem,.at97-detail){background:#fff!important;}} /* v150-client-visual-language.20261102.css */ /* v150 — Visual language for the three commissioned case studies only. Lucide SVG sprites (already licensed in /assets/licenses). No home or AppHalt changes. */ body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis,.at97-detail){ --v150-color:var(--case-accent,#326a44); --v150-soft:color-mix(in srgb,var(--v150-color) 9%,#fff); --v150-border:color-mix(in srgb,var(--v150-color) 20%,#e6eaec); } /* All new icons reference symbols in v148-lucide-case.20261102.svg. */ body.sober-case .v150-icon, body.sober-case .v150-summary-symbol svg, body.sober-case .v150-fact-mark svg, body.sober-case .v150-card-mark svg, body.sober-case .v150-heading-mark svg { width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;overflow:visible; } body.sober-case .v150-icon-kicker{ display:inline-flex!important;align-items:center;gap:10px!important;max-width:100%;vertical-align:middle; } body.sober-case .v150-icon-kicker::before {display:none!important;content:none!important;} body.sober-case .v150-icon-badge, body.sober-case .v150-heading-mark, body.sober-case .v150-fact-mark, body.sober-case .v150-card-mark { flex:0 0 auto;display:inline-grid;place-items:center;width:31px;height:31px;box-sizing:border-box;border-radius:10px; color:var(--v150-color);background:var(--v150-soft);border:1px solid var(--v150-border); } body.sober-case .v150-icon-badge .v150-icon{width:16px;height:16px;} body.sober-case .v150-heading-mark{display:grid;width:37px;height:37px;margin:0 0 12px;border-radius:12px;} body.sober-case .v150-heading-mark svg{width:20px;height:20px;} /* Cetelem & Malakoff summary: three independent, clearly bounded cards. No second frame, filled parent, divider lines or hidden mobile descriptions. */ body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(12px,1.3vw,20px)!important; margin:26px 0 0!important;padding:0!important; background:transparent!important;background-image:none!important;box-shadow:none!important; border:0!important;border-radius:0!important;overflow:visible!important; } body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article, body.sober-case.v105-cetelem .case-study-summary article:first-child { position:relative;min-width:0;min-height:0!important;display:grid!important; grid-template-columns:43px minmax(0,1fr)!important; grid-template-rows:auto auto 1fr!important;column-gap:15px!important;row-gap:7px!important; align-content:start!important;padding:22px!important; border:1px solid var(--v150-border)!important;border-radius:19px!important; background:#fff!important;background-image:none!important; box-shadow:0 8px 28px color-mix(in srgb,var(--v150-color) 5%,transparent)!important; } body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article::before{ content:none!important;display:none!important;background-image:none!important; } body.sober-case .case-study-summary .v150-summary-symbol{ grid-column:1!important;grid-row:1 / 4!important;align-self:start!important; display:grid!important;place-items:center!important;width:43px;height:43px;box-sizing:border-box; color:var(--v150-color);background:var(--v150-soft);border:1px solid var(--v150-border); border-radius:13px;margin:0!important; } body.sober-case .case-study-summary .v150-summary-symbol svg{width:21px;height:21px;} body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article>.v150-summary-label{ grid-column:2!important;grid-row:1!important;display:block!important;margin:1px 0 0!important; color:var(--v150-color)!important;font:700 11px/1.4 var(--sans,Arial,sans-serif)!important; letter-spacing:.095em!important;text-transform:uppercase!important; } body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article>strong{ grid-column:2!important;grid-row:2!important;margin:0!important; font:650 clamp(19px,1.55vw,24px)/1.2 var(--sans,Arial,sans-serif)!important; letter-spacing:-.027em!important;color:var(--glass-ink,#263528)!important; } body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article>p{ display:block!important;grid-column:2!important;grid-row:3!important;margin:3px 0 0!important; font:400 13.5px/1.5 var(--sans,Arial,sans-serif)!important; color:#59645f!important;letter-spacing:0!important; } /* Native SVG icons instead of outdated CSS-drawn pseudoelements on fact cards. */ body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-facts>div::before{display:none!important;content:none!important;} body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-facts>div, body.sober-case.at97-detail .at124-facts>div{position:relative;} body.sober-case .v150-fact-mark{width:39px;height:39px;margin-bottom:8px;border-radius:12px;} body.sober-case .v150-fact-mark svg{width:19px;height:19px;} /* Additional landmarks in evidence and conclusion cards; still non-interactive. */ body.sober-case .v150-card-mark{display:grid;width:36px;height:36px;margin:0 0 14px;border-radius:11px;} body.sober-case .v150-card-mark svg{width:18px;height:18px;} body.sober-case :is(.case-proof-chain,.at124-result-signals)>article:has(>.v150-card-mark){ text-align:left; } /* Avoid an orphaned third tile on tablets: cards form a clear vertical stack. */ @media(max-width:1050px){ body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary{ grid-template-columns:minmax(0,1fr)!important; } } @media(max-width:710px){ body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary{ grid-template-columns:minmax(0,1fr)!important;gap:12px!important; } body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article{ grid-template-columns:39px minmax(0,1fr)!important;gap:5px 14px!important;padding:18px!important; } body.sober-case .case-study-summary .v150-summary-symbol{width:39px;height:39px;} body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article>strong{font-size:19px!important;} body.sober-case .v150-icon-badge{width:28px;height:28px;border-radius:9px;} body.sober-case .v150-icon-badge .v150-icon{width:15px;height:15px;} } @media(prefers-reduced-motion:reduce){ body.sober-case:is(.v105-cetelem,.v105-malakoff-humanis) .case-study-summary article{transition:none!important;animation:none!important;} } @media(forced-colors:active){ body.sober-case .v150-icon-badge,body.sober-case .v150-heading-mark,body.sober-case .v150-fact-mark,body.sober-case .v150-card-mark,body.sober-case .v150-summary-symbol{border:1px solid CanvasText!important;} } /* v151-cetelem-flow.20261102.css */ /* v151 — scoped Cetelem UX-flow fixes. Other case studies and home untouched. */ /* Principles are parallel considerations, not chronological steps: no connecting timeline. */ body.v105-cetelem.sober-case .ux148-story .c151-principles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; padding:0;align-items:stretch;position:relative; } body.v105-cetelem.sober-case .ux148-story .c151-principles::before, body.v105-cetelem.sober-case .ux148-story .c151-principles::after, body.v105-cetelem.sober-case .ux148-story .c151-principles .ux148-lane::before, body.v105-cetelem.sober-case .ux148-story .c151-principles .ux148-lane::after { content:none!important;display:none!important; } body.v105-cetelem.sober-case .ux148-story .c151-principles .ux148-lane { display:flex;flex-direction:column;align-items:flex-start;gap:0; border:1px solid #d7e2da!important;border-radius:14px!important; background:#fff;box-shadow:none!important; padding:18px 20px 19px;min-width:0;min-height:172px; cursor:default;position:relative; } body.v105-cetelem.sober-case .c151-principle-icon { display:grid;place-items:center;width:38px;height:38px;flex:none; margin:0 0 15px;background:#eaf4ec;border:1px solid #dce9df; color:#27633d;border-radius:11px; } body.v105-cetelem.sober-case .c151-icon {display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} body.v105-cetelem.sober-case .c151-principles .ux148-lane-head { font:750 10px/1.3 var(--sans,Arial,sans-serif);letter-spacing:.085em; text-transform:uppercase;color:#34734e;margin-bottom:8px; } body.v105-cetelem.sober-case .c151-principles .ux148-lane strong { color:#263a31;font:650 clamp(16px,1.6vw,19px)/1.25 var(--sans,Arial,sans-serif); letter-spacing:-.023em;margin:0 0 9px; } body.v105-cetelem.sober-case .c151-principle-desc { color:#53675c;font:400 12.5px/1.55 var(--sans,Arial,sans-serif); margin:0;max-width:31ch; } /* Always-visible visual evidence: no extra accordion/card around the two screens. */ body.v105-cetelem.sober-case .c151-next-screens { width:min(100%,1120px);margin:clamp(42px,6vw,76px) auto clamp(50px,7vw,84px); background:transparent;border:0;box-shadow:none;position:relative; } body.v105-cetelem.sober-case .c151-next-screens__intro {max-width:750px;margin:0 0 clamp(24px,3vw,38px);} body.v105-cetelem.sober-case .c151-next-screens__eyebrow { color:#2e7046;font:750 11px/1.4 var(--sans,Arial,sans-serif); letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px; } body.v105-cetelem.sober-case .c151-next-screens__intro h3 { color:#21372a;font:400 clamp(27px,3.2vw,41px)/1.13 Georgia,serif; letter-spacing:-.037em;margin:0 0 11px;max-width:24ch; } body.v105-cetelem.sober-case .c151-next-screens__lead { font:400 15px/1.65 var(--sans,Arial,sans-serif);color:#536459;margin:0;max-width:64ch; } body.v105-cetelem.sober-case .c151-next-screens__gallery { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3.2vw,42px); align-items:start; } body.v105-cetelem.sober-case .c151-next-screen { display:flex;flex-direction:column;min-width:0;margin:0; } body.v105-cetelem.sober-case .c151-next-screen__header { display:flex;align-items:center;gap:13px;margin:0 0 17px; padding:0 0 16px;border-bottom:1px solid #e2e8e3; } body.v105-cetelem.sober-case .c151-next-screen__icon { display:grid;place-items:center;flex:none;width:42px;height:42px; border:1px solid #d5e5da;border-radius:13px;background:#eef6f0;color:#2e7046; } body.v105-cetelem.sober-case .c151-next-screen__titles {min-width:0;} body.v105-cetelem.sober-case .c151-next-screen__eyebrow { display:block;color:#35704b;font:750 10px/1.3 var(--sans,Arial,sans-serif); letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px; } body.v105-cetelem.sober-case .c151-next-screen__titles h4 { color:#263e31;font:650 clamp(15px,1.6vw,19px)/1.32 var(--sans,Arial,sans-serif); letter-spacing:-.018em;margin:0; } body.v105-cetelem.sober-case .c151-next-screen__image-link { display:flex;flex-direction:column;gap:0;align-items:center; padding:18px 14px 13px;border:1px solid #d9e4dc;border-radius:18px; text-decoration:none;background:#f6f9f6;box-shadow:none; transition:border-color .2s,box-shadow .2s; } body.v105-cetelem.sober-case .c151-next-screen__image-link:hover { border-color:#8eb79a;box-shadow:0 7px 23px rgba(36,74,48,.065); } body.v105-cetelem.sober-case .c151-next-screen__image-link:focus-visible { outline:3px solid #26613e;outline-offset:4px; } body.v105-cetelem.sober-case .c151-next-screen__image-link img { display:block;max-width:min(100%,360px);width:100%;height:auto; object-fit:contain;border:1px solid #dee5df;border-radius:12px; background:#fff;box-shadow:none; } body.v105-cetelem.sober-case .c151-next-screen__image-link .v105-enlarge-note { display:flex;align-items:center;justify-content:center;gap:8px; min-height:42px;color:#23613b;font:650 12px/1.35 var(--sans,Arial,sans-serif); margin-top:11px;padding:6px 10px; } body.v105-cetelem.sober-case .c151-next-screen__image-link .c151-icon { width:15px;height:15px; } body.v105-cetelem.sober-case .c151-next-screen figcaption { margin:12px 0 0;color:#64736a;font:400 12.5px/1.6 var(--sans,Arial,sans-serif); } @media(max-width:800px){ body.v105-cetelem.sober-case .c151-next-screens__gallery {gap:22px;} body.v105-cetelem.sober-case .c151-next-screen__image-link {padding:13px 11px 7px;} body.v105-cetelem.sober-case .c151-principles .ux148-lane {padding:15px 13px;} } @media(max-width:640px){ body.v105-cetelem.sober-case .ux148-story .c151-principles { grid-template-columns:1fr;gap:9px;padding:0; } body.v105-cetelem.sober-case .ux148-story .c151-principles .ux148-lane { display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:12px; grid-template-rows:auto auto auto;align-content:center;min-height:0; padding:12px 13px!important;gap:2px;border-radius:12px!important; } body.v105-cetelem.sober-case .c151-principle-icon { grid-column:1;grid-row:1/span 3;width:35px;height:35px;margin:0; } body.v105-cetelem.sober-case .c151-principles .ux148-lane-head {grid-column:2;grid-row:1;margin:0 0 2px;font-size:9.3px;} body.v105-cetelem.sober-case .c151-principles .ux148-lane strong {grid-column:2;grid-row:2;font-size:15.5px;margin:0 0 2px;} body.v105-cetelem.sober-case .c151-principle-desc {grid-column:2;grid-row:3;font-size:11.5px;line-height:1.4;} body.v105-cetelem.sober-case .c151-next-screens {width:100%;margin:40px auto 60px;} body.v105-cetelem.sober-case .c151-next-screens__intro h3 {font-size:clamp(29px,7.4vw,35px);} body.v105-cetelem.sober-case .c151-next-screens__lead {font-size:14px;line-height:1.58;} body.v105-cetelem.sober-case .c151-next-screens__gallery {grid-template-columns:1fr;gap:36px;} body.v105-cetelem.sober-case .c151-next-screen__header {margin-bottom:14px;} body.v105-cetelem.sober-case .c151-next-screen__image-link {padding:14px 12px 7px;} body.v105-cetelem.sober-case .c151-next-screen__image-link img {max-width:390px;} } @media(prefers-reduced-motion: reduce){ body.v105-cetelem.sober-case .c151-next-screen__image-link{transition:none;} } /* v152-cetelem-evidence.20261102.css */ /* V152: Cetelem only. Genuine visual evidence instead of oversized generic UI mockups. No changes to home, other projects, shared navigation or animation engines. */ body.v105-cetelem .c152-orange, body.v105-cetelem .c152-orange *, body.v105-cetelem .c152-security, body.v105-cetelem .c152-security * { box-sizing: border-box; } body.v105-cetelem .c152-icon { display: inline-block; width: 18px; height: 18px; flex: none; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } body.v105-cetelem #orange-parcours-public, body.v105-cetelem #securisation { scroll-margin-top: 118px; } /* Partner example: editorial hierarchy, no nested three-stage frame. */ body.v105-cetelem .c152-orange { margin: clamp(36px,5vw,72px) 0 0; padding: clamp(25px,3.5vw,44px) 0 0; border-top: 1px solid #c9dfce; background: #fff; color: #203729; } body.v105-cetelem .c152-orange__header { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px 40px; margin-bottom: clamp(25px,3.5vw,42px); } body.v105-cetelem .c152-orange__header > div {min-width: 0; max-width: 715px;} body.v105-cetelem .c152-orange__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; color: #386448; font: 700 11px/1.4 Arial,sans-serif; text-transform: uppercase; letter-spacing: .09em; } body.v105-cetelem .c152-orange__eyebrow img {width: 23px; height: 23px; object-fit: contain;} body.v105-cetelem .c152-orange h3 { margin: 0 0 13px; max-width: 21ch; font: 400 clamp(30px,3.2vw,45px)/1.09 Georgia,serif; color: #1c3e2b; letter-spacing: -.032em; } body.v105-cetelem .c152-orange__header p:not(.c152-orange__eyebrow) { margin: 0; max-width: 65ch; color: #4c6556; font-size: 15px; line-height: 1.65; } body.v105-cetelem .c152-orange__source-link { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 9px; max-width: 100%; padding: 11px 14px; border: 1px solid #c8ddcd; border-radius: 100px; background: #fff; color: #234c34; font: 700 12px/1.3 Arial,sans-serif; text-decoration: none; } body.v105-cetelem .c152-orange__source-link .c152-icon {width: 15px; height: 15px;} body.v105-cetelem .c152-orange__source-link:hover {border-color: #327847; background: #f7fbf7;} body.v105-cetelem .c152-orange__focus { display: grid; grid-template-columns: minmax(0,1fr) minmax(290px,.85fr); gap: clamp(25px,5.8vw,75px); align-items: center; padding: clamp(22px,3.4vw,45px); border: 1px solid #d6e2d7; border-radius: 22px; background: #f9fcf8; } body.v105-cetelem .c152-orange__overline { display: flex; align-items: center; gap: 10px; margin: 0 0 17px; color: #37764a; font: 700 11px/1.35 Arial,sans-serif; text-transform: uppercase; letter-spacing: .09em; } body.v105-cetelem .c152-orange__overline .c152-icon {width:17px;height:17px;} body.v105-cetelem .c152-orange h4 { margin: 0 0 14px; font: 700 clamp(24px,2.6vw,33px)/1.17 Arial,sans-serif; color: #243c2d; letter-spacing: -.028em; } body.v105-cetelem .c152-orange__explanation > p:not(.c152-orange__overline), body.v105-cetelem .c152-orange__handoff-copy > p:not(.c152-orange__overline) { margin: 0; max-width: 60ch; color: #56695c; font-size: 15px; line-height: 1.65; } body.v105-cetelem .c152-orange__signals { display: grid; gap: 13px; max-width: 430px; margin-top: 25px; } body.v105-cetelem .c152-orange__signals span { display: flex; align-items: center; gap: 11px; padding: 0; color: #274b35; font-size: 14px; line-height: 1.4; font-weight: 600; } body.v105-cetelem .c152-orange__signals .c152-icon {color: #378655;} body.v105-cetelem .c152-orange__price {min-width: 0; margin: 0; text-align: center;} body.v105-cetelem .c152-orange__image-top { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 13px; color: #44624d; font: 700 11px/1.4 Arial,sans-serif; letter-spacing: .035em; } body.v105-cetelem .c152-orange__image-top .c152-icon {width:16px;height:16px;} body.v105-cetelem .c152-orange__price > a { display: block; width: fit-content; max-width:100%; margin-inline: auto; padding: clamp(15px,2.3vw,24px); background: #fff; border:1px solid #cfded2; border-radius: 15px; box-shadow:0 12px 27px rgba(22,72,39,.065); } body.v105-cetelem .c152-orange__price img { display: block; width: 320px; max-width:100%; height: auto; border-radius: 4px; image-rendering: auto; } body.v105-cetelem .c152-orange__price figcaption { margin: 10px auto 0; max-width: 39ch; color: #687b6d; font-size: 11px; line-height:1.5; } body.v105-cetelem .c152-orange__handoff { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1fr); gap: clamp(22px,4vw,57px); align-items: center; padding: clamp(27px,4vw,48px) 0; border-bottom: 1px solid #dbe6dc; } body.v105-cetelem .c152-orange__handoff h4 { max-width: 18ch; font-size: clamp(22px,2.2vw,29px); } body.v105-cetelem .c152-orange__handoff figure {min-width: 0; margin: 0;} body.v105-cetelem .c152-orange__handoff figure a { display: block; padding: 13px; border: 1px solid #d9e3da; border-radius: 13px; background: #fff; } body.v105-cetelem .c152-orange__handoff img {display:block;width:100%;height:auto;max-width:650px;margin:auto;} body.v105-cetelem .c152-orange__handoff figcaption { margin-top:10px; color:#66776b;font-size:11px;line-height:1.4; } body.v105-cetelem .c152-orange__note { margin: 13px 0 0; max-width: 89ch; color: #67776c; font-size: 11px; line-height: 1.55; } /* Identity/source evidence: authentic cropped Figma board material, not fabricated anti-fraud screens. */ body.v105-cetelem .c152-security {margin-block: clamp(44px,5vw,76px);} body.v105-cetelem .c152-security__intro {margin-bottom: clamp(20px,3vw,32px);} body.v105-cetelem .c152-security__intro > p:not(.case-section-label) { max-width: 70ch; font-size: 15px; line-height: 1.7; color: #486152; } body.v105-cetelem .c152-security__screens { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; } body.v105-cetelem .c152-security__item { display: flex; flex-direction: column; gap: 23px; min-width: 0; border: 1px solid #d6e3d8; border-radius: 18px; padding: clamp(18px,2.3vw,27px); background: #fcfefc; } body.v105-cetelem .c152-security__copy {min-height: 145px;} body.v105-cetelem .c152-security__eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 13px; color: #286b40; font: 700 10px/1.5 Arial,sans-serif; text-transform: uppercase; letter-spacing: .07em; } body.v105-cetelem .c152-security__eyebrow .c152-icon {width:16px;height:16px;} body.v105-cetelem .c152-security__item h3 { margin: 0 0 9px; max-width: 26ch; color: #244330; font: 700 clamp(20px,2vw,26px)/1.22 Arial,sans-serif; letter-spacing: -.025em; } body.v105-cetelem .c152-security__copy > p:not(.c152-security__eyebrow) { margin:0;max-width:54ch;color:#5a6c5e;font-size:14px;line-height:1.6; } body.v105-cetelem .c152-security__item figure { display: flex; flex-direction:column; align-items: center; gap: 11px; margin: 0; min-width: 0; } body.v105-cetelem .c152-security__item figure > a { display: flex; justify-content: center; align-items: flex-start; overflow: hidden; width: 100%; min-height: 0; border: 1px solid #dce5df; border-radius: 12px; padding: 12px 14px; background: #eef5ef; } body.v105-cetelem .c152-security__item figure img { display: block; width: auto; max-width: min(100%,344px); height: auto; margin-inline: auto; box-shadow: 0 6px 17px rgba(15,51,25,.1); } body.v105-cetelem .c152-security__item figcaption { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; width: 100%; color: #64786a; font: 400 11px/1.5 Arial,sans-serif; } body.v105-cetelem .c152-security__item figcaption span { display:flex;align-items:center;gap:4px;white-space:nowrap; color:#247346; font-weight:700; } body.v105-cetelem .c152-security__item figcaption .c152-icon {width:13px;height:13px;} body.v105-cetelem .c152-security__scope { display: flex; align-items: flex-start; gap: 10px; margin: 15px 0 0; padding: 0; border: 0; color: #5d7062; font: 400 12px/1.6 Arial,sans-serif; } body.v105-cetelem .c152-security__scope .c152-icon {width:16px;height:16px;margin-top:2px;color:#39684b;} body.v105-cetelem .c152-orange a:focus-visible, body.v105-cetelem .c152-security a:focus-visible {outline: 3px solid #357b4a; outline-offset: 4px;} @media (max-width: 920px) { body.v105-cetelem .c152-orange__header {align-items: flex-start; flex-direction: column;} body.v105-cetelem .c152-orange__focus {grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:23px;} body.v105-cetelem .c152-security__screens {gap:12px;} body.v105-cetelem .c152-security__item {gap:17px;} body.v105-cetelem .c152-security__item figcaption {flex-direction: column;} } @media (max-width: 700px) { body.v105-cetelem .c152-orange {margin-top:35px;padding-top:27px;} body.v105-cetelem .c152-orange__header {margin-bottom:24px;} body.v105-cetelem .c152-orange h3 {font-size:clamp(29px,8vw,37px);} body.v105-cetelem .c152-orange__header p:not(.c152-orange__eyebrow) {font-size:14px;} body.v105-cetelem .c152-orange__focus {grid-template-columns:1fr;gap:24px;padding:20px 15px;} body.v105-cetelem .c152-orange h4 {font-size:clamp(22px,6.2vw,28px);} body.v105-cetelem .c152-orange__explanation > p:not(.c152-orange__overline), body.v105-cetelem .c152-orange__handoff-copy > p:not(.c152-orange__overline) {font-size:14px;} body.v105-cetelem .c152-orange__signals {margin-top:18px;} body.v105-cetelem .c152-orange__price > a {padding:12px;} body.v105-cetelem .c152-orange__handoff {grid-template-columns:1fr;gap:21px;padding:32px 0;} body.v105-cetelem .c152-security__screens {grid-template-columns:1fr; gap:14px;} body.v105-cetelem .c152-security__copy {min-height:0;} body.v105-cetelem .c152-security__item {gap:19px;} body.v105-cetelem .c152-security__item figure img {max-width:min(100%,344px);} body.v105-cetelem .c152-security__item figcaption {flex-direction:row;flex-wrap:wrap;} } /* v159-cases.20261103.css */ /* v159 — only the four case studies, not homepage, legal or site-wide layout. */ /* A modal for source screenshots. Native image URLs still work with JS off. */ .case159-modal-open{overflow:hidden!important} .case159-modal{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(12,21,29,.88);padding:max(env(safe-area-inset-top),16px) 16px max(env(safe-area-inset-bottom),16px);} .case159-modal-panel{position:relative;width:min(96vw,1450px);height:min(94dvh,1100px);display:flex;align-items:center;justify-content:center;} .case159-modal-panel img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:9px;background:#fff;box-shadow:0 24px 80px #0008;} .case159-modal-panel button{position:absolute;z-index:3;right:10px;top:10px;width:46px;height:46px;background:#fff;color:#132d38;border:1px solid #d4dce2;border-radius:50%;font:400 32px/1 system-ui;cursor:pointer;box-shadow:0 6px 18px #0003;} .case159-modal-panel button:focus-visible{outline:3px solid #a8caf5;outline-offset:3px;} /* AppHalt: actual settings screenshot is portrait, not a horizontally cropped ad. */ body.sober-case .case-settings-proof{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f5f6f8;border-radius:20px;padding:clamp(18px,3vw,38px);} body.sober-case .case-settings-proof>a{display:flex;align-items:center;justify-content:center;width:100%;} body.sober-case .case-settings-proof img{display:block;max-width:min(100%,420px);height:auto;max-height:720px;object-fit:contain;border-radius:15px;box-shadow:0 16px 44px #121b3030;background:#000;} body.sober-case .case-settings-proof figcaption{font-size:12px;color:#5a6978;text-align:center;} body.sober-case .app159-proof{padding-top:clamp(38px,6vw,86px);padding-bottom:clamp(42px,6vw,86px);} body.sober-case .app159-proof .evidence-heading{margin-bottom:28px;} body.sober-case .app159-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;} body.sober-case .app159-proof-card{min-height:240px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:18px;padding:clamp(22px,2.8vw,40px);background:linear-gradient(145deg,#f5f8ff,#fff);border:1px solid #d7e2f1;color:#142c50;} body.sober-case .app159-proof-eyebrow{font:750 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;opacity:.68;} body.sober-case .app159-proof-card>strong{font:550 clamp(28px,3vw,48px)/1.08 Georgia,serif;letter-spacing:-.045em;overflow-wrap:anywhere;} body.sober-case .app159-proof-card>span:not(.app159-proof-eyebrow){font-size:15px;line-height:1.4;} body.sober-case .app159-proof-card>small{display:block;margin-top:auto;font-size:11px;line-height:1.4;opacity:.72;} body.sober-case .app159-proof-card>a{margin-top:auto;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;} @media(max-width:850px){body.sober-case .app159-proof-grid{grid-template-columns:1fr;gap:10px;}body.sober-case .app159-proof-card{min-height:150px;padding:22px;gap:9px;}} /* Cetelem: partner introduction reads like a chapter, not another splash screen. Reduce empty space and keep real evidence on white surfaces. */ body.sober-case #partenaires .c143-partners__hero{padding:clamp(30px,4.5vw,65px)!important;gap:clamp(20px,3vw,36px);align-items:center;} body.sober-case #partenaires .c143-partners__hero h2{font-size:clamp(33px,3.8vw,56px)!important;max-width:21ch;line-height:1.09;} body.sober-case #partenaires .c143-partners__brands{align-self:center;} body.sober-case #orange-parcours-public{background:#fff;} body.sober-case #orange-parcours-public .c152-orange__header{padding-bottom:clamp(22px,3vw,36px);align-items:end;gap:18px;} body.sober-case #orange-parcours-public .c152-orange__header h2{max-width:21ch;} body.sober-case .c115-source-gallery{display:none!important;} /* Allianz: separate the two wireframes and give the end-of-study evidence an equal two-card hierarchy rather than pseudo-impact metrics. */ body.sober-case .ux142-board--allianz .ux142-pair, body.sober-case .v138-allianz-research .ux142-pair{gap:clamp(24px,3vw,46px);} body.sober-case .ux142-board--allianz .ux142-artifact,body.sober-case .v138-allianz-research .ux142-artifact{padding:clamp(18px,2vw,30px);} body.sober-case #resultat .at124-result-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;} body.sober-case #resultat .at124-result-signals article{min-height:146px;padding:19px;border-radius:14px;border:1px solid #ffffff35;background:#ffffff0a;} body.sober-case #resultat .at124-attribution{border-top:1px solid #ffffff30;padding-top:16px;margin-top:20px;} body.sober-case #resultat .at124-attribution p{max-width:44ch;line-height:1.6;} @media(max-width:760px){body.sober-case #resultat .at124-result-signals{grid-template-columns:1fr;}body.sober-case #partenaires .c143-partners__hero{padding:30px 22px!important;}} /* Malakoff research playback: backward action is always available after first step; no need to start the whole animation again. */ body.sober-case .ux159-prev{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 9px;border:1px solid #e6d6d1;border-radius:9px;background:#fff;color:#8d3c29;cursor:pointer;font:700 12px/1.25 var(--sans,Arial,sans-serif);white-space:nowrap;} body.sober-case .ux159-prev svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;} body.sober-case .ux159-prev:disabled{opacity:.36;cursor:default;} body.sober-case .ux159-prev:focus-visible{outline:2px solid #c9604c;outline-offset:3px;} body.sober-case .ux148-playback{gap:12px;} body.sober-case .ux148-next{white-space:nowrap;} @media(max-width:550px){body.sober-case .ux148-playback{gap:8px;}body.sober-case .ux159-prev{font-size:11px;padding:6px;}body.sober-case .ux159-prev span{display:none}body.sober-case .ux148-next{font-size:11px;padding-left:3px}} /* A flow diagram—not a row of fake buttons. Conditions are editorial model questions, not undocumented production branch rules. */ body.sober-case .mh159-flowmap{display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:26px;padding:26px clamp(16px,2.7vw,35px);border:1px solid #e5d7d2;border-radius:20px;background:radial-gradient(#ddbfb7 0.7px,transparent .7px) 0 0/18px 18px,#fcfaf8;} body.sober-case .mh159-flowmap :is(.mh159-flow-start,.mh159-flow-question,.mh159-flow-outcome){display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;max-width:100%;border-radius:12px;padding:13px 22px;} body.sober-case .mh159-flowmap :is(.mh159-flow-start,.mh159-flow-outcome){background:#263d4c;color:#fff;} body.sober-case .mh159-flowmap .mh159-flow-question{border:1px solid #d5bbac;background:#fff5ec;min-width:min(100%,300px);} body.sober-case .mh159-flowmap span{font:750 10px/1.35 ui-monospace,monospace;letter-spacing:.075em;} body.sober-case .mh159-flowmap strong{font-size:15px;line-height:1.35;} body.sober-case .mh159-flow-arrow{height:24px;width:2px;background:#b9acaa;position:relative;} body.sober-case .mh159-flow-arrow:after{content:'';position:absolute;bottom:-3px;left:-4px;width:10px;height:10px;border-right:2px solid #b9acaa;border-bottom:2px solid #b9acaa;transform:rotate(45deg)} body.sober-case .mh159-flow-branches{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;position:relative;padding-top:24px;} body.sober-case .mh159-flow-branches:before{content:'';position:absolute;top:10px;left:16.6%;right:16.6%;height:1.5px;background:#bea5a0;} body.sober-case .mh159-flow-branches:after{content:'';position:absolute;top:0;left:50%;height:11px;width:1.5px;background:#bea5a0;} body.sober-case .mh159-flow-lane{position:relative;padding:17px;border:1px solid #dfc9c2;background:#fff;box-shadow:0 4px 10px #6539230c;border-radius:13px;display:flex;flex-direction:column;gap:9px;min-height:140px;} body.sober-case .mh159-flow-lane:before{content:'';position:absolute;top:-15px;left:50%;height:15px;width:1.5px;background:#bea5a0;} body.sober-case .mh159-flow-lane>span{color:#ab6250;} body.sober-case .mh159-flow-lane>p{margin:0;font-size:12px;color:#596a72;line-height:1.4;} body.sober-case .mh159-flow-decision{width:min(100%,690px);display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding:18px;border:1px dashed #b88c7c;border-radius:15px;background:#fff4e9;} body.sober-case .mh159-flow-decision>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;} body.sober-case .mh159-flow-decision>div>span{padding:12px;border-radius:9px;background:#fff;border:1px solid #ead3c3;color:#5b4c4b;font-size:11px;letter-spacing:0;} body.sober-case .mh159-flow-outcome{background:#3f7268!important;padding:16px 23px;} body.sober-case .mh159-flow-note{font-size:11px!important;line-height:1.4!important;color:#7b716f!important;margin:4px 0 0!important;text-align:center;} @media(max-width:720px){body.sober-case .mh159-flow-branches{grid-template-columns:1fr;max-width:540px;gap:10px;padding:14px 0 0;}body.sober-case .mh159-flow-branches:before,body.sober-case .mh159-flow-branches:after,body.sober-case .mh159-flow-lane:before{display:none}body.sober-case .mh159-flow-lane{min-height:auto;padding:14px;}body.sober-case .mh159-flow-decision>div{grid-template-columns:1fr;}body.sober-case .mh159-flowmap{padding:18px 13px;}} /* Screenshot gallery is a photograph, not a UI card to crop. */ body.sober-case .ux142-board--mh .ux142-artifact--screen a{overflow:visible;display:grid;gap:15px;background:transparent;border:0;} body.sober-case .ux142-board--mh .ux142-artifact--screen img{height:auto!important;max-height:none!important;object-fit:contain!important;width:100%;border-radius:12px;border:1px solid #dfe8eb;background:white;} /* v160-case-reading.20261103.css */ /* v160 — Shared evidence-first reading. The existing visual system stays intact. */ :where(body.sober-case) .case-study-summary > article { display:flex; flex-direction:column; } :where(body.sober-case) .v160-evidence-link { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:14px; width:max-content; max-width:100%; white-space:nowrap; min-height:44px; font:700 13px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:inherit; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; } :where(body.sober-case) .v160-evidence-link > span { font-size:18px;line-height:1; } :where(body.sober-case) .v160-evidence-link:hover { text-decoration-thickness:2px; } :where(body.sober-case) .v160-evidence-link:focus-visible, :where(body.sober-case) .v160-quick-path a:focus-visible { outline:3px solid currentColor; outline-offset:4px; border-radius:5px; } /* One compact connective line, not another stack of cards. */ :where(body.sober-case) .v160-quick-path { display:flex; align-items:center; flex-wrap:wrap; gap:10px 24px; width:100%; margin:18px 0 4px; padding:16px 0; border-top:1px solid currentColor; border-bottom:1px solid currentColor; border-color:color-mix(in srgb,currentColor 17%,transparent); font:400 14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; color:inherit; } :where(body.sober-case) .v160-quick-path > span {flex:1 1 300px;max-width:800px;} :where(body.sober-case) .v160-quick-path > span strong {font-weight:750;} :where(body.sober-case) .v160-quick-path a { flex:0 0 auto; min-height:44px; display:inline-flex; align-items:center; gap:9px; color:inherit; font-weight:750; font-size:13px; text-decoration:underline; text-underline-offset:4px; } :where(body.sober-case) .v160-quick-path a span {font-size:18px;line-height:1;} :where(body.sober-case) .v160-apphalt-quick {margin:18px 0 18px;} :where(body.sober-case) :is(#openbanking-2026,#partenaires,#securisation,#montant,#demarche,#resultat,#preuve-interface){scroll-margin-top:132px;} @media(max-width:760px){ :where(body.sober-case) .v160-quick-path {gap:5px 14px;margin:12px 0 5px;padding:12px 0;font-size:13px;} :where(body.sober-case) .v160-quick-path > span {flex:0 1 100%;} :where(body.sober-case) .v160-quick-path a {font-size:12px;} :where(body.sober-case) .v160-evidence-link {font-size:12px;padding-top:10px;} } @media(prefers-reduced-motion:reduce){ :where(body.sober-case) :is(#openbanking-2026,#partenaires,#securisation,#montant,#demarche,#resultat,#preuve-interface){scroll-behavior:auto!important;} } /* Screenshot viewer keyboard/focus help; existing dimensions and colors remain. */ .case159-modal-panel .v160-media-fallback{padding:25px;border-radius:12px;background:white;color:#182938;text-align:center;max-width:450px;line-height:1.6} .case159-modal-panel .v160-media-fallback a{display:block;margin-top:12px;color:#17497c;text-underline-offset:3px} /* v167-project-menu.css */ /* Give visitors a clear exit from the project switcher. */ body .site-header .project-switcher .project-switch-panel > a.project-switch-home { display: flex; grid-template-columns: none; align-items: center; justify-content: flex-start; gap: 10px; min-height: 44px; margin: 0 0 10px; padding: 9px 10px 12px; border: 0; border-bottom: 1px solid #dce1e8; border-radius: 8px 8px 0 0; background: transparent; color: #20324c; font-size: 14px; font-weight: 650; text-decoration: none; box-sizing: border-box; } body .site-header .project-switcher .project-switch-panel > a.project-switch-home:hover { background: #f0f3ff; color: #2945e8; } body .site-header .project-switcher .project-switch-panel > a.project-switch-home:focus-visible { outline: 3px solid #304cff; outline-offset: 2px; } .project-switch-home-icon { display: block; flex: 0 0 17px; width: 17px; height: 17px; color: currentColor; } /* v169-readability.css */ /* A little more surface opacity, with the existing tint and blur preserved. */ body:is(.sober-home,.sober-case) .site-header .header-inner { background:color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 90%,transparent); } @media (prefers-reduced-transparency:reduce) { body:is(.sober-home,.sober-case) .site-header .header-inner {background:#f8faff!important} } @media (forced-colors:active) { body:is(.sober-home,.sober-case) .site-header .header-inner {background:Canvas!important} } @media (max-width:360px) { body.sober-home .site-header:not(.has-project-identity) .desktop-nav {flex-basis:96px} } /* Three concise examples; equal rows and aligned notes make them easy to scan. */ body.sober-home #ia.aiv169 .aiv12-intro {align-items:center;margin-bottom:28px} body.sober-home #ia.aiv169 .aiv12-intro h2 {margin:0;max-width:14ch} body.sober-home #ia.aiv169 .aiv12-intro>p:last-child {display:block;max-width:43ch;font-size:17px;line-height:1.5;font-weight:400;margin:0} body.sober-home #ia.aiv169 .aiv12-card {display:flex;flex-direction:column;padding:24px;gap:0;border-radius:20px;box-shadow:0 8px 24px #1a315809} body.sober-home #ia.aiv169 .aiv12-card::after {display:none} body.sober-home #ia.aiv169 .aiv12-top {align-items:center;margin-bottom:15px} body.sober-home #ia.aiv169 .aiv169-icon {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;color:#3154ef} body.sober-home #ia.aiv169 .aiv12-card h3 {max-width:none;min-height:1.1em;font-size:clamp(26px,2.2vw,32px);line-height:1.1;margin:0 0 12px} body.sober-home #ia.aiv169 .aiv12-desc {max-width:36ch;min-height:3em;font-size:14px;line-height:1.5;margin:0} body.sober-home #ia.aiv169 .aiv138-artifact {height:196px;min-height:196px;flex:none;justify-content:center;gap:12px;margin:20px 0 0;padding:16px;border:0;border-radius:12px;background:#f2f5fb} body.sober-home #ia.aiv169 .aiv138-note-stack span:nth-child(n) {margin:0;font-size:12px;line-height:1.3;padding:10px 11px;box-shadow:none} body.sober-home #ia.aiv169 .aiv169-result {font:600 12px/1.4 var(--sans);color:#29456d;margin:0;padding:0;max-width:none} body.sober-home #ia.aiv169 .aiv138-options {flex:none;align-items:stretch;gap:10px} body.sober-home #ia.aiv169 .aiv138-option>span {min-height:22px;font-size:11px} body.sober-home #ia.aiv169 .aiv138-option-screen i {font-size:10px} body.sober-home #ia.aiv169 .aiv138-window {width:100%;max-width:265px;margin:auto;box-shadow:0 5px 14px #1c335b0d} body.sober-home #ia.aiv169 .aiv169-example {margin:16px 0 0;max-width:none;color:#60718a;font:400 12px/1.5 var(--sans)} @media (min-width:1081px) and (max-width:1279px) { body.sober-home #ia.aiv169 .aiv12-card h3 {min-height:2.15em} } @media (min-width:701px) and (max-width:1080px) { body.sober-home #ia.aiv169 .aiv12-grid {grid-template-columns:1fr} body.sober-home #ia.aiv169 .aiv12-card {display:grid;grid-template-columns:1fr 1fr;gap:0 28px} body.sober-home #ia.aiv169 .aiv12-card h3 {min-height:0} body.sober-home #ia.aiv169 .aiv138-artifact {grid-column:2;grid-row:1/4;align-self:center;margin:0} } @media (max-width:700px) { body.sober-home #ia.aiv169 .aiv12-intro {display:block;margin-bottom:20px} body.sober-home #ia.aiv169 .aiv12-intro h2 {max-width:none;margin-bottom:12px} body.sober-home #ia.aiv169 .aiv12-intro>p:last-child {font-size:15px;max-width:38ch} body.sober-home #ia.aiv169 .aiv12-card {padding:20px} body.sober-home #ia.aiv169 .aiv12-card h3 {font-size:29px;min-height:0} body.sober-home #ia.aiv169 .aiv12-desc {font-size:13px;min-height:3em} body.sober-home #ia.aiv169 .aiv138-artifact {margin-top:18px;padding:13px} body.sober-home #ia.aiv169 .aiv169-example {margin-top:14px} } /* v171-case-coherence.css */ /* Shared case-study canvas. The homepage and embedded product scenes are untouched. */ body.sober-case { --case-reading-width:min(1280px,calc(100% - 44px)); --case-reading-gutter:max(22px,calc((100% - 1280px)/2)); --case-reading-line:#dfe4ea; --case-reading-ink:#26343d; background:#fff!important; } body.sober-case > main {background:#fff!important} /* Align complete sections; text columns retain their own reading measure. */ body.sober-case:is(.v105-malakoff-humanis,.v105-cetelem) .v105-case-hero { padding-inline:var(--case-reading-gutter)!important; } body.sober-case .mh2-container, body.sober-case .v105-case-body, body.sober-case.case-apphalt main > .wrap, body.sober-case .v105-case-exits, body.sober-case .c129-source-appendix { width:var(--case-reading-width)!important;max-width:1280px!important;margin-inline:auto!important; } body.sober-case .mh2-chapter {padding-inline:var(--case-reading-gutter)!important;background:#fff!important} body.sober-case .mh2-chapter > .mh2-container {width:100%!important} body.sober-case.at97-detail #main {width:var(--case-reading-width);max-width:1280px;margin-inline:auto;padding-inline:0} body.sober-case.at97-detail #main > :is(section,div), body.sober-case.at97-detail .v138-allianz-research, body.sober-case.at97-detail .v105-case-exits { width:100%!important;max-width:none!important;margin-inline:0!important; } body.sober-case :is(.ux148-story,.ux142-board,.c151-next-screens,.c143-partners,.c152-security) { width:100%!important;max-width:none!important;margin-inline:0!important; } /* White chapter surfaces, with brand accents kept on icons and active states. */ body.sober-case :is(.ux148-story,.ux148-story-body,.ux142-board,.mh159-flowmap, .mhv135-panel,.c143-partners,.c143-partners__hero,.c143-workshop, .case-settings-proof,.app159-proof-card,.case-delivery,.case-proof-chain>article), body.sober-case .mh2-case .mh2-takeaways>div, body.sober-case .mh2-case .mh2-decision-pair>div, body.sober-case .v147-case-index:not(.is-floating)>a.v147-nav-item { background:#fff!important;background-image:none!important; } body.sober-case :is(.ux148-story,.ux142-board,.mh159-flowmap,.app159-proof-card), body.sober-case .mh2-case .mh2-takeaways>div { border-color:var(--case-reading-line)!important; box-shadow:0 8px 28px #182b4210!important; border-radius:20px; } body.sober-case .ux148-story-body {padding:clamp(20px,3vw,36px)} body.sober-case .ux148-story {margin-block:32px} body.sober-case .ux148-annotation {background:#fff;border-style:solid} /* Use the portfolio's text face for labels, not a technical monospace face. */ body.sober-case :is(.mh159-flowmap span,.app159-proof-eyebrow) { font-family:var(--sans,Arial,sans-serif)!important; font-size:11px;font-weight:700;letter-spacing:.045em;line-height:1.45; } body.sober-case :is(.mhv12-friction-map h3,.at123-case-steps h3) { font:600 clamp(21px,1.8vw,26px)/1.2 var(--sans,Arial,sans-serif); letter-spacing:-.025em; } body.sober-case .mhv12-friction-map article {padding:24px;border-color:var(--case-reading-line);box-shadow:0 6px 20px #182b4208} body.sober-case .mhv12-friction-map article p {line-height:1.6} body.sober-case .mh2-case .mh2-takeaways {gap:16px} body.sober-case .mh2-case .mh2-takeaways>div {padding:26px;min-height:0} body.sober-case .mh2-case .mh2-conclusion-lead {max-width:68ch} body.sober-case .case-proof-chain>article {border:1px solid var(--case-reading-line);border-radius:16px} @media(max-width:740px) { body.sober-case :is(.ux148-story,.ux142-board,.mh159-flowmap,.app159-proof-card) {border-radius:16px} body.sober-case .mhv12-friction-map article, body.sober-case .mh2-case .mh2-takeaways>div {padding:20px} body.sober-case .ux148-story {margin-block:24px} } @media(forced-colors:active) { body.sober-case :is(.ux148-story,.ux142-board,.mh159-flowmap,.app159-proof-card) {border-color:CanvasText!important;box-shadow:none!important} } /* Hero containers already sit inside the shared outer gutter. */ body.sober-case .mh2-hero > .mh2-container {width:100%!important} body.sober-case .mh2-case .mh2-decision-pair {width:100%;max-width:none} body.sober-case .mhv12-friction-map article {display:flex;flex-direction:column;align-items:flex-start} body.sober-case .mhv12-friction-map article>p {margin-bottom:18px} body.sober-case .mhv12-friction-map article>div {width:100%;margin-top:auto} body.sober-case .at146-contribution {background:#fff;border-color:var(--case-reading-line)} /* v172-case-reading.css */ /* A shorter case-study reading path. Source captures and story transitions keep their own styles. */ body.case172-reading :is(.v105-case-hero,.case-hero,.at97-detail-intro) {padding-top:24px!important;padding-bottom:30px!important} body.case172-reading :is(.v105-case-hero,.case-hero,.at97-detail-intro) .back-link {margin-top:0!important;margin-bottom:22px!important} body.case172-reading .mh2-hero-art {height:clamp(280px,31vw,420px);min-height:0} body.case172-reading .mh2-hero-art img {height:100%;width:100%;object-fit:cover;object-position:top} body.case172-reading .case172-index {display:block;padding-block:26px!important} body.case172-reading .case172-index h2 {font:600 20px/1.3 var(--sans);letter-spacing:-.025em;max-width:none;margin:0 0 16px} /* Lightweight contents in the document; same links become the reading guide. */ body.case172-reading .case172-nav:not(.is-floating) {display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-block:18px!important;padding:0!important;border:0!important} body.case172-reading .case172-nav:not(.is-floating)>a.v147-nav-item {display:flex!important;align-items:center;min-height:44px!important;min-width:0;padding:10px 15px!important;border:1px solid #dfe4ea!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;transform:none!important} body.case172-reading .case172-nav:not(.is-floating) :is(.v147-nav-icon,.v147-nav-arrow,.v147-nav-description) {display:none!important} body.case172-reading .case172-nav:not(.is-floating) .v147-nav-copy {display:block!important;padding:0!important} body.case172-reading .case172-nav:not(.is-floating) .v147-nav-title {font:600 13px/1.3 var(--sans)!important} body.case172-reading .case172-nav:not(.is-floating)>a:hover {border-color:var(--case-guide-accent)!important} /* One problem/choice pair, with enough whitespace to scan rather than another card wall. */ body.case172-reading .case172-decision {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 28px;padding:22px 0;border-block:1px solid #dfe4ea} body.case172-reading .case172-decision>div {min-width:0} body.case172-reading .case172-decision span,.case172-kicker {display:block;font:700 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--case-guide-accent)} body.case172-reading .case172-decision p {margin:8px 0 0;font:500 16px/1.55 var(--sans);max-width:56ch;color:var(--ux148-ink,#26343d)} body.case172-reading .mhv12-research {padding-block:34px!important} body.case172-reading .mh2-chapter {padding-block:58px!important} body.case172-reading .mh2-chapter-head {width:100%;max-width:none} body.case172-reading .mh2-conclusion {padding-block:60px 24px!important} body.case172-reading .case172-secondary .mh2-chapter-copy h2 {font-size:clamp(30px,3vw,44px)} body.case172-reading .case172-secondary .mh2-media-grid {margin-top:22px} body.case172-reading .mh2-case .mh2-decision-pair>div:nth-child(2) {background:#fff!important} /* Notes belong to the evidence. Markers are overlays; the original file stays intact. */ body.case172-reading .case172-notes {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 0 0;margin:0;text-align:left} body.case172-reading .case172-notes li {display:flex;gap:10px;min-width:0;align-items:flex-start} body.case172-reading .case172-notes li>span {display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid currentColor;border-radius:50%;font:700 11px/1 var(--sans);color:var(--case-guide-accent)} body.case172-reading .case172-notes strong {display:block;font:600 14px/1.35 var(--sans);color:var(--ux148-ink,#26343d)} body.case172-reading .case172-notes p {margin:6px 0 0;font:400 13px/1.55 var(--sans);color:#53616b} body.case172-reading .case172-annotated-image {position:relative;display:block;overflow:hidden!important;height:auto!important;max-height:none!important} body.case172-reading .case172-annotated-image img {width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;display:block} body.case172-reading .case172-pin {position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;background:var(--case-guide-accent);border:2px solid #fff;border-radius:50%;color:#fff;font:700 12px/1 var(--sans);box-shadow:0 2px 6px #14213733;pointer-events:none} body.case172-reading .case172-proof {overflow:visible!important} body.case172-reading .case172-proof>.case172-notes {padding:8px 20px 24px} body.case172-reading .case172-extra {width:100%;margin:24px 0;border-block:1px solid #dfe4ea;padding:0;background:#fff;border-radius:0;color:var(--case-guide-ink);box-sizing:border-box} body.case172-reading main>.case172-extra {width:var(--case-reading-width);margin-inline:auto} body.case172-reading.at97-detail main>.case172-extra {width:100%} body.case172-reading .case172-extra>summary {cursor:pointer;padding:17px 2px;min-height:52px;font:600 14px/1.5 var(--sans);list-style:revert} body.case172-reading .case172-extra>summary:focus-visible {outline:3px solid var(--case-guide-accent);outline-offset:4px;border-radius:4px} body.case172-reading .case172-extra[open]>summary {margin-bottom:18px} body.case172-reading .case172-extra>section.wrap {width:100%!important;margin:0!important;padding-top:0} body.case172-reading .case172-extra .mh2-media-support {margin:0 0 20px} body.case172-reading .case172-chapter {padding-block:32px 44px;border-bottom:1px solid #dfe4ea} body.case172-reading .case172-chapter>.ux142-head {padding:0;margin:0 0 20px} body.case172-reading .case172-cetelem-proof {display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,100px);align-items:center;padding:18px 0 32px} body.case172-reading .case172-phone-proof {width:min(100%,320px);margin:0 auto} body.case172-reading .case172-phone-proof a {display:block;min-width:0;border-radius:16px;overflow:hidden;box-shadow:0 14px 32px #142c3215} body.case172-reading .case172-phone-proof img {display:block;width:100%;height:auto;border-radius:16px} body.case172-reading .case172-phone-proof figcaption {text-align:center;font:400 12px/1.5 var(--sans);margin-top:12px;color:#566873} body.case172-reading .case172-proof-copy h3 {font:400 clamp(32px,3.6vw,48px)/1.1 var(--serif);letter-spacing:-.04em;margin:14px 0 24px;max-width:20ch} body.case172-reading .case172-proof-copy .case172-notes {grid-template-columns:1fr;gap:25px} body.case172-reading .case172-proof-copy .case172-notes strong {font-size:17px} body.case172-reading .case172-proof-copy .case172-notes p {font-size:15px;max-width:42ch} body.case172-reading .c143-partners__hero {padding-block:34px!important} body.case172-reading .c143-partners__inside {padding-top:0} body.case172-reading .at122-case-intro {margin-bottom:24px} body.case172-reading .at124-specimen-figure {margin:24px 0 36px} body.case172-reading .case172-release-note .gn26-evolution-grid {grid-template-columns:1fr} body.case172-reading .case172-release-note .gn26-evolution-grid article {min-height:0;padding:20px 0;border:0;border-top:1px solid #dfe4ea;background:#fff;box-shadow:none} body.case172-reading .app80-demo-copy .case172-notes {grid-template-columns:1fr;padding-top:0;gap:24px;margin-bottom:24px} body.case172-reading .case172-release-note,.case172-reading .app159-proof {padding-block:34px!important} /* Desktop contents sit inside the unused middle of the header, not below it. */ body.case172-reading .case-guide.is-floating {z-index:110;top:var(--case-guide-inline-top,23px)!important;bottom:auto!important;left:var(--case-guide-inline-left,50%);right:auto;transform:translateX(-50%);display:block!important;width:280px!important;max-width:280px;padding:0!important;margin:0!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible} body.case172-reading .case-guide.is-floating::before {display:none!important} body.case172-reading .case-guide.is-floating .case-guide-toggle {display:flex!important;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px 12px;background:transparent;border:0;border-radius:12px;cursor:pointer;color:var(--case-guide-ink);font:600 12px/1.3 var(--sans)} body.case172-reading .case-guide.is-floating .case-guide-toggle__label {display:block;flex:none;font:700 11px/1.3 var(--sans);text-transform:none;letter-spacing:0} body.case172-reading .case-guide.is-floating .case-guide-toggle__label::after {display:none} body.case172-reading .case-guide.is-floating .case-guide-toggle__current {display:block;min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 12px/1.3 var(--sans)} body.case172-reading .case-guide.is-floating .case-guide-toggle svg {display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;margin:0} body.case172-reading .case-guide.is-floating.is-open {background:#fff!important;border-color:#dfe4ea!important;box-shadow:0 12px 36px #182b4226!important;max-height:min(70vh,440px);overflow:auto} body.case172-reading .case-guide.is-floating:not(.is-open)>a {display:none!important} body.case172-reading .case-guide.is-floating.is-open>a {display:flex!important;align-items:center;justify-content:flex-start!important;width:100%;min-height:44px!important;padding:12px!important;margin:0!important;border:0!important;border-radius:6px!important;font:600 13px/1.4 var(--sans)!important;text-align:left!important;background:transparent!important;box-shadow:none!important;color:var(--case-guide-ink)!important;transform:none!important} body.case172-reading .case-guide.is-floating.is-open>a .v147-nav-copy {display:contents!important} body.case172-reading .case-guide.is-floating.is-open>a :is(.v147-nav-icon,.v147-nav-arrow,.v147-nav-description) {display:none!important} body.case172-reading .case-guide.is-floating.is-open>a .v147-nav-title {display:block!important;color:inherit;font:inherit!important;white-space:normal} body.case172-reading .case-guide.is-floating.is-open>a[aria-current] {background:color-mix(in srgb,var(--case-guide-accent) 7%,white)!important} @media(max-width:1180px){ body.case172-reading .case-guide.is-floating {left:50%;top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:min(350px,calc(100% - 24px))!important;max-width:350px;background:#fffffff5!important;border-color:#dfe4ea!important;box-shadow:0 6px 20px #182b4224!important} body.case172-reading.case-guide-mobile-active main {padding-bottom:76px} } @media(max-width:740px){ body.case172-reading .case172-nav:not(.is-floating) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} body.case172-reading .case172-nav:not(.is-floating)>a.v147-nav-item {padding:10px!important} body.case172-reading .case172-decision {grid-template-columns:1fr;gap:18px;margin-block:20px;padding-block:20px} body.case172-reading .case172-decision p {font-size:15px} body.case172-reading .case172-notes {grid-template-columns:1fr;gap:15px} body.case172-reading .case172-pin {width:18px;height:18px;font-size:10px;border-width:1px} body.case172-reading .case172-cetelem-proof {grid-template-columns:1fr;gap:28px;padding-top:6px} body.case172-reading .case172-proof-copy {grid-row:1} body.case172-reading .case172-proof-copy h3 {font-size:32px;margin-bottom:16px} body.case172-reading .case172-proof-copy .case172-notes {gap:15px;padding:0} body.case172-reading .case172-proof-copy .case172-notes strong {font-size:15px} body.case172-reading .case172-proof-copy .case172-notes p {font-size:14px} body.case172-reading .mh2-chapter {padding-block:36px!important} body.case172-reading .mh2-hero-art {height:280px} body.case172-reading .case172-index h2 {font-size:18px} body.case172-reading .mhv12-research {padding-block:24px!important} } @media(prefers-reduced-motion:reduce){body.case172-reading .case-guide-toggle svg {transition:none!important}} body.case172-reading .case172-detail-crops {display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:20px} body.case172-reading .case172-detail-crops figure {margin:0;min-width:0} body.case172-reading .case172-detail-crops img {display:block;width:100%;height:auto;border:1px solid #dfe4ea;border-radius:12px} body.case172-reading .case172-detail-crops figcaption {font:400 12px/1.5 var(--sans);margin-top:10px;color:#53616b} @media(max-width:740px){body.case172-reading .case172-detail-crops {grid-template-columns:1fr}} body.case172-reading .at123-case-specimens {margin-inline:0} /* v173-targeted-fixes.css */ /* v173: only the reported case-study defects. */ /* Fade in without adding a transform that could detach it from the header. */ body.sober-case.case172-reading main nav.case-guide.is-floating{ animation:case182-guide-appear 180ms cubic-bezier(.2,.7,.3,1) both; } @keyframes case182-guide-appear{from{opacity:0}to{opacity:1}} @media(prefers-reduced-motion:reduce){ body.sober-case.case172-reading main nav.case-guide.is-floating{animation:none} } html:is(.motion-reduced,.gn93-reading) body.sober-case.case172-reading main nav.case-guide.is-floating{animation:none} /* Desktop contents share the header spring; the mobile bottom dock stays put. */ @media(min-width:1181px){ body.sober-case.case172-reading main nav.case-guide.is-floating{ transform:translate3d(-50%,var(--gn-header-elastic-y,0px),0) scaleY(var(--gn-header-elastic-stretch,1)); transform-origin:50% var(--case-guide-origin-y,0px); transition:none; } } @media(min-width:1181px) and (prefers-reduced-motion:reduce){ body.sober-case.case172-reading main nav.case-guide.is-floating{transform:translateX(-50%)} } html:is(.motion-reduced,.gn93-reading) body.sober-case.case172-reading main nav.case-guide.is-floating{transform:translateX(-50%)} /* Show the full source capture, without a fixed-height viewport or stretched card. */ body.sober-case.v105-malakoff-humanis #montant .mh2-shot--mobile {align-self:start} body.sober-case.v105-malakoff-humanis #montant .mh2-shot--mobile .mh2-shot-viewport {height:auto!important;max-height:none!important;background:#fff;overflow:hidden} body.sober-case.v105-malakoff-humanis #montant .mh2-shot--mobile img {display:block;width:100%!important;max-width:280px!important;height:auto!important;max-height:none!important;object-fit:contain;margin-inline:auto} /* A legible contents button and restrained rows, independent of inherited chapter type. */ body.sober-case.case172-reading main nav.case-guide.is-floating {border:1px solid #dbe2e7!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px #142c3210!important;color:#26343d!important} body.sober-case.case172-reading main nav.case-guide.is-floating .case-guide-toggle {min-height:44px!important;padding:10px 12px!important;border-radius:11px;background:#fff!important;color:#26343d!important;text-align:left} body.sober-case.case172-reading main nav.case-guide.is-floating .case-guide-toggle__label {font:600 13px/1.4 var(--sans)!important;letter-spacing:0!important;color:#26343d!important} body.sober-case.case172-reading main nav.case-guide.is-floating .case-guide-toggle__current {font:400 12px/1.4 var(--sans)!important;text-align:left!important;color:#566774!important;padding-left:10px;border-left:1px solid #dbe2e7} body.sober-case.case172-reading main nav.case-guide.is-floating .case-guide-toggle svg {color:#566774;transition:transform .16s ease} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open {padding:0 6px 6px!important;border-color:#d5dee5!important;box-shadow:0 12px 32px #1830421f!important;overflow:auto} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open .case-guide-toggle {width:calc(100% + 12px);margin:0 -6px 6px;border-bottom:1px solid #e7ecef;border-radius:11px 11px 0 0} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item {width:100%!important;min-height:44px!important;padding:11px 12px!important;border-radius:7px!important;color:#33434e!important;background:#fff!important;letter-spacing:0!important;text-decoration:none;animation:case173-menu-in .14s ease both} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item .v147-nav-copy, body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item strong.v147-nav-title {font:500 14px/1.45 var(--sans)!important;letter-spacing:0!important;color:inherit!important;text-transform:none!important} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item[aria-current] {background:color-mix(in srgb,var(--case-guide-accent) 7%,white)!important;color:var(--case-guide-accent)!important;box-shadow:inset 3px 0 var(--case-guide-accent)!important} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item[aria-current] strong.v147-nav-title {font-weight:600!important} body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item:hover {background:#f2f5f7!important} body.sober-case.case172-reading main nav.case-guide.is-floating :is(a,button):focus-visible {outline:2px solid var(--case-guide-accent);outline-offset:-3px} @keyframes case173-menu-in {from{opacity:0}to{opacity:1}} /* Three discrete stages; no traveling progress fill. */ body.sober-case .ux148-track {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:4px;background:transparent;overflow:visible;border-radius:0} body.sober-case .ux148-track>span {display:block;width:auto;height:4px;background:#dce4e8;border-radius:4px;transform:none!important;transition:background-color .16s ease} body.sober-case .ux148-track>span.is-active {background:var(--ux148-brand)} /* The partner introduction now uses readable text on its existing white surface. */ body.sober-case.v105-cetelem #partenaires .c143-partners__hero h2 {color:#1c3c2b;font-family:var(--serif)} body.sober-case.v105-cetelem #partenaires .c143-partners__hero-copy>p:last-child {color:#4c6255} body.sober-case.v105-cetelem #partenaires .c143-partners__eyebrow {color:#27633b} /* Center the white panel by trimming only the unequal blank side margins in CSS. The original image and its zoom link are unchanged (white panel x=164..1484 / 1500). */ body.sober-case.v105-cetelem #c143-apple-proof .case173-centered-capture {overflow:hidden;background:#fff} body.sober-case.v105-cetelem #c143-apple-proof .case173-centered-capture img {width:113.636364%!important;max-width:none!important;height:auto!important;margin-left:-12.424242%;object-fit:contain;transform:none} /* Two clear outcomes instead of the dense status table and touching cards. */ body.sober-case.v105-cetelem #bilan.case173-results h2 {max-width:28ch;margin-bottom:28px} body.sober-case.v105-cetelem #bilan .case173-result-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px} body.sober-case.v105-cetelem #bilan .case173-result-grid article {min-width:0;padding:26px;border:1px solid #dce5df;border-radius:16px;background:#fff} body.sober-case.v105-cetelem #bilan .case173-result-grid h3 {margin:0 0 10px;font:600 20px/1.3 var(--sans);letter-spacing:-.02em;color:#244432} body.sober-case.v105-cetelem #bilan .case173-result-grid p {margin:0;font:400 15px/1.6 var(--sans);color:#526358;max-width:55ch} @media(max-width:740px){ body.sober-case.v105-malakoff-humanis #montant .mh2-shot--mobile img {max-width:320px!important} body.sober-case.v105-cetelem #bilan .case173-result-grid {grid-template-columns:1fr;gap:14px} body.sober-case.v105-cetelem #bilan .case173-result-grid article {padding:22px} body.sober-case.v105-cetelem #bilan .case173-result-grid h3 {font-size:18px} } @media(prefers-reduced-motion:reduce){body.sober-case .ux148-track>span,body.sober-case.case172-reading main nav.case-guide.is-floating.is-open>a.v147-nav-item {transition:none;animation:none}} /* v175-case-refinement.css */ /* v175 — bidirectional case-story navigation and Allianz's connected narrative. */ body.sober-case .ux148-stage-shell { touch-action:pan-y pinch-zoom; } body.sober-case .ux148-panel, body.sober-case .ux148-panel.is-active { transform:none; transition:none; } body.sober-case .ux148-playback { display:block; padding-top:24px; } body.sober-case .ux175-controls { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; margin-top:12px; } body.sober-case .ux175-nav { display:inline-flex; align-items:center; justify-content:center; gap:9px; width:fit-content; min-height:44px; padding:10px 14px; border:1px solid #d9e2e8; border-radius:10px; background:white; color:var(--ux148-brand); font:650 13px/1.35 var(--sans,Arial,sans-serif); text-decoration:none; cursor:pointer; transition:background-color .16s,border-color .16s; } body.sober-case .ux175-nav:hover { background:color-mix(in srgb,var(--ux148-brand) 5%,white); border-color:var(--ux148-brand); } body.sober-case .ux175-nav[aria-disabled=true] { color:#7b8790; border-color:#e8edf0; background:#fafbfc; cursor:default; } body.sober-case .ux175-nav .ux148-icon { width:17px; height:17px; flex:none; } body.sober-case .ux175-nav[hidden] { display:none; } body.sober-case .ux175-count { font:600 12px/1.4 var(--sans,Arial,sans-serif); color:#62717c; font-variant-numeric:tabular-nums; } body.sober-case .ux175-forward { display:flex; justify-content:flex-end; } body.sober-case .ux175-finish { border-color:var(--ux148-brand); } body.sober-case .at175-story .ux148-story-intro { grid-template-columns:1.1fr 1fr; } body.sober-case .at175-story .ux148-stage-shell { min-height:0; } body.sober-case .at175-story .ux148-panel { min-height:0; gap:22px; padding:6px 0 0; } body.sober-case .at175-role-grid, body.sober-case .at175-priorities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } body.sober-case :is(.at175-role,.at175-priorities>article) { min-width:0; border:1px solid #d7e3eb; border-radius:14px; padding:24px; background:#fff; } body.sober-case .at175-role-head { display:flex; align-items:center; gap:12px; margin-bottom:24px; } body.sober-case .at175-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#edf6fa; color:#006d8f; flex:none; } body.sober-case .at175-avatar svg { width:22px; height:22px; } body.sober-case .at175-role-head strong { display:block; color:#153e5f; font:650 14px/1.4 var(--sans,Arial,sans-serif); } body.sober-case .at175-role-head span:not(.at175-avatar) { color:#5b6f7d; font:400 12px/1.5 var(--sans,Arial,sans-serif); } body.sober-case :is(.at175-role,.at175-map-side,.at175-priorities>article,.at175-state) h4 { margin:0 0 12px; color:#153e5f; font:650 22px/1.25 var(--sans,Arial,sans-serif); letter-spacing:-.025em; } body.sober-case :is(.at175-role,.at175-state) p { margin:0; color:#536979; font:400 14px/1.6 var(--sans,Arial,sans-serif); max-width:42ch; } body.sober-case .at175-map { display:grid; grid-template-columns:1fr minmax(190px,.85fr) 1fr; align-items:stretch; gap:24px; } body.sober-case .at175-map-side { padding:20px; background:#f6fafc; border-radius:12px; } body.sober-case .at175-label { display:block; margin-bottom:14px; font:700 11px/1.4 var(--sans,Arial,sans-serif); letter-spacing:.065em; text-transform:uppercase; color:#006c8b; } body.sober-case .at175-map-side h4 { font-size:19px; } body.sober-case .at175-map-side ul { margin:16px 0 0; padding:0; list-style:none; color:#4f6879; font:400 14px/1.8 var(--sans,Arial,sans-serif); } body.sober-case .at175-map-side li { display:flex; align-items:center; gap:9px; } body.sober-case .at175-map-side li:before { content:""; width:4px; height:4px; border-radius:50%; background:#41839c; } body.sober-case .at175-order { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; border:1px solid #89b9cd; border-radius:14px; color:#154362; background:white; padding:22px 12px; text-align:center; } body.sober-case .at175-order:before,.at175-order:after { content:""; position:absolute; height:1px; width:25px; background:#89b9cd; top:50%; } body.sober-case .at175-order:before { right:100%; } body.sober-case .at175-order:after { left:100%; } body.sober-case .at175-order svg { width:27px; height:27px; color:#00799c; margin-bottom:5px; } body.sober-case .at175-order span { font-size:12px; } body.sober-case .at175-order strong { font:700 22px/1.2 var(--sans,Arial,sans-serif); letter-spacing:-.03em; } body.sober-case .at175-order small { font-size:11px; color:#5b7282; } body.sober-case .at175-decision { display:flex; align-items:center; gap:10px; margin:0; padding:14px 0 0; border-top:1px solid #e0e9ef; color:#4c6474; font:400 13px/1.6 var(--sans,Arial,sans-serif); } body.sober-case .at175-decision svg { width:20px; height:20px; flex:none; color:#00799c; } body.sober-case .at175-priorities { gap:20px; } body.sober-case .at175-priorities>article { padding:20px 24px; } body.sober-case .at175-priorities h4 { font-size:19px; margin-bottom:19px; } body.sober-case .at175-priorities ol { list-style:none; padding:0; margin:0; display:grid; gap:15px; } body.sober-case .at175-priorities li { display:flex; gap:12px; align-items:flex-start; } body.sober-case .at175-priorities li>span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#eef6f9; color:#006b8c; font:650 12px/1 var(--sans,Arial,sans-serif); flex:none; } body.sober-case .at175-priorities li strong { font:650 13px/1.4 var(--sans,Arial,sans-serif); color:#294b61; } body.sober-case .at175-priorities li p { font:400 12px/1.5 var(--sans,Arial,sans-serif); color:#5b6f7d; margin:3px 0 0; } body.sober-case .at175-merchant { padding:48px 0 0; margin-top:20px; border-top:1px solid #dce5ee; } body.sober-case .at175-merchant header { max-width:760px; margin-bottom:28px; } body.sober-case .at175-merchant h2 { margin:12px 0 16px; color:#153e5f; font-size:clamp(30px,3.2vw,46px); line-height:1.1; } body.sober-case .at175-merchant header>p:last-child { color:#536979; font:400 15px/1.65 var(--sans,Arial,sans-serif); } body.sober-case .at175-state-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } body.sober-case .at175-state { display:flex; flex-direction:column; align-items:flex-start; padding:24px; border:1px solid #d4e3ec; border-radius:14px; background:#fff; } body.sober-case .at175-state-head { display:flex; align-items:center; gap:10px; margin-bottom:23px; } body.sober-case .at175-state-head svg { width:21px; height:21px; color:#00799c; } body.sober-case .at175-state h3 { margin:0; color:#153e5f; font:650 15px/1.4 var(--sans,Arial,sans-serif); } body.sober-case .at175-status { display:inline-flex; align-items:center; margin-bottom:18px; padding:5px 9px; border-radius:6px; background:#eef7fa; color:#16617d; font:650 11px/1.4 var(--sans,Arial,sans-serif); } body.sober-case .at175-status--alert { color:#a13e2a; background:#fff0eb; } body.sober-case .at175-state h4 { font-size:21px; } body.sober-case .at175-state-action { margin-top:auto; padding-top:23px; width:100%; } body.sober-case .at175-state-action>span { display:block; border-top:1px solid #dce7ee; padding-top:16px; margin-bottom:7px; color:#617786; font:400 11px/1.4 var(--sans,Arial,sans-serif); } body.sober-case .at175-state-action strong { color:#153e5f; font:650 14px/1.4 var(--sans,Arial,sans-serif); } body.sober-case .at175-publication { margin:18px 0 0; color:#617786; font:400 12px/1.5 var(--sans,Arial,sans-serif); } body.sober-case .at123-result>div>a { gap:10px; } body.sober-case .at123-result>div>a svg { flex:none; } @media(max-width:800px) { body.sober-case .at175-story .ux148-story-intro { grid-template-columns:1fr; } body.sober-case .at175-state-grid { grid-template-columns:1fr; } body.sober-case .at175-state { padding:22px; } body.sober-case .at175-state p { max-width:100%; } } @media(max-width:640px) { body.sober-case .at175-role-grid,body.sober-case .at175-priorities { grid-template-columns:1fr; gap:12px; } body.sober-case :is(.at175-role,.at175-priorities>article) { padding:18px; } body.sober-case .at175-role-head { margin-bottom:14px; } body.sober-case .at175-role h4 { font-size:20px; } body.sober-case .at175-story .ux148-panel { gap:18px; } body.sober-case .at175-map { grid-template-columns:1fr; gap:14px; } body.sober-case .at175-map-side { padding:16px 18px; } body.sober-case .at175-map-side ul { margin-top:8px; display:flex; flex-wrap:wrap; gap:4px 14px; } body.sober-case .at175-map-side h4 { margin-bottom:0; } body.sober-case .at175-map-side .at175-label { margin-bottom:7px; } body.sober-case .at175-order { padding:15px; gap:5px; } body.sober-case .at175-order svg { display:none; } body.sober-case .at175-order:before,body.sober-case .at175-order:after { height:15px; width:1px; left:50%; right:auto; top:auto; } body.sober-case .at175-order:before { bottom:100%; } body.sober-case .at175-order:after { top:100%; } body.sober-case .ux175-controls { gap:6px; } body.sober-case .ux175-nav { font-size:12px; padding:10px; gap:6px; } body.sober-case .ux175-finish { max-width:130px; text-align:left; } body.sober-case .at175-merchant { padding-top:32px; } } @media(prefers-reduced-motion:reduce) { body.sober-case .ux175-nav { transition:none; } } html.motion-reduced body.sober-case .ux175-nav { transition:none; } body.sober-case .at175-decision { max-width:none; } body.sober-case .at175-priorities>article .at175-label { margin-bottom:20px; } @media(max-width:640px) { body.sober-case .at175-role-grid .at175-role h4 { font-size:20px; } body.sober-case .at175-priorities>article .at175-label { margin-bottom:15px; } } @media(max-width:640px) { body.sober-case .at175-story .ux148-stage-shell { display:block; } body.sober-case .at175-story .ux148-panel { position:absolute; inset:0 auto auto 0; width:100%; } body.sober-case .at175-story .ux148-panel.is-active { position:relative; } } /* v176-cetelem-focus.css */ /* Cetelem: lead with the original design, then explain the decisions once. */ body.sober-case.v105-cetelem .c176-entry { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(240px, .7fr); grid-template-areas: "copy proof" "facts proof"; gap: 28px clamp(32px, 6vw, 84px); } body.sober-case.v105-cetelem .c176-entry-copy { grid-area: copy; align-self: end; min-width: 0; } body.sober-case.v105-cetelem .c176-entry h1 { max-width: 19ch; } body.sober-case.v105-cetelem .c176-entry .case-intro { max-width: 58ch; } body.sober-case.v105-cetelem .c176-entry .case-facts { grid-area: facts; align-self: start; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding-top: 20px; border: 0; border-top: 1px solid #dce5df; border-radius: 0; background: transparent; margin-top: 0; margin-bottom: 0; } body.sober-case.v105-cetelem .c176-entry .case-facts > div { min-width: 0; padding: 0; border: 0; background: transparent; } body.sober-case.v105-cetelem .c176-entry .case-facts .v150-fact-mark { display: none; } body.sober-case.v105-cetelem .c176-entry .case-facts dt { margin: 0 0 8px; } body.sober-case.v105-cetelem .c176-entry .case-facts dd { margin: 0; font-size: 14px; line-height: 1.5; } body.sober-case.v105-cetelem .c176-entry-proof { grid-area: proof; align-self: center; min-width: 0; } body.sober-case.v105-cetelem .c176-entry-proof .case172-phone-proof { width: min(100%, 280px); margin-inline: auto; } body.sober-case.v105-cetelem .c176-proof-notes { padding: 4px 0 16px; } body.sober-case.v105-cetelem .c176-proof-notes .case172-notes { padding-top: 4px; gap: clamp(18px, 3vw, 40px); } body.sober-case.v105-cetelem .c176-proof-notes .case172-notes p { font-size: 14px; line-height: 1.6; } /* The partner work is a chapter on the page, not cards inside another card. */ body.sober-case.v105-cetelem #partenaires.c143-partners { margin-block: 52px 58px !important; overflow: visible; border: 0 !important; border-top: 1px solid #dce5df !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; } body.sober-case.v105-cetelem #partenaires .c143-partners__hero { grid-template-columns: minmax(0, 1fr) auto; gap: 32px; padding: 36px 0 28px !important; } body.sober-case.v105-cetelem #partenaires .c143-partners__hero h2 { max-width: 22ch; font-size: clamp(34px, 4vw, 54px); line-height: 1.08; } body.sober-case.v105-cetelem #partenaires .c143-partners__hero-copy > p:last-child { max-width: 70ch; font-size: 16px; line-height: 1.65; } body.sober-case.v105-cetelem #partenaires .c143-partners__inside { padding: 0; } body.sober-case.v105-cetelem #partenaires .c143-partners__proofs { gap: 32px; margin-top: 10px; align-items: start; } body.sober-case.v105-cetelem #partenaires .c143-partner-card { overflow: visible; border: 0; border-radius: 0; box-shadow: none; } body.sober-case.v105-cetelem #partenaires .c143-partner-card__heading { padding: 20px 0 18px; border-top: 1px solid #dce5df; } body.sober-case.v105-cetelem #partenaires .c143-partner-card h3 { min-height: 0; font-family: var(--serif); font-size: clamp(25px, 2.5vw, 33px); line-height: 1.13; } body.sober-case.v105-cetelem #partenaires .c143-partner-card__heading p { font-size: 15px; line-height: 1.6; max-width: 58ch; } body.sober-case.v105-cetelem #partenaires .c143-partner-card figure { margin: 0; padding: 0; } body.sober-case.v105-cetelem #partenaires .c143-partner-card figcaption { font-size: 12px; line-height: 1.55; } body.sober-case.v105-cetelem #partenaires .c143-partners__closing { margin-top: 28px; padding-top: 22px; gap: 32px; } body.sober-case.v105-cetelem #partenaires .c143-partners__closing p { font-size: 13px; line-height: 1.65; } @media (max-width: 760px) { body.sober-case.v105-cetelem .c176-entry { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "proof" "facts"; gap: 28px; } body.sober-case.v105-cetelem .c176-entry h1 { max-width: 21ch; } body.sober-case.v105-cetelem .c176-entry .case-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } body.sober-case.v105-cetelem .c176-entry .case-facts > div:last-child { grid-column: 1 / -1; } body.sober-case.v105-cetelem .c176-entry-proof .case172-phone-proof { width: min(100%, 280px); } body.sober-case.v105-cetelem .c176-proof-notes .case172-notes { grid-template-columns: 1fr; gap: 16px; } body.sober-case.v105-cetelem #partenaires .c143-partners__hero { grid-template-columns: 1fr; gap: 22px; } body.sober-case.v105-cetelem #partenaires .c143-partners__brands { max-width: 380px; } body.sober-case.v105-cetelem #partenaires .c143-partners__proofs { gap: 30px; } body.sober-case.v105-cetelem #partenaires .c143-partners__closing { gap: 20px; } } @media (forced-colors: active) { body.sober-case.v105-cetelem #partenaires.c143-partners, body.sober-case.v105-cetelem #partenaires .c143-partner-card__heading { border-color: CanvasText !important; } } /* v195-header-context.css */ /* v195: preserve a visible chevron within the narrow project menu. */ /* Link interaction states follow the project already active in the header. */ body:is(.sober-home,.sober-case) .site-header .desktop-nav > a:is(:hover,:focus-visible,[aria-current]), body:is(.sober-home,.sober-case) .site-header .project-switcher > summary:is(:hover,:focus-visible) { color:var(--header-accent,var(--blue)); } body:is(.sober-home,.sober-case) .site-header .project-switcher .project-switch-panel a:is(:hover,:focus-visible,[aria-current]) { color:var(--header-accent,var(--blue)); background:color-mix(in srgb,var(--header-accent,var(--blue)) 7%,white); } body:is(.sober-home,.sober-case) .site-header .project-switcher > summary:focus-visible, body:is(.sober-home,.sober-case) .site-header .project-switcher[open] > summary { color:var(--header-accent,var(--blue)); background:color-mix(in srgb,var(--header-accent,var(--blue)) 9%,white); } /* The current link retains aria-current without an extra visible badge. */ body:is(.sober-home,.sober-case) .site-header .project-current { display:none; } body:is(.sober-home,.sober-case) .site-header .project-switch-panel > a.project-jump { grid-template-columns:36px minmax(0,1fr); align-items:center; } body:is(.sober-home,.sober-case) .site-header .project-switch-panel .project-entry-mark { display:flex;align-items:center;justify-content:center;align-self:center; grid-column:1;grid-row:1;width:36px;height:32px; } body:is(.sober-home,.sober-case) .site-header .project-switch-panel .project-entry-mark + span { grid-column:2;grid-row:1;align-self:center; } body:is(.sober-home,.sober-case) .site-header .language-switch a:not([aria-current]):is(:hover,:focus-visible) { color:var(--header-accent,var(--blue)); background:color-mix(in srgb,var(--header-accent,var(--blue)) 9%,white); } body:is(.sober-home,.sober-case) .site-header :is(a,summary):focus-visible { outline-color:var(--header-accent,var(--blue)); } /* Keep the mobile navigation action explicit, including within a client story. */ body:is(.sober-home,.sober-case) .site-header .project-switch-menu-label{display:none} @media(max-width:800px){ body:is(.sober-home,.sober-case) .site-header .project-switcher>summary{ display:grid;grid-template-columns:minmax(0,1fr) 11px;align-content:center;justify-content:center; column-gap:5px;row-gap:2px;min-height:44px; } body:is(.sober-home,.sober-case) .site-header .project-switch-default{display:none} body:is(.sober-home,.sober-case) .site-header .project-switch-menu-label{ display:block;grid-column:1;grid-row:1;font:600 12px/1.2 var(--sans,Arial,sans-serif);text-align:center; } body:is(.sober-home,.sober-case) .site-header .project-switcher>summary.has-project-identity .project-switch-identity{ grid-column:1;grid-row:1;justify-self:center;min-width:0;width:100%;max-width:100%;justify-content:center; } body:is(.sober-home,.sober-case) .site-header .project-switcher>summary.has-project-identity .project-switch-menu-label{display:none} body:is(.sober-home,.sober-case) .site-header .project-switcher>summary>svg{grid-column:2;grid-row:1;align-self:center;justify-self:center;display:block;width:11px;min-width:11px;height:11px;flex:none} body:is(.sober-home,.sober-case) .site-header .project-switcher>summary.has-project-identity .project-switch-identity img{width:auto;height:23px;max-width:100%;min-width:0;object-fit:contain} body:is(.sober-home,.sober-case) .site-header[data-project-theme="apphalt"] .project-switcher>summary.has-project-identity .project-switch-identity{gap:4px;width:auto} body:is(.sober-home,.sober-case) .site-header[data-project-theme="apphalt"] .project-switcher>summary.has-project-identity .project-switch-identity img{width:20px;height:20px;flex:none} } @media(max-width:360px){ body:is(.sober-home,.sober-case) .site-header .project-switcher>summary{column-gap:4px} body:is(.sober-home,.sober-case) .site-header[data-project-theme="apphalt"] .project-switch-identity span{font-size:11px;white-space:nowrap} body:is(.sober-home,.sober-case) .site-header[data-project-theme="apphalt"] .project-switcher>summary.has-project-identity .project-switch-identity img{width:18px;height:18px} } /* v189-header-surface.css */ /* The material follows one scroll value. Its blur and curvature stay constant. */ html.has-js body:is(.sober-home,.sober-case) .site-header[data-header-material] {--header-reveal:0;} body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner { background:transparent!important;border-color:transparent;box-shadow:none; -webkit-backdrop-filter:blur(24px) saturate(145%)!important; backdrop-filter:blur(24px) saturate(145%)!important; transition:none!important; } body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before { content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none; background:linear-gradient(155deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 55%,rgba(255,255,255,.12)),color-mix(in srgb,var(--header-tint,rgba(247,249,252,.72)) 90%,transparent)!important; border:1px solid rgba(170,185,207,.54)!important;border-radius:inherit!important; box-shadow:0 18px 48px rgba(17,24,39,.08),inset 0 1px rgba(255,255,255,.63),inset 0 -1px rgba(255,255,255,.14)!important; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; opacity:var(--header-reveal,1); transform:translateY(calc(-2px * (1 - var(--header-reveal,1)))) scale(calc(.996 + .004 * var(--header-reveal,1)),calc(.97 + .03 * var(--header-reveal,1)))!important; transform-origin:50% 0%;transition:none!important; } html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner, html:is(.motion-reduced,.gn93-reading) body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {transform:none!important;} @media(prefers-reduced-motion:reduce) { body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner, body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {transform:none!important;} } @media(max-width:800px) { body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before { box-shadow:0 8px 24px rgba(17,31,51,.1),inset 0 1px rgba(255,255,255,.63)!important; } } @media(prefers-reduced-transparency:reduce) { body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner { -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {background:#f8faff!important;} } @media(forced-colors:active) { body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner { background:Canvas!important;border-color:CanvasText!important;box-shadow:none; -webkit-backdrop-filter:none!important;backdrop-filter:none!important; } body:is(.sober-home,.sober-case) .site-header[data-header-material] .header-inner::before {display:none;} } /* v195-portfolio-polish.css */ /* The reading alternative uses its own foreground on each surface. */ html:is(.motion-reduced,.gn93-reading) body.sober-home #malakoff-experience.mh9 #mh-story-end { background: #172b48; color: #edf4fc; } html:is(.motion-reduced,.gn93-reading) body.sober-home #malakoff-experience.mh9 #mh-story-end :is(p, li) { color: #c5d4e5; } html:is(.motion-reduced,.gn93-reading) body.sober-home #malakoff-experience.mh9 #mh-story-end :is(h3, summary, a) { color: #edf4fc; } body.sober-home #apphalt-produit [data-ah-reading-art] .ah167-context p { color: #263044; } /* Both routes are visible in the Cetelem illustration. They are not form controls. */ body.sober-case .ux148-sim-actions { display: grid; gap: 8px; margin-top: 10px; } body.sober-case .ux148-sim-actions .ux148-sim-button { margin: 0; background: #20543b; } body.sober-case .ux148-sim-actions .ux148-sim-button--secondary { border: 1px solid #728d7d; color: #244635; background: #fff; } body.sober-case .ux148-form-list--consent { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* One unobtrusive playback control below the authentic demonstration. */ body.case176-secondary.case-apphalt .app176-hero-proof .app195-demo-caption { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 12px; min-height: 44px; margin-top: 8px; text-align: left; } .app195-demo-toggle { min-height: 44px; padding: 8px 12px; border: 1px solid #c0cfdf; border-radius: 8px; background: #fff; color: #233c67; font: 600 12px/1.25 var(--sans, Arial, sans-serif); cursor: pointer; } .app195-demo-toggle:hover { background: #f0f4fc; } .app195-demo-toggle:focus-visible { outline: 2px solid #2853b0; outline-offset: 3px; } .app195-demo-toggle[hidden] { display: none; } .app195-demo-caption noscript { grid-column: 1 / -1; }