/* Logo animé BOHRER CONCEPTION */
.bc-logo{display:block;width:100%;height:auto;overflow:visible}
.bc-logo path,.bc-logo rect{transform-box:fill-box}
.bc-w1 path,.bc-w2 path{fill:#f2f0ee}
.bc-rule,.bc-tick,.bc-cursor{fill:#a1422d}

/* Intro (D) : première visite */
.logo-intro{display:none}
html.intro-on body{overflow:hidden}
html.intro-on .logo-intro{display:flex;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:24px;background:#111419;transition:opacity .5s ease;cursor:pointer}
.logo-intro.out{opacity:0}
.logo-intro .bc-logo{width:min(78vw,720px)}
.bc-intro .bc-tick,.bc-intro .bc-cursor,.bc-intro .bc-w2 path{opacity:0}
.bc-intro .bc-w1 path{fill-opacity:0;stroke:#f2f0ee;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}
.bc-intro .bc-rule{transform:scaleX(0);transform-origin:left center}
.bc-intro.play .bc-w1 path{animation:bc-sketch .9s ease-out forwards,bc-fill .35s ease .75s forwards}
.bc-intro.play .bc-tick{animation:bc-tick 1.5s ease .9s both}
.bc-intro.play .bc-tick.bc-r{animation-delay:1.3s;animation-duration:1.1s}
.bc-intro.play .bc-rule{animation:bc-grow .45s cubic-bezier(.65,0,.35,1) .95s forwards}
.bc-intro .bc-w2 path.on,.bc-intro .bc-cursor.on{opacity:1}
.bc-intro .bc-cursor.blink{animation:bc-blink .5s steps(1) infinite}

/* Sobre (C) : logo de la section À propos */
.bc-sobre:not(.play):not(.static) .bc-w1,.bc-sobre:not(.play):not(.static) .bc-w2{opacity:0}
.bc-sobre:not(.play):not(.static) .bc-rule{transform:scaleX(0)}
.bc-sobre.play .bc-rule{transform-origin:left center;animation:bc-grow .5s ease-out both}
.bc-sobre.play .bc-w1{animation:bc-fade .5s ease .15s both}
.bc-sobre.play .bc-w2{animation:bc-fade .5s ease .3s both}

@keyframes bc-sketch{to{stroke-dashoffset:0}}
@keyframes bc-fill{to{fill-opacity:1;stroke-opacity:0}}
@keyframes bc-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bc-tick{0%{opacity:0}10%{opacity:1}75%{opacity:1}100%{opacity:0}}
@keyframes bc-blink{50%{opacity:0}}
@keyframes bc-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bc-logo *{animation:none!important}}