:root{
  --navy:var(--sbc-color-navy);--navy3:#121b3d;--ink:var(--sbc-color-navy);
  --gold:var(--brand-gold);--gold-soft:var(--brand-gold);--gold-deep:var(--brand-bronze);--champagne:var(--brand-gold);
  --cream:var(--sbc-color-ivory);--muted:var(--sbc-color-muted-dark);--line:rgba(var(--brand-gold-rgb),.22);
  --encre-ivoire:#464c60;
  --or-encre:var(--brand-bronze);    
  --grad:linear-gradient(115deg,var(--champagne),var(--gold) 60%,var(--gold-deep));
  --v4ease:cubic-bezier(.22,1,.36,1);
  --micro:var(--sbc-type-caption);
  --micro-track:.15em;
  --rythme:clamp(64px,7vw,104px);
  --serif:"Spectral","Spectral secours",Georgia,serif;
  --sans:"Archivo",system-ui,sans-serif;
}
.statband b,.stat b,.ucount,.gy,.gn,.pnum,.sec-num i,.lk,.tk,input,.tline,.roadmap{font-variant-numeric:tabular-nums}
 
body{font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p,li,dd,dt{font-weight:400;line-height:1.7}
.lead{font-weight:400;font-size:clamp(1.06rem,1.4vw,1.2rem);line-height:1.65;color:var(--muted)}
.desc,.m-desc,.lc-desc,.sub,.md{color:#c8cedd}
p b,p strong,li b,li strong,.lead b,.lead strong,.sub b,.wrap > b{color:var(--cream);font-weight:600}
 
.eyebrow,.sec-num,.gh,.marquee-label,.role,.sec-tag,.t,.l,.lbl,.tag,.chip,.pill,.gt,
.mono,.verify,h4,.badge,.lk,.tk,.lc-role,.gy,.sig,.bt small,small,.nav-cta,.tt,.ct,
.mega-head,.foot-bottom,.copy,.dot,.pnum,.marquee span.lbl{
  font-size:var(--micro)!important;letter-spacing:var(--micro-track)!important
}
.md,.field label,label,.desc,.m-desc,.lc-desc{font-size:var(--sbc-type-caption)!important;letter-spacing:.01em!important}
.navlinks a,.navlinks .mitem .mt,.lang a,.lang span{font-size:var(--sbc-type-caption)!important;letter-spacing:.03em!important}
svg text{font-size:var(--sbc-type-meta)!important;letter-spacing:.12em!important}
 
h1,h2{font-weight:600;letter-spacing:.004em;text-wrap:balance}
.hero > .wrap{width:100%;margin-left:auto;margin-right:auto}
p,.lead,.desc{text-wrap:pretty}
.fb img,.foot img,.brand img,.logo-img,.foot-brand img{width:auto!important}
.fb img{height:38px}
.hero h1{font-size:clamp(2.35rem,3.9vw,3.8rem);line-height:1.08}
.sec-head h2,.page-hero h1,section h2{font-size:clamp(1.85rem,3.4vw,2.9rem);line-height:1.12}
h3{font-family:var(--sans);font-weight:600;font-size:clamp(1.02rem,1.3vw,1.2rem);letter-spacing:.01em;line-height:1.34}
h4{font-family:var(--sans);font-weight:600}
h1 em,h2 em,h1 i,h2 i,.gold-i{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.quote-lg,blockquote{font-family:var(--serif);font-style:italic;color:var(--gold-soft);border-left:1px solid var(--gold);padding-left:26px}
.eyebrow{color:var(--gold);font-weight:600}
.sec-num{color:var(--gold);font-weight:700}
.sec-num i{font-style:normal;color:var(--gold-soft);margin-right:.7em;font-variant-numeric:tabular-nums}
.l,.lbl{font-weight:500;color:var(--muted)}
.role,.gt,.pnum,.badge,.tk,.lk,.ct,.verify,.sig,.lc-role,.gy,
.pole.news > div:not(.pn):not(.desc){color:var(--gold-soft)!important}
.eyebrow,.sec-num{color:var(--gold)!important}
 
.route li::before,.crit li::before,li::before,.vault-list li::before,.path li::before,
.pil li::before,.lvl li::before,.crit p::before{content:none!important}
.route li,.crit li,.vault-list li,.path li{padding-left:0;gap:0}
.grp-h .ln,.eyebrow::before,.eyebrow::after{display:none}
.grp-h{gap:0}
.caret{opacity:.55;font-size:.72em;margin-left:.35em}
 
.brand{gap:14px;align-items:center;cursor:pointer}
.brand picture{display:flex;align-items:center;line-height:0}
.brand span{display:flex;flex-direction:column;justify-content:center;line-height:1.02;white-space:nowrap}
.brand span b{font-family:var(--sans);font-weight:600;font-size:var(--sbc-type-meta);letter-spacing:.3em;
  text-transform:uppercase;color:var(--muted);margin-top:.3em;line-height:1}
nav.scrolled .brand span b,header.scrolled .brand span b{color:var(--muted)}
.brand:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.logo-img{height:42px;transition:height .45s var(--v4ease)}
 
nav > .wrap,header > .wrap,#hdr > nav{align-items:center}
.navlinks{gap:21px;flex:1;justify-content:center;align-items:center}
.navlinks > a,.navlinks > .has-mega,.navlinks .has-mega > a{display:flex;align-items:center;height:34px}
.navlinks > a,.navlinks .has-mega > a{position:relative;padding:8px 0;color:var(--muted);white-space:nowrap}
.navlinks > a::after,.navlinks .has-mega > a::after{content:"";position:absolute;left:0;right:auto;bottom:0;width:0;height:1px;background:var(--gold);transition:width .35s var(--v4ease)}
.navlinks > a:hover,.navlinks .has-mega:hover > a{color:var(--cream)}
.navlinks > a:hover::after,.navlinks .has-mega:hover > a::after{width:100%}
.navlinks > a.active{color:var(--cream)}
.navlinks > a.active::after{width:100%;background:linear-gradient(90deg,var(--gold),rgba(var(--brand-gold-rgb),.25))}
 
.caret{display:inline-block;font-size:0!important;width:0;height:0;vertical-align:middle;
  border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;
  opacity:.5;margin-left:.6em;transition:transform .3s var(--v4ease),opacity .3s}
.has-mega:hover .caret{opacity:.95;transform:rotate(180deg)}
.navlinks{margin-left:30px}
 
.right{gap:18px;align-items:center;margin-left:22px;padding-left:20px;border-left:1px solid rgba(var(--brand-gold-rgb),.14);flex:none}
.lang{border:none!important;background:none!important;display:inline-flex;align-items:center;gap:0}
.lang a,.lang span{padding:6px 10px;display:inline-block;text-decoration:none;line-height:1.4;background:none!important;font-weight:500}
.lang .on{color:var(--cream)!important;background:none!important;position:relative}
.lang a.off{color:var(--muted);transition:color .3s}
.lang a.off:hover{color:var(--gold-soft)}
.lang > *:first-child::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:rgba(var(--brand-gold-rgb),.35)}
.lang > *:first-child{position:relative}
.nav-cta{white-space:nowrap;border-width:1px;transition:background .35s var(--v4ease),color .35s}
.nav-cta:hover{background:var(--gold);color:var(--ink)!important}
 
nav.scrolled,header.scrolled,.scrolled nav{background:rgba(6,9,24,.78)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--brand-gold-rgb),.16)}
header.scrolled .logo-img,nav.scrolled .logo-img{height:34px}
header.scrolled .wrap,nav.scrolled .wrap{padding-top:10px;padding-bottom:10px}
 
.btn,.btn-gold,.btn-ghost{font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:16px 30px;transition:all .4s var(--v4ease);border-radius:0}
.btn-gold{background:var(--grad);color:var(--navy);border:1px solid transparent}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(242,236,223,.3);color:var(--cream);background:none}
.btn-ghost:hover{border-color:rgba(242,236,223,.6);background:rgba(242,236,223,.06)}
.btn .arr,.btn-gold .arr,.btn-ghost .arr{display:inline-block;transition:transform .35s var(--v4ease)}
.btn:hover .arr,.btn-gold:hover .arr,.btn-ghost:hover .arr{transform:translateX(5px)}
 
.lvl-card,.fh-card,.founder-card,.formcard,.pole,.proof,.route-k,.card,.pill,.chip,.tag,.field input,.field textarea,.field select,.modal-card,.tab{border-radius:0}
.lvl-card,.fh-card,.founder-card,.formcard,.pole,.proof,.route-k{background:linear-gradient(180deg,rgba(18,27,61,.5),rgba(10,16,34,.65));border:1px solid rgba(var(--brand-gold-rgb),.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .5s var(--v4ease),border-color .5s,box-shadow .5s;position:relative}
.lvl-card:hover,.fh-card:hover,.founder-card:hover,.pole:hover,.proof:hover{transform:translateY(-7px);border-color:rgba(var(--brand-gold-rgb),.42);box-shadow:0 28px 56px rgba(3,5,15,.5)}
.statband b,.stat b,.ucount{background:linear-gradient(180deg,var(--cream) 20%,var(--champagne) 60%,var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent}
 
.fh-card,.founder-card{background-image:none;overflow:hidden;padding:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
.portrait-fh-card,.portrait-founder-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;z-index:0}
.fh-card::before,.founder-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,8,26,.15) 0%,rgba(5,8,26,0) 32%,rgba(5,8,26,.72) 78%,rgba(5,8,26,.92) 100%)}
.fh-card::after,.founder-card::after{content:"";position:absolute;inset:14px;border:1px solid rgba(var(--brand-gold-rgb),.22);pointer-events:none;z-index:2}
.fh-card > *:not(img),.founder-card > *:not(img){position:relative;z-index:3}
.fh-card .role,.founder-card .role,.fh-card .name,.founder-card .name,
.fh-card .ego,.founder-card .ego,.fh-card .bio-stats,.founder-card .bio-stats{padding-left:28px;padding-right:28px}
.fh-card .ego,.founder-card .ego{display:none}           
.fh-card .name,.founder-card .name{padding-bottom:26px}
.fh-card .role,.founder-card .role{padding-top:22px}
.marquee-track span,.marquee span{font-family:var(--serif);font-size:var(--sbc-type-reading)}
.orbit{max-width:min(100%,480px)}
.orbit .chip,.orbit .chip.gold{padding:3px 9px;letter-spacing:.02em!important;background:rgba(10,16,34,.96);z-index:2}
.ring .lbl{display:none}
.pole .badge,.pole .badge.soon,.pole > span.badge{position:static;display:inline-block;margin:0 0 10px}
 
