.guide-hero{border-top:1px solid #171717;min-height:620px;padding-top:20px;display:flex;flex-direction:column}.guide-eyebrow,.guide-hero-bottom,.guide-section-head>span,.spec-meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.guide-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:10%;align-items:center;flex:1}.guide-hero h1,.guide-section h2{font-size:clamp(48px,6.2vw,96px);line-height:1.02;letter-spacing:-.07em;font-weight:600;margin:0}.guide-hero h1 em,.guide-section h2 em,.guide-quote em{font-family:var(--pixel);font-weight:400}.guide-hero p{max-width:490px;color:#666;font-size:16px;line-height:1.7;margin:25px 0 0}.guide-hero-mark{aspect-ratio:1;background:#f8f8f8;border:1px solid #ddd;display:grid;place-items:center}.guide-hero-mark img{width:52%}.guide-hero-bottom{border-top:1px solid #ddd;padding:16px 0;display:flex;justify-content:space-between}.guide-nav{display:flex;flex-wrap:wrap;gap:9px;padding-block:25px 70px}.guide-nav a{font-size:10px;border:1px solid #ddd;padding:10px 12px}.guide-nav a:hover{background:#f0f;border-color:#f0f}.guide-section{padding:70px 0 100px;border-top:1px solid #171717;scroll-margin-top:20px}.guide-section-head{display:grid;grid-template-columns:25% 1fr;gap:30px;margin-bottom:65px}.guide-section h2{font-size:clamp(41px,5vw,76px)}.guide-section h2 em{color:#b000c1}.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12%}.guide-lead{font-size:clamp(25px,3vw,42px);letter-spacing:-.04em;line-height:1.22;margin:0}.guide-prose p{color:#5e5e5e;font-size:15px;line-height:1.7;margin:0 0 20px}.guide-rule{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd;padding:14px 0;font-size:12px}.guide-rule:first-of-type{border-top:1px solid #ddd}.guide-rule span{color:#666}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #ddd;background:#ddd}.logo-tile{aspect-ratio:1.08;display:grid;place-items:center;position:relative}.logo-tile img{width:38%;max-height:55%}.logo-tile span{position:absolute;bottom:18px;left:18px;font-size:10px}.logo-tile.light{background:#f7f7f7}.logo-tile.cyan{background:#0ff}.logo-tile.dark{background:#111;color:#fff}.logo-notes{align-items:center;margin-top:45px}.wordmark-demo{display:flex;align-items:center;gap:20px;font:400 clamp(50px,8vw,120px)/1 var(--pixel)}.wordmark-demo img{width:clamp(45px,6vw,85px)}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd}.swatch{aspect-ratio:1.2;display:flex;flex-direction:column;justify-content:space-between;padding:18px;font-size:12px;border-right:1px solid #ddd}.swatch:last-child{border-right:0}.swatch strong{font-size:16px}.swatch.magenta{background:#f0f}.swatch.cyan{background:#0ff}.swatch.black{background:#000;color:#fff}.swatch.white{background:#fff}.guide-footnote{color:#777;font-size:12px;line-height:1.7;max-width:700px;margin:25px 0 0}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #ddd;background:#ddd}.type-spec{background:#f8f8f8;padding:24px;min-height:330px;display:flex;flex-direction:column}.spec-meta{display:flex;justify-content:space-between;gap:15px;color:#777}.type-sample{font-size:clamp(38px,4.5vw,70px);letter-spacing:-.06em;line-height:1.05;margin:auto 0}.pixel-spec .type-sample{font-family:var(--pixel)}.type-sample em{font-weight:400}.type-spec p{font-size:12px;max-width:340px;line-height:1.5;color:#666}.pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ddd;border:1px solid #ddd}.pattern-tile{position:relative;aspect-ratio:1.4;background:#111;overflow:hidden}.pattern-tile:nth-child(2){background:#f3f3f3}.pattern-tile img{width:100%;height:100%;object-fit:cover}.pattern-tile span{position:absolute;bottom:15px;left:15px;background:#fff;padding:8px 10px;font-size:10px}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd}.voice-grid>div{padding:25px;border-right:1px solid #ddd}.voice-grid>div:last-child{border-right:0}.voice-grid h3{font-size:19px;margin:0 0 30px;letter-spacing:-.03em}.voice-grid p{color:#666;font-size:13px;line-height:1.6}.guide-quote{background:#f0f;padding:70px 7%;margin-top:30px;font-size:clamp(36px,5vw,76px);letter-spacing:-.06em;line-height:1.1;font-weight:600}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ddd;border:1px solid #ddd}.application-card{aspect-ratio:1.3;display:flex;flex-direction:column;padding:28px}.application-card.white{background:#fff}.application-card.black{background:#111;color:#fff}.mini-brand{display:flex;align-items:center;gap:7px;font:400 25px var(--pixel)}.mini-brand img{width:25px}.application-card h3{font-size:clamp(27px,3vw,48px);letter-spacing:-.05em;line-height:1.1;margin:auto 0 12px}.application-card p{font-size:12px;color:#888;max-width:260px}.downloads{padding-bottom:130px}.downloads>p{font-size:15px;color:#666}.download-button{margin-top:22px;display:inline-flex;justify-content:space-between;gap:90px;border:1px solid #111;padding:17px 20px;font-size:13px;font-weight:700}.download-button:hover{background:#f0f;border-color:#f0f}.guide-footer .footer-grid{border-top:0}
@media(max-width:700px){.guide-hero{min-height:590px}.guide-hero-grid{grid-template-columns:1fr;gap:25px;padding:35px 0}.guide-hero-mark{width:45%;aspect-ratio:1}.guide-nav{padding-bottom:40px}.guide-section{padding:50px 0 70px}.guide-section-head{display:block;margin-bottom:35px}.guide-section-head>span{display:block;margin-bottom:20px}.guide-two-col,.type-grid,.pattern-grid,.application-grid{grid-template-columns:1fr}.guide-lead{margin-bottom:25px}.logo-grid{grid-template-columns:1fr 1fr}.logo-tile:last-child{grid-column:1/-1;aspect-ratio:2.15}.swatch-grid{grid-template-columns:1fr 1fr}.type-spec{min-height:270px}.voice-grid{grid-template-columns:1fr}.voice-grid>div{border-right:0;border-bottom:1px solid #ddd}.voice-grid>div:last-child{border-bottom:0}.application-card{aspect-ratio:1.4}.guide-hero h1{font-size:clamp(45px,11vw,70px)}}

.guide-hero{padding-top:0}
.guide-section-head{display:block;margin-bottom:54px}
.guide-section h2 em{color:#f0f}
.guide-hero-mark,.logo-tile.light,.type-spec,.pattern-tile:nth-child(2){background:#fff}
.anti-motif{border-top:1px solid #ddd;margin-top:45px;padding-top:38px;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;align-items:start}
.anti-motif h3{font-size:clamp(24px,2.7vw,38px);letter-spacing:-.04em;line-height:1.12;margin:0 0 12px}
.anti-motif p{font-size:13px;line-height:1.65;color:#666;max-width:340px}
.anti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #ddd;background:#ddd}
.anti-grid>div{aspect-ratio:1;background:#fff;display:grid;place-items:center}
.anti-grid>div:nth-child(2){background:#0ff}
.anti-grid>div:nth-child(3){background:#111}
.anti-grid img{width:48%}
@media(max-width:700px){.guide-section-head{margin-bottom:34px}.anti-motif{grid-template-columns:1fr;gap:22px}}
.logo-tile.cyan{background:#111;color:#fff}
.logo-tile.dark{background:#333}
.anti-grid>div:nth-child(2){background:#111}