:root{--offer-ribbon-height:46px}
.offer-ribbon[hidden],.signup-offer-note[hidden],[data-offer-active][hidden]{display:none!important}
.offer-ribbon{position:fixed;inset:0 0 auto;z-index:35;height:var(--offer-ribbon-height);display:flex;align-items:center;justify-content:center;gap:18px;padding:0 4%;background:#1c314e;border-bottom:1px solid #9fc6ff38;color:#e6efff;font-family:Manrope,Arial,sans-serif;line-height:1.4;box-sizing:border-box}
.offer-scroll{min-width:0;max-width:max-content;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.offer-scroll::-webkit-scrollbar{display:none}
.offer-track{display:flex;width:max-content;align-items:center}
.offer-message{display:flex;flex:none;align-items:center;gap:20px;margin:0;white-space:nowrap;font-size:14px;color:#d2e2fa}
.offer-message[hidden]{display:none}
.offer-intro{display:inline-flex;align-items:center;gap:7px;flex:none}.offer-copy{display:inline-block;flex:none}
.offer-intro{font-weight:650;color:#f2f6ff}
.offer-copy time{font-weight:700;color:#f2f6ff}
.offer-divider{width:1px;height:18px;background:#adcaff3b;flex:none}
.offer-vidsummit-logo{width:97px;height:20px;object-fit:contain}
.offer-arkitect-logo{display:inline-block;width:auto;height:.8em;vertical-align:-.02em;margin:0 .16em 0 .02em;object-fit:contain}
.offer-ribbon .offer-short{display:none}
.offer-ribbon>.offer-join{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:30px;padding:6px 13px;border:1px solid #a9c9ff;border-radius:7px;background:#a9c9ff;color:#172335;font-size:13px;font-weight:650;line-height:1.25;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s;box-sizing:border-box}.offer-join:before{content:"";position:absolute;inset:-7px 0}
.offer-ribbon>.offer-join:hover{background:#c3dbff;border-color:#c3dbff;color:#172335}
.offer-ribbon.is-overflow .offer-scroll{mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}
.offer-ribbon.is-overflow .offer-message{padding-right:44px}
.offer-ribbon.is-overflow .offer-track{animation:offer-travel var(--offer-duration,30s) linear infinite}
@keyframes offer-travel{to{transform:translateX(calc(-1 * var(--offer-message-width)))}}
.offer-ribbon a:focus-visible,.offer-scroll:focus-visible{outline:2px solid #d7e8ff;outline-offset:-3px;border-radius:3px}
.vidsummit-offer-active body{padding-top:var(--offer-ribbon-height)}
.vidsummit-offer-active .site-header{top:var(--offer-ribbon-height)}
html.vidsummit-offer-active{scroll-padding-top:calc(85px + var(--offer-ribbon-height))}
.signup-offer-note{padding:11px 13px;border:1px solid #a9c9ff38;border-radius:7px;background:#a9c9ff0d;color:#c9ddfa;font-size:13px;line-height:1.65;margin:14px 0 18px}
@media(max-width:760px){
 .offer-ribbon{gap:9px;padding-inline:12px}
 .offer-message{gap:15px;font-size:13px}
 .offer-intro{gap:6px}
 .offer-ribbon .offer-full{display:none}
 .offer-ribbon .offer-short{display:inline}
 .offer-ribbon>.offer-join{font-size:13px;min-width:61px;gap:5px;padding-inline:10px}
 .offer-vidsummit-logo{width:87px;height:18px}
 .vidsummit-offer-active .site-header>[data-signup]{display:none}
}


/* Desktop typography scales down together; the approved mobile ribbon is unchanged. */
@media(min-width:761px){
 .offer-message{font-size:11.2px;gap:16px}
 .offer-intro{gap:5.6px}
 .offer-ribbon>.offer-join{font-size:10.4px}
 .offer-vidsummit-logo{width:77.6px;height:16px}
 .offer-divider{height:14.4px}
}
/* The animation owns the visible space below the temporary ribbon on every screen. */
.vidsummit-offer-active .launch-sticky{top:var(--offer-ribbon-height);height:calc(100svh - var(--offer-ribbon-height))}
@media(prefers-reduced-motion:reduce){.offer-ribbon.is-overflow .offer-track{animation:none}.offer-ribbon .offer-message[aria-hidden=true]{display:none}}