:root{--e-deep:#0D3924;--e-leaf:#668961;--e-lime:#8DBF5A;--e-cream:#F5EFE3;--e-ink:#0D3924;--e-glass:rgba(245,239,227,.88)}
html[data-theme=dark]{--e-leaf:#8DBF5A;--e-ink:#F5EFE3;--e-glass:rgba(13,57,36,.84)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]){--e-leaf:#8DBF5A;--e-ink:#F5EFE3;--e-glass:rgba(13,57,36,.84)}}
#contact.cband{position:relative;overflow:hidden;isolation:isolate}
#contact.cband>.w.ct{position:relative;z-index:2;transition:opacity .55s ease,transform .65s ease,filter .65s ease}
#contact.cband.go>.w.ct{opacity:0;filter:blur(8px);transform:scale(1.015);pointer-events:none}
#contact.cband.done>.w.ct{opacity:0!important;pointer-events:none}
#contact .envoi-film{position:absolute;inset:0;z-index:4;overflow:hidden;clip-path:circle(0 at var(--cx,50%) var(--cy,80%));transition:clip-path 1.15s cubic-bezier(.7,0,.2,1)}
#contact .envoi-film.open{clip-path:circle(160% at var(--cx,50%) var(--cy,80%))}
#contact .envoi-film video,#contact .envoi-film img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
#contact .envoi-film::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 48%,rgba(4,18,12,.36));pointer-events:none}
html[data-theme=dark] #contact .envoi-film video,html[data-theme=dark] #contact .envoi-film img{filter:brightness(.82) saturate(.95)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) #contact .envoi-film video,html:not([data-theme=light]) #contact .envoi-film img{filter:brightness(.82) saturate(.95)}}
#contact .envoi-ok{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;pointer-events:none;opacity:0;transition:opacity .65s ease}
#contact .envoi-ok .card{display:grid;justify-items:center;gap:8px;text-align:center;color:var(--e-ink)!important;background:var(--e-glass);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid color-mix(in srgb,var(--e-leaf) 42%,transparent);border-radius:22px;padding:28px 36px;max-width:min(92vw,460px);box-shadow:0 18px 50px rgba(4,18,12,.28);transform:translateY(14px) scale(.98);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
html body #contact.cband .envoi-ok .card,html body #contact.cband .envoi-ok strong,html body #contact.cband .envoi-ok span{color:var(--e-ink)!important;text-shadow:none!important}
#contact .envoi-ok svg{width:46px;height:46px}
#contact .envoi-ok .ck{fill:none;stroke:var(--e-leaf);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .6s ease .3s}
#contact .envoi-ok .ring{fill:none;stroke:var(--e-leaf);stroke-width:2;opacity:.35}
#contact .envoi-ok strong{font-family:Fraunces,Georgia,serif;font-size:clamp(1.45rem,3vw,1.95rem);font-weight:600;letter-spacing:-.01em;line-height:1.15}
#contact .envoi-ok span{opacity:.88;font-size:.98rem;line-height:1.45}
#contact.cband.done .envoi-ok{opacity:1;pointer-events:auto}
#contact.cband.done .envoi-ok .card{transform:none}
#contact.cband.done .envoi-ok .ck{stroke-dashoffset:0}
.envoi-replay{margin-top:10px;font:600 13px system-ui,sans-serif;border-radius:999px;padding:7px 16px;border:1px solid rgba(245,239,227,.5);background:rgba(13,57,36,.55);color:#F5EFE3!important;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .2s,background .2s}
.envoi-replay:hover{background:rgba(13,57,36,.8)}
@media (prefers-reduced-motion:reduce){
  #contact .envoi-film video{display:none!important}
  #contact .envoi-film{clip-path:none!important;transition:opacity .25s linear!important;background:url(envoi-traversee.jpg?v=22) 50% 35%/cover no-repeat}
  #contact.cband>.w.ct,#contact .envoi-ok,#contact .envoi-ok .card{transition:opacity .2s linear!important;transform:none!important;filter:none!important}
  #contact .envoi-ok .ck{stroke-dashoffset:0;transition:none}
}
@media (max-width:600px){#contact .envoi-ok .card{padding:22px 24px}#contact .envoi-ok strong{font-size:1.35rem}}