/* CellandArt — vidéo, œuvre, intérieur, bracelet. */
#naissance.ca-experience{
  --ca-h:100vh;--ca-text:#211e1a;--ca-ink:#211e1a;
  --ca-sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --ca-serif:'Bodoni Moda',Didot,Georgia,serif;
  position:relative;width:100%;height:var(--ca-h);background:#050607;
  isolation:isolate;font-family:var(--ca-sans);color:var(--ca-text);
}
@supports(height:100svh){#naissance.ca-experience{--ca-h:100svh}}
#naissance.ca-experience *{box-sizing:border-box}
/* 4,8 écrans de défilement au lieu de 6 : encore 20 % de moins. */
#naissance.ca-experience.is-enhanced{height:calc(var(--ca-h) * 5.8)}
#naissance .ca-scene{position:relative;height:var(--ca-h);width:100%;overflow:hidden;background:#050607;color:var(--ca-text);contain:layout paint}
#naissance.is-enhanced .ca-scene{position:sticky;top:0}
#naissance .ca-film{position:absolute;inset:0;z-index:2;background:#131b26;overflow:hidden;opacity:0;will-change:opacity}
#naissance .ca-film video{position:absolute;left:4%;top:4%;width:92%;height:92%;object-fit:cover;object-position:63% 48%;display:block;max-width:none}
#naissance .ca-film-veil{position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 60%);pointer-events:none}
#naissance .ca-caption{position:absolute;left:7%;right:7%;z-index:10;opacity:0;pointer-events:none;will-change:opacity,transform}
#naissance .ca-caption h2{font-family:var(--ca-serif);font-size:clamp(32px,4.9vw,61px);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:inherit;max-width:none;margin:0}
#naissance .ca-caption-film{bottom:16%;max-width:720px}
#naissance .ca-caption-film h2{font-size:clamp(32px,4.8vw,56px);max-width:26ch}
#naissance .ca-caption-long h2{font-size:clamp(30px,4.3vw,51px);max-width:24ch}
#naissance .ca-caption-art{top:10.5%;text-align:center}
#naissance .ca-caption-art h2{font-size:clamp(30px,3.9vw,46px);max-width:30ch;margin:auto}
#naissance .ca-caption-unique{bottom:8%;text-align:center}
#naissance .ca-caption-unique h2{font-size:clamp(27px,3.5vw,41px);max-width:29ch;margin:auto}
#naissance .ca-caption-print{top:10%;text-align:center;color:var(--ca-ink);opacity:1}
#naissance .ca-caption-print h2{font-size:clamp(32px,4.3vw,52px)}
#naissance .ca-caption-bracelet{top:77%;text-align:center;color:var(--ca-ink)}
#naissance .ca-caption-bracelet h2{font-size:clamp(30px,4.2vw,51px);max-width:25ch;margin:auto}
#naissance .ca-room{position:absolute;inset:0;opacity:1;z-index:0;overflow:hidden;background:#e9e2d8}
#naissance .ca-room-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none;display:block;will-change:transform}
#naissance .ca-work{position:absolute;left:50%;top:46%;width:50%;max-width:calc(var(--ca-h) * .45 * 16 / 9);aspect-ratio:16/9;transform:translate(-50%,-50%);z-index:5;opacity:1;will-change:left,top,width,height,opacity;pointer-events:none}
#naissance.is-enhanced .ca-work{transform:none;max-width:none}
#naissance .ca-art-field{position:absolute;inset:0;background:#000;overflow:hidden;will-change:clip-path}
#naissance .ca-art-field canvas,#naissance .ca-art-field img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block}
#naissance .ca-art-field canvas{display:none;object-fit:fill}
#naissance.is-enhanced .ca-art-field canvas{display:block}
#naissance.is-enhanced .ca-art-field .ca-still{display:none}
#naissance .ca-art-field:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,#ffffff16,transparent 28%,transparent 72%,#ffffff05);opacity:var(--ca-glass,.38)}
#naissance .ca-picture-frame{position:absolute;inset:-14px;background:#faf7f1;border:4px solid #24211d;box-shadow:5px 9px 19px #30241430,1px 2px 3px #211b1433;opacity:1;will-change:opacity}
#naissance .ca-bracelet{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;background:#e8ded2}
#naissance .ca-bracelet img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
#naissance .ca-scroll-hint,#naissance .ca-replay{position:absolute;z-index:13;font:400 12px/1.4 var(--ca-sans);border:0;background:transparent;min-height:44px;padding:9px 13px;color:var(--ca-text);display:none;align-items:center;gap:12px;cursor:pointer}
#naissance.is-enhanced .ca-scroll-hint,#naissance.is-enhanced .ca-replay{display:flex}
#naissance .ca-scroll-hint{bottom:16px;left:50%;transform:translateX(-50%)}
#naissance .ca-replay{bottom:17px;right:29px;color:var(--ca-ink)}
#naissance .ca-replay[hidden]{display:none}
#naissance .ca-scroll-hint span,#naissance .ca-replay span{font-size:19px;line-height:1}
#naissance .ca-progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:15;overflow:hidden;background:#85858522;display:none}
#naissance.is-enhanced .ca-progress{display:block}
#naissance .ca-progress span{display:block;width:0;height:100%;background:var(--ca-text);opacity:.48;will-change:width}
#naissance .ca-accessible-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){
  #naissance .ca-film video{object-position:77% 48%}
  #naissance .ca-caption-film{bottom:16%}
  #naissance .ca-caption-long h2{max-width:21ch}
  #naissance .ca-caption-art{top:12%}
  #naissance .ca-caption-unique{bottom:9%}
  #naissance .ca-caption-print{top:11%}
  #naissance .ca-caption-bracelet{top:76%}
  #naissance .ca-replay{right:14px;bottom:10px}
  #naissance .ca-picture-frame{inset:-10px;border-width:3px}
}
@media(max-width:600px){
  #naissance .ca-room-photo{object-position:88% 50%}
  #naissance .ca-work{width:74%}
}
@media(max-height:600px) and (orientation:landscape){
  #naissance .ca-caption-art,#naissance .ca-caption-print{top:7%}
  #naissance .ca-caption-art h2,#naissance .ca-caption-print h2{font-size:clamp(26px,3vw,34px)}
  #naissance .ca-caption-film{bottom:15%}
  #naissance .ca-caption-bracelet{top:75%}
  #naissance .ca-caption-bracelet h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){#naissance .ca-room-photo{transform:none!important}}