.g-design-orbit{--card:clamp(330px,38vw,600px);--step:calc(var(--card) + 28px);margin-top:64px;padding-bottom:52px;position:relative;overflow:hidden}.g-orbit-stage{height:calc(var(--card)*.74 + 95px);touch-action:pan-y;cursor:grab;isolation:isolate;position:relative}.g-orbit-stage:active{cursor:grabbing}.g-orbit-item{width:var(--card);z-index:var(--layer);transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(calc(var(--drop)*42px)) rotate(calc(var(--slot)*9deg));transform-origin:50% 100%;-webkit-user-select:none;user-select:none;background:#222126;border:6px solid #222126;border-radius:12px;margin:0;transition:transform .85s cubic-bezier(.22,.8,.2,1);position:absolute;top:24px;left:50%;overflow:hidden;box-shadow:0 16px 32px #29222f14}.g-orbit-item>img{aspect-ratio:1200/780;object-fit:cover;width:100%;display:block}.g-orbit-item figcaption{color:#fff;align-items:center;gap:12px;height:48px;padding:0 13px;font-size:14px;display:flex}.g-orbit-item figcaption>span:first-of-type{color:#bdb6c7;margin-left:auto;font-size:11px}.g-orbit-caption{text-align:center;z-index:15;max-width:750px;margin:auto;position:relative}.g-orbit-caption h2{font:450 clamp(36px,5vw,68px)/1.04 var(--font-display);letter-spacing:-.045em;margin:18px 0}.g-orbit-caption p{color:#3d3e39;max-width:500px;margin:0 auto 22px;font-size:16px;line-height:1.5}.g-orbit-caption>small{color:#4a4b46;font-size:12px}.g-orbit-nav{justify-content:center;align-items:center;gap:10px;margin:20px 0 12px;display:flex}.g-orbit-nav>button{cursor:pointer;color:#302736;background:0 0;border:1px solid #cec6d7;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.g-orbit-nav>button:hover{color:#fff;background:#713bf3;border-color:#713bf3}.g-orbit-dots{gap:1px;display:flex}.g-orbit-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:36px;display:grid}.g-orbit-dots span{background:#c0b6cb;border-radius:50%;width:6px;height:6px}.g-orbit-dots button[aria-pressed=true] span{background:#713bf3;border-radius:4px;width:20px}.g-orbit-nav button:focus-visible{outline-offset:3px;outline:2px solid #713bf3}@media (max-width:700px){.g-design-orbit{--card:78vw;--step:calc(var(--card) + 20px);margin-top:36px;padding-bottom:22px}.g-orbit-stage{height:calc(var(--card)*.74 + 90px)}.g-orbit-item{transform:translateX(calc(-50% + var(--slot)*var(--step))) translateY(calc(var(--drop)*24px)) rotate(calc(var(--slot)*8deg));border-width:4px}.g-orbit-item figcaption{height:40px;padding:0 10px;font-size:12px}.g-orbit-item figcaption>span:first-of-type{font-size:9px}.g-orbit-caption p{font-size:14px}.g-orbit-caption h2{font-size:38px}}.g-orbit-item{will-change:transform;transition:none}@media (prefers-reduced-motion:reduce){.g-orbit-item{will-change:auto}}.g-orbit-item{transform:translate3d(calc(-50% + var(--slot)*var(--step)),calc(var(--drop)*24px),0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:paint}.g-orbit-item .g-live-design{clip-path:inset(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#222126}@media (max-width:700px){.g-orbit-item{transform:translate3d(calc(-50% + var(--slot)*var(--step)),calc(var(--drop)*16px),0)}}.g-orbit-item{will-change:auto;contain:paint;transition:transform .8s cubic-bezier(.22,.8,.2,1)}.g-orbit-item[data-distant=true]{visibility:hidden;pointer-events:none;transition:none}.g-orbit-item figcaption{flex-wrap:wrap;height:auto;min-height:48px;padding-block:12px}.g-orbit-item figcaption>span:first-of-type{overflow-wrap:anywhere;min-width:0}@media (prefers-reduced-motion:reduce){.g-orbit-item{transition:none}}
