.what-otto-handles-stack{margin:0 auto;max-width:1100px;position:relative;--card-width:min(1100px,calc(100vw - 3rem))}.what-otto-handles-stack__section{height:100vh;height:100svh}.what-otto-handles-stack__section--first{height:70vh;height:70svh}.what-otto-handles-stack__section--last{height:85vh;height:85svh}.what-otto-handles-stack__card{align-items:center;background:#fff;background-image:linear-gradient(#fff,#fff,#f3ffe4,#c1ff72);border-radius:28px;box-shadow:0 20px 50px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.06);display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0 auto;min-height:55vh;padding:2rem;position:relative;transform-origin:top center;width:var(--card-width);z-index:calc(.1 + var(--i)*.01)}.what-otto-handles-stack.is-active .what-otto-handles-stack__card{left:50%;margin:0;position:fixed;top:0;--y:100vh;--scale:1;transform:translate3d(-50%,var(--y),0) scale(var(--scale))}.what-otto-handles-stack__card--no-media{grid-template-columns:1fr}.what-otto-handles-stack__heading{color:#111827;font-size:var(--step-5)!important;margin:0 0 3rem;position:sticky;text-align:center;top:var(--heading-top,90px);z-index:0}.what-otto-handles-stack__label{color:#8f30e5;
  /* !important to beat the theme's global h3 rule (step-3) — one step
     up, per request. font-weight pinned here too: the live theme
     setting for H3 renders 500, not the fields.json default, and Cal
     Sans only has one real weight (400) to render it in. */font-size:var(--step-4)!important;font-weight:400!important}.what-otto-handles-stack__desc{color:#333;font-size:var(--step-1);line-height:1.5;margin-bottom:1.5rem}.what-otto-handles-stack__cta{align-items:center;color:#8f30e5;display:inline-flex;font-size:var(--step--1);font-weight:600;gap:.35rem;letter-spacing:2px;text-transform:uppercase}.what-otto-handles-stack__cta-icon{flex-shrink:0;transition:transform .2s ease}.what-otto-handles-stack__card:hover .what-otto-handles-stack__cta-icon{transform:translateX(3px)}.what-otto-handles-stack__card-link{border-radius:inherit;inset:0;position:absolute;z-index:1}.what-otto-handles-stack__media{border-radius:16px;height:100%;overflow:hidden}.what-otto-handles-stack__media img{display:block;height:100%;object-fit:contain;object-position:center center;width:100%}@media (max-width:640px){.what-otto-handles-stack{--card-width:calc(100vw - 2rem)}.what-otto-handles-stack__card{gap:1.25rem;grid-template-columns:1fr;padding:2rem}}@media (prefers-reduced-motion:reduce){.what-otto-handles-stack__section{height:auto;margin-bottom:1.5rem}.what-otto-handles-stack.is-active .what-otto-handles-stack__card,.what-otto-handles-stack__heading{position:static!important;transform:none!important;width:100%!important}}