/* Remix Digital diagnostic — supplied design styles. */
/* latin-ext */
@font-face {
  font-family: 'Courier Prime';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/602f4fe43d81b0c5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/37dff0e441de5988.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/18c8e32ea1e57232.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/21bf7ff8d9e06744.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/078c780980eb6dc4.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/06622415713b4150.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/c6f09ee0e0a24b7c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/7b59d6bf7f8b8408.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/0a8b854cc18641bd.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/f1050dc5317b4343.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/c36f509c0a8f9f85.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/311098be73eac339.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/d524dc8ff6dbf7ed.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/b2529fba93fd07a5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/77f03e26f981c582.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/a76f53ca6612e7b3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/f746246b6b0b641f.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/b814a03d7e57b062.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/69744cabbccc9faf.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/1b6b18fd0fd240bc.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/ad4580d8cb4b5f62.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/3b4368f4c0c78154.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/aa3307fb7cace734.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/e2f9ddccf4809cdb.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/78cf4ebeacdce782.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/f0d521828c0d91f2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/134dc0ee94e70cf5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/a04fc7ed18a80371.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/6ee678c33f388dd7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/a8c4bd7cd7073180.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/60c06664b5a95c7d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/744830a0e77dd14d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/0b00fbd6edcc84cd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/9e2672d100bc36a3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/920711de9ae96c18.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/6438d7b8ea9c7c39.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/744830a0e77dd14d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/0b00fbd6edcc84cd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/9e2672d100bc36a3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/920711de9ae96c18.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/6438d7b8ea9c7c39.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/744830a0e77dd14d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/0b00fbd6edcc84cd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/9e2672d100bc36a3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/920711de9ae96c18.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/6438d7b8ea9c7c39.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* SUBSTITUTION NOTICE — no font binaries were supplied with the brand assets.
   These are the nearest Google Fonts matches to the live site's editorial-serif
   + technical-mono pairing. Swap the @font-face sources here if licensed files exist. */
:root{
  --font-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

:root{
  /* --- Base palette: sampled from the Remixd logotype + live site theme-color --- */
  --paper-50:#FAF8F4;
  --paper-100:#F4F1EB;   /* site meta theme-color */
  --paper-200:#EDE8DE;
  --paper-300:#E2DCCF;
  --paper-400:#DCD7CC;
  --paper-500:#C4BCAA;

  --navy-900:#152238;    /* logotype outline / deep ink */
  --navy-800:#1C2C46;
  --navy-700:#2A3B57;
  --ink-900:#14161A;      /* near-black, product surfaces */
  --ink-800:#1B1E24;
  --ink-700:#2C3037;
  --ink-500:#585D67;
  --ink-400:#7C818C;
  --ink-300:#A2A7B0;

  --orange-600:#CF441F;
  --orange-500:#E9532C;   /* logotype fill — primary accent */
  --orange-400:#F0764F;
  --orange-100:#FBE2D8;

  --blue-600:#3F7FB6;
  --blue-500:#5E9BD1;     /* logotype keyline */
  --blue-200:#BFD6EB;
  --blue-100:#E2EDF7;

  --silver-400:#B7BEC5;
  --silver-300:#D2D7DC;   /* turntable platter */
  --silver-200:#E6E9EC;

  /* Product accents observed on the four RMX systems */
  --rmx-violet:#7C5CFF;
  --rmx-orange:#E9532C;
  --rmx-gold:#E8B44A;
  --rmx-indigo:#241C57;

  /* --- Semantic aliases: use these in components --- */
  --canvas:var(--paper-100);
  --canvas-sunken:var(--paper-200);
  --canvas-raised:var(--paper-50);
  --surface-card:var(--paper-50);
  --surface-quiet:var(--paper-200);
  --surface-inverse:var(--ink-900);
  --surface-inverse-raised:var(--ink-800);
  --surface-brand:var(--navy-900);

  --text-body:var(--ink-900);
  --text-strong:var(--navy-900);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-inverse:var(--paper-100);
  --text-inverse-muted:rgba(244,241,235,.62);
  --text-accent:var(--orange-500);
  --text-link:var(--navy-900);

  --accent:var(--orange-500);
  --accent-hover:var(--orange-600);
  --accent-quiet:rgba(233,83,44,.10);
  --accent-secondary:var(--blue-500);
  --accent-secondary-quiet:rgba(94,155,209,.14);

  --line-hairline:var(--paper-400);
  --line-strong:var(--paper-500);
  --line-ink:var(--navy-900);
  --line-inverse:rgba(244,241,235,.16);

  --focus-ring:var(--orange-500);
  --selection-bg:rgba(233,83,44,.22);

  --status-live:#3F8F5B;
  --status-idle:var(--ink-400);
  --status-warn:var(--rmx-gold);
}

:root{
  /* Display — Instrument Serif, tight and optical */
  --text-display-1-size:clamp(3.25rem,7vw,6.25rem);
  --text-display-1-lh:0.94;
  --text-display-1-ls:-0.025em;
  --text-display-2-size:clamp(2.375rem,4.6vw,3.75rem);
  --text-display-2-lh:1.02;
  --text-display-2-ls:-0.02em;
  --text-display-3-size:clamp(1.75rem,2.6vw,2.5rem);
  --text-display-3-lh:1.1;
  --text-display-3-ls:-0.015em;

  /* Sans headings + body — IBM Plex Sans */
  --text-h4-size:1.375rem; --text-h4-lh:1.28;
  --text-h5-size:1.0625rem; --text-h5-lh:1.35;
  --text-body-lg-size:1.125rem; --text-body-lg-lh:1.6;
  --text-body-size:1rem; --text-body-lh:1.65;
  --text-body-sm-size:0.9375rem; --text-body-sm-lh:1.55;
  --text-caption-size:0.8125rem; --text-caption-lh:1.45;

  /* Mono — labels, indices, spec values */
  --text-label-size:0.6875rem; --text-label-ls:0.14em; --text-label-lh:1;
  --text-index-size:0.75rem; --text-index-ls:0.08em;
  --text-meta-size:0.625rem; --text-meta-ls:0.18em;
  --text-numeral-size:clamp(1.75rem,3vw,2.75rem);

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;

  --measure-prose:62ch;
  --measure-narrow:44ch;
  --measure-display:22ch;
}

:root{
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --space-11:160px;
  --space-12:224px;

  --gutter:var(--space-5);
  --section-y:var(--space-10);
  --section-y-tight:var(--space-9);
  --stack-tight:var(--space-2);
  --stack:var(--space-4);
  --stack-loose:var(--space-6);

  --grid-columns:12; /* @kind other */
  --grid-gap:var(--space-5);
  --container-max:1240px;
  --container-prose:720px;
  --container-pad:clamp(20px,5vw,64px);
}

:root{
  --border-hairline:1px solid var(--line-hairline);
  --border-strong:1px solid var(--line-strong);
  --border-ink:1px solid var(--line-ink);
  --border-inverse:1px solid var(--line-inverse);
  --border-accent:1px solid var(--accent);
  --border-rule-weight:1px;
  --border-emphasis-weight:2px;

  --radius-0:0px;
  --radius-1:2px;
  --radius-2:4px;
  --radius-3:8px;
  --radius-pill:999px;
}

:root{
  /* Rams-adjacent: structure comes from rules, not shadow. Shadows are rare. */
  --shadow-none:none;
  --shadow-hairline:inset 0 0 0 1px var(--line-hairline);
  --shadow-lift:0 1px 0 rgba(21,34,56,.06);
  --shadow-panel:0 24px 48px -28px rgba(21,34,56,.24);
  --shadow-inverse-panel:0 24px 48px -28px rgba(0,0,0,.6);
  --blur-veil:blur(14px); /* @kind other */
  --veil-paper:rgba(244,241,235,.82);
  --veil-ink:rgba(20,22,26,.72);
}

:root{
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --duration-1:120ms; /* @kind other */
  --duration-2:200ms; /* @kind other */
  --duration-3:320ms; /* @kind other */
  --duration-4:640ms; /* @kind other */
  --transition-hover:color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard),border-color var(--duration-2) var(--ease-standard),opacity var(--duration-2) var(--ease-standard);
  --press-scale:0.99; /* @kind other */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-wrap:pretty}
::selection{background:var(--selection-bg)}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid var(--line-strong);transition:var(--transition-hover)}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0}
h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-medium);margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
img{max-width:100%;display:block}
.rmx-label{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-ls);line-height:var(--text-label-lh);text-transform:uppercase;color:var(--text-muted)}
.rmx-index{font-family:var(--font-mono);font-size:var(--text-index-size);letter-spacing:var(--text-index-ls);color:var(--text-faint);font-variant-numeric:tabular-nums}
.rmx-display{font-family:var(--font-display);font-size:var(--text-display-1-size);line-height:var(--text-display-1-lh);letter-spacing:var(--text-display-1-ls)}
.rmx-container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-pad)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Remixd Digital — global CSS entry. Import-only by contract. */
/* latin-ext */
@font-face {
  font-family: 'Courier Prime';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/602f4fe43d81b0c5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/37dff0e441de5988.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/18c8e32ea1e57232.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/21bf7ff8d9e06744.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/078c780980eb6dc4.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/06622415713b4150.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/c6f09ee0e0a24b7c.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/7b59d6bf7f8b8408.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/0a8b854cc18641bd.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/f1050dc5317b4343.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/c36f509c0a8f9f85.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/311098be73eac339.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/d524dc8ff6dbf7ed.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/b2529fba93fd07a5.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/77f03e26f981c582.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/design-assets/a76f53ca6612e7b3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/f746246b6b0b641f.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/b814a03d7e57b062.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/69744cabbccc9faf.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/1b6b18fd0fd240bc.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/ad4580d8cb4b5f62.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/3b4368f4c0c78154.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/aa3307fb7cace734.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/e2f9ddccf4809cdb.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/78cf4ebeacdce782.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/f0d521828c0d91f2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/134dc0ee94e70cf5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/c01b3de8c8058462.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/5bac72520e0a9a56.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/a29d4e6345cdb7e2.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/526a4dd36c3af41f.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/ae1d854fefa1167a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/design-assets/056e4e2459f57a00.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/a04fc7ed18a80371.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/6ee678c33f388dd7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/a8c4bd7cd7073180.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/design-assets/60c06664b5a95c7d.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/744830a0e77dd14d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/0b00fbd6edcc84cd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/9e2672d100bc36a3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/920711de9ae96c18.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/design-assets/6438d7b8ea9c7c39.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/744830a0e77dd14d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/0b00fbd6edcc84cd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/9e2672d100bc36a3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/920711de9ae96c18.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/design-assets/6438d7b8ea9c7c39.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/744830a0e77dd14d.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/0b00fbd6edcc84cd.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/9e2672d100bc36a3.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/920711de9ae96c18.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/design-assets/6438d7b8ea9c7c39.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* SUBSTITUTION NOTICE — no font binaries were supplied with the brand assets.
   These are the nearest Google Fonts matches to the live site's editorial-serif
   + technical-mono pairing. Swap the @font-face sources here if licensed files exist. */
:root{
  --font-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

:root{
  /* --- Base palette: sampled from the Remixd logotype + live site theme-color --- */
  --paper-50:#FAF8F4;
  --paper-100:#F4F1EB;   /* site meta theme-color */
  --paper-200:#EDE8DE;
  --paper-300:#E2DCCF;
  --paper-400:#DCD7CC;
  --paper-500:#C4BCAA;

  --navy-900:#152238;    /* logotype outline / deep ink */
  --navy-800:#1C2C46;
  --navy-700:#2A3B57;
  --ink-900:#14161A;      /* near-black, product surfaces */
  --ink-800:#1B1E24;
  --ink-700:#2C3037;
  --ink-500:#585D67;
  --ink-400:#7C818C;
  --ink-300:#A2A7B0;

  --orange-600:#CF441F;
  --orange-500:#E9532C;   /* logotype fill — primary accent */
  --orange-400:#F0764F;
  --orange-100:#FBE2D8;

  --blue-600:#3F7FB6;
  --blue-500:#5E9BD1;     /* logotype keyline */
  --blue-200:#BFD6EB;
  --blue-100:#E2EDF7;

  --silver-400:#B7BEC5;
  --silver-300:#D2D7DC;   /* turntable platter */
  --silver-200:#E6E9EC;

  /* Product accents observed on the four RMX systems */
  --rmx-violet:#7C5CFF;
  --rmx-orange:#E9532C;
  --rmx-gold:#E8B44A;
  --rmx-indigo:#241C57;

  /* --- Semantic aliases: use these in components --- */
  --canvas:var(--paper-100);
  --canvas-sunken:var(--paper-200);
  --canvas-raised:var(--paper-50);
  --surface-card:var(--paper-50);
  --surface-quiet:var(--paper-200);
  --surface-inverse:var(--ink-900);
  --surface-inverse-raised:var(--ink-800);
  --surface-brand:var(--navy-900);

  --text-body:var(--ink-900);
  --text-strong:var(--navy-900);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-inverse:var(--paper-100);
  --text-inverse-muted:rgba(244,241,235,.62);
  --text-accent:var(--orange-500);
  --text-link:var(--navy-900);

  --accent:var(--orange-500);
  --accent-hover:var(--orange-600);
  --accent-quiet:rgba(233,83,44,.10);
  --accent-secondary:var(--blue-500);
  --accent-secondary-quiet:rgba(94,155,209,.14);

  --line-hairline:var(--paper-400);
  --line-strong:var(--paper-500);
  --line-ink:var(--navy-900);
  --line-inverse:rgba(244,241,235,.16);

  --focus-ring:var(--orange-500);
  --selection-bg:rgba(233,83,44,.22);

  --status-live:#3F8F5B;
  --status-idle:var(--ink-400);
  --status-warn:var(--rmx-gold);
}

:root{
  /* Display — Instrument Serif, tight and optical */
  --text-display-1-size:clamp(3.25rem,7vw,6.25rem);
  --text-display-1-lh:0.94;
  --text-display-1-ls:-0.025em;
  --text-display-2-size:clamp(2.375rem,4.6vw,3.75rem);
  --text-display-2-lh:1.02;
  --text-display-2-ls:-0.02em;
  --text-display-3-size:clamp(1.75rem,2.6vw,2.5rem);
  --text-display-3-lh:1.1;
  --text-display-3-ls:-0.015em;

  /* Sans headings + body — IBM Plex Sans */
  --text-h4-size:1.375rem; --text-h4-lh:1.28;
  --text-h5-size:1.0625rem; --text-h5-lh:1.35;
  --text-body-lg-size:1.125rem; --text-body-lg-lh:1.6;
  --text-body-size:1rem; --text-body-lh:1.65;
  --text-body-sm-size:0.9375rem; --text-body-sm-lh:1.55;
  --text-caption-size:0.8125rem; --text-caption-lh:1.45;

  /* Mono — labels, indices, spec values */
  --text-label-size:0.6875rem; --text-label-ls:0.14em; --text-label-lh:1;
  --text-index-size:0.75rem; --text-index-ls:0.08em;
  --text-meta-size:0.625rem; --text-meta-ls:0.18em;
  --text-numeral-size:clamp(1.75rem,3vw,2.75rem);

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;

  --measure-prose:62ch;
  --measure-narrow:44ch;
  --measure-display:22ch;
}

:root{
  --space-0:0px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --space-11:160px;
  --space-12:224px;

  --gutter:var(--space-5);
  --section-y:var(--space-10);
  --section-y-tight:var(--space-9);
  --stack-tight:var(--space-2);
  --stack:var(--space-4);
  --stack-loose:var(--space-6);

  --grid-columns:12; /* @kind other */
  --grid-gap:var(--space-5);
  --container-max:1240px;
  --container-prose:720px;
  --container-pad:clamp(20px,5vw,64px);
}

:root{
  --border-hairline:1px solid var(--line-hairline);
  --border-strong:1px solid var(--line-strong);
  --border-ink:1px solid var(--line-ink);
  --border-inverse:1px solid var(--line-inverse);
  --border-accent:1px solid var(--accent);
  --border-rule-weight:1px;
  --border-emphasis-weight:2px;

  --radius-0:0px;
  --radius-1:2px;
  --radius-2:4px;
  --radius-3:8px;
  --radius-pill:999px;
}

:root{
  /* Rams-adjacent: structure comes from rules, not shadow. Shadows are rare. */
  --shadow-none:none;
  --shadow-hairline:inset 0 0 0 1px var(--line-hairline);
  --shadow-lift:0 1px 0 rgba(21,34,56,.06);
  --shadow-panel:0 24px 48px -28px rgba(21,34,56,.24);
  --shadow-inverse-panel:0 24px 48px -28px rgba(0,0,0,.6);
  --blur-veil:blur(14px); /* @kind other */
  --veil-paper:rgba(244,241,235,.82);
  --veil-ink:rgba(20,22,26,.72);
}

:root{
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1); /* @kind other */
  --duration-1:120ms; /* @kind other */
  --duration-2:200ms; /* @kind other */
  --duration-3:320ms; /* @kind other */
  --duration-4:640ms; /* @kind other */
  --transition-hover:color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard),border-color var(--duration-2) var(--ease-standard),opacity var(--duration-2) var(--ease-standard);
  --press-scale:0.99; /* @kind other */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-lh);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-wrap:pretty}
