.chi-motion-card{position:relative;isolation:isolate;aspect-ratio:9/16;overflow:hidden;background:#111;color:#fff}
.chi-motion-card video,.chi-motion-card>.chi-motion-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;display:block}
.chi-motion-cover{transition:opacity .2s ease;z-index:1;pointer-events:none}
.chi-motion-card.is-playing>.chi-motion-cover{opacity:0}
.chi-motion-open{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;cursor:pointer}
.chi-motion-open::after{content:'Voir le reel';position:absolute;bottom:20px;left:20px;right:20px;padding:12px 16px;background:#090909ba;border:1px solid #ffffff75;color:white;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:background .18s ease}
.chi-motion-open:hover::after{background:#090909e8}
.chi-motion-open:focus-visible{outline:3px solid #f26959;outline-offset:-5px}
.chi-motion-dialog{border:1px solid #ffffff40;background:#101010;color:#f5f1eb;padding:18px;width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:auto;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.chi-motion-dialog::backdrop{background:#000d}
.chi-motion-dialog:not([open]){display:none}
.chi-motion-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.chi-motion-dialog h2{margin:0;font-size:18px;font-weight:600;line-height:1.3}
.chi-motion-dialog button{font:inherit;min-height:44px;background:transparent;border:1px solid #fff7;color:white;padding:10px 15px;cursor:pointer}
.chi-motion-dialog button:focus-visible{outline:2px solid #f26959;outline-offset:3px}
.chi-motion-dialog .chi-motion-close{font-size:13px}
.chi-motion-full{display:block;width:100%;max-height:calc(100dvh - 190px);aspect-ratio:9/16;object-fit:contain;background:black}
.chi-motion-sound{margin-top:14px;width:100%;font-size:14px!important}
.chi-motion-error{font-size:14px;line-height:1.5}
.chi-motion-section{background:#0b0b0b;color:#f5f1eb;padding:clamp(48px,7vw,96px) 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.chi-motion-inner{max-width:1280px;margin:0 auto}
.chi-motion-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:36px}
.chi-motion-kicker{margin:0 0 16px;color:#f26959;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.chi-motion-heading h2{margin:0;max-width:700px;font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1.05;letter-spacing:-.055em}
.chi-motion-heading p:last-child{max-width:350px;margin:16px 0 0;color:#c8c1ba;font-size:15px;line-height:1.7}
.chi-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.chi-motion-tile{min-width:0}
.chi-motion-tile h3{margin:18px 0 6px;font-size:24px;font-weight:500;letter-spacing:-.03em}
.chi-motion-date{margin:12px 0 0;color:#f26959;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.chi-motion-caption{margin:0;color:#c8c1ba;font-size:14px;line-height:1.6}
@media(max-width:700px){.chi-motion-heading{display:block}.chi-motion-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 0 20px}.chi-motion-tile{flex:0 0 82%;scroll-snap-align:start}.chi-motion-open::after{left:14px;right:14px;bottom:14px}.chi-motion-heading p:last-child{max-width:100%}.chi-motion-section{padding-inline:20px}.chi-motion-dialog{padding:12px}}
@media(prefers-reduced-motion:reduce){.chi-motion-cover,.chi-motion-open::after{transition:none}}
