.bx-keynote-hero{--bx-keynote-header:100px;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:min(820px,calc(100svh - var(--bx-keynote-header)));min-height:360px;padding:23px var(--bx-pad,5vw) 20px;overflow:hidden;background:#000;color:#f5f5f7}
.bx-keynote-hero .bx-keynote-hero-top{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;font-size:11px;line-height:1.4;color:#929292}
.bx-keynote-hero .bx-keynote-hero-top p{margin:0;font-size:10px;letter-spacing:.045em}
.bx-keynote-hero .bx-keynote-hero-year{justify-self:end;font-size:10px;font-variant-numeric:tabular-nums;color:#777}
.bx-keynote-hero .bx-keynote-hero-back{display:inline-flex;align-items:center;gap:11px;justify-self:start;min-height:38px;color:#a6a6a6;text-decoration:none;transition:color .2s}
.bx-keynote-hero .bx-keynote-hero-back>span{font-size:17px;font-weight:300;color:#727272}
.bx-keynote-hero .bx-keynote-hero-back:hover{color:#fff}
.bx-keynote-hero .bx-keynote-hero-center{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.bx-keynote-hero .bx-keynote-hero-lock{display:flex;flex-direction:column;align-items:center;gap:clamp(27px,3.7vw,70px);transform:translateY(-7%);opacity:1}
.bx-keynote-hero .bx-keynote-hero-lock h1{display:block;width:min(30.08vw,578px);max-width:none;margin:0;padding:0;font-size:0;line-height:0;font-weight:400;letter-spacing:0;color:#f5f5f7;filter:drop-shadow(0 0 26px rgba(255,255,255,.14))}
.bx-keynote-hero .bx-wordmark{display:block;width:100%;aspect-ratio:27090/2650;background:currentColor;mask:url('/assets/breachx/wordmark.svg') center/contain no-repeat;-webkit-mask:url('/assets/breachx/wordmark.svg') center/contain no-repeat}
.bx-keynote-hero .bx-keynote-hero-sub{max-width:none;margin:0;font-family:BX Switzer,Helvetica Neue,Arial,sans-serif;font-size:clamp(9px,.78vw,15px);font-weight:400;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;color:rgba(245,245,247,.5)}
.bx-keynote-hero .bx-keynote-hero-dawn{position:absolute;z-index:0;left:50%;bottom:-64%;width:200%;height:126%;transform:translateX(-50%) translateY(0);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.30) 0%,rgba(255,255,255,.12) 30%,rgba(255,255,255,.04) 54%,rgba(255,255,255,0) 74%);filter:blur(22px);opacity:1;pointer-events:none}
.bx-keynote-hero .bx-keynote-hero-horizon{position:absolute;z-index:1;left:50%;bottom:10%;width:76%;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9) 16%,#fff 50%,rgba(255,255,255,.9) 84%,rgba(255,255,255,0));box-shadow:0 0 30px 6px rgba(255,255,255,.42),0 0 96px 20px rgba(255,255,255,.16);pointer-events:none}
.bx-keynote-hero .bx-keynote-hero-grain{position:absolute;z-index:1;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.bx-keynote-hero .bx-keynote-hero-bottom{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-top:auto;min-height:40px;font-size:11px;line-height:1.4;color:#a0a0a0}
.bx-keynote-hero .bx-keynote-hero-services{justify-self:start;color:#9c9c9c}
.bx-keynote-hero .bx-keynote-hero-replay{display:inline-flex;align-items:center;justify-content:center;gap:7px;grid-column:2;min-height:40px;min-width:76px;margin:0;padding:8px 10px;border:0;border-radius:3px;background:none;color:#858585;font-family:inherit;font-size:10px;line-height:1.4;cursor:pointer;transition:color .2s}
.bx-keynote-hero .bx-keynote-hero-replay:hover{color:#f5f5f7}
.bx-keynote-hero .bx-keynote-hero-replay>svg{display:block;width:13px;height:13px;flex-shrink:0}
.bx-keynote-hero .bx-keynote-hero-replay[hidden]{display:none!important}
.bx-keynote-hero .bx-keynote-hero-discover{display:inline-flex;align-items:center;justify-content:flex-end;gap:16px;justify-self:end;grid-column:3;min-height:40px;color:#cecece;text-decoration:none;white-space:nowrap}
.bx-keynote-hero .bx-keynote-hero-discover>svg{display:block;width:19px;height:19px;flex-shrink:0;transition:transform .25s}
.bx-keynote-hero .bx-keynote-hero-discover:hover>svg{transform:translateY(3px)}
.bx-keynote-hero :is(a,button):focus-visible{outline:1px solid #fff;outline-offset:4px}
.bx-keynote-hero .bx-keynote-hero-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;font-size:16px;line-height:1}
@media(max-width:760px){.bx-keynote-hero{--bx-keynote-header:88px;padding-top:14px;padding-bottom:14px;min-height:360px}.bx-keynote-hero .bx-keynote-hero-top{grid-template-columns:1fr auto;gap:12px;font-size:10px}.bx-keynote-hero .bx-keynote-hero-top p{font-size:9px;letter-spacing:0}.bx-keynote-hero .bx-keynote-hero-year{display:none}.bx-keynote-hero .bx-keynote-hero-back{gap:8px}.bx-keynote-hero .bx-keynote-hero-lock{gap:34px;transform:translateY(-18%)}.bx-keynote-hero .bx-keynote-hero-lock h1{width:min(76vw,470px)}.bx-keynote-hero .bx-keynote-hero-sub{font-size:9px;letter-spacing:.2em}.bx-keynote-hero .bx-keynote-hero-horizon{bottom:15%;height:1px}.bx-keynote-hero .bx-keynote-hero-bottom{grid-template-columns:1fr auto;gap:2px 12px;font-size:9px}.bx-keynote-hero .bx-keynote-hero-services{grid-column:1;grid-row:1}.bx-keynote-hero .bx-keynote-hero-discover{grid-column:2;grid-row:1;gap:9px;min-height:44px}.bx-keynote-hero .bx-keynote-hero-discover>svg{width:17px;height:17px}.bx-keynote-hero .bx-keynote-hero-replay{position:absolute;bottom:50px;right:-9px;min-height:36px;min-width:68px;font-size:9px}.bx-keynote-hero .bx-keynote-hero-grain{opacity:.035}}
@media(max-height:540px){.bx-keynote-hero{height:calc(100svh - var(--bx-keynote-header));min-height:260px}.bx-keynote-hero .bx-keynote-hero-lock{gap:20px}.bx-keynote-hero .bx-keynote-hero-lock h1{width:min(48vw,400px)}.bx-keynote-hero .bx-keynote-hero-horizon{bottom:20%}.bx-keynote-hero .bx-keynote-hero-replay{bottom:44px}}
@media(prefers-reduced-motion:reduce){.bx-keynote-hero :is(a,button),.bx-keynote-hero .bx-keynote-hero-discover>svg{transition:none}}