/* Self-hosted Vazirmatn v33.003, SIL Open Font License 1.1. */
@font-face {
  font-family:'Vazirmatn';
  src:url('./fonts/Vazirmatn-variable.woff2?v=33.003') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
html[lang=fa] body {
  font-family:'Vazirmatn',Tahoma,sans-serif;
  font-size:17px;
  line-height:1.85;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
html[lang=fa] :is(h1,h2,h3,h4,.eyebrow,.hero-ending,.product-family,.category-num,.ink-index,.footer-label,.footer-brand-line,.marquee div,#categoryRailLabel,.ink-signature,.catalogue-pagination p) {
  letter-spacing:0;
  text-transform:none;
}
html[lang=fa] :is(button,input,select,textarea) {font-family:inherit}
html[lang=fa] :is(p,li) {word-break:normal;overflow-wrap:break-word}
html[lang=fa] .header nav {font-size:15px;gap:24px}
html[lang=fa] .header :is(.button,#language) {font-size:14px;font-weight:500}
html[lang=fa] .eyebrow {font-weight:500;font-size:12px;line-height:1.8}
html[lang=fa] .living-hero .hero-copy {width:66%;padding-top:50px}
html[lang=fa] .living-hero h1 {font-size:clamp(74px,7.7vw,116px);line-height:1.4;font-weight:650;margin:20px 0 22px}
html[lang=fa] .living-hero .hero-ending {font-size:.65em;line-height:1.5}
html[lang=fa] .living-hero .hero-copy p {font-size:18px;line-height:1.9;max-width:440px}
html[lang=fa] .living-hero :is(.button,.text-link) {font-size:16px;font-weight:500}
html[lang=fa] .living-hero .hero-bottom {font-size:12px}
html[lang=fa] .ink-signature {font-size:13px}
html[lang=fa] .ink-signature button {font-size:13px;font-weight:500}
html[lang=fa] .marquee div {font-size:15px;font-weight:500}
html[lang=fa] .section h2 {font-size:clamp(36px,4.3vw,62px);line-height:1.6;font-weight:650}
html[lang=fa] .products #productSectionTitle {font-size:clamp(45px,5.3vw,76px);line-height:1.6;margin-top:18px}
html[lang=fa] .products .section-heading>p {font-size:17px;line-height:1.9}
html[lang=fa] .products .colour-family h3 {font-size:26px;line-height:1.65;font-weight:600}
html[lang=fa] .family-action {font-size:13px}
html[lang=fa] :is(.category-chip,#categoryRailLabel,.product-family) {font-size:13px}
html[lang=fa] .products :is(.category-num,.ink-index) {font-size:11px}
html[lang=fa] .catalogue-section #catalogueTitle {font-size:clamp(31px,3.5vw,48px);line-height:1.6;font-weight:600}
html[lang=fa] .products .catalogue-tools label {font-size:14px}
html[lang=fa] .products .catalogue-card h3 {font-size:22px;line-height:1.7;font-weight:600}
html[lang=fa] .product-card-bottom>span:first-child {font-size:14px}
html[lang=fa] .collection-motion-toggle {font-size:13px;font-weight:500}
html[lang=fa] .products .catalogue-pagination p {font-size:14px}
html[lang=fa] .collection-more {font-size:15px}
html[lang=fa] .featured-copy h3 {font-size:42px;line-height:1.5}
html[lang=fa] .featured-copy :is(p,.note) {font-size:16px;line-height:1.9}
html[lang=fa] .featured .specs span {font-size:14px}
html[lang=fa] .story .large-copy {font-size:23px;line-height:1.9;font-weight:400}
html[lang=fa] :is(.story p,.portal-teaser p,.auth-copy p,.contact #officeAddress) {font-size:17px;line-height:1.9}
html[lang=fa] :is(.company-archive summary,.knowledge-card summary) {font-size:20px;line-height:1.85;font-weight:600}
html[lang=fa] .imported-copy {font-size:17px;line-height:2;overflow-wrap:break-word}
html[lang=fa] .imported-copy h3 {font-size:23px;line-height:1.7;font-weight:600;margin:30px 0 12px}
html[lang=fa] .editorial-list li {line-height:1.95;margin:8px 0}
html[lang=fa] .company-archive .imported-copy {max-width:850px}
html[lang=fa] .knowledge-card .imported-copy {max-width:900px}
html[lang=fa] .portal-teaser h3 {font-size:21px;line-height:1.7;font-weight:600}
html[lang=fa] .portal-teaser ol li>span {font-size:14px;direction:ltr}
html[lang=fa] #productDialog {width:min(840px,calc(100% - 32px));max-width:840px}
html[lang=fa] .dialog-title {font-size:32px;line-height:1.65;font-weight:650}
.table-swipe-hint {display:none}
html[lang=fa] .specification-table {font-size:15px;line-height:1.85}
html[lang=fa] .specification-table caption {font-size:16px;font-weight:600}
html[lang=fa] .specification-table th {font-size:14px;font-weight:600}
html[lang=fa] .specification-table td {font-size:15px;line-height:1.9}
html[lang=fa] .specification-cols-4 {min-width:600px}
html[lang=fa] .specification-cols-5 {min-width:660px}
html[lang=fa] .specification-cols-6 {min-width:770px}
html[lang=fa] .specification-cols-7 {min-width:800px}
html[lang=fa] bdi[dir=ltr] {display:inline;unicode-bidi:isolate}
html[lang=fa] .site-footer #footerStatement {font-size:clamp(32px,3.3vw,46px);line-height:1.65;font-weight:600}
html[lang=fa] .site-footer .footer-intro {font-size:15px;line-height:1.9}
html[lang=fa] .site-footer :is(.footer-label,.footer-links a,.footer-contact-links a,.footer-portal) {font-size:14px}
html[lang=fa] .site-footer .footer-brand-line {font-size:12px}
html[lang=fa] .site-footer .footer-bottom {font-size:12px}
html[lang=fa] .auth-copy h1 {font-size:clamp(36px,4.3vw,55px);line-height:1.65;font-weight:650}
html[lang=fa] :is(.portal-top h1,.status-copy h1) {font-size:32px;line-height:1.7;font-weight:600}
html[lang=fa] :is(.panel h2,.panel h3) {line-height:1.7;font-weight:600}
html[lang=fa] :is(.auth-form label,.panel label,.panel p,.portal-top p,.demo-notice) {font-size:15px;line-height:1.85}
html[lang=fa] .auth-form .check-label {font-size:14px;line-height:1.9}
html[lang=fa] :is(.note,.source-link,.badge) {font-size:14px;line-height:1.85}
html[lang=fa] .auth-form input:is([type=email],[type=url],[type=tel],[type=password]),
html[lang=fa] .panel input:is([type=number],[name=batch]) {direction:ltr;text-align:start}
html[lang=fa] .contact a[href^='mailto:'],html[lang=fa] .footer-contact-links a[href^='mailto:'] {direction:ltr;unicode-bidi:isolate}
@media(max-width:1100px) and (min-width:761px) {
  html[lang=fa] .header nav {gap:16px;font-size:14px}
  html[lang=fa] .header .button {font-size:13px;padding-inline:12px}
  html[lang=fa] .living-hero .hero-copy {width:76%}
  html[lang=fa] .living-hero h1 {font-size:85px}
}
@media(max-width:760px) {
  html[lang=fa] .header nav {font-size:17px;gap:4px}
  html[lang=fa] .header #language {font-size:14px;font-weight:400}
  html[lang=fa] .living-hero .hero-copy {width:100%;padding:30px 7% 12px}
  html[lang=fa] .living-hero h1 {font-size:clamp(59px,15.4vw,87px);line-height:1.45;margin:20px 0}
  html[lang=fa] .living-hero .hero-ending {font-size:.69em}
  html[lang=fa] .living-hero .hero-copy p {font-size:17px;line-height:1.9}
  html[lang=fa] .living-hero .eyebrow {font-size:10px}
  html[lang=fa] .living-hero :is(.button,.text-link) {font-size:15px}
  html[lang=fa] .ink-signature {font-size:12px}
  html[lang=fa] .ink-signature button {font-size:12px}
  html[lang=fa] .section h2 {font-size:34px;line-height:1.7}
  html[lang=fa] .products #productSectionTitle {font-size:clamp(33px,8.3vw,48px);line-height:1.7}
  html[lang=fa] .products .colour-family h3 {font-size:21px;line-height:1.7;max-width:100%;margin-bottom:12px}
  html[lang=fa] .products .category-num {font-size:10px}
  html[lang=fa] .family-action {font-size:12px}
  html[lang=fa] .catalogue-section #catalogueTitle {font-size:31px}
  html[lang=fa] .products .catalogue-card h3 {font-size:22px}
  html[lang=fa] .story .large-copy {font-size:21px}
  html[lang=fa] .company-archive summary {font-size:18px}
  html[lang=fa] .knowledge-card summary {font-size:18px}
  html[lang=fa] .imported-copy {font-size:16px;line-height:2}
  html[lang=fa] .imported-copy h3 {font-size:21px}
  html[lang=fa] .dialog-title {font-size:26px;line-height:1.7}
  html[lang=fa] .table-swipe-hint {display:block;font-size:14px;line-height:1.85;color:#746778;margin:12px 0}
  html[lang=fa] .specification-table :is(th,td) {min-width:90px;font-size:14px}
  html[lang=fa] .specification-table caption {font-size:15px}
  html[lang=fa] .site-footer #footerStatement {font-size:34px}
  html[lang=fa] .auth-copy h1 {font-size:36px}
  html[lang=fa] .portal-nav button {font-size:15px}
  html[lang=fa] .status-copy h1 {font-size:26px}
  html[lang=fa] .contact h2 {font-size:clamp(32px,8.8vw,47px)}
}