/* All motion is scoped below the approved, static first screen. */
.motion-design{background:#fafafa;color:#202326;position:relative;overflow:hidden}
.motion-design *{box-sizing:border-box}
.motion-design button{cursor:pointer;font-family:inherit}
.motion-intro{max-width:1440px;margin:auto;padding:100px 64px 50px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:#8e1833}
.motion-intro .kicker{grid-column:1/-1}
.motion-design h2{font-size:clamp(42px,5.3vw,80px);line-height:1.03;letter-spacing:-3px;margin:0;font-weight:700}
.motion-design h2 em{font-style:normal;color:#941c38}
.motion-intro p{align-self:end;justify-self:end;line-height:1.7;font-size:17px;color:#697078;margin:0 0 8px}
.transport-stage{max-width:1440px;margin:auto;position:relative;height:530px;isolation:isolate;background:#222b30;color:white;overflow:hidden;border-radius:5px 5px 0 0}
.transport-images,.transport-shade{position:absolute;inset:0;z-index:-1}
.transport-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:0;transform:scale(1.045);transition:opacity .7s ease,transform 1.3s cubic-bezier(.2,.65,.2,1)}
.transport-image.active{opacity:1;transform:scale(1)}
.transport-shade{background:linear-gradient(180deg,#10182255,transparent 30%,#0c141bd9 100%)}
.transport-top{position:absolute;inset:30px 48px auto;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px}
.transport-bottom{position:absolute;bottom:38px;left:48px;right:48px;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:50px}
.transport-bottom [role=tablist]{display:flex;gap:24px;align-items:center}
.transport-bottom [role=tab]{background:none;border:0;border-bottom:3px solid transparent;padding:15px 0;color:#ffffff88;font-size:clamp(28px,3.5vw,54px);letter-spacing:-1.5px;transition:color .25s,border-color .25s}
.transport-bottom [role=tab][aria-selected=true]{color:white;border-color:#e8a0ad}
.transport-bottom [role=tab]:hover{color:white}
.motion-design button:focus-visible{outline:3px solid #e9a3b1;outline-offset:7px}
#transport-copy{font-size:15px;line-height:1.6;max-width:400px;min-height:72px;margin:0 0 20px;color:#f0f0f2}
.motion-cta{border:1px solid #ffffff70;background:#ffffff13;color:white;padding:13px 20px;display:flex;justify-content:space-between;gap:48px;width:100%;font-size:14px;transition:background .2s}
.motion-cta:hover{background:#921b38}
.samples{max-width:1440px;margin:auto;display:flex;justify-content:space-between;padding:25px 48px;background:#eeeef0;color:#636970;font-size:15px}
.samples button{border:0;background:none;color:#8f1936;font-size:17px;font-weight:600}
.samples button span{margin-left:35px}
.full-cycle{max-width:1440px;margin:auto;padding:105px 64px 100px}
.cycle-heading .kicker{display:block;margin-bottom:28px}
.cycle-heading h2{font-size:clamp(38px,4.3vw,66px)}
.cycle-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;gap:0}
.cycle-step{position:relative;padding:30px 30px 0 0}
.cycle-step:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#921b38;transform-origin:left;transition:transform .9s .2s}
.cycle-step:after{content:"";width:9px;height:9px;border-radius:50%;position:absolute;left:0;top:-3px;background:#921b38}
.cycle-step>span{color:#9ca0a4;font-size:12px}
.cycle-step h3{font-size:22px;letter-spacing:-.5px;margin:18px 0 12px}
.cycle-step p{font-size:14px;color:#697078;line-height:1.65;max-width:260px}
.supply-formats{background:#23272a;color:white;padding:80px max(64px,calc((100% - 1312px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}
.supply-formats .kicker{color:#dda4b1;display:block;margin-bottom:30px}
.supply-formats h2{font-size:clamp(38px,3.6vw,56px);letter-spacing:-2px}
.supply-formats h2 em{color:#d992a4}
.format-list article{display:grid;grid-template-columns:30px 1fr;column-gap:15px;border-top:1px solid #ffffff30;padding:24px 0}
.format-list article>span{font-size:11px;color:#cb9aaa;padding-top:7px}
.format-list h3{font-size:24px;margin:0;font-weight:500}
.format-list p{grid-column:2;color:#b6bec3;line-height:1.7;font-size:14px;max-width:440px;margin:14px 0 0}
.motion-end{max-width:1440px;margin:auto;padding:80px 64px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.motion-end h2{font-size:38px;letter-spacing:-1.5px}
.motion-end button{border:0;background:#931b37;color:white;padding:22px 30px;font-size:16px}
.has-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.2,1)}
.has-motion .reveal.visible{opacity:1;transform:none}
.has-motion .cycle-step:not(.visible):before{transform:scaleX(0)}
.has-motion .cycle-step:nth-child(2){transition-delay:.12s}
.has-motion .cycle-step:nth-child(3){transition-delay:.24s}
.has-motion .cycle-step:nth-child(4){transition-delay:.36s}
@media(max-width:900px){.motion-intro{padding:65px 28px 36px}.motion-intro p{font-size:14px}.transport-stage{height:510px}.transport-bottom{left:28px;right:28px;gap:25px;grid-template-columns:1fr 1fr}.transport-bottom [role=tablist]{gap:18px}.transport-bottom [role=tab]{font-size:34px}.full-cycle{padding:70px 28px}.cycle-step h3{font-size:19px}.supply-formats{padding:60px 28px;gap:35px}.motion-end{padding:60px 28px}}
@media(max-width:620px){.motion-intro{display:block;padding:48px 22px 30px}.motion-intro .kicker{display:block;margin-bottom:22px}.motion-design h2{font-size:44px;letter-spacing:-1.7px}.motion-intro p{margin-top:25px;line-height:1.6}.transport-stage{height:560px;border-radius:0}.transport-image{object-position:54% center}.transport-top{inset:22px 22px auto;font-size:9px}.transport-top span:last-child{display:none}.transport-bottom{left:22px;right:22px;bottom:26px;display:block}.transport-bottom [role=tablist]{gap:24px;margin-bottom:20px}.transport-bottom [role=tab]{font-size:35px;padding:10px 0}#transport-copy{min-height:70px;font-size:14px}.samples{padding:23px 22px;gap:14px;align-items:center}.samples>span{font-size:12px;max-width:100px}.samples button{font-size:14px}.samples button span{margin-left:8px}.full-cycle{padding:60px 22px}.full-cycle h2{font-size:37px}.cycle-steps{grid-template-columns:1fr 1fr;row-gap:30px;margin-top:36px}.cycle-step{padding-right:15px}.cycle-step h3{font-size:18px}.cycle-step p{font-size:13px}.supply-formats{padding:50px 22px;grid-template-columns:1fr;gap:32px}.supply-formats h2{font-size:38px}.format-list h3{font-size:22px}.motion-end{padding:50px 22px;display:block}.motion-end h2{font-size:32px;margin-bottom:25px}.motion-end button{width:100%}}
@media(prefers-reduced-motion:reduce){.motion-design *{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}.has-motion .reveal{opacity:1}}