/* 一次翻开一段未来：原文是正面，照片封面只负责短暂的视觉叙事。 */
.care-timeline article.care-cinematic{
  display:block;
  padding:0;
  min-height:0;
  border:0;
  border-radius:22px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  perspective:1500px;
  perspective-origin:50% 45%;
  isolation:isolate;
}
.care-timeline article.care-cinematic:before,
.care-timeline article.care-cinematic:after{display:none}
.care-cinematic-rotor{
  position:relative;
  border-radius:inherit;
  transform-style:preserve-3d;
  transform:rotateX(0deg);
  transform-origin:50% 50%;
}
.care-cinematic[data-care-phase="ready"] .care-cinematic-rotor{transform:rotateX(-180deg)}
.care-cinematic-face{
  border-radius:inherit;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.care-cinematic-information{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:17px;
  min-width:0;
  min-height:292px;
  padding:27px 26px;
  border:1px solid #E0EDF2;
  background:#FFFFFF;
  box-shadow:0 16px 38px #1B526B09;
  transform:translateZ(1px);
  transition:border-color 240ms ease,background-color 240ms ease,box-shadow 240ms ease;
}
.care-cinematic-information>div:last-child{min-width:0}
.care-timeline article.care-cinematic.is-current .care-cinematic-information{
  border-color:#B6D6E3;
  background:#F7FCFE;
  box-shadow:0 18px 40px #215B7812;
}
.care-cinematic-cover{
  --care-cover-inset:26px;
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  padding:var(--care-cover-inset);
  overflow:hidden;
  border:1px solid #D7E9F0;
  background:#173A46;
  color:#FFFFFF;
  box-shadow:0 22px 46px #12384D1C;
  transform:rotateX(180deg) translateZ(1px);
  pointer-events:none;
  user-select:none;
}
.care-cinematic-cover-photo{
  position:absolute;
  inset:auto;
  left:50%;
  top:50%;
  /* The 3×2 contact sheet contains square photographs: crop a square, never stretch a cell. */
  width:200%;
  height:auto;
  aspect-ratio:1;
  opacity:.86;
  transform:translate(-50%,-50%) scale(1.025);
}
@supports(width:1cqw){
  .care-cinematic-cover{container-type:size}
  .care-cinematic-cover-photo{width:calc(max(100cqw,100cqh) + var(--care-cover-inset) + var(--care-cover-inset))}
}
.care-cinematic-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#0D283573,transparent 48%,#0D2835DB),linear-gradient(90deg,#0D283529,transparent);
  pointer-events:none;
}
.care-cinematic-cover-top,
.care-cinematic-cover-copy{position:relative;z-index:1}
.care-cinematic-cover-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.care-cinematic-cover-number{
  font-size:11px;
  letter-spacing:2px;
  font-variant-numeric:tabular-nums;
  color:#E8F4F8;
}
.care-cinematic-cover-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #FFFFFF52;
  border-radius:13px;
  background:#173A4652;
  backdrop-filter:blur(10px);
}
.care-cinematic-cover-icon>.icon{width:21px;height:21px;stroke-width:1.75;color:#FFFFFF}
.care-cinematic-cover-copy small{
  display:block;
  margin-bottom:10px;
  font-size:10px;
  line-height:1.8;
  letter-spacing:.8px;
  color:#E2EFF5;
}
.care-cinematic-cover-copy strong{
  display:block;
  font-size:26px;
  line-height:1.38;
  letter-spacing:-.045em;
  font-weight:600;
  color:#FFFFFF;
  text-wrap:balance;
}
.care-cinematic-cover-copy>span{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:19px;
  font-size:10px;
  letter-spacing:.7px;
  color:#D3E7F0;
}
.care-cinematic-cover-copy>span:before{content:"";width:20px;height:1px;background:#F3AD95}
.care-cinematic[data-care-phase="complete"] .care-cinematic-cover{display:none}
.care-cinematic[data-care-phase="complete"] .care-cinematic-rotor{transform:none;transform-style:flat}
.care-cinematic[data-care-phase="complete"] .care-cinematic-information{transform:none}
.care-timeline article.care-cinematic:focus-within .care-cinematic-information{
  border-color:#A1C9DC;
  background:#F4FBFE;
  box-shadow:0 21px 43px #1D597A18;
}

@media(hover:hover) and (pointer:fine){
  .care-timeline article.care-cinematic[data-care-phase="complete"]:hover .care-cinematic-information{
    border-color:#A1C9DC;
    background:#F4FBFE;
    box-shadow:0 21px 43px #1D597A18;
  }
}
@media(max-width:680px){
  .care-timeline article.care-cinematic{border-radius:19px;perspective:1100px}
  .care-cinematic-information{padding:25px 23px;gap:15px;min-height:0}
  .care-cinematic-cover{--care-cover-inset:23px}
  .care-cinematic-cover-copy strong{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
  .care-timeline article.care-cinematic{perspective:none}
  .care-cinematic .care-cinematic-rotor{transform:none!important;transform-style:flat;animation:none!important}
  .care-cinematic .care-cinematic-information{transform:none!important;opacity:1!important;filter:none!important;transition:none!important}
  .care-cinematic .care-cinematic-cover{display:none!important}
}