@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800;900&family=Fraunces:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&family=Source+Sans+3:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&family=Source+Serif+4:wght@300;400;500;600;700&family=Sora:wght@300;400;500;600;700;800&family=Spectral:wght@300;400;500;600;700&family=Abril+Fatface&family=Bitter:wght@300;400;500;600;700;800&family=Raleway:wght@300;400;500;600;700;800&family=Caprasimo&family=Roboto:wght@300;400;500;700&display=swap";
:root{--green-50:#f0fdf4;--green-100:#d1f4e0;--green-200:#9de9c5;--green-300:#5dd9a8;--green-400:#0bd684;--green-500:#00b86d;--green-600:#009657;--green-700:#007a47;--green-800:#005f38;--green-900:#003d24;--green-950:#001f12;--caribbean-green:var(--green-400);--mountain-meadow:var(--green-300);--bangladesh-green:var(--green-800);--dark-green:var(--green-950);--pine:var(--green-900);--basil:var(--green-700);--forest:var(--green-600);--frog:var(--green-500);--mint:var(--green-200);--pistachio:var(--green-100);--anti-flash-white:var(--green-50);--ember-50:#fff5f7;--ember-100:#ffe4e9;--ember-200:#ffc9d4;--ember-300:#ff9db0;--ember-400:#ff7e95;--ember-500:#ff5e7e;--ember-600:#e6446a;--ember-700:#c72f56;--ember-800:#a01f42;--ember-900:#6b1530;--ember-950:#3d0a1b;--stone-50:#f7f8f8;--stone-100:#e8eaea;--stone-200:#d1d5d5;--stone-300:#b0b6b6;--stone-400:#909999;--stone-500:#707d7d;--stone-600:#5a6565;--stone-700:#454e4e;--stone-800:#323939;--stone-900:#1f2525;--stone-950:#0f1313;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--primary-50:var(--green-50);--primary-100:var(--green-100);--primary-200:var(--green-200);--primary-300:var(--green-300);--primary-400:var(--green-400);--primary-500:var(--green-500);--primary-600:var(--green-600);--primary-700:var(--green-700);--primary-800:var(--green-800);--primary-900:var(--green-900);--primary-950:var(--green-950);--secondary-50:var(--ember-50);--secondary-100:var(--ember-100);--secondary-200:var(--ember-200);--secondary-300:var(--ember-300);--secondary-400:var(--ember-400);--secondary-500:var(--ember-500);--secondary-600:var(--ember-600);--secondary-700:var(--ember-700);--secondary-800:var(--ember-800);--secondary-900:var(--ember-900);--secondary-950:var(--ember-950);--neutral-50:var(--stone-50);--neutral-100:var(--stone-100);--neutral-200:var(--stone-200);--neutral-300:var(--stone-300);--neutral-400:var(--stone-400);--neutral-500:var(--stone-500);--neutral-600:var(--stone-600);--neutral-700:var(--stone-700);--neutral-800:var(--stone-800);--neutral-900:var(--stone-900);--neutral-950:var(--stone-950);--accent-50:var(--blue-50);--accent-100:var(--blue-100);--accent-200:var(--blue-200);--accent-300:var(--blue-300);--accent-400:var(--blue-400);--accent-500:var(--blue-500);--accent-600:var(--blue-600);--accent-700:var(--blue-700);--accent-800:var(--blue-800);--accent-900:var(--blue-900);--accent-950:var(--blue-950);--ember:var(--ember-500);--stone:var(--stone-500);--gray:#7a7a7a;--black:#0a0a0a;--white:#fff;--font-heading:"Space Grotesk",sans-serif;--font-body:"Space Grotesk",sans-serif;--grid-gap:24px;--row-height:120px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);font-size:14px;line-height:1.5}.grid{gap:var(--grid-gap);max-width:1200px;padding:var(--grid-gap);grid-template-columns:repeat(4,1fr);margin:0 auto;transition:margin-right .3s;display:grid}.grid.sidebar-open{margin-right:280px}.page-header{grid-column:1/-1;margin-bottom:24px;padding-top:40px}.page-header h2{letter-spacing:-.01em;color:#fff;margin:0 0 24px;font-size:28px;font-weight:700}.page-divider{background:#fff3;border-radius:2px;height:3px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--stone);margin-bottom:12px;font-size:10px;font-weight:500}.header{gap:var(--grid-gap);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-bottom:30px;padding:60px 0 40px;display:grid}.header-title{grid-column:span 2}.header-title h1{letter-spacing:-.02em;margin-bottom:8px;font-size:48px;font-weight:700;line-height:1}.header-title .version{letter-spacing:2px;text-transform:uppercase;color:var(--caribbean-green);font-size:12px;font-weight:500}.header-intro{color:#ffffffb3;grid-column:span 2;font-size:13px;line-height:1.7}.typography-section{gap:var(--grid-gap);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-bottom:30px;padding-bottom:40px;display:grid}.type-specimen{grid-column:span 2}.type-display{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:24px;font-size:120px;font-weight:700;line-height:.9}.type-alphabet{margin-bottom:24px}.type-row{margin-bottom:16px}.type-row.uppercase{font-family:var(--font-heading);letter-spacing:.02em;font-size:24px;font-weight:500}.type-row.lowercase{font-family:var(--font-heading);letter-spacing:.01em;color:#fffc;font-size:20px;font-weight:400}.type-row.digits{font-family:var(--font-heading);letter-spacing:.05em;color:var(--caribbean-green);font-size:32px;font-weight:700}.type-info{flex-direction:column;grid-column:span 2;justify-content:space-between;display:flex}.type-description{color:#ffffffb3;margin-bottom:32px;font-size:13px;line-height:1.7}.type-weights{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.weight-card{border-radius:3px;padding:20px}.weight-sample{font-family:var(--font-heading);margin-bottom:12px;font-size:36px}.weight-card:first-child{background:var(--primary-900)}.weight-card:nth-child(2){background:var(--secondary-900)}.weight-card:nth-child(3){background:var(--accent-900)}.weight-card:first-child .weight-sample{font-weight:400}.weight-card:nth-child(2) .weight-sample{font-weight:500}.weight-card:nth-child(3) .weight-sample{font-weight:700}.weight-name{letter-spacing:1px;text-transform:uppercase;font-size:10px}.weight-card:first-child .weight-name{color:var(--primary-300)}.weight-card:nth-child(2) .weight-name{color:var(--secondary-300)}.weight-card:nth-child(3) .weight-name{color:var(--accent-300)}.color-section{margin-bottom:var(--grid-gap);grid-column:1/-1}.color-section .section-label{margin-bottom:24px}.color-row{gap:var(--grid-gap);margin-bottom:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.color-row.no-gap{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0}.color-column{flex-direction:column;display:flex}.color-row.no-gap .color-card.large{height:calc(var(--row-height)*2)}.color-card{height:var(--row-height);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:relative}.color-card.large{height:calc(var(--row-height)*2 + var(--grid-gap));grid-area:span 2/span 2}.color-name{margin-bottom:8px;font-size:14px;font-weight:500}.color-values{opacity:.8;font-family:SF Mono,Monaco,monospace;font-size:10px;line-height:1.6}.color-card.light{color:var(--black)}.editorial-section{gap:var(--grid-gap);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-bottom:60px;display:grid}.card-span-1{grid-column:span 1;align-self:stretch}.card-span-2{grid-column:span 2;align-self:stretch}.card-span-3{grid-column:span 3;align-self:stretch}.card-span-4{grid-column:span 4;align-self:stretch}.card{border-radius:3px;flex-direction:column;justify-content:space-between;height:100%;min-height:240px;padding:32px;display:flex}.card.tall{min-height:360px}.card-label{letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:500}.card-title{font-family:var(--font-heading);margin-bottom:12px;font-size:20px;font-weight:500;line-height:1.3}.card-body{color:#fffc;flex:1;margin-bottom:24px;font-size:13px;line-height:1.7}.card-button{letter-spacing:.5px;border:1px solid;border-radius:3px;align-self:flex-start;padding:10px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.card-button:hover{transform:translateY(-1px)}.analytics-widget{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}.analytics-header{opacity:0;justify-content:space-between;align-items:center;margin-bottom:16px;transition:opacity .4s .1s;display:flex}.analytics-header.loaded{opacity:1}.analytics-header-label{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:500}.analytics-header-badge{letter-spacing:1px;text-transform:uppercase;background:#ffffff1a;border-radius:10px;padding:4px 8px;font-size:9px;font-weight:500}.analytics-number{opacity:0;margin-bottom:24px;font-size:72px;font-weight:700;line-height:1;transition:opacity .4s .15s}.analytics-number.loaded{opacity:1}.analytics-bars{flex:1;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.analytics-bar-column{flex-direction:column;flex:1;align-items:center;display:flex}.analytics-bar-container{align-items:flex-end;width:100%;height:120px;display:flex}.analytics-bar{border-radius:2px;width:100%;height:0;transition:height .6s}.analytics-bar.loaded{height:var(--bar-height)}.analytics-bar-label{letter-spacing:1px;text-transform:uppercase;opacity:0;margin-top:8px;font-size:9px;transition:opacity .3s}.analytics-bar-label.loaded{opacity:.6}.activity-widget{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}.activity-header{opacity:0;justify-content:space-between;align-items:center;margin-bottom:16px;transition:opacity .4s .1s;display:flex}.activity-header.loaded{opacity:1}.activity-header-label{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:500}.activity-header-badge{letter-spacing:1px;text-transform:uppercase;border-radius:10px;padding:4px 8px;font-size:9px;font-weight:500}.activity-number{opacity:0;align-items:baseline;gap:8px;margin-bottom:24px;transition:opacity .4s .15s;display:flex}.activity-number.loaded{opacity:1}.activity-number-value{font-size:72px;font-weight:700;line-height:1}.activity-number-suffix{font-size:18px;font-weight:500;line-height:1}.activity-chart-container{width:100%;height:80px;margin-bottom:8px;position:relative}.activity-chart-svg{width:100%;height:100%}.activity-line-path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);transition:stroke-dashoffset 1.2s .3s}.activity-line-path.loaded{stroke-dashoffset:0}.activity-area-path{opacity:0;transition:opacity .6s .3s}.activity-area-path.loaded{opacity:1}.activity-dot{opacity:0;border-radius:50%;width:6px;height:6px;animation:.4s forwards dotFadeIn;position:absolute;transform:translate(-50%,-50%)}@keyframes dotFadeIn{to{opacity:1}}.activity-day-labels{opacity:0;justify-content:space-between;transition:opacity .4s .8s;display:flex}.activity-day-labels.loaded{opacity:.6}.activity-day-label{letter-spacing:1px;text-transform:uppercase;font-size:9px}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#1a1a1afa;border-left:1px solid #ffffff1a;flex-direction:column;width:280px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-header h2{font-size:18px;font-weight:600}.sidebar-close{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:opacity .2s;display:flex}.sidebar-close:hover{opacity:1}.sidebar-body{flex:1;padding:24px;overflow-y:auto}.sidebar-section{margin-bottom:32px}.sidebar-section-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff80;margin-bottom:16px;font-size:10px;font-weight:500}.sidebar-color-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sidebar-color-input{cursor:pointer;border:2px solid #1a1a1a;border-radius:4px;outline:none;width:40px;height:40px}.sidebar-color-input::-webkit-color-swatch-wrapper{padding:0}.sidebar-color-input::-webkit-color-swatch{border:none;border-radius:2px}.sidebar-color-info{flex:1}.sidebar-color-name{margin-bottom:2px;font-size:13px;font-weight:500}.sidebar-color-hex{color:#ffffff80;font-family:SF Mono,Monaco,monospace;font-size:11px}.font-pairing-selector{flex-direction:column;gap:8px;display:flex}.font-pairing-option{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:12px;transition:all .2s}.font-pairing-option:hover{background:#ffffff14;border-color:#fff3}.font-pairing-option.selected{border-color:var(--primary-400);background:#ffffff26}.font-pairing-preview{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.heading-preview{color:#fff;font-size:24px;font-weight:700}.body-preview{color:#fff;opacity:.7;font-size:11px}.font-pairing-meta{flex-direction:column;gap:2px;display:flex}.font-pairing-name{color:#fff;font-size:11px;font-weight:500}.font-pairing-classification{color:#fff;opacity:.5;font-size:10px}.sidebar-footer{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding:24px;display:flex}.sidebar-export-btn{background:var(--primary-600);border:1px solid var(--primary-400);color:#fff;cursor:pointer;border-radius:4px;width:100%;padding:12px;font-size:12px;font-weight:600;transition:all .2s}.sidebar-export-btn:hover{background:var(--primary-500)}.sidebar-reset-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:12px;font-size:12px;font-weight:500;transition:all .2s}.sidebar-reset-btn:hover{background:#ffffff1a}.export-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.export-modal-content{background:#1a1a1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:80vh;display:flex}.export-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.export-modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:600}.export-modal-close{color:#fff9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;transition:color .2s;display:flex}.export-modal-close:hover{color:#fff}.export-modal-body{flex:1;padding:24px;overflow-y:auto}.export-text{color:#ccc;white-space:pre-wrap;word-wrap:break-word;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:6px;margin:0;padding:16px;font-family:Space Mono,monospace;font-size:13px;line-height:1.6}.export-modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;padding:24px;display:flex}.export-copy-btn{background:var(--primary-600);border:1px solid var(--primary-400);color:#fff;cursor:pointer;border-radius:6px;padding:12px 24px;font-size:13px;font-weight:600;transition:all .2s}.export-copy-btn:hover{background:var(--primary-500)}.gear-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:999;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px}.gear-toggle:hover{background:#ffffff26;transform:rotate(45deg)}.gear-toggle.active{background:var(--primary-600);border-color:var(--primary-400)}@media (max-width:1024px){.grid,.header,.typography-section,.editorial-section{grid-template-columns:repeat(2,1fr)}.type-display{font-size:80px}}@media (max-width:768px){.grid,.header,.typography-section,.editorial-section{grid-template-columns:1fr}.card-span-1,.card-span-2,.card-span-3,.card-span-4{grid-column:span 1}.type-display{font-size:64px}.sidebar{width:100%}.grid.sidebar-open{margin-right:0}}