.intro.intro-wheel{--intro-top-inset:clamp(32px, 4svh, 48px);--intro-copy-gap:64px;height:calc(125svh - 80px);min-height:max(720px, calc(var(--intro-stage-height,446px) + 2 * (var(--intro-top-inset) + var(--heading) * 1.06 + 24px) + 160px));padding-top:calc(var(--intro-top-inset) + var(--heading) * 1.06 + 24px);padding-bottom:calc(var(--intro-top-inset) + var(--heading) * 1.06 + 24px);flex-direction:column;display:flex}.intro-wheel .intro-wheel-body{flex:1;grid-template-columns:38.3333% 59.7222%;align-items:stretch;column-gap:1.9445%;min-height:0;margin-top:0}.intro-audience{align-self:center;position:relative}.intro-audience>h2{position:absolute;bottom:calc(100% + 64px);left:0}.intro-wheel .audience-selector{filter:none;touch-action:pan-y pinch-zoom;gap:4px;padding-left:44px;transform:none}.intro-wheel .audience-selector button{filter:none;opacity:1;padding:4px 0;font-size:15px;line-height:20px;position:static;transform:none}.intro-wheel .audience-selector button:focus-visible{outline-offset:5px;border-radius:2px;outline:1px solid #c4c4c4}.intro-wheel-panel{min-width:0;height:100%;padding:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.intro-wheel-panel:focus-visible{outline-offset:8px;outline:1px solid #666}.intro-refraction-defs{pointer-events:none;position:absolute}.intro-wheel-text-stage{position:absolute;inset:0;transform:translateZ(0)}.intro-wheel-panel[data-moving=true] .intro-wheel-copy{will-change:transform, opacity}.intro-wheel-copy{transform:translateY(calc(var(--intro-index) * 264px - 50%));transform-origin:50%;opacity:0;pointer-events:none;will-change:auto;position:absolute;top:50%;left:36px;right:24px}.intro-wheel-copy[data-active=true]{opacity:1;pointer-events:auto}.intro-wheel-copy[role=button]:focus-visible{outline-offset:8px;outline:2px solid #f1f0eb}.intro-wheel .intro-wheel-paragraph{font-family:var(--font-display);letter-spacing:calc(.01em + 2.5px);color:#f1f0eb;text-align:left;overflow-wrap:break-word;margin:0;font-size:24px;font-weight:400;line-height:1.7}.intro-wheel-keyword{font-family:OrbitAccent,serif;font-size:30px;font-style:normal;font-weight:400;line-height:1}.intro-wheel-copy[data-audience=Designers] .intro-wheel-paragraph,.intro-wheel-copy[data-audience=Product\ Managers] .intro-wheel-paragraph,.intro-wheel-copy[data-audience=Myself] .intro-wheel-paragraph{color:#fff}@media (max-width:1100px){.intro-wheel .intro-wheel-body{grid-template-columns:40% 58%;column-gap:2%}.intro-wheel .audience-selector{padding-left:0}.intro-wheel-copy{left:16px;right:8px}}@media (max-width:768px){.intro.intro-wheel{--intro-copy-gap:48px;height:auto;min-height:0;padding:90px 24px}.intro-wheel{--intro-wheel-height:500px}.intro-wheel .intro-wheel-body{grid-template-columns:1fr;gap:8px;margin-top:12px}.intro-audience{margin-top:calc(var(--heading) * 1.06 + 64px)}.intro-wheel .audience-selector{justify-content:center;gap:8px 18px;padding-left:0}.intro-wheel .audience-selector button{font-size:12px}.intro-wheel-panel{height:max(var(--intro-wheel-height), var(--intro-stage-height,446px))}.intro-wheel-copy{left:12px;right:12px}.intro-wheel .intro-wheel-paragraph{font-size:24px}}@media (prefers-reduced-motion:reduce){.intro-wheel-text-stage{filter:none!important}.intro-wheel-copy{will-change:auto}}