@font-face{font-family:Public Sans;src:url(assets/public-sans-extralight.woff2) format('woff2');font-weight:200;font-display:swap}
@font-face{font-family:Public Sans;src:url(assets/public-sans-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Public Sans;src:url(assets/public-sans-semibold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--ink:#404040;--blue:#004aff;--bone:#f5f5f2;--line:#dfe0dc;--quiet:#686b70;--radius:16px;font-family:Public Sans,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6;letter-spacing:-.01em}a{color:var(--blue);text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,figure{margin:0}p+p{margin-top:14px}h1,h2,h3{font-weight:200;line-height:1.15;letter-spacing:-.025em}.masthead{max-width:1440px;margin:auto;padding:28px 48px;display:flex;align-items:center;gap:48px;font-size:13px;border-bottom:1px solid var(--line)}.masthead .brand{flex:none}.masthead .slash{margin:0 12px;color:#a0a19e}.complete-guide{margin-left:auto}.text-link{font-size:14px;text-decoration:none;font-weight:600}.text-link:hover{text-decoration:underline}.page-layout{max-width:1360px;margin:auto;display:grid;grid-template-columns:196px minmax(0,1fr);gap:54px;padding:0 48px}.chapter-nav{position:sticky;top:40px;align-self:start;padding-top:58px;font-size:13px}.chapter-nav>p{font-weight:600;margin-bottom:19px}.chapter-nav nav{display:flex;flex-direction:column;gap:7px}.chapter-nav nav a{padding:7px 0 7px 15px;border-left:2px solid transparent;text-decoration:none;color:var(--quiet);line-height:1.5}.chapter-nav nav a:hover{color:var(--ink)}.chapter-nav nav a[aria-current]{border-color:var(--blue);color:var(--blue)}.nav-download{display:flex;justify-content:space-between;padding:17px 0;margin-top:27px;border-top:1px solid var(--line);text-decoration:none;font-size:13px}.intro{padding:54px 0 40px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.025em;color:var(--quiet)}h1{font-size:76px;margin:10px 0 18px}.lead{font-size:28px;font-weight:200;line-height:1.3}.intro-copy{max-width:590px;margin-top:17px;color:var(--quiet);font-size:16px}section{padding:42px 0 46px;border-top:1px solid var(--line);scroll-margin-top:28px}.section-heading{display:flex;align-items:center;gap:15px}.step{font-size:12px;color:var(--blue);font-weight:600;letter-spacing:.03em}h2{font-size:34px}h3{font-size:23px}.section-intro{color:var(--quiet);font-size:15px;max-width:640px;margin:16px 0 27px}.logo-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.logo-stage{height:210px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:38px}.logo-stage img{width:100%;max-width:340px}.bone{background:var(--bone)}.cobalt-gradient{background:radial-gradient(ellipse at 76% 85%,#004aff 0%,#004aff 18%,#221ecd 100%)}.choice-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-top:20px}.choice-caption p{font-size:13px;line-height:1.55;margin-top:9px}.choice-caption br{display:none}.download{display:inline-flex;align-items:center;gap:16px;border:1px solid #c7cbd2;border-radius:99px;padding:8px 15px;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:600;margin-top:1px;min-height:40px}.download:hover{background:#edf2ff;border-color:var(--blue)}.quiet-note{color:var(--quiet);font-size:13px;line-height:1.6;margin-top:24px}.placement-row{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;margin-top:30px}.clear-space-figure{background:var(--bone);padding:16px 8px 18px;border-radius:var(--radius)}.clear-space-figure svg{display:block;width:100%;height:auto}.figure-caption{text-align:center;font-size:12px;color:var(--quiet);padding:0 12px}.key{display:inline-block;font-weight:600;color:var(--blue);margin-right:7px}.placement-copy p{font-size:14px;margin-top:13px}.size-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;align-items:center;padding:27px 0;margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.size-row h3{font-size:21px}.size-row p{font-size:13px;margin-top:9px;color:var(--quiet)}.minimum-logo{width:120px}.minimum-logo img{width:120px;max-width:none}.minimum-logo span{display:block;width:120px;height:7px;margin-top:10px;border:1px solid #8992a2;border-top:0}.minimum strong{font-weight:600;color:var(--ink)}.print-minimum{display:flex;align-items:center;gap:14px}.print-minimum>strong{font-size:32px;font-weight:200;white-space:nowrap}.print-minimum p{margin:0}.print-minimum span{font-size:11px}.signature-example{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin-top:32px;align-items:center}.mini-composition{background:var(--bone);border-radius:var(--radius);padding:28px}.example-kicker{font-size:10px;color:var(--quiet)}.mini-composition>p{font-size:27px;font-weight:200;line-height:1.18;margin:21px 0 39px}.mini-composition>img{width:146px}.signature-example>div>p:not(.quiet-note){font-size:14px;margin-top:13px}.background-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.background-picker button{border:1px solid var(--line);border-radius:99px;background:white;display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:8px 12px;cursor:pointer;min-height:40px;color:var(--ink)}.background-picker i{width:14px;height:14px;border-radius:50%;background:var(--chip);border:1px solid #0002}.background-picker button[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue)}.background-picker button:hover{background:#f6f8fc}.pairing{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pairing-stage{min-height:205px;display:flex;align-items:center;justify-content:center;padding:40px;background:white}.pairing-stage img{width:100%;max-width:330px}.pairing-copy{border-left:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:center}.pairing-copy h3{margin-top:8px;font-size:28px}.pairing-copy>p:not(.eyebrow){font-size:14px;margin-top:10px}.pairing-copy a{margin-top:17px}.background-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:26px}.background-notes h3{font-size:21px}.background-notes p{font-size:14px;margin-top:13px}.mistakes{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 24px}.mistake-stage{height:155px;background:var(--bone);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden}.mistake-stage img{width:220px;max-width:85%}.mistake-stage.cyan{background:#00c2ff}.stretched{transform:scaleY(1.7)}.logo-effect{filter:drop-shadow(4px 7px 3px #40404090)}.recolored{filter:hue-rotate(35deg)}.avoid-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--quiet);display:block;margin:14px 0 6px}.mistakes h3{font-size:21px}.mistakes p{font-size:13px;margin-top:8px}.special-body{padding:5px 0 28px;max-width:820px;font-size:14px}.special-body h3{font-size:23px;margin-bottom:12px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:17px;list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:23px;font-weight:200}details[open] summary span{transform:rotate(45deg)}.icon-body{display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px}.avatar-example img{border-radius:28px}.inline-downloads{display:flex;flex-wrap:wrap;gap:10px 22px;margin:17px 0 20px}.inline-downloads a{font-size:13px}.tagline-example{background:var(--bone);padding:35px;margin:0 0 24px;text-align:center;border-radius:12px}.tagline-example span{border:1px solid var(--ink);border-radius:999px;padding:4px 18px 8px;font-size:36px;font-weight:200;white-space:nowrap}.rare-logos{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}.rare-logos>div>img,.rare-bone{margin-bottom:20px}.rare-bone{background:var(--ink);padding:18px;border-radius:8px}.rare-logos>div>img{padding:18px 0;box-sizing:content-box}.rare-logos a{display:inline-block;margin-top:15px}.chapter-footer{padding:35px 0 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid var(--line)}.chapter-footer h3{font-size:24px}.chapter-footer p{font-size:13px;margin:10px 0}.reference-note{color:var(--quiet);font-size:11px!important;max-width:250px}.reference-note a{color:var(--quiet)}.skip{position:fixed;left:15px;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:12px}
@media(min-width:1600px){.logo-stage{height:230px}}
@media(max-width:1100px){.page-layout{grid-template-columns:160px minmax(0,1fr);gap:32px;padding:0 30px}.masthead{padding:24px 30px;gap:28px}.logo-stage{height:175px;padding:26px}.placement-row,.signature-example{gap:24px}.placement-row{grid-template-columns:1fr 1fr}.size-row{grid-template-columns:1fr 1fr}.size-row>div:first-child{grid-column:1/-1}.choice-caption{flex-wrap:wrap}.choice-caption .download{margin-top:3px}}
@media(max-width:820px){.page-layout{display:block;padding:0 26px}.masthead{padding:23px 26px;gap:20px}.masthead>span{font-size:11px}.masthead .brand img{width:140px}.complete-guide{display:none}.chapter-nav{position:static;padding-top:22px}.chapter-nav>p,.nav-download{display:none}.chapter-nav nav{flex-direction:row;flex-wrap:wrap;gap:4px 15px;border-bottom:1px solid var(--line);padding-bottom:15px}.chapter-nav nav a{padding:3px 0;border-left:0;font-size:11px}.chapter-nav nav a[aria-current]{color:var(--ink)}.intro{padding-top:34px}h1{font-size:64px}h2{font-size:31px}.logo-stage{height:185px}.intro-copy{font-size:15px}.chapter-footer{align-items:flex-start}}
@media(max-width:560px){.masthead{padding:21px 20px;justify-content:space-between}.masthead>span{font-size:10px}.masthead .brand img{width:126px}.masthead .slash{margin:0 5px}.page-layout{padding:0 20px}.chapter-nav nav{gap:6px 15px}.chapter-nav nav a{min-height:30px;display:flex;align-items:center}.intro{padding:29px 0 32px}h1{font-size:58px;margin-top:9px}.lead{font-size:25px}.intro-copy{font-size:14px;line-height:1.65}.logo-choices{grid-template-columns:1fr;gap:30px}.logo-stage{height:180px;padding:35px}.choice-caption{flex-wrap:nowrap;gap:12px}.choice-caption p{font-size:13px}.choice-caption .download{margin:0}h2{font-size:29px}.section-heading{align-items:baseline;gap:12px}.section-intro{font-size:14px;margin:15px 0 23px}section{padding:33px 0 36px}.placement-row,.signature-example,.pairing,.background-notes{grid-template-columns:1fr;gap:22px}.clear-space-figure{padding-bottom:17px}.placement-row{margin-top:25px}.placement-copy h3{font-size:24px}.size-row{gap:25px 18px}.print-minimum{display:block}.print-minimum>strong{display:block;font-size:27px;margin-bottom:4px}.minimum p{font-size:12px}.mini-composition>p{font-size:28px}.pairing{gap:0}.pairing-stage{min-height:170px;padding:35px}.pairing-copy{border-left:0;border-top:1px solid var(--line);padding:23px}.background-picker{gap:7px}.background-picker button{font-size:11px;padding:8px 10px}.mistakes{gap:25px 15px}.mistake-stage{height:110px;padding:16px}.mistake-stage img{max-width:100%}.mistakes h3{font-size:20px}.mistakes p{font-size:12px}.icon-body{grid-template-columns:1fr}.avatar-example img{width:96px;height:96px;border-radius:20px}.special-body{font-size:14px}.tagline-example{padding:30px 15px}.tagline-example span{font-size:29px}.rare-logos{grid-template-columns:1fr}.chapter-footer{display:block}.reference-note{margin-top:27px!important}.section-heading .step{font-size:11px}.figure-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}