/*
Theme Name: BP Sight — BD multilingue
Description: Robotique, vision industrielle et accompagnement. Lecteur de BD et diaporama accessibles, 11 planches incluses.
Version: 5.3.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bpsight-bd
License: GPL-2.0-or-later
*/
:root{--bg:#11120f;--panel:#1a1c17;--ink:#f6f6ee;--muted:#bac0af;--line:#373c30;--yellow:#ffe228;--paper:#f1f1e8;--dark:#151810}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.05}h1,h2{letter-spacing:-.05em}h1{font-size:clamp(3rem,5.8vw,5.45rem);font-weight:800}h2{font-size:clamp(2rem,4.1vw,3.9rem);font-weight:750}h3{font-size:1.6rem;letter-spacing:-.025em}em{font-style:normal;color:var(--yellow)}p+p{margin-top:18px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.wrap{width:min(1260px,calc(100% - 80px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--yellow);margin-bottom:24px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--yellow);margin:0 7px 1px 0}.lead{font-size:1.1rem;line-height:1.7;color:var(--muted);max-width:650px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;min-height:50px;background:var(--yellow);color:var(--dark);padding:15px 23px;border:1px solid transparent;text-decoration:none;font-size:.9375rem;font-weight:700;transition:background .18s,transform .18s}.button:hover{background:#fff177;transform:translateY(-2px)}.button.small{padding:11px 16px;min-height:44px;font-size:.875rem}.button.dark{background:var(--dark);color:var(--ink)}.button.dark:hover{background:#303725}.text-link{font-size:.9375rem;font-weight:600}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:32px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--yellow);color:black;z-index:150}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#11120ff5;backdrop-filter:blur(15px)}.header-inner{min-height:92px;display:flex;align-items:center;gap:35px;padding-block:12px}.brand{flex-shrink:0;text-decoration:none;display:inline-flex;align-items:center}.brand>span{font-size:2rem;font-weight:400;letter-spacing:-1.5px;line-height:1;position:relative;padding-bottom:7px}.brand b{color:var(--yellow);font-weight:800}.brand i{height:3px;width:35px;background:var(--yellow);position:absolute;bottom:0;left:0}.brand-image{width:150px;max-height:64px;object-fit:contain}.main-nav{display:flex;gap:26px;margin-left:auto}.main-nav a{font-size:.875rem;text-decoration:none;min-height:44px;display:flex;align-items:center}.main-nav a:hover{color:var(--yellow)}.menu-toggle{display:none}.hero{padding-top:57px;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#ffe2280b,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:62px}.hero-copy{padding-block:18px}.intro{font-size:1.125rem;line-height:1.7;color:var(--muted);max-width:500px;margin-top:30px}.hero-signature{display:flex;flex-direction:column;gap:5px;border-left:2px solid var(--yellow);padding-left:16px;margin-top:44px;font-size:.875rem}.hero-signature span{color:var(--muted)}.hero-cover{width:min(100%,475px);justify-self:end;position:relative}.hero-cover:before{content:'';position:absolute;inset:10px -12px 35px 10px;border:1px solid #9a8b22;transform:rotate(3deg);z-index:0}.comic-cover{display:block;position:relative;box-shadow:0 20px 55px #0008;text-decoration:none;background:#fff;transition:transform .25s}.comic-cover:hover{transform:translateY(-4px)}.comic-cover>img{width:100%;height:auto}.cover-open{display:flex;justify-content:space-between;padding:12px 16px;background:var(--yellow);color:var(--dark);font-size:.875rem;font-weight:700}.hero-cover figcaption{position:relative;font-size:.75rem;color:var(--muted);margin-top:12px}.hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:58px;padding:23px 0;font-size:.75rem;letter-spacing:.1em;color:var(--muted)}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:70px;margin-bottom:47px}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.expertise-card{border:1px solid var(--line);background:var(--panel);padding:32px;position:relative;display:flex;flex-direction:column}.card-number{color:#7f8971;font-size:.875rem;margin-bottom:30px}.expertise-card>.eyebrow{margin-bottom:17px}.expertise-card h3{font-size:clamp(1.5rem,2.35vw,2.2rem);line-height:1.15;margin-bottom:24px}.expertise-card>p:not(.eyebrow){color:var(--muted);font-size:1rem}.expertise-card ul{padding-left:17px;margin:24px 0 28px;color:var(--muted);font-size:.875rem}.expertise-card li{margin:6px 0}.expertise-card>a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid var(--line);padding-top:20px;text-decoration:none;font-size:.875rem;font-weight:700}.expertise-card>a span{color:var(--yellow)}.expertise-card.featured{border-top:3px solid var(--yellow);padding-top:30px}.story-section{background:#1b2016;border-block:1px solid #404b32}.story-player{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding:40px;background:#11150e;border:1px solid #404b32}.story-copy{min-width:0;padding:15px}.chapter-count{font-size:1.25rem;margin-bottom:35px;color:#8d9b7b}.chapter-count span:first-child{font-size:4.5rem;line-height:1;letter-spacing:-.05em;color:var(--yellow)}.story-copy h3{font-size:clamp(1.9rem,3vw,3rem);margin-bottom:23px;line-height:1.12}.story-copy>p:not(.eyebrow):not(.chapter-count):not(.player-help){color:var(--muted)}.story-copy>.text-link{display:inline-block;margin-top:25px}.player-controls{display:flex;gap:10px;margin-top:33px;flex-wrap:wrap}.player-controls button,.reader-toolbar button{border:1px solid #586249;background:#1e2518;color:var(--ink);padding:10px 14px;min-height:44px;font-size:.875rem}.player-controls [data-play]{flex:1}.player-controls button:hover,.reader-toolbar button:hover{border-color:var(--yellow)}.player-help{font-size:.75rem;color:#a7b19c;margin-top:13px}.chapter-dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chapter-dots button{border:1px solid #414d34;background:none;font-size:.75rem;width:36px;height:36px;color:#b6c0aa}.chapter-dots [aria-current=true]{background:var(--yellow);border-color:var(--yellow);color:var(--dark);font-weight:700}.story-stage{min-width:0;max-width:475px;width:100%;justify-self:center}.story-stage>a{display:block;background:#070905;aspect-ratio:1122/1402}.story-image{width:100%;height:100%;object-fit:contain}.story-image.entering{animation:board-in .5s ease}.story-stage figcaption{font-size:.75rem;color:#a7b19c;margin-top:11px}.comic-library{margin-top:30px;border-top:1px solid #47553a;border-bottom:1px solid #47553a}.comic-library>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:20px 0;font-size:1rem;font-weight:600}.comic-library>summary::-webkit-details-marker{display:none}.comic-library>summary span{color:var(--yellow);font-size:1.5rem;line-height:1}.comic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;padding:15px 0 28px}.comic-grid a{text-decoration:none}.comic-grid img{width:100%;border:1px solid #5d694e}.comic-grid span{font-size:.875rem;font-weight:700;display:block;margin-top:12px}.comic-grid figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:10px}.method{background:var(--paper);color:var(--dark)}.method .eyebrow{color:#646019}.method .lead{color:#56604c}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0 0 35px;padding:0}.steps>li{border-top:1px solid #9ca58e;padding-top:18px}.steps>li>span{font-size:2.5rem;color:#788167;letter-spacing:-.06em}.steps h3{font-size:1.35rem;margin:20px 0 16px}.steps p{color:#56604c;font-size:1rem}.team-grid,.territory-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.team-person{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.team-person h3{font-size:1.2rem;margin-bottom:9px}.team-person p{color:var(--muted)}.editorial-note{font-size:.75rem!important;color:#99a48c;margin-top:25px}.territories{border-top:1px solid var(--line);background:#191d15}.territory-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.territory-tags span{padding:7px 10px;border:1px solid #505c42;font-size:.875rem}.contact{background:var(--yellow);color:var(--dark)}.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:80px}.contact h2{font-size:clamp(2.2rem,4.1vw,3.9rem)}.contact em{color:var(--dark)}.contact .eyebrow{color:#59551f}.contact p{max-width:610px;margin-top:25px}.contact address{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;font-style:normal;border-left:1px solid #8d801e;padding-left:38px;overflow-wrap:anywhere}.contact address>span{font-size:.75rem;letter-spacing:.1em;margin-bottom:12px}.contact address>a{font-weight:700;font-size:clamp(1rem,1.6vw,1.5rem)}.contact address>p{margin-top:14px}.contact a:focus-visible,.method a:focus-visible{outline-color:#1a2113}.site-footer{padding:45px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>p{font-size:1rem}.footer-top>p>span{font-size:.8125rem;color:var(--muted)}.footer-top>a:last-child{font-size:.875rem}.service-nav{display:flex;gap:12px 24px;flex-wrap:wrap;padding:28px 0;margin-top:25px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.editorial{max-width:900px;overflow-wrap:anywhere}.editorial h1{font-size:clamp(2.1rem,5vw,3.7rem);margin-bottom:32px}.editorial h2{font-size:1.8rem;letter-spacing:-.03em;margin:36px 0 20px}.editorial p{margin-bottom:20px}.editorial li{margin-bottom:10px}.breadcrumbs{font-size:.875rem;color:var(--muted);margin-bottom:25px}.page-cta{background:var(--panel);padding:28px;border-left:3px solid var(--yellow);margin-top:40px}.page-cta h2{margin-top:0}.page-cta>a{margin:8px 15px 0 0;display:inline-block}.menu-toggle[hidden],.player-controls[hidden],.chapter-dots[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{padding:0;border:1px solid #606956;background:#11150e;color:var(--ink);width:min(1250px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#000d}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.reader-toolbar h2{font-size:1rem;letter-spacing:0;line-height:1.4;max-width:480px}.reader-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.reader-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:12px}.reader-scroll>img{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;object-fit:contain}.reader-scroll.zoomed>img{width:1122px;max-width:none;height:auto;max-height:none;margin:0 auto}.reader-summary{padding:12px 18px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);flex-shrink:0;max-height:20vh;overflow:auto}body.reader-open{overflow:hidden}@keyframes board-in{from{opacity:.4;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:23px}.main-nav{gap:18px}.header-contact{display:none}.hero-grid{gap:35px}.hero-cover{width:min(100%,410px)}.expertise-card{padding:25px}.expertise-card.featured{padding-top:23px}.story-player{gap:40px;padding:30px}.story-copy{padding:0}.team-grid,.territory-grid{gap:50px}.contact-grid{gap:35px}.contact address{padding-left:25px}}
@media(max-width:800px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px;flex-wrap:wrap;gap:15px}.brand>span{font-size:1.8rem}.main-nav{flex-wrap:wrap;gap:10px 22px}.header-inner>.main-nav{width:100%;margin:0}.site-header.enhanced .main-nav{display:none}.site-header.enhanced.menu-open .main-nav{display:flex}.menu-toggle{display:inline-flex;gap:15px;margin-left:auto;border:1px solid #5b644f;background:transparent;padding:8px 12px;min-height:44px;font-size:.875rem}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:clamp(2.4rem,6vw,3.5rem)}.hero .eyebrow{font-size:.75rem;letter-spacing:.06em}.intro{font-size:1rem;margin-top:23px}.hero-signature{margin-top:25px;font-size:.8125rem}.hero .actions{gap:16px}.hero-foot{margin-top:40px;font-size:.6875rem;letter-spacing:.03em}.section{padding:65px 0}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:32px}.section-heading h2{font-size:2.6rem}.lead{font-size:1rem}.expertise-grid{grid-template-columns:1fr}.expertise-card{padding:28px}.expertise-card h3{font-size:2rem}.card-number{margin-bottom:20px}.expertise-card ul{margin:20px 0}.story-player{gap:30px;padding:25px;grid-template-columns:1fr 1fr}.chapter-count{margin-bottom:20px}.chapter-count span:first-child{font-size:3rem}.story-copy h3{font-size:1.9rem}.story-copy p{font-size:.9375rem}.chapter-dots{gap:5px}.chapter-dots button{width:33px;height:36px}.player-controls{margin-top:24px}.player-controls button{padding:9px}.comic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:1fr 1fr;gap:30px}.team-grid,.territory-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.contact address{border-left:0;border-top:1px solid #8d801e;padding:28px 0 0}.contact address>a{font-size:1.25rem}.footer-top{flex-wrap:wrap}.footer-top>p{flex:1;min-width:220px}.reader-toolbar{align-items:flex-start;flex-wrap:wrap}.reader-toolbar h2{max-width:none}.reader-toolbar>div{width:100%}.reader-toolbar button{flex:1;font-size:.8125rem;padding:8px}.reader-summary{max-height:16vh}}
@media(max-width:560px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.8rem,11.3vw,4rem)}.hero-cover{justify-self:center;width:min(90%,375px)}.hero-foot{flex-wrap:wrap;gap:8px 18px;font-size:.75rem;padding-block:18px}.hero-cover:before{inset:8px -8px 35px 8px}.hero .actions>.button{width:100%}.hero-signature{margin-top:30px}.section{padding:53px 0}.section-heading h2{font-size:2.4rem}.story-player{grid-template-columns:1fr;padding:20px;gap:28px}.story-copy h3{font-size:2rem}.chapter-count span:first-child{font-size:3.2rem}.story-copy .eyebrow{margin-bottom:16px}.player-controls{flex-wrap:nowrap}.player-controls [data-play]{font-size:.8125rem}.chapter-dots{gap:6px}.chapter-dots button{width:calc((100% - 54px)/10);min-width:22px;font-size:.6875rem;height:34px}.comic-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.comic-grid figcaption{font-size:.8125rem}.comic-grid span{font-size:.8125rem}.steps{grid-template-columns:1fr;gap:28px}.steps>li{display:grid;grid-template-columns:45px 1fr;gap:0 15px}.steps>li>span{grid-row:span 2;font-size:2rem}.steps h3{margin:4px 0 12px}.steps p{grid-column:2}.team h2,.territories h2{font-size:2.7rem}.contact h2{font-size:clamp(2rem,8.7vw,3rem)}.contact .actions .button{width:100%}.footer-top{align-items:flex-start}.footer-top>p{min-width:100%}.footer-bottom{flex-direction:column;gap:10px}.editorial h1{font-size:2.1rem}.reader-scroll{padding:5px}.reader-toolbar{padding:10px;gap:8px}.reader-toolbar h2{font-size:.875rem}.reader-toolbar button{min-width:40px;padding:8px 5px}.reader-summary{font-size:.8125rem;padding:10px}.comic-library>summary{font-size:.9375rem;gap:15px}.brand-image{width:130px;max-height:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.comic-cover:hover,.button:hover{transform:none}}