@font-face{font-family:Elms Sans;src:url(/fonts/elms-sans-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper:#f5f1e8;--ink:#171715;--red:#b21335;--muted:#625e57;--line:#17171533}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(#17171514 .45px, transparent .6px) 0 0 / 5px 5px, var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Elms Sans,Arial,sans-serif}main{width:min(100% - 40px,1080px);margin:0 auto;padding:72px 0 40px}.guide-header{text-align:center;align-content:center;justify-items:center;min-height:72vh;display:grid;position:relative}.guide-actions{justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.download-guide,.back-home{border:1px solid var(--ink);min-height:44px;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:13px 17px;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-flex}.back-home{gap:9px}.download-guide:hover,.download-guide:focus-visible,.back-home:hover,.back-home:focus-visible{background:var(--ink);color:var(--paper)}.download-guide:focus-visible,.back-home:focus-visible,.footer-links a:focus-visible{outline:3px solid var(--red);outline-offset:3px}.guide-header img{width:min(76vw,500px);height:auto;margin:-18% 0 -16%}.eyebrow,.type-name{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:550}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,6vw,5rem);font-weight:430;line-height:.98}.intro{max-width:520px;color:var(--muted);margin:30px auto 0;font-size:1rem;line-height:1.6}section{padding:96px 0}.section-label{align-items:baseline;gap:18px;margin-bottom:42px;display:flex}.section-label p{color:var(--red);letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:650}h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:450}.logo-card{background:#fff;place-items:center;min-height:340px;display:grid}.logo-card img{width:min(70%,520px);height:auto;margin:-18% 0}.notes{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:34px;display:grid}.notes p,.colour-note{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.notes strong{color:var(--ink);margin-bottom:7px;font-weight:600;display:block}.favicon-guide{border:1px solid var(--line);grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:center;gap:clamp(32px,6vw,80px);margin-top:72px;padding:clamp(32px,5vw,60px);display:grid}.favicon-preview{background:#fff;justify-content:center;align-items:center;gap:22px;min-height:210px;display:flex}.favicon-preview img{flex:none;display:block}.favicon-guide .type-name{margin:0 0 24px}.favicon-guide h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:430;line-height:1.1}.favicon-guide>div>p:last-child{max-width:510px;color:var(--muted);margin:24px 0 0;font-size:.9rem;line-height:1.6}.type-specimen{background:var(--ink);color:var(--paper);padding:clamp(32px,6vw,72px)}.type-name{color:#f5f1e89e;margin:0 0 70px}.type-display{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,4.8rem);font-weight:410;line-height:1.05}.type-alphabet{letter-spacing:.1em;margin:80px 0 0;font-size:clamp(.8rem,1.5vw,1rem);line-height:1.8}.swatches{grid-template-columns:repeat(3,1fr);display:grid}.swatch{flex-direction:column;justify-content:space-between;min-height:280px;padding:24px;display:flex}.swatch span{font-weight:500}.swatch code{letter-spacing:.12em;font-family:Elms Sans,Arial,sans-serif;font-size:.78rem}.swatch-ink{color:var(--paper);background:var(--ink)}.swatch-red{color:#fff;background:var(--red)}.swatch-paper{border:1px solid var(--line);background:var(--paper)}.colour-note{max-width:580px;margin-top:30px}@media (width<=700px){main{padding-top:36px}.guide-header{min-height:68vh}.guide-actions{margin-bottom:30px;position:static}section{padding:68px 0}.notes,.swatches,.favicon-guide{grid-template-columns:1fr}.notes{gap:22px}.swatch{min-height:180px}}@media (width<=430px){.guide-actions{flex-direction:column;align-items:stretch;gap:10px}.download-guide,.back-home{justify-content:center}}