:root{--paper:#eeece4;--ink:#20211e;--blue:#213fec;--yellow:#e9ff60;--line:#c5c4bb;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,sans-serif}button,input,textarea{font:inherit}a{color:inherit}button,a,input,summary,textarea{touch-action:manipulation}a{text-decoration:none}button,summary{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f25733;outline-offset:4px}.topline{padding:10px 4%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:1px}.topline span span{color:var(--yellow);padding:0 12px}header{display:flex;align-items:center;justify-content:space-between;margin:0 4%;height:105px;border-bottom:1px solid var(--ink)}.brand img{display:block;width:155px;height:auto}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 21px;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:13px;font-weight:600;background:var(--yellow);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button.small{padding:11px 16px}.button.blue{background:var(--blue);color:white}.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:30px;padding:66px 4% 68px;overflow:hidden}.eyebrow,.micro{font:10px/1.6 var(--mono);letter-spacing:1px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--blue);margin-right:8px;border-radius:50%}h1{font-size:clamp(52px,5.8vw,91px);font-weight:600;letter-spacing:-5px;line-height:.98;margin:28px 0}h2{font-size:clamp(40px,4vw,60px);letter-spacing:-2.6px;line-height:1.02;font-weight:500;margin:18px 0 24px}.intro{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:25px 0 18px}.hero-description{max-width:350px;font-size:14px;line-height:1.65;color:#55564e}.actions{display:flex;gap:22px;align-items:center;margin:29px 0 24px}.text-link{font-size:12px}.micro{font-size:9px;color:#5d5d52}.desktop{position:relative;min-width:0;margin-top:5px;background-color:#d4d5ca;background-image:radial-gradient(#a2a397 .7px,transparent .7px);background-size:5px 5px;border:1px solid #b5b6aa;min-height:500px}.desktop-label{font:9px var(--mono);position:absolute;top:17px;left:20px;letter-spacing:1px}.desktop-icon{position:absolute;top:40px;right:24px;display:grid;text-align:center;gap:5px;font:10px var(--mono)}.desktop-icon>span:first-child{font-size:33px;color:var(--blue)}.app-window{position:relative;margin:112px -10px 0 -22px;border:2px solid var(--ink);background:#eae9e2;box-shadow:8px 8px 0 #20211e33;transform:rotate(-2deg)}.titlebar{display:flex;align-items:center;gap:9px;background:var(--blue);color:white;padding:10px 12px;font:11px var(--mono)}.window-controls{margin-left:auto;letter-spacing:5px}.app-toolbar{display:flex;gap:20px;padding:8px 12px;border-bottom:1px solid #aead9f;font:10px var(--mono)}.demo-label{margin-left:auto;font-size:8px;color:#626255;align-self:center}.app-body{display:grid;grid-template-columns:135px 1fr;min-height:248px}.app-sidebar{padding:12px 7px;border-right:1px solid #b9b9ad;font:10px var(--mono);position:relative}.app-sidebar p{font-size:8px;padding:0 7px;color:#6d6d60;margin:8px 0}.folder{display:flex;width:100%;gap:6px;border:0;padding:8px 6px;background:transparent;text-align:left;font:10px var(--mono)}.folder span{margin-left:auto}.folder.active{background:var(--blue);color:white}.sidebar-note{padding:22px 7px 5px;font-size:9px;line-height:1.5;color:#68685c}.app-fonts{min-width:0;background:#f8f7f1}.preview-toolbar{display:flex;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #c8c7bd;font:9px var(--mono)}.preview-toolbar input{width:100%;min-width:0;border:1px solid #b8b7ac;padding:5px;background:white;font:10px var(--mono)}.demo-row{padding:11px 13px;border-bottom:1px solid #d4d3c8}.demo-row-head{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono)}.switch{width:27px;height:15px;border:1px solid #77796a;border-radius:10px;background:#cecec3;padding:2px}.switch:before{content:'';display:block;width:9px;height:9px;background:white;border-radius:50%;box-shadow:0 0 0 1px #0002}.switch[aria-checked=true]{background:var(--blue);border-color:var(--blue)}.switch[aria-checked=true]:before{margin-left:auto}.demo-sample{font-size:30px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-status{display:flex;justify-content:space-between;font:8px var(--mono);padding:8px;border-top:1px solid #aead9f}.sticker{position:absolute;top:25px;left:22px;display:flex;gap:8px;align-items:center;background:var(--yellow);border:1px solid var(--ink);padding:10px 15px;transform:rotate(-11deg);font:bold 40px Georgia,serif;box-shadow:3px 3px 0 var(--ink)}.sticker span{font:bold 8px/1.5 var(--mono)}.desktop-note{position:relative;margin:27px 0 18px 47%;font:italic 22px/1.05 Georgia,serif;transform:rotate(-5deg)}.desktop-note>span:not(.note-arrow){background:var(--yellow)}.note-arrow{position:absolute;font-size:45px;top:-12px;left:-58px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:22px;overflow:hidden;padding:22px 3%;border-block:1px solid var(--ink);background:var(--yellow);font-size:clamp(18px,2.3vw,35px);font-weight:600;letter-spacing:-1px;white-space:nowrap}.ticker i{font-style:normal;font-size:32px}.section{padding:78px 4%}.section-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:start;gap:25px}.section-heading h2{margin-top:0}.section-heading>p:last-child,.library-heading>p{font-size:14px;line-height:1.65;color:#58594f}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.features article{border-top:1px solid var(--ink);padding-top:24px;position:relative}.feature-icon{display:block;height:60px;font:bold 44px Georgia,serif;color:var(--blue)}.feature-number{position:absolute;top:30px;right:0;font:10px var(--mono);color:#666}.features h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.features p{font-size:14px;line-height:1.6;max-width:300px;color:#5a5a51}.roadmap{margin:28px 0 0}.library{border-block:1px solid var(--ink);background:#dfdfd6}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.library-heading h2{margin-bottom:32px}.library-heading>p{margin-bottom:36px}.library-tools{border-block:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;font:11px var(--mono)}.library-tab span{background:var(--ink);color:white;padding:4px 6px;margin-left:12px}.search-label{display:flex;gap:10px;align-items:center}.search-label input{background:var(--paper);border:1px solid #999b8c;padding:8px;font:11px var(--mono);width:190px}.library-empty{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px 7% 44px;gap:50px}.empty-art{display:flex;align-items:center;justify-content:center;isolation:isolate}.empty-art span{font:130px Georgia,serif;display:inline-grid;place-items:center;width:145px;height:170px;background:#eeeae0;border:1px solid var(--ink);transform:rotate(-12deg);box-shadow:3px 3px 0 #20211e}.empty-art span:nth-child(2){background:var(--blue);color:var(--yellow);transform:rotate(7deg);margin-left:-35px}.empty-art span:nth-child(3){background:var(--yellow);font-size:95px;transform:rotate(16deg);margin-left:-35px}.library-empty h3{font:36px Georgia,serif;letter-spacing:-1px;margin:15px 0}.library-empty p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:370px;color:#55574a}.outlined-label{display:inline-block;border:1px solid currentColor;padding:6px 8px;font:9px var(--mono);letter-spacing:.5px;margin-top:14px}.try-local{border-block:1px solid #a6a899}.try-local summary{padding:20px 0;font-size:13px;list-style:none}.try-local summary span{float:right}.local-content{padding-bottom:24px}.local-content p{font-size:13px;line-height:1.5;max-width:600px}.file-button{position:relative;cursor:pointer;margin:10px 0}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.local-content>label:not(.button){display:block;font:11px var(--mono);margin:15px 0 8px}#local-preview{width:100%;padding:22px;border:1px solid #aaa;background:var(--paper);font:48px Georgia,serif;resize:vertical}.size-control{display:flex!important;align-items:center;gap:12px}.download{background:var(--blue);color:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px}.download h2{font-size:clamp(44px,5vw,76px)}.download p:not(.eyebrow){font-size:14px;line-height:1.6}.download-panel{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--paper);color:var(--ink)}.download-panel .titlebar{background:var(--ink);justify-content:space-between}.download-inner{padding:14px 25px 24px}.download-inner .outlined-label{margin-bottom:23px}.download-inner button{display:flex;align-items:center;text-align:left;width:100%;padding:17px 12px;margin:0 0 12px;border:1px solid #b2b2a7;background:#deded4;color:#53564b;font-size:14px;opacity:1}.download-inner small{margin-left:auto;font:9px var(--mono)}.download-inner p{font:10px/1.5 var(--mono)!important;color:#666}.about{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:58px}.about-star{font-size:90px;color:var(--blue)}.about>p{font-size:25px;line-height:1.35;letter-spacing:-.5px}.about strong{font-weight:500}.about .eyebrow{line-height:1.8}footer{margin:0 4%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);gap:20px;font:10px var(--mono)}footer img{object-fit:contain}.font-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.font-card{padding:25px;border:1px solid var(--ink);background:var(--paper);margin-top:20px}.font-card h3{font-size:21px}.font-card .catalog-preview{font-size:48px;overflow-wrap:anywhere}.font-card p{font:11px var(--mono)}.font-card a{text-decoration:underline}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1600px;margin:auto;border-inline:1px solid var(--line)}}@media(max-width:1050px){h1{letter-spacing:-3px}.hero{gap:22px;grid-template-columns:1fr 1fr}.actions{align-items:start;flex-direction:column;gap:20px}.app-body{grid-template-columns:105px 1fr}.app-sidebar{padding-inline:3px}.folder{font-size:9px}.demo-sample{font-size:24px}.app-window{margin-left:-12px;margin-right:-5px}.demo-label{display:none}.library-empty{padding-inline:1%;gap:30px}.empty-art span{width:115px;height:145px;font-size:110px}.empty-art span:nth-child(3){font-size:75px}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>p:last-child{grid-column:2}}@media(max-width:720px){.topline{font-size:8px;letter-spacing:0}.topline>span:last-child{display:none}header{height:83px;gap:20px;flex-wrap:wrap}.brand img{width:115px}nav{gap:15px;font-size:12px}header>.button{display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:36px}h1{font-size:64px;letter-spacing:-3.5px}.intro{font-size:22px}.hero-description{max-width:410px}.actions{flex-direction:row;align-items:center;gap:20px}.button{gap:12px;font-size:11px}.desktop{margin:0 10px;min-height:440px}.app-window{margin-top:100px}.app-body{grid-template-columns:105px 1fr}.desktop-note{margin-top:25px}.demo-sample{font-size:27px}.ticker{justify-content:start;gap:22px;font-size:22px;padding:15px}.ticker i{font-size:24px}.section{padding:45px 5%}.section-heading{display:block}.section-heading h2{margin-top:20px}.features{grid-template-columns:1fr;gap:20px}.features article{padding-left:65px}.feature-icon{position:absolute;left:0;top:25px;font-size:35px}.features h3{padding-right:40px}.features p{max-width:none}.library-heading{display:block}.library-heading>p{margin-bottom:24px}.library-empty{grid-template-columns:1fr;gap:35px;padding:40px 0}.empty-art span{width:125px;height:150px}.library-empty>div:last-child{text-align:center}.library-empty p:not(.eyebrow){margin-inline:auto}.search-label{font-size:0;gap:0}.search-label input{width:150px}.download{grid-template-columns:1fr;gap:25px}.download-inner{padding-inline:16px}.about{flex-wrap:wrap;gap:15px}.about-star{font-size:60px}.about>p{font-size:20px}.about .eyebrow{width:100%}footer{flex-wrap:wrap;line-height:1.5}footer span{order:3;width:100%}.font-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Workflow playground: functional prototype, pending the visual redesign. */
.workflow-demo{margin-top:40px;border:1px solid var(--ink);background:#f8f7f1;box-shadow:5px 5px 0 #20211e}.workflow-demo>.titlebar{justify-content:space-between}.workflow-intro{padding:22px 25px;border-bottom:1px solid var(--line)}.workflow-intro h3{margin:0 0 10px;font-size:23px;font-weight:500}.workflow-intro p{margin:0;max-width:850px;font-size:13px;line-height:1.6;color:#555}.workflow-layout{display:grid;grid-template-columns:280px 1fr}.source-panel{padding:22px;background:#e7e7de;border-right:1px solid var(--line)}.workflow-demo h4{font-size:14px;margin:0 0 20px}.source-card{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:17px}.source-card strong{display:block;font:11px/1.5 var(--mono);overflow-wrap:anywhere}.source-state{display:block;font:10px var(--mono);margin:10px 0}.workflow-demo button{border:1px solid #909285;background:var(--paper);padding:8px 10px;font:11px var(--mono)}.workflow-demo button:hover:not(:disabled){background:var(--yellow)}.workflow-demo button:disabled{opacity:.5}.source-card button{margin:4px 4px 0 0}.workflow-demo label{font:10px/1.5 var(--mono)}.workflow-demo input:not([type=checkbox]),.workflow-demo select{display:block;min-width:0;width:100%;padding:9px;border:1px solid #a0a294;background:white;margin-top:5px;font:12px var(--mono)}#source-form button{margin-top:10px}.workflow-note{font:10px/1.6 var(--mono);color:#626558}.source-panel>.workflow-note{margin-top:18px}.workflow-main{padding:22px;min-width:0}.workflow-filters{display:flex;align-items:end;gap:12px}.workflow-filters label{flex:1;min-width:0}.workflow-filters button{min-height:35px}.workflow-font{padding:18px 0;border-top:1px solid var(--line)}.workflow-font-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.font-pick{display:flex;align-items:center;gap:10px;font-size:15px!important}.font-pick input{width:16px;height:16px;accent-color:var(--blue)}.font-source{font:10px var(--mono);color:#606255;overflow-wrap:anywhere;margin:9px 0 16px 29px}.tag-form{display:flex;gap:12px;align-items:end}.tag-form label{flex:1;min-width:0}.tag-form button{min-height:35px}.collection-panel{padding:22px;border-top:1px solid var(--ink);background:var(--yellow);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.collection-panel h4{margin:0 0 8px}.collection-panel h4 span{font:10px var(--mono);margin-left:10px}.collection-panel p{margin:0;font-size:12px}.collection-panel>label{flex:1;min-width:180px}.collection-panel button{min-height:36px}.workflow-status{margin:0;padding:17px 22px;border-top:1px solid var(--line);font:11px/1.6 var(--mono)}.export-details{padding:0 22px 20px;font:12px var(--mono)}.export-details pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--paper)}@media(max-width:850px){.workflow-layout{grid-template-columns:1fr}.source-panel{border-right:0;border-bottom:1px solid var(--line)}#source-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workflow-filters{flex-wrap:wrap}.workflow-filters label{min-width:140px}}@media(max-width:480px){#source-list{grid-template-columns:1fr}.tag-form{flex-wrap:wrap}.tag-form label{min-width:110px}.workflow-main,.source-panel,.workflow-intro{padding:16px}.workflow-font-heading>.workflow-note{display:none}.workflow-demo>.titlebar{font-size:9px}.collection-panel{padding:16px}}
/* A loose highlighter swipe anchors the header wordmark. */
.brand{position:relative;isolation:isolate;display:inline-block}
.brand::before{content:'';position:absolute;z-index:-1;left:-9px;right:-10px;top:44%;bottom:22%;background:var(--yellow);transform:rotate(-4deg);clip-path:polygon(2% 12%,97% 0,100% 22%,98% 84%,3% 100%,0 76%,2% 52%,0 32%)}

/* Supplied desktop application preview. */
.product-preview{margin:0;min-width:0;align-self:center;padding:25px;background:#dcded1;border:1px solid #b5b6aa}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:25px}.preview-heading .outlined-label{margin:0;font-size:8px}.preview-heading .eyebrow{font-size:9px}.product-preview-button{display:block;position:relative;width:100%;padding:0;border:1px solid #979b89;background:#f7f6f1;box-shadow:6px 6px 0 #20211e26;text-align:left;transition:transform .15s}.product-preview-button:hover{transform:translateY(-3px)}.product-preview-button img{display:block;width:100%;height:auto}.preview-expand{display:block;border-top:1px solid #a6a899;padding:13px 15px;background:var(--yellow);font:11px var(--mono)}.product-preview figcaption{margin-top:25px;font-size:15px;line-height:1.5}.product-preview figcaption span{font:10px var(--mono);color:#606255}#app-preview-dialog{width:min(1400px,96vw);max-width:96vw;max-height:94vh;padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}#app-preview-dialog::backdrop{background:#20211ec9}#app-preview-dialog img{display:block;width:100%;height:auto}.preview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:var(--paper);position:sticky;top:0}.preview-dialog-header h2{font:13px var(--mono);letter-spacing:0;margin:0}.preview-dialog-header button{flex-shrink:0;padding:9px 14px;border:1px solid var(--ink);background:var(--yellow);font:12px var(--mono)}#app-preview-dialog>p{padding:0 20px;font:11px/1.5 var(--mono)}@media(max-width:720px){.product-preview{padding:16px}.preview-heading{flex-wrap:wrap;gap:8px;margin-bottom:16px}.preview-dialog-header{padding:12px}.preview-dialog-header h2{font-size:11px}}
.manager-showcase{margin:42px 0 0;padding:26px;background:#dcded1;border:1px solid #b5b6aa}.manager-showcase .product-preview-button{max-width:1100px;margin:auto}.manager-showcase figcaption{margin-top:24px;font-size:15px;line-height:1.5}.manager-showcase figcaption span{font:10px var(--mono);color:#606255}@media(max-width:720px){.manager-showcase{padding:14px}.manager-showcase .preview-heading{align-items:start}}
/* Foundry catalog. Shares the original paper, ink, blue and yellow palette. */
.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:var(--yellow);z-index:10}.skip-link:focus{top:10px}.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}.nav-soon{font:8px var(--mono);border:1px solid var(--line);padding:3px 4px;margin-left:4px;text-transform:uppercase}.foundry-hero{align-items:center;min-height:600px}.type-stack{padding:12px 20px 18px;min-width:0}.type-sheet{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px 24px;background:var(--paper);position:relative;transition:transform .2s}.type-sheet:hover{z-index:2;transform:rotate(0deg) translateY(-4px)}.sheet-0{transform:rotate(-4deg);background:var(--blue);color:var(--paper)}.sheet-1{transform:rotate(3deg);background:var(--yellow);margin-top:-5px}.sheet-2{transform:rotate(-2deg);margin-top:-5px}.sheet-label,.sheet-bottom{font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.5px}.sheet-bottom{display:flex;justify-content:space-between;gap:15px}.type-sheet>.font-sample{font-size:clamp(32px,4.4vw,67px);line-height:1.5;white-space:nowrap}.font-sample{font-synthesis:none}.font-sample:not(.font-loaded){color:#77786d}.sheet-0 .font-sample:not(.font-loaded){color:var(--paper)}.font-failed{font-family:inherit!important;font-size:24px!important}.search-empty{padding:45px 0}.manager-soon{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--blue);color:var(--paper)}.manager-soon h2{margin-bottom:0}.manager-soon>div:last-child{max-width:440px;align-self:center}.manager-soon p:not(.eyebrow){font-size:15px;line-height:1.7}.manager-soon .micro{color:var(--paper);font-size:10px!important}.manager-soon .outlined-label{background:var(--yellow);color:var(--ink);border-color:var(--ink);margin-top:0}.family-intro{padding-bottom:55px}.family-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:35px}.family-heading h1{font-size:clamp(48px,7vw,102px);overflow-wrap:anywhere;letter-spacing:normal;margin:20px 0 28px}.family-heading>div{min-width:0}.family-heading>.button{flex-shrink:0}.family-description{font-size:21px;line-height:1.6;max-width:850px;margin:0}.release-note{max-width:750px;font:12px/1.7 var(--mono);color:#55564e;margin-top:24px}.type-tester{background:#dfdfd6;border-block:1px solid var(--ink);padding-block:40px}.tester-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.tester-heading h2{font-size:32px;letter-spacing:-1px}.tester-tools{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding:20px 0;border-block:1px solid var(--line);font:11px var(--mono)}.tester-tools label{display:flex;align-items:center;gap:12px}.tester-tools select{font:12px var(--mono);padding:8px 25px 8px 10px;background:var(--paper);border:1px solid #999b8c;max-width:220px}.tester-tools input{accent-color:var(--blue);width:130px}.tester-tools output{min-width:40px}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font:11px var(--mono);padding:10px}.tester-tools .text-button{margin-left:auto}#type-preview{display:block;width:100%;max-width:100%;min-height:300px;margin-top:22px;padding:24px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:72px;line-height:1.5;resize:vertical;font-kerning:normal}.family-downloads{display:grid;grid-template-columns:1fr 1fr;gap:70px}.download-description{font-size:15px;line-height:1.7;max-width:420px}.usage-note{margin-top:30px;border-top:1px solid var(--line);padding-top:12px;max-width:420px}.usage-note h3{font:11px var(--mono)}.usage-note p{font-size:12px;line-height:1.65;color:#55564e}.style-download{padding:23px 0;border-bottom:1px solid var(--line)}.style-download:first-child{border-top:1px solid var(--ink)}.style-download h3{font-size:18px;font-weight:500;margin:0 0 18px}.style-download>div{display:flex;flex-wrap:wrap;gap:10px}.style-download a{font:11px var(--mono);border:1px solid var(--ink);padding:12px 20px}.style-download a:hover{background:var(--yellow)}.zine-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#dfdfd6;border-block:1px solid var(--ink)}.zine-cover{display:block;max-width:320px;justify-self:center;transform:rotate(-3deg);border:1px solid var(--ink);box-shadow:9px 9px 0 #20211e26}.zine-cover img{display:block;width:100%;height:auto}.zine-section>div>p{font-size:15px;line-height:1.7;max-width:430px}.zine-actions{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-block:28px}.zine-section>div>.micro{font-size:10px}.next-family{display:flex;flex-direction:column;gap:20px}.next-family>a:not(.text-link){font-size:clamp(30px,4vw,58px);letter-spacing:-1.5px;display:flex;justify-content:space-between}.next-family>a:hover{color:var(--blue)}select:focus-visible{outline:3px solid #f25733;outline-offset:4px}
@media(max-width:1050px){.type-sheet{min-height:145px}.family-heading{align-items:flex-start;flex-direction:column;gap:10px}.family-heading>.button{margin-bottom:24px}.zine-section,.family-downloads{gap:40px}}
@media(max-width:720px){.nav-soon{display:none}.foundry-hero{min-height:0;gap:32px;padding-bottom:45px}.type-stack{padding:8px 12px 14px}.type-sheet{min-height:150px}.type-sheet>.font-sample{font-size:clamp(30px,8vw,56px)}.manager-soon,.family-downloads,.zine-section{grid-template-columns:1fr;gap:30px}.manager-soon{padding-block:45px}.family-heading h1{letter-spacing:normal}.family-description{font-size:18px}.family-intro{padding-top:30px}.tester-heading{align-items:flex-start;flex-direction:column;gap:0}.tester-heading h2{margin-bottom:12px}.tester-heading>.eyebrow{margin-bottom:22px}.tester-tools{gap:18px}.tester-tools label{flex-wrap:wrap;gap:8px}.tester-tools .text-button{margin-left:0}#type-preview{padding:16px;min-height:260px}.zine-cover{max-width:240px;margin-block:15px}.family-downloads{gap:25px}.foundry-hero .actions{flex-wrap:wrap}.release-note{font-size:11px}.next-family{gap:16px}}
/* Leave each specimen sheet's footer readable between the rotated cards. */
.sheet-1,.sheet-2{margin-top:18px}

/* Specimen card palettes come from each family's required release.card fields. */
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.catalog-card{container-type:inline-size;min-width:0;background:var(--card-paper,var(--paper));color:var(--card-ink,var(--ink))}
.catalog-card[hidden]{display:none}
.catalog-card-link{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:4/3;padding:24px;width:100%;transition:box-shadow .18s}
.catalog-card-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .45s ease}
.catalog-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.catalog-card-art::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.58)}
.catalog-card-link.cover-ready.is-previewing .catalog-card-art{opacity:1}
.catalog-card-link h3{transition:color .45s ease,text-shadow .45s ease}
.catalog-card-link.cover-ready.is-previewing h3{color:#fff;text-shadow:0 1px 8px #0008}
.catalog-card-link:hover{box-shadow:inset 0 0 0 3px currentColor}
.catalog-card-link:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.catalog-card h3{margin:0;width:100%;text-align:center;font-size:15cqw;font-weight:400;line-height:1.25;letter-spacing:normal;overflow-wrap:normal;text-wrap:balance}
.catalog-card .font-sample:not(.font-loaded){color:inherit}
@media(max-width:1199px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card-link{padding:18px}}
@media(max-width:480px){.catalog-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.catalog-card-link,.catalog-card-art,.catalog-card-link h3{transition:none}}



















.catalog-card[data-slug="xenoglyph"] h3{font-size:10cqw}.catalog-card[data-slug="softlock"] h3{font-size:13cqw}

.catalog-card .catalog-card-link.is-previewing h3{font-size:11cqw;line-height:1.3}
.catalog-card[data-slug="xenoglyph"] .catalog-card-link.is-previewing h3{font-size:8cqw}


.catalog-card[data-slug="overpixel"] h3{font-size:12cqw}
.catalog-card[data-slug="unkelchunk"] h3{font-size:8.5cqw}.catalog-card[data-slug="unkelchunk"] .catalog-card-link.is-previewing h3{font-size:8cqw}

/* The wordmark reads the same after a half-turn. */
.brand img{transform:rotate(var(--logo-angle,0deg));transform-origin:center;transition:transform 240ms ease-in-out}
@media(hover:hover){.brand:not(.is-touch):hover img{transform:rotate(calc(var(--logo-angle,0deg) + 180deg))}}
.brand:not(.is-touch):focus-visible img{transform:rotate(calc(var(--logo-angle,0deg) + 180deg))}
@media(prefers-reduced-motion:reduce){.brand img{transition:none}}



.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em}
.button .ui-icon{width:1.15em;height:1.15em}
.ticker i{display:flex;align-items:center;flex-shrink:0}
.about-star{display:flex;align-items:center}

.brand{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.brand img{pointer-events:none;-webkit-user-drag:none}
.brand.is-spinning img{transition:none}


.catalog-card[data-slug="ghilli-suit"] h3{font-size:13cqw}


/* Three rave-era display releases. */



.catalog-card[data-slug="ultraloop"] h3{font-size:10cqw}

/* Punk poster display releases. */





/* Optional OpenType features belong to the family manifest. */
.tester-tools input[type="checkbox"]{width:auto;min-width:14px;height:14px;margin:0}

.footer-links{display:flex;gap:24px}.terms h1{margin-bottom:10px}.terms-body{max-width:720px;margin-top:40px}.terms-body h2{font-size:24px;letter-spacing:-.5px;margin:40px 0 12px}.terms-body p{font-size:15px;line-height:1.7;color:#45463f}

/* Families flagged "uppercase" in release.json (e.g. Innercase) only work in capitals. */
#type-preview.uppercase-only{text-transform:uppercase}

/* Layered families (release.json "layers" + "palettes"): the colour tester stacks each layer font in its own colour. */
.colour-tester{background:var(--c-paper,#dfdfd6);border-block:1px solid var(--ink);padding-block:40px}
.colour-tester .tester-tools input[type=color]{width:46px;height:30px;padding:0;border:1px solid var(--ink);background:none}
.colour-presets{border-top:0;padding-top:0}.colour-presets .text-button{margin:0;border:1px solid var(--ink);padding:8px 12px;text-decoration:none}.colour-presets .text-button:hover{background:var(--yellow)}
.colour-text{display:block;width:100%;margin-top:18px;padding:12px 14px;font:16px var(--mono);border:1px solid var(--ink);background:var(--paper);color:var(--ink)}
.colour-preview{margin-top:18px;padding:24px;background:var(--c-paper);border:1px solid var(--ink);font-size:88px;line-height:1.55;overflow:hidden;min-height:200px}
.colour-stack{display:inline-grid;max-width:100%;vertical-align:top}
.colour-layer{grid-area:1/1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-kerning:normal;font-synthesis:none;letter-spacing:normal}
.layer-shade{color:var(--c-shade)}.layer-outline{color:var(--c-outline)}.layer-fill{color:var(--c-fill)}
.colour-layer:not(.font-loaded){opacity:.35}
@media(max-width:720px){.colour-preview{padding:16px;font-size:min(88px,16vw)}}
.catalog-card .font-sample.card-label{font-family:inherit!important;font-size:10cqw;font-weight:500;letter-spacing:-.02em}
.catalog-card .catalog-card-link[data-label] .font-sample{white-space:pre-line}
.catalog-card[data-slug="thingdings"] .catalog-card-link.is-previewing h3{font-size:16cqw;line-height:1.2}

/* Preserve Holmesy's compact handwriting rhythm in its editable tester. */
#type-preview[data-family="tester-holmesy"]{line-height:1.15}