.mlogo{display:flex;align-items:center;justify-content:center;height:78px;margin:-4px 0 16px;
  background:linear-gradient(180deg,#f7f3ea,#ece5d5);border:1px solid rgba(var(--brand-gold-rgb),.28);padding:8px 14px}
.mlogo img{max-height:60px;width:auto;max-width:100%;object-fit:contain;display:block;filter:none}
.pole:hover .mlogo{border-color:rgba(var(--brand-gold-rgb),.5)}
 
.eco-grid{background:transparent!important;border-color:transparent!important;gap:14px!important}
.eco-grid > *{border:1px solid rgba(var(--brand-gold-rgb),.14)}
 
.lockicon,.icebadge{display:inline-block;width:15px;height:12px;border:1.5px solid var(--gold);border-radius:2px;position:relative;font-size:0!important}
.lockicon::before,.icebadge::before{content:"";position:absolute;left:50%;top:-7px;width:9px;height:8px;border:1.5px solid var(--gold);border-bottom:none;border-radius:5px 5px 0 0;transform:translateX(-50%)}
 
.iceberg,footer,.final{background-image:url(/assets/sbc-pattern.webp);background-size:620px 620px}
.verify .dot,.dot{display:none}
.caret{opacity:.6;font-size:.8em;margin-left:.4em}
 
.f-credit{color:var(--muted);font-size:var(--micro)}
.f-credit a{color:var(--gold-soft);text-decoration:none;border-bottom:1px solid rgba(var(--brand-gold-rgb),.35);transition:color .3s,border-color .3s}
.f-credit a:hover{color:var(--champagne);border-color:var(--gold)}
.foot .f-credit,.fl.f-credit{margin-top:10px}
@media (max-width:820px){.foot-bottom{flex-direction:column;align-items:center;text-align:center;gap:10px}}
.foot-contact{margin-top:12px;font-size:var(--sbc-type-caption);line-height:1.65;color:var(--muted)}
.foot-contact a{display:inline;padding:0}
.foot-contact a{color:var(--gold-soft)}
.foot-contact a:hover{color:var(--champagne)}
.gbar.gfut{background:repeating-linear-gradient(135deg,rgba(var(--brand-gold-rgb),.26) 0 7px,rgba(var(--brand-gold-rgb),.05) 7px 14px)!important;border:1px solid rgba(var(--brand-gold-rgb),.5)!important;border-bottom:0!important}
.tt{color:var(--cream)}
.tab.active .tt,.tab.active{color:var(--champagne)}
.badge{background:rgba(var(--brand-gold-rgb),.14);border:1px solid rgba(var(--brand-gold-rgb),.3);color:var(--champagne)}
.pole.news > div:not(.pn):not(.desc){color:var(--champagne)}
 
p,.tx,.note,.intro,.lead,.desc,.sub,.a,.qa .a,.lc-desc,.m-desc,.md,.bio{max-width:74ch}
.foot p,.foot-bottom p,.copy,td p{max-width:none}
.center p,.center .lead,.sec-head.center p,[style*="text-align:center"] p{margin-left:auto;margin-right:auto}
 
section.sec,div.sec{padding-top:var(--rythme);padding-bottom:var(--rythme)}
.sec > .wrap,section.sec > .wrap{padding-top:0;padding-bottom:0}
.sec-head{margin-bottom:clamp(34px,4vw,58px)}
 
.field input,.field textarea,.field select{background:rgba(5,8,26,.55);border:1px solid rgba(var(--brand-gold-rgb),.55);color:var(--cream);transition:border-color .3s;font-size:var(--sbc-type-body)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 1px rgba(var(--brand-gold-rgb),.25)}
.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--brand-gold-rgb),.14)}
.field input::placeholder,.field textarea::placeholder{color:#8d95ab}
.field select,select{appearance:none;-webkit-appearance:none;padding-right:40px;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.field select:focus,select:focus{background-image:linear-gradient(45deg,transparent 50%,var(--champagne) 50%),linear-gradient(135deg,var(--champagne) 50%,transparent 50%)}
 
#sbc-top{position:fixed;right:26px;bottom:26px;z-index:60;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(6,9,24,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);color:var(--gold-soft);font-size:var(--sbc-type-reading);line-height:1;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;visibility:hidden;transition:opacity .4s var(--v4ease),transform .4s var(--v4ease),border-color .3s,color .3s,visibility 0s linear .4s}
#sbc-top.on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
#sbc-top:hover{border-color:var(--gold);color:var(--champagne)}
#sbc-top:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
 
.v4rv{opacity:.88;transform:translateY(12px);transition:opacity .42s var(--v4ease),transform .42s var(--v4ease)}
.v4rv.v4on{opacity:1;transform:none}
 
@media (max-width:1024px){
  .pillars,.steps,.results,.explore,.bio-stats,.eco-grid,.crit,[style*="grid-template-columns"]{grid-template-columns:repeat(2,1fr)!important}
  .stats .wrap{grid-template-columns:repeat(3,1fr)!important}
  .hero .wrap,.founder,.founder-home,.ice-grid,.path-grid,.two,.lvl-duo,.formgrid,.vault-list,.mega-grid{grid-template-columns:1fr!important}
  .navlinks a,.navlinks .mitem .mt{font-size:var(--sbc-type-caption)!important}
  .wrap{max-width:100%!important}
}
@media (max-width:1180px){
  .navlinks,.right .lang,.right .nav-cta{display:none!important}
  #burger,.burger{display:flex!important}
}
@media (max-width:820px){
  .navlinks a,.mitem{min-height:44px;display:flex;align-items:center}
  .tab{min-height:44px;display:flex;align-items:center;justify-content:center}
  .lang a,.lang span{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .foot-grid a,.f-col a,.foot a{display:block;padding-top:11px;padding-bottom:11px}
  #burger,.burger{min-width:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}
  .brand,.foot-brand .brand,a.brand{min-height:44px}
  .wrap > a:not(.btn):not(.brand),.rv > a:not(.btn),form > a,details > a,
  .verif,.verify,a.verif,p.note a,.lockbox a,.sig a,.wrap > span[role="button"],
  .lc-body a,.m-site-btn{display:inline-block;padding-top:16px;padding-bottom:16px}
   
  a:not(.btn):not(.btn-gold):not(.btn-ghost):not(.brand):not(.nav-cta),
  div > span[role="button"]{padding-top:15px;padding-bottom:15px}
  #sbc-top{right:16px;bottom:16px;width:46px;height:46px}
  .hero h1{font-size:clamp(2.05rem,7.4vw,2.9rem)}
  .sec-head h2,.page-hero h1,section h2{font-size:clamp(1.6rem,6vw,2.2rem)}
}
@media (max-width:700px){
  .orbit{display:none}
   
  .ice-grid{display:flex!important;flex-direction:column-reverse}
  .founder,.founder-home{display:flex!important;flex-direction:column}
  .ice-grid > *,.founder > *,.founder-home > *{width:100%}
}
@media (max-width:560px){
  .cta-row{flex-direction:column;align-items:stretch;gap:12px}
  .cta-row .btn,.cta-row .btn-gold,.cta-row .btn-ghost{width:100%;justify-content:center;text-align:center}
  .cta-row .btn-gold{order:-1}
  .pill{flex-direction:column;align-items:flex-start;gap:8px;line-height:1.45}
  .pill code{width:100%;text-align:center}
  .ice-visual{height:270px}
  .hero .lead,.hero p{margin-bottom:14px}
  .hero .verify{margin-bottom:20px}
  .st{padding:20px 0}
  .st + .st{border-top:1px solid rgba(var(--brand-gold-rgb),.16)}
  .st .l{margin-top:4px}
  header .wrap > a,.hdr .wrap > a{white-space:nowrap;font-size:var(--sbc-type-meta);letter-spacing:.02em;flex:none}
  header .wrap,.hdr .wrap{gap:10px;align-items:center}
  header .brand small,.hdr .brand small{display:none}    
}
@media (max-width:660px){
  .pillars,.steps,.results,.explore,.bio-stats,.eco-grid,.crit,.foot-grid,[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .stats .wrap{grid-template-columns:repeat(2,1fr)!important}
  .logo-img{height:36px}
  .brand{font-size:var(--sbc-type-body);gap:11px}
  .btn,.btn-gold,.btn-ghost{padding:15px 22px;font-size:var(--sbc-type-caption);letter-spacing:.1em}
  .marquee-track span,.marquee span{font-size:var(--sbc-type-body)}
  .sec > .wrap,section.sec > .wrap{padding-top:clamp(52px,9vw,72px);padding-bottom:clamp(52px,9vw,72px)}
}
@media (max-width:390px){
  header .wrap,.hdr .wrap{flex-wrap:wrap;row-gap:4px}
  header .wrap > a,.hdr .wrap > a{margin-left:auto}
  .hero h1{font-size:1.68rem;line-height:1.05}
  .brand span{font-size:var(--sbc-type-caption)}
  .stats .wrap{grid-template-columns:1fr!important}
}
 
@media (prefers-reduced-motion:reduce){
  .v4rv{opacity:1;transform:none;transition:none}
  .hero .eyebrow,.hero h1,.hero .lead,.hero .sub,.hero .cta-row,.cta-row,
  .hero-visual,.hero .grp,.page-hero .eyebrow,.page-hero h1,.page-hero .lead,
  [class*="reveal"],[class*="rise"]{opacity:1!important;transform:none!important;animation:none!important}
}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
 
 
.page-hero{position:relative;overflow:hidden}
.page-hero > .wrap{position:relative;z-index:2}
.page-hero::after{
  content:"";position:absolute;pointer-events:none;
  right:-3%;bottom:-22%;
  width:clamp(210px,27vw,360px);aspect-ratio:338/360;
  background:url(/assets/sbc-logo-blanc.webp) center/contain no-repeat;
  opacity:.05;z-index:0}
#view-approche .page-hero::after{
  background-image:url(/assets/sbc-logo.webp);opacity:.055}
.hero-watermark{opacity:.045!important}
 
@media (max-width:660px){
  main[id^="view-"] > section:last-of-type::before,
  body:not(:has(main)) > section:last-of-type::before{width:84%}
  main[id^="view-"] > section:last-of-type::after,
  body:not(:has(main)) > section:last-of-type::after{width:28px;height:30px}
  .page-hero::after{width:44vw;right:-8%;bottom:-16%;opacity:.042}
}
 
 
.btn-gold{background:var(--grad);color:var(--navy)!important;border:1px solid transparent;
  box-shadow:0 10px 30px -18px rgba(var(--brand-gold-rgb),.85)}
.btn-gold:hover{filter:brightness(1.06);transform:translateY(-2px);
  box-shadow:0 18px 42px -18px rgba(var(--brand-gold-rgb),.95)}
.btn-gold:active{transform:translateY(0);filter:brightness(.98);
  box-shadow:0 6px 18px -14px rgba(var(--brand-gold-rgb),.8)}
 
.btn-ghost{border:1px solid rgba(var(--brand-gold-rgb),.38)!important;color:var(--champagne)!important;
  background:transparent!important;box-shadow:none}
.btn-ghost:hover{border-color:rgba(var(--brand-gold-rgb),.85)!important;
  background:rgba(var(--brand-gold-rgb),.09)!important;color:var(--cream)!important;transform:translateY(-1px)}
.btn-ghost:active{transform:translateY(0);background:rgba(var(--brand-gold-rgb),.14)!important}
 
a:not(.btn):not(.btn-gold):not(.btn-ghost):not(.brand):not(.nav-cta):has(.arr){
  color:var(--gold-soft);text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(var(--brand-gold-rgb),.28);transition:color .3s,border-color .3s}
a:not(.btn):not(.btn-gold):not(.btn-ghost):not(.brand):not(.nav-cta):has(.arr):hover{
  color:var(--champagne);border-bottom-color:var(--gold)}
 
.btn:focus-visible,.btn-gold:focus-visible,.btn-ghost:focus-visible,
.nav-cta:focus-visible,a:focus-visible,button:focus-visible,
input:focus-visible,textarea:focus-visible,select:focus-visible,
summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px;border-radius:1px}
 
.btn .arr,.btn-gold .arr,.btn-ghost .arr,a .arr{display:inline-block;
  transition:transform .35s var(--v4ease)}
.btn:hover .arr,.btn-gold:hover .arr,.btn-ghost:hover .arr,a:hover .arr{transform:translateX(5px)}
 
.hero{min-height:clamp(560px,78vh,760px)!important;display:flex;align-items:center;
  position:relative;overflow:hidden}
 
.hero-watermark{
  position:absolute!important;z-index:0!important;
  right:clamp(-90px,-3vw,-20px)!important;left:auto!important;
  bottom:-14%!important;top:auto!important;transform:none!important;
  width:clamp(360px,42vw,720px)!important;height:auto!important;
  opacity:.10!important;
  filter:drop-shadow(0 0 90px rgba(var(--brand-gold-rgb),.20));
  pointer-events:none}
.hero .wrap,.hero .arch{position:relative;z-index:2}
 
.hero-glow,.hero .glow{
  right:-6%!important;left:auto!important;bottom:-24%!important;top:auto!important;
  width:min(1000px,74vw)!important;height:min(1000px,74vw)!important;
  background:radial-gradient(circle,rgba(var(--brand-gold-rgb),.16),rgba(var(--brand-gold-rgb),.05) 42%,transparent 68%)!important;
  opacity:1!important}
 
.hero-rings{display:none!important}
 
.statband{position:relative;background:linear-gradient(180deg,rgba(var(--brand-gold-rgb),.055),rgba(10,16,34,0) 88%)}
.statband::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:min(1240px,88%);height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--brand-gold-rgb),.34) 26%,rgba(var(--brand-gold-rgb),.34) 74%,transparent)}
 
