/* MDNT's video banner and statement, isolated from the existing Broworks page. */
.mdnt-banner{color:#fff;background:#000;font-family:"MDNT Inter",Inter,Arial,sans-serif;font-size:16px;line-height:1.5;position:relative;isolation:isolate}
.mdnt-banner *{box-sizing:border-box}
.mdnt-banner p,.mdnt-banner h1,.mdnt-banner h2{margin:0}
.mdnt-container{width:calc(100% - 10vw);max-width:1440px;margin:0 auto}
.mdnt-hero{position:relative;min-height:760px;height:min(100svh,960px);overflow:hidden;background:#000}
.mdnt-video-layer{position:absolute;inset:0;z-index:0}
.mdnt-video{display:block;position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;inset:0}
.mdnt-video-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 54.95%,#000 83.92%)}
.mdnt-hero-inner{display:flex;justify-content:space-between;align-items:stretch;gap:16px;height:100%;padding-top:160px;padding-bottom:80px;position:relative;z-index:1}
.mdnt-hero-primary{width:60%;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0}
.mdnt-title{font-family:"MDNT Boldonse",sans-serif!important;font-size:48px!important;font-weight:400!important;line-height:1.45!important;letter-spacing:-.01em!important;text-transform:uppercase;text-wrap:pretty}
.mdnt-lime{color:#bfff00}
.mdnt-hero-secondary{width:100%;max-width:363.2px;align-self:flex-end}
.mdnt-hero-secondary>p{font-size:18px;line-height:1.5}
.mdnt-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}
.mdnt-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-radius:6px;background:#222;color:#fff;font-family:"MDNT Inter",Arial,sans-serif;font-size:16px;line-height:24px;text-transform:uppercase;white-space:nowrap;text-decoration:none;box-shadow:inset 0 32px 24px #ffffff0d,inset 0 2px 1px #ffffff40,inset 0 0 0 1px #07020b26,inset 0 -2px 1px #0003,0 1px 2px #07020b0d}
.mdnt-button-secondary{border:1px solid #fff;background:transparent;padding:9px 20px;box-shadow:none}
.mdnt-button-text{height:24px;overflow:hidden;display:block}
.mdnt-button-text>span{display:block;transition:transform .25s cubic-bezier(.25,.46,.45,.94)}
.mdnt-button:hover .mdnt-button-text>span,.mdnt-button:focus-visible .mdnt-button-text>span{transform:translateY(-100%)}
.mdnt-button-dot{height:6px;width:6px;border-radius:50%;background:blueviolet;position:relative;flex:none}
.mdnt-button-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#8a2be280;opacity:1;transform:scale(1);transition:transform .25s,opacity .25s}
.mdnt-button:hover .mdnt-button-dot:after{transform:scale(4);opacity:0}
.mdnt-button:focus-visible{outline:2px solid #bfff00;outline-offset:5px}
.mdnt-logo-marquee{display:flex;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}
.mdnt-logo-track{display:flex;flex:none;animation:mdnt-logo-slide 20s linear infinite;will-change:transform}
.mdnt-logo{display:flex;justify-content:center;align-items:center;flex:none}
.mdnt-logo img{display:block;width:auto;max-width:none;height:56px;object-fit:contain;filter:saturate(0%)}
@keyframes mdnt-logo-slide{to{transform:translateX(-100%)}}
.mdnt-about{padding:112px 0;background:#000;color:#fff;text-align:center}
.mdnt-about-icon{width:16px;height:16px;margin:0 auto 24px}
.mdnt-about-icon svg{display:block;width:100%;height:100%}
.mdnt-about h2{font-family:"MDNT Boldonse",sans-serif!important;font-size:40px!important;font-weight:400!important;line-height:1.6!important;letter-spacing:-.01em!important;max-width:1240px;margin:0 auto 24px}
.mdnt-about p{max-width:678px;margin:0 auto;font-size:16px;line-height:1.5}
.mdnt-word-mask{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.mdnt-word{display:inline-block}
.mdnt-motion .mdnt-word{animation:mdnt-word-reveal .9s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--mdnt-delay)}
@keyframes mdnt-word-reveal{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}
.mdnt-about-reveal{transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1)}
.mdnt-about-reveal.mdnt-awaiting{opacity:0;transform:translateY(36px)}

/* Keep the existing navigation and its dropdowns; remove its solid header surface. */
body[data-mdnt-hero] .nav_container,body[data-mdnt-hero] .nav_menu{background:transparent;border-color:transparent}
body[data-mdnt-hero] .nav_wrapper::before{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body[data-mdnt-hero] .nav_container{color:#fff;transition:color .25s}
body[data-mdnt-hero] .nav_link,body[data-mdnt-hero] .nav_logo-link{color:inherit}
body[data-mdnt-hero] .nav_logo-link svg path{fill:currentColor}
body[data-mdnt-hero] .nav_dropdown-arrow svg path{fill:currentColor}
body[data-mdnt-hero] .nav-banner_component{background:transparent;color:#fff;border-radius:0}
body[data-mdnt-hero] .nav-banner_component:hover{background:#ffffff14}
body[data-mdnt-hero] .nav_burger-menu{background:#ffffff1c}
body[data-mdnt-hero] .nav_burger-line{background:currentColor;color:inherit}
body[data-mdnt-hero][data-nav-tone="dark"] .nav_container,body[data-mdnt-hero][data-nav-tone="dark"] .nav-banner_component{color:#142127}
body[data-mdnt-hero][data-nav-tone="dark"] .nav_burger-menu{background:#14212714}
body[data-mdnt-hero] .nav_dropdown-container{color:#142127}

@media(min-width:992px) and (max-width:1439px){
  .mdnt-title{font-size:clamp(36px,3.8vw,48px)!important}
  .mdnt-about h2{font-size:clamp(32px,3.16vw,40px)!important}
  .mdnt-hero-primary{width:62%}
  .mdnt-hero-secondary{max-width:363.2px}
}
@media(max-width:991px){
  .mdnt-hero{height:auto;min-height:100svh}
  .mdnt-hero-inner{flex-direction:column;gap:32px;padding-top:144px;padding-bottom:56px;min-height:100svh}
  .mdnt-hero-primary{display:contents}
  .mdnt-title{font-size:40px!important;line-height:1.45!important}
  .mdnt-hero-secondary{align-self:stretch;max-width:540px;margin-bottom:auto}
  .mdnt-logo-marquee{order:3;margin-top:24px}
  .mdnt-about{padding:88px 0}
  .mdnt-about h2{font-size:32px!important;line-height:1.5!important}
  body[data-mdnt-hero] [data-menu-open="true"] .nav_menu{background:#fff;color:#142127}
  body[data-mdnt-hero] .nav_menu .nav_link{color:inherit}
}
@media(max-width:767px){
  body[data-mdnt-hero] #awwwards{display:none}
  .mdnt-container{width:90%}
  .mdnt-title{font-size:30px!important;line-height:1.45!important}
  .mdnt-hero-secondary>p{font-size:16px}
  .mdnt-logo img{height:48px}
  .mdnt-about{padding:80px 0}
  .mdnt-about h2{font-size:27px!important;line-height:1.55!important}
}
@media(max-width:479px){
  .mdnt-title{font-size:25px!important;line-height:1.45!important}
  .mdnt-hero-inner{padding-top:144px;gap:28px}
  .mdnt-about h2{font-size:23px!important}
  .mdnt-buttons{gap:12px}
  .mdnt-button{font-size:13px;padding:9px 14px}
  .mdnt-button-secondary{padding:8px 14px}
}
@media(prefers-reduced-motion:reduce){
  .mdnt-logo-track,.mdnt-motion .mdnt-word{animation:none!important;transform:none!important;opacity:1!important}
  .mdnt-about-reveal,.mdnt-button-text>span{transition:none}
  .mdnt-about-reveal.mdnt-awaiting{opacity:1;transform:none}
}