.brand-guide{--brand-muted:#645e55;--brand-rule:#dddcd5}:is(.brand-guide a:focus-visible,.brand-guide button:focus-visible){outline-offset:5px;outline:3px solid #2d6f00}.brand-guide button{cursor:pointer}.brand-guide section[id],.brand-guide #rules,.brand-guide #fonts{scroll-margin-top:100px}.brand-hero{padding-top:36px;padding-bottom:30px}.brand-hero-top{color:var(--brand-muted);justify-content:space-between;margin-bottom:32px;font-size:13px;display:flex}.brand-hero-top a{text-underline-offset:4px;text-decoration:underline}.brand-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}.brand-heading h1{font-size:clamp(36px,4.7vw,64px);line-height:1.08}.brand-heading>p{color:var(--brand-muted);font-size:16px;line-height:1.65}.brand-cover{background:#f5f3ec;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:340px;padding:44px 30px;display:flex}.brand-cover img{width:min(540px,85%);height:auto}.brand-cover>span{color:#3c2d1e;font-size:14px}.brand-hero-bottom{justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.brand-hero-bottom p{color:var(--brand-muted);font-size:14px}.brand-guide .button{white-space:normal;text-align:center;gap:22px;min-height:48px;font-size:14px}.brand-nav{border-block:1px solid var(--brand-rule);background:#fff}.brand-nav .shell{flex-wrap:wrap;gap:36px;padding-block:12px;display:flex}.brand-nav a{align-items:center;min-height:44px;font-size:14px;font-weight:650;display:flex}.brand-nav a:hover{color:var(--green)}.brand-section{padding-block:72px}.brand-section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:32px;display:grid}.brand-section-heading>p{color:var(--brand-muted);max-width:450px;font-size:16px;line-height:1.7}.brand-logo-workbench{border:1px solid var(--brand-rule);border-radius:8px;grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}.brand-logo-preview{justify-content:center;align-items:center;min-height:360px;padding:42px;transition:background-color .18s;display:flex}.brand-logo-preview img{width:100%;max-width:440px;height:auto}.brand-logo-tools{padding:28px}.brand-version-buttons{flex-wrap:wrap;gap:6px;display:flex}.brand-version-buttons button{color:#3c2d1e;background:#fff;border:1px solid #c9c8c1;border-radius:6px;min-height:44px;padding:10px 13px;font-size:13px}.brand-version-buttons button[aria-pressed=true]{color:#fff;background:#3c2d1e;border-color:#3c2d1e}.brand-logo-context{color:var(--brand-muted);min-height:44px;margin:20px 0;font-size:14px}.brand-downloads a{border-top:1px solid var(--brand-rule);align-items:center;gap:16px;padding:15px 0;display:flex}.brand-downloads a:hover{color:var(--green)}.brand-downloads b{width:40px;font-size:16px}.brand-downloads a>span:nth-child(2){flex:1;font-size:13px}.brand-downloads small{color:var(--brand-muted);margin-top:3px;font-size:12px;display:block}.brand-note{color:var(--brand-muted);max-width:870px;margin-top:22px;font-size:13px;line-height:1.65}.brand-rules-surface{background:#f5f3ec}.brand-space-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.brand-space-example{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:36px;display:flex}.brand-space-example>div{border:1px dashed #439900;width:100%;padding:11.3%}.brand-space-example img{width:100%;height:auto}.brand-space-example>span{color:var(--brand-muted);text-align:center;margin-top:24px;font-size:12px}.brand-rule-copy h3{margin-bottom:12px;font-size:19px}.brand-rule-copy p{color:var(--brand-muted);margin-bottom:18px;font-size:14px;line-height:1.7}.brand-mistakes{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.brand-mistake-image{background:#ebe7dc;border-radius:6px;justify-content:center;align-items:center;height:165px;display:flex;position:relative;overflow:hidden}.brand-mistake-image img{width:55%;height:auto}.brand-mistake-image.stretch img{transform:scaleY(.55)}.brand-mistake-image.rotate img{transform:rotate(-16deg)}.brand-mistake-image.shadow img{filter:drop-shadow(5px 5px 2px #3c2d1e80)}.brand-mistake-image>span{color:#895040;font-size:28px;position:absolute;top:8px;right:14px}.brand-mistakes h3{margin-top:16px;font-size:17px}.brand-mistakes p{color:var(--brand-muted);max-width:280px;margin-top:8px;font-size:13px}.brand-colors{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.brand-swatch{border:1px solid #00000008;border-radius:6px;flex-direction:column;justify-content:space-between;height:190px;padding:22px;display:flex}.brand-swatch strong{font-size:17px}.brand-swatch span{font-size:21px;font-weight:600}.brand-colors article>p{min-height:48px;margin-top:17px;font-size:14px}.brand-colors article>small{color:var(--brand-muted);font-size:12px}.brand-copy{min-height:44px;color:var(--green);text-align:left;background:0 0;border:0;padding:10px 0;font-size:13px;font-weight:700}.brand-copy-status{color:var(--green);min-height:20px;font-size:12px;display:block}.brand-color-note{background:#f5f3ec;border-radius:6px;grid-template-columns:1fr 2fr;gap:30px;margin-top:24px;padding:26px;display:grid}.brand-color-note b{font-size:15px}.brand-color-note p{color:var(--brand-muted);font-size:14px;line-height:1.7}.brand-font-surface{background:#f5f3ec}.brand-fonts{grid-template-columns:1fr 1fr;gap:52px;display:grid}.brand-font-title{border-block:1px solid #d3cfc4;justify-content:space-between;align-items:center;gap:14px;padding-block:14px;display:flex}.brand-font-title h3{font-size:20px}.brand-font-title span{color:var(--brand-muted);font-size:12px}.brand-type-sample{letter-spacing:-.035em;padding:30px 0;font-size:clamp(24px,3vw,40px);line-height:1.35}.brand-type-sample.sans{font-family:var(--sans);font-weight:650}.brand-type-sample.serif{font-family:var(--serif);font-weight:500}.brand-fonts article>p:not(.brand-type-sample){color:var(--brand-muted);max-width:440px;font-size:14px;line-height:1.7}.brand-fonts a{min-height:44px;color:var(--green);text-underline-offset:5px;margin-top:18px;font-size:13px;text-decoration:underline;display:inline-block}.brand-about-grid{grid-template-columns:1fr 1fr;gap:52px;display:grid}.brand-field-label{color:var(--brand-muted);margin-bottom:14px;font-size:12px;display:block}.brand-about-grid h3{margin-bottom:16px;font-size:24px}.brand-about-grid>div>p{font-size:15px;line-height:1.8}.brand-about-grid .brand-positioning{font-size:24px;font-weight:650;line-height:1.4}.brand-about-grid .brand-field-label:not(:first-child){margin-top:28px}.brand-description{background:#f5f3ec;border-radius:8px;padding:30px}.brand-description .brand-copy-control{margin-top:20px}.brand-package{color:#fff;background:#3c2d1e;border-radius:8px;justify-content:space-between;align-items:center;gap:30px;padding:36px;display:flex}.brand-package h2{font-size:28px}.brand-package p{color:#e3ded5;margin-top:14px;font-size:14px;line-height:1.8}.brand-package .button{color:#3c2d1e;background:#fff;border-color:#fff}.brand-guide-download{text-align:center;text-underline-offset:5px;margin-top:16px;padding:10px;font-size:13px;text-decoration:underline;display:block}.brand-draft-note{color:var(--brand-muted);grid-template-columns:1fr 2fr;gap:24px;padding-block:24px 54px;font-size:12px;line-height:1.7;display:grid}@media (max-width:850px){.brand-heading{display:block}.brand-heading>p{margin-top:18px}.brand-logo-workbench,.brand-space-grid{grid-template-columns:1fr}.brand-logo-preview{min-height:270px}.brand-colors{grid-template-columns:1fr 1fr}.brand-section-heading{gap:24px}.brand-fonts{gap:28px}.brand-color-note{grid-template-columns:1fr;gap:12px}.brand-font-title{display:block}.brand-font-title span{margin-top:6px;display:block}.brand-about-grid{gap:28px}.brand-package{padding:28px}}@media (max-width:600px){.public-refresh .brand-guide .shell{width:calc(100% - 36px)}.brand-hero{padding-top:24px}.brand-hero-top{margin-bottom:24px;font-size:11px}.brand-heading h1{letter-spacing:-.05em;font-size:37px}.brand-cover{gap:20px;min-height:230px;padding:30px 18px}.brand-cover img{width:95%}.brand-cover>span{font-size:11px}.brand-hero-bottom{flex-direction:column;align-items:stretch;gap:16px}.brand-hero-bottom p br{display:none}.brand-nav .shell{gap:0 24px}.brand-nav a{font-size:12px}.brand-section{padding-block:44px}.brand-section-heading,.brand-fonts,.brand-about-grid{grid-template-columns:1fr;gap:20px}.brand-section-heading h2{font-size:30px}.brand-section-heading>p{font-size:14px}.brand-logo-tools{padding:20px}.brand-logo-preview{min-height:220px;padding:32px}.brand-version-buttons button{padding:9px 11px;font-size:12px}.brand-space-grid{gap:26px}.brand-space-example{min-height:250px;padding:24px}.brand-mistakes{grid-template-columns:1fr;gap:22px;margin-top:24px}.brand-mistake-image{height:165px}.brand-mistake-image img{width:45%}.brand-mistakes p{max-width:none}.brand-colors{gap:12px}.brand-swatch{height:155px;padding:16px}.brand-swatch strong{font-size:14px}.brand-swatch span{font-size:17px}.brand-colors article>p{min-height:55px;font-size:12px}.brand-copy{font-size:11px}.brand-fonts{gap:36px}.brand-type-sample{font-size:30px}.brand-about-grid>div>p{font-size:14px}.brand-description{padding:24px}.brand-package{padding:26px;display:block}.brand-package h2{font-size:27px}.brand-package>div+div{margin-top:24px}.brand-package .button{width:100%}.brand-draft-note{grid-template-columns:1fr;gap:8px;padding-bottom:36px}}@media (prefers-reduced-motion:reduce){.brand-logo-preview{transition:none}}.brand-horizontal{border:1px solid var(--brand-rule);border-radius:8px;grid-template-columns:1.2fr 1fr;margin-top:24px;display:grid;overflow:hidden}.brand-horizontal-preview{background:#f5f3ec;justify-content:center;align-items:center;min-height:245px;padding:36px;display:flex}.brand-horizontal-preview img{width:100%;max-width:490px;height:auto}.brand-horizontal-copy{padding:28px}.brand-approved{color:#2d6f00;margin-bottom:12px;font-size:12px;display:inline-block}.brand-horizontal h3{margin-bottom:14px;font-size:24px}.brand-horizontal-copy p{color:var(--brand-muted);font-size:14px;line-height:1.7}.brand-horizontal-downloads{gap:12px;margin:20px 0 12px;display:flex}.brand-horizontal-downloads a{border:1px solid #c9c8c1;border-radius:6px;justify-content:center;align-items:center;gap:18px;min-width:78px;min-height:44px;font-size:13px;font-weight:700;display:flex}.brand-horizontal-downloads a:hover{border-color:var(--green);color:var(--green)}.brand-horizontal-copy small{color:var(--brand-muted);font-size:12px}@media (max-width:850px){.brand-horizontal{grid-template-columns:1fr}.brand-horizontal-preview{min-height:185px}}@media (max-width:600px){.brand-horizontal-preview{min-height:145px;padding:22px}.brand-horizontal-copy{padding:20px}}.brand-horizontal{scroll-margin-top:100px}