::selection{background:var(--selection-bg)}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid var(--line-strong);transition:var(--transition-hover)}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0}
h4,h5,h6{font-family:var(--font-sans);font-weight:var(--weight-medium);margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
img{max-width:100%;display:block}
.rmx-label{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:var(--text-label-ls);line-height:var(--text-label-lh);text-transform:uppercase;color:var(--text-muted)}
.rmx-index{font-family:var(--font-mono);font-size:var(--text-index-size);letter-spacing:var(--text-index-ls);color:var(--text-faint);font-variant-numeric:tabular-nums}
.rmx-display{font-family:var(--font-display);font-size:var(--text-display-1-size);line-height:var(--text-display-1-lh);letter-spacing:var(--text-display-1-ls)}
.rmx-container{max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-pad)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ============================================================
   THE MASTER MIX — the deck / presentation expression.
   A second, distinct brand voice: paper-craft collage.
   Sampled from "Remixing the AI Future" (both decks).
   Textures in assets/textures/ are real crops from those slides.
   ============================================================ */
:root{
  /* Grounds */
  --craft-paper:#F2EDE2;        /* speckled recycled paper — default slide ground */
  --craft-paper-light:#F7F3EA;
  --craft-kraft:#B79365;        /* corrugated cardboard */
  --craft-kraft-dark:#9C7A4E;
  --craft-manila:#C9A778;       /* folder / luggage tag */
  --craft-tape:#E7DCBB;         /* masking tape */
  --craft-sticky:#EFE6A6;       /* sticky note yellow */

  /* Card stocks */
  --craft-card:#EFEAE0;         /* torn white card */
  --craft-card-grey:#A3A19A;    /* grey chipboard */
  --craft-card-lined:#F1EDE3;   /* lined index card */

  /* Inks */
  --craft-ink:#3D3A35;          /* charcoal — headlines */
  --craft-ink-soft:#5A554D;
  --craft-ink-invert:#F7F3EA;

  /* Accents — same family as the logotype */
  --craft-orange:#F0522A;
  --craft-blue:#3FA6DC;         /* brighter than the web blue */
  --craft-blue-deep:#4A86C8;
  --craft-green:#2ECC55;
  --craft-red-pen:#C4342E;      /* hand annotation */

  /* Type — heavy geometric sans headlines over typewriter body */
  --craft-font-display:"Montserrat","Helvetica Neue",Helvetica,sans-serif;
  --craft-font-body:"Courier Prime","Courier New",monospace;
  --craft-display-weight:800;

  --craft-title:clamp(38px,3.9vw,60px); /* @kind font */   /* slide titles */
  --craft-title-lh:1.04; /* @kind other */
  --craft-subtitle:clamp(24px,2.2vw,34px); /* @kind font */
  --craft-heading:clamp(20px,1.7vw,26px); /* @kind font */ /* card headings, display font */
  --craft-body:clamp(15px,1.28vw,19px); /* @kind font */   /* typewriter body */
  --craft-body-lh:1.5; /* @kind other */
  --craft-caption:clamp(13px,1.05vw,16px); /* @kind font */
  --craft-kicker:clamp(15px,1.25vw,19px); /* @kind font */

  /* Collage shadows — physical, offset, soft */
  --craft-lift-sm:2px 3px 6px rgba(50,40,28,.24);
  --craft-lift:4px 6px 12px rgba(50,40,28,.28);
  --craft-lift-lg:8px 12px 24px rgba(50,40,28,.32);

  /* Torn / ragged edges, as clip-paths */
  --craft-tear-card:polygon(0% 3%,4% 0%,17% 2%,31% 0%,48% 3%,63% 0%,79% 2%,92% 0%,100% 4%,99% 19%,100% 36%,98% 52%,100% 68%,99% 84%,100% 97%,88% 100%,72% 98%,55% 100%,38% 98%,22% 100%,8% 98%,0% 100%,1% 82%,0% 65%,2% 48%,0% 31%,1% 16%); /* @kind other */
  --craft-tear-strip:polygon(0% 8%,3% 0%,14% 5%,26% 0%,39% 4%,52% 0%,65% 5%,78% 0%,90% 4%,100% 0%,100% 92%,89% 100%,76% 95%,63% 100%,50% 96%,37% 100%,24% 95%,11% 100%,0% 96%); /* @kind other */
  --craft-tear-tab:polygon(0% 6%,6% 0%,25% 4%,50% 0%,75% 4%,94% 0%,100% 7%,99% 50%,100% 93%,93% 100%,74% 96%,50% 100%,26% 96%,7% 100%,0% 94%,1% 50%); /* @kind other */
}

/* Reusable collage primitives — the only class-based CSS in this system,
   because slide surfaces need texture that tokens alone cannot carry. */
.craft-stage{width:1280px;height:720px;position:relative;overflow:hidden;background:var(--craft-paper) url("/design-assets/37f8437d4686a1d3.png") repeat;background-size:280px 320px;font-family:var(--craft-font-body);color:var(--craft-ink)}
.craft-kraft{background:var(--craft-kraft) url("/design-assets/73dd9e02cbdda367.png") repeat;background-size:220px 88px}
.craft-manila-bg{background:var(--craft-manila) url("/design-assets/20000e4eb1cbe636.png") repeat;background-size:260px 180px}
.craft-title{font-family:var(--craft-font-display);font-weight:var(--craft-display-weight);font-size:var(--craft-title);line-height:var(--craft-title-lh);letter-spacing:-.018em;color:var(--craft-ink);margin:0}
.craft-subtitle{font-family:var(--craft-font-display);font-weight:700;font-size:var(--craft-subtitle);line-height:1.14;color:var(--craft-ink);margin:0}
.craft-heading{font-family:var(--craft-font-display);font-weight:700;font-size:var(--craft-heading);line-height:1.15;color:var(--craft-ink);margin:0}
.craft-body{font-family:var(--craft-font-body);font-size:var(--craft-body);line-height:var(--craft-body-lh);color:var(--craft-ink);margin:0}
.craft-card{background:var(--craft-card) url("/design-assets/37f8437d4686a1d3.png") repeat;background-size:280px 320px;clip-path:var(--craft-tear-card);filter:drop-shadow(var(--craft-lift));padding:22px 26px}
.craft-card-grey{background:var(--craft-card-grey);clip-path:var(--craft-tear-card);filter:drop-shadow(var(--craft-lift));padding:22px 26px}
.craft-strip{clip-path:var(--craft-tear-strip);filter:drop-shadow(var(--craft-lift))}
.craft-tape{background:var(--craft-tape);opacity:.9;box-shadow:0 1px 3px rgba(50,40,28,.2)}
.craft-pin{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#C9B48E,#8A7350 62%,#6B5638);box-shadow:1px 3px 5px rgba(50,40,28,.42)}



html{scroll-behavior:smooth;background:#0F1114}
body{margin:0;background:#0F1114;color:#F4F1EB;font-family:var(--font-sans);font-weight:var(--weight-light);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent);text-decoration:none;border-bottom:0}
a:hover{color:var(--accent-hover,#CF441F)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .v4plus{transform:rotate(45deg)}

@keyframes v4rise{from{transform:translateY(18px)}to{transform:none}}
@keyframes v4wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes v4pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
@keyframes v4sweep{0%{transform:translateX(-110%)}100%{transform:translateX(430%)}}
@keyframes v4drift{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes v4roll3{0%{transform:translateY(0)}30%{transform:translateY(-1em)}60%,100%{transform:translateY(-2em)}}
@keyframes v4cycle3{0%{opacity:0;transform:translateY(12px)}3%,33%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-12px)}}
@keyframes v4cycle4{0%{opacity:0;transform:translateY(12px)}3%,25%{opacity:1;transform:none}28%,100%{opacity:0;transform:translateY(-12px)}}

.v4r{animation:v4rise .85s var(--ease-standard) forwards}
.v4r2{animation:v4rise .85s var(--ease-standard) .1s forwards}
.v4r3{animation:v4rise .85s var(--ease-standard) .2s forwards}
.v4r4{animation:v4rise .85s var(--ease-standard) .3s forwards}
.v4f{animation:v4rise .9s var(--ease-standard) .35s forwards}
.v4bar{animation:v4wipe 1.3s var(--ease-standard) .3s forwards}
.v4bar2{animation:v4wipe 1.3s var(--ease-standard) .45s forwards}
.v4dot{animation:v4pulse 2.1s var(--ease-standard) infinite}
.v4arrow{transition:transform .24s var(--ease-standard),color .24s var(--ease-standard)}
.v4eb,.v4eb>span{white-space:nowrap}
@media (max-width:1180px){
 .v4vrow{grid-template-columns:52px minmax(0,1fr)!important}
 .v4vrow>span:last-child{grid-column:2;margin-top:var(--space-3)}
}

.v4roll{display:block;transform:translateY(-2em);animation:v4roll3 1.5s var(--ease-standard) .25s forwards}
.v4rollw{display:block;height:1em;overflow:hidden}

/* headline + logic caption cycles */
.v4hl>span{animation:v4cycle4 20s var(--ease-standard) -.5s infinite}
.v4hl>span:nth-child(2){animation-delay:4.5s}
.v4hl>span:nth-child(3){animation-delay:9.5s}
.v4hl>span:nth-child(4){animation-delay:14.5s}
.v4cap>h3{animation:v4cycle4 20s var(--ease-standard) -.5s infinite}
.v4cap>h3:nth-child(2){animation-delay:4.5s}
.v4cap>h3:nth-child(3){animation-delay:9.5s}
.v4cap>h3:nth-child(4){animation-delay:14.5s}

/* dial + links + rows */
.v4dl{transition:color .24s var(--ease-standard)}
.v4dl:hover{color:var(--accent)}
.v4dl:hover span{width:22px}
.v4nl{transition:color .24s var(--ease-standard)}
.v4nl:hover{color:var(--accent)}
.v4row{transition:background-color .24s var(--ease-standard)}
.v4row:hover{background:rgba(233,83,44,.08)}
.v4row:hover .v4arrow{transform:translateX(4px);color:var(--accent)}
.v4prow{transition:background-color .24s var(--ease-standard)}
.v4prow:hover{background:var(--accent-quiet,rgba(233,83,44,.1))}
.v4prow:hover .v4arrow{transform:translateX(4px);color:var(--accent)}
.v4bp{transition:background-color .2s var(--ease-standard),transform .12s var(--ease-standard)}
.v4bp:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--paper-50)}
.v4bp:active{transform:scale(.99)}
.v4bo{transition:background-color .2s var(--ease-standard),color .2s var(--ease-standard)}
.v4bo:hover{background:var(--accent);border-color:var(--accent);color:var(--paper-50)}
.v4card{transition:border-color .24s var(--ease-standard)}
.v4card:hover{border-color:var(--accent)}

/* CSS-only diagnostic — 6 symptoms, ~ sibling selectors, no transitions on state */
.v4dxin{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.v4dxl{display:block;cursor:pointer;padding:var(--space-4);border-bottom:1px solid rgba(244,241,235,.12);border-left:2px solid transparent}
.v4dxl:hover{background:rgba(233,83,44,.07)}
.v4dxl:hover .v4dxa{opacity:1;transform:none}
.v4dxa{opacity:0;transform:translateX(-4px)}
.v4dxp{display:none}
.v4dxp0{display:block}
.v4l0{background:rgba(233,83,44,.1);border-left-color:var(--accent)}
.v4l0 .v4dxc{color:var(--accent)}
.v4l0 .v4dxs{color:#F4F1EB}
.v4l0 .v4dxa{opacity:1;transform:none;color:var(--accent)}
#dx1:checked~.v4dxgrid .v4dxp0,#dx2:checked~.v4dxgrid .v4dxp0,#dx3:checked~.v4dxgrid .v4dxp0,#dx4:checked~.v4dxgrid .v4dxp0,#dx5:checked~.v4dxgrid .v4dxp0{display:none}
#dx1:checked~.v4dxgrid .v4dxp1,#dx2:checked~.v4dxgrid .v4dxp2,#dx3:checked~.v4dxgrid .v4dxp3,#dx4:checked~.v4dxgrid .v4dxp4,#dx5:checked~.v4dxgrid .v4dxp5{display:block}
#dx1:checked~.v4dxgrid .v4l0,#dx2:checked~.v4dxgrid .v4l0,#dx3:checked~.v4dxgrid .v4l0,#dx4:checked~.v4dxgrid .v4l0,#dx5:checked~.v4dxgrid .v4l0{background:transparent;border-left-color:transparent}
#dx1:checked~.v4dxgrid .v4l0 .v4dxc,#dx2:checked~.v4dxgrid .v4l0 .v4dxc,#dx3:checked~.v4dxgrid .v4l0 .v4dxc,#dx4:checked~.v4dxgrid .v4l0 .v4dxc,#dx5:checked~.v4dxgrid .v4l0 .v4dxc{color:rgba(244,241,235,.4)}
#dx1:checked~.v4dxgrid .v4l0 .v4dxs,#dx2:checked~.v4dxgrid .v4l0 .v4dxs,#dx3:checked~.v4dxgrid .v4l0 .v4dxs,#dx4:checked~.v4dxgrid .v4l0 .v4dxs,#dx5:checked~.v4dxgrid .v4l0 .v4dxs{color:rgba(244,241,235,.82)}
#dx1:checked~.v4dxgrid .v4l0 .v4dxa,#dx2:checked~.v4dxgrid .v4l0 .v4dxa,#dx3:checked~.v4dxgrid .v4l0 .v4dxa,#dx4:checked~.v4dxgrid .v4l0 .v4dxa,#dx5:checked~.v4dxgrid .v4l0 .v4dxa{opacity:0;transform:translateX(-4px)}
#dx1:checked~.v4dxgrid .v4l1,#dx2:checked~.v4dxgrid .v4l2,#dx3:checked~.v4dxgrid .v4l3,#dx4:checked~.v4dxgrid .v4l4,#dx5:checked~.v4dxgrid .v4l5{background:rgba(233,83,44,.1);border-left-color:var(--accent)}
#dx1:checked~.v4dxgrid .v4l1 .v4dxc,#dx2:checked~.v4dxgrid .v4l2 .v4dxc,#dx3:checked~.v4dxgrid .v4l3 .v4dxc,#dx4:checked~.v4dxgrid .v4l4 .v4dxc,#dx5:checked~.v4dxgrid .v4l5 .v4dxc{color:var(--accent)}
#dx1:checked~.v4dxgrid .v4l1 .v4dxs,#dx2:checked~.v4dxgrid .v4l2 .v4dxs,#dx3:checked~.v4dxgrid .v4l3 .v4dxs,#dx4:checked~.v4dxgrid .v4l4 .v4dxs,#dx5:checked~.v4dxgrid .v4l5 .v4dxs{color:#F4F1EB}
#dx1:checked~.v4dxgrid .v4l1 .v4dxa,#dx2:checked~.v4dxgrid .v4l2 .v4dxa,#dx3:checked~.v4dxgrid .v4l3 .v4dxa,#dx4:checked~.v4dxgrid .v4l4 .v4dxa,#dx5:checked~.v4dxgrid .v4l5 .v4dxa{opacity:1;transform:none;color:var(--accent)}
#dx0:focus-visible~.v4dxgrid .v4l0,#dx1:focus-visible~.v4dxgrid .v4l1,#dx2:focus-visible~.v4dxgrid .v4l2,#dx3:focus-visible~.v4dxgrid .v4l3,#dx4:focus-visible~.v4dxgrid .v4l4,#dx5:focus-visible~.v4dxgrid .v4l5{outline:2px solid var(--accent);outline-offset:-2px}
@media (max-width:900px){.v4crow{grid-template-columns:28px minmax(0,1fr)!important}.v4crow>span:last-child{grid-column:2;text-align:left!important}}

/* horizontal rail */
.v4rail{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--container-pad) var(--space-4);scrollbar-width:none;-ms-overflow-style:none}
.v4rail::-webkit-scrollbar{display:none}
.v4rail>article{scroll-snap-align:center;flex:0 0 auto;width:min(80vw,520px)}

@media (max-width:1180px){.v4dial{display:none!important}}
@media (max-width:900px){
 .v4nav{display:none!important}
 .v4split{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-6)!important}
 .v4quad{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .v4mfrow{grid-template-columns:40px minmax(0,1fr)!important}
 .v4mfrow>span:nth-child(3),.v4mfrow>span:nth-child(4){display:none}
 .v4noterow{grid-template-columns:34px minmax(0,1fr) 24px!important}
 .v4noterow>span:nth-child(2),.v4noterow>span:nth-child(4){display:none}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}