/* Secteurs : accordéon horizontal en bandes (v9, palette C pâle) — liste empilée sur mobile / sans JS */
#secteurs .sect{display:flex!important;flex-direction:column;grid-template-columns:none!important;gap:10px!important;overflow:visible!important;scroll-snap-type:none!important;margin:28px 0 0!important;padding:0!important}
#secteurs .sect .sx{position:relative;box-sizing:border-box;flex:none;min-width:0;margin:0!important;padding:20px 22px 22px 80px;border-radius:18px;overflow:hidden;background:var(--bg,#D5DFD0);color:#0D3924;box-shadow:inset 0 0 0 1px #E2D8C4;cursor:pointer;outline:none;transform:none!important;transition:flex-grow 1.05s cubic-bezier(.4,0,.2,1)}
#secteurs .sect .sx::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:60% 40% 55% 45%;background:#66896126;pointer-events:none;transition:transform 1.5s cubic-bezier(.4,0,.2,1)}
#secteurs .sect .sx .ico{position:absolute;left:20px;top:20px;margin:0!important;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0D392414;color:#0D3924;border:0;transition:background .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)}
#secteurs .sect .sx h3{position:relative;margin:0 0 6px;font:400 25px/1.1 Fraunces,Georgia,serif;color:#0D3924;white-space:normal}
#secteurs .sect .sx p{position:relative;margin:0;font:400 16px/1.5 "Source Sans 3",system-ui,sans-serif;color:#3E5A48}
#secteurs .sect .sx.on .ico{background:#0D3924;color:#FFFDF8}
#secteurs .sect .sx:focus-visible{outline:3px solid #0D3924!important;outline-offset:2px!important;box-shadow:inset 0 0 0 1px #E2D8C4,0 0 0 8px #8DBF5A!important}
#secteurs~.swipe-hint,#secteurs .swipe-hint{display:none!important}
@media (min-width:901px){
 #secteurs .sect.acc{flex-direction:row;height:440px;gap:8px!important}
 #secteurs .sect.acc .sx{flex:1 1 0;padding:0}
 #secteurs .sect.acc .sx .ico{left:30px;top:22px;margin:0!important;transform:translate3d(calc(var(--cx,49px) - 51px),0,0);backface-visibility:hidden;transition:transform 1.05s cubic-bezier(.4,0,.2,1),background .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)}
 #secteurs .sect.acc .sx h3{position:absolute;left:30px;bottom:150px;margin:0;font-size:36px;line-height:1.1;white-space:nowrap;transform-origin:0 100%;transform:translate3d(calc(var(--cx,49px) - 15.7px),124px,0) rotate(-90deg) scale(.7222);backface-visibility:hidden;transition:transform 1.05s cubic-bezier(.4,0,.2,1)}
 #secteurs .sect.acc .sx p{position:absolute;left:30px;right:30px;bottom:30px;max-width:360px;opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1)}
 #secteurs .sect.acc .sx.on{flex-grow:5}
 #secteurs .sect.acc .sx.on::after{transform:scale(1.8) rotate(40deg)}
 #secteurs .sect.acc .sx.on .ico{transform:translate3d(0,0,0)}
 #secteurs .sect.acc .sx.on h3{transform:translate3d(0,0,0) rotate(0deg) scale(var(--k,1))}
 #secteurs .sect.acc.anim .sx h3,#secteurs .sect.acc.anim .sx .ico{will-change:transform}
 #secteurs .sect.acc .sx.on p{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.4,0,.2,1) .675s,transform .6s cubic-bezier(.4,0,.2,1) .675s}}
@media (prefers-reduced-motion:reduce){#secteurs .sect .sx,#secteurs .sect .sx *,#secteurs .sect .sx::after{transition:none!important}}