/* Display the supplied artwork without altering its symbol or lettering.
   The two windows arrange the original stacked logo into a compact lockup. */
.landing .brand,.guide .brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;background:#fff;line-height:1;text-decoration:none}
.brand-symbol,.brand-wordmark{display:block;position:relative;overflow:hidden;flex-shrink:0}
.brand-symbol{width:42px;height:42px}
.brand-symbol img{position:absolute;width:82px;max-width:none;height:82px;left:-20px;top:-14px}
.brand-wordmark{width:157px;height:27px}
.brand-wordmark img{position:absolute;width:203px;max-width:none;height:203px;left:-23px;top:-143px}
.landing footer .brand{padding:10px 14px;border-radius:6px}
.guide .bar{background:#fff;border-bottom:1px solid var(--line)}
@media(max-width:420px){
 .landing .nav{gap:12px}
 .landing .brand{gap:6px}
 .landing .brand-symbol{width:34px;height:34px}
 .landing .brand-symbol img{width:66.4px;height:66.4px;left:-16.2px;top:-11.3px}
 .landing .brand-wordmark{width:125px;height:22px}
 .landing .brand-wordmark img{width:162px;height:162px;left:-18.3px;top:-114px}
 .landing .nav .links a{font-size:12px;padding:10px}
}