/* The catalogue gives every family room to show its own voice. */
.catalog-toolbar{display:flex;flex-direction:column;gap:22px;padding:36px 0 30px;margin:0 0 28px;border-top:1px solid var(--line,#c8c6b6);font-family:"Yossi",Arial,sans-serif}
.catalog-toolbar .catalog-input-label{display:block;font-size:20px;line-height:1.4}
.catalog-toolbar textarea{font:400 clamp(24px,3vw,38px)/1.55 "Yossi",Arial,sans-serif;min-height:78px;max-height:200px;border:0;border-bottom:1px solid #9aab9d;background:transparent;border-radius:0;padding:10px 0;margin:8px 0 0;resize:vertical;outline-offset:6px}
.catalog-toolbar textarea::placeholder{color:#6c796d;opacity:1}
.catalog-basic-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.catalog-toolbar .store-control,.catalog-editorial .store-control{font:400 15px/1.5 "Yossi",Arial,sans-serif;gap:12px}
.catalog-toolbar .store-control input{width:180px;max-width:40vw;accent-color:var(--ink,#163e34)}
.catalog-toolbar .store-control output{font-variant-numeric:tabular-nums;text-align:center}
.catalog-toolbar button{border:0;border-bottom:1px solid #9aab9d;border-radius:0;padding:8px 2px;min-height:44px;font:inherit}
.catalog-advanced{border-top:1px solid var(--line,#c8c6b6);padding-top:16px}
.catalog-advanced summary{cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;font-size:16px}
.catalog-advanced .store-filter-row{padding:8px 0 0;gap:24px}
.catalog-advanced select{min-height:44px;border:0;border-bottom:1px solid #9aab9d;border-radius:0;padding:6px 0;font:inherit;background:transparent}
.catalog-comparison-hint{font-size:14px;line-height:1.6;margin:12px 0 0;color:#596c61}
.catalog-toolbar .store-compare-bar{border:0;border-top:1px solid var(--line,#c8c6b6);background:transparent;padding:16px 0 0;gap:24px}
.catalog-toolbar .store-check,.catalog-editorial .store-check{font-family:"Yossi",Arial,sans-serif}
.catalog-toolbar .store-check input,.catalog-editorial .store-check input{accent-color:var(--ink,#163e34)}
#font-grid.catalog-editorial{--specimen-scale:1;display:flex;flex-direction:column;gap:0;border:0;width:100%;isolation:isolate}
#font-grid.catalog-editorial .font-card{--card-ink:#153f35;--card-bg:#f3f0e6;--headline-size:clamp(64px,9.2vw,132px);display:flex;flex-direction:column;position:relative;width:100%;min-height:0;box-sizing:border-box;padding:30px 48px 24px;border:0;border-top:1px solid #153f3540;background:var(--card-bg);color:var(--card-ink);box-shadow:none;border-radius:0;transform:none;transition:none;overflow:visible}
#font-grid.catalog-editorial .font-card:last-child{border-bottom:1px solid #153f3540}
#font-grid.catalog-editorial .font-card{clip-path:none;background-image:none}
#font-grid.catalog-editorial::before,#font-grid.catalog-editorial::after{content:none}
#font-grid.catalog-editorial .font-card:hover{background:var(--card-bg);transform:none;box-shadow:none}
#font-grid.catalog-editorial .font-card::before,#font-grid.catalog-editorial .font-card::after{content:none}
#font-grid.catalog-editorial .catalog-family-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;position:relative;z-index:1;font-family:"Yossi",Arial,sans-serif;line-height:1.6}
#font-grid.catalog-editorial .font-name{font:400 26px/1.5 "Yossi",Arial,sans-serif;letter-spacing:0;color:inherit;margin:0}
#font-grid.catalog-editorial .font-meta{display:block!important;font:400 14px/1.6 "Yossi",Arial,sans-serif;letter-spacing:0;margin:0;color:inherit;opacity:.8}
#font-grid.catalog-editorial .catalog-price{margin-inline-start:auto;font:400 14px/1.6 "Yossi",Arial,sans-serif;color:inherit;white-space:nowrap}
#font-grid.catalog-editorial .font-card-sample-link{display:block;min-width:0;width:100%;padding:0;margin:0;text-decoration:none;color:inherit;background:transparent;border:0;flex:1}
#font-grid.catalog-editorial .font-card-sample-link:focus-within{background:transparent}
#font-grid.catalog-editorial .font-headline{display:block;font-size:calc(var(--headline-size) * var(--specimen-scale));font-family:var(--font-family),Arial,sans-serif;font-weight:400;line-height:1.12;letter-spacing:0;color:inherit;white-space:pre-line;overflow-wrap:anywhere;text-wrap:balance;margin:0;padding:64px 0 68px;min-height:1em;outline-offset:12px;cursor:text;font-synthesis:none}
#font-grid.catalog-editorial .font-sample{display:none;font-family:var(--font-family),Arial,sans-serif;font-size:calc(27px * var(--specimen-scale));font-weight:400;line-height:1.75;letter-spacing:0;color:inherit;margin:0;padding:0;min-height:0;white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty;outline-offset:12px;font-synthesis:none}
#font-grid.catalog-editorial .font-card[data-font-category="text"] .font-headline{font-size:calc(clamp(36px,4.8vw,64px) * var(--specimen-scale));line-height:1.3;padding:54px 0 24px}
#font-grid.catalog-editorial .font-card[data-font-category="text"] .font-sample{display:block;max-width:790px;padding:0 0 64px}
#font-grid.catalog-editorial .font-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border:0;padding:8px 0 0;margin:0;font:400 15px/1.6 "Yossi",Arial,sans-serif}
#font-grid.catalog-editorial .font-bottom{color:inherit}
#font-grid.catalog-editorial .store-card-controls{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;border:0;padding:0;margin:0;color:inherit;font:inherit}
#font-grid.catalog-editorial .store-control{color:inherit}
#font-grid.catalog-editorial .store-control select{width:auto;max-width:270px;min-height:44px;color:inherit;font:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:8px 2px}
#font-grid.catalog-editorial .store-control select option{background:#f3f0e6;color:#153f35}
#font-grid.catalog-editorial .store-control input[type="range"]{width:120px;max-width:30vw;accent-color:var(--card-ink)}
#font-grid.catalog-editorial .store-control output{color:inherit;font:inherit;font-variant-numeric:tabular-nums}
#font-grid.catalog-editorial .card-actions{display:flex;flex-wrap:wrap;gap:28px;margin:0;margin-inline-start:auto;align-items:center}
#font-grid.catalog-editorial .card-actions>a,#font-grid.catalog-editorial .card-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:8px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;text-decoration:none;font:400 16px/1.5 "Yossi",Arial,sans-serif;cursor:pointer;white-space:nowrap}
#font-grid.catalog-editorial .card-actions>a::after{content:'←';margin-inline-start:14px}
#font-grid.catalog-editorial .card-actions>a:hover,#font-grid.catalog-editorial .card-actions>button:hover{opacity:.72}
#font-grid.catalog-editorial .catalog-compare-choice{display:none}
#font-grid.catalog-editorial.catalog-comparison-mode .catalog-compare-choice{display:flex}
#font-grid.catalog-editorial .catalog-compare-choice:has(input:disabled){opacity:.5;cursor:default}
#font-grid.catalog-editorial [contenteditable]:focus-visible,.catalog-toolbar :focus-visible,#font-grid.catalog-editorial button:focus-visible,#font-grid.catalog-editorial a:focus-visible,#font-grid.catalog-editorial select:focus-visible,.catalog-empty button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#font-grid.catalog-editorial .font-card[data-font-slug="lehava"]{--card-bg:#173f35;--card-ink:#f2f0df;--headline-size:clamp(72px,10.2vw,148px)}
#font-grid.catalog-editorial .font-card[data-font-slug="lehava"] .font-headline{font-weight:650;text-align:center;padding-block:72px 84px}
#font-grid.catalog-editorial .font-card[data-font-slug="yossi"]{--card-bg:#f3f0e6;padding-inline:80px}
#font-grid.catalog-editorial .font-card[data-font-slug="masila"]{--card-bg:#cddde8;--card-ink:#20394a}
#font-grid.catalog-editorial .font-card[data-font-slug="roshem"] .font-headline{text-align:center;transform:rotate(-3deg);padding-block:76px 90px}
#font-grid.catalog-editorial .font-card[data-font-slug="basurot"]{--card-bg:#f1e4a8;--card-ink:#173f35;--headline-size:clamp(86px,14vw,190px)}
#font-grid.catalog-editorial .font-card[data-font-slug="basurot"] .font-headline{text-align:center;line-height:1}
#font-grid.catalog-editorial .font-card[data-font-slug="boou"] .font-headline{max-width:85%;line-height:1.18}
#font-grid.catalog-editorial .font-card[data-font-slug="arve"]{--card-bg:#e6e5d8;--headline-size:clamp(62px,8.8vw,122px)}
#font-grid.catalog-editorial .font-card[data-font-slug="arve"] .font-headline{text-align:center;padding-block:82px 96px}
#font-grid.catalog-editorial .font-card[data-font-slug="bonobo"]{--card-bg:#f1e4a8;--card-ink:#173f35;--headline-size:clamp(62px,8vw,112px)}
#font-grid.catalog-editorial .font-card[data-font-slug="point"]{--card-bg:#173f35;--card-ink:#f2f0df;--headline-size:clamp(80px,14vw,186px)}
#font-grid.catalog-editorial .font-card[data-font-slug="point"] .font-headline{text-align:center;line-height:1.03}
#font-grid.catalog-editorial .font-card[data-font-slug="aderet"]{--card-bg:#513e58;--card-ink:#fff8e9;--headline-size:clamp(72px,11vw,148px)}
#font-grid.catalog-editorial .font-card[data-font-slug="atid"]{--card-bg:#cddde8;--card-ink:#20394a}
#font-grid.catalog-editorial .font-card[data-font-slug="atid"] .font-headline{line-height:1.16}
#font-grid.catalog-editorial .font-card[data-font-slug="mirpeset"] .font-headline{text-align:center;line-height:1.4}
#font-grid.catalog-editorial .font-card[data-font-slug="rega"]{--card-bg:#e9ecdf;--headline-size:clamp(76px,11vw,150px)}
#font-grid.catalog-editorial .font-card[data-font-slug="rega"] .font-headline{text-align:center;line-height:1.55;padding-block:52px 70px}
.catalog-empty{padding:60px 20px;text-align:center;border-block:1px solid var(--line,#c8c6b6);font-family:"Yossi",Arial,sans-serif;line-height:1.6}
.catalog-empty button{min-height:44px;background:transparent;border:0;border-bottom:1px solid;font:inherit;color:inherit;cursor:pointer}
.catalog-empty[hidden],#font-grid.catalog-editorial .font-card[hidden],#font-grid.catalog-editorial .store-control[hidden]{display:none!important}
.store-dialog{font-family:"Yossi",Arial,sans-serif}
.store-dialog .store-control{font-family:"Yossi",Arial,sans-serif}
@media(max-width:700px){
 .catalog-toolbar{padding:24px 0;gap:18px}.catalog-toolbar .catalog-input-label{font-size:18px}.catalog-toolbar textarea{font-size:25px;min-height:108px}
 .catalog-basic-controls{gap:8px}.catalog-toolbar .store-control{width:auto;font-size:14px;gap:8px}.catalog-toolbar .store-control input{width:90px}.catalog-toolbar button{font-size:14px}
 .catalog-advanced .store-filter-row{gap:8px 20px}.catalog-toolbar .store-compare-bar{gap:12px}.catalog-toolbar .store-compare-bar>span{width:100%}
 #font-grid.catalog-editorial .font-card{padding:24px 20px 22px;--headline-size:clamp(44px,11vw,76px)}
 #font-grid.catalog-editorial .catalog-family-header{gap:6px 16px}#font-grid.catalog-editorial .font-name{font-size:23px}#font-grid.catalog-editorial .font-meta{font-size:12px;order:3;width:100%}#font-grid.catalog-editorial .catalog-price{font-size:12px}
 #font-grid.catalog-editorial .font-headline{padding:44px 0 48px;line-height:1.2}
 #font-grid.catalog-editorial .font-card[data-font-category="text"] .font-headline{font-size:calc(34px * var(--specimen-scale));padding:40px 0 18px}
 #font-grid.catalog-editorial .font-card[data-font-category="text"] .font-sample{font-size:calc(21px * var(--specimen-scale));line-height:1.8;padding:0 0 40px}
 #font-grid.catalog-editorial .font-bottom{display:flex;flex-direction:column;align-items:stretch;gap:16px}#font-grid.catalog-editorial .store-card-controls{gap:8px 18px}#font-grid.catalog-editorial .store-control{width:auto;max-width:100%;gap:8px;font-size:13px}
 #font-grid.catalog-editorial .store-control select{min-width:0;max-width:240px;font-size:13px}#font-grid.catalog-editorial .store-control input[type="range"]{width:120px;max-width:32vw}#font-grid.catalog-editorial .card-actions{width:100%;justify-content:space-between;gap:18px}#font-grid.catalog-editorial .card-actions>a,#font-grid.catalog-editorial .card-actions>button{font-size:15px}
 #font-grid.catalog-editorial .font-card[data-font-slug="lehava"]{--headline-size:clamp(50px,13vw,90px)}#font-grid.catalog-editorial .font-card[data-font-slug="lehava"] .font-headline{padding-block:52px 60px}
 #font-grid.catalog-editorial .font-card[data-font-slug="yossi"]{padding-inline:24px}
 #font-grid.catalog-editorial .font-card[data-font-slug="roshem"] .font-headline{padding-block:52px 60px;transform:none}
 #font-grid.catalog-editorial .font-card[data-font-slug="basurot"]{--headline-size:clamp(68px,18vw,120px)}
 #font-grid.catalog-editorial .font-card[data-font-slug="boou"] .font-headline{max-width:100%}
 #font-grid.catalog-editorial .font-card[data-font-slug="arve"]{--headline-size:clamp(40px,10vw,70px)}#font-grid.catalog-editorial .font-card[data-font-slug="arve"] .font-headline{padding-block:52px 60px}
 #font-grid.catalog-editorial .font-card[data-font-slug="bonobo"]{--headline-size:clamp(40px,10vw,70px)}
 #font-grid.catalog-editorial .font-card[data-font-slug="point"]{--headline-size:clamp(70px,19vw,128px)}
 #font-grid.catalog-editorial .font-card[data-font-slug="aderet"]{--headline-size:clamp(60px,16vw,100px)}
 #font-grid.catalog-editorial .font-card[data-font-slug="rega"]{--headline-size:clamp(54px,14vw,90px)}#font-grid.catalog-editorial .font-card[data-font-slug="rega"] .font-headline{padding-block:42px 52px}
}
@media(prefers-reduced-motion:reduce){#font-grid.catalog-editorial *{scroll-behavior:auto!important;transition:none!important}}
