/* R16.12 Relocated Message Stage
   Each card is a separate DOM object anchored in an independent story slot.
   Layer order: backgrounds 0 < handset 1 < narrative 3 < messages 4 < black cuts 6.
   No toggle/display transitions: only scroll-progress opacity, transform, clip. */
@media (min-width:851px){
 .page-home .r1612-message-overlay{
  position:absolute;inset:0;z-index:4;pointer-events:none;
  overflow:visible;
 }
 .page-home .r1612-message-pin{
  position:sticky;
  top:clamp(55px,11svh,135px);
  height:min(77svh,770px);
  width:55%;margin-left:auto;
  isolation:isolate;
  pointer-events:none;
 }
 .page-home .r1612-message{
  --r1612-motion-x:0px;
  --r1612-motion-y:0px;
  --r1612-motion-scale:1;
  position:absolute;
  display:block;
  width:min(320px,57%);
  max-width:100%;
  opacity:0;
  visibility:visible;
  pointer-events:none;
  clip-path:inset(50% 0px 50% 0px);
  -webkit-clip-path:inset(50% 0px 50% 0px);
  contain:layout style;
  backface-visibility:hidden;
 }
 /* Positions alternate in both axes: a previous message leaves from one
    location, the next arrives elsewhere; no same-location flash. */
 .page-home .r1612-message[data-r1612-message="0"]{left:11%;top:62%}
 .page-home .r1612-message[data-r1612-message="1"]{left:39%;top:13%}
 .page-home .r1612-message[data-r1612-message="2"]{left:12%;top:9%}
 .page-home .r1612-message[data-r1612-message="3"]{left:36%;top:67%}
 .page-home .r1612-message[data-r1612-message="4"]{left:11%;top:39%}
 .page-home .r1612-message-surface{
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;
  padding:16px 16px 17px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.85);
  background:rgba(253,254,255,.967);
  color:#222a37;
  box-shadow:0 20px 55px rgba(9,17,37,.25),0 3px 12px rgba(18,33,57,.11);
  transform:translate3d(var(--r1612-motion-x),var(--r1612-motion-y),0) scale(var(--r1612-motion-scale));
  transform-origin:center;
  will-change:transform;
 }
 .page-home .r1612-message-icon{
  width:40px;height:40px;border-radius:13px;
  display:grid;place-items:center;font-size:22px;color:#475cc3;
  background:linear-gradient(145deg,#e7eefe,#eae4ff);
 }
 .page-home .r1612-message-copy{min-width:0}
 .page-home .r1612-message-label{
  display:block;margin:1px 0 4px;color:#7884a2;
  font-size:9px;font-weight:800;letter-spacing:.095em;
 }
 .page-home .r1612-message-copy strong{
  display:block;color:#1f2940;font-size:13px;line-height:1.45;
  font-weight:800;letter-spacing:-.025em;
 }
 .page-home .r1612-message-copy p{
  margin:5px 0 0;color:#65728a;font-size:11px;line-height:1.55;
 }
 .page-home .r1612-message-index{font-size:10px;font-weight:800;color:#abb6c8}
 /* Eliminate historic phone-layer cards. Retain orbit icons in JSOFY ID story. */
 .page-home .r164-phone-overlay .r164-floating{display:none}
}
@media (min-width:851px) and (max-width:1100px){
 .page-home .r1612-message{width:min(285px,64%)}
 .page-home .r1612-message[data-r1612-message="1"]{left:31%}
 .page-home .r1612-message[data-r1612-message="3"]{left:30%}
}
@media (max-width:850px){
 .page-home .r1612-message-overlay{display:none}
}
@media (prefers-reduced-motion:reduce){
 .page-home .r1612-message-surface{transform:none!important;will-change:auto!important}
}
.r163-save-data .page-home .r1612-message-surface{transform:none!important;will-change:auto!important}