.index .portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.index .portfolio-grid .case{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;padding:12px;overflow:hidden;align-items:stretch}
.case-copy{padding:7px;min-width:0}.case-copy h3{margin-block:9px}.case-art{width:100%;height:100%;min-height:145px;border-radius:10px;background:linear-gradient(145deg,#123c83,#3c7bd3);transition:filter .25s}.case.social .case-art{background:linear-gradient(145deg,#113d6d,#3d89ac)}.case.paid .case-art{background:linear-gradient(145deg,#252e68,#6071b8)}.case:hover .case-art{filter:brightness(1.12)}.case-result{grid-column:1/-1;border-top:1px solid var(--line);padding:8px 7px 2px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.case-result .metric-label{margin:0}
.type-strip{overflow:hidden;background:#fff;color:#e0eaff;user-select:none}.type-strip>div{display:flex;width:max-content;font-size:clamp(1.9rem,7vw,6rem);font-weight:900;letter-spacing:-.06em;line-height:1.1;white-space:nowrap;animation:word-loop 24s linear infinite;animation-play-state:paused}.type-strip.running>div{animation-play-state:running}@keyframes word-loop{to{transform:translateX(-50%)}}
.orbit-section .section-head{display:block;text-align:center}.process-orbit ol{padding-left:24px}.process-orbit li button{border:0;background:transparent;color:var(--ink);font-weight:750;pointer-events:none}.process-orbit li button svg{display:none}.process-orbit.active{position:relative;height:340px;max-width:650px;margin-inline:auto;isolation:isolate}.process-orbit.active:before{content:'';position:absolute;inset:9% 8%;border:1px dashed #afc6e8;border-radius:50%;pointer-events:none}.process-orbit.active ol{list-style:none;padding:0;margin:0}.process-orbit.active li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);transition:left .72s cubic-bezier(.22,.7,.23,1),top .72s cubic-bezier(.22,.7,.23,1);z-index:1}.process-orbit.active li p{display:none}.process-orbit.active li button{display:grid;place-items:center;align-content:center;gap:3px;width:75px;height:75px;border:1px solid #d4e2f8;border-radius:50%;background:#fff;box-shadow:var(--shadow);font-size:.72rem;pointer-events:auto}.process-orbit.active li button svg{display:block;width:18px}.process-orbit.active li button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}#orbit-copy{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(54%,290px);text-align:center}#orbit-copy p{margin:3px 0 0}.motion-toggle{margin:0 auto;border:1px solid #b4cbed;border-radius:100px;background:white;padding:5px 13px;color:var(--deep);font-size:.83rem;font-weight:650}.motion-toggle:not([hidden]){display:block}
@media(max-width:700px){.index .portfolio-grid{grid-template-columns:1fr}.process-orbit.active{height:280px}.process-orbit.active li button{width:57px;height:57px;font-size:.63rem}.process-orbit.active li button svg{width:14px}.process-orbit.active:before{inset:10% 7%}#orbit-copy{font-size:.81rem;width:53%}.case-art{min-height:125px}}
@media(prefers-reduced-motion:reduce){.type-strip>div{animation:none}.process-orbit.active li{transition:none}}