/* Local brand study. Original lettering is retained in the supplied artwork. */
.brand-motion{display:block;width:100%;height:auto;overflow:visible;isolation:isolate}
.brand-motion--round{width:64px;height:64px;flex:none}
.footer .brand-motion--round{width:70px;height:70px}
.brand-signature{margin-top:35px;max-width:435px}
.brand-signature-art{overflow:hidden;border-radius:20px;border:1px solid #ffffff12;background:#28282e;box-shadow:0 20px 45px #28282e14}
.brand-signature .brand-motion{overflow:hidden}
.brand-signature figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;font-size:10px;letter-spacing:.07em;color:#595960}
.brand-replay{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#526200;font-size:11px;padding:6px 0;font-weight:700;letter-spacing:0;white-space:nowrap}
.brand-replay:hover{text-decoration:underline;text-underline-offset:4px}
.brand-replay:disabled{cursor:default;opacity:.6;text-decoration:none}
.brand-replay svg{width:15px;height:15px}
.about .experience-mark{font-size:66px;margin-top:30px}
.brand-toggle-thumb{transform:translateX(205px)}
.brand-toggle-green,.brand-round-color{opacity:1}
.brand-toggle-signal{opacity:.7;stroke-dasharray:100;stroke-dashoffset:0}
.brand-round-ring{opacity:.8;stroke-dasharray:100;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:500px 500px}
.brand-round-aura{opacity:.28}
.brand-round-shine{opacity:0}
[data-brand-state="waiting"] .brand-toggle-thumb{transform:translateX(0)}
[data-brand-state="waiting"] .brand-toggle-green,[data-brand-state="waiting"] .brand-round-color{opacity:0}
[data-brand-state="waiting"] .brand-toggle-signal,[data-brand-state="waiting"] .brand-round-ring{stroke-dashoffset:100;opacity:0}
[data-brand-state="waiting"] .brand-round-aura{opacity:0}
[data-brand-state="playing"] .brand-toggle-thumb{animation:gtw-toggle-slide 3.4s cubic-bezier(.22,.8,.3,1) both}
[data-brand-state="playing"] .brand-toggle-green{animation:gtw-color-on 3.4s ease both}
[data-brand-state="playing"] .brand-toggle-signal{animation:gtw-signal 3.4s ease both}
[data-brand-state="playing"] .brand-round-color{animation:gtw-color-on 3.4s ease both}
[data-brand-state="playing"] .brand-round-ring{animation:gtw-ring 3.4s ease both}
[data-brand-state="playing"] .brand-round-aura{animation:gtw-aura 3.4s ease both}
[data-brand-state="playing"] .brand-round-shine{animation:gtw-shine 3.4s ease both}
@keyframes gtw-toggle-slide{0%,36%{transform:translateX(0)}75%,100%{transform:translateX(205px)}}
@keyframes gtw-color-on{0%,36%{opacity:0}72%,100%{opacity:1}}
@keyframes gtw-signal{0%,60%{opacity:0;stroke-dashoffset:100}95%,100%{opacity:.7;stroke-dashoffset:0}}
@keyframes gtw-ring{0%,25%{stroke-dashoffset:100;opacity:0}80%,100%{stroke-dashoffset:0;opacity:.8}}
@keyframes gtw-aura{0%,38%{opacity:0}70%{opacity:.65}100%{opacity:.28}}
@keyframes gtw-shine{0%,47%{opacity:0;transform:translateX(0)}55%{opacity:.6}85%{opacity:.6;transform:translateX(1450px)}100%{opacity:0;transform:translateX(1450px)}}
@media(max-width:700px){.brand-motion--round{width:54px;height:54px}.brand-signature{margin-top:27px;max-width:435px}.brand-signature-art{border-radius:16px}.brand-signature figcaption{font-size:9px;letter-spacing:.035em}.brand-replay{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brand-motion *{animation:none!important}.brand-toggle-thumb,[data-brand-state] .brand-toggle-thumb{transform:translateX(205px)}.brand-toggle-green,.brand-round-color,[data-brand-state] .brand-toggle-green,[data-brand-state] .brand-round-color{opacity:1}.brand-round-ring,.brand-toggle-signal,[data-brand-state] .brand-round-ring,[data-brand-state] .brand-toggle-signal{stroke-dashoffset:0;opacity:.7}.brand-round-aura,[data-brand-state] .brand-round-aura{opacity:.28}.brand-round-shine{display:none}}
