.lenticular-mockup{grid-column:1/-1;min-width:0;margin:32px 0 0}.lenticular-mockup-heading>span{font:400 var(--site-label)/1.4 var(--font-eyebrow);text-transform:uppercase;letter-spacing:.07em;color:var(--cobalt)}.lenticular-mockup-heading h3{font:600 var(--site-section)/1.08 var(--font-body);letter-spacing:-.055em;margin:14px 0 24px}.lenticular-mockup-heading p{font:400 var(--site-body)/1.5 var(--font-body);letter-spacing:normal;margin:0 0 24px}.lenticular-mockup-stage{perspective:1100px;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;padding:36px 20px;display:grid}.lenticular-mockup-card{width:min(100%,360px);transform-style:preserve-3d;border-radius:8px;position:relative;overflow:hidden;box-shadow:8px 15px 28px #0002}.lenticular-mockup-card img{pointer-events:none;width:100%;height:auto;display:block}.lenticular-mockup-reveal{position:absolute;inset:0}.lenticular-mockup-controls{font:400 var(--site-label)/1.4 var(--font-body);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.lenticular-mockup-controls input{accent-color:#8a1d67;cursor:ew-resize;width:min(240px,50vw);min-height:44px}.lenticular-mockup-controls button{color:#fff;cursor:pointer;font:600 var(--site-label)/1.2 var(--font-body);background:#111;border:1px solid #111;border-radius:100px;min-height:44px;padding:12px 20px}.lenticular-mockup-controls :focus-visible{outline-offset:4px;outline:3px solid #8a1d67}.lenticular-mockup figcaption{font:400 var(--site-label)/1.45 var(--font-body);color:#555;text-align:center;max-width:55ch;margin:18px auto 0}@media (prefers-reduced-motion:no-preference){.lenticular-mockup-card{transition:transform .12s ease-out}.lenticular-mockup-reveal{transition:opacity .12s ease-out}}@media (max-width:700px){.lenticular-mockup-card{width:min(100%,300px)}.lenticular-mockup-stage{padding:24px 12px}}