:root {
--gtj-ink: #1b2028;
--gtj-ink-2: #232a34;
--gtj-ink-3: #2c3440;
--gtj-gold: #c8a24a;
--gtj-gold-lite: #e6c877;
--gtj-paper: #ffffff;
--gtj-mute: rgba(255, 255, 255, 0.56);
--gtj-line: rgba(255, 255, 255, 0.1);
--gtj-font: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
html,
body.gtp-body {
margin: 0 !important;
padding: 0 !important;
min-height: 100%;
background: var(--gtj-ink) !important;
color: var(--gtj-paper);
font-family: var(--gtj-font);
font-size: 16px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
html {
margin-top: 0 !important;
}
body.gtp-body .site-header,
body.gtp-body header.site-header,
body.gtp-body #masthead,
body.gtp-body .site-footer,
body.gtp-body #colophon,
body.gtp-body .main-banner,
body.gtp-body .common-content-block,
body.gtp-body #wpadminbar {
display: none !important;
}
body.gtp-body.is-zoomed {
overflow: hidden;
}
:where(body.gtp-body) :where(h1, h2, h3, p, dl, dt, dd, form, ul, li) {
margin: 0;
padding: 0;
font-family: var(--gtj-font);
text-transform: none;
letter-spacing: normal;
color: inherit;
}
:where(body.gtp-body) ul {
list-style: none;
}
:where(body.gtp-body) button,
:where(body.gtp-body) input {
font-family: var(--gtj-font);
font-size: inherit;
color: inherit;
}
.gtp {
position: relative;
display: flex;
flex-direction: column;
min-height: 100svh;
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
box-sizing: border-box;
overflow-x: hidden;
}
.gtp-screen {
display: none;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
.gtp-screen.is-active {
display: flex;
}
.gtp-pad {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 18px;
padding: 28px 22px 32px;
box-sizing: border-box;
}
.gtp-pad--centre {
align-items: center;
justify-content: center;
text-align: center;
}
.gtp-flag {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 40;
padding: 7px 12px;
background: var(--gtj-gold);
color: #24201a;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.06em;
text-align: center;
text-transform: uppercase;
}
.gtp-logo {
width: min(190px, 55vw);
height: auto;
margin: 0 auto;
}
.gtp-logo--idle {
width: min(230px, 66vw);
opacity: 0.94;
}
.gtp-eyebrow {
color: var(--gtj-gold);
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.gtp-title {
font-size: clamp(1.6rem, 7vw, 2.1rem);
font-weight: 800;
line-height: 1.14;
letter-spacing: -0.01em;
}
.gtp-lede {
color: var(--gtj-mute);
font-size: 1rem;
max-width: 34ch;
}
.gtp-pad--centre .gtp-lede {
margin-inline: auto;
}
.gtp-form {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 4px;
}
.gtp-field {
display: flex;
flex-direction: column;
gap: 7px;
}
.gtp-field span {
color: var(--gtj-mute);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.gtp-field input {
width: 100%;
padding: 15px 16px;
border: 1px solid var(--gtj-line);
border-radius: 13px;
background: var(--gtj-ink-2);
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.gtp-field input:focus {
outline: none;
border-color: var(--gtj-gold);
box-shadow: 0 0 0 3px rgba(200, 162, 74, 0.22);
}
[data-gtp-code] {
font-size: 1.7rem;
font-weight: 800;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
}
.gtp-cta {
width: 100%;
padding: 17px 20px;
border: 0;
border-radius: 13px;
background: var(--gtj-gold);
color: #23201a;
font-size: 1.02rem;
font-weight: 800;
letter-spacing: 0.02em;
cursor: pointer;
transition: transform 0.12s ease, opacity 0.12s ease;
touch-action: manipulation;
}
.gtp-cta:active {
transform: scale(0.985);
}
.gtp-cta:disabled {
opacity: 0.38;
cursor: default;
}
.gtp-cta--ghost {
background: transparent;
border: 1px solid var(--gtj-line);
color: var(--gtj-paper);
}
.gtp-error {
padding: 11px 14px;
border-radius: 11px;
background: rgba(206, 74, 62, 0.16);
color: #ffb9b2;
font-size: 0.9rem;
}
.gtp-tick {
display: grid;
place-items: center;
width: 62px;
height: 62px;
border-radius: 50%;
background: rgba(200, 162, 74, 0.16);
color: var(--gtj-gold);
}
.gtp-tick svg {
width: 30px;
height: 30px;
}
.gtp-roster {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-top: 6px;
}
.gtp-roster li {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 13px;
border: 1px solid var(--gtj-line);
border-radius: 999px;
background: var(--gtj-ink-2);
font-size: 0.88rem;
font-weight: 600;
}
.gtp-roster li.is-away {
opacity: 0.42;
}
.gtp-roster__tick {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--gtj-gold);
}
.gtp-screen--score {
gap: 0;
}
.gtp-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
padding: 16px 20px 10px;
}
.gtp-ref {
font-size: 1.02rem;
font-weight: 800;
letter-spacing: 0.02em;
}
.gtp-photo {
color: var(--gtj-gold);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.gtp-shot {
position: relative;
flex: 1 1 34vh;
margin: 0 16px;
min-height: 26vh;
max-height: 48vh;
border-radius: 15px;
overflow: hidden;
background: var(--gtj-ink-2);
}
.gtp-shot img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.gtp-zoom {
position: absolute;
right: 10px;
bottom: 10px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 9px 14px;
border: 0;
border-radius: 999px;
background: rgba(20, 24, 30, 0.82);
color: var(--gtj-paper);
font-size: 0.82rem;
font-weight: 700;
cursor: pointer;
backdrop-filter: blur(6px);
}
.gtp-zoom svg {
width: 16px;
height: 16px;
}
.gtp-scores {
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px 20px 8px;
}
.gtp-row {
display: flex;
flex-direction: column;
gap: 8px;
}
.gtp-row__name {
font-size: 0.94rem;
font-weight: 700;
}
.gtp-row.is-set .gtp-row__name {
color: var(--gtj-gold);
}
.gtp-row__scale {
display: grid;
grid-template-columns: repeat(var(--gtp-scale, 10), minmax(0, 1fr));
gap: 5px;
}
.gtp-row__scale button {
position: relative;
padding: 0;
border: 1px solid var(--gtj-line);
border-radius: 10px;
background: var(--gtj-ink-2);
font-size: 0.92rem;
font-weight: 700;
aspect-ratio: 1 / 1;
cursor: pointer;
touch-action: manipulation;
transition: background 0.14s ease, color 0.14s ease, transform 0.14s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, box-shadow 0.2s ease;
}
.gtp-row__scale button:active {
transform: scale(0.93);
}
.gtp-row__scale button.is-on {
position: relative;
border-color: var(--gtj-gold);
background: var(--gtj-gold);
color: #23201a;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(200, 162, 74, 0.34);
animation: gtp-lock 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.gtp-row__scale button.is-on::after {
content: '';
position: absolute;
inset: -3px;
border: 2px solid var(--gtj-gold);
border-radius: 12px;
opacity: 0;
pointer-events: none;
animation: gtp-ring 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes gtp-lock {
from { transform: translateY(0) scale(0.93); }
to { transform: translateY(-2px) scale(1); }
}
@keyframes gtp-ring {
from { opacity: 0.85; transform: scale(0.84); }
to { opacity: 0; transform: scale(1.32); }
}
.gtp-row.is-set .gtp-row__scale button:not(.is-on) {
opacity: 0.5;
}
.gtp-screen--score .gtp-error {
margin: 0 20px;
}
.gtp-foot {
position: sticky;
bottom: 0;
display: flex;
align-items: center;
gap: 14px;
margin-top: auto;
padding: 14px 20px calc(16px + env(safe-area-inset-bottom));
border-top: 1px solid var(--gtj-line);
background: linear-gradient(to top, var(--gtj-ink) 62%, rgba(27, 32, 40, 0.9));
backdrop-filter: blur(8px);
}
.gtp-tally {
display: flex;
flex-direction: column;
flex: 0 0 auto;
line-height: 1.15;
}
.gtp-tally span {
color: var(--gtj-mute);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.gtp-tally strong {
font-size: 1.5rem;
font-weight: 800;
}
.gtp-tally em {
color: var(--gtj-mute);
font-size: 0.78rem;
font-style: normal;
}
.gtp-foot .gtp-cta {
flex: 1 1 auto;
width: auto;
}
.gtp-count {
color: var(--gtj-mute);
font-size: 0.94rem;
font-weight: 600;
}
.gtp-meter {
width: min(260px, 74vw);
height: 6px;
border-radius: 999px;
background: var(--gtj-ink-3);
overflow: hidden;
}
.gtp-meter span {
display: block;
width: 0;
height: 100%;
border-radius: inherit;
background: var(--gtj-gold);
transition: width 0.4s ease;
}
.gtp-picks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 12px;
}
.gtp-pick {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
border: 2px solid var(--gtj-line);
border-radius: 15px;
background: var(--gtj-ink-2);
cursor: pointer;
touch-action: manipulation;
}
.gtp-pick img {
width: 100%;
border-radius: 9px;
aspect-ratio: 4 / 3;
object-fit: cover;
display: block;
}
.gtp-pick span {
font-size: 0.86rem;
font-weight: 700;
}
.gtp-pick.is-on {
border-color: var(--gtj-gold);
}
.gtp-screen--idle {
background: radial-gradient(circle at 50% 34%, var(--gtj-ink-2), var(--gtj-ink) 68%);
}
.gtp-idle__title {
display: flex;
flex-direction: column;
gap: 2px;
font-size: clamp(1.7rem, 8vw, 2.4rem);
font-weight: 800;
line-height: 1.06;
}
.gtp-idle__title em {
color: var(--gtj-gold);
font-style: normal;
}
.gtp-idle__note {
color: var(--gtj-mute);
font-size: 0.9rem;
letter-spacing: 0.02em;
}
.gtp-lightbox {
position: fixed;
inset: 0;
z-index: 60;
display: grid;
place-items: center;
padding: 16px;
background: rgba(12, 15, 19, 0.96);
}
.gtp-lightbox[hidden] {
display: none;
}
.gtp-lightbox img {
max-width: 100%;
max-height: 100%;
border-radius: 8px;
object-fit: contain;
}
.gtp-lightbox__close {
position: absolute;
top: calc(14px + env(safe-area-inset-top));
right: 14px;
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.14);
color: var(--gtj-paper);
cursor: pointer;
}
.gtp-lightbox__close svg {
width: 20px;
height: 20px;
}
@media (min-width: 640px) {
.gtp-pad {
width: min(560px, 100%);
margin-inline: auto;
}
.gtp-head,
.gtp-shot,
.gtp-scores,
.gtp-foot {
width: min(560px, 100%);
margin-inline: auto;
box-sizing: border-box;
}
.gtp-shot {
margin-inline: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.gtp-cta,
.gtp-row__scale button,
.gtp-meter span {
transition: none;
}
}
.gtp-screen.is-active {
animation: gtp-enter 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes gtp-enter {
from { opacity: 0; transform: translateY(12px); filter: blur(5px); }
to   { opacity: 1; transform: none; filter: blur(0); }
}
.gtp-flag {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
width: 100%;
border: 0;
cursor: pointer;
}
.gtp-flag[hidden] {
display: none;
}
.gtp-flag em {
font-style: normal;
opacity: 0.68;
text-transform: none;
letter-spacing: 0;
}
.gtp-flag__spin {
width: 12px;
height: 12px;
border: 2px solid rgba(36, 32, 26, 0.3);
border-top-color: #24201a;
border-radius: 50%;
animation: gtp-spin 0.8s linear infinite;
flex: 0 0 auto;
}
@keyframes gtp-spin {
to { transform: rotate(360deg); }
}
.gtp-resume {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 16px;
border: 1px solid rgba(200, 162, 74, 0.32);
border-radius: 15px;
background: rgba(200, 162, 74, 0.08);
}
.gtp-resume[hidden] {
display: none;
}
.gtp-resume__drop {
padding: 4px;
border: 0;
background: none;
color: var(--gtj-mute);
font-size: 0.84rem;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.gtp-claim {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 18px;
border-top: 1px solid var(--gtj-line);
}
.gtp-claim[hidden] {
display: none;
}
.gtp-claim__label {
color: var(--gtj-mute);
font-size: 0.82rem;
font-weight: 700;
}
.gtp-claim__names {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.gtp-claim__name {
padding: 11px 17px;
border: 1px solid rgba(200, 162, 74, 0.4);
border-radius: 999px;
background: rgba(200, 162, 74, 0.1);
font-size: 0.94rem;
font-weight: 700;
cursor: pointer;
touch-action: manipulation;
}
.gtp-screen--tutorial .gtp-pad {
gap: 14px;
}
.gtp-tut__copy {
min-height: 5.4em;
}
.gtp-tut__copy.is-in {
animation: gtp-enter 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.gtp-tut__copy h2 {
margin-bottom: 6px;
font-size: 1.24rem;
font-weight: 800;
line-height: 1.2;
}
.gtp-tut__copy p {
color: var(--gtj-mute);
font-size: 0.95rem;
padding: 4px 0px 10px 0px;
}
.gtp-tut {
display: flex;
justify-content: center;
flex: 1 1 auto;
min-height: 0;
}
.gtp-tut__phone {
position: relative;
display: flex;
flex-direction: column;
gap: 9px;
width: min(290px, 82%);
padding: 13px;
border: 1px solid var(--gtj-line);
border-radius: 22px;
background: linear-gradient(180deg, #1a1f27, #232a34);
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
}
.gtp-tut__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
}
.gtp-tut__ref {
font-size: 0.76rem;
font-weight: 800;
}
.gtp-tut__photo {
color: var(--gtj-gold);
font-size: 0.6rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.gtp-tut__shot {
position: relative;
height: 84px;
border-radius: 10px;
background:
repeating-linear-gradient(58deg, rgba(255, 255, 255, 0.045) 0 11px, transparent 11px 23px),
linear-gradient(140deg, #333c49, #262d38);
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
transform-origin: center;
}
.gtp-tut__phone {
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
transform-origin: center;
}
.gtp-tut__phone.is-open {
transform: scale(1.08);
}
.gtp-tut__zoom {
position: absolute;
right: 7px;
bottom: 7px;
display: grid;
place-items: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: rgba(16, 19, 24, 0.82);
color: var(--gtj-paper);
transition: transform 0.18s ease, background 0.18s ease;
}
.gtp-tut__zoom svg {
width: 14px;
height: 14px;
}
.gtp-tut__zoom.is-tapped {
background: var(--gtj-gold);
color: #23201a;
transform: scale(0.86);
}
.gtp-tut__rows {
display: flex;
flex-direction: column;
gap: 7px;
}
.gtp-tut__row {
display: flex;
flex-direction: column;
gap: 4px;
}
.gtp-tut__row > span {
font-size: 0.66rem;
font-weight: 700;
color: var(--gtj-mute);
transition: color 0.2s ease;
}
.gtp-tut__row.is-set > span {
color: var(--gtj-gold);
}
.gtp-tut__scale {
display: grid;
grid-template-columns: repeat(var(--gtp-scale, 10), minmax(0, 1fr));
gap: 2.5px;
}
.gtp-tut__scale i {
display: grid;
place-items: center;
border: 1px solid var(--gtj-line);
border-radius: 4px;
background: rgba(255, 255, 255, 0.03);
font-size: 0.5rem;
font-style: normal;
font-weight: 700;
aspect-ratio: 1 / 1;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.gtp-tut__scale i.is-on {
border-color: var(--gtj-gold);
background: var(--gtj-gold);
color: #23201a;
transform: scale(1.14);
}
.gtp-tut__foot {
display: flex;
align-items: center;
gap: 9px;
padding-top: 8px;
border-top: 1px solid var(--gtj-line);
}
.gtp-tut__tally {
display: flex;
flex-direction: column;
line-height: 1.1;
flex: 0 0 auto;
}
.gtp-tut__tally i {
color: var(--gtj-mute);
font-size: 0.5rem;
font-style: normal;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.gtp-tut__tally strong {
font-size: 1.06rem;
font-weight: 800;
font-variant-numeric: tabular-nums;
}
.gtp-tut__tally strong.is-bumped {
animation: gtp-bump 0.3s ease;
}
@keyframes gtp-bump {
0%   { transform: scale(1); }
45%  { transform: scale(1.24); }
100% { transform: scale(1); }
}
.gtp-tut__cta {
flex: 1 1 auto;
padding: 9px;
border-radius: 9px;
background: rgba(200, 162, 74, 0.26);
color: rgba(255, 255, 255, 0.5);
font-size: 0.74rem;
font-weight: 800;
text-align: center;
transition: background 0.22s ease, color 0.22s ease, transform 0.18s ease;
}
.gtp-tut__cta.is-ready {
background: var(--gtj-gold);
color: #23201a;
}
.gtp-tut__cta.is-tapped {
transform: scale(0.95);
}
.gtp-tut__done {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 22px;
background: rgba(24, 29, 36, 0.95);
color: var(--gtj-gold);
font-size: 0.92rem;
font-weight: 800;
opacity: 0;
visibility: hidden;
transition: opacity 0.28s ease, visibility 0.28s;
}
.gtp-tut__done svg {
width: 40px;
height: 40px;
}
.gtp-tut__done.is-shown {
opacity: 1;
visibility: visible;
}
.gtp-tut__done.is-shown svg {
animation: gtp-bump 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.gtp-tut__finger {
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
margin: -15px 1px 0px -16px;
border: 2px solid var(--gtj-paper);
border-radius: 50%;
background: rgba(255, 255, 255, 0.22);
opacity: 0;
pointer-events: none;
transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.gtp-tut__finger.is-shown {
opacity: 1;
}
.gtp-tut__finger.is-tapping {
animation: gtp-tap 0.42s ease 0.34s;
}
@keyframes gtp-tap {
0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.42); }
100% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }
}
.gtp-tut__dots {
display: flex;
gap: 6px;
justify-content: center;
padding-top: 4px;
}
.gtp-tut__dots span {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--gtj-ink-3);
transition: background 0.25s ease, width 0.25s ease;
}
.gtp-tut__dots span.is-on {
width: 18px;
border-radius: 999px;
background: var(--gtj-gold);
}
.gtp-screen.is-complete .gtp-tick {
background: var(--gtj-gold);
color: #23201a;
animation: gtp-burst 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes gtp-burst {
0%   { transform: scale(1); box-shadow: 0 0 0 0 rgba(200, 162, 74, 0.55); }
55%  { transform: scale(1.16); }
100% { transform: scale(1); box-shadow: 0 0 0 34px rgba(200, 162, 74, 0); }
}
.gtp-screen.is-complete .gtp-count {
color: var(--gtj-gold);
font-weight: 800;
}
@media (prefers-reduced-motion: reduce) {
.gtp-screen.is-active,
.gtp-tut__copy.is-in,
.gtp-tut__done.is-shown svg,
.gtp-tut__finger.is-tapping,
.gtp-tut__tally strong.is-bumped,
.gtp-screen.is-complete .gtp-tick {
animation: none;
}
.gtp-tut__shot,
.gtp-tut__finger,
.gtp-tut__scale i {
transition: none;
}
.gtp-flag__spin {
animation: none;
}
}
.gtp-shot img {
transition: opacity 0.26s ease, transform 0.44s cubic-bezier(0.22, 1, 0.36, 1);
}
.gtp-shot.is-swapping img {
opacity: 0;
transform: scale(1.03);
}
.gtp-shot.is-fresh img {
animation: gtp-shot-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes gtp-shot-in {
from { opacity: 0; transform: scale(1.045); }
to   { opacity: 1; transform: none; }
}
.gtp-row {
animation: gtp-row-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
animation-delay: calc(90ms + (var(--gtp-row, 0) * 55ms));
}
@keyframes gtp-row-in {
from { opacity: 0; transform: translateY(9px); }
to   { opacity: 1; transform: none; }
}
.gtp-head,
.gtp-screen--score .gtp-foot {
animation: gtp-row-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.gtp-tick--flat {
background: rgba(255, 255, 255, 0.08);
color: var(--gtj-mute);
}
@media (prefers-reduced-motion: reduce) {
.gtp-shot img,
.gtp-shot.is-fresh img,
.gtp-row,
.gtp-head,
.gtp-screen--score .gtp-foot {
animation: none;
transition: none;
}
.gtp-shot.is-swapping img {
opacity: 1;
transform: none;
}
}
.gtp-idle__title em {
color: var(--gtj-paper);
}
.gtp-cta.is-ready {
animation: gtp-unlock 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes gtp-unlock {
from { box-shadow: 0 0 0 0 rgba(200, 162, 74, 0.55); }
to { box-shadow: 0 0 0 14px rgba(200, 162, 74, 0); }
}
@media (prefers-reduced-motion: reduce) {
.gtp-cta.is-ready,
.gtp-row__scale button.is-on,
.gtp-row__scale button.is-on::after,
.gtp-screen.is-active {
animation: none;
}
}