/* OC-SCN-008: thin matte ribbons, real text, independently timed light layers. */
.oc-weave{width:100%;max-width:640px;min-width:0;margin:0;justify-self:center;align-self:center;pointer-events:none;isolation:isolate}
.weave-stage{position:relative;aspect-ratio:4/3}
.weave-material{position:absolute;inset:0}
.weave-material picture,.weave-material img{display:block;width:100%;height:auto}
.weave-light-mask{position:absolute;inset:0;mask:url(woven-640.webp) center/100% 100% no-repeat}
.weave-light-mask svg{display:block;width:100%;height:100%;overflow:hidden}
.weave-thread{opacity:0;stroke-dasharray:18 82;stroke-dashoffset:100;animation:weave-arrive 14s ease-in-out infinite}
.weave-thread--two{animation-delay:1s}.weave-thread--three{animation-delay:2s}.weave-thread--four{animation-delay:3s}
.weave-union{opacity:0;stroke-dasharray:24 76;stroke-dashoffset:100;animation:weave-grow 14s ease-in-out infinite}
.weave-outcome{position:absolute;right:2%;top:-4%;color:#eff8e6;font:500 clamp(14px,1.1vw,18px)/1.4 Inter,Arial,sans-serif;letter-spacing:-.02em}
.weave-key{display:flex;justify-content:space-between;gap:14px;padding-top:24px;border-top:1px solid #d2e9c92b;margin-top:24px;color:#f2f8ec;font:500 14px/1.4 Inter,Arial,sans-serif}
.weave-key span{display:flex;align-items:center;gap:9px}
.weave-key span:before{content:"";width:18px;height:3px;background:#cde4cd;border-radius:2px}
.weave-key span:nth-child(2):before{background:#e7e9d5}.weave-key span:nth-child(3):before{background:#a5c69e}.weave-key span:nth-child(4):before{background:#51b187}
.oc-weave[data-motion-level="quiet"] .weave-thread,.oc-weave[data-motion-level="quiet"] .weave-union{animation:none;opacity:0}
body.motion-idle .oc-weave *,body.paused .oc-weave *,.oc-weave.no-motion *{animation-play-state:paused!important}
@keyframes weave-arrive{0%,3%{stroke-dashoffset:100;opacity:0}8%{opacity:.42}28%{stroke-dashoffset:0;opacity:.42}33%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes weave-grow{0%,44%{stroke-dashoffset:100;opacity:0}49%{opacity:.15}77%{stroke-dashoffset:0;opacity:.15}84%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:999px){.oc-weave{max-width:540px;margin-top:28px}}
@media(max-width:699px){.connected--art-v7 .oc-weave{grid-row:4;margin:0 auto}.weave-stage{aspect-ratio:1/1}.weave-material{inset:12% -2% auto;aspect-ratio:4/3;transform:rotate(-17deg) scale(.83)}.weave-outcome{top:0;right:0;font-size:14px}.weave-key{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:0;padding-top:18px;font-size:13px}.weave-key span{gap:10px}}
@media(prefers-reduced-motion:reduce){.oc-weave .weave-thread,.oc-weave .weave-union{animation:none!important;opacity:0}}