/*
Theme Name: SBC Direction
Author: Strategy Business Consulting
Description: Site SBC — stratégie, digital, communication et transformation IA.
Version: 1.1.2
Text Domain: sbc-direction
*/
:root{--ink:#090909;--paper:#f5f3ef;--accent:#f26a3d;--muted:#aaa;--line:rgba(255,255,255,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.055em;font-weight:500}h1{font-size:clamp(48px,6.5vw,104px);margin-bottom:30px}h2{font-size:clamp(36px,4.5vw,70px)}h3{font-size:clamp(24px,2.5vw,36px)}p{max-width:650px;color:inherit}em{font-style:normal;color:var(--accent)}.wrap{width:min(1280px,90%);margin:auto}.section{padding:110px 0}.light{background:var(--paper);color:var(--ink);--line:rgba(0,0,0,.2)}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:35px;display:flex;align-items:center;gap:20px}.eyebrow:before{content:'';width:40px;height:1px;background:var(--accent)}.muted{color:#a7a7a7}.light .muted{color:#595959}.lead{font-size:20px;max-width:650px}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,9,9,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.admin-bar .site-header{top:32px}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand b{font-size:43px;letter-spacing:-3px;font-weight:500}.brand small{font-size:8px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:22px;font-size:12px}.nav a:not(.btn){padding:12px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--accent);border-radius:3px;padding:15px 23px;background:var(--accent);color:#090909;font-size:13px;cursor:pointer;font-weight:600;transition:color .25s,border-color .25s}.btn:before{content:'';position:absolute;z-index:-1;inset:0;background:var(--paper);transform:translateY(101%);transition:transform .3s}.btn:hover:before{transform:translateY(0)}.btn:hover{border-color:var(--paper);color:#090909}.btn span{transition:transform .3s;display:inline-block}.btn:hover span{transform:translateX(5px)}.btn.outline{background:transparent;color:inherit;border-color:currentColor}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.menu-toggle{display:none;color:var(--paper);background:none;border:1px solid #777;padding:10px 15px}.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 25%;width:75%;height:100%;object-fit:cover;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090909 5%,rgba(9,9,9,.92) 27%,transparent 76%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:90px 0;max-width:790px}.hero-copy .lead{font-size:17px;max-width:440px;color:#c5c5c5}.hero h1 em{font-weight:700}.hero-bottom{border-top:1px solid var(--line);padding:28px 0;display:flex;gap:30px;justify-content:space-between;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.sticky{position:sticky;top:150px}.row{display:grid;grid-template-columns:50px 1fr auto;gap:20px;padding:28px 0;border-top:1px solid var(--line);align-items:start}.row:last-child{border-bottom:1px solid var(--line)}.row .num{font-size:11px;color:var(--accent)}.row h3{font-size:26px;letter-spacing:-.035em;margin:0 0 12px}.row p{font-size:14px;margin:0;color:#aaa}.light .row p{color:#555}.arrow{color:var(--accent);font-size:28px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.card{border-top:1px solid var(--line);padding:28px 0}.card .num{color:var(--accent);font-size:12px;display:block;margin-bottom:30px}.card p{font-size:15px}.card h3{font-size:28px}.orbit{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:15px}.orbit div{padding:22px;border:1px solid var(--line);font-size:14px}.orbit .core{grid-column:1/-1;background:var(--accent);font-size:45px;line-height:1;letter-spacing:-.05em;padding:35px}.orbit i{font-style:normal;display:block;font-size:11px;margin-top:8px;opacity:.6}.lab-card{display:block;padding:25px;border:1px solid var(--line);min-height:290px;position:relative;transition:transform .3s}.lab-card:hover{transform:translateY(-7px)}.lab-card b{font-size:clamp(35px,4vw,65px);letter-spacing:-.07em;display:block;line-height:1;margin:50px 0 35px}.lab-card small{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.lab-card:nth-child(1){background:#d7cec0;color:#29241e}.lab-card:nth-child(2){background:var(--accent);color:var(--ink)}.lab-card:nth-child(3){background:#262c2a;color:#e5e9de}.cta{padding:65px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(32px,4vw,58px);margin:0}.circle-link{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--accent);font-size:40px;color:var(--ink);flex-shrink:0;transition:transform .3s}.circle-link:hover{transform:rotate(-35deg)}footer{padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);font-size:10px;color:#aaa;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-intro{padding:110px 0 85px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:1080px}.page-intro .lead{color:#b5b5b5}.flow{display:flex;align-items:center;gap:12px;margin:35px 0;flex-wrap:wrap}.flow b{font-size:12px;padding:16px;border:1px solid var(--line)}.flow span{color:var(--accent);animation:flow 2s infinite}.demo{border:1px solid var(--line);padding:30px;background:#151515}.demo small{font-size:10px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.bubble{padding:16px 20px;margin-top:20px;background:#252525;border-radius:2px;font-size:14px;animation:bubble 6s infinite}.bubble.reply{background:var(--paper);color:#090909;margin-left:25px;animation-delay:.5s}.wave{display:flex;gap:4px;align-items:center;height:55px;margin-top:20px}.wave i{display:block;width:5px;height:30px;background:var(--accent);animation:wave 1.1s infinite alternate}.wave i:nth-child(2n){animation-delay:.3s}.wave i:nth-child(3n){animation-delay:.6s}.note{font-size:12px;color:#a7a7a7;margin-top:20px}.read-reveal{color:#666}.js .read-reveal{background:linear-gradient(90deg,var(--paper) var(--read,0%),#666 var(--read,0%));background-clip:text;-webkit-background-clip:text;color:transparent}.js .reveal{opacity:0;transform:translateY(35px);clip-path:inset(0 0 15% 0);transition:opacity .8s,transform .8s,clip-path .9s}.js .reveal.visible{opacity:1;transform:none;clip-path:inset(0)}.image-reveal{overflow:hidden}.image-reveal img{transition:transform 1.4s;transform:scale(1.06)}.image-reveal.visible img{transform:scale(1)}.skip{position:absolute;left:15px;top:-100px;background:var(--accent);color:#090909;padding:10px;z-index:100}.skip:focus{top:10px}.form-shell{max-width:850px}.form-progress{display:flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px;font-size:12px}.form-progress [aria-current=step]{color:var(--accent)}fieldset{padding:0;border:0;margin:0 0 30px;min-width:0}legend{font-size:30px;letter-spacing:-.04em;margin-bottom:25px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:13px;display:block}input:not([type=checkbox]),select,textarea{width:100%;background:#1a1a1a;border:1px solid #555;color:var(--paper);padding:14px;margin-top:8px;border-radius:0}textarea{min-height:150px;resize:vertical}.full{grid-column:1/-1}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 30px}.choices label{padding:12px;border:1px solid var(--line)}input[type=checkbox]{accent-color:var(--accent);margin-right:8px}.form-actions{display:flex;gap:15px;margin-top:25px}[hidden]{display:none!important}.trap{position:absolute;left:-9999px}.notice{padding:22px;border:1px solid var(--accent);margin-bottom:30px}.legal{max-width:850px}.legal a{text-decoration:underline}.legal h1{font-size:50px}.legal h2{font-size:30px}.legal h3{font-size:25px}@keyframes flow{50%{opacity:.2;transform:translateX(4px)}}@keyframes bubble{0%,12%{opacity:.4;transform:translateY(8px)}25%,100%{opacity:1;transform:none}}@keyframes wave{to{transform:scaleY(.25)}}@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:1050px){.nav{gap:13px;font-size:11px}.brand small{display:none}.nav .btn{padding:12px;gap:15px}.split{gap:6%}}@media(max-width:800px){.section{padding:70px 0}.header-inner{min-height:75px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#111;padding:25px 5%;font-size:17px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:690px;align-items:flex-start}.hero-copy{padding:70px 0 230px}.hero h1{font-size:clamp(46px,9vw,70px)}.hero-art{inset:auto 0 0 auto;width:100%;height:440px;object-position:70% center;opacity:.6}.hero:after{background:linear-gradient(180deg,#090909 2%,rgba(9,9,9,.6) 50%,transparent)}.split{grid-template-columns:1fr;gap:40px}.sticky{position:static}.grid3{grid-template-columns:1fr}.lab-card{min-height:230px}.lab-card b{margin:35px 0}.footer-top{grid-template-columns:1fr;gap:30px}.hero-bottom{font-size:9px;gap:15px}.page-intro{padding:65px 0}.fields,.choices{grid-template-columns:1fr}.full{grid-column:auto}.cta .wrap{gap:20px}.circle-link{width:60px;height:60px}.admin-bar .site-header{top:46px}}@media(max-width:600px){.admin-bar .site-header{top:0}.hero-copy .lead{max-width:330px}.hero-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none;clip-path:none}.js .read-reveal{background:none;color:var(--paper)}}
.document-flow{display:flex;gap:12px;align-items:center;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.document-flow>span{color:var(--accent);animation:flow 2s infinite}.document-sheet{flex:1;min-width:0;background:#252525;border:1px solid #555;padding:16px 10px}.document-sheet small{font-size:8px}.document-sheet i{display:block;height:3px;background:var(--accent);margin-top:12px;transform-origin:left;animation:document-read 4s infinite}.document-sheet i:nth-child(2){width:80%;animation-delay:.3s}.document-sheet i:nth-child(3){width:65%;animation-delay:.6s}.document-sheet i:nth-child(4){width:90%;animation-delay:.9s}@keyframes document-read{0%,15%{transform:scaleX(.1);opacity:.2}45%,100%{transform:scaleX(1);opacity:1}}
.row{grid-template-columns:36px minmax(0,1fr) 28px;column-gap:20px}.row>.num{font-variant-numeric:tabular-nums;line-height:27.56px}.row>.arrow{line-height:27.56px;text-align:right}.row>div{min-width:0}.card>.num{font-variant-numeric:tabular-nums}@media(max-width:600px){.row{grid-template-columns:28px minmax(0,1fr) 24px;column-gap:14px}}
/* Navigation: improved readability */ .nav{font-size:15px;gap:22px}.nav .btn{font-size:14px}@media(min-width:801px) and (max-width:1050px){.nav{font-size:13px;gap:15px}.nav .btn{font-size:13px}}@media(max-width:800px){.nav{font-size:19px}.nav .btn{font-size:16px}.menu-toggle{font-size:16px}}