/* Zoball's existing type, controls and colour rail, extended for a continuous journey. */
.zoball .z-game{background:#fff;--game-ease:cubic-bezier(.2,.7,.3,1)}
.zoball .z-game [data-game-stage]{scroll-margin-top:90px}.zoball .z-game [data-game-stage]:focus{outline:none}.zoball .z-game [data-game-stage]:focus-visible{outline:1px solid var(--z-ink);outline-offset:-4px}
.zoball .z-game-progress{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 var(--z-space);height:76px;border-bottom:1px solid var(--z-line);background:#fffffff2;backdrop-filter:blur(12px);position:sticky;top:0;z-index:18}
.zoball .z-game-progress-links{display:flex;gap:25px;min-width:0;overflow:auto;scrollbar-width:none}.zoball .z-game-progress-links button{font:10px/1.2 var(--z-mono);display:flex;gap:8px;align-items:center;white-space:nowrap;min-height:48px;border:0;border-bottom:2px solid transparent;background:none;padding:3px 0;color:var(--z-muted)}.zoball .z-game-progress-links button[aria-current]{color:var(--z-ink);border-bottom-color:var(--z-ink)}.zoball .z-game-progress-links button:disabled{opacity:.3;cursor:default}
.zoball .z-game-selected{display:flex;align-items:center;gap:9px;max-width:300px;min-width:120px;border:0;background:none;text-align:left;font:10px/1.4 var(--z-mono)}.zoball .z-game-selected img{width:58px;height:58px;object-fit:contain;transition:transform .8s var(--game-ease)}.zoball .z-game[data-stage=impact] .z-game-selected img{transform:rotate(18deg)}.zoball .z-game[data-stage=play] .z-game-selected img{transform:rotate(35deg)}
.zoball .z-game-start{padding-top:58px}.zoball .z-game-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:end;padding-bottom:65px}.zoball .z-game-intro h1{font:900 clamp(68px,8.9vw,140px)/.86 var(--z-display);letter-spacing:-.075em;margin:26px 0 0}.zoball .z-game-intro>p{font-size:clamp(18px,1.6vw,25px);line-height:1.5;letter-spacing:-.03em;max-width:390px;margin:0 0 2px}.zoball .z-game-question{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8px 30px;margin:0 0 25px}.zoball .z-game-question .z-eyebrow{grid-column:1/-1;margin:0 0 10px}.zoball .z-game-question h2{font-size:clamp(29px,3.5vw,52px);margin:0}.zoball .z-game-question>p:last-child{font-size:13px;justify-self:end;margin:0}
.zoball .z-game-courts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zoball .z-game-court{position:relative;aspect-ratio:1/.98;overflow:hidden;background:var(--z-ink);border:0;padding:0;text-align:left;color:#fff;isolation:isolate}.zoball .z-game-court:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#0009 100%);z-index:-1}.zoball .z-game-court>img,.zoball .z-game-dual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .85s var(--game-ease)}.zoball .z-game-court>img{object-position:50% 40%}.zoball .z-game-dual{display:grid;grid-template-columns:1fr 1fr}.zoball .z-game-dual img{width:100%;height:100%;object-fit:cover}.zoball .z-game-dual img:last-child{object-position:51% 50%}.zoball .z-game-choice-copy{display:flex;flex-direction:column;gap:13px;padding:30px;position:absolute;inset:auto 0 0}.zoball .z-game-choice-copy .z-eyebrow{font-size:9px;color:#fff}.zoball .z-game-choice-copy strong{font:900 clamp(33px,3.4vw,50px)/1 var(--z-display);letter-spacing:-.045em}.zoball .z-game-choice-arrow{position:absolute;right:26px;bottom:30px;font-size:29px}.zoball .z-game-court[aria-pressed=true]{outline:2px solid var(--z-ink);outline-offset:5px}.zoball .z-game-court[aria-pressed=true] .z-game-choice-arrow{background:#fff;color:#111;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}
.zoball .z-game-status{font:12px/1.6 var(--z-mono);margin:22px 0 0}.zoball .z-game-fit{background:var(--z-paper);border-top:1px solid var(--z-line)}.zoball .z-game-fit .z-section-heading{margin-bottom:22px}.zoball .z-game-fit-note{max-width:550px;font-size:14px;color:var(--z-muted);margin-bottom:32px}.zoball .z-game-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.zoball .z-game-size{display:flex;flex-direction:column;align-items:start;text-align:left;background:#fff;border:1px solid var(--z-line);padding:30px;gap:14px;transition:background .25s,color .25s,border-color .25s}.zoball .z-game-size-number{font:900 clamp(58px,6vw,86px)/1 var(--z-display);letter-spacing:-.07em;margin-bottom:10px}.zoball .z-game-size strong{font-size:20px;letter-spacing:-.035em;line-height:1.2}.zoball .z-game-size-copy{font-size:13px;color:var(--z-muted);line-height:1.6;max-width:260px}.zoball .z-game-size[aria-pressed=true]{background:var(--z-ink);color:#fff}.zoball .z-game-size[aria-pressed=true] :is(.z-eyebrow,.z-game-size-copy){color:#ddd}.zoball .z-game-size-stock{font:10px/1.5 var(--z-mono);text-transform:uppercase}
.zoball .z-game-experience{animation:z-game-arrive .65s var(--game-ease) both}.zoball .z-game-match{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center;background:var(--z-paper);border-top:1px solid var(--z-line)}.zoball .z-game-match h2{font:900 clamp(46px,5.3vw,80px)/.95 var(--z-display);text-transform:uppercase;letter-spacing:-.06em;margin:25px 0}.zoball .z-game-match-line{font-size:20px;line-height:1.45;max-width:370px;letter-spacing:-.03em}.zoball .z-game-match-facts{margin:32px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0;border-top:1px solid var(--z-line);border-bottom:1px solid var(--z-line)}.zoball .z-game-match-facts dt{font:9px/1.5 var(--z-mono);text-transform:uppercase;margin-bottom:9px;color:var(--z-muted)}.zoball .z-game-match-facts dd{font-size:13px;line-height:1.4;margin:0}.zoball .z-game-match-visual{margin:0;min-width:0}.zoball .z-game-match-visual>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-7deg);transition:transform .7s var(--game-ease)}.zoball .z-game-match-visual figcaption{font:10px/1.6 var(--z-mono);display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--z-line);padding-top:15px}.zoball .z-game-match-visual [data-z-price]{white-space:nowrap}
.zoball .z-game-colour{padding:55px 0 30px;--zcr-ball:160px;--zcr-gap:6px}.zoball .z-game-colour h2{font-size:clamp(38px,4.5vw,68px);line-height:.97}.zoball .z-game-colour fieldset{margin:20px 0!important}.zoball .z-game-colour legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zoball .z-game-colour .zcr__rail{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;padding-top:10px;padding-bottom:16px}.zoball .z-game-colour .z-colour-option{width:166px;flex:0 0 166px}.zoball .z-game-colour .z-colour-option label{width:166px;min-height:195px;height:auto;border:1px solid transparent;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 0 10px;background:transparent}.zoball .z-game-colour .z-colour-option label img{width:160px;height:160px;object-fit:contain;mix-blend-mode:multiply}.zoball .z-game-colour .z-colour-option input:checked+label{background:#fff;border-color:var(--z-ink)}.zoball .z-game-colour .zcr__caption{font-size:11px}.zoball .z-game-colour .z-option-unavailable label:after{content:'Sold out in this size';font:9px/1.3 var(--z-mono);text-transform:uppercase}.zoball .z-game-colour .z-swatch-label{width:130px;height:150px;display:grid;place-items:center;white-space:normal;font:900 25px/1.1 var(--z-display);letter-spacing:-.05em;position:relative}.zoball .z-game-colour .z-swatch-label:after{content:'NO COLOUR PHOTO';font:8px/1.4 var(--z-mono);position:absolute;bottom:16px;letter-spacing:0}.zoball .z-game-colour-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-right:var(--z-space)}
.zoball .z-game-action{height:min(760px,80vw);min-height:520px;position:relative;isolation:isolate;overflow:hidden;background:#111;color:#fff}.zoball .z-game-action-images{position:absolute;inset:0;display:flex;z-index:-2}.zoball .z-game-action-images img{width:100%;height:100%;object-fit:cover;min-width:0}.zoball .z-game-action-indoor{object-position:50% 38%}.zoball .z-game[data-court=indoor] .z-game-action-outdoor,.zoball .z-game[data-court=outdoor] .z-game-action-indoor{display:none}.zoball .z-game[data-court=both] .z-game-action-images img{width:50%}.zoball .z-game-action:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#0008,transparent 75%);z-index:-1}.zoball .z-game-action-heading{position:absolute;top:55px;left:var(--z-space)}.zoball .z-game-action-heading h2{font-size:clamp(64px,8vw,122px);line-height:.9;letter-spacing:-.06em;margin-top:25px}.zoball .z-game-action-heading .z-eyebrow{color:#fff}.zoball .z-game-action-product{position:absolute;right:var(--z-space);bottom:45px;display:flex;align-items:center;gap:20px;width:440px;max-width:70%;padding:16px 22px;background:#ffffffed;color:var(--z-ink);backdrop-filter:blur(12px)}.zoball .z-game-action-product img{width:145px;height:145px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(10deg)}.zoball .z-game-action-product .z-eyebrow{font-size:8px;margin-bottom:12px}.zoball .z-game-action-product strong{font-size:19px;line-height:1.2;letter-spacing:-.04em}.zoball .z-game-action-product p:not(.z-eyebrow){font:11px/1.5 var(--z-mono);margin:10px 0 0}.zoball .z-game-range-note{font:10px/1.5 var(--z-mono);color:var(--z-muted);display:block;margin-top:9px}
.zoball .z-game-proof .z-section-heading>p{font-size:15px;line-height:1.6}.zoball .z-game-proof-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:6%;align-items:center;margin:40px 0 25px}.zoball .z-game-proof-grid figure{margin:0;min-width:0}.zoball .z-game-proof-grid figure img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:rotate(-13deg)}.zoball .z-game-proof-grid ul{list-style:none;margin:20px 0 0;padding:0}.zoball .z-game-proof-grid li{border-top:1px solid var(--z-line);padding:22px 0;font-size:23px;line-height:1.2;letter-spacing:-.035em}.zoball .z-game-proof-grid li:last-child{border-bottom:1px solid var(--z-line)}.zoball .z-game-proof-grid li .z-eyebrow{display:block;font-size:9px;margin-bottom:12px}.zoball .z-game-proof-grid li strong{font-size:18px;font-weight:500;letter-spacing:-.025em}.zoball .z-game-proof-note{font-size:12px;color:var(--z-muted);margin-bottom:14px}
.zoball .z-game-purchase{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:var(--z-paper);border-top:1px solid var(--z-line)}.zoball .z-game-purchase h2{font-size:clamp(35px,3.5vw,55px);line-height:1.02;margin:20px 0}.zoball .z-game-purchase [data-game-follow-label]{font:13px/1.5 var(--z-mono)}.zoball .z-game-purchase-controls>strong{font:900 43px/1 var(--z-display);letter-spacing:-.05em}.zoball .z-game-purchase .z-purchase-row{margin-top:24px}.zoball .z-game-stock{font-size:12px;line-height:1.6;color:var(--z-muted);margin:16px 0 23px}
.zoball .z-game .z-impact--compact{padding-bottom:30px}.zoball .z-game .z-impact--compact .z-impact-heading h2{font-size:clamp(42px,4.7vw,72px)}.zoball .z-game .z-impact--compact .z-impact-map-frame{max-width:300px}.zoball .z-game .z-impact--compact .z-impact-story-photo img{max-height:260px;object-fit:cover}.zoball .z-game .z-impact--compact .z-impact-story-slot{min-height:480px}.zoball .z-game .z-impact--compact .z-impact-transparency>a{display:none}.zoball .z-game-impact-link{padding:0 var(--z-space) 55px}.zoball .z-game-play{background:var(--z-paper);border-top:1px solid var(--z-line)}.zoball .z-game-play-heading{padding-bottom:25px}.zoball .z-game-play-heading h2{font-size:clamp(60px,7.5vw,110px);margin:22px 0}.zoball .z-game-play-heading>p:not(.z-eyebrow){font-size:15px;color:var(--z-muted)}.zoball .z-game-court-switch{display:flex;gap:24px;margin-top:25px}.zoball .z-game-court-switch button{min-height:44px;background:transparent;border:0;border-bottom:1px solid transparent;font-size:13px}.zoball .z-game-court-switch button[aria-pressed=true]{border-bottom-color:var(--z-ink)}.zoball .z-game .z-cf-explore{padding-top:10px}.zoball .z-game-court-browse{margin:20px 0}.zoball .z-game-court-contribute{padding:0 var(--z-space) 25px}.zoball .z-game-end{background:var(--z-ink);color:#fff;padding-top:100px;padding-bottom:100px;border-bottom:1px solid #ffffff26}.zoball .z-game-end h2{font-size:clamp(78px,10vw,155px);line-height:.86;letter-spacing:-.07em;margin:28px 0 45px}.zoball .z-game-end .z-btn{background:#fff;color:#111}.zoball .z-game-end .z-eyebrow{color:#c4c6bf}.zoball .z-game-end .z-text-link{background:none;border:0;color:#fff}
@keyframes z-game-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(hover:hover){.zoball .z-game-court:hover>img,.zoball .z-game-court:hover .z-game-dual{transform:scale(1.045)}.zoball .z-game-size:hover{border-color:#111}.zoball .z-game-match-visual:hover>img{transform:rotate(-2deg) scale(1.02)}}
@media(max-width:1000px){.zoball .z-game-progress-links{gap:18px}.zoball .z-game-selected{max-width:200px;font-size:9px}.zoball .z-game-choice-copy{padding:22px}.zoball .z-game-choice-copy .z-eyebrow{font-size:8px}.zoball .z-game-choice-arrow{right:17px;bottom:22px}.zoball .z-game-match{gap:5%}.zoball .z-game-match-facts{gap:12px;grid-template-columns:1fr}.zoball .z-game-match-facts>div{display:flex;justify-content:space-between}.zoball .z-game-match-facts dt{margin:0}.zoball .z-game-size{padding:23px}.zoball .z-game-size strong{font-size:18px}.zoball .z-game-proof-grid{gap:4%}.zoball .z-game-purchase{gap:6%}}
@media(max-width:700px){.zoball .z-game [data-game-stage]{scroll-margin-top:103px}.zoball .z-game-progress{height:auto;min-height:55px;gap:0;display:block;padding:0 22px}.zoball .z-game-progress-links{justify-content:space-between;gap:15px}.zoball .z-game-progress-links button{font-size:8px;gap:5px;min-height:47px}.zoball .z-game-selected{max-width:none;width:100%;min-height:39px;height:39px;font-size:9px;border-top:1px solid var(--z-line);justify-content:flex-end}.zoball .z-game-selected img{height:38px;width:38px}.zoball .z-game-start{padding-top:40px;padding-bottom:40px}.zoball .z-game-intro{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.zoball .z-game-intro h1{font-size:clamp(70px,18vw,110px);margin-top:22px}.zoball .z-game-intro>p{font-size:17px;max-width:310px}.zoball .z-game-question{display:block;margin-bottom:20px}.zoball .z-game-question h2{font-size:31px;margin:15px 0 12px}.zoball .z-game-question>p:last-child{font-size:12px}.zoball .z-game-courts{display:flex;overflow-x:auto;gap:13px;scroll-snap-type:x mandatory;padding:5px 5px 16px;margin:0 -5px;scrollbar-width:thin}.zoball .z-game-court{flex:0 0 87%;aspect-ratio:4/5;scroll-snap-align:start;min-width:0}.zoball .z-game-choice-copy strong{font-size:39px}.zoball .z-game-choice-copy .z-eyebrow{font-size:9px}.zoball .z-game-sizes{grid-template-columns:1fr;gap:12px}.zoball .z-game-size{display:grid;grid-template-columns:65px 1fr;gap:8px 20px;padding:23px}.zoball .z-game-size-number{font-size:62px;grid-row:1/5;align-self:center;margin:0}.zoball .z-game-size-copy{font-size:12px;max-width:none}.zoball .z-game-size strong{font-size:18px}.zoball .z-game-fit-note{font-size:13px}.zoball .z-game-match{grid-template-columns:1fr;gap:28px}.zoball .z-game-match-copy h2{font-size:48px;max-width:380px}.zoball .z-game-match-line{font-size:18px}.zoball .z-game-match-facts{margin:25px 0}.zoball .z-game-match-visual{grid-row:1}.zoball .z-game-match-visual>img{max-height:310px}.zoball .z-game-match-visual figcaption{font-size:9px}.zoball .z-game-colour{padding-top:40px;--zcr-ball:130px}.zoball .z-game-colour h2{font-size:43px}.zoball .z-game-colour .zcr__navigation{margin-top:10px}.zoball .z-game-colour .z-colour-option,.zoball .z-game-colour .z-colour-option label{width:140px;flex-basis:140px}.zoball .z-game-colour .z-colour-option label{min-height:170px}.zoball .z-game-colour .z-colour-option label img{width:130px;height:130px}.zoball .z-game-colour .z-swatch-label{height:130px;font-size:22px}.zoball .z-game-colour-bottom{display:block;padding:0 22px}.zoball .z-game-colour-bottom .zcr__hint{padding:0;font-size:10px}.zoball .z-game-colour-bottom button{margin-top:20px;min-height:44px}.zoball .z-game-action{height:660px;min-height:0}.zoball .z-game-action-heading{top:35px;left:22px}.zoball .z-game-action-heading h2{font-size:62px}.zoball .z-game-action-heading .z-eyebrow{font-size:9px}.zoball .z-game-action-product{left:22px;right:22px;bottom:24px;max-width:none;width:auto;gap:10px;padding:12px}.zoball .z-game-action-product img{width:110px;height:110px}.zoball .z-game-action-product strong{font-size:16px}.zoball .z-game-action-product .z-eyebrow{font-size:7px;margin-bottom:8px}.zoball .z-game-action-product p:not(.z-eyebrow){font-size:9px}.zoball .z-game-proof-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.zoball .z-game-proof-grid figure{grid-row:1;grid-column:1/-1;max-width:250px;justify-self:center}.zoball .z-game-proof-grid li{font-size:20px;padding:20px 0;min-height:84px}.zoball .z-game-proof-grid li strong{font-size:14px}.zoball .z-game-proof-grid li .z-eyebrow{font-size:8px}.zoball .z-game-proof-note{font-size:11px}.zoball .z-game-purchase{grid-template-columns:1fr;gap:30px}.zoball .z-game-purchase h2{font-size:38px}.zoball .z-game-purchase-controls>strong{font-size:37px}.zoball .z-game .z-impact--compact .z-impact-story-slot{min-height:0}.zoball .z-game .z-impact--compact .z-impact-heading h2{font-size:42px}.zoball .z-game-play-heading h2{font-size:59px}.zoball .z-game-end{padding-top:70px;padding-bottom:70px}.zoball .z-game-end h2{font-size:74px}.zoball .z-game-end .z-actions{align-items:start;flex-direction:column;gap:25px}}
@media(prefers-reduced-motion:reduce){.zoball .z-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.zoball .z-game .z-game-selected img,.zoball .z-game-match-visual>img,.zoball .z-game-proof-grid figure img{transform:none!important}}
.zoball .z-game-colour h2,.zoball .z-game-action h2{font-family:var(--z-display);font-weight:900;letter-spacing:-.06em;line-height:.95}
@media(max-width:700px){.zoball .z-game-progress-links{gap:2px}.zoball .z-game-progress-links button{flex:1;min-width:44px;justify-content:center}.zoball .z-game-selected{min-height:44px;height:44px}}