/* Lime Levarrow artwork matched to the header accent #c4f568. */
.brand{padding:0;min-height:64px;background:#000;border-radius:7px;overflow:hidden}
.brand-lockup{display:block;width:100%;height:auto;object-fit:contain}
.brand-emblem{display:none}
.hero-banner{background:#000;border-color:#294136}
.hero-copy{flex:0 0 40%;padding-right:15px}
.hero-art{width:60%;min-width:0;margin:0;padding:24px 16px 24px 0;min-height:336px}
.hero-logo{display:block;width:100%;height:auto;object-fit:contain}
.hero-index{color:#719b8b}
.logo-lockup{display:block;width:210px;max-width:100%;height:auto;margin-bottom:24px;background:transparent;mix-blend-mode:screen}
#wallet-modal,.docs-intro{isolation:isolate}
.mobile-brand{display:none}
@media(min-width:1500px){.hero-art{min-height:370px}}
@media(max-width:1150px){.brand{min-height:58px}.hero-copy{flex-basis:42%}.hero-art{width:58%;padding-right:10px}}
@media(min-width:651px) and (max-width:900px){
 .brand{width:48px;height:48px;min-height:48px;border-radius:7px;position:relative}
 .brand .brand-lockup{display:none}
 .brand>span.brand-emblem{display:block;width:48px;height:48px;position:relative;overflow:hidden}
 .brand-emblem img{position:absolute;width:152px;height:auto;max-width:none;left:-5px;top:-6px}
}
@media(max-width:650px){
 .mobile-brand{display:block;width:138px;background:#000;border-radius:4px;overflow:hidden}
 .mobile-brand img{display:block;width:100%;height:auto}
 .topbar>.breadcrumb{display:none}
 .hero-banner{flex-direction:column;min-height:0}
 .hero-art{position:relative;order:-1;width:100%;min-height:0;inset:auto;margin:0;padding:15px 10px 0;opacity:1}
 .hero-copy{background:none;flex:auto;padding:15px 24px 28px}
 .hero-copy h2{font-size:44px;margin-top:17px}
 .hero-copy p{max-width:none}
 .hero-copy .primary-button{margin-top:20px}
 .hero-index{display:none}
}