.stroke-text{width:100%;min-width:0;max-width:100%;line-height:1;display:grid;position:relative}.stroke-text--hover{cursor:pointer}.stroke-text__fallback,.stroke-text__svg{grid-area:1/1;min-width:0}.stroke-text__fallback{color:#d8ff0d;overflow-wrap:anywhere;text-wrap:balance;max-width:100%;line-height:1.05;display:block}.stroke-text__svg{width:100%;height:auto;aspect-ratio:var(--stroke-text-aspect-ratio,600 / 166);opacity:0;pointer-events:none;display:block}.stroke-text--ready .stroke-text__svg{opacity:1}.stroke-text--ready .stroke-text__fallback{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stroke-text__stroke,.stroke-text__fill{-webkit-user-select:none;user-select:none}.stroke-text__fallback{letter-spacing:-.05em!important;font-size:clamp(26px,8.5vw,128px)!important}.stroke-text:not(.stroke-text--ready) .stroke-text__svg{position:absolute;inset:0}
.logo-creation{isolation:isolate;margin:0;position:relative;overflow:clip}.logo-creation__sequence{padding:54px 0;position:relative}.logo-creation__canvas{aspect-ratio:1.7;width:100%;position:relative;container-type:inline-size}.logo-creation__guides{opacity:0;pointer-events:none;border:1px solid #ffffff30;border-radius:22px 0 0;position:absolute;inset:23% -10% 0 8%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 96%),linear-gradient(#000 48%,#0000 98%);mask-image:linear-gradient(90deg,#000 45%,#0000 96%),linear-gradient(#000 48%,#0000 98%);-webkit-mask-composite:source-in;mask-composite:intersect}.logo-creation__light{opacity:0;background:radial-gradient(60% 85% at 0 0,#ffffff0b,#0000 70%),#08090a;position:absolute;inset:0}.logo-creation__guides:before{content:"";z-index:1;background-image:linear-gradient(#ffffff19 1px,#0000 1px),linear-gradient(90deg,#ffffff19 1px,#0000 1px);background-position:-1px -1px;background-size:32px 32px;position:absolute;inset:0}.logo-creation__guides:after{content:"";z-index:2;border-radius:inherit;opacity:0;background:radial-gradient(45% 65% at 0 0,#ffffff85,#ffffff20 35%,#0000 75%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.logo-creation__wordmark{transform-origin:bottom;width:69%;position:absolute;top:32%;left:15%;transform:skew(0)}.logo-creation__wordmark .stroke-text{height:10cqw;display:block}.logo-creation__wordmark .stroke-text__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;overflow:visible}.logo-creation__wordmark .stroke-text__fallback{visibility:hidden}.logo-creation__wordmark .stroke-text:first-child{width:88%}.logo-creation__wordmark .stroke-text:nth-child(2){margin-top:-4cqw}.logo-creation__subtitle{color:#f1f2f4;opacity:0;align-items:center;gap:8px;margin:-1cqw 1.5% 0;display:flex}.logo-creation__subtitle span{background:linear-gradient(90deg,#0000 0 2%,#e9eaeb 2% 4%,#0000 4% 6%,#e9eaeb 6% 9%,#0000 9% 11%,#e9eaeb 11% 15%,#0000 15% 17%,#e9eaeb 17% 22%,#0000 22% 24%,#e9eaeb 24% 30%,#0000 30% 32%,#e9eaeb 32%);flex:1;height:1cqw}.logo-creation__subtitle b{letter-spacing:.14em;white-space:nowrap;font-family:Microgramma D,sans-serif;font-size:2.05cqw;font-weight:700}.logo-creation__cursor{opacity:0;filter:drop-shadow(0 5px 5px #0009);width:8%;position:absolute;top:42%;left:18%}.logo-creation__cursor svg{width:100%;display:block;position:relative}.logo-creation__click{aspect-ratio:1;opacity:0;border:2px solid #d8ff0d;border-radius:50%;width:60%;position:absolute;top:-15%;left:-15%}.logo-creation__replay{opacity:0;visibility:hidden;justify-content:center;display:flex;position:absolute;bottom:12px;left:0;right:0}.logo-creation__replay button{color:#899198;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:10px;font-size:11px;display:flex}.logo-creation__replay button:hover{color:#fff}.logo-creation__replay button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #d8ff0d}.logo-creation__selection{opacity:0;border:1px solid #d8ff0d90;position:absolute;inset:0 -2% -8%}.logo-creation__selection i{background:#121811;border:1px solid #d8ff0d;width:6px;height:6px;position:absolute}.logo-creation__selection i:first-child{top:-3px;left:-3px}.logo-creation__selection i:nth-child(2){top:-3px;right:-3px}.logo-creation__selection i:nth-child(3){bottom:-3px;right:-3px}.logo-creation__selection i:nth-child(4){bottom:-3px;left:-3px}.is-playing .logo-creation__cursor{animation:6s both logo-cursor}.is-playing .logo-creation__click{animation:6s both logo-click}.is-playing .logo-creation__guides{animation:.35s both logo-guides}.is-playing .logo-creation__guides:after,.is-playing .logo-creation__light{animation:.9s 5.8s both logo-light}.is-playing .logo-creation__replay{animation:.55s 6.7s both logo-replay}.is-playing .logo-creation__subtitle{animation:6s both logo-subtitle}.is-playing .logo-creation__wordmark{animation:6s both logo-skew}.is-playing .logo-creation__selection{animation:6s both logo-selection}@keyframes logo-cursor{0%,27%{opacity:0;top:73%;left:101%}30.5%{opacity:1;top:61%;left:89%}37%,40%{opacity:1;top:40%;left:47%}46%{opacity:1;top:50%;left:48%}49%{opacity:1;top:61%;left:16%}58%{opacity:1;top:61%;left:60%}65%{opacity:1;top:61%;left:79%}70%,72%{opacity:1;top:51%;left:76%}78%,80%{opacity:1;top:31%;left:84.4%}92%,94%{opacity:1;top:31%;left:89%}to{opacity:0;top:20%;left:101%}}@keyframes logo-guides{0%{opacity:0}to{opacity:1}}@keyframes logo-light{0%{opacity:0}to{opacity:1}}@keyframes logo-replay{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes logo-subtitle{0%,46%{opacity:0}47%,to{opacity:1}}@keyframes logo-underline{0%,49%{transform:scaleX(0)}58%,to{transform:scaleX(1)}}@keyframes logo-signoff{0%,58%{opacity:0;transform:translateY(3px)}65%,to{opacity:1;transform:translateY(0)}}@keyframes logo-selection{0%,69.99%{opacity:0}70%,94%{opacity:1}98%,to{opacity:0}}@keyframes logo-skew{0%,80%{transform:skew(0)}92%,to{transform:skew(-14deg)}}@keyframes logo-click{0%,39.9%,43%,45.9%,49%,69.9%,74%,79.9%,84%,to{opacity:0;transform:scale(.6)}40%,46%,70%,80%{opacity:.8;transform:scale(1.4)}}.is-playing .logo-creation__subtitle span{transform-origin:0;animation:6s both logo-underline}.is-playing .logo-creation__subtitle b{animation:6s both logo-signoff}@media (prefers-reduced-motion:reduce){.logo-creation .logo-creation__sequence *{animation:none!important}.logo-creation__light,.logo-creation__replay,.logo-creation__guides{opacity:1;visibility:visible}.logo-creation__guides:after{opacity:1;animation:none}.logo-creation__subtitle{opacity:1}.logo-creation__wordmark{transform:skew(-14deg)}.logo-creation__cursor,.logo-creation__selection{display:none}}@media (max-width:480px){.logo-creation__sequence{padding:40px 0}.logo-creation__guides:before{background-size:24px 24px}}