.juro-sr{position:relative;block-size:calc(var(--juro-sr-screens, 5) * 100svh);background:var(--juro-navy-panel);color:var(--juro-on-dark)}.juro-sr__sticky{position:sticky;top:0;block-size:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(40% 45% at 50% 48%,rgb(30 111 232 / .28),transparent 70%),var(--juro-navy-panel)}.juro-sr__word{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;font-size:clamp(120px,30vw,460px);font-weight:800;line-height:.8;letter-spacing:-.06em;color:#ffffff0d;white-space:nowrap;pointer-events:none;transform:translate3d(calc((.5 - var(--juro-sr-p, 0)) * 16%),0,0) scale(calc(1 + var(--juro-sr-p, 0) * .12))}.juro-sr__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.juro-sr__stage juro-racket-3d{display:block;inline-size:100%;block-size:100%}.juro-sr__stage canvas{cursor:default!important;touch-action:pan-y!important;pointer-events:none}.juro-sr__head{position:absolute;z-index:2;inset-block-start:calc(var(--juro-header-block, 78px) + clamp(20px,5vh,56px));inset-inline-start:var(--juro-pad-x);max-inline-size:24ch;transition:opacity .4s var(--juro-ease)}.juro-sr[data-active]:not([data-active="0"]) .juro-sr__head{opacity:.35}.juro-sr__eyebrow{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:var(--juro-tracking-eyebrow);text-transform:uppercase;color:var(--juro-on-dark-muted)}.juro-sr__title{margin:0;font-size:clamp(26px,3.2vw,44px);font-weight:700;letter-spacing:var(--juro-tracking-tight);line-height:1.05}.juro-sr__captions{position:absolute;z-index:2;inset-inline-start:var(--juro-pad-x);inset-block-end:clamp(40px,9vh,96px);inline-size:min(440px,calc(100% - 2 * var(--juro-pad-x)));margin:0;padding:0;list-style:none;display:grid}.juro-sr__caption{grid-area:1 / 1;align-self:end;opacity:0;transform:translate3d(0,24px,0);transition:opacity .5s var(--juro-ease),transform .6s cubic-bezier(.16,1,.3,1)}.juro-sr__caption[data-active]{opacity:1;transform:none}.juro-sr:not([data-active]) .juro-sr__caption:first-child{opacity:1;transform:none}.juro-sr__num{display:block;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--juro-accent-on-dark, #6ea8ff)}.juro-sr__name{margin:10px 0 0;font-size:clamp(36px,5vw,72px);font-weight:800;letter-spacing:-.035em;line-height:.95}.juro-sr__body{margin:14px 0 0;max-width:36ch;font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:var(--juro-on-dark-body)}.juro-sr__progress{position:absolute;z-index:2;inset-inline-end:var(--juro-pad-x);inset-block:50% auto;translate:0 -50%;display:grid;gap:10px}.juro-sr__progress span{inline-size:3px;block-size:34px;border-radius:3px;background:#ffffff2e;transition:background .3s var(--juro-ease),block-size .3s var(--juro-ease)}.juro-sr[data-active="0"] .juro-sr__progress span:nth-child(1),.juro-sr[data-active="1"] .juro-sr__progress span:nth-child(2),.juro-sr[data-active="2"] .juro-sr__progress span:nth-child(3),.juro-sr[data-active="3"] .juro-sr__progress span:nth-child(4){block-size:54px;background:var(--juro-white)}@media(max-width:749px){.juro-sr__captions{inset-block-end:clamp(28px,6vh,48px)}.juro-sr__name{font-size:clamp(32px,9vw,44px)}.juro-sr__progress{inset-inline-end:14px}.juro-sr__head{max-inline-size:18ch}}@media(prefers-reduced-motion:reduce){.juro-sr{block-size:auto}.juro-sr__sticky{position:relative;block-size:auto;min-block-size:0;display:grid;gap:32px;padding:clamp(64px,11vh,140px) var(--juro-pad-x)}.juro-sr__head,.juro-sr__captions,.juro-sr__progress{position:static;translate:none}.juro-sr__stage{position:relative;block-size:60vh}.juro-sr__captions{inline-size:auto;gap:28px}.juro-sr__caption{grid-area:auto;opacity:1;transform:none}.juro-sr__progress,.juro-sr__word{display:none}}.juro-sr__still[hidden]{display:none}.juro-sr__still{display:block;inline-size:auto;max-inline-size:78%;max-block-size:min(46svh,420px);margin:calc(var(--juro-header-block, 72px) + 16px) auto 0;object-fit:contain}.juro-sr__w{opacity:.22;transition:opacity .5s ease;transition-delay:0ms}.juro-sr__caption[data-active] .juro-sr__w,.juro-sr:not([data-active]) .juro-sr__caption:first-child .juro-sr__w{opacity:1;transition-delay:calc(.18s + var(--i) * 55ms)}@media(prefers-reduced-motion:reduce){.juro-sr__w{opacity:1;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/juro-scroll-racket.css.map */
