@font-face{font-family:Instrument Sans;src:url('/assets/reference/instrument-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url('/assets/reference/instrument-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url('/assets/reference/ibm-plex-mono-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--ink:#171a17;--paper:#f3f4ee;--signal:#d6ef42;--stone:#b9bcad;--line:#d0d3c8;font-family:'Instrument Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;height:auto}p,h1,h2{margin:0}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;left:20px;top:-80px;padding:14px 20px;background:var(--ink);color:var(--paper);z-index:10}.skip:focus{top:20px}.meta{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:500;letter-spacing:1px;line-height:1.6}.header{margin:0 4%;height:94px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.header>.meta{margin-left:auto}.back{font-size:12px;display:flex;align-items:center;gap:32px}.back span{font-size:19px}.header img{width:170px}.intro{padding:74px 4% 56px;position:relative}.intro h1{font-size:clamp(54px,7vw,106px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:21px 0 24px}.intro>p{font-size:19px;line-height:1.5;color:#5b6256}.download{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:var(--paper);padding:15px 20px;border-radius:3px;font-size:12px;margin-top:28px}.download:hover{background:#343c2c}.download span{font-size:20px;line-height:1}.showcase{display:grid;grid-template-columns:2.2fr 1fr;grid-template-rows:1fr 1fr;gap:20px;margin:0 4%}.primary-mark{position:relative;grid-row:span 2;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#fff;padding:86px 40px 38px;min-height:610px}.primary-mark>.meta:first-child,.alternate>.meta,.applications>div>.meta{position:absolute;top:24px;left:24px}.large-symbol{width:250px;height:250px}.large-wordmark{width:440px;margin-top:58px}.mark-caption{margin-top:45px;font-size:9px}.alternate{position:relative;display:grid;place-items:center;min-height:294px;padding:75px 20px 50px}.alternate img{width:142px}.reverse{background:var(--ink);color:var(--paper)}.signal{background:var(--signal)}.system{padding:78px 4% 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:30px}h2{font-size:clamp(34px,3.2vw,50px);line-height:1.1;font-weight:500;letter-spacing:-.04em}.section-heading>.meta{font-size:9px;text-align:right}.palette{display:grid;grid-template-columns:repeat(4,1fr)}.swatch{padding:22px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.swatch>span:last-child{font-family:'IBM Plex Mono',monospace;font-size:14px}.graphite{background:var(--ink);color:var(--paper)}.chalk{background:var(--paper);border:1px solid var(--line)}.chartreuse{background:var(--signal)}.stone{background:var(--stone)}.type-grid{display:grid;grid-template-columns:1fr 1fr;margin:40px 0 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.type-grid>div{padding:28px 40px 30px 0}.type-grid>div+div{border-left:1px solid var(--line);padding-left:40px}.type-grid .type-specimen{font-size:64px;letter-spacing:-3px;line-height:1.08;margin:30px 0}.type-grid .mono-specimen{font-family:'IBM Plex Mono',monospace;font-size:30px;line-height:1.5;letter-spacing:-1px;margin:28px 0 36px}.type-grid p:last-child{font-size:14px;line-height:1.65;color:#5b6256;max-width:350px}.applications{margin:0 4%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.applications>div{position:relative}.shop-sign,.card-display{min-height:345px;display:grid;place-items:center;padding:80px 40px 40px}.shop-sign{background:var(--ink);color:var(--paper)}.shop-sign>div{width:100%;max-width:490px;text-align:center}.sign-subtitle{display:block;color:var(--stone);font-size:9px;letter-spacing:3px;margin-top:34px}.card-display{background:#e3e5dc}.rider-card{padding:28px;background:var(--paper);width:100%;max-width:360px;box-shadow:0 10px 25px #171a1710}.rider-card>img{width:100%;max-width:265px}.card-rule{border-bottom:1px solid var(--line);margin:30px 0 20px}.rider-card p{font-size:22px;letter-spacing:-.5px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.card-bottom .meta{font-size:8px}.signal-square{width:20px;height:20px;background:var(--signal)}.decal-display{grid-column:1/-1;min-height:220px;background:#d9ddd3;display:grid;place-items:center;padding:70px 35px 40px;overflow:hidden}.frame-surface{width:min(770px,90%);padding:28px 62px;background:linear-gradient(180deg,#2b302b,#171a17);border-radius:10px;display:flex;align-items:center;gap:40px;transform:rotate(-5deg)}.frame-surface img{width:min(78%,420px)}.decal-accent{display:block;flex-shrink:0;width:45px;height:45px;background:var(--signal);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%);margin-left:auto}.assets{padding:78px 4% 45px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.asset-grid article{padding:26px 26px 26px 0}.asset-grid article+article{padding-left:26px;border-left:1px solid var(--line)}.asset-grid article:last-child{padding-right:0}.asset-preview{height:130px;display:flex;align-items:center;justify-content:center;padding:15px 10px}.asset-preview img{width:100%;max-width:290px}.asset-preview .symbol-preview{width:72px}.asset-grid p{font-size:13px;line-height:1.65;color:#5b6256;min-height:65px}.asset-links{display:flex;gap:20px;margin-top:24px;font-size:11px}.asset-links a{text-decoration:underline;text-underline-offset:5px}.asset-links a:hover{color:#4b582e}.usage{margin-top:23px;max-width:850px;font-size:12px;color:#5b6256;line-height:1.7}footer{padding:28px 4% 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}footer .meta{font-size:9px}footer p{font-size:10px;color:#5b6256}footer>a{margin-left:auto;font-size:11px;white-space:nowrap}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.intro h1{font-size:106px}.primary-mark{min-height:690px}.large-symbol{width:300px;height:300px}.alternate{min-height:335px}.alternate img{width:170px}}
@media(max-width:1000px){.showcase{grid-template-columns:1.7fr 1fr}.primary-mark{min-height:510px;padding:80px 25px 30px}.large-symbol{width:200px;height:200px}.large-wordmark{width:330px;margin-top:50px}.alternate{min-height:245px}.alternate img{width:110px}.mark-caption{font-size:7px;margin-top:35px}.shop-sign,.card-display{padding:75px 25px 30px}.type-grid .type-specimen{font-size:56px}.type-grid .mono-specimen{font-size:24px}.asset-grid p{min-height:86px}.asset-links{gap:14px}.meta{font-size:9px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}}
@media(max-width:650px){.header{height:76px;margin:0 22px;gap:15px}.header img{width:140px}.header>.meta{display:none}.back{margin-left:auto;font-size:11px;gap:13px}.intro{padding:45px 22px 35px}.intro h1{font-size:57px;max-width:370px;margin:19px 0 20px}.intro>p{font-size:16px}.desktop-break{display:none}.download{font-size:11px;margin-top:24px;padding:13px 16px}.showcase{margin:0 22px;grid-template-columns:1fr 1fr;gap:12px}.primary-mark{grid-column:1/-1;grid-row:auto;min-height:465px}.large-symbol{width:200px;height:200px}.large-wordmark{width:270px;margin-top:40px}.mark-caption{margin-top:33px}.alternate{min-height:200px;padding:65px 15px 35px}.alternate img{width:90px}.primary-mark>.meta:first-child,.alternate>.meta,.applications>div>.meta{top:17px;left:17px;font-size:8px}.system{padding:47px 22px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}h2{font-size:37px}.section-heading>.meta{text-align:left;font-size:8px}.palette{grid-template-columns:1fr 1fr}.swatch{min-height:140px;padding:18px}.swatch>span:last-child{font-size:12px}.type-grid{grid-template-columns:1fr;margin:28px 0 35px}.type-grid>div{padding:25px 0}.type-grid>div+div{padding:25px 0;border-left:0;border-top:1px solid var(--line)}.type-grid .type-specimen{font-size:56px;margin:23px 0}.type-grid .mono-specimen{font-size:27px;margin:23px 0}.type-grid p:last-child{font-size:13px}.applications{margin:0 22px;grid-template-columns:1fr;gap:12px}.shop-sign,.card-display{min-height:280px;padding:75px 25px 30px}.shop-sign>div{max-width:350px}.sign-subtitle{font-size:8px;margin-top:25px}.decal-display{min-height:200px;padding:70px 15px 40px}.frame-surface{padding:22px 24px;gap:20px;width:95%;border-radius:7px}.decal-accent{height:25px;width:25px}.assets{padding:47px 22px 30px}.asset-grid{grid-template-columns:1fr}.asset-grid article,.asset-grid article+article,.asset-grid article:last-child{padding:25px 0;border-left:0}.asset-grid article+article{border-top:1px solid var(--line)}.asset-grid p{min-height:0}.asset-preview{height:120px}.asset-links{gap:25px}.usage{font-size:11px}footer{padding:25px 22px;gap:20px}footer p{line-height:1.7}footer .meta{font-size:8px}footer>a{font-size:10px}}
html,body,*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{scroll-behavior:smooth}.download,.back,.asset-links a,footer>a{transition:color .25s ease,background-color .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}.download span,.back span{display:inline-block;transition:transform .35s cubic-bezier(.22,1,.36,1)}.download:hover span{transform:translateY(3px)}.back:hover span{transform:translate(2px,-2px)}.asset-links a:hover,footer>a:hover{transform:translateY(-2px)}.alternate img,.rider-card{transition:transform .7s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.alternate:hover img{transform:translateY(-5px)}.card-display:hover .rider-card{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.download:hover span,.back:hover span,.asset-links a:hover,footer>a:hover,.alternate:hover img,.card-display:hover .rider-card{transform:none}}