@media (min-width:1051px){
.site-header{height:100px;padding:0 28px;display:flex;justify-content:center;align-items:center;background:#030303;border:0}.site-header nav{display:grid;grid-template-columns:1fr 200px 1fr;align-items:center;gap:28px;width:min(1120px,calc(100vw - 300px));margin:0}.nav-left,.nav-right{display:flex;align-items:center;gap:40px;white-space:nowrap}.nav-left{justify-content:flex-end}.nav-right{justify-content:flex-start}.site-header .brand{width:200px}.social-nav{position:absolute;right:32px;display:flex;gap:28px;font-size:23px;font-weight:700;align-items:center}.hero{min-height:760px;height:100vh;align-items:center;justify-content:center;padding:100px 22px 0;background-image:url('raro-banner-reference.png');background-position:center bottom;background-size:cover}.hero-overlay{display:none}.hero-logo{opacity:0}.hero-actions{position:absolute;z-index:3;top:75.5%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:41px;margin:0}.hero-actions .primary{width:295px;height:72px;background:transparent;color:transparent}.hero-actions .secondary{width:370px;height:82px;border:0;background:transparent;color:transparent}.hero-actions a,.hero-actions button{cursor:pointer}.hero-actions a:focus-visible,.hero-actions button:focus-visible{outline:3px solid #fff;outline-offset:3px}
}
@media (max-width:1050px){.social-nav{display:flex;margin-left:15px;gap:14px;font-size:18px;font-weight:700}.site-header nav .nav-left,.site-header nav .nav-right{display:flex;flex-direction:column;gap:18px}.site-header nav .brand{display:none}}