/* Motionry-inspired reveals, split curtain and scroll-linked geometry. */
.motion-showcase{position:relative;background:#f2f2f2;color:#101010;margin:0}
.motion-stage{min-height:760px;position:relative;overflow:hidden;display:grid;place-items:center}
.motion-behind{text-align:center;position:relative;padding:80px 24px;max-width:1100px;width:100%}
.motion-eyebrow{font:500 11px var(--mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}
.motion-behind h2{font:600 clamp(38px,5.4vw,82px)/1.03 var(--sans);letter-spacing:-.065em;position:relative;z-index:2}
.motion-behind h2 em{font-family:var(--serif);font-weight:400}.motion-description{max-width:430px;margin:28px auto 20px;line-height:1.7;color:#444;font-size:15px;position:relative;z-index:2}.motion-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #111;padding:10px 0;font-weight:600;font-size:14px;position:relative;z-index:2}.motion-link span{font-size:22px}
.motion-art{position:relative;width:190px;height:190px;margin:45px auto;display:grid;place-items:center}.motion-art span{position:absolute;inset:0;border:1px solid #777;border-radius:32%;transform:rotate(calc(var(--i)*15deg));background:transparent}.motion-art span:nth-child(1){--i:0}.motion-art span:nth-child(2){--i:1}.motion-art span:nth-child(3){--i:2}.motion-art span:nth-child(4){--i:3}.motion-art span:nth-child(5){--i:4}.motion-art span:nth-child(6){--i:5}.motion-art b{font-size:65px;letter-spacing:-.08em;font-weight:600}
.motion-curtain{display:none}.motion-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ccc}.motion-progress span{display:block;height:100%;background:#111;transform-origin:left;transform:scaleX(var(--motion-progress,1))}
@media(min-width:900px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
 .motion-showcase.is-motion-ready{height:210vh}.is-motion-ready .motion-stage{position:sticky;top:0;height:100vh;min-height:0}.is-motion-ready .motion-behind{padding:95px 24px 35px;transform:scale(calc(.86 + var(--motion-progress,0)*.14))}.is-motion-ready .motion-art{width:145px;height:145px;margin:28px auto}.is-motion-ready .motion-art span{transform:rotate(calc(var(--i)*15deg + var(--motion-progress,0)*100deg))}.is-motion-ready .motion-art b{font-size:52px}
 .is-motion-ready .motion-curtain{position:absolute;left:0;right:0;height:50%;display:flex;justify-content:center;background:#080808;color:#f5f5f5;pointer-events:none;z-index:3;overflow:hidden;will-change:transform}
 .motion-curtain span{font:600 clamp(60px,9vw,145px)/1 var(--sans);letter-spacing:-.065em;white-space:nowrap}
 .motion-curtain-top{top:0;align-items:flex-end;padding-bottom:12px;transform:translateY(calc(var(--curtain-progress,0)*-101%));border-bottom:1px solid #333}
 .motion-curtain-bottom{bottom:0;align-items:flex-start;padding-top:12px;transform:translateY(calc(var(--curtain-progress,0)*101%))}.motion-curtain-bottom small{position:absolute;bottom:65px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#aaa}
}
[data-studio-reveal]{visibility:visible}
.studio-home .studio-orbit{transform:rotate(calc(-28deg + var(--orbit-turn,0deg)))}
.studio-home .studio-orbit-mark{transform:rotate(calc(28deg - var(--orbit-turn,0deg)))}
.motion-stage:focus-within .motion-curtain{opacity:0}
.studio-home .motion-eyebrow{margin-bottom:24px}
.studio-home .motion-description{margin:28px auto 20px}
.studio-home .motion-behind h2{font-size:clamp(38px,5.4vw,82px);font-weight:600;line-height:1.03;letter-spacing:-.065em}
.studio-motion-pending{opacity:0;transform:translateY(36px)}.studio-motion-visible{opacity:1;transform:none;transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.studio-motion-pending:focus-within{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.studio-motion-pending{opacity:1;transform:none}.motion-curtain{display:none!important}.motion-showcase{height:auto!important}.motion-stage{position:relative!important}.motion-behind{transform:none!important}}
@media(max-width:640px){.motion-stage{min-height:0}.motion-behind{padding:70px 24px}.motion-art{width:140px;height:140px;margin:35px auto}.motion-art b{font-size:48px}}
