@font-face { font-family: "Katlav Compact60"; src: url("compact60/KatlavCompact60-Light-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact60"; src: url("compact60/KatlavCompact60-Regular-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact60"; src: url("compact60/KatlavCompact60-Medium-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact60"; src: url("compact60/KatlavCompact60-SemiBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact60"; src: url("compact60/KatlavCompact60-Bold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact60"; src: url("compact60/KatlavCompact60-ExtraBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact70"; src: url("compact70/KatlavCompact70-Light-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact70"; src: url("compact70/KatlavCompact70-Regular-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact70"; src: url("compact70/KatlavCompact70-Medium-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact70"; src: url("compact70/KatlavCompact70-SemiBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact70"; src: url("compact70/KatlavCompact70-Bold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Compact70"; src: url("compact70/KatlavCompact70-ExtraBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Low"; src: url("low/KatlavLow-Light-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Low"; src: url("low/KatlavLow-Regular-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Low"; src: url("low/KatlavLow-Medium-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Low"; src: url("low/KatlavLow-SemiBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Low"; src: url("low/KatlavLow-Bold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Low"; src: url("low/KatlavLow-ExtraBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav"; src: url("Katlav-Light-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav"; src: url("Katlav-Regular-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav"; src: url("Katlav-Medium-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav"; src: url("Katlav-SemiBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav"; src: url("Katlav-Bold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav"; src: url("Katlav-ExtraBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall115"; src: url("tall115/KatlavTall115-Light-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall115"; src: url("tall115/KatlavTall115-Regular-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall115"; src: url("tall115/KatlavTall115-Medium-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall115"; src: url("tall115/KatlavTall115-SemiBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall115"; src: url("tall115/KatlavTall115-Bold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall115"; src: url("tall115/KatlavTall115-ExtraBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall130"; src: url("tall130/KatlavTall130-Light-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall130"; src: url("tall130/KatlavTall130-Regular-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall130"; src: url("tall130/KatlavTall130-Medium-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall130"; src: url("tall130/KatlavTall130-SemiBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall130"; src: url("tall130/KatlavTall130-Bold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Katlav Tall130"; src: url("tall130/KatlavTall130-ExtraBold-Preview.woff2?v=20261020-commerce") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

.font-card[data-font-slug="arve"] .font-name,
.font-card[data-font-slug="arve"] .font-sample { letter-spacing:0; line-height:1.45; font-synthesis:none; overflow-wrap:anywhere; }
body[data-font-slug="arve"] .font-story-title { font-size:clamp(46px,7vw,96px); line-height:1.4; letter-spacing:0; direction:rtl; text-align:right; overflow-wrap:anywhere; }
body[data-font-slug="arve"] .font-story-english { line-height:1.45; }
body[data-font-slug="arve"] .font-story-specimen-box { letter-spacing:0; line-height:1.45; font-size:clamp(36px,6vw,80px); overflow-wrap:anywhere; font-synthesis:none; }
body[data-font-slug="arve"] .font-story-license { font-size:16px; line-height:1.6; }
body[data-font-slug="arve"] .font-height-section { padding-block:48px; border-bottom:1px solid var(--ink); }
body[data-font-slug="arve"] .font-height-section h2 { font:700 28px/1.4 "Yossi",Arial,sans-serif; }
body[data-font-slug="arve"] .font-height-group { border-top:1px solid var(--line); padding-block:16px; }
body[data-font-slug="arve"] .font-height-group summary { cursor:pointer; padding:8px; font-size:20px; }
body[data-font-slug="arve"] .font-height-row { display:grid; grid-template-columns:60px minmax(0,1fr); align-items:baseline; gap:16px; }
body[data-font-slug="arve"] .font-height-row p { margin:12px 0; font-size:clamp(28px,5vw,48px); letter-spacing:0; font-synthesis:none; overflow-wrap:anywhere; }
#tester-preview[data-font-slug="arve"] { font-kerning:normal; }
body:has(#tester-preview[data-font-slug="arve"]) .tester-stage-bar { flex-wrap:wrap; gap:8px; }