/* Okire Services · généré depuis l'export Claude Design */
html{scroll-behavior:smooth}
body{margin:0;background:#FFFBF8;-webkit-font-smoothing:antialiased}
a{color:oklch(0.55 0.17 38)}
a:hover{color:oklch(0.48 0.16 38)}
::selection{background:oklch(0.88 0.08 300)}
[data-l="en"]{display:none!important}
[data-lang="en"] [data-l="en"]{display:revert!important}
[data-lang="en"] [data-l="fr"]{display:none!important}
summary{list-style:none}
summary::-webkit-details-marker{display:none}
details[open] [data-plus]{transform:rotate(45deg)}
[id]{scroll-margin-top:110px}
.dc-if{display:contents}
.dc-if[hidden]{display:none!important}
:focus-visible{outline:2px solid oklch(0.58 0.18 38);outline-offset:2px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
input::placeholder,textarea::placeholder{color:oklch(0.62 0.02 278)}

/* conditions responsive */
@media not all and (min-width: 1180px){.mq-wide{display:none!important}}
@media not all and (min-width: 640px){.mq-mid{display:none!important}}
@media not all and (max-width: 1179.98px){.mq-compact{display:none!important}}
@media not all and (min-width: 720px){.mq-roomy{display:none!important}}

/* survols */
.h0:hover{color:#1B1E3E!important}
.h1:hover{color:#1B1E3E!important;background:oklch(0.955 0.03 45)!important}
.h2:hover{background:oklch(0.52 0.17 38)!important;color:#fff!important;transform:translateY(-1px)!important}
.h3:hover{color:#fff!important;background:oklch(0.52 0.17 38)!important}
.h4:hover{color:#fff!important}
.h5:hover{background:oklch(0.52 0.17 38)!important;color:#fff!important;transform:translateY(-2px)!important}
.h6:hover{border-color:oklch(0.25 0.06 278 / 0.4)!important;color:#1B1E3E!important;transform:translateY(-2px)!important}
.h7:hover{gap:12px!important;color:oklch(0.47 0.16 38)!important}
.h8:hover{border-color:oklch(0.25 0.06 278 / 0.4)!important;color:#1B1E3E!important}
.h9:hover{color:#fff!important;transform:translateY(-2px)!important}
.ha:hover{transform:translateY(-6px)!important;box-shadow:0 40px 70px -40px oklch(0.25 0.06 278 / 0.5)!important}
.hb:hover{background:oklch(0.52 0.17 38)!important;color:#fff!important}
.hc:hover{color:oklch(0.52 0.17 38)!important}
.hd:hover{transform:scale(1.05) rotate(-5deg)!important;color:#fff!important}
.he:hover{color:oklch(0.82 0.11 52)!important}
.hf:hover{background:oklch(0.97 0.02 45)!important;color:#1B1E3E!important}
.hg:hover{background:oklch(0.97 0.02 300)!important;color:#1B1E3E!important}
.hh:hover{background:oklch(0.97 0.02 190)!important;color:#1B1E3E!important}
.hi:hover{transform:translateY(-5px)!important}
.hj:hover{background:oklch(0.52 0.17 38)!important}
.hk:hover{color:#1B1E3E!important;border-color:oklch(0.25 0.06 278 / 0.4)!important}
.hl:hover{background:oklch(0.96 0.025 45)!important;color:#1B1E3E!important}
.hm:hover{background:oklch(0.56 0.18 38)!important;color:#fff!important}
.hn:hover{transform:translateY(-3px)!important;color:#1B1E3E!important}

/* focus */
.f0:focus{border-color:oklch(0.58 0.18 38)!important;box-shadow:0 0 0 4px oklch(0.58 0.18 38 / 0.14)!important}

/* animations (repérées au build, pilotées par js/site.js) */
.rv-pre{opacity:0}
.ico-fwd,.ico-back,.ico-down{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
a:hover .ico-fwd,button:hover .ico-fwd{transform:translateX(3px)}
a:hover .ico-back,button:hover .ico-back{transform:translateX(-3px)}
a:hover .ico-down,button:hover .ico-down{transform:translateY(2px)}
.btn:active{scale:.97}
.zimg{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.zoom:hover .zimg{transform:scale(1.05)}
.spot{position:relative;isolation:isolate}
.spot::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--sx,50%) var(--sy,50%),oklch(0.8 0.12 50 / .22),transparent 65%)}
.spot:hover::before{opacity:1}
@media (hover:none){.spot::before{display:none}}
.read-progress{position:fixed;z-index:90;top:0;left:0;right:0;height:3px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,oklch(0.7 0.17 42),oklch(0.66 0.15 300));display:none;pointer-events:none}
@supports (animation-timeline: scroll()){.read-progress{display:block;animation:read-progress linear both;animation-timeline:scroll(root)}}
@keyframes read-progress{to{transform:scaleX(1)}}
@supports (interpolate-size: allow-keywords){
:root{interpolate-size:allow-keywords}
details::details-content{block-size:0;overflow-y:clip;transition:block-size .35s cubic-bezier(.2,.7,.2,1),content-visibility .35s allow-discrete}
details[open]::details-content{block-size:auto}
}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
@media (prefers-reduced-motion: reduce){
@view-transition{navigation:none}
.zoom:hover .zimg,a:hover .ico-fwd,a:hover .ico-back,a:hover .ico-down{transform:none}
.btn:active{scale:none}
.read-progress{animation-duration:auto!important}
}