.logo-img,.brand img{height:38px!important;width:auto!important}
@media (max-width:660px){.logo-img,.brand img{height:32px!important}}
 
@media (max-width:900px){
  .hero{min-height:auto!important;padding-top:clamp(90px,14vw,130px);padding-bottom:clamp(56px,9vw,84px)}
  .hero-watermark{width:min(78vw,460px)!important;right:-16%!important;bottom:-8%!important;opacity:.07!important}
  .hero-glow,.hero .glow{width:120vw!important;height:120vw!important;right:-30%!important}
}
 
summary{min-height:44px;display:flex;align-items:center;gap:10px;
  padding-top:11px;padding-bottom:11px;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:0 0 auto;margin-left:auto;width:8px;height:8px;
  border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);
  transform:rotate(45deg);transition:transform .3s var(--v4ease);opacity:.75}
details[open] > summary::after{transform:rotate(-135deg)}
summary:hover::after{opacity:1}
 
.mpanel.open{overflow-y:auto;-webkit-overflow-scrolling:touch;
  max-height:100svh;max-height:100dvh;
  padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 
input,select,textarea,button,optgroup,option{font-family:var(--sans)}
input:not([type=checkbox]):not([type=radio]),select,textarea{
  font-size:var(--sbc-type-body)!important;line-height:1.45}
.hp input{font-size:var(--sbc-type-body)!important}
 
textarea,.field textarea,.formgrid textarea{
  field-sizing:content;                  
  min-height:96px;max-height:46vh;
  resize:none;                           
  overflow-y:auto}
textarea::-webkit-resizer,.field textarea::-webkit-resizer{display:none}
 
select{appearance:none;-webkit-appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--gold) 50%),
    linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 21px) calc(50% + 2px),calc(100% - 15px) calc(50% + 2px);
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
  padding-right:44px}
select option{background:#101830;color:var(--cream)}
 
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-text-fill-color:var(--cream)!important;
  -webkit-box-shadow:0 0 0 60px #101830 inset!important;
  caret-color:var(--cream);
  transition:background-color 9999s ease-out}
 
input[type=file]{font-size:var(--sbc-type-body)!important}
input[type=file]::file-selector-button{font-size:var(--sbc-type-meta)}
 
.formcard .sub,.formcard p.sub,.doneview p,.dynmsg{text-wrap:balance}
 
.grp-h{flex-wrap:wrap;row-gap:10px}
.gt,.grp-h .gt{white-space:normal;min-width:0;max-width:100%;overflow-wrap:break-word;
  text-wrap:balance;line-height:1.35}
.grp-h .ln{flex:1 1 60px;min-width:40px}
@media (max-width:660px){
  .grp-h{gap:8px}
  .gt,.grp-h .gt{flex:1 1 100%}
  .grp-h .ln{flex:1 1 100%;min-width:0}
}
 
.hero{min-height:clamp(560px,78vh,760px)}
@supports (height:100svh){
  .hero{min-height:min(clamp(560px,78svh,760px),100svh)}
}
@media (max-width:900px){
  .hero{min-height:auto!important}
  @supports (height:100dvh){
    .hero{max-height:none}
  }
}
.mpanel.open{max-height:100svh;max-height:100dvh}
 
details + details{margin-top:2px;border-top:1px solid rgba(var(--brand-gold-rgb),.14)}
details > summary{padding-left:2px;padding-right:2px}
@media (max-width:820px){
  details + details{margin-top:6px}
}
 
@media (max-width:820px){
  .foot-bottom,.foot-contact{row-gap:14px}
  .f-credit{display:block;margin-top:12px}
  .foot-contact a,.f-credit a{display:inline-block;padding:6px 0}
}
 
.marquee,.marquee-wrap,.mq{max-width:100%;overflow-x:clip;overflow-y:visible;
  contain:layout paint}
@supports not (overflow:clip){
  .marquee,.marquee-wrap,.mq{overflow-x:hidden}
}
 
.arch{background:linear-gradient(160deg,rgba(16,24,48,.92),rgba(10,16,34,.88));
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (min-width:901px){
  .hero-watermark{right:clamp(-160px,-8vw,-60px)!important;
    width:clamp(330px,34vw,560px)!important}
}
@media (max-width:900px){
  .hero-watermark{opacity:.055!important;bottom:-4%!important;
    width:min(62vw,340px)!important;right:-12%!important}
  .arch{background:linear-gradient(160deg,rgba(16,24,48,.95),rgba(10,16,34,.93))}
}
 
:root{--marge-laterale:clamp(18px,5.2vw,30px)}
.wrap{padding-left:var(--marge-laterale);padding-right:var(--marge-laterale)}
 
.formcard p,.formcard .sub,.doneview p,.doneview h3,
.center p,.center .lead,.center .sub,.center .intro,
.sec-head.center p,.sec-head.center .lead,
[style*="text-align:center"] > p,[style*="text-align:center"] > .sub,
[style*="text-align:center"] > .lead,[style*="text-align:center"] > .intro,
.statband p,.statband .sub,.final p,.final .lead{
  margin-inline:auto}
 
.has-mega:focus-within > .mega,
.has-mega.ouvert > .mega,
.has-mega:focus-within .mega,
.has-mega.ouvert .mega{visibility:visible!important;opacity:1!important;
  pointer-events:auto!important}
.has-mega:focus-within .caret,
.has-mega.ouvert .caret{opacity:.95}
.has-mega .caret{transition:transform .3s var(--v4ease),opacity .3s}
.has-mega.ouvert .caret,.has-mega:focus-within .caret{transform:rotate(180deg)}
 
@media (hover:none){
  .has-mega:hover > .mega,.has-mega:hover .mega{visibility:hidden;opacity:0}
  .has-mega.ouvert > .mega,.has-mega.ouvert .mega{visibility:visible!important;opacity:1!important}
}
 
main[id^="view-"] > section:last-of-type,
body:not(:has(main)) > section:last-of-type{
  padding-top:max(68px,var(--rythme,68px))!important}
@media (max-width:820px){
  main[id^="view-"] > section:last-of-type,
  body:not(:has(main)) > section:last-of-type{padding-top:56px!important}
}
main[id^="view-"] > section.iceberg:last-of-type{padding-top:var(--rythme)!important}
 
main[id^="view-"] > section:last-of-type::before,
main[id^="view-"] > section:last-of-type::after,
body:not(:has(main)) > section:last-of-type::before,
body:not(:has(main)) > section:last-of-type::after{z-index:0}
main[id^="view-"] > section:last-of-type > *,
body:not(:has(main)) > section:last-of-type > *{position:relative;z-index:1}
 
.foot-coord{display:flex;flex-direction:column;gap:11px;margin-top:16px}
.fc-ligne{display:flex;align-items:flex-start;gap:11px;color:var(--muted);
  font-size:var(--sbc-type-caption);line-height:1.55;text-decoration:none;transition:color .3s}
a.fc-ligne:hover{color:var(--champagne)}
.fc-ico{flex:0 0 auto;width:17px;height:17px;margin-top:2px;color:var(--gold)}
.fc-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.fc-ico svg path[d^="M11.6"],.fc-ico svg path[d^="M4.2"],.fc-ico svg path[d^="M6.2"],
.foot-rs svg path,.foot-rs svg rect,.foot-rs svg circle{fill:currentColor;stroke:none}
.foot-rs svg rect,.foot-rs svg circle{fill:none;stroke:currentColor;stroke-width:1.4}
.fc-tag{display:block;color:var(--gold-soft);font-size:var(--sbc-type-meta);font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}
 
.foot-rs{display:flex;gap:10px;margin-top:20px}
.foot-rs a{display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:1px solid rgba(var(--brand-gold-rgb),.3);color:var(--gold-soft);
  transition:all .3s var(--v4ease)}
.foot-rs a:hover{border-color:var(--gold);color:var(--champagne);
  background:rgba(var(--brand-gold-rgb),.09);transform:translateY(-2px)}
.foot-rs svg{width:19px;height:19px}
 
 
.foot-bottom{display:grid!important;grid-template-columns:auto 1fr auto;
  align-items:baseline;gap:20px;width:100%}
.foot-bottom .fb-a{justify-self:start;text-align:left}
.foot-bottom .fb-b{justify-self:center;display:block!important;text-align:center;
  line-height:1.2;white-space:nowrap}
.foot-bottom .fb-b a + a::before{content:"·";display:inline;margin:0 12px;
  color:rgba(var(--brand-gold-rgb),.45)}
.foot-bottom .fb-c{justify-self:end;text-align:right;white-space:nowrap}
.foot-bottom .fb-b a,.foot-bottom .fb-c a{display:inline!important}
.foot-bottom .fb-b a{color:var(--muted);text-decoration:none;font-size:var(--micro);
  border-bottom:1px solid transparent;transition:color .3s,border-color .3s;cursor:pointer}
.foot-bottom .fb-b a:hover{color:var(--champagne);border-bottom-color:rgba(var(--brand-gold-rgb),.5)}
@media (max-width:980px){
  .foot-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
  .foot-bottom .fb-a,.foot-bottom .fb-b,.foot-bottom .fb-c{justify-self:center;text-align:center}
  .foot-bottom .fb-c{white-space:normal}
  .foot-bottom .fb-b{white-space:normal}    
  .foot-bottom .fb-b a{padding:8px 0;display:inline-block!important}
  .foot-rs{justify-content:flex-start}
}
 
.juridique{max-width:74ch;margin-inline:auto}
.juridique h2{font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.7rem);
  color:var(--champagne);margin:44px 0 14px;font-weight:600}
