.rb-studio-hero{--rb-dur-quick: .18s;--rb-dur-move: .32s;--rb-dur-reveal: .6s;--rb-dur-press: .12s;--rb-ease-out: cubic-bezier(.22, 1, .36, 1);--rb-ease-wind: cubic-bezier(.7, 0, .2, 1);padding-block:24px 64px;background:var(--rb-white);color:var(--rb-ink)}.rb-container--wide{max-width:calc(1600px + var(--rb-gutter) * 2)}.rb-studio{position:relative;display:block;overflow:hidden;border-radius:var(--rb-radius-lg);background:var(--rb-ink);color:var(--rb-white)}.rb-studio__stage{--_pw: 205cqi;--_fx: .055;--_fy: .1;--_wipe: .82s;position:relative;width:100%;aspect-ratio:1 / .66;overflow:hidden;isolation:isolate;direction:ltr;container-type:size}.rb-studio__plate{position:absolute;top:calc((100cqh - var(--_pw) / var(--_r)) * var(--_fy));left:calc((100cqi - var(--_pw)) * var(--_fx));width:var(--_pw);aspect-ratio:var(--_r)}.rb-studio__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rb-studio__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,color-mix(in oklab,var(--rb-ink) 62%,transparent),transparent 46%);pointer-events:none}.rb-studio__on-sleeve{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask-image:var(--_mask);mask-image:var(--_mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rb-studio__tint{background:var(--rb-grip-pink);mix-blend-mode:multiply;opacity:0;transition:opacity var(--rb-dur-move) var(--rb-ease-out)}.rb-studio__stage[data-colour=pink] .rb-studio__tint{opacity:1}.rb-studio__dark{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--_black) 0 0 / 100% 100% no-repeat;opacity:0;pointer-events:none;transition:opacity var(--rb-dur-move) var(--rb-ease-out)}.rb-studio__stage[data-colour=black] .rb-studio__dark{opacity:1}.rb-studio__print{mix-blend-mode:multiply;-webkit-mask-image:var(--_mask),linear-gradient(to bottom,color-mix(in oklab,var(--rb-black) 30%,transparent) var(--_st),var(--rb-black) calc(var(--_st) + var(--_sh) * .34),var(--rb-black) calc(var(--_st) + var(--_sh) * .62),color-mix(in oklab,var(--rb-black) 25%,transparent) calc(var(--_st) + var(--_sh)));mask-image:var(--_mask),linear-gradient(to bottom,color-mix(in oklab,var(--rb-black) 30%,transparent) var(--_st),var(--rb-black) calc(var(--_st) + var(--_sh) * .34),var(--rb-black) calc(var(--_st) + var(--_sh) * .62),color-mix(in oklab,var(--rb-black) 25%,transparent) calc(var(--_st) + var(--_sh)));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.rb-studio__stage[data-colour=black] .rb-studio__print{mix-blend-mode:normal}.rb-studio__stage[data-colour=black] .rb-studio__print[data-dark=mono]{mix-blend-mode:screen}.rb-studio__stage[data-colour=black] .rb-studio__print[data-dark=mono] .rb-studio__logo{filter:grayscale(1) invert(1) contrast(1.4) brightness(.9) blur(.35px)}.rb-studio__print.is-hidden{visibility:hidden}.rb-studio__print.is-in{animation:rb-studio-print-in var(--_wipe) var(--rb-ease-wind) both}.rb-studio__print.is-out{animation:rb-studio-print-out var(--_wipe) var(--rb-ease-wind) both}@keyframes rb-studio-print-in{0%{clip-path:inset(0 calc(100% - var(--_sl)) 0 0)}to{clip-path:inset(0 calc(100% - var(--_sl) - var(--_sw)) 0 0)}}@keyframes rb-studio-print-out{0%{clip-path:inset(0 0 0 var(--_sl))}to{clip-path:inset(0 0 0 calc(var(--_sl) + var(--_sw)))}}.rb-studio__sweep{mix-blend-mode:plus-lighter}.rb-studio__squeegee{position:absolute;inset-block:0;left:calc(var(--_sl) - 2%);width:2%;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--rb-white) 42%,transparent),transparent);animation:rb-studio-squeegee var(--_wipe) var(--rb-ease-wind) both}@keyframes rb-studio-squeegee{0%{opacity:0;translate:0}15%,80%{opacity:1}to{opacity:0;translate:calc(var(--_sw-n) / 2 * 100% + 100%) 0}}.rb-studio__logo-box{--_pk: 1.2;--_across: .9;position:absolute;top:calc(var(--_st) + var(--_sh) * .5);left:calc(var(--_sl) + var(--_sw) * .5);height:calc(var(--_sh) * var(--_ph) * var(--_pk));aspect-ratio:var(--_ratio);max-width:calc(var(--_sw) * .36);translate:-50% -50%;container-type:size}.rb-studio__print[data-turn] .rb-studio__logo-box{height:calc(var(--_sh) * var(--_across));aspect-ratio:1 / var(--_ratio)}.rb-studio__ink{--_shade-dir: to bottom;--_ridge: 115deg;position:absolute;top:0;right:0;bottom:0;left:0}.rb-studio__print[data-turn] .rb-studio__ink{--_shade-dir: to left;--_ridge: 205deg;inset:auto;top:50%;left:50%;width:100cqh;height:100cqw;translate:-50% -50%;rotate:-90deg}.rb-studio__logo{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.88) contrast(.95) blur(.35px)}.rb-studio__ink:before,.rb-studio__ink:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;-webkit-mask:var(--_logo) center / contain no-repeat;mask:var(--_logo) center / contain no-repeat}.rb-studio__ink:before{background:linear-gradient(var(--_shade-dir),color-mix(in oklab,var(--rb-black) 18%,transparent),transparent 34%,transparent 60%,color-mix(in oklab,var(--rb-black) 32%,transparent))}.rb-studio__ink:after{background:repeating-linear-gradient(var(--_ridge),transparent 0 5px,color-mix(in oklab,var(--rb-black) 16%,transparent) 6px 7px,transparent 8px 11px)}.rb-studio__text{position:absolute;inset:0 0 auto;z-index:2;display:grid;justify-items:start;gap:8px;padding:24px;color:var(--rb-white)}.rb-studio__text>*{margin:0}.rb-studio__eyebrow{color:var(--rb-white);font-family:var(--rb-font-body);font-size:var(--rb-text-caption);font-weight:var(--rb-weight-bold);letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.rb-studio__title{max-width:13ch;color:var(--rb-white);font-family:var(--rb-font-heading);font-style:italic;font-weight:var(--rb-weight-bold);font-size:clamp(30px,9cqi,44px);line-height:.98;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;text-shadow:0 1px 28px color-mix(in oklab,var(--rb-black) 40%,transparent)}.rb-studio__dock{position:relative;z-index:3;display:grid;gap:16px;margin:0 12px 12px;padding:16px;border-radius:calc(var(--rb-radius-lg) - 12px);background:var(--rb-white);color:var(--rb-ink)}.rb-studio__clubs{display:grid;gap:8px;min-width:0}.rb-studio__dock-label{margin:0;color:var(--rb-grey-600)}.rb-studio__chips{display:flex;gap:8px;margin:-4px;padding:4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.rb-studio__chips::-webkit-scrollbar{display:none}.rb-studio__chip{position:relative;display:grid;place-items:center;flex:none;min-width:52px;height:56px;padding:0 8px;border:0;border-radius:var(--rb-radius-md);background:none;cursor:pointer;scroll-snap-align:start;transition:translate var(--rb-dur-quick) var(--rb-ease-out)}.rb-studio__chip img{width:var(--_w, 33.6px);height:var(--_h, 33.6px);object-fit:contain;transition:translate var(--rb-dur-quick) var(--rb-ease-out)}.rb-studio__chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--rb-ink);border-radius:var(--rb-radius-md);opacity:0;scale:.92;pointer-events:none;transition:opacity var(--rb-dur-press) var(--rb-ease-out),scale var(--rb-dur-press) var(--rb-ease-out)}.rb-studio__chip[aria-checked=true]:after{opacity:1;scale:1}.rb-studio__chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--rb-white),0 0 0 5px var(--rb-ink)}@media(hover:hover)and (pointer:fine){.rb-studio__chip:hover{background:var(--rb-grey-50)}.rb-studio__chip:hover img{translate:0 -2px}}.rb-studio__colours{display:flex;flex-direction:column;gap:4px;flex:none}.rb-studio__colours .rb-label{margin:0}.rb-studio__swatches{--_visual: 28px;display:flex;flex-wrap:wrap;margin-inline:calc((var(--rb-tap) - var(--_visual)) / -2);margin-block:calc((var(--rb-tap) - var(--_visual) - 12px) / -2)}.rb-studio__swatch{position:relative;display:grid;flex:none;place-items:center;width:var(--rb-tap);height:var(--rb-tap);margin-inline-end:calc((var(--rb-tap) - var(--_visual) - 10px) * -1);padding:0;border:0;border-radius:var(--rb-radius-pill);background:none;cursor:pointer}.rb-studio__swatch span{display:block;width:var(--_visual);height:var(--_visual);border-radius:var(--rb-radius-pill);background:var(--_colour)}.rb-studio__swatch[data-light] span{box-shadow:inset 0 0 0 1px var(--rb-grey-400)}.rb-studio__swatch:after{content:"";position:absolute;width:calc(var(--_visual) + 8px);height:calc(var(--_visual) + 8px);border:2px solid var(--rb-ink);border-radius:var(--rb-radius-pill);opacity:0;transform:scale(.85);pointer-events:none;transition:opacity var(--rb-dur-quick) var(--rb-ease-out),transform var(--rb-dur-quick) var(--rb-ease-out)}.rb-studio__swatch[aria-checked=true]:after{opacity:1;transform:none}.rb-studio__swatch:focus-visible{outline:none}.rb-studio__swatch:focus-visible:after{opacity:1;transform:none;box-shadow:0 0 0 2px var(--rb-white),0 0 0 4px var(--rb-ink)}@media(hover:hover)and (pointer:fine){.rb-studio__swatch:hover:not([aria-checked=true]):after{opacity:.35;transform:none}}.rb-studio__action{display:flex;flex-direction:column-reverse;align-items:stretch;gap:8px 16px}.rb-studio__cta{width:100%;padding-inline:24px;font-size:16px}.rb-studio__note{margin:0;color:var(--rb-grey-600);font-size:var(--rb-text-caption);line-height:1.4;text-align:center}@media(max-width:719px){.rb-studio__chips{-webkit-mask-image:linear-gradient(to right,var(--rb-black) 82%,transparent);mask-image:linear-gradient(to right,var(--rb-black) 82%,transparent)}.rb-studio__colours{flex-direction:row;align-items:center;gap:24px}}@media(min-width:720px){.rb-studio__stage{--_pw: 100cqi;--_fx: 0;--_fy: .5;aspect-ratio:2.6}.rb-studio__logo-box{--_pk: 1;--_across: .8}.rb-studio__text{padding:32px 48px}.rb-studio__title{max-width:34cqi;font-size:clamp(28px,3.9cqi,68px)}.rb-studio__dock{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 32px;padding:16px 24px}.rb-studio__clubs{flex:0 1 auto}.rb-studio__action{flex:none;flex-direction:row;align-items:center;margin-left:auto}.rb-studio__cta{width:auto;padding-inline:36px;font-size:17px}}@media(min-width:1280px){.rb-studio__stage{aspect-ratio:var(--_r)}.rb-studio__text{padding-top:48px}.rb-studio__dock{position:absolute;left:24px;bottom:24px;flex-wrap:nowrap;align-items:center;max-width:calc(100% - 48px);margin:0;padding:12px 12px 12px 24px;box-shadow:var(--rb-shadow-md)}.rb-studio__action{margin-left:12px}}@media(prefers-reduced-motion:no-preference){.rb-studio__plate{transition:scale 1.4s var(--rb-ease-out)}.rb-studio__print{transition:opacity .9s var(--rb-ease-out) .45s}.rb-studio[data-stage=armed] .rb-studio__plate{scale:1.06}.rb-studio[data-stage=armed] .rb-studio__print{opacity:0}}.rb-studio[data-stage=armed] .rb-studio__text,.rb-studio[data-stage=armed] .rb-studio__dock{opacity:0;translate:0 12px}.rb-studio[data-stage=play] .rb-studio__text{transition:opacity var(--rb-dur-reveal) var(--rb-ease-out) .12s,translate var(--rb-dur-reveal) var(--rb-ease-out) .12s}.rb-studio[data-stage=play] .rb-studio__dock{transition:opacity var(--rb-dur-reveal) var(--rb-ease-out) .65s,translate var(--rb-dur-reveal) var(--rb-ease-out) .65s}@media(prefers-reduced-motion:reduce){.rb-studio__print.is-in,.rb-studio__print.is-out,.rb-studio__squeegee{animation:none}}.rb-studio__btns{display:flex;flex-wrap:wrap;gap:8px}.rb-studio__btns .rb-btn{justify-content:center}.rb-studio__cta--2{color:var(--rb-ink)}@media(max-width:749px){.rb-studio__btns>*{flex:1 1 100%}}.rb-studio-hero:has(h2.rb-studio__title){padding-block:var(--rb-section-y)}.rb-studio--simple .rb-studio__clubs,.rb-studio--simple .rb-studio__colours,.rb-studio--simple .rb-studio__note{display:none}.rb-studio--simple .rb-studio__dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:14px 16px 14px 24px;border-radius:14px;background:var(--rb-ink);color:var(--rb-white)}.rb-studio--simple .rb-studio__dock-text{margin:0;font-weight:var(--rb-weight-bold);font-size:16px}.rb-studio--simple .rb-studio__action{margin-left:0}.rb-studio--simple .rb-studio__cta:not(.rb-studio__cta--2){background:var(--rb-white);color:var(--rb-ink)}.rb-studio--simple .rb-studio__cta--2{color:var(--rb-white);border-color:var(--rb-white)}.rb-studio--simple .rb-studio__cta--2:hover{background:var(--rb-white);color:var(--rb-ink)}@media(min-width:750px){.rb-studio--simple .rb-studio__dock{width:fit-content;max-width:calc(100% - 24px)}}.rb-studio__steps{position:absolute;left:0;bottom:calc(100% + 8px);z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0;padding:10px 14px;border-radius:12px;background:var(--rb-ink);color:var(--rb-white);list-style:none}.rb-studio__step{display:flex;align-items:center}.rb-studio__step+.rb-studio__step:before{content:"\203a";margin-right:8px;color:#ffffff73;font-weight:700}.rb-studio__step>span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#2a2a29;font-size:13px;font-weight:var(--rb-weight-bold)}.rb-studio__step:first-child>span{background:var(--rb-white);color:var(--rb-ink)}.rb-studio__step b{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--rb-ink);color:var(--rb-white);font-size:12px;line-height:1}@media(max-width:749px){.rb-studio__step:not(:first-child)>span{font-size:0;gap:0;padding:6px 8px}.rb-studio__step b{font-size:12px}}.rb-studio__dock-label,.rb-studio__colours>.rb-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:750px){.rb-studio__dock{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-ribbon-custom-studio.css.map */