.p3{display:flex;align-items:center;justify-content:center;perspective:1180px;perspective-origin:50% 44%;--p3-rx:6.6;--p3-ry:-14.2;--p3-tz:-34;--p3-sheet:15px}.p3,.p3-group{position:relative}.p3-group{transform-style:preserve-3d;transform:translate3d(0,calc(var(--p3-lift, 0) * -14px),calc(var(--p3-tz) * 1px)) rotateX(calc(var(--p3-rx) * 1deg)) rotateY(calc(var(--p3-ry) * 1deg)) scale3d(calc(1 + var(--p3-lift, 0) * .014),calc(1 + var(--p3-lift, 0) * .014),calc(1 + var(--p3-lift, 0) * .014));will-change:transform}.p3-sheet{position:absolute;inset:1.5%;border-radius:12.6%/5.6%;overflow:hidden;pointer-events:none;transform:translateZ(var(--p3-sheet));background:linear-gradient(180deg,hsla(0,0%,100%,.042),hsla(0,0%,100%,.01) 15%,transparent 42%),linear-gradient(0deg,rgba(255,138,92,.045),transparent 22%);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.26),inset 0 -1px 0 0 rgba(0,0,0,.42),inset 0 0 0 1px hsla(0,0%,100%,.11)}.p3-sheet:before{opacity:var(--p3-room,0);background:linear-gradient(101deg,transparent 22%,hsla(0,0%,100%,.085) 36%,hsla(0,0%,100%,.022) 45%,transparent 60%),linear-gradient(0deg,rgba(255,138,92,.075),hsla(0,0%,100%,.02) 24%,transparent 50%)}.p3-sheet:after,.p3-sheet:before{content:"";position:absolute;inset:0;border-radius:inherit}.p3-sheet:after{background:linear-gradient(90deg,hsla(0,0%,100%,.5),transparent 2.2%);opacity:clamp(0,calc(var(--p3-ry) * -.026),.42)}.p3-spec{position:absolute;inset:0;background:radial-gradient(96% 52% at calc(var(--gx, 50%) + var(--p3-ry) * -1.7%) calc(var(--gy, 0%) + 17% + var(--p3-rx) * 1.4%),hsla(0,0%,100%,.135) 0,hsla(0,0%,100%,.035) 28%,transparent 55%)}.p3-streak{position:absolute;inset:-60% -120%;mix-blend-mode:screen;background:linear-gradient(104deg,transparent 42%,hsla(0,0%,100%,.05) 46%,hsla(0,0%,100%,.175) 50%,hsla(0,0%,100%,.04) 54%,transparent 58%);transform:translate3d(calc(var(--p3-ry) * 1.15%),calc(var(--p3-rx) * .5%),0);will-change:transform}.p3-shade{position:absolute;inset:30% -46% -40%;z-index:0;pointer-events:none;transform:translate3d(calc(var(--p3-ry) * .62%),calc(var(--p3-lift, 0) * 5px),-170px) scale3d(calc(1 + var(--p3-lift, 0) * .09),calc(1 + var(--p3-lift, 0) * .06),1);opacity:calc(1 - var(--p3-lift, 0) * .26);background:radial-gradient(29% 8% at 50.5% 74%,rgba(2,2,3,.98),rgba(2,2,3,.62) 44%,transparent 76%),radial-gradient(62% 20% at 52% 79%,rgba(4,4,5,.94),rgba(4,4,5,.4) 46%,transparent 74%),radial-gradient(86% 38% at 50% 88%,rgba(15,9,5,.78),rgba(15,9,5,.28) 44%,transparent 72%)}@media (hover:hover) and (pointer:fine){.p3:not(.p3--still){cursor:grab}.p3[data-grabbed]{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (max-width:1023px){.p3{perspective:940px;--p3-sheet:11px}}@media (max-width:639px){.p3{perspective:780px;--p3-sheet:8px}}.p3--still{--p3-rx:4.4;--p3-ry:-10.6;--p3-tz:0}.p3--still .p3-group,.p3--still .p3-streak{will-change:auto}@media (prefers-reduced-motion:reduce){.p3{--p3-rx:4.4;--p3-ry:-10.6;--p3-tz:0}.p3-group,.p3-streak{will-change:auto}}.ng-ground{position:absolute;inset:0;overflow:hidden;z-index:0;--px:0px;--py:0px}.ng-ground__photo{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 42%;object-position:50% 42%;transform:scale(1.06) translate3d(var(--px),var(--py),0);will-change:transform;filter:saturate(.48) contrast(1.24) brightness(.72)}@media (prefers-reduced-motion:reduce){.ng-ground__photo{transform:scale(1.02);will-change:auto}}.ng-court{position:absolute;inset:0;perspective:900px;perspective-origin:62% 38%}.ng-court__plane{position:absolute;left:-60%;right:-60%;bottom:-18%;height:165%;transform:rotateX(73.5deg) translate3d(var(--px),0,0);transform-origin:50% 100%;background-image:repeating-linear-gradient(90deg,transparent 0 149px,hsla(0,0%,100%,.085) 149px 150px),repeating-linear-gradient(0deg,transparent 0 149px,hsla(0,0%,100%,.065) 149px 150px);-webkit-mask-image:linear-gradient(0deg,#000 4%,rgba(0,0,0,.55) 34%,transparent 72%);mask-image:linear-gradient(0deg,#000 4%,rgba(0,0,0,.55) 34%,transparent 72%)}.ng-court__line{position:absolute;display:block;background:hsla(0,0%,100%,.52)}.ng-court__line--left{left:26%;top:6%;width:3px;height:78%}.ng-court__line--right{right:26%;top:6%;width:3px;height:78%}.ng-court__line--service{left:26%;right:26%;top:46%;height:3px}.ng-court__line--centre{left:calc(50% - 1.5px);top:46%;width:3px;height:38%;opacity:.7}.ng-ground__grade{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 118%,rgba(255,106,46,.1) 0,transparent 58%),radial-gradient(90% 70% at 50% 42%,transparent 34%,rgba(6,5,5,.72) 100%)}.ng-ground__safe{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,5,.3),rgba(6,5,5,.62) 30%,rgba(6,5,5,.66) 58%,rgba(6,5,5,.22))}.ng-ground[data-kind=drawn] .ng-ground__safe{opacity:.45}.om{overflow-x:clip}.om,.om-track{position:relative}.om-track{--om-beat:78dvh;height:calc(100dvh + var(--om-smax) * var(--om-beat))}@media (min-width:1024px){.om-track{--om-beat:88dvh}}.om-stage{position:sticky;top:0;height:100dvh;overflow:hidden;--om-i:0;--om-lift:0;--om-xf:0.2}.om-anchor{position:absolute;left:0;width:1px;height:1px;top:calc((100% - 100dvh) * var(--om-at))}.om-grid{position:relative;z-index:10;display:grid;height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center;justify-items:center;gap:clamp(10px,2.2vh,22px);padding:84px 18px 16px}@media (min-width:1024px){.om-grid{grid-template-columns:minmax(0,1.06fr) auto minmax(0,.94fr);grid-template-rows:minmax(0,1fr);-moz-column-gap:clamp(20px,3vw,56px);column-gap:clamp(20px,3vw,56px);padding:104px 100px 52px 56px}}.om-copy{display:grid;width:100%;max-width:34rem;padding-right:46px;justify-self:start}@media (min-width:1024px){.om-copy{grid-column:1;grid-row:1;align-self:center;max-width:30rem;padding-right:0}}.om-beat{grid-area:1/1;align-self:end;pointer-events:none;--d:calc(var(--om-i) - var(--i));--ad:max(var(--d),calc(var(--d) * -1));opacity:clamp(0,calc((.54 - var(--ad)) / .14),1);transform:translate3d(0,calc(var(--d) * -26px),0);will-change:opacity,transform}.om-beat--last{opacity:clamp(0,calc((var(--d) + .54) / .14),1)}@media (min-width:1024px){.om-beat{align-self:center}}.om-kicker{display:flex;align-items:baseline;gap:.7em;margin-bottom:clamp(10px,1.6vh,18px);color:rgb(var(--t-ink)/.5)}.om-no{color:rgb(var(--t-accent));letter-spacing:.1em}.om-head{font-family:var(--font-syne),sans-serif;font-weight:700;line-height:1.02;letter-spacing:-.035em;color:rgb(var(--t-ink));font-size:clamp(1.55rem,3.1vw,2.6rem);text-wrap:balance}.om-head--hero{font-weight:800;line-height:.94;letter-spacing:-.045em;font-size:clamp(2.3rem,4.6vw,4.1rem)}.om-line{margin-top:clamp(10px,1.5vh,18px);max-width:34ch;color:rgb(var(--t-ink)/.62);font-size:clamp(.875rem,1.05vw,1.0625rem);line-height:1.55;text-wrap:pretty}.om-device{position:relative;display:flex;align-items:center;justify-content:center}@media (min-width:1024px){.om-device{grid-column:2;grid-row:1}}.om-fit{aspect-ratio:402/874;width:auto;height:min(48dvh,460px,calc(58vw * 874 / 402))}@media (min-width:640px){.om-fit{height:min(54dvh,540px,calc(50vw * 874 / 402))}}@media (min-width:1024px){.om-fit{height:min(66dvh,620px,calc(26vw * 874 / 402))}}.om-screen{position:absolute;inset:0;opacity:clamp(0,calc((var(--om-i) - var(--sf)) / var(--om-xf) + 1),1)}.om-sheen{transform:translate3d(calc(var(--p3-ry, 0) * .45%),0,0)}.om-delta{position:absolute;top:12%;right:100%;margin-right:10px;z-index:2;pointer-events:none;font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:700;line-height:1;color:rgb(var(--t-accent));--d:calc(var(--om-i) - var(--i));--ad:max(var(--d),calc(var(--d) * -1));opacity:clamp(0,min(calc((.55 - var(--ad)) / .18),calc(var(--om-lift) * 2.4)),1);transform:translate3d(0,calc((1 - var(--om-lift)) * 46px),0);will-change:opacity,transform}@media (min-width:1024px){.om-delta{top:18%;right:auto;left:100%;margin:0 0 0 18px}}.om-hud{width:-moz-fit-content;width:fit-content;padding:11px 16px 12px;border-radius:var(--r-lg)}@media (min-width:1024px){.om-hud{grid-column:3;grid-row:1;align-self:end;justify-self:start;padding:13px 20px 14px}}.om-hud-top{display:flex;align-items:center;gap:8px;white-space:nowrap}.om-dot{width:7px;height:7px;border-radius:50%;background:rgb(var(--t-accent));box-shadow:0 0 10px rgb(var(--t-accent)/.7);animation:om-pulse 1.6s ease-in-out infinite}.om-hud[data-state=done] .om-dot{background:rgb(var(--t-green));box-shadow:0 0 10px rgb(var(--t-green)/.6);animation:none}@keyframes om-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.om-hud-score{margin-top:5px;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:600;line-height:1}.om-hud-dash{margin:0 .28em;color:rgb(var(--t-ink)/.32)}.om-hud-meta{margin-top:7px;white-space:nowrap}.om-rail{position:absolute;right:8px;top:50%;z-index:30;transform:translateY(-50%);flex-direction:column;padding:5px 0}.om-rail,.om-rail-link{display:flex;border-radius:var(--r-pill)}.om-rail-link{align-items:center;justify-content:center;width:44px;height:44px;--d:calc(var(--om-i) - var(--i));--ad:max(var(--d),calc(var(--d) * -1))}.om-tick{height:2px;width:16px;border-radius:2px;background:rgb(var(--t-ink));opacity:clamp(.22,calc((.5 - var(--ad)) / .34 + .22),1);transform:scaleX(clamp(1,calc((.5 - var(--ad)) * 3 + 1),1.7));transform-origin:100% 50%;transition:background-color .2s var(--ease-out)}.om-rail-link[aria-current=true] .om-tick{background:rgb(var(--t-accent))}.om-rail-link:hover .om-tick{opacity:1}@media (min-width:1024px){.om-rail{right:22px}}.om-close{position:relative;z-index:10;padding:clamp(88px,16vh,168px) 18px clamp(72px,12vh,128px);background:radial-gradient(120% 62% at 50% 108%,rgb(var(--t-accent)/.09),transparent 62%),rgb(var(--t-bg))}.om-close-inner{max-width:46rem;margin:0 auto}.om-close-rule{height:1px;margin-bottom:clamp(28px,5vh,56px);background:linear-gradient(90deg,rgb(var(--t-accent)/.55) 0 56px,var(--court-line) 56px)}.om-close-head{margin-top:clamp(14px,2vh,22px);font-family:var(--font-syne),sans-serif;font-weight:700;line-height:1;letter-spacing:-.04em;font-size:clamp(2.4rem,6.2vw,4.5rem)}.om-close-line{margin-top:18px;max-width:38ch;color:rgb(var(--t-ink)/.6);line-height:1.6}.om-store{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,4vh,44px)}.om-store-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;min-width:172px;padding:0 22px;border-radius:var(--r-md);font-size:15px;font-weight:600;white-space:nowrap;background:rgb(var(--t-ink));color:rgb(var(--t-bg));box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.2);transition:background-color .2s var(--ease-out),transform .16s var(--ease-out)}.om-store-btn:hover{background:rgb(var(--t-ink)/.9)}.om-store-btn:active{transform:scale(.98)}.om-store-soon{background:rgb(var(--t-ink)/.07);color:rgb(var(--t-ink)/.85);box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.16)}@media (max-width:1023px) and (max-height:720px){.om-grid{padding-top:74px;gap:8px}.om-head--hero{font-size:clamp(1.7rem,8.4vw,2.3rem)}.om-head{font-size:clamp(1.25rem,6.2vw,1.55rem)}.om-line{font-size:13px;margin-top:8px}.om-kicker{margin-bottom:8px}.om-fit{height:min(40dvh,calc(52vw * 874 / 402))}.om-hud{padding:8px 13px 9px}.om-hud-score{font-size:1.5rem;margin-top:3px}.om-hud-meta{margin-top:5px}}.om-stack{display:grid;gap:clamp(64px,11vh,128px);max-width:62rem;margin:0 auto;padding:120px 20px clamp(72px,10vh,120px)}.om-stack-beat{display:grid;gap:28px;align-items:center}@media (min-width:720px){.om-stack-beat{grid-template-columns:200px minmax(0,1fr);gap:48px}.om-stack-beat--wide{grid-template-columns:minmax(0,1fr)}}.om-stack-phone{width:200px}.om-stack-phone .p3{perspective:860px;--p3-sheet:6px}.om-stack-phone .p3-group{width:100%}@media (prefers-reduced-motion:reduce){.om-dot{animation:none}}