.juridique h2:first-child{margin-top:0}
.juridique p,.juridique li{color:var(--muted);font-size:var(--sbc-type-body);line-height:1.75;
  margin-bottom:14px;max-width:none}
.juridique ul{margin:0 0 18px 0;padding-left:20px}
.juridique li{margin-bottom:10px}
.juridique b{color:var(--cream);font-weight:600}
.juridique a{color:var(--gold-soft);text-decoration:none;
  border-bottom:1px solid rgba(var(--brand-gold-rgb),.35)}
.juridique a:hover{color:var(--champagne);border-color:var(--gold)}
 
.juridique .src{font-size:var(--sbc-type-caption);font-style:italic;color:var(--gold-deep);
  border-left:2px solid rgba(var(--brand-gold-rgb),.3);padding-left:14px;margin-top:8px}
.juridique .src a{color:var(--gold-soft)}
.acompleter{display:inline-block;padding:1px 9px;border:1px dashed var(--gold);
  color:var(--gold);font-size:var(--sbc-type-caption);font-weight:600;letter-spacing:.04em;
  background:rgba(var(--brand-gold-rgb),.08);border-radius:2px}
 
:root{
  --filet:rgba(240,236,226,.10);         
  --filet-fort:rgba(240,236,226,.17);    
  --plaque:rgba(255,255,255,.035);       
}
 
.pole,.eco-grid > *,.c,.crit > div,.box,.formcard,.news{
  border-color:var(--filet)!important}
.pole:hover,.eco-grid > *:hover,a.pole:hover{
  border-color:rgba(var(--brand-gold-rgb),.42)!important}
 
details,details + details{border-color:var(--filet)!important}
details[open]{border-color:var(--filet-fort)!important}
summary{color:var(--cream)!important}
details[open] > summary{color:var(--champagne)!important}
summary:hover{color:var(--champagne)!important}
 
.tab{border-color:var(--filet)!important}
.tab .tt{color:var(--muted)!important}
.tab:hover{border-color:var(--filet-fort)!important}
.tab:hover .tt{color:var(--cream)!important}
.tab.active{border-color:rgba(var(--brand-gold-rgb),.55)!important}
.tab.active .tt{color:var(--champagne)!important}
 
.badge{background:var(--plaque)!important;border-color:var(--filet)!important;
  color:var(--muted)!important}
.pole:hover .badge,a.pole:hover .badge{color:var(--champagne)!important;
  border-color:rgba(var(--brand-gold-rgb),.35)!important}
 
.badge,.pole .badge,.news .badge,a.pole .badge{color:var(--muted)!important}
.etiq-sec{color:var(--muted)!important}
.pole:hover .etiq-sec,a.pole:hover .etiq-sec{color:var(--champagne)!important}
 
.pole.news > div:last-child,.news > div:last-child,
.lc-meta,.m-meta,.pn + .desc + div{color:var(--muted)!important}
 
.ln,.sep,.rule,hr,.grp-h .ln{background:var(--filet)!important;
  border-color:var(--filet)!important}
.sec-head::after,.wrap > hr{background:var(--filet)!important}
 
form label,.field label{color:var(--cream)!important}
form label [style*="--gold"],.field label [style*="--gold"],
form label b,form label .req{color:var(--gold)!important}
 
span.role,.founder-card .role{color:var(--muted)!important}
 
.btn-gold{background:var(--grad)!important;color:var(--navy)!important}
.statband .n,.st .n,.gy,.gn,.pnum,.ucount{color:var(--champagne)!important}
.eyebrow,.sec-tag,.gt,.gh{color:var(--gold)!important}
.arr{color:inherit}
a:hover .arr,.btn:hover .arr{color:var(--champagne)}
h1 em,h2 em,h1 i,h2 i,.gold-i{background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent}
 
.hero .arch{
  background:none!important;border:none!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:6px 0 6px 26px!important;
  border-left:2px solid var(--gold)!important;
  max-width:400px}
.hero .arch::before,.hero .arch::after{display:none!important}
.hero .arch .t{margin-bottom:14px}
.hero .arch p:first-of-type{font-size:clamp(1.5rem,2.2vw,1.9rem)!important}
 
@media (min-width:901px){
  .hero-watermark{right:-4%!important;bottom:-30%!important;
    width:clamp(300px,26vw,440px)!important;opacity:.085!important}
}
@media (max-width:900px){
  .hero .arch{max-width:none;margin-top:8px}
}
 
main.landing > section:last-of-type{position:relative;
  padding-top:max(68px,var(--rythme,68px))!important}
main.landing > section:last-of-type::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:min(560px,72%);height:1px;pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0,rgba(var(--brand-gold-rgb),.34) 22%,rgba(var(--brand-gold-rgb),.34) 43%,
    transparent 43%,transparent 57%,
    rgba(var(--brand-gold-rgb),.34) 57%,rgba(var(--brand-gold-rgb),.34) 78%,transparent 100%)}
main.landing > section:last-of-type::after{
  content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  width:34px;height:36px;pointer-events:none;
  background:url(/assets/sbc-logo.webp) center/contain no-repeat;opacity:.78}
main.landing > section:last-of-type > *{position:relative;z-index:1}
@media (max-width:820px){
  main.landing > section:last-of-type{padding-top:56px!important}
}
 
@media (min-width:901px){
  .hero-watermark{
    right:clamp(24px,3.5vw,70px)!important;bottom:-2%!important;
    top:auto!important;left:auto!important;transform:none!important;
    width:clamp(140px,11vw,190px)!important;height:auto!important;
    opacity:.5!important;
    filter:drop-shadow(0 0 44px rgba(var(--brand-gold-rgb),.28));
  }
}
@media (max-width:900px){
   
  .hero-watermark{position:static!important;display:block!important;
    margin:26px auto 0!important;width:min(30vw,120px)!important;
    opacity:.5!important;filter:drop-shadow(0 0 20px rgba(var(--brand-gold-rgb),.22))}
}
 
:root{
  --gold-brand:var(--brand-gold);
  --gold-brand-hover:var(--brand-gold);
  --gold-brand-active:var(--brand-gold);
  --gold-brand-ink:var(--sbc-color-navy);
  --focus-ivory:var(--sbc-color-ivory)}
 
.btn-gold,button.btn-gold,a.btn-gold{
  background:var(--gold-brand)!important;
  background-image:none!important;
  color:var(--gold-brand-ink)!important;
  border-color:rgba(247,244,237,.22)!important;
  border-radius:2px;
  box-shadow:0 8px 22px -18px rgba(0,0,0,.85)!important;
  filter:none!important;
  transition:background-color .18s cubic-bezier(.2,.7,.2,1),
    border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.7,.2,1),
    box-shadow .18s ease!important}
.btn-gold:hover{
  background:var(--gold-brand)!important;
  background-image:none!important;
  filter:none!important;
  transform:none;
  box-shadow:0 8px 22px -18px rgba(0,0,0,.85)!important}
.btn-gold:active{
  background:var(--gold-brand-active)!important;
  background-image:none!important;
  transform:translateY(0);
  box-shadow:none!important}
.btn-gold:focus-visible{
  background:var(--gold-brand)!important;
  background-image:none!important;
  outline:2px solid var(--focus-ivory)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 1px var(--gold-brand-ink)!important}
.btn-gold:is(:disabled,[aria-disabled="true"]),
.btn-gold:is(:disabled,[aria-disabled="true"]):hover{
  background:var(--brand-bronze)!important;
  background-image:none!important;
  color:var(--sbc-color-navy)!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  cursor:not-allowed!important;
  opacity:.62;
  pointer-events:none;
  transform:none!important}
 
.btn-ghost,.nav-cta,.mp-cta,.m-site-btn{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(var(--brand-gold-rgb),.62)!important;
  color:var(--gold-soft)!important;
  box-shadow:none!important;
  transition:background-color .18s cubic-bezier(.2,.7,.2,1),
    border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.7,.2,1)!important}
.btn-ghost:hover,.nav-cta:hover,.nav-cta.active,.mp-cta:hover,.m-site-btn:hover{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(var(--brand-gold-rgb),.62)!important;
  color:var(--gold-soft)!important;
  transform:none}
:is(.btn-ghost,.nav-cta,.mp-cta,.m-site-btn):focus-visible{
  outline:2px solid var(--focus-ivory)!important;
  outline-offset:3px!important}
:is(.btn-ghost,.nav-cta,.mp-cta,.m-site-btn):active{
  background:rgba(var(--brand-gold-rgb),.12)!important;
  border-color:var(--gold-brand)!important;
  color:var(--focus-ivory)!important;
  transform:translateY(0)!important}
 
.lang .on,.mp-lang .on{
  background:rgba(var(--brand-gold-rgb),.12)!important;
  background-image:none!important;
  color:var(--gold-soft)!important;
  box-shadow:inset 0 -2px var(--gold-brand)}
 
.btn-gold .arr,.btn-ghost .arr{
  transition:transform .18s cubic-bezier(.2,.7,.2,1)!important}
