/* Motion is an enhancement of the approved 3A artboard, never its calibration. */
.device-motion{position:absolute;inset:0;transform-origin:50% 100%}
.showcase-scene{background:linear-gradient(180deg,#f7f7f4 0%,#f5f5f2 100%)}
.showcase-intro h2 span{color:#746a89}
.showcase-tabs{gap:20px}
.showcase-tabs button{color:#615d6c;cursor:pointer}
.showcase-tabs button[aria-selected="true"]{color:#443553}
.showcase-tabs button[aria-selected="true"]::after{background:#75608f}
.showcase-tabs button:focus-visible{outline:2px solid #685286;outline-offset:5px;border-radius:1px}
.showcase-scene.cinematic-track{padding:0;height:var(--showcase-height)}
.cinematic-track .showcase-pin{position:relative;height:100%;padding-block:48px 0}
.cinematic-track .showcase-composition{position:sticky;top:var(--showcase-pin-top)}
.showcase-scene[data-choreography="desktop"] .device-motion{will-change:transform,opacity}
.showcase-scene[data-choreography="desktop"] .device-stage{overflow:visible;clip-path:inset(-80px 0 0)}
.showcase-contact{position:relative;z-index:2;background:#f5f5f2;color:var(--ink);padding-block:clamp(80px,11vh,140px) clamp(90px,12vh,160px);border-top:1px solid #dfdfda;text-align:center}
.showcase-contact .eyebrow{font:10px/1.7 var(--mono);letter-spacing:.06em;color:#6d6577;margin:0 0 30px}
.showcase-contact h2{font-size:clamp(36px,4.5vw,65px);line-height:1.08;letter-spacing:-.055em;font-weight:450;margin:0 0 30px;text-wrap:balance}
.showcase-contact p:not(.eyebrow){max-width:510px;margin:0 auto 32px;font-size:16px;line-height:1.8;color:#636572;text-wrap:pretty}
.showcase-contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;background:#292333;color:#fff;border:1px solid #292333;border-radius:3px;font-size:14px;text-decoration:none}
.showcase-contact-link:hover{background:#3f334d}
.showcase-contact-link:focus-visible{outline:2px solid #685286;outline-offset:6px}
@media(max-width:900px){.showcase-tabs{gap:25px}.showcase-contact{padding-block:76px 86px}.showcase-contact h2{font-size:clamp(33px,8.6vw,48px)}.showcase-contact p:not(.eyebrow){font-size:14px}.showcase-contact .eyebrow{font-size:10px}.showcase-contact-link{font-size:13px}}
@media(max-width:350px){.showcase-tabs{gap:21px}.showcase-contact h2 br{display:none}.showcase-contact h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.device-motion{transform:none!important;opacity:1!important;will-change:auto!important}.showcase-intro{transform:none!important;opacity:1!important}}
.reduced-motion .device-motion,.reduced-motion .showcase-intro{transform:none!important;opacity:1!important;will-change:auto!important}