/* Brand source: original MEDIEN-2024-Logo_TM.jpg. */
:root{--brand-blue:#446087;--brand-gold:#bf8d14}
html,body{max-width:100%;overflow-x:clip}
header{gap:20px}.brand{flex-shrink:0}.nav-cta{white-space:nowrap}
.hero .stage img{max-width:100%;max-height:450px}
.hero h1{max-width:700px}
.stage-note{z-index:3;background:#1c2b4280;padding:4px 8px;border-radius:3px}
@media(max-width:850px){.hero .stage img{margin-bottom:60px}.hero .stage-note{bottom:45px}.hero .scene-select{bottom:-8px}}
@media(max-width:850px){header nav{display:none}.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:55px 6% 75px}.hero-copy{align-self:start;width:100%}.hero h1{font-size:clamp(46px,8vw,66px);max-width:680px;letter-spacing:-2px}.hero .intro{max-width:580px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.stage{height:360px;min-height:360px;width:100%;max-width:620px;align-self:center}.hero .stage img{height:300px;width:100%;object-fit:contain}.product-label{bottom:24%;right:0}.stage-note{bottom:15%;font-size:12px;text-align:center}.stage .giant{top:12%;left:0;font-size:clamp(58px,10vw,90px)}.scene-select{bottom:0}.hero-foot{margin-top:30px}.hero .stage-ring{top:20%;width:280px;height:280px}.hero .stage-ring.second{top:8%;width:370px;height:370px}.solution-intro{grid-template-columns:1fr;gap:30px}.solution-intro h2{font-size:46px}}
@media(max-width:420px){.hero h1{font-size:46px}.hero .eyebrow{font-size:7px}.hero .stage-note{max-width:270px;font-size:11px}.hero .product-label{right:0;bottom:23%}.hero .stage img{height:270px}.hero .stage{height:340px;min-height:340px}.nav-cta{font-size:10px}}