@media (hover:hover) and (pointer:fine){
  .btn-gold:hover{
    background:var(--gold-brand-hover)!important;
    transform:translateY(-1px);
    box-shadow:0 12px 26px -19px rgba(0,0,0,.92)!important}
  .btn-ghost:hover,.nav-cta:hover,.nav-cta.active,.mp-cta:hover,.m-site-btn:hover{
    background:rgba(var(--brand-gold-rgb),.08)!important;
    border-color:var(--gold-brand)!important;
    color:var(--focus-ivory)!important;
    transform:translateY(-1px)}
  .btn-gold:hover .arr,.btn-ghost:hover .arr{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){
  .btn-gold,.btn-ghost,.nav-cta,.mp-cta,.m-site-btn{transition:none!important}
  .btn-gold:hover,.btn-ghost:hover,.nav-cta:hover,.mp-cta:hover,.m-site-btn:hover,
  .btn-gold:hover .arr,.btn-ghost:hover .arr{transform:none!important}}
 
.statband .stat-intro{max-width:56ch;margin:0 auto 26px;text-align:center;
  line-height:1.7}
 
@media (min-width:901px){
  .hero{min-height:clamp(520px,70vh,680px)!important}
  .hero .arch p:first-of-type{font-size:clamp(1.6rem,2.4vw,2.05rem)!important}
  .hero .arch{max-width:430px}
}
 
header .reperes,.reperes{
  display:none;                         
  justify-content:flex-start!important;
  align-items:center;gap:2px;
  height:48px;min-height:0;box-sizing:border-box;
  padding:0 clamp(18px,5.2vw,30px);
  border-top:1px solid var(--filet);
  background:rgba(10,16,34,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.reperes.on{display:flex}
 
.rep-pt{
  position:relative;display:flex;align-items:center;justify-content:center;
  gap:9px;flex:0 0 auto;min-width:44px;
  height:44px;padding:0 8px;border:0;background:none;cursor:pointer;
  color:var(--muted);font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  transition:color .35s var(--v4ease)}
.rep-pt::before{
  content:"";display:block;width:14px;height:2px;flex:0 0 auto;
  background:rgba(240,236,226,.28);
  transition:width .4s var(--v4ease),background-color .35s var(--v4ease)}
.rep-pt .rep-nom{
  max-width:0;overflow:hidden;white-space:nowrap;opacity:0;
  transition:max-width .45s var(--v4ease),opacity .3s var(--v4ease)}
.rep-pt:hover{color:var(--cream)}
.rep-pt:hover::before{background:rgba(240,236,226,.5)}
 
.rep-pt[aria-current="step"]{color:var(--gold-soft);justify-content:flex-start;
  padding-left:10px;padding-right:14px}
.rep-pt[aria-current="step"]::before{width:26px;background:var(--gold)}
.rep-pt[aria-current="step"] .rep-nom{max-width:300px;opacity:1}
 
@media (max-width:820px){
  header .reperes,.reperes{gap:2px;height:50px;padding:0 clamp(14px,5vw,22px);
    overflow-x:auto;scrollbar-width:none}
  .reperes::-webkit-scrollbar{display:none}
  .rep-pt{height:46px}    
  .rep-pt[aria-current="step"] .rep-nom{max-width:150px}
}
html{scroll-padding-top:calc(var(--hdr-h,80px) + 14px)}
.reperes.on ~ * .page-hero,html:has(.reperes.on) .view.show > section:first-of-type,
html:has(.reperes.on) main.landing > section:first-of-type{
  padding-top:calc(var(--hdr-h,80px) + clamp(24px,3vw,44px))}
@media (prefers-reduced-motion:reduce){
  .rep-pt,.rep-pt::before,.rep-pt .rep-nom{transition:none}
}
 
.pole.sans-logo::before{
  content:attr(data-marque);
  display:flex;align-items:center;justify-content:center;
  height:84px;margin-bottom:14px;
  border:1px solid var(--filet);
  background:rgba(240,236,226,.03);
  color:var(--gold-soft);font-family:var(--serif);font-size:var(--sbc-type-reading);
  letter-spacing:.04em;text-align:center;padding:0 14px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 
.sortie-marques{
  margin:44px auto 0;text-align:center}
.sortie-mot{
  color:var(--muted);font-size:var(--sbc-type-body);
  margin:0 auto 18px;max-width:64ch}
 
@media (min-width:901px){
  .hero{min-height:clamp(640px,84vh,880px)!important}
  .hero .wrap:has(.arch-embleme){
    display:grid!important;
    grid-template-columns:minmax(0,1.32fr) minmax(260px,.68fr)!important;
    gap:clamp(40px,5vw,84px)!important;
    align-items:center!important}
}
 
.hero-dit{
  position:relative;
  margin:clamp(20px,2.4vh,30px) 0 clamp(26px,3vh,36px);
  padding-left:18px;
  font-family:var(--serif);
  font-size:clamp(1.18rem,1.62vw,1.5rem);
  line-height:1.34;
  color:var(--cream);
  max-width:26ch;
  text-wrap:balance}
.hero-dit::before{
  content:"";position:absolute;left:0;top:.24em;bottom:.24em;
  width:2px;background:var(--gold)}
.hero-dit em{color:var(--gold-soft);font-style:italic}
 
.hero .cta-row .btn-gold{
  padding:15px 30px!important;
  font-size:var(--sbc-type-meta)!important;
  letter-spacing:.2em!important}
@media (max-width:900px){
.hero-dit{font-size:clamp(1.06rem,4.4vw,1.24rem);max-width:none}
}
 
.statband .stat-titre{
  margin:0 auto clamp(22px,2.6vh,34px);text-align:center;
  font-family:var(--serif);font-weight:400;
  font-size:clamp(1.62rem,3vw,2.3rem);line-height:1.16;
  color:var(--cream)}
.statband .stat-titre em{color:var(--gold-soft);font-style:italic}
.statband .stat-intro{margin-bottom:20px}
 
header .reperes,.reperes{
  height:32px!important;
  background:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-top:1px solid rgba(240,236,226,.07)!important;
  gap:0!important;
  padding:0 clamp(18px,5.2vw,30px) 4px!important}
.rep-pt{
  height:32px!important;min-width:0!important;
  padding:0 7px!important;gap:7px!important;
  font-size:10.5px!important;letter-spacing:.2em!important}
.rep-pt::before{width:8px!important;height:1px!important}
.rep-pt[aria-current="step"]::before{width:15px!important;height:1px!important}
.rep-pt[aria-current="step"]{padding-left:7px!important;padding-right:10px!important}
.rep-pt[aria-current="step"] .rep-nom{max-width:220px!important}
@media (max-width:820px){
  header .reperes,.reperes{height:34px!important}
  .rep-pt{height:34px!important;padding:0 10px!important}
  .rep-pt::after{content:"";position:absolute;inset:-6px -2px}
  .rep-pt[aria-current="step"] .rep-nom{max-width:130px!important}
}
 
@media (max-width:900px){
  .hero .arch.arch-embleme{
    border-left:0;border-right:0;
    border-top:1px solid rgba(var(--brand-gold-rgb),.22);
    min-height:0;padding:24px 0 0;margin-top:24px}
  .hero .arch.arch-embleme > .hero-watermark{
    width:clamp(132px,32vw,186px)!important;opacity:.92!important}
  .hero-dit{max-width:22ch}
}
 
footer{
  background-size:300px 300px!important;
  padding:clamp(52px,6vw,78px) 0 0}
footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,16,34,.72),rgba(10,16,34,.86))}
footer{position:relative;isolation:isolate}
footer > *{position:relative;z-index:1}
.pied{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
  gap:clamp(26px,3.4vw,52px);
  align-items:start;
  padding-bottom:clamp(34px,4vw,50px)}
 
.pied-marque{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.pied-marque img{width:34px;height:auto;opacity:.95}
.pied-nom{
  display:flex;flex-direction:column;line-height:1.05;
  font-family:var(--serif);font-size:var(--sbc-type-reading);color:var(--cream)}
.pied-nom em{
  font-family:var(--sans);font-style:normal;font-size:10px;font-weight:600;
  letter-spacing:.28em;color:var(--muted);margin-top:3px}
.pied-bl{color:var(--muted);font-size:var(--sbc-type-caption);line-height:1.62;max-width:34ch;margin:0 0 16px}
.pied-sig{
  font-family:var(--serif);font-style:italic;font-size:var(--sbc-type-body);line-height:1.5;
  color:var(--gold-soft);max-width:32ch;margin:0 0 22px}
.pied-cta .btn{padding:13px 24px;font-size:var(--sbc-type-meta);letter-spacing:.18em}
 
 
.pied-col{
  display:block;width:auto;height:auto;max-height:none;min-width:0;
  justify-self:stretch;overflow:visible}
.pied-col h3{
  margin:0 0 16px;font-family:var(--sans);font-size:var(--sbc-type-meta);font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft)}
.pied-col ul{list-style:none;margin:0;padding:0}
.pied-col li{margin-bottom:11px}
.pied-col a{
  color:var(--muted);font-size:var(--sbc-type-caption);text-decoration:none;
  transition:color .3s var(--v4ease)}
.pied-col a:hover,.pied-col a:focus-visible{color:var(--cream)}
 
.pied-lg{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:var(--sbc-type-caption)}
.pied-lg svg{flex:0 0 auto;margin-top:2px;color:var(--gold-soft);opacity:.85}
.pied-adr b{
  display:block;font-family:var(--sans);font-size:10px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:3px}
.pied-adr i{display:block;font-style:normal;line-height:1.55}
 
.pied-rx{display:flex;gap:10px;margin-top:22px}
.pied-rx a{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--filet);color:var(--muted);
  transition:color .3s var(--v4ease),border-color .3s var(--v4ease),
             background-color .3s var(--v4ease)}
.pied-rx a:hover,.pied-rx a:focus-visible{
  color:var(--gold-soft);border-color:rgba(var(--brand-gold-rgb),.5);
  background:rgba(var(--brand-gold-rgb),.07)}
 
.pied-bas{border-top:1px solid var(--filet);padding:20px 0 26px}
.pied-bas .wrap{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px 26px;color:var(--muted);font-size:var(--sbc-type-caption)}
.pied-bas a{color:var(--muted);text-decoration:none;
  border-bottom:1px solid rgba(240,236,226,.18);padding-bottom:1px}
.pied-bas a:hover,.pied-bas a:focus-visible{color:var(--gold-soft);border-color:rgba(var(--brand-gold-rgb),.5)}
.pied-legal{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
 
.pied-real{white-space:nowrap}
.pied-real a{display:inline}
.pied-real a{
  color:var(--gold-soft);
  border-bottom-color:rgba(var(--brand-gold-rgb),.42);
  font-weight:600;letter-spacing:.01em}
.pied-real a:hover,.pied-real a:focus-visible{
  color:var(--cream);border-bottom-color:rgba(240,236,226,.5)}
 
.pied-adr + .pied-adr{margin-top:12px}
.pied-vide{display:block;width:17px;flex:0 0 auto}
.pied-bas .wrap > span:last-child{white-space:nowrap}
@media (max-width:1199px){
  .pied{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:640px){
  .pied{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
  .pied-id,.pied-contact{grid-column:1 / -1}
  .pied-bas .wrap{flex-direction:column;align-items:flex-start;text-align:left}
  .pied .pied-col li{margin:0}
  .pied .pied-col a{display:block;padding:11px 0;line-height:1.4}
  .pied .pied-col .pied-lg{padding:9px 0}
  .pied-rx{margin-top:16px}
}
 
.pied-nom em{font-size:var(--sbc-type-caption);letter-spacing:.2em}
.pied-col h3{font-size:var(--sbc-type-caption);letter-spacing:.18em;opacity:.92}
.pied-adr b{font-size:var(--sbc-type-caption);letter-spacing:.14em}
.pied-cta .btn{font-size:var(--sbc-type-caption);padding:14px 26px}
 
.rep-pt{font-size:var(--sbc-type-caption)!important;letter-spacing:.16em!important;
  height:44px!important;padding:0 8px!important}
header .reperes,.reperes{height:44px!important;padding-bottom:0!important}
.rep-pt::before{width:9px!important}
.rep-pt[aria-current="step"]::before{width:16px!important}
@media (max-width:820px){
  header .reperes,.reperes{height:46px!important}
  .rep-pt{height:46px!important;min-width:44px!important}
}
 
@media (max-width:430px){
  .pied{grid-template-columns:1fr!important;gap:28px!important}
  .pied-id,.pied-contact{grid-column:auto!important}
}
 
.arch-embleme{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  border:0;background:none;padding:0 0 0 clamp(28px,3.4vw,52px);
  min-height:clamp(240px,32vh,360px)}
 
.arch-embleme::before{
  content:"";position:absolute;left:0;top:4%;bottom:4%;width:1px;
  background:linear-gradient(180deg,
    rgba(var(--brand-gold-rgb),0) 0%,
    rgba(var(--brand-gold-rgb),.42) 22%,
    rgba(var(--brand-gold-rgb),.42) 78%,
    rgba(var(--brand-gold-rgb),0) 100%)}
.arch-embleme::after{content:none}
.arch-embleme > .hero-watermark{
  position:static;display:block;inset:auto;transform:none;margin:0;
  width:clamp(180px,16.5vw,286px);height:auto;
  opacity:.94;
  filter:drop-shadow(0 12px 52px rgba(var(--brand-gold-rgb),.28))}
@media (max-width:900px){
  .arch-embleme{
    padding:24px 0 0;margin-top:24px;min-height:0;
    border-top:1px solid rgba(var(--brand-gold-rgb),.22)}
  .arch-embleme::before{content:none}
  .arch-embleme > .hero-watermark{width:clamp(132px,32vw,186px);opacity:.92}
}
 
.sortie-marques > p,
#view-vision .rv > p,
#view-investisseurs .wrap > h1,
#view-investisseurs .lockbox > p,
.statband .stat-intro,
.statband .stat-titre{
  margin-inline:auto}
 
main[id^="view-"] > section,
body:not(:has(main)) > section{position:relative}
main[id^="view-"] > section ~ section::before,
body:not(:has(main)) > section ~ section::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:min(560px,72%);height:1px;pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0,rgba(var(--brand-gold-rgb),.30) 22%,rgba(var(--brand-gold-rgb),.30) 43%,
    transparent 43%,transparent 57%,
    rgba(var(--brand-gold-rgb),.30) 57%,rgba(var(--brand-gold-rgb),.30) 78%,transparent 100%)}
main[id^="view-"] > section ~ section::after,
body:not(:has(main)) > section ~ section::after{
  content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  width:32px;height:34px;pointer-events:none;
  background:url(/assets/sbc-logo.webp) center/contain no-repeat;
  opacity:.74}
 
main[id^="view-"] > section.iceberg::before,
main[id^="view-"] > section.iceberg::after,
main[id^="view-"] > section.final::before,
main[id^="view-"] > section.final::after,
main[id^="view-"] > .statband + section::before,
main[id^="view-"] > .statband + section::after,
main[id^="view-"] > .marquee-band + section::before,
main[id^="view-"] > .marquee-band + section::after{content:none}
main[id^="view-"] > section.hero + section::before,
main[id^="view-"] > section.hero + section::after{content:none}
 
main[id^="view-"] > section ~ section:not(.iceberg):not(.final),
body:not(:has(main)) > section ~ section{
  padding-top:max(var(--pad-sec,0px),clamp(62px,7vh,96px))}
@media (max-width:660px){
  main[id^="view-"] > section ~ section::before,
  body:not(:has(main)) > section ~ section::before{width:84%}
  main[id^="view-"] > section ~ section::after,
  body:not(:has(main)) > section ~ section::after{width:26px;height:28px}
}
 
.statband > .wrap{padding:clamp(46px,5.4vw,72px) 10px!important}
 
.statband .gh{
  display:block;
  margin:0 auto clamp(16px,2vw,24px);
  font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft)}
