.gi-scene{--ease:cubic-bezier(.16, 1, .3, 1);--ball-at:50%;isolation:isolate;background:var(--color-fairway-800);min-height:max(100svh,34rem);color:var(--color-bone-100);position:relative;overflow:hidden}.gi-frame{z-index:0;height:max(100svh,34rem);position:absolute;inset:0 0 auto;overflow:hidden}.gi-scrim{pointer-events:none;background:linear-gradient(#090c0a00,#090c0a80 60%,#090c0ac7 96%);height:58%;position:absolute;inset:auto 0 0}.gi-camera{left:50%;top:var(--ball-at);aspect-ratio:3/2;transform-origin:50% 0;width:max(101.6vw,152svh,51rem);position:absolute;translate:-49.61% -51.13%}.gi-drift{transform-origin:49.61% 51.13%;animation:28s ease-in-out infinite alternate gi-drift;position:absolute;inset:0}.gi-plate{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gi-tee{width:2.63%;height:auto;position:absolute;top:57.461%;left:48.333%}.gi-ball{aspect-ratio:1;width:9.063%;position:absolute;top:44.336%;left:45.078%}.gi-ball-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;display:block;position:absolute;inset:0}.gi-ball-hit:focus-visible{outline:3px solid var(--color-bone-100);outline-offset:6px}.gi-ball-img{width:100%;height:100%;transition:transform .42s var(--ease);-webkit-user-select:none;user-select:none;pointer-events:none}.gi-ball-hit:hover .gi-ball-img,.gi-ball-hit:focus-visible .gi-ball-img{transform:translateY(-4%)rotate(14deg)}.gi-ball-hit:active .gi-ball-img{transition-duration:80ms;transform:scale(1.04,.95)}span.gi-ball-hit{cursor:default}.gi-ball-hit:not(span):before,.gi-ball-hit:not(span):after{content:"";opacity:0;pointer-events:none;border:2px solid #f3eee4d9;border-radius:50%;animation:3s cubic-bezier(.2,.6,.3,1) 1.4s infinite gi-ring;position:absolute;inset:-4%}.gi-ball-hit:not(span):after{animation-delay:2.9s}.gi-ball-hit:hover:before,.gi-ball-hit:hover:after,.gi-ball-hit:focus-visible:before,.gi-ball-hit:focus-visible:after,.gi-scene[data-run] .gi-ball-hit:before,.gi-scene[data-run] .gi-ball-hit:after{opacity:0;animation:none}.gi-copy{z-index:2;pointer-events:none;gap:1.75rem;max-width:72rem;margin-inline:auto;padding:0 1rem 1.5rem;display:grid;position:absolute;inset:auto 0 0}.gi-copy>*{pointer-events:auto}@media (max-aspect-ratio:1){.gi-copy{align-content:space-between;padding-top:5.25rem;top:0}.gi-scrim{background:linear-gradient(#090c0a8c,#090c0a4d 32%,#090c0a00 46% 68%,#090c0ab3);height:auto;inset:0}}@media (min-width:640px){.gi-copy{padding-inline:1.5rem;padding-bottom:2.25rem}}.gi-title{letter-spacing:-.045em;font-size:clamp(3rem,6.4vw,6rem);font-weight:300;line-height:.92}.gi-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.gi-line>span{animation:gi-line-up .95s var(--ease) both;display:block}.gi-line+.gi-line>span{animation-delay:.11s}.gi-lede{letter-spacing:-.02em;max-width:34ch;color:var(--color-bone-200);animation:gi-rise .7s var(--ease) .65s both;margin-top:1.1rem;font-size:1.25rem;line-height:1.4}.gi-search{animation:gi-rise .7s var(--ease) .76s both}.gi-shade{z-index:1;background:var(--color-fairway-800);opacity:0;pointer-events:none;position:absolute;inset:0}.gi-skip{z-index:4;background:var(--color-fairway-950);color:var(--color-bone-100);animation:gi-rise .4s var(--ease) .3s both;padding:.6rem 1rem;font-size:1.0625rem;position:absolute;bottom:1.25rem;right:1.25rem}.gi-skip:hover{background:var(--color-fairway-700)}.gi-scene[data-run] .gi-ball{animation:1.45s cubic-bezier(.3,.55,.35,1) 60ms forwards gi-ball-fly}.gi-scene[data-run] .gi-copy{animation:.22s ease-out forwards gi-fade-out}.gi-scene[data-run] .gi-tee{animation:.65s cubic-bezier(.2,.6,.4,1) 70ms forwards gi-tee-pop}.gi-scene[data-run] .gi-camera{animation:1.7s cubic-bezier(.45,0,.2,1) .12s forwards gi-camera}.gi-scene[data-run] .gi-shade{animation:.9s ease-out .8s forwards gi-shade}.gi-scene[data-phase=form] .gi-ball,.gi-scene[data-phase=form] .gi-tee{opacity:0}.gi-scene[data-phase=form] .gi-camera{transform:scale(1.24)}.gi-scene[data-phase=form] .gi-shade{opacity:.86}.gi-scene[data-skipped] .gi-ball,.gi-scene[data-skipped] .gi-tee,.gi-scene[data-skipped] .gi-camera,.gi-scene[data-skipped] .gi-shade{animation:none}.gi-form-layer{z-index:3;max-width:64rem;animation:gi-rise .56s var(--ease) both;margin-inline:auto;padding:6rem 1rem 3.5rem;position:relative}.gi-back{color:var(--color-bone-200);text-underline-offset:6px;margin-top:1.25rem;padding:.5rem 0;font-size:1.0625rem}.gi-back:hover{color:var(--color-bone-100);text-decoration:underline}@keyframes gi-ring{0%{opacity:0;transform:scale(.96)}12%{opacity:.9}to{opacity:0;transform:scale(1.75)}}@keyframes gi-drift{0%{transform:scale(1)}to{transform:scale(1.045)}}@keyframes gi-line-up{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes gi-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gi-fade-out{to{opacity:0}}@keyframes gi-ball-fly{0%{transform:none}5%{transform:scale(1.07,.93)}35%{transform:translate(min(9vw,7rem),-30vh)scale(.55)rotate(200deg)}70%{opacity:1;transform:translate(min(17vw,13rem),-52vh)scale(.24)rotate(400deg)}to{opacity:0;transform:translate(min(22vw,17rem),-64vh)scale(.07)rotate(560deg)}}@keyframes gi-tee-pop{0%{opacity:1;transform:none}45%{opacity:1;transform:translate(140%,-55%)rotate(70deg)}to{opacity:0;transform:translate(260%,10%)rotate(115deg)}}@keyframes gi-camera{to{transform:scale(1.24)}}@keyframes gi-shade{to{opacity:.86}}@media (prefers-reduced-motion:reduce){.gi-drift,.gi-line>span,.gi-lede,.gi-search,.gi-ball-hit:before,.gi-ball-hit:after,.gi-form-layer,.gi-skip{animation:none}.gi-ball-img{transition:none}}