/* RH Advisory site — shared stylesheet
   Generated from the original bundle's inline <style> blocks.
   Fonts are self-hosted under /assets/fonts/. */

/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-greek.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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-latin.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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-greek.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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-latin.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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-greek.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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-latin.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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-greek.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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-latin.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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/manrope-greek.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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.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: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/manrope-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-600-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-600-vietnamese.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: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-600-latin-ext.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: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-600-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-600-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-600-vietnamese.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: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-600-latin-ext.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: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-600-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-600-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-600-vietnamese.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: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-600-latin-ext.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: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-600-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-700-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-700-vietnamese.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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-700-latin-ext.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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-700-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-700-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-700-vietnamese.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: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-700-latin-ext.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: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-700-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-700-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-700-vietnamese.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: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-700-latin-ext.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: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-700-latin.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 */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-700-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-700-vietnamese.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: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-700-latin-ext.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: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-700-latin.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;
}

*{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:#2D1B4E}
  a{text-decoration:none;color:inherit}
  img{display:block;max-width:100%}
  @keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  .nvlink{position:relative}
  .nvlink::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:#C9A668;transition:width .25s}
  .nvlink:hover::after{width:100%}
  .svc{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
  .svc:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(61,26,43,.16)}
  .svc:hover .svcmore{gap:14px}
  .btnp{transition:background .2s,color .2s,transform .2s}
  .btnp:hover{transform:translateY(-2px)}
  .scrollcue{animation:floaty 2.4s ease-in-out infinite}
  .navgroup{position:relative}
  .navtrigger{cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .navmenu{position:absolute;left:50%;transform:translateX(-50%);top:100%;padding-top:16px;display:none;z-index:80}
  .navgroup:hover .navmenu{display:flex}
  .navcard{display:flex;flex-direction:column;gap:6px;background:#241536;border:1px solid rgba(245,237,224,.15);border-radius:14px;padding:10px;box-shadow:0 24px 50px rgba(0,0,0,.5);min-width:340px}
  .navcard a{display:block;border-radius:10px;padding:10px 13px;border-left:3px solid transparent;transition:background .15s}
  .navcard a:hover{background:rgba(245,237,224,.08)}
  @media print{ [data-reveal]{opacity:1 !important;transform:none !important} nav{position:static !important} *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important} }

@media print{
  @page{margin:0}
  html,body{background:#F5EDE0}
  [data-reveal]{opacity:1!important;transform:none!important}
  nav{position:static!important}
  .scrollcue{display:none!important}
  #page-change,#page-mentoring,#page-mentoring-co,#page-fractional,#page-networking{break-before:page;page-break-before:always}
  .svc,.card3,.tool{break-inside:avoid}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}

/* ============ RESPONSIVE ============ */
  @media (max-width: 980px){
    [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr 1fr !important}
  }
  @media (max-width: 760px){
    /* collapse multi-column layouts */
    [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr !important}
    [style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr !important}
    [style*="grid-template-columns: 0.86fr 1.14fr"]{grid-template-columns:1fr !important}
    /* tighten container side padding */
    [style*="max-width: 1240px"]{padding-left:22px !important;padding-right:22px !important}
    /* display type scale-down */
    [style*="font-size: 116px"]{font-size:62px !important}
    [style*="font-size: 60px"]{font-size:37px !important}
    [style*="font-size: 58px"]{font-size:36px !important}
    [style*="font-size: 54px"]{font-size:33px !important}
    [style*="font-size: 46px"]{font-size:30px !important}
    [style*="font-size: 44px"]{font-size:29px !important}
    [style*="font-size: 34px"]{font-size:26px !important}
    [style*="font-size: 20px"]{font-size:17px !important}
    [style*="font-size: 19px"]{font-size:16.5px !important}
    [style*="font-size: 18.5px"]{font-size:16.5px !important}
    /* shrink large vertical section padding */
    [style*="padding: 104px 0px"]{padding-top:60px !important;padding-bottom:60px !important}
    [style*="padding: 100px 0px"]{padding-top:58px !important;padding-bottom:58px !important}
    /* hero images fade behind text for legibility */
    header > img[data-parallax]{opacity:.30 !important}
    header{min-height:0 !important}
    header [style*="max-width: 680px"]{max-width:100% !important}
    /* NAV on phones: keep everything on ONE row — logo + language + Contact +
       hamburger. The nav links themselves live in the hamburger overlay (see
       the @media block further down), so the old "wrap into stacked rows +
       swipe strip" design is legacy. Its flex-wrap was what pushed the
       hamburger onto a second line (children summed 336px vs 303px available
       at 375px). Tighter side padding and language pills buy back ~70px so it
       fits on one line down to small phones. */
    .navbar{flex-wrap:nowrap !important;padding-left:14px !important;padding-right:14px !important;column-gap:8px !important}
    .navbar > a:first-child span{display:none !important}
    .langswitch{gap:2px !important}
    .langswitch a{padding:6px 7px !important}
    /* the wrapper holding the language switch + Contact button */
    .navbar > div:not(.navlinks){gap:10px !important}
    .navbar .btnp{padding-left:13px !important;padding-right:13px !important}
    .navlinks{order:3 !important;width:100% !important;gap:18px !important;font-size:12.5px !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;padding-bottom:3px !important;scrollbar-width:none !important}
    .navlinks::-webkit-scrollbar{display:none}
    /* split hero photo blocks shrink gracefully */
    [style*="gap: 60px"]{gap:34px !important}
  }
  @media (max-width: 460px){
    [style*="font-size: 116px"]{font-size:50px !important}
    [style*="font-size: 60px"]{font-size:31px !important}
    [style*="font-size: 58px"]{font-size:31px !important}
  }


/* --- rh-site additions: shared components --- */

/* Reveal-on-scroll: hide up-front via CSS so nothing is painted-then-hidden.
   Gated on the .js class (set inline in <head>) so no-JS visitors still see everything. */
.js [data-reveal]{opacity:0;will-change:opacity,transform}

/* Preserve image aspect ratio when only one dimension is set inline.
   The width/height HTML attributes stay for CLS (browsers derive aspect-ratio from them),
   but CSS-level auto lets inline style="height:28px" compute width proportionally
   instead of using the attribute's raw pixel value. */
img[width][height]{width:auto;height:auto}

/* Responsive-grid collapse: the inline styles in the migrated template use
   compact syntax like "grid-template-columns:repeat(3,1fr)" without spaces.
   The extracted responsive block below matches the *spaced* form only, so
   these rules cover the compact form actually present in the HTML. */
@media (max-width:980px){
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr 1fr !important}
}
@media (max-width:760px){
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1.4fr 1fr"],
  [style*="grid-template-columns:.86fr 1.14fr"]{grid-template-columns:1fr !important}
  /* Also tighten card padding a touch on phones for one-column readability */
  #credentials [style*="border-radius:18px"]{padding-left:24px !important;padding-right:24px !important}
}


/* Language switcher (in-nav) */
.langswitch a{padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.4px;color:#F5EDE0;opacity:.6;transition:opacity .15s,background .15s}
.langswitch a.on{opacity:1;background:rgba(245,237,224,.16)}
.langswitch a:hover{opacity:1}
.langswitch a:focus-visible{outline:2px solid #C9A668;outline-offset:2px}

/* Nav dropdown triggers: styled like the anchor <span> they replaced. Keyboard-focusable. */
.navtrigger{cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:inherit;font:inherit;padding:0}
.navtrigger:focus-visible{outline:2px solid #C9A668;outline-offset:4px;border-radius:4px}
/* Show the dropdown on hover (existing) OR when the trigger has focus OR the group is .open (JS-toggled). */
.navgroup:focus-within .navmenu, .navgroup.open .navmenu{display:flex}

/* Mobile-only "Overview / Home" link — hidden on desktop, revealed by the ≤760px block below. */
.navlinks .mobile-home{display:none}

/* Contact form (Netlify Forms).
   Lives inside a dark-purple gradient section, so labels/help text are cream. */
.contact-form{display:grid;gap:16px;max-width:520px;margin:0 auto;text-align:left}
.contact-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:rgba(245,237,224,.85);letter-spacing:1.2px;text-transform:uppercase}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px;border:1px solid rgba(245,237,224,.28);border-radius:10px;font-size:16px;font-family:inherit;background:#FBF8F4;color:#2D1416;min-height:48px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8B7B7E;opacity:1}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #C9A668;outline-offset:2px;border-color:#C9A668}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form button{min-height:48px;padding:14px 22px;background:#C9A668;color:#2D1B4E;border:none;border-radius:12px;font:600 16px/1 'Manrope',system-ui,sans-serif;letter-spacing:.4px;cursor:pointer;transition:transform .2s,background .2s}
.contact-form button:hover{transform:translateY(-2px);background:#D4B478}
.contact-form .row{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media (max-width:600px){.contact-form .row{grid-template-columns:1fr}}

/* Nav brand anchor: give the logo a proper tap target on mobile. */
.navbar > a:first-child{display:inline-flex;align-items:center;gap:11px;min-height:44px;padding:4px 6px;margin-left:-6px;border-radius:6px}
.navbar > a:first-child:focus-visible{outline:2px solid #C9A668;outline-offset:2px}

/* Global mobile-friendliness baseline */
html{-webkit-text-size-adjust:100%}
body{font-size:16px;line-height:1.5}
input,select,textarea,button{font-family:inherit;font-size:16px}
button{min-height:44px}

/* Site footer (NAP block) — identical across all 18 content pages */
/* Base font. The pages set Manrope on their #page-* wrapper, but the <footer>
   sits OUTSIDE that wrapper, so without this the whole footer fell back to the
   browser's default serif while the header was Manrope (spotted 2026-07-16).
   Headings that ask for 'Playfair Display' still override this themselves. */
body{font-family:'Manrope',system-ui,sans-serif}

.site-footer{background:#1F1234;color:#F5EDE0;padding:44px 24px 32px;font-size:14px}
.site-footer-inner{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-start;justify-content:space-between}
.site-footer .brand{display:flex;align-items:center;gap:11px}
.site-footer .brand img{height:26px;filter:brightness(0) invert(1)}
.site-footer .brand strong{font-weight:800;font-size:13px;letter-spacing:1.7px;color:#F5EDE0;text-transform:uppercase}
.site-footer .nap{display:flex;flex-direction:column;gap:6px;font-size:14px;color:rgba(245,237,224,.85)}
.site-footer .nap a{color:#F5EDE0;min-height:44px;display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.site-footer .nap a:hover{color:#C9A668}
.site-footer .legal{display:flex;flex-direction:column;gap:6px;color:rgba(245,237,224,.55);font-size:12.5px;line-height:1.55}
.site-footer .legal a{color:rgba(245,237,224,.75);border-bottom:1px solid rgba(245,237,224,.25);padding-bottom:1px}
@media (max-width:640px){
  .site-footer-inner{flex-direction:column;align-items:flex-start;gap:20px}
}

/* Mobile navigation: hamburger toggle for widths <=760px.
   Above 760px, the desktop hover-dropdown pattern is untouched.
   NOTE: while the menu is open we neutralize backdrop-filter on the sticky nav —
   backdrop-filter creates a containing block that would trap position:fixed
   descendants and shrink the overlay to the nav's own height. */
.nav-toggle{display:none}
.nav-open-btn,.nav-close-btn{display:none;background:none;border:0;color:#F5EDE0;cursor:pointer;padding:10px;font-size:22px;line-height:1;min-width:44px;min-height:44px}
@media (max-width:760px){
  body.nav-open nav{backdrop-filter:none !important; -webkit-backdrop-filter:none !important}
  .nav-open-btn{display:inline-flex;align-items:center;justify-content:center;order:99}
  .navlinks{position:fixed;inset:0;background:rgba(15,8,32,.98);flex-direction:column !important;align-items:stretch !important;overflow-y:auto !important;overflow-x:hidden !important;padding:80px 26px 40px !important;gap:0 !important;font-size:17px !important;z-index:1000;transform:translateY(-100%);transition:transform .28s ease}
  .navlinks[data-open="true"]{transform:translateY(0)}
  .nav-close-btn{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:12px;right:12px;font-size:28px;z-index:1010}
  /* Kill the desktop hover-dropdown, flatten links into vertical list */
  .navlinks .nvlink,
  .navlinks .navtrigger{display:none !important}
  .navmenu{position:static !important;transform:none !important;display:flex !important;padding:0 !important}
  .navcard{background:none !important;border:0 !important;box-shadow:none !important;min-width:0 !important;padding:0 !important;gap:0 !important}
  .navcard a{padding:16px 8px !important;border-radius:0 !important;border-bottom:1px solid rgba(245,237,224,.09) !important;min-height:56px;display:flex !important;flex-direction:column;justify-content:center;border-left:0 !important}
  .navlinks > .navgroup{width:100%}
  .navlinks::before{content:attr(data-menu-label);display:block;font-size:11px;letter-spacing:2px;color:rgba(245,237,224,.5);padding:14px 8px 6px;text-transform:uppercase;font-weight:700}
  /* Home link doesn't have a card wrapper — surface it as its own row */
  .navlinks > a.nvlink.mobile-home{display:flex !important;padding:16px 8px;border-bottom:1px solid rgba(245,237,224,.09);color:#F5EDE0;min-height:56px;align-items:center}
  /* Section labels (For Companies / For Individuals) shown on mobile */
  .navlinks .mobile-section{display:block !important;font-size:11px;letter-spacing:2px;color:rgba(245,237,224,.5);padding:22px 8px 6px;text-transform:uppercase;font-weight:700}
  /* Give the header nav a Menu button */
  .navbar > a:first-child span{display:none !important}
  .langswitch{margin-left:auto}
  body.nav-open{overflow:hidden}
}

/* Larger hit targets for anchors that act like buttons */
@media (max-width:760px){
  .btnp{min-height:44px !important;display:inline-flex !important;align-items:center;justify-content:center}
}

/* Prevent unintended horizontal overflow on narrow viewports.
   Use overflow-x:clip on body (not hidden), so position:sticky on <nav> keeps working. */
html{overflow-x:clip}
body{max-width:100%;overflow-x:clip}

/* Body font-size guarantee on mobile: block iOS auto-zoom on form inputs */
@media (max-width:760px){
  body{font-size:16px}
  input,select,textarea{font-size:16px}
}

/* ============================================================
   Homepage mobile polish (<=760px). Targets inline styles via
   attribute selectors + !important, matching the override
   pattern used above. These style signatures only occur on the
   homepage hero and footprint section, so the rules are inert
   on other pages and identical across EN/ES/PT (shared file).
   ============================================================ */
@media (max-width:760px){
  /* 1. Hero portrait: widen it and pull the fade back so the face shows.
        NB: this <img> has data-parallax, so its inline style is re-serialized
        with spaces by JS — match the space-proof substring "center 16%". */
  [style*="center 16%"]{
    width:70% !important;
    object-position:center 12% !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%) !important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 46%) !important;
  }
  /* 2. Hide the decorative lotus watermark (only its top petals showed).
        Also parallax-driven — match its unique width value "420px". */
  [style*="420px"]{display:none !important;}
  /* 3. World-map pins: shrink the dots + labels so they stop colliding */
  [style*="box-shadow:0 0 0 4px rgba(201,166,104,.22)"]{
    width:8px !important;height:8px !important;
    box-shadow:0 0 0 3px rgba(201,166,104,.22) !important;
  }
  [style*="font-size:12px;color:#F5EDE0;white-space:nowrap"]{font-size:9px !important;}
  /* 4. Career-timeline last row: let RH + Junior Achievement wrap instead
        of the JA logo running off the right edge */
  [style*="display:flex;align-items:center;gap:14px"]{flex-wrap:wrap !important;row-gap:10px !important;}
  [style*="width:1px;height:40px"]{display:none !important;}
}

/* Testimonials: center a lone last card in the desktop 3-col row (added 2026-07-15) */
@media (min-width:981px){.tgrid>div:last-child:nth-child(3n+1){grid-column:2}}

/* Hero testimonial seal (added 2026-07-17): rotating C-level quotes lower-right over the photo */
.rh-seal-scrim{position:absolute;right:0;bottom:0;width:56%;height:52%;pointer-events:none;z-index:1;background:radial-gradient(120% 100% at 100% 100%, rgba(10,5,20,.66) 0%, rgba(10,5,20,.3) 44%, transparent 72%)}
.rh-seal{position:absolute;right:40px;bottom:34px;z-index:4;width:360px;max-width:calc(100% - 60px);border-left:2px solid #C9A668;padding:2px 0 2px 16px}
.rh-seal .rh-item{transition:opacity 1.2s ease}
.rh-seal .rh-q{font-family:'Playfair Display',serif;font-style:italic;font-size:16px;line-height:1.44;color:#F8F1E7;margin:0 0 11px;text-shadow:0 1px 10px rgba(8,4,16,.92)}
.rh-seal .rh-n{font-weight:700;font-size:12.5px;color:#F5EDE0;text-shadow:0 1px 8px rgba(8,4,16,.92)}
.rh-seal .rh-r{font-size:11px;color:rgba(245,237,224,.72);margin-top:2px;text-shadow:0 1px 8px rgba(8,4,16,.92)}
.rh-seal .rh-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.rh-seal .rh-dots{display:flex;gap:6px}
.rh-seal .rh-dots i{width:5px;height:5px;border-radius:50%;background:rgba(245,237,224,.35);transition:all .5s}
.rh-seal .rh-dots i.on{background:#C9A668;width:16px;border-radius:3px}
.rh-seal .rh-more{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#C9A668;text-decoration:none;text-shadow:0 1px 8px rgba(8,4,16,.9)}
.rh-seal .rh-more:hover{color:#DCC081}
@media (max-width:1160px){.rh-seal,.rh-seal-scrim{display:none}}

/* Mobile/tablet testimonial band (added 2026-07-17), shown where the hero seal is hidden */
.rh-band{display:none;background:#201338;padding:40px 24px;border-top:1px solid rgba(245,237,224,.08);border-bottom:1px solid rgba(245,237,224,.08)}
@media (max-width:1160px){.rh-band{display:block}}
.rh-band-in{max-width:640px;margin:0 auto;text-align:center}
.rh-band .rh-bmark{font-family:'Playfair Display',serif;font-size:44px;line-height:0;color:#C9A668;display:inline-block;height:18px}
.rh-band .rh-bitem{transition:opacity 1.1s ease}
.rh-band .rh-bq{font-family:'Playfair Display',serif;font-style:italic;font-size:19px;line-height:1.46;color:#F5EDE0;margin:12px 0 14px}
.rh-band .rh-bn{font-weight:700;font-size:13px;color:#F5EDE0}
.rh-band .rh-br{font-size:11.5px;color:rgba(245,237,224,.6);margin-top:2px}
.rh-band .rh-bfoot{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.rh-band .rh-bdots{display:flex;gap:6px}
.rh-band .rh-bdots i{width:5px;height:5px;border-radius:50%;background:rgba(245,237,224,.3);transition:all .4s}
.rh-band .rh-bdots i.on{background:#C9A668;width:16px;border-radius:3px}
.rh-band .rh-bmore{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#C9A668;text-decoration:none}
.rh-band .rh-bmore:hover{color:#DCC081}
@media (max-width:480px){.rh-band .rh-bq{font-size:17.5px}}

/* ── Home entry cards: premium hover on the service rows + the two cards ── */
/* Effect 1 — service rows: arrow slides, row warms on hover */
.entry-card>a{transition:background .18s ease,padding-left .18s ease;border-radius:9px;margin:0 -10px;padding-left:10px !important;padding-right:10px !important}
.entry-card>a:hover{background:rgba(245,237,224,.05);padding-left:14px !important}
.entry-card>a span[style*="color:#C9A668;font-weight:700"]{display:inline-block;transition:transform .18s ease}
.entry-card>a:hover span[style*="color:#C9A668;font-weight:700"]{transform:translateX(4px)}
/* Effect 2 — the two cards lift slightly, mirroring the .svc cards below */
.entry-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.entry-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,8,32,.28);border-color:rgba(245,237,224,.3)}
/* Effect 3 — proofpoint numbers count up on first view (JS sets .counting) */
.rh-count{font-variant-numeric:tabular-nums}

/* Effect 4 — honor reduced-motion for every animation on the site */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .entry-card:hover{transform:none}
  .entry-card>a:hover{padding-left:10px !important}
}

/* Hero H1: shrink on small screens (inline font-size is 58-62px, no responsive rule existed) */
@media (max-width:640px){
  header h1{font-size:37px !important;line-height:1.1 !important}
}
@media (max-width:380px){
  header h1{font-size:32px !important}
}