.statband .gh::before,.statband .gh::after{content:none}
.statband .stat-titre{margin-bottom:clamp(14px,1.6vw,20px)}
.statband .stat-intro{
  max-width:58ch;margin:0 auto clamp(34px,4vw,52px);
  color:var(--muted);font-size:var(--sbc-type-body);line-height:1.72}
 
.statband .plaque{
  display:grid;grid-template-columns:repeat(3,1fr);
  max-width:840px;margin:0 auto}
.statband .plaque > .st{position:relative;padding:6px clamp(10px,2vw,26px)}
.statband .plaque > .st + .st::before{
  content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;
  background:linear-gradient(180deg,
    rgba(var(--brand-gold-rgb),0),rgba(var(--brand-gold-rgb),.30) 30%,
    rgba(var(--brand-gold-rgb),.30) 70%,rgba(var(--brand-gold-rgb),0))}
 
.statband .plaque .n{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(3rem,4.6vw,4.4rem);line-height:1;
  color:var(--cream);
  font-variant-numeric:lining-nums tabular-nums;
  margin-bottom:clamp(10px,1.2vw,16px)}
.statband .plaque .l{
  font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;line-height:1.5;
  color:var(--muted)}
@media (max-width:720px){
  .statband .plaque{grid-template-columns:1fr;gap:26px;max-width:320px}
  .statband .plaque > .st + .st::before{
    left:12%;right:12%;top:-14px;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,
      rgba(var(--brand-gold-rgb),0),rgba(var(--brand-gold-rgb),.28) 30%,
      rgba(var(--brand-gold-rgb),.28) 70%,rgba(var(--brand-gold-rgb),0))}
  .statband .plaque .n{font-size:clamp(2.6rem,13vw,3.4rem)}
}
 
.traj{max-width:560px;margin:clamp(26px,3.4vw,42px) auto 0}
.traj svg{display:block;width:100%;height:auto;overflow:visible}
.traj .tbase{
  stroke:rgba(240,236,226,.13);stroke-width:1;fill:none}
.traj .ttige{stroke:rgba(240,236,226,.11);stroke-width:1;fill:none}
.traj .tligne{
  fill:none;stroke:var(--gold);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.traj .tligne-venir{
  stroke-dasharray:7 7;stroke:rgba(var(--brand-gold-rgb),.62)}
.traj .tp{fill:var(--gold);stroke:none}
.traj .tp-venir{
  fill:var(--navy,var(--sbc-color-navy));stroke:var(--gold);stroke-width:2}
 
.traj svg text.tv{
  fill:var(--cream);font-family:var(--serif);font-size:30px!important;
  letter-spacing:0!important;
  text-anchor:middle;dominant-baseline:auto}
.traj svg text.tv-venir{fill:var(--gold-soft)}
.traj svg text.ta{
  fill:var(--muted);font-family:var(--sans);font-size:var(--sbc-type-caption)!important;font-weight:600;
  letter-spacing:.2em;text-anchor:middle}
@media (max-width:620px){
  .traj{max-width:none;margin-left:-6px;margin-right:-6px}
  .traj svg text.tv{font-size:34px!important}
  .traj svg text.ta{font-size:var(--sbc-type-body)!important}
}
 
header .reperes,.reperes{
  width:fit-content!important;
  max-width:calc(100% - 2*clamp(16px,5vw,30px))!important;
  margin:0 0 0 max(clamp(16px,5vw,30px),calc((100% - var(--maxw,1280px))/2 + 30px))!important;
  height:30px!important;min-height:0!important;
  padding:0 6px!important;
  gap:0!important;
  background:rgba(10,16,34,.55)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  border:1px solid rgba(240,236,226,.07)!important;
  border-radius:2px!important;
  box-shadow:0 6px 22px -14px rgba(0,0,0,.7)!important;
  overflow:visible!important}
 
.rep-pt{
  height:30px!important;min-width:0!important;
  padding:0 6px!important;gap:6px!important;
  font-size:var(--sbc-type-caption)!important;letter-spacing:.14em!important;
  color:rgba(143,153,173,.85)!important}
.rep-pt::before{width:7px!important;background:rgba(240,236,226,.22)!important}
.rep-pt[aria-current="step"]{
  padding-left:6px!important;padding-right:9px!important;
  color:var(--gold-soft)!important}
.rep-pt[aria-current="step"]::before{
  width:13px!important;background:var(--gold)!important}
.rep-pt[aria-current="step"] .rep-nom{max-width:200px!important}
.rep-pt:hover{color:var(--cream)!important}
 
@media (pointer:coarse){
  header .reperes,.reperes{
    height:46px!important;padding:0 4px!important;
    overflow-x:auto!important;scrollbar-width:none!important}
  .rep-pt{height:44px!important;min-width:44px!important;padding:0 8px!important}
  .rep-pt[aria-current="step"] .rep-nom{max-width:132px!important}
}
 
@media (min-width:901px){
  .page-hero{
    min-height:clamp(640px,84vh,880px);
    padding-top:calc(var(--hdr-h,110px) + clamp(30px,4vh,64px));
    padding-bottom:clamp(36px,5vh,72px);
    display:flex;align-items:center}
  .page-hero > .wrap{width:100%}
  .page-hero .wrap:has(.arch-page){
    display:grid;
    grid-template-columns:minmax(0,1.32fr) minmax(240px,.68fr);
    gap:clamp(40px,5vw,84px);
    align-items:center}
}
 
.arch-page{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  border:0;background:none;
  padding:0 0 0 clamp(28px,3.4vw,52px);
  min-height:clamp(200px,26vh,320px)}
.arch-page::before{
  content:"";position:absolute;left:0;top:5%;bottom:5%;width:1px;
  background:linear-gradient(180deg,
    rgba(var(--brand-gold-rgb),0),rgba(var(--brand-gold-rgb),.40) 22%,
    rgba(var(--brand-gold-rgb),.40) 78%,rgba(var(--brand-gold-rgb),0))}
 
.marque-page{
  display:block;
  width:clamp(150px,15vw,244px);height:auto;
  color:var(--gold);
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:square;stroke-linejoin:miter;
  opacity:.86;
  filter:drop-shadow(0 10px 42px rgba(var(--brand-gold-rgb),.20))}
.marque-page rect,.marque-page path,.marque-page circle{
  vector-effect:non-scaling-stroke}
 
.page-hero::after{content:none!important}
 
.page-hero h1{
  font-size:clamp(2.4rem,4.6vw,3.7rem);line-height:1.06;
  text-wrap:balance;margin-bottom:clamp(12px,1.8vh,22px)}
.page-hero .eyebrow{margin-bottom:clamp(14px,2vh,24px)}
.page-hero .intro{
  max-width:52ch;color:var(--muted);
  font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.72}
@media (max-width:900px){
  .page-hero{min-height:0}
  .arch-page{
    border:0;padding:24px 0 0;margin-top:24px;min-height:0;
    justify-content:flex-start}
  .arch-page::before{
    left:0;right:0;top:0;bottom:auto;width:auto;height:1px;
    background:linear-gradient(90deg,
      rgba(var(--brand-gold-rgb),.32),rgba(var(--brand-gold-rgb),0) 62%)}
  .marque-page{width:clamp(112px,26vw,156px);opacity:.8}
}
 
#view-actualites .eco-grid{counter-reset:article}
.pole.news{counter-increment:article;position:relative}
.pole.news::after{
  content:counter(article,decimal-leading-zero);
  transform:none;width:auto;height:auto;background:none;
  left:auto;bottom:auto;
  position:absolute;top:16px;right:18px;
  font-family:var(--serif);font-size:26px;line-height:1;
  font-variant-numeric:lining-nums tabular-nums;
  color:var(--gold);opacity:.34;
  transition:opacity .35s var(--v4ease);
  pointer-events:none}
.pole.news:hover::after,.pole.news:focus-visible::after{opacity:.7}
 
.cartouche{
  display:inline-flex;align-items:center;
  height:26px;padding:0 11px;margin:0 44px 14px 0;
  border:1px solid var(--filet);
  font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-soft);white-space:nowrap}
 
.pole.news[data-cat="recrutement"] .cartouche{
  background:rgba(var(--brand-gold-rgb),.14);
  border-color:rgba(var(--brand-gold-rgb),.42);
  color:var(--gold-soft)}
 
.pole.news .etiq-sec{
  display:block;
  margin-top:16px!important;padding-top:14px;
  border-top:1px solid var(--filet);
  letter-spacing:.12em!important}
.carte-pied{
  display:flex;align-items:center;gap:10px;
  margin-top:16px;padding-top:14px;
  border-top:1px solid var(--filet);
  color:var(--gold-soft);
  font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;
  letter-spacing:.12em;text-transform:uppercase}
 
#view-actualites .pole.news{padding:20px 20px 18px}
@media (max-width:620px){
  .pole.news::after{top:14px;right:14px;font-size:22px}
  .cartouche{margin-right:40px}
}
 
