/* OC-ART-004 Satin Architecture. The approved four-to-one composition stays; material changes. */
.connected--art-v7{padding-block:clamp(72px,6vw,108px);scroll-margin-top:calc(var(--header-h) + 24px)}
.connected--art-v7:before{display:none}
.connected--art-v7 .connected-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,4vw,72px)}
.connected--art-v7 .connected-copy{max-width:620px}
.connected--art-v7 .connected-copy>p,.connected--art-v7 .approach-list{max-width:560px}
.connected--art-v7 #connected-title{scroll-margin-top:calc(var(--header-h) + 30px)}
.oc-satin{position:relative;isolation:isolate;min-width:0;pointer-events:none;margin:0}
.oc-satin picture,.oc-satin img{display:block;width:100%;height:auto}
.oc-satin--growth{width:100%;max-width:660px;justify-self:center;aspect-ratio:4/3}
.satin-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.satin-label{position:absolute;left:14.55%;transform:translate(-50%,-50%);color:#22543d;font:600 clamp(12px,1vw,17px)/1.2 Inter,Arial,sans-serif;white-space:nowrap}
.satin-label--one{top:21.2%}.satin-label--two{top:41.2%}.satin-label--three{top:61.2%}.satin-label--four{top:80.9%}
.satin-plan{position:absolute;left:56.9%;top:73%;transform:translateX(-50%);font:500 clamp(11px,.9vw,15px)/1.3 Inter,Arial,sans-serif;color:#e8f4e7;white-space:nowrap}
.satin-outcome{position:absolute;right:1.8%;top:4.4%;font:600 clamp(14px,1.15vw,20px)/1.3 Inter,Arial,sans-serif;color:#f0f8e9}
.satin-signal{stroke-dasharray:9 91;stroke-dashoffset:100;opacity:0;animation:satin-transit 10s linear infinite}
.satin-signal--two{animation-delay:1.7s}.satin-signal--three{animation-delay:3.4s}.satin-signal--four{animation-delay:5.1s}
.satin-rise{stroke-dasharray:16 84;stroke-dashoffset:100;opacity:0;animation:satin-ascent 10s ease-in-out infinite}
.oc-satin--meeting{width:min(100%,420px);aspect-ratio:3/2;margin:12px 0 -18px}
.satin-meeting-light{position:absolute;inset:0;opacity:0;background:linear-gradient(112deg,transparent 43%,#f7fff3 49%,transparent 55%);background-size:300% 100%;mask:url(satin-meeting-640.webp) center/contain no-repeat;animation:satin-polish 14s ease-in-out infinite}
.oc-satin[data-motion-level="quiet"] .satin-trails{opacity:.4}
.oc-satin[data-motion-level="quiet"] .satin-signal{animation-duration:16s}
.oc-satin[data-motion-level="quiet"] .satin-rise{animation:none;opacity:0}
.oc-satin--meeting[data-motion-level="quiet"] .satin-meeting-light{animation:none;opacity:0}
body.motion-idle .oc-satin *,body.paused .oc-satin *,.oc-satin.no-motion *{animation-play-state:paused!important}
@keyframes satin-transit{0%{stroke-dashoffset:100;opacity:0}4%,33%{opacity:.9}44%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes satin-ascent{0%,40%{stroke-dashoffset:100;opacity:0}44%,75%{opacity:.9}86%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes satin-polish{0%,10%{background-position:150% 0;opacity:0}15%{opacity:.14}39%{background-position:-40% 0;opacity:.14}46%,100%{background-position:-40% 0;opacity:0}}
@media(max-width:999px){.connected--art-v7 .connected-grid{grid-template-columns:minmax(0,1fr);gap:30px}.connected--art-v7 .connected-copy{max-width:670px}.oc-satin--growth{max-width:570px}.oc-satin--meeting{margin:6px auto -10px}}
@media(max-width:699px){.connected--art-v7{padding-block:50px}.connected--art-v7 .connected-grid{gap:24px}.connected--art-v7 .connected-copy{display:contents}.connected--art-v7 .eyebrow{grid-row:1;margin:0}.connected--art-v7 h2{grid-row:2;margin:0}.connected--art-v7 .connected-copy>p{grid-row:3;margin:0}.connected--art-v7 .oc-satin--growth{grid-row:4;margin:2px auto 0}.connected--art-v7 .approach-list{grid-row:5;margin-top:12px;gap:25px}.satin-label{font-size:12px;font-weight:600}.satin-outcome{font-size:14px}.satin-plan{font-size:11px}.oc-satin--meeting{width:min(100%,270px);margin:2px auto 0}}
@media(max-width:370px){.connected--art-v7 .connected-grid{gap:20px}.satin-label{font-size:11px;letter-spacing:-.035em}.satin-outcome{font-size:12px}.satin-plan{font-size:10px}.connected--art-v7 .approach-list li{gap:15px}}
@media(prefers-reduced-motion:reduce){.oc-satin *{animation:none!important}.satin-signal,.satin-rise,.satin-meeting-light{display:none}}