
/* Motion and bracket geometry adapted from Brett's Clubhouse Feed. */
.bay-ui .bay-logo-swipe {position:absolute;inset:0;z-index:10;overflow:hidden;pointer-events:auto;container-type:size;perspective:1100px;perspective-origin:50% 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.bay-ui .bay-logo-swipe[hidden] {display:none}
.bay-ui .bay-logo-swipe.bay-logo-swipe-page-fallback {position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483647!important;margin:0!important;padding:0!important;border:0!important;max-width:none!important;max-height:none!important;background:transparent!important}
.bay-ui .bay-logo-swipe-surface {position:absolute;inset:-25% -60cqh;z-index:var(--layer-index,0);background:linear-gradient(145deg,rgb(255 255 255 / calc(.11 * var(--swipe-shadow-strength,1))) 0%,transparent 24%,transparent 76%,rgb(0 0 0 / calc(.267 * var(--swipe-shadow-strength,1))) 100%),var(--layer-color,#191919);box-shadow:var(--swipe-shadow-left-x,-16px) 0 var(--swipe-shadow-blur,28px) rgb(0 0 0 / var(--swipe-shadow-left-alpha,.58)),var(--swipe-shadow-right-x,16px) 0 var(--swipe-shadow-blur,28px) rgb(0 0 0 / var(--swipe-shadow-right-alpha,.36)),inset 2px 0 3px rgb(255 255 255 / calc(.15 * var(--swipe-shadow-strength,1))),inset -2px 0 4px rgb(0 0 0 / calc(.333 * var(--swipe-shadow-strength,1)));backface-visibility:hidden;transform:translate3d(160%,0,calc(var(--layer-index,0)*var(--swipe-depth-z,18px))) rotateY(var(--swipe-depth-in-angle,-10deg)) skewX(var(--swipe-angle,0deg));transform-origin:center;will-change:transform}
.bay-ui .bay-logo-swipe-lockup,.bay-ui .bay-logo-swipe-label{position:relative;z-index:10}
.bay-ui .bay-logo-swipe-lockup {position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:408.64/238.28;width:min(21.3cqw,calc(22.06cqh * 408.64 / 238.28))}
.bay-ui .bay-logo-swipe-lockup::after {content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20overflow%3D%22visible%22%20style%3D%22display%3A%20block%3B%22%20width%3D%22408.637%22%20height%3D%22241.339%22%20viewBox%3D%220%200%20408.637%20241.339%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%3Cdefs%3E%3Cpath%20id%3D%22bracket%22%20d%3D%22M95.5%200H21.25C9.51395%200%200%209.51395%200%2021.25V95.5L16.75%2085.5V21.25C16.75%2018.7647%2018.7647%2016.75%2021.25%2016.75H85.5L95.5%200Z%22%20fill%3D%22%23EC691A%22%2F%3E%3C%2Fdefs%3E%0A%3Cuse%20href%3D%22%23bracket%22%20xlink%3Ahref%3D%22%23bracket%22%20transform%3D%22scale%280.380512%29%22%2F%3E%0A%3Cuse%20href%3D%22%23bracket%22%20xlink%3Ahref%3D%22%23bracket%22%20transform%3D%22translate%28408.637%200%29%20scale%28-0.380512%200.380512%29%22%2F%3E%0A%3Cuse%20href%3D%22%23bracket%22%20xlink%3Ahref%3D%22%23bracket%22%20transform%3D%22translate%280%20241.339%29%20scale%280.380512%20-0.380512%29%22%2F%3E%0A%3Cuse%20href%3D%22%23bracket%22%20xlink%3Ahref%3D%22%23bracket%22%20transform%3D%22translate%28408.637%20241.339%29%20scale%28-0.380512%20-0.380512%29%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/100% 100% no-repeat;animation:bay-logo-bracket-flash var(--swipe-flash-duration,900ms) ease-in-out var(--swipe-flash-delay-duration,700ms) 3}
.bay-ui .bay-logo-swipe img {width:83.4%;max-height:67.2%;object-fit:contain;filter:drop-shadow(0 2px 18px #000b)}
.bay-ui .bay-logo-swipe-label {margin-top:clamp(8px,2cqh,26px);color:white;font-size:clamp(12px,3.2cqh,22px)}
.bay-ui .bay-logo-swipe[data-phase="in"] .bay-logo-swipe-surface {animation:bay-logo-swipe-in calc(var(--swipe-phase-duration,900ms) - (var(--layer-count,1) - 1) * var(--layer-stagger,0ms)) var(--swipe-easing,cubic-bezier(.22,1,.36,1)) calc(var(--layer-index,0) * var(--layer-stagger,0ms)) both}
.bay-ui .bay-logo-swipe[data-phase="in"] .bay-logo-swipe-surface,.bay-ui .bay-logo-swipe[data-phase="out"] .bay-logo-swipe-surface{z-index:calc(20 + var(--layer-index,0))}
.bay-ui .bay-logo-swipe[data-phase="in"] :is(.bay-logo-swipe-lockup,.bay-logo-swipe-label),.bay-ui .bay-logo-swipe[data-phase="out"] :is(.bay-logo-swipe-lockup,.bay-logo-swipe-label){visibility:hidden}
.bay-ui .bay-logo-swipe:is([data-phase="in"],[data-phase="out"]) .bay-brand-sequence{visibility:visible;z-index:100}
.bay-ui .bay-logo-swipe[data-phase="in"] .bay-brand-sequence :is(.bay-brand-live,.bay-brand-tracer,.bay-brand-wordbox){visibility:hidden}
.bay-ui .bay-logo-swipe[data-phase="out"] .bay-brand-sequence :is(.bay-brand-brackets,.bay-brand-course,.bay-brand-live,.bay-brand-tracer,.bay-brand-wordbox){visibility:visible}
.bay-ui .bay-logo-swipe[data-phase="hold"] :is(.bay-logo-swipe-lockup,.bay-logo-swipe-label,.bay-brand-sequence){visibility:visible}
.bay-ui .bay-logo-swipe[data-phase="hold"] .bay-logo-swipe-surface {transform:translate(0,0) skewX(var(--swipe-angle,0deg))}
.bay-ui .bay-logo-swipe[data-phase="out"] .bay-logo-swipe-surface {animation:bay-logo-swipe-out calc(var(--swipe-phase-duration,900ms) - (var(--layer-count,1) - 1) * var(--layer-stagger,0ms)) var(--swipe-easing,cubic-bezier(.22,1,.36,1)) calc((var(--layer-count,1) - var(--layer-index,0) - 1) * var(--layer-stagger,0ms)) both}
.bay-ui .bay-logo-swipe[data-phase="in"] .bay-logo-swipe-lockup {animation:bay-logo-lockup-in var(--swipe-lockup-duration,520ms) cubic-bezier(.34,1.3,.64,1) var(--swipe-lockup-delay-duration,280ms) both}
@container (max-aspect-ratio:1/1){.bay-ui .bay-logo-swipe-lockup{width:min(37.84cqw,calc(12.41cqh * 408.64 / 238.28))}}
@keyframes bay-logo-swipe-in {from{transform:translate3d(calc(100% + var(--swipe-offset,0px) * var(--layer-index,0)),0,calc(var(--layer-index,0)*var(--swipe-depth-z,18px))) rotateY(var(--swipe-depth-in-angle,-10deg)) skewX(var(--swipe-angle,0deg))}to{transform:translate3d(0,0,0) rotateY(0deg) skewX(var(--swipe-angle,0deg))}}
@keyframes bay-logo-swipe-out {from{transform:translate3d(0,0,0) rotateY(0deg) skewX(var(--swipe-angle,0deg))}to{transform:translate3d(calc(-100% - var(--swipe-offset,0px) * var(--layer-index,0)),0,calc(var(--layer-index,0)*var(--swipe-depth-z,18px))) rotateY(var(--swipe-depth-out-angle,10deg)) skewX(var(--swipe-angle,0deg))}}
@keyframes bay-logo-lockup-in {from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes bay-logo-bracket-flash {0%,100%{opacity:1}50%{opacity:.18}}
@media(prefers-reduced-motion:reduce){.bay-ui .bay-logo-swipe *,.bay-ui .bay-logo-swipe-lockup::after{animation:none!important}}
/* Optional original Trackman brand sequence; independent of preview styles. */
.bay-ui .bay-logo-swipe[data-brand-sequence="true"] > .bay-logo-swipe-lockup{display:none}
.bay-ui .bay-brand-sequence{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}
.bay-ui .bay-brand-lockup{display:flex;align-items:center;justify-content:center;flex:none}
.bay-ui .bay-brand-lockup.bay-brand-compact-layout{position:absolute;left:50%;top:50%;display:block;width:372.66px;height:260.32px;transform:translate(-50%,-50%) scale(var(--brand-compact-scale,1));transform-origin:center}
.bay-ui .bay-brand-lockup.bay-brand-compact-layout .bay-brand-wordbox{display:none}
.bay-ui .bay-brand-square{position:relative;flex:none}
.bay-ui .bay-brand-brackets{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;filter:drop-shadow(0 var(--swipe-logo-shadow-y,0px) var(--swipe-logo-shadow-blur,0px) rgb(0 0 0 / var(--swipe-logo-shadow-alpha,0)))}
.bay-ui .bay-logo-swipe .bay-brand-course{position:absolute;left:10%;top:16%;width:80%;height:68%;max-height:none;object-fit:contain;filter:none;z-index:1}
.bay-ui .bay-logo-swipe :is(.bay-brand-live,.bay-brand-tracer){position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 var(--swipe-logo-shadow-y,0px) var(--swipe-logo-shadow-blur,0px) rgb(0 0 0 / var(--swipe-logo-shadow-alpha,0)));clip-path:inset(100% 0 0 0)}
.bay-ui .bay-logo-swipe .bay-brand-live{z-index:3}
.bay-ui .bay-logo-swipe .bay-brand-tracer{z-index:4}
.bay-ui .bay-brand-wordbox{position:relative;overflow:hidden;flex:none}
.bay-ui .bay-logo-swipe .bay-brand-word{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;filter:drop-shadow(0 var(--swipe-logo-shadow-y,0px) var(--swipe-logo-shadow-blur,0px) rgb(0 0 0 / var(--swipe-logo-shadow-alpha,0)));clip-path:inset(0 100% 0 0)}
.bay-ui .bay-brand-compact{position:absolute;left:50%;top:50%;width:372.66px;height:260.32px;transform:translate(-50%,-50%) scale(var(--brand-compact-scale,1));transform-origin:center;overflow:hidden;z-index:5}
.bay-ui .bay-logo-swipe .bay-brand-compact img{display:block;width:372.66px;height:260.32px;max-height:none;filter:drop-shadow(0 var(--swipe-logo-shadow-y,0px) var(--swipe-logo-shadow-blur,0px) rgb(0 0 0 / var(--swipe-logo-shadow-alpha,0)))}
