/* 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;}