@font-face{font-family:Lora;src:url(/fonts/lora-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora-latin-400-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/libre-baskerville-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/libre-baskerville-latin-700-normal.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin-600-normal.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#252b26;background:#f7f7f2;font-synthesis:none;font-weight:400;--paper: #f7f7f2;--ink: #252b26;--green: #294f3b;--muted: #62695f;--line: #dddfd5;--soft: #edeee6;--white: #fdfdf9;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:375px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{border:0}button svg,a svg{flex-shrink:0}button{font-size:13px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #587749;outline-offset:4px}::selection{background:#c9d9b7;color:#182c1f}input,textarea{accent-color:var(--green);caret-color:var(--green)}[hidden]{display:none!important}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}h1,h2{text-wrap:balance}button,a{text-underline-offset:4px}button{transition:background-color .16s,color .16s,border-color .16s}html{scroll-padding-top:24px;scrollbar-color:#b8bfb0 var(--paper)}.page-shell{max-width:1392px;padding:0 56px;margin:auto}.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}.skip-link{position:fixed;z-index:10;top:12px;left:12px;padding:14px 20px;background:var(--green);color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:600;letter-spacing:-.8px}.brand-mark{position:relative;font:34px Lora,serif;letter-spacing:-6px;line-height:1;padding-right:4px}.brand-mark>span{position:absolute;width:6px;height:6px;background:#728765;right:0;top:0}.brand-period{color:#6d805e}.header-right{display:flex;align-items:center;gap:38px}.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot,.live-dot{width:6px;height:6px;background:#6b815a;display:inline-block;border-radius:50%}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;min-height:44px;padding:0 2px}.text-button:hover{color:var(--green);text-decoration:underline}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 45px;gap:30px}.intro h1{font:400 clamp(48px,5.6vw,76px)/1.07 "Lora",serif;letter-spacing:-.04em}.intro h1 em{color:#63795d;font-weight:400}.intro-aside{padding-top:25px;width:294px}.intro-aside p{font-size:17px;line-height:1.65}.intro-aside>span{display:block;margin-top:17px;font-size:12px;color:var(--muted)}.playground{border:1px solid #d5d9cc;border-radius:12px;background:#fcfcf7;overflow:hidden;scroll-margin-top:24px}.workspace-toolbar{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px;background:#fafaf5}.workspace-label{display:flex;gap:10px;align-items:center;min-width:0}.workspace-label h2{font-size:14px;font-weight:600;white-space:nowrap}.current-name{font-size:12px;color:var(--muted);border-left:1px solid #ced3c4;padding-left:12px;margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d6dacd;background:#fcfcf7;border-radius:6px;padding:0 15px;font-size:12px;font-weight:600}.button:hover{background:#e9edde;border-color:#b0bca6}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#1b3c2a}.button kbd{font:10px DM Sans,sans-serif;background:#eff0e8;border:1px solid #d9ddcf;padding:2px 5px;margin-left:8px;border-radius:3px;color:#5b6651}.workspace-grid{display:grid;grid-template-columns:256px minmax(0,1fr)}.controls{padding:19px 22px 13px;border-right:1px solid var(--line)}.control-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;height:31px}.control-label label{font-size:12px;font-weight:600}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:5px;flex-shrink:0}.icon-button:hover{background:#e8ecdf}.lock-button{height:36px;width:36px;color:#758069;margin-right:-8px}.lock-button[aria-pressed=true]{color:var(--green);background:#e6eddf}.font-control select{width:100%;height:43px;border:1px solid #d5d9cd;border-radius:5px;background:var(--white);color:var(--ink);padding:0 34px 0 11px;font-size:13px;cursor:pointer;text-overflow:ellipsis}.font-details{display:flex;justify-content:space-between;color:#626c59;font-size:10px;padding-top:9px}.font-details span:first-child{text-transform:uppercase;letter-spacing:.07em}.font-details span:last-child{display:flex;align-items:center;gap:4px}.font-details span:last-child:before{content:"";width:4px;height:4px;border-radius:50%;background:#859478}.control-specimen{font-size:33px;line-height:1.25;margin:16px 0 15px;letter-spacing:-.03em}.range-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 0;margin:12px 0}.range-field label{font-size:11px;color:#626a5b}.range-field output{font-size:11px;font-variant-numeric:tabular-nums;color:#4c5745}.range-field input{grid-column:1/-1;width:100%;height:14px;min-height:24px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.range-field input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,#7c8f6e var(--range-fill),#dfe3d7 var(--range-fill))}.range-field input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--green);margin-top:-4px}.range-field input::-moz-range-track{height:3px;background:#dfe3d7;border-radius:2px}.range-field input::-moz-range-progress{background:#7c8f6e;height:3px}.range-field input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--green)}.body-control{padding-top:15px;margin-top:18px;border-top:1px solid var(--line)}.body-specimen{font-size:15px;line-height:1.6;margin:16px 0 15px}.reset-button{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;font-size:10px;background:transparent;color:#6b735f;margin-top:6px}.reset-button:hover{color:var(--green);background:#eef1e8}.preview-area{padding:0 22px;min-width:0;display:flex;flex-direction:column;background:#f2f3ec}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:10px}.layout-tabs{display:flex;align-items:center;gap:3px}.layout-tabs button{background:transparent;padding:0 14px;min-height:36px;border-radius:4px;color:#5d6853;font-size:11px}.layout-tabs button[aria-selected=true]{background:#fcfcf7;color:#2c3c2b;box-shadow:0 1px 3px #283f2010}.layout-tabs button:hover{color:var(--green);background:#e7ebdd}.preview-tools{display:flex;align-items:center;gap:5px;color:#6a735e}.preview-tools .icon-button{width:36px;height:36px}.tool-divider{height:14px;border-left:1px solid #d9ddce;margin:0 4px}.preview{--preview-paper: #fdfdf9;--preview-ink: #29392d;--preview-muted: #646d5a;--art-ground: #e6eadc;--art-ink: #465d3c;--preview-rule: #e5e8dc;background:var(--preview-paper);color:var(--preview-ink);border:1px solid #e1e4d8;flex:1;min-width:0;min-height:440px;overflow:hidden;border-radius:3px;container-type:inline-size}.dark-preview{--preview-paper: #253a2f;--preview-ink: #eff1df;--preview-muted: #c1cbb5;--art-ground: #40513e;--art-ink: #c6d0a9;--preview-rule: #526348;border-color:#526348}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 27px 17px;border-bottom:1px solid var(--preview-rule)}.sample-wordmark{font-family:var(--body-font);font-size:21px;font-weight:600;letter-spacing:-1px}.sample-wordmark>span{font-size:9px;vertical-align:top;line-height:2}.sample-nav-note{font-size:9px;color:var(--preview-muted)}.sample-nav-mark{display:flex;align-items:center}.sample-landing-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:26px;padding:42px 29px 38px}.sample-overline{display:block;font-size:8px;font-weight:600;letter-spacing:.12em;color:var(--preview-muted);line-height:1.6}.sample-heading{font-family:var(--heading-font);font-size:var(--heading-size);font-weight:var(--heading-weight);line-height:var(--heading-leading);letter-spacing:-.035em;overflow-wrap:anywhere;white-space:pre-line;text-wrap:balance}.sample-copy .sample-heading{margin:17px 0}.sample-body{font-family:var(--body-font);font-size:var(--body-size);line-height:var(--body-leading);color:var(--preview-muted);overflow-wrap:anywhere;white-space:pre-line;font-weight:400}.sample-cta{font:600 10px var(--body-font);border-bottom:1px solid #a3af90;padding:9px 0;display:inline-flex;align-items:center;gap:16px;margin-top:17px}.type-art{height:285px;position:relative;background:var(--art-ground);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:52% 52% 3px 3px;align-self:stretch;margin-top:4px;min-width:0}.art-letter{font-family:var(--heading-font);font-size:260px;line-height:1;color:var(--art-ink);position:relative;z-index:1;font-weight:400;transform:translateY(-5px)}.art-ellipse{position:absolute;left:50%;top:50%;width:190px;height:240px;border:1px solid #9bab88;border-radius:50%;transform:translate(-50%,-49%) rotate(-25deg)}.ellipse-two{transform:translate(-50%,-49%) rotate(15deg);width:155px;height:250px}.ellipse-three{transform:translate(-50%,-49%) rotate(48deg);width:190px;height:240px}.art-star{position:absolute;top:32px;right:17px;width:35px;height:35px;color:#b87756;z-index:2}.art-caption{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.16em;color:var(--art-ink);z-index:2}.sample-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 28px;padding:17px 0;border-top:1px solid var(--preview-rule);color:var(--preview-muted);font-size:8px;gap:14px}.sample-bottom>span:last-child{display:flex;align-items:center;gap:9px}.pair-note{display:flex;gap:11px;padding:18px 2px 17px;color:#626d59;align-items:flex-start}.pair-note p{font-size:11px;line-height:1.7;max-width:80ch}.note-asterisk{color:#698158;flex-shrink:0;margin-top:2px}.workspace-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 21px;font-size:10px;color:#5c684f;gap:15px;background:#fafaf5}.workspace-footer kbd{background:#f0f1e9;border:1px solid #d8dece;box-shadow:0 1px #d8dece;font:9px DM Sans,sans-serif;border-radius:3px;padding:1px 5px;margin-right:3px}.shortcut-separator{padding:0 10px;color:#a6af9a}.collection{padding:51px 0 46px}.collection-heading{display:flex;justify-content:space-between;align-items:center}.collection-heading h2{font:400 29px/1.3 Lora,serif;letter-spacing:-.03em;display:flex;align-items:center;gap:13px}.count-badge{font:10px DM Sans,sans-serif;padding:4px 6px;background:#e8ecdf;border-radius:4px;letter-spacing:0;color:#506443;align-self:center}.collection-heading p{font-size:12px;color:var(--muted);margin-top:10px}.collection-caption{font-size:9px;color:#6a755e;letter-spacing:.12em;margin-top:6px}.collection-filters{display:flex;gap:4px;margin:25px 0;padding-bottom:13px;border-bottom:1px solid var(--line);align-items:center}.collection-filters button{padding:0 14px;min-height:36px;display:flex;align-items:center;gap:7px;background:transparent;border-radius:4px;font-size:11px;color:#5e6a51;white-space:nowrap}.collection-filters button span{font-size:9px;opacity:1}.collection-filters button[aria-pressed=true]{background:#e7ecdf;color:#314b2f}.collection-filters button:hover{background:#ecefe4}.collection-filters .saved-filter{margin-left:auto}.pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.pair-card{min-width:0}.pair-swatch{position:relative;border-radius:6px;overflow:hidden;color:#344631;border:1px solid transparent}.pair-choose{width:100%;display:flex;flex-direction:column;align-items:flex-start;min-height:231px;padding:26px 26px 18px;background:transparent;text-align:left;position:relative}.pair-choose:hover{background:#ffffff28}.pair-choose:focus-visible{outline-offset:-5px}.swatch-title{display:block;font-size:37px;line-height:1.15;letter-spacing:-.035em}.swatch-body{display:block;font-size:11px;margin-top:15px;opacity:1}.use-pair{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:400;margin-top:auto;padding-top:20px}.is-selected .pair-swatch{border-color:#738b62}.is-selected .use-pair{font-weight:600}.save-button{position:absolute;right:9px;top:8px;color:inherit}.save-button:hover{background:#ffffff50}.save-button.is-saved svg{fill:currentColor}.sage{background:#e9eddf;color:#43563b}.lilac{background:#e9e6ee;color:#5b4e6e}.peach{background:#f0e4d9;color:#79553d}.butter{background:#f0edda;color:#746534}.blue{background:#e1e8eb;color:#3e5966}.rose{background:#eee2e0;color:#76544e}.sand{background:#eae6d9;color:#615d3b}.mint{background:#dfeae1;color:#3b6151}.pair-card-info{padding:17px 1px 0}.pair-font-names{display:flex;align-items:center;gap:9px;justify-content:space-between}.pair-font-names h3{font-size:12px;font-weight:600;line-height:1.6}.pair-font-names h3>span{font-size:11px;font-weight:400;color:#657155}.pair-type{font-size:8px;color:#5d6b51;background:#ecefe5;padding:3px 5px;border-radius:3px;white-space:nowrap}.pair-title{font-size:11px;color:#56654d;margin-top:8px}.pair-description{font-size:11px;line-height:1.7;color:#626c59;margin-top:5px;max-width:48ch}.pair-tag{display:block;font-size:9px;color:#626f53;margin-top:12px}.site-footer{border-top:1px solid var(--line);padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#5d6d50}.footer-brand{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.5px}.footer-brand>span{color:#83946e}.site-footer p{font:italic 13px Lora,serif;color:#62704f}.site-footer .text-button{font-size:10px}.empty-saved{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:#6a785e;padding:30px;text-align:center}.empty-saved h3{font:24px Lora,serif;margin:15px 0 10px;color:var(--ink)}.empty-saved p{font-size:13px;margin-bottom:20px}.blog-sample{max-width:690px;margin:auto;padding:24px 38px 28px}.sample-publication{font:600 17px var(--heading-font);border-bottom:1px solid var(--preview-rule);padding-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.sample-publication>span{font:7px DM Sans,sans-serif;letter-spacing:.12em;color:var(--preview-muted)}.blog-meta{display:flex;justify-content:space-between;font-size:8px;margin:24px 0 16px;color:var(--preview-muted)}.blog-sample .sample-heading{max-width:14ch;margin-bottom:18px}.blog-deck{max-width:60ch}.author-row{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:9px}.author-avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:var(--art-ground);color:var(--art-ink);font:18px var(--heading-font)}.author-row>span:last-child>span{display:block;font-size:8px;margin-top:4px;color:var(--preview-muted)}.blog-divider{border-top:1px solid var(--preview-rule);margin:20px 0}.blog-paragraph{max-width:65ch}.card-stage{padding:30px 25px;display:flex;flex-direction:column;align-items:center;background:var(--art-ground);min-height:100%}.sample-card{background:var(--preview-paper);max-width:600px;width:100%;display:grid;grid-template-columns:.85fr 1.15fr;border-radius:5px;overflow:hidden;min-height:360px}.card-art{position:relative;display:flex;align-items:center;justify-content:center;background:#dbb19a;color:#634b39;overflow:hidden}.dark-preview .card-art{background:#8e6650;color:#fae0bf}.card-art-circle{position:absolute;width:220px;height:220px;border:1px solid currentColor;border-radius:50%;transform:translate(-20px,-20px)}.card-art-circle:after{content:"";position:absolute;inset:12px;border:1px solid currentColor;border-radius:50%}.card-art-letter{position:relative;font-family:var(--heading-font);font-size:130px;font-weight:400;letter-spacing:-.1em;transform:rotate(-12deg);padding-right:12px}.card-art-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.1em}.sample-card-content{padding:28px}.sample-card-content .sample-heading{margin:18px 0;font-size:calc(var(--heading-size) * .7)}.sample-card-content .sample-body{font-size:var(--body-size)}.sample-link{display:flex;gap:10px;align-items:center;font:600 10px var(--body-font);margin-top:20px}.card-stage-caption{font-size:7px;color:var(--art-ink);letter-spacing:.12em;margin-top:20px}.text-editor{margin-bottom:18px;padding:16px 18px 18px;border:1px solid #d7ddcb;border-radius:5px;background:#fafbf6}.editor-title{display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.editor-title strong{font-size:13px}.text-editor label{display:flex;justify-content:space-between;font-size:11px;margin:8px 0}.text-editor label span{font-size:9px;color:var(--muted)}.text-editor textarea{resize:vertical;width:100%;padding:9px 11px;border:1px solid #d5dbcb;border-radius:4px;font-size:12px;line-height:1.6;background:#fffffb;color:var(--ink)}.text-editor .text-button{font-size:10px;margin-bottom:-8px}.sheet{position:fixed;inset:0 0 0 auto;margin:0;width:min(540px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);padding:26px 35px 35px;background:var(--paper);color:var(--ink);overflow-y:auto}.sheet::backdrop{background:#15251466;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet[open]{animation:sheet-enter .25s cubic-bezier(.16,1,.3,1)}@keyframes sheet-enter{0%{transform:translate(35px);opacity:.6}to{transform:translate(0);opacity:1}}.sheet-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:35px}.sheet-brand{font-size:16px;font-weight:600;letter-spacing:-.5px}.sheet h2{font:37px/1.2 Lora,serif;letter-spacing:-.035em}.sheet h2 em{color:#63795d}.sheet-intro{font-size:13px;line-height:1.8;color:var(--muted);margin-top:16px}.about-lines{margin-top:30px}.about-lines p{font-size:14px;line-height:1.9;margin:18px 0}.help-block{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.help-block h3,.download-fonts h3{font-size:14px;font-weight:600}.help-block p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:15px}.help-block kbd{background:var(--soft);border:1px solid var(--line);border-radius:3px;font:10px DM Sans,sans-serif;padding:2px 5px}.license-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:35px}.export-code-label{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.export-code-label label{font-size:9px;letter-spacing:.09em;color:var(--muted)}.css-code{display:block;width:100%;height:335px;resize:vertical;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;border:1px solid #d4dbcc;padding:15px;border-radius:5px;color:#345036;background:#edf0e5;white-space:pre;overflow:auto}.download-fonts{margin:25px 0 18px}.download-fonts p,.system-note{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 15px}.font-download-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.font-download-row a{display:flex;align-items:center;gap:9px;font-size:10px;min-height:44px;min-width:0}.font-download-row a:hover{text-decoration:underline}.font-download-row a span{overflow-wrap:anywhere}.font-download-row .license-link{font-size:9px;color:var(--muted);flex-shrink:0}.download-css{margin-top:10px;width:100%}.toast{position:fixed;z-index:5;left:50%;bottom:25px;transform:translate(-50%,15px);background:#263d2e;color:#fcfcf4;padding:14px 22px;border-radius:6px;font-size:12px;box-shadow:0 5px 25px #13280e20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%)}@container (max-width:650px){.sample-landing-grid{padding:30px 23px;gap:20px;grid-template-columns:1.2fr .8fr}.sample-copy .sample-heading{font-size:calc(var(--heading-size) * .82)}.type-art{height:260px}.art-letter{font-size:220px}.sample-body{font-size:calc(var(--body-size) * .9)}.sample-nav-note{font-size:8px}.sample-card{grid-template-columns:.75fr 1.25fr}.sample-card-content{padding:23px}.sample-card-content .sample-heading{font-size:calc(var(--heading-size) * .63)}.card-art-letter{font-size:110px}}@container (max-width:440px){.sample-nav{padding:17px 20px}.sample-nav-note{display:none}.sample-landing-grid{padding:26px 20px 23px;grid-template-columns:1fr .5fr;gap:15px}.sample-overline{font-size:7px}.sample-copy .sample-heading{font-size:calc(var(--heading-size) * .67);margin:14px 0}.sample-body{font-size:calc(var(--body-size) * .88)}.type-art{height:225px;border-radius:70px 70px 3px 3px;align-self:center}.art-letter{font-size:165px}.art-ellipse{width:130px;height:190px}.ellipse-two{width:110px;height:190px}.ellipse-three{width:130px;height:190px}.art-star{width:23px;right:6px;top:24px}.art-caption{font-size:4px;letter-spacing:.04em;bottom:18px}.sample-cta{font-size:8px;gap:8px;margin-top:12px}.sample-bottom{margin:0 20px;font-size:7px}.sample-bottom>span:last-child{gap:4px}.blog-sample{padding:23px}.sample-publication{font-size:15px}.sample-publication>span{display:none}.blog-sample .sample-heading{font-size:calc(var(--heading-size) * .72)}.card-stage{padding:25px 20px}.sample-card{grid-template-columns:1fr;max-width:300px}.card-art{min-height:160px}.card-art-letter{font-size:130px}.card-art-caption{bottom:12px}.sample-card-content{padding:23px}.sample-card-content .sample-heading{font-size:calc(var(--heading-size) * .63)}.card-art-circle{width:160px;height:160px}.sample-link{font-size:9px}}@media(min-width:1600px){.page-shell{max-width:1460px}.intro{padding-top:52px;padding-bottom:52px}.preview{min-height:500px}.sample-landing-grid{padding-top:48px;padding-bottom:48px}.type-art{height:320px}}@media(max-width:1100px){.page-shell{padding:0 32px}.current-name{display:none}.workspace-grid{grid-template-columns:233px minmax(0,1fr)}.controls{padding-right:18px;padding-left:18px}.preview-area{padding:0 16px}.intro-aside{width:250px}.pair-grid{gap:30px 20px}.swatch-title{font-size:30px}.pair-choose{padding:25px 21px 18px}.pair-font-names{align-items:flex-start;flex-direction:column;gap:3px}.pair-type{display:none}}@media(max-width:800px){.page-shell{padding:0 24px}.header-note{display:none}.site-header{height:78px}.intro{padding:35px 0}.intro h1{font-size:55px}.intro-aside{width:210px;padding-top:8px}.intro-aside p{font-size:14px}.intro-aside>span{font-size:10px;line-height:1.6}.workspace-grid{grid-template-columns:210px minmax(0,1fr)}.controls{padding:14px}.workspace-toolbar{padding:13px 16px}.workspace-label h2{font-size:12px}.button{padding:0 11px}.button kbd{display:none}.workspace-actions{gap:8px}.collection-caption{display:none}.collection-heading h2{font-size:27px}.collection-filters button{padding:0 11px;font-size:10px}.pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.swatch-title{font-size:34px}.workspace-footer{padding:11px 15px}.workspace-footer>span:last-child{display:none}.site-footer p{display:none}}@media(max-width:620px){.page-shell{padding:0 20px}.site-header{height:74px}.brand{font-size:21px;gap:10px}.brand-mark{font-size:31px}.header-right{gap:0}.intro{padding:32px 0 30px;display:block}.intro h1{font-size:52px}.intro-aside{padding:0;margin-top:20px;width:auto;display:flex;align-items:flex-end;gap:25px;justify-content:space-between}.intro-aside p{font-size:12px;line-height:1.7}.intro-aside>span{font-size:9px;max-width:100px;margin:0;text-align:right;line-height:1.8}.desktop-break{display:none}.workspace-toolbar{flex-wrap:wrap;row-gap:12px;padding:14px}.workspace-label{gap:7px}.workspace-label h2{font-size:12px}.workspace-actions{gap:7px}.workspace-actions .button{font-size:10px;padding:0 9px;gap:6px}.workspace-actions .button svg{width:15px;height:15px}.workspace-grid{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 19px;border-right:0;border-bottom:1px solid var(--line);padding:12px 16px 0}.font-control{min-width:0}.body-control{border:0;border-left:1px solid var(--line);padding:0 0 0 18px;margin:0 0 0 -1px}.control-label label{font-size:11px}.font-control select{font-size:11px;padding-left:8px;padding-right:16px;height:42px}.font-details{font-size:8px;gap:6px}.font-details span:last-child{gap:3px}.control-specimen{font-size:28px;margin:14px 0 13px;height:43px;display:flex;align-items:center}.body-specimen{font-size:12px;line-height:1.5;height:43px;display:flex;align-items:center;margin:14px 0 13px}.range-field{margin:10px 0 5px;gap:1px}.range-field label,.range-field output{font-size:10px}.range-field input{min-height:30px}.range-field input::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px}.range-field input::-moz-range-thumb{width:13px;height:13px}.reset-button{grid-column:1/-1;min-height:37px;margin:4px 0 0;font-size:9px}.preview-area{padding:0 12px}.preview-toolbar{min-height:55px}.layout-tabs button{font-size:10px;padding:0 13px;min-height:40px}.preview-tools{gap:0}.preview-tools .icon-button{width:38px;height:40px}.tool-divider{margin:0 1px}.preview{min-height:350px}.pair-note{padding:13px 1px}.pair-note p{font-size:10px;line-height:1.7}.note-asterisk{font-size:16px}.workspace-footer{font-size:9px;padding:12px 14px}.footer-shortcut,.shortcut-separator{display:none}.collection{padding:33px 0}.collection-heading h2{font-size:25px;gap:8px}.count-badge{font-size:8px;padding:3px 5px}.collection-heading p{font-size:11px;margin-top:8px}.collection-filters{gap:2px;flex-wrap:wrap;margin:19px 0;padding-bottom:10px;row-gap:3px}.collection-filters button{min-height:40px;font-size:10px;padding:0 8px}.collection-filters .saved-filter{margin-left:0}.pair-grid{gap:26px 15px}.pair-choose{padding:22px 14px 15px;min-height:195px}.swatch-title{font-size:27px}.swatch-body{font-size:8px;margin-top:12px}.use-pair{font-size:8px;padding-top:16px}.save-button{width:32px;height:40px;right:2px;top:2px}.save-button svg{width:14px;height:14px}.pair-font-names h3{font-size:10px;line-height:1.7}.pair-font-names h3 span{font-size:9px}.pair-card-info{padding-top:11px}.pair-title{font-size:10px;margin-top:6px}.pair-description{font-size:10px;line-height:1.7;margin-top:5px}.pair-tag{font-size:8px;margin-top:9px}.site-footer{gap:8px;padding:16px 0}.site-footer .text-button{font-size:9px;gap:4px}.footer-brand{font-size:14px}.sheet{padding:19px 23px 30px}.sheet h2{font-size:35px}.sheet-top{margin-bottom:30px}.toast{bottom:18px;padding:12px 16px;font-size:11px}.text-editor{padding:13px}.text-editor label span{font-size:8px}.font-download-row a{font-size:9px}.sample-nav-mark svg{width:18px}}@media(max-width:390px){.page-shell{padding:0 16px}.intro h1{font-size:48px}.workspace-toolbar{padding:12px}.workspace-actions .button{padding:0 8px;font-size:9px}.workspace-actions{gap:5px}.workspace-label h2{font-size:11px}.workspace-label{gap:5px}.swatch-title{font-size:25px}.pair-choose{padding:23px 12px 14px;min-height:183px}.collection-filters button{font-size:9px;padding:0 7px}.collection-filters{gap:1px}.controls{gap:0 15px;padding-left:13px;padding-right:13px}.body-control{padding-left:14px}.font-details{font-size:7px}.pair-description{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:620px){.control-specimen,.body-specimen{display:none}.font-details{font-size:9px;flex-wrap:wrap;row-gap:5px;padding-bottom:7px}.collection-filters button,.swatch-body{font-size:10px}.pair-description{font-size:11px}.pair-tag{font-size:9px}.save-button{width:44px;height:44px}}@media(pointer:coarse){.control-label{height:44px}.lock-button{width:44px;height:44px}.font-control select{height:44px}.range-field input,.reset-button{min-height:44px}.layout-tabs button,.collection-filters button{min-width:44px;min-height:44px}.preview-tools .icon-button{width:44px;height:44px}.preview-tools{gap:0}.preview-tools .tool-divider{display:none}.save-button{width:44px;height:44px}}