@media (max-width:900px){
   
  .back,a.back{
    display:inline-flex;align-items:center;min-height:44px;
    margin:8px 0 14px!important}
   
  .faq details + details{margin-top:12px}
  .faq summary,details > summary{
    min-height:44px;display:flex;align-items:center}
   
  .ice-grid{display:flex;flex-direction:column}
  .ice-grid > .ice-visual{order:2;margin-top:26px}
  .ice-grid > *:not(.ice-visual){order:1}
}
 
 
.pied-rx a{min-width:44px;min-height:44px;width:44px;height:44px;flex:0 0 44px}
.brand{min-height:44px}
.skip-link{min-height:44px;display:inline-flex;align-items:center}
.nav-cta{min-height:44px}
.lang a,.lang span,.lang .on,.lang .off{
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:44px!important;min-height:44px!important}
 
.faq summary,details > summary{
  min-height:0;padding-top:12px;padding-bottom:12px;box-sizing:border-box}
 
.lang > *{min-width:44px!important;min-height:44px!important;
  display:inline-flex!important;align-items:center;justify-content:center}
 
@media (max-width:820px){
  input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
  select,textarea{min-height:44px}
}
 
.pied-lg,.pied-col li a{min-height:44px;display:flex;align-items:center}
.pied-adr{align-items:flex-start!important}
@media (max-width:900px){
  .pied-contact .pied-lg{min-height:44px;align-items:center}
  .pied-contact .pied-adr{min-height:0}
}
 
@media (pointer:coarse),(max-width:820px){
  header .reperes,.reperes{height:46px!important}
  .rep-pt{height:44px!important;min-width:44px!important;padding:0 8px!important}
}
 
@media (max-width:620px){
  .traj{margin-left:0;margin-right:0}
}
 
#view-ecosysteme .eco-grid{
  grid-auto-rows:auto!important;
  align-items:stretch}
#view-ecosysteme .eco-grid > .pole{height:auto;min-height:0}
 
.faq details,details.qa{margin-bottom:10px}
.faq details:last-child,details.qa:last-child{margin-bottom:0}
.faq details,details.qa{contain:layout}
 
 
.doneview{display:none}
.doneview.show{display:block}
 
.orga{position:relative;padding-left:clamp(26px,3vw,38px)}
.orga::before{content:"";position:absolute;left:9px;top:6px;bottom:14px;width:1px;
  background:linear-gradient(180deg,
    rgba(var(--brand-gold-rgb),.55),rgba(var(--brand-gold-rgb),.30) 55%,rgba(var(--brand-gold-rgb),.10))}
.orga .og-rang{position:relative;padding-bottom:clamp(22px,2.6vw,30px)}
.orga .og-rang:last-child{padding-bottom:0}
.orga .og-rang::before{
  content:"";position:absolute;left:calc(-1 * clamp(26px,3vw,38px) + 5px);top:6px;
  width:9px;height:9px;border-radius:50%;
  background:var(--navy);border:1px solid rgba(var(--brand-gold-rgb),.62)}
.orga .og-rang:first-child::before{background:var(--gold);border-color:var(--gold)}
.orga .og-tete{position:relative;display:flex;align-items:baseline;
  flex-wrap:wrap;gap:6px 10px;margin-bottom:10px}
.orga .og-num{font-family:var(--serif);font-size:var(--sbc-type-body);color:var(--gold);
  letter-spacing:.04em}
.orga .og-titre{font-family:var(--sans);font-size:var(--sbc-type-caption);font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cream)}
.orga .og-role{font-family:var(--sans);font-size:var(--sbc-type-caption);letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold-soft);opacity:.85}
.orga .og-noeuds{display:grid;gap:8px}
.orga .og-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.orga .og-noeud{
  border:1px solid rgba(var(--brand-gold-rgb),.26);border-radius:3px;
  padding:11px 14px;background:rgba(var(--brand-gold-rgb),.04);
  font-family:var(--serif);font-size:var(--sbc-type-body);color:var(--cream)}
.orga .og-mere{border-color:rgba(var(--brand-gold-rgb),.62);background:rgba(var(--brand-gold-rgb),.09);
  font-size:var(--sbc-type-reading);letter-spacing:.01em}
.orga .og-poles{display:flex;flex-wrap:wrap;gap:7px}
.orga .og-pole{
  border:1px solid var(--line);border-radius:999px;padding:6px 13px;
  font-family:var(--sans);font-size:var(--sbc-type-caption);color:var(--sbc-color-muted-dark)}
.orga .og-dit{margin:10px 0 0;font-family:var(--sans);font-size:var(--sbc-type-caption);
  line-height:1.62;color:var(--muted);max-width:52ch}
@media (max-width:520px){
  .orga .og-duo{grid-template-columns:1fr}
}
 
@media (min-width:901px){
  main.landing .hero > .wrap:has(.arch-embleme){
    max-width:1240px!important}
}
 
.formgrid{display:grid;grid-template-columns:1fr;gap:18px 24px}
@media (min-width:760px){
  .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .formgrid .field:has(textarea){grid-column:1/-1}
}
.formgrid > .field{display:flex;flex-direction:column;min-width:0}
.formgrid > .field > label{margin-bottom:7px}
.formgrid input,.formgrid select,.formgrid textarea{width:100%;max-width:100%}
 
