.challenge-canvas{position:relative}@media(max-width:1023px){.challenge-canvas{display:flex;flex-direction:column;gap:1.25rem}.challenge-stage{order:1}.bubble-frame-left{order:2}.bubble-frame-right{order:3}}@media(min-width:1024px){.bubble-frame{position:absolute;z-index:20;width:max-content}.bubble-frame-left{top:6%;left:0}.bubble-frame-right{top:44%;right:0}.bubble-frame:hover,.bubble-frame:focus-within{z-index:30}}.bubble-frame{outline:none;opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1)}.bubble-frame[data-revealed="1"]{opacity:1}@media(min-width:1024px){.bubble-float{animation:bubble-float 7s ease-in-out infinite;will-change:transform}.bubble-frame-left .bubble-float{animation-delay:-1.2s}.bubble-frame-right .bubble-float{animation-delay:-4s}.bubble-frame:hover .bubble-float,.bubble-frame:focus-within .bubble-float{animation-play-state:paused}}@keyframes bubble-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-14px,0) rotate(-.4deg)}}.stat-bubble{position:relative;background-color:var(--color-paper);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:1.4rem 1.5rem 1.15rem;box-shadow:0 20px 50px -16px #00000024,0 6px 18px -6px #00000014;width:100%;transition:width .42s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .28s ease;cursor:default;backdrop-filter:blur(6px)}@media(min-width:1024px){.stat-bubble{width:280px;padding:1.5rem 1.65rem 1.2rem}.bubble-frame:hover .stat-bubble,.bubble-frame:focus-within .stat-bubble{width:380px;transform:translateY(-3px);box-shadow:0 32px 80px -20px #00000047,0 12px 28px -8px #00000024;border-color:rgb(var(--color-lime-olive-rgb) / .5)}}.stat-bubble-spotlight{background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgb(var(--color-lime-olive-rgb) / .1),transparent 70%)}.bubble-frame:hover .stat-bubble-spotlight,.bubble-frame:focus-within .stat-bubble-spotlight{opacity:1}.bubble-rule{width:0;transition:width .7s cubic-bezier(.16,1,.3,1) .25s}.bubble-frame[data-revealed="1"] .bubble-rule{width:28px}.bubble-expand{max-height:0;opacity:0;overflow:hidden;transition:max-height .38s cubic-bezier(.16,1,.3,1),opacity .2s ease}@media(min-width:1024px){.bubble-expand-inner{width:325px}.bubble-frame:hover .bubble-expand,.bubble-frame:focus-within .bubble-expand{max-height:320px;opacity:1;transition:max-height .42s cubic-bezier(.16,1,.3,1),opacity .22s ease .2s}}@media(max-width:1023px){.bubble-expand{max-height:320px;opacity:1}}.stat-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media(prefers-reduced-motion:reduce){.bubble-float{animation:none!important}.bubble-frame{opacity:1;transition:none}.bubble-rule{width:28px}}.challenge-stage{isolation:isolate}.challenge-stage:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(420px,78vw,52rem);height:clamp(400px,62vh,40rem);background:radial-gradient(ellipse at center,#fbf8f3 0% 38%,#fbf8f3d9 58%,#fbf8f366 78%,#fbf8f300);z-index:-1;pointer-events:none}.challenge-photo{position:absolute;top:50%;left:50%;width:clamp(220px,30vw,380px);aspect-ratio:3 / 4;overflow:hidden;border-radius:10px;box-shadow:0 30px 80px -20px #00000059,0 8px 24px -8px #0000002e;transform:translate(-50%,-50%) rotate(-6deg) scale(1);transform-origin:center;z-index:0;will-change:transform;animation:challenge-photo-enter 1.4s cubic-bezier(.16,1,.3,1) both;transition:transform .9s cubic-bezier(.16,1,.3,1)}.challenge-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(.4) contrast(1.25);display:block}.challenge-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 35%,#00000059),linear-gradient(#00000026,#00000026);pointer-events:none}.challenge-stage:hover .challenge-photo{transform:translate(-50%,-50%) rotate(-9deg) scale(1.04)}@keyframes challenge-photo-enter{0%{transform:translate(-50%,-50%) rotate(-22deg) scale(.7);opacity:0}to{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}.challenge-headline{position:relative;z-index:1;margin:0 auto;max-width:clamp(340px,70vw,56rem);text-align:center;font-family:var(--font-display);font-weight:900;line-height:1.02;letter-spacing:-.025em;font-size:clamp(2rem,4vw + .4rem,5.5rem);color:#fff;mix-blend-mode:difference;animation:challenge-headline-enter 1.1s cubic-bezier(.16,1,.3,1) .2s both}@media(min-width:1024px){.challenge-headline{max-width:min(calc(100% - 620px),50rem)}}@media(min-width:1920px){.challenge-headline{max-width:min(calc(100% - 880px),64rem)}}@keyframes challenge-headline-enter{0%{opacity:0;transform:translateY(24px);letter-spacing:.04em}to{opacity:1;transform:translateY(0);letter-spacing:-.025em}}@media(prefers-reduced-motion:reduce){.challenge-photo,.challenge-headline{animation:none!important}.challenge-stage:hover .challenge-photo{transform:translate(-50%,-50%) rotate(-6deg) scale(1)}}
