.risk-scroll{position:relative;background:#f5f0eb;height:100vh;overflow:hidden}.risk-scroll__track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.risk-scroll__scroll{display:flex;flex-direction:column;align-items:center;gap:20px;animation:risk-scroll-up 30s linear infinite}@keyframes risk-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.risk-scroll__disease{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(40px,7vw,84px);font-weight:800;color:#00000012;text-align:center;line-height:1.3;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.risk-scroll__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.risk-scroll__content{text-align:center;max-width:700px;padding:0 24px;pointer-events:auto;position:relative}.risk-scroll__content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160%;height:300%;background:radial-gradient(ellipse,#f5f0eb 20%,#f5f0ebf2 35%,#f5f0ebb3,#f5f0eb00 75%);z-index:-1;pointer-events:none}.risk-scroll__headline{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#1a1615;margin:0 0 4px}.risk-scroll__headline em{font-family:"Inria Serif",Georgia,serif;font-style:italic;font-weight:700;color:#37bdef}.risk-scroll__stat{font-family:Inter,sans-serif;font-size:clamp(24px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1a1615;margin:0 0 16px}.risk-scroll__subline{font-family:Inter,sans-serif;font-size:clamp(14px,1.5vw,17px);font-weight:400;line-height:1.6;color:#7a746e;margin:0}.risk-scroll:after,.risk-scroll:before{content:"";position:absolute;left:0;right:0;height:80px;z-index:1;pointer-events:none}.risk-scroll:before{top:0;background:linear-gradient(180deg,#f5f0eb,#f5f0eb00)}.risk-scroll:after{bottom:0;background:linear-gradient(0deg,#f5f0eb,#f5f0eb00)}@media screen and (max-width:768px){.risk-scroll{height:80vh}.risk-scroll__disease{font-size:clamp(28px,9vw,48px);white-space:normal}.risk-scroll__scroll{gap:16px}.risk-scroll__content:before{width:200%;height:320%}}@media(prefers-reduced-motion:reduce){.risk-scroll__scroll{animation-play-state:paused}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/risk-scroll.css.map */