/* Section 02 only. The original scroll timeline stays in motion.js. */
.fragmentation .scene-sticky { isolation:isolate; }
/* Reserve real space after Vendas instead of overlaying the progress footer. */
.fragmentation .scene-footer { position:relative; bottom:auto; flex:none; margin-top:32px; }
.fragmentation .fragment-stage { flex:none; }
@media (min-width:601px) and (max-height:800px) {
  .fragmentation .scene-sticky { padding-block:20px; }
  .fragmentation .fragment-stage { padding-top:0; }
  .motion-ready .fragmentation .organized-word { top:0; }
}
.fragmentation .fragment-backdrop { position:absolute; inset:0; z-index:-1; pointer-events:none; mask-image:linear-gradient(transparent 12%,#0009 45%,black 70%,transparent 98%); }
.fragmentation .fragment-backdrop::before,.fragmentation .fragment-backdrop::after { content:''; position:absolute; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='220'%3E%3Cpath d='M0 .5H340M0 110.5H340M85 0V110M255 110V220' fill='none' stroke='%232563ff' stroke-width='1.5'/%3E%3C/svg%3E"); background-position:center; }
.fragmentation .fragment-backdrop::before { opacity:.11; }
.fragmentation .fragment-backdrop::after { opacity:0; transition:opacity .45s; mask-image:radial-gradient(270px circle at var(--light-x,50%) var(--light-y,65%),black,transparent); }
.fragmentation .fragment-backdrop i { position:absolute; inset:0; opacity:0; transition:opacity .45s; background:radial-gradient(360px circle at var(--light-x,50%) var(--light-y,65%),#2563ff2b,#2563ff0c 48%,transparent 80%); }
.fragmentation .fragment-copy { margin:14px auto 0; height:70px; font-size:clamp(13px,1.35vw,20px); }
.fragmentation .fragment-copy strong { font-weight:600; }
.fragmentation .fragment-network { display:block; position:relative; width:min(76%,720px); height:326px; margin:22px auto 0; background:none; }
.fragmentation .fragment-network > span { position:absolute; display:block; width:245px; max-width:35%; padding:0; background:none; border:0; border-radius:0; box-shadow:none!important; font-size:clamp(19px,1.8vw,27px); font-weight:500; letter-spacing:-.035em; color:#f8fafc; text-align:left; will-change:transform,opacity,filter; }
.fragmentation .fragment-network > span:nth-of-type(1) { left:8%; top:0; }
.fragmentation .fragment-network > span:nth-of-type(2) { left:54%; top:64px; }
.fragmentation .fragment-network > span:nth-of-type(3) { left:3%; top:140px; }
.fragmentation .fragment-network > span:nth-of-type(4) { left:57%; top:204px; }
.fragmentation .fragment-network > span:nth-of-type(5) { left:29%; top:274px; width:245px; }
.fragmentation .fragment-network small { display:block; max-width:230px; margin-top:7px; color:#858c9a; font-size:11px; line-height:1.55; font-weight:400; letter-spacing:0; }
/* Preserve timeline targets while retiring the old connector artwork. */
.fragmentation .flow-connections { visibility:hidden; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .fragmentation .scene-sticky.is-lit .fragment-backdrop::after { opacity:.82; }
 .fragmentation .scene-sticky.is-lit .fragment-backdrop i { opacity:1; }
}
@media(max-width:1000px) {
 .fragmentation .fragment-network { width:min(80%,720px); }
 .fragmentation .fragment-network > span { max-width:37%; }
 .fragmentation .fragment-network > span:nth-of-type(2) { left:54%; }
 .fragmentation .fragment-network > span:nth-of-type(4) { left:57%; }
}
@media(max-width:767px) {
 .fragmentation .fragment-network { display:flex; flex-direction:column; gap:17px; width:76%; height:auto; margin:20px auto 0; }
 .fragmentation .fragment-network > span:nth-of-type(n) { position:relative; inset:auto; width:100%; max-width:100%; padding:0; font-size:18px; }
 .fragmentation .fragment-network small { margin-top:3px; font-size:10px; max-width:260px; }
 .fragmentation .fragment-copy { font-size:12px; height:60px; }
 .fragmentation .fragment-backdrop::before,.fragmentation .fragment-backdrop::after { background-size:220px 220px; }
}
@media(prefers-reduced-motion:reduce) {
 .fragmentation .fragment-word,.fragmentation .fragment-before { display:none; }
 .fragmentation .fragment-copy { height:auto; }
}