.logo-controls{display:flex;gap:25px;align-items:center;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;font-size:12px;flex-wrap:wrap}.logo-controls label{display:flex;align-items:center;gap:8px}.logo-controls input{accent-color:#bc3028}.logo-controls>span{margin-left:auto;font-size:10px;color:#777}.logo-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.logo-direction{border:1px solid #d8d5d0;background:#fffdf9;min-width:0}.logo-direction.logo-selected{outline:2px solid #b9382d;outline-offset:3px}.logo-direction header{padding:25px 23px;min-height:210px}.logo-direction header>span{font-size:10px;letter-spacing:1.7px;color:#a7372f}.logo-direction h2{font-size:24px;line-height:1.2;margin:17px 0 12px}.logo-direction header p{font-size:12px;margin:0}.logo-family{background:#f3f0eb;padding:28px 22px;display:grid;gap:29px;border-top:1px solid #e1ddd6;border-bottom:1px solid #e1ddd6}.family-lockup{display:flex;align-items:center;gap:12px;color:#191b1e;--logo-accent:#d9362b;min-width:0}.family-symbol{width:51px;height:51px;flex-shrink:0}.family-wordmark{font-family:var(--logo-font),Arial,sans-serif;font-weight:600;font-size:23px;letter-spacing:2px;line-height:1.1}.family-wordmark small{display:block;font-family:var(--logo-font),Arial,sans-serif;font-size:7.5px;letter-spacing:1.65px;margin-top:8px;font-weight:600;white-space:nowrap}.logo-direction footer{padding:22px}.logo-direction footer p{font-size:10px;margin-bottom:8px}.logo-direction .logo-font-label{color:#8b8780;font-size:9px}.logo-direction footer button{width:100%;padding:12px;background:none;border:1px solid #c9c4bd;font-size:11px;color:#292d31;margin-top:10px}.logo-direction footer button[aria-pressed=true]{background:#252a30;color:#fff;border-color:#252a30}.logo-application{margin-top:45px}.logo-brand-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.logo-brand-tabs button{padding:10px 13px;background:#fdfcf8;border:1px solid #ddd;font-size:9px;letter-spacing:1px;color:#4d5054}.logo-brand-tabs button[aria-pressed=true]{background:#252a30;color:white;border-color:#252a30}.logo-web-preview{border:1px solid #d8d5cf;background:#fffdf9}.logo-preview-nav{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #e0dcd5}.logo-preview-nav>span{font-size:11px;color:#65666a;margin-left:auto}.logo-preview-nav button{background:#b9342a;color:white;padding:12px 16px;border:0;font-size:10px}.logo-preview-body{padding:40px}.logo-preview-body h2{font-size:44px;margin:18px 0;line-height:1.1}.logo-preview-body p{max-width:490px}.logo-scale{display:flex;gap:30px;align-items:center;border-top:1px solid #e0dcd5;margin-top:30px;padding-top:22px;font-size:10px;color:#7d7e82}.logo-scale>div{display:flex;gap:25px;align-items:center;color:#191b1e}.logo-scale svg{width:100%;height:100%}.logo-footnote{border-top:1px solid #ddd;margin-top:35px;padding-top:20px;font-size:10px;max-width:850px}.logo-application>.micro{margin-top:17px}.logo-monochrome .family-lockup,.logo-monochrome .logo-scale>div{--logo-accent:currentColor}.logo-inverse .logo-family,.logo-inverse .logo-web-preview{background:#191b1e;border-color:#3b3e42}.logo-inverse .family-lockup,.logo-inverse .logo-scale>div{color:#f7f5f2}.logo-inverse .logo-preview-body h2{color:#f7f5f2}.logo-inverse .logo-preview-body p,.logo-inverse .logo-preview-body .eyebrow,.logo-inverse .logo-preview-nav>span{color:#b8bcc1}.logo-inverse .logo-preview-nav,.logo-inverse .logo-scale{border-color:#41454b}@media(max-width:1100px){.logo-comparison{grid-template-columns:1fr}.logo-direction{display:grid;grid-template-columns:1fr 1.3fr}.logo-direction header{min-height:0}.logo-direction footer{grid-column:1/-1;display:flex;align-items:center;gap:20px}.logo-direction footer button{width:auto;margin:0 0 0 auto}.logo-family{grid-row:span 1;border-left:1px solid #ddd;border-top:0}.logo-preview-nav{padding:20px}.logo-preview-nav>span{display:none}}@media(max-width:600px){.logo-direction{display:block}.logo-direction footer{display:block}.logo-direction footer button{width:100%;margin-top:12px}.logo-preview-nav{flex-direction:column;align-items:start}.logo-preview-body{padding:26px}.logo-preview-body h2{font-size:35px}.logo-controls>span{margin-left:0}.logo-scale{flex-direction:column;align-items:start}.logo-family{grid-template-columns:1fr 1fr;padding:25px 15px;gap:25px 12px}.family-symbol{width:36px;height:36px}.family-wordmark{font-size:17px;letter-spacing:1px}.family-wordmark small{font-size:6px;letter-spacing:.6px}.family-lockup{gap:7px}}