.marquee-band .marquee{
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0,#000 clamp(24px,4vw,56px),
    #000 calc(100% - clamp(40px,7vw,110px)),transparent 100%);
  mask-image:linear-gradient(90deg,
    transparent 0,#000 clamp(24px,4vw,56px),
    #000 calc(100% - clamp(40px,7vw,110px)),transparent 100%)}
 
.marquee-band .marquee-label{
  font-size:var(--sbc-type-caption);letter-spacing:.2em;
  background:rgba(10,16,34,.92)}
@media (max-width:660px){
  .marquee-band .marquee-label{padding:0 16px;letter-spacing:.16em}
}
 
a.mp-item,a.mitem,a.mp-cta,a.marquee-band{
  text-decoration:none;color:inherit}
a.mp-cta{display:block}
a.marquee-band{display:flex}
a[data-go].lien-phrase{color:var(--gold);border-bottom:1px solid var(--gold-deep);
  text-decoration:none}
 
.has-mega:focus-within > .mega,
.has-mega:focus-within .mega{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.has-mega:focus-within .caret{opacity:.95;transform:rotate(180deg)}
 
@media (min-width:901px){
  .ice-grid > .ice-visual{grid-column:1;grid-row:1}
  .ice-grid > *:not(.ice-visual){grid-column:2;grid-row:1}
}
 
.reperes .rep-pt{flex:0 0 auto;min-width:44px}
 
@media (pointer:fine){
  .pied-col li a:not(.pied-lg){min-height:0;display:block;line-height:1.5;padding:2px 0}
  .pied-col li{margin-bottom:7px}
  .pied-lg{min-height:0;align-items:flex-start}
  .pied-contact ul li{margin-bottom:12px}
}
@media (pointer:coarse){
  .pied-lg,.pied-col li a{min-height:44px;display:flex;align-items:center}
}
 
.has-mega.mega-ferme > .mega,
.has-mega.mega-ferme .mega{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.has-mega.mega-ferme .caret{transform:none!important}
 
.arch[style*="background:none"]::before,
.arch[style*="background:none"]::after,
.arch[style*="padding:0"]::before,
.arch[style*="padding:0"]::after{content:none}
.arch[style*="padding:0"] > .t{margin-top:0}
 
.pole.news{display:flex;flex-direction:column}
.pole.news > .carte-pied,
.pole.news > div:last-child{margin-top:auto}
.pole.news > .desc{margin-bottom:6px}
 
main.article .art-hero{min-height:clamp(360px,52vh,520px)!important;
  align-items:flex-end;padding-bottom:clamp(30px,5vh,56px)}
main.article .art-hero .wrap{max-width:820px}
main.article .art-hero h1{
  font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;text-wrap:balance;
  margin:clamp(10px,1.6vh,18px) 0 clamp(14px,2vh,22px)}
main.article .art-hero .lead{
  max-width:56ch;font-size:clamp(1.02rem,1.2vw,1.16rem);color:var(--muted)}
main.article .art-corps > .wrap{max-width:720px}
main.article .art-corps p{
  max-width:68ch;margin:0 0 clamp(16px,2vh,22px);
  font-size:clamp(1rem,1.08vw,1.09rem);line-height:1.78;color:#cfd6e4}
main.article .art-corps h2{
  margin:clamp(38px,5vh,58px) 0 clamp(14px,1.8vh,20px);
  font-family:var(--serif);font-weight:400;
  font-size:clamp(1.32rem,2.1vw,1.62rem);line-height:1.24;color:var(--cream)}
main.article .art-corps h2::before{
  content:"";display:block;width:34px;height:1px;margin-bottom:14px;
  background:var(--gold);opacity:.75}
main.article .art-corps h2:first-child{margin-top:0}
main.article .art-liste{list-style:none;margin:0 0 clamp(18px,2.4vh,26px);padding:0;max-width:68ch}
main.article .art-liste li{
  position:relative;padding:0 0 0 4px;margin-bottom:10px;
  font-size:clamp(.98rem,1.05vw,1.06rem);line-height:1.7;color:#cfd6e4}
main.article .art-cite{
  margin:clamp(28px,3.6vh,42px) 0;padding:0 0 0 22px;
  border-left:2px solid var(--gold);
  font-family:var(--serif);font-style:italic;
  font-size:clamp(1.16rem,1.7vw,1.42rem);line-height:1.42;
  color:var(--gold-soft);max-width:46ch}
 
main.article .art-suite > .wrap{max-width:720px}
main.article .art-suites{display:grid;gap:12px;margin-top:16px}
@media (min-width:760px){main.article .art-suites{grid-template-columns:1fr 1fr}}
main.article .art-suivant{
  display:flex;flex-direction:column;gap:7px;
  padding:18px 20px;border:1px solid var(--line);border-radius:3px;
  text-decoration:none;transition:border-color .25s,background .25s}
main.article .art-suivant:hover,
main.article .art-suivant:focus-visible{
  border-color:rgba(var(--brand-gold-rgb),.5);background:rgba(var(--brand-gold-rgb),.04)}
main.article .as-cat{
  font-family:var(--sans);font-size:var(--sbc-type-caption);letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-soft)}
main.article .as-titre{
  font-family:var(--serif);font-size:var(--sbc-type-body);line-height:1.34;color:var(--cream)}
main.article .as-fleche{color:var(--gold);font-size:var(--sbc-type-caption)}
 
[data-fond="clair"]{
  position:relative;
  background:linear-gradient(180deg,
    rgba(16,26,53,0) 0%,
    rgba(16,26,53,.62) 16%,
    rgba(16,26,53,.62) 84%,
    rgba(16,26,53,0) 100%)}
[data-fond="profond"]{
  position:relative;
  background:linear-gradient(180deg,
    rgba(5,8,20,0) 0%,
    rgba(5,8,20,.72) 18%,
    rgba(5,8,20,.72) 82%,
    rgba(5,8,20,0) 100%)}
[data-fond="clair"]{--gold-deep:var(--brand-gold)}
.mitem .route-k,.growth+p,.juridique .src{--gold-deep:var(--brand-bronze)}
 
[data-fond="recit"]{background:none}
 
.statband[data-fond="clair"]{
  background-image:
    linear-gradient(180deg,rgba(var(--brand-gold-rgb),.055),rgba(10,16,34,0) 88%),
    linear-gradient(180deg,rgba(16,26,53,0),rgba(16,26,53,.62) 16%,
                    rgba(16,26,53,.62) 84%,rgba(16,26,53,0))}
 
.iceberg[data-fond="profond"]{
  background-image:url(/assets/sbc-pattern.webp),
    linear-gradient(180deg,rgba(5,8,20,0),rgba(5,8,20,.72) 18%,
                    rgba(5,8,20,.72) 82%,rgba(5,8,20,0));
  background-size:620px 620px,auto}
 
 
.field .fnote,label .fnote{display:block;max-width:62ch}
 
main.article > section > .wrap{max-width:var(--maxw)}
main.article .art-corps > .wrap,
main.article .art-suite > .wrap{max-width:var(--maxw)}
main.article .art-corps > .wrap > *,
main.article .art-suite > .wrap > *{max-width:760px}
main.article .art-hero .wrap{max-width:var(--maxw)}
main.article .art-hero .ph-texte{max-width:820px}
 
main.article > section{position:relative}
main.article > section ~ section:not(.paths){
  padding-top:max(var(--pad-sec,0px),clamp(62px,7vh,96px))}
main.article > section ~ section::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:min(560px,72%);height:1px;pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0,rgba(var(--brand-gold-rgb),.30) 22%,rgba(var(--brand-gold-rgb),.30) 43%,
    transparent 43%,transparent 57%,
    rgba(var(--brand-gold-rgb),.30) 57%,rgba(var(--brand-gold-rgb),.30) 78%,transparent 100%)}
main.article > section ~ section::after{
  content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
  width:32px;height:34px;pointer-events:none;
  background:url(/assets/sbc-logo.webp) center/contain no-repeat;opacity:.74}
main.article > .art-hero + section::before,
main.article > .art-hero + section::after{content:none}
@media (max-width:660px){
  main.article > section ~ section::before{width:84%}
  main.article > section ~ section::after{width:26px;height:28px}
}
 
details:not([open]) > *:not(summary){display:none!important}
 
@media (pointer:fine){
  .pied-col li{margin-bottom:10px}
}
 
summary:focus-visible{
  outline:2px solid var(--gold)!important;
  outline-offset:3px!important;
  border-radius:2px}
summary:focus:not(:focus-visible){outline:none!important}
 
.scrolled nav{
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-bottom:0!important}
 
@media (pointer:coarse),(max-width:820px){
  .pied-bas .pied-legal a,.pied-legal a{
    display:inline-block;
    padding:11px 6px;
    line-height:22px;
    min-height:44px;
    box-sizing:border-box}
  .pied-bas .pied-legal{line-height:1}
}
 
.sec-faq .wrap{max-width:880px}
.sec-faq .faq-titre{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);
  margin:0 0 26px;line-height:1.25}
.sec-faq .qa{border-top:1px solid var(--line-soft)}
.sec-faq .qa:last-child{border-bottom:1px solid var(--line-soft)}
.sec-faq .qa summary{list-style:none;cursor:pointer;padding:22px 4px;
  font-family:var(--serif);font-size:1.25rem;display:flex;
  justify-content:space-between;gap:20px;align-items:center;transition:.3s}
.sec-faq .qa summary::-webkit-details-marker{display:none}
.sec-faq .qa summary .ic{color:var(--gold);font-family:var(--sans);font-weight:300;
  font-size:1.5rem;transition:.3s;flex:none}
.sec-faq .qa[open] summary .ic{transform:rotate(45deg)}
.sec-faq .qa summary:hover{color:var(--gold-soft)}
.sec-faq .qa .a{padding:0 4px 24px;color:var(--sbc-color-muted-dark);font-size:var(--sbc-type-body);max-width:720px}
.sec-faq details:not([open]) > *:not(summary){display:none!important}
 
.qa > summary::after,
summary:has(.ic)::after{content:none!important}
 
 
main a:not([class]),a.verif,.lockbox a,p.note a{
  transition:color .28s var(--v4ease),border-color .28s var(--v4ease),
             text-decoration-color .28s var(--v4ease)}
main a:not([class]):hover,main a:not([class]):focus-visible,
a.verif:hover,a.verif:focus-visible,
.lockbox a:hover,p.note a:hover{
  color:var(--champagne)!important;
  border-bottom-color:var(--champagne)!important}
 
.brand{transition:opacity .3s var(--v4ease)}
.brand:hover,.brand:focus-visible{opacity:.86}
.brand:hover .logo-img{filter:brightness(1.14)}
.brand:hover span b,.brand:hover .bt small{color:var(--gold-soft)}
 
.marquee-band{transition:background-color .35s var(--v4ease)}
.marquee-band:hover{background-color:rgba(var(--brand-gold-rgb),.055)}
.marquee-band:hover .marquee-label{color:var(--gold-soft)}
 
.v4rv.v4on{transition:transform .5s var(--v4ease),border-color .5s var(--v4ease),
           box-shadow .5s var(--v4ease),opacity .5s var(--v4ease),
           color .3s var(--v4ease)}
 
@media (prefers-reduced-motion:reduce){
  main a:not([class]),a.verif,.brand,.marquee-band,.v4rv.v4on{transition-duration:.01ms!important}
}
.pied-bas a,.pied-bas .pied-legal a{
  transition:color .28s var(--v4ease),border-color .28s var(--v4ease)}
 
header .reperes,nav.reperes{z-index:1}
.has-mega > .mega,.has-mega .mega{z-index:5}
.mp,.menu-panneau{z-index:80}
 
@media (min-width:1025px){
  .founder-home > .fh-card,.founder > .founder-card{grid-column:1;grid-row:1}
  .founder-home > *:not(.fh-card),.founder > *:not(.founder-card){grid-column:2;grid-row:1}
}
 
footer nav.pied-col,footer nav{
  display:block;height:auto;max-width:none;margin:0;padding:0;
  justify-content:flex-start;align-items:stretch}
 
@media (max-width:560px){
  .field input[type="file"]{
    color:transparent;                
    font-size:var(--sbc-type-meta);padding:10px;width:100%;min-width:0}
  .field input[type="file"]::file-selector-button{
    font-family:var(--sans);font-size:var(--sbc-type-meta);letter-spacing:.06em;
    padding:9px 12px;margin-right:10px;border:1px solid var(--line);
    background:transparent;color:var(--cream);cursor:pointer}
  .field input[type="file"]:hover::file-selector-button{border-color:var(--gold)}
  #cvinfo{display:block;margin-top:8px;font-size:var(--sbc-type-meta);color:var(--gold-soft)}
  #cvinfo.err{color:#ff8f8f}
}
 
@media (min-width:661px) and (max-width:1024px){
  .pillars > *:last-child:nth-child(odd),
  .steps > *:last-child:nth-child(odd),
  .results > *:last-child:nth-child(odd),
  .explore > *:last-child:nth-child(odd),
  .bio-stats > *:last-child:nth-child(odd),
  .eco-grid > *:last-child:nth-child(odd),
  .crit > *:last-child:nth-child(odd){grid-column:1 / -1}
}
 
.crit .c .ct,.crit .ct{font-size:var(--sbc-type-reading)!important;line-height:1.3!important;
  font-family:var(--serif)!important;letter-spacing:0!important;text-transform:none!important}
 
footer .scrolled,footer nav.scrolled,footer .pied-col.scrolled{
  background:transparent!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;border-bottom:0!important}
 
.field label .fnote,label .fnote{
  display:block;margin-top:5px;
  font-size:var(--sbc-type-meta)!important;text-transform:none!important;
  letter-spacing:0!important;font-weight:400!important;
  color:var(--muted)!important;line-height:1.45}
 
@media (min-width:1200px){
  .pied{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,.85fr) minmax(280px,1.05fr)}
  .pied-contact .pied-adr i{display:block;white-space:normal}
}
 
.pole.sans-logo .mlogo,.pole .mlogo:empty{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(var(--brand-gold-rgb),.10),rgba(var(--brand-gold-rgb),.03));
  border:1px solid rgba(var(--brand-gold-rgb),.28)}
.pole.sans-logo .mlogo::after{
  content:attr(data-initiales);
  font-family:var(--serif);font-size:var(--sbc-type-body);letter-spacing:.08em;
  color:var(--gold-soft)}
 
@media (max-width:560px){
  .btn,.btn-gold,.btn-ghost{
    display:inline-flex;flex-wrap:wrap;justify-content:center;
    align-items:baseline;gap:0 8px;text-align:center;line-height:1.35}
  .btn .arr,.btn-gold .arr,.btn-ghost .arr{position:static;margin-left:0}
}
 
.pole.sans-logo[data-initiales]::before{
  content:attr(data-initiales);
  display:flex;align-items:center;justify-content:center;
  height:78px;margin:-4px 0 16px;padding:8px 14px;
  background:linear-gradient(180deg,rgba(var(--brand-gold-rgb),.09),rgba(var(--brand-gold-rgb),.025));
  border:1px dashed rgba(var(--brand-gold-rgb),.34);
  font-family:var(--serif);font-size:1.5rem;letter-spacing:.14em;
  color:var(--gold-soft)}
.pole.sans-logo[data-initiales]:hover::before{border-color:rgba(var(--brand-gold-rgb),.6)}
 
form[aria-busy="true"]{cursor:progress}
form[aria-busy="true"] :is(input,select,textarea){opacity:.9}
form :is(button,[type="submit"]):disabled{cursor:wait;opacity:.68;filter:saturate(.72);transform:none!important}
@media (hover:none),(pointer:coarse){
  .btn:hover,.btn-gold:hover,.btn-ghost:hover,
  .lvl-card.v4on:hover,.fh-card.v4on:hover,.founder-card.v4on:hover,.pole.v4on:hover,.proof.v4on:hover{transform:none!important}
}
@media (max-width:820px){
  .lvl-card,.fh-card,.founder-card,.formcard,.pole,.proof,.route-k{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
 
.field input,.field textarea,.field select{
  border-color:rgba(247,244,237,.45);
  transition:border-color .18s ease,background-color .18s ease,
    box-shadow .18s ease}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:var(--gold-brand,var(--brand-gold));
  box-shadow:none}
.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{
  outline:2px solid var(--focus-ivory,var(--sbc-color-ivory));
  outline-offset:2px;
  box-shadow:0 0 0 1px var(--gold-brand,var(--brand-gold))}
@media (hover:hover) and (pointer:fine){
  .field input:hover:not(:focus),.field textarea:hover:not(:focus),
  .field select:hover:not(:focus){border-color:rgba(247,244,237,.28)}}
@media (prefers-reduced-motion:reduce){
  .field input,.field textarea,.field select{transition:none}}
 
.lvl-card,.fh-card,.founder-card,.pole,.proof{
  transition:border-color .2s ease,box-shadow .2s ease!important}
.lvl-card:hover,.fh-card:hover,.founder-card:hover,.pole:hover,.proof:hover{
  transform:none!important;
  border-color:rgba(var(--brand-gold-rgb),.15);
  box-shadow:none}
@media (hover:hover) and (pointer:fine){
  .lvl-card:hover,.fh-card:hover,.founder-card:hover,.pole:hover,.proof:hover{
    transform:none!important;
    border-color:rgba(var(--brand-gold-rgb),.30);
    box-shadow:0 16px 30px -28px rgba(0,0,0,.82)}}
@media (prefers-reduced-motion:reduce){
  .lvl-card,.fh-card,.founder-card,.pole,.proof{transition:none!important}}