/* Keep mask images beside this stylesheet, or adapt these relative URLs. */
:root { --winspeed-orange: linear-gradient(135deg,#ffc26e 2%,#ff950f 32%,#e97500 75%,#ffa12c); }
.winspeed-mark { display:block; flex:none; width:57px; height:49px; background:var(--winspeed-orange); -webkit-mask:url('./winspeed-monogram-blue.png') center/160% auto no-repeat; mask:url('./winspeed-monogram-blue.png') center/160% auto no-repeat; }
.winspeed-wordmark { display:block; flex:none; width:230px; height:44px; background:var(--winspeed-orange); -webkit-mask:url('./winspeed-wordmark.png') center/contain no-repeat; mask:url('./winspeed-wordmark.png') center/contain no-repeat; }
.winspeed-lockup { display:inline-flex; align-items:center; gap:13px; }
.winspeed-lockup .winspeed-mark { height:52px; }
.winspeed-perspective { display:inline-block; transform:perspective(700px) rotateY(16deg) rotateZ(7deg); filter:drop-shadow(0 8px 9px #0b5cff13); }
.winspeed-float { display:inline-block; animation:winspeed-bob 12s ease-in-out infinite; }
@keyframes winspeed-bob { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-12px) rotate(1deg); } }
@media(max-width:767px) { .winspeed-lockup { gap:8px; } .winspeed-lockup .winspeed-mark { width:36px; height:33px; } .winspeed-wordmark { width:130px; height:31px; } }
@media(prefers-reduced-motion:reduce) { .winspeed-float { animation:none; } }