*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#242822;font:14px/1.5 'Instrument Sans',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #627a46;outline-offset:4px}button{min-height:44px}.top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 4%;border-bottom:1px solid #d0d3c8}.wordmark{font-size:35px;font-weight:600;letter-spacing:-.06em;line-height:1}.wordmark span{display:block;font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;margin-top:12px}.top-note{font-size:11px;color:#666e5d}.text-button{border:0;border-bottom:1px solid;background:none;padding:8px 0;font-size:12px}main{padding:0 4%}.intro{display:flex;justify-content:space-between;gap:50px;padding:65px 0 55px;align-items:end}.eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.intro h1{font:108px/.85 'Instrument Sans';font-weight:500;letter-spacing:-.07em;margin:25px 0 0}.intro h1 em{font:125px/.95 'Instrument Serif';font-weight:400;letter-spacing:-.045em}.intro-right{max-width:340px;padding-bottom:8px}.big-number{display:flex;align-items:end;gap:17px;font-size:69px;line-height:.9;letter-spacing:-.07em;margin-bottom:25px}.big-number span{font-size:9px;line-height:1.4;max-width:90px;letter-spacing:.08em;padding-bottom:3px}.intro-right p{font-size:15px;line-height:1.55;margin:14px 0 0}.intro-right .subtle{font-size:11px;color:#666e5d;max-width:290px}.controls{border-top:1px solid #aeb6a1;border-bottom:1px solid #aeb6a1;padding:19px 0;position:relative;z-index:1}.control-top,.control-bottom{display:flex;align-items:center;gap:24px}.control-top{margin-bottom:16px}.view-toggle{display:flex;border:1px solid #aeb6a1;border-radius:6px;padding:3px}.view-toggle button{border:0;background:none;padding:9px 19px;font-size:12px;min-height:38px;border-radius:3px}.view-toggle button[aria-pressed=true]{background:#242822;color:#f7f7f2}.mono-control{display:flex;gap:9px;align-items:center;font-size:11px;cursor:pointer}.mono-control input{accent-color:#242822;width:15px;height:15px}.search{margin-left:auto;position:relative;width:300px}.search input{width:100%;border:0;border-bottom:1px solid #aeb6a1;background:transparent;border-radius:0;padding:12px 30px 12px 0;color:inherit;min-height:44px;font-size:12px}.search span:not(.sr-only){position:absolute;right:5px;top:7px;font-size:22px;pointer-events:none}.themes{display:flex;flex-wrap:wrap;gap:5px}.themes button{border:0;background:none;padding:8px 12px;font-size:11px;border-radius:25px;min-height:36px}.themes button[aria-pressed=true]{background:#e2e8d8;color:#293723}.control-bottom>button{margin-left:auto;white-space:nowrap;border:0;background:none;padding:8px 0;font-size:11px}.control-bottom>button[aria-pressed=true]{text-decoration:underline}.control-bottom>button span{display:inline-flex;background:#e2e8d8;border-radius:50%;width:23px;height:23px;align-items:center;justify-content:center;margin-left:5px}.results-line{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#666e5d;margin:20px 0}.results-line p{margin:0}.collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px;padding-bottom:65px}.concept{min-width:0}.preview{display:block;aspect-ratio:1.44;background:#e7e9df;border:1px solid #d0d3c8;position:relative;overflow:hidden}.preview .page-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}.preview:hover .page-image{transform:scale(1.025)}.preview .logo-image{display:none;max-width:60%;max-height:55%;object-fit:contain;filter:none}.concept-top{display:flex;align-items:center;gap:10px;margin:15px 0 6px}.id{font-size:10px;color:#666e5d;min-width:27px}.concept h2{font-size:17px;letter-spacing:-.025em;margin:0;font-weight:500}.save{margin-left:auto;min-width:38px;min-height:38px;background:none;border:1px solid #c4cbb8;border-radius:50%;font-size:18px;padding:0}.save[aria-pressed=true]{background:#242822;color:#f7f7f2}.concept-description{font-size:11px;color:#666e5d;line-height:1.6;margin:0 0 13px 37px;min-height:36px}.card-bottom{display:flex;align-items:center;gap:15px;margin-left:37px;font-size:9px}.palette{display:flex;gap:3px}.palette i{display:block;width:13px;height:13px;border-radius:50%;border:1px solid #0001}.compare-label{display:flex;gap:6px;align-items:center;margin-left:auto;cursor:pointer;min-height:30px}.compare-label input{accent-color:#242822;width:13px;height:13px}.concept .theme{color:#666e5d}.collection.logos{grid-template-columns:repeat(4,minmax(0,1fr))}.logos .preview{aspect-ratio:1.35;display:flex;align-items:center;justify-content:center;background:#fff}.logos .preview .page-image{display:none}.logos .preview .logo-image{display:block}.logos .concept h2{font-size:15px}.logos .concept-description{font-size:10px}.monochrome .preview{filter:grayscale(1)}.monochrome .palette{filter:grayscale(1)}.empty{text-align:center;padding:70px 20px 100px}.empty h2{font:45px 'Instrument Serif';font-weight:400}.empty button{border:1px solid #242822;background:none;padding:12px 20px;border-radius:25px}.compare-tray{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;background:#242822;color:#f7f7f2;border:1px solid #f7f7f2;box-shadow:0 8px 40px #0003;border-radius:40px;padding:10px 14px 10px 25px;z-index:10;font-size:11px;max-width:calc(100vw - 30px);white-space:nowrap}.compare-tray[hidden]{display:none}.compare-tray button{border:0;border-radius:30px;padding:10px 20px;font-size:11px;background:#e2e8d8}.compare-tray #compare-clear{background:none;color:#f7f7f2;padding:10px}.compare-tray button:disabled{opacity:.5;cursor:default}dialog{width:min(1300px,calc(100vw - 40px));max-height:90vh;overflow:auto;border:1px solid #aeb6a1;border-radius:10px;background:#f7f7f2;padding:25px;color:#242822}dialog::backdrop{background:#242822bb;backdrop-filter:blur(5px)}dialog>header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}dialog h2{font:40px 'Instrument Serif';font-weight:400;margin:0}dialog>header button{border:0;background:none;font-size:12px;padding:8px 0}#compare-columns{display:grid;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));gap:25px}#compare-columns article{min-width:0}#compare-columns .compare-logo{height:90px;width:100%;object-fit:contain;background:#fff;padding:15px;margin-bottom:12px;border:1px solid #ddd}#compare-columns .compare-page{width:100%;display:block;border:1px solid #ddd}#compare-columns h3{font-size:17px;font-weight:500;margin:12px 0}#compare-columns p{font-size:11px;color:#666e5d;line-height:1.6}#compare-columns a{display:block;text-decoration:underline;font-size:11px;padding:10px 0}footer{border-top:1px solid #aeb6a1;padding:32px 4% 45px;display:flex;justify-content:space-between;align-items:start;gap:35px;font-size:10px;color:#666e5d}footer b{color:#242822;font-weight:500}footer p{margin:7px 0 0}footer>a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){.collection{grid-template-columns:repeat(4,minmax(0,1fr))}.collection.logos{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.intro h1{font-size:88px}.intro h1 em{font-size:102px}.intro-right{max-width:280px}.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.collection.logos{grid-template-columns:repeat(3,minmax(0,1fr))}.search{width:250px}.control-top{gap:20px}.mono-control{font-size:10px}.themes button{padding:8px 10px}.logos .concept-description{margin-left:0}.logos .card-bottom{margin-left:0}.card-bottom .theme{display:none}}@media(max-width:640px){.top{padding:23px 22px}.wordmark{font-size:30px}.wordmark span{font-size:8px}.top-note{display:none}.text-button{font-size:10px}main{padding:0 22px}.intro{display:block;padding:40px 0 30px}.intro h1{font-size:83px;margin-top:20px}.intro h1 em{font-size:99px}.eyebrow{font-size:9px}.intro-right{margin-top:30px;max-width:none;display:grid;grid-template-columns:100px 1fr;gap:10px 25px}.big-number{display:block;font-size:55px;grid-row:1/3;margin:0}.big-number span{display:block;margin-top:12px;font-size:8px;max-width:90px}.intro-right p{font-size:12px;margin:0}.intro-right .subtle{font-size:10px}.control-top{flex-wrap:wrap;gap:13px}.view-toggle button{font-size:11px;padding:8px 17px}.mono-control{font-size:9px;margin-left:auto;gap:5px}.mono-control input{width:13px;height:13px}.search{width:100%;margin:0}.control-bottom{align-items:start;gap:15px}.themes{gap:3px}.themes button{font-size:9px;padding:7px 9px;min-height:32px}.control-bottom>button{font-size:10px;min-height:32px;padding:5px 0}.control-bottom>button span{width:18px;height:18px;margin-left:3px}.results-line{font-size:9px}.collection{grid-template-columns:1fr;gap:30px}.collection.logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.logos .preview{aspect-ratio:1}.logos .concept-top{gap:5px}.logos .id{min-width:20px;font-size:8px}.logos .concept h2{font-size:12px}.logos .save{font-size:14px;min-width:28px;min-height:30px}.logos .concept-description{font-size:9px}.logos .palette{display:none}.logos .compare-label{margin-left:0;font-size:9px}.concept-description{font-size:11px}.card-bottom .theme{display:block}.logos .theme{display:none}.compare-tray{gap:12px;padding:8px 10px 8px 15px;font-size:10px;bottom:15px}.compare-tray button{font-size:10px;padding:9px 13px}.compare-tray #compare-clear{padding:6px}dialog{padding:20px;width:calc(100vw - 24px)}dialog h2{font-size:34px}#compare-columns{grid-template-columns:1fr;gap:35px}#compare-columns .compare-logo{height:75px}footer{padding:25px 22px 95px;display:block}footer>p{margin:20px 0}footer>a{display:inline-block;margin-top:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:640px){.intro h1{font-size:56px;line-height:.95}.intro h1 em{font-size:82px}.intro{padding-top:32px}.intro-right{margin-top:25px}}