.family-page .wordmark img{margin-right:10px}.family-page .home-nav nav a[aria-current=page]{color:var(--orange)}.family-intro{grid-template-columns:1fr 290px;align-items:center;gap:64px;padding:70px 0 54px;display:grid}.family-intro h1{letter-spacing:-.065em;margin:0 0 24px;font:500 clamp(44px,5vw,70px)/1.08 Space Grotesk,sans-serif}.family-intro h1 span{color:var(--orange)}.family-intro>div>p:last-child{max-width:560px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.family-palette{grid-template-columns:repeat(5,1fr);align-self:end;padding-bottom:6px;display:grid}.family-palette>span{background:var(--swatch);color:#0000;border:3px solid var(--paper);border-radius:5px;height:70px;font-size:0;transform:rotate(-5deg)}.family-palette>span:nth-child(2n){transform:translateY(10px)rotate(4deg)}.family-palette p{text-align:center;grid-column:1/-1;margin:32px 0 0!important;font:14px/1.6 IBM Plex Mono,monospace!important}.family-palette em{font:italic 19px/1.8 Georgia,serif}.gallery-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:14px 0;display:flex}.gallery-toolbar>p{margin:0;font:11px/1.5 IBM Plex Mono,monospace}.gallery-toolbar .live-dot{margin-right:8px}.toolbar-divider{color:#a8ae9e;padding-inline:12px}.gallery-views{gap:4px;display:flex}.gallery-views button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:8px 14px;font-size:11px}.gallery-views button:hover{border-color:var(--line)}.gallery-views button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.brand-card{--brand-ink:#26372c;--brand-paper:#fbfaf5;background:var(--brand-paper);border:1px solid var(--line);border-radius:6px;flex-direction:column;padding:24px 24px 0;display:flex;overflow:hidden}.brand-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-index{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font:9px IBM Plex Mono,monospace}.brand-repo{font-size:10px;color:var(--muted)!important}.brand-repo:hover{color:var(--orange)!important}.brand-card .brand-name{color:var(--brand-ink);align-items:center;min-height:103px;margin:20px 0 12px;font-size:clamp(28px,3.5vw,48px);line-height:1;display:flex}.brand-description{color:#59645d;max-width:430px;min-height:44px;margin:0 0 16px;font-size:13px;line-height:1.7}.brand-url{border-top:1px solid #26372c20;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font:12px IBM Plex Mono,monospace;display:flex}.brand-url:hover{color:var(--orange)}.brand-url-repo{overflow-wrap:anywhere;font-size:10px}.brand-url>span{flex-shrink:0}.brand-preview{background:#26372c06;border-top:1px solid #26372c15;margin:auto -24px 0;padding:14px 14px 0}.brand-preview button{cursor:zoom-in;background:#f7f8fb;border:1px solid #26372c22;border-radius:4px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.brand-preview img{aspect-ratio:1.44;width:100%;height:auto;display:block}.preview-action{color:#fff;opacity:0;background:#26372c;border-radius:3px;align-items:center;gap:20px;padding:8px 10px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0002}.brand-preview button:hover .preview-action,.brand-preview button:focus-visible .preview-action{opacity:1}.brand-preview button:hover img{filter:brightness(.97)}.brand-preview figcaption{color:var(--muted);padding:12px 4px;font:9px/1.7 IBM Plex Mono,monospace}.brand-triplex{--brand-ink:#a5b4ff;--brand-paper:#f3f5fc}.brand-triplex .brand-name{letter-spacing:-.065em;text-shadow:2px 2px #233a91;-webkit-text-stroke:1px #233a91;font-family:IBM Plex Mono,monospace}.brand-triplex .brand-name>span{-webkit-text-stroke:0;color:#233a91;text-shadow:none}.brand-forma{--brand-ink:#84a0ff;--brand-paper:#f3f4fc}.brand-forma .brand-name{letter-spacing:-.06em;text-shadow:3px 3px #233a91;font-style:italic;font-weight:600}.brand-forma .brand-name span{text-shadow:none;padding-inline:8px;font-weight:400}.brand-foldworks{--brand-ink:#18181b;--brand-paper:#f6f6f6}.brand-foldworks .brand-name{letter-spacing:-.06em;gap:16px;font-weight:600}.brand-foldworks .brand-name svg{fill:none;stroke:currentColor;stroke-width:2px;flex-shrink:0;width:30px;height:30px}.brand-ontology{--brand-ink:#10201a;--brand-paper:#f3f4ec}.brand-ontology .brand-name{letter-spacing:-.055em;gap:9px;font:44px/1 Georgia,serif}.brand-ontology .brand-name em{color:#1f6b4f}.brand-ontology .brand-name>span{color:#a27c10;margin-left:auto;font:32px DM Sans,sans-serif}.brand-schematics{--brand-ink:#b695fa;--brand-paper:#f7f3fc}.brand-schematics .brand-name{letter-spacing:-.075em;text-shadow:3px 3px #6124bc;font:italic 500 clamp(28px,3.1vw,44px) IBM Plex Mono,monospace}.brand-reflection .brand-name{letter-spacing:-.07em;padding-top:14px;font:500 30px/1.2 IBM Plex Mono,monospace;display:block}.brand-reflection .brand-name>span{color:var(--muted);display:block}.brand-reflection .brand-name>span>span{color:#99a28a;margin-left:15px}.preview-pending{aspect-ratio:1.44;text-align:center;background-image:radial-gradient(#c9cdbc 1px,#0000 1px);background-size:18px 18px;border:1px dashed #bfc5b3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.pending-symbol{color:#9aa58d;font:32px IBM Plex Mono,monospace}.preview-pending p{letter-spacing:-.04em;margin:18px 0;font:20px/1.5 Space Grotesk,sans-serif}.preview-pending em{color:var(--muted);font:italic 20px/1.5 Georgia,serif}.pending-label{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:6px 10px;font:9px/1.6 IBM Plex Mono,monospace}.family-caption{color:var(--muted);justify-content:space-between;gap:40px;padding:24px 0;font-size:11px;line-height:1.8;display:flex}.family-caption p{max-width:470px;margin:0}.family-caption p>span{color:var(--orange);vertical-align:-2px;margin-right:6px;font-size:18px}.family-caption .text-link{width:fit-content;color:var(--ink);margin-top:8px;display:flex}.family-outro{border-top:1px solid var(--line);padding:46px 0 64px}.family-outro>p:not(.eyebrow){color:var(--muted);max-width:560px;margin:20px 0;font-size:14px;line-height:1.8}.family-page .home-footer nav a{display:inline}.brand-grid[data-layout=overview]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-grid[data-layout=overview] .brand-card{padding-inline:18px}.brand-grid[data-layout=overview] .brand-name{min-height:82px;font-size:29px}.brand-grid[data-layout=overview] .brand-ontology .brand-name{gap:5px;font-size:28px}.brand-grid[data-layout=overview] .brand-ontology .brand-name>span{display:none}.brand-grid[data-layout=overview] .brand-description{min-height:67px}.brand-grid[data-layout=overview] .brand-preview{margin-inline:-18px;padding-inline:10px}.brand-grid[data-layout=overview] .brand-reflection .brand-name{font-size:24px}.brand-grid[data-layout=overview] .preview-pending p,.brand-grid[data-layout=overview] .preview-pending em{font-size:16px}.screenshot-dialog{background:var(--paper);width:min(1440px,100% - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);border:1px solid #7a8377;border-radius:6px;padding:0;box-shadow:0 24px 100px #0005}.screenshot-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#142218c9}.dialog-heading{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.dialog-heading h2{margin:0;font:12px IBM Plex Mono,monospace}.dialog-heading>div{align-items:center;gap:24px;display:flex}.dialog-heading a{color:var(--ink);font-size:12px;text-decoration:none}.dialog-heading button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#eeeee2;border-radius:3px;padding:8px 12px;font:12px DM Sans,sans-serif}.screenshot-dialog :focus-visible{outline:2px solid var(--orange);outline-offset:3px}.screenshot-dialog>img{width:100%;height:auto;display:block}.preview-open{overflow:hidden}@media (width<=1100px){.family-intro{grid-template-columns:1fr 220px;gap:30px}.brand-ontology .brand-name{font-size:35px}.brand-grid[data-layout=overview] .brand-name{font-size:24px}.brand-grid[data-layout=overview] .brand-description{min-height:90px}.brand-grid[data-layout=overview] .brand-foldworks .brand-name{gap:8px}.brand-grid[data-layout=overview] .brand-ontology .brand-name{font-size:24px}}@media (width<=800px){.family-intro{grid-template-columns:1fr;gap:30px;padding-top:44px}.family-palette{width:250px}.family-palette>span{height:50px}.family-palette p{display:none}.brand-grid,.brand-grid[data-layout=overview]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-card{padding-inline:16px}.brand-card .brand-name{min-height:85px;font-size:29px}.brand-ontology .brand-name{gap:5px;font-size:27px}.brand-ontology .brand-name>span{display:none}.brand-description{min-height:88px}.brand-preview{margin-inline:-16px;padding-inline:10px}.brand-foldworks .brand-name{gap:8px}.brand-foldworks .brand-name svg{width:24px;height:24px}.gallery-views{display:none}.family-caption{gap:20px}}@media (width<=560px){.family-page .home-nav nav a:not([aria-current=page]){display:none}.family-intro h1{font-size:clamp(35px,8.8vw,48px)}.family-intro>div>p:last-child{font-size:14px}.brand-grid,.brand-grid[data-layout=overview]{grid-template-columns:minmax(0,1fr);gap:20px}.brand-card .brand-name{min-height:94px;font-size:36px}.brand-card.brand-ontology .brand-name{font-size:clamp(29px,7vw,38px)}.brand-card.brand-schematics .brand-name{font-size:clamp(27px,6.8vw,35px)}.brand-description{min-height:0}.brand-preview figcaption{font-size:8px}.gallery-toolbar>p{font-size:9px}.toolbar-divider{padding-inline:6px}.family-caption{flex-direction:column;gap:12px}.preview-action{opacity:1}.screenshot-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.dialog-heading{flex-wrap:wrap;padding:12px}.dialog-heading>div{justify-content:space-between;width:100%}.pending-label{font-size:8px}}@media (prefers-reduced-motion:reduce){.preview-action{transition:none}}