/* cyrillic-ext */
@font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDY1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweD81ZzPJ.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDc1ZzPJ.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDg1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDQ1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDU1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDs1Zw.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: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDY1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweD81ZzPJ.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDc1ZzPJ.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDg1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDQ1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDU1ZzPJ.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: 'EB Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGWmQSNjdsmc35JDF1K5GRweDs1Zw.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: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR4SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR2SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR6SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR7SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR1SDk.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: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR4SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR2SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR6SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR7SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR1SDk.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: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR4SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR2SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR6SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR7SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR1SDk.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: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR4SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR2SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR6SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR7SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR1SDk.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: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR4SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR2SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR6SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR7SDktYw.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: 'EB Garamond';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/assets/fonts/v32-SlGUmQSNjdsmc35JDF1K5GR1SDk.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: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.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: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.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: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.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: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.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: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.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: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.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: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.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: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/fonts/v20-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.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: 'Marcellus';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v14-wEO_EBrOk8hQLDvIAF81WPoK7Es.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: 'Marcellus';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/fonts/v14-wEO_EBrOk8hQLDvIAF81VvoK.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;
}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.col-span-12{grid-column:span 12/span 12}.mx-auto{margin-left:auto;margin-right:auto}.mt-10{margin-top:2.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded{border-radius:.25rem}.border-brand-blue{--tw-border-opacity:1;border-color:rgb(14 89 154/var(--tw-border-opacity,1))}.border-brand-blue\/0{border-color:rgba(14,89,154,0)}.border-brand-blue\/10{border-color:rgba(14,89,154,.1)}.border-brand-blue\/100{border-color:#0e599a}.border-brand-blue\/15{border-color:rgba(14,89,154,.15)}.border-brand-blue\/20{border-color:rgba(14,89,154,.2)}.border-brand-blue\/25{border-color:rgba(14,89,154,.25)}.border-brand-blue\/30{border-color:rgba(14,89,154,.3)}.border-brand-blue\/35{border-color:rgba(14,89,154,.35)}.border-brand-blue\/40{border-color:rgba(14,89,154,.4)}.border-brand-blue\/45{border-color:rgba(14,89,154,.45)}.border-brand-blue\/5{border-color:rgba(14,89,154,.05)}.border-brand-blue\/50{border-color:rgba(14,89,154,.5)}.border-brand-blue\/55{border-color:rgba(14,89,154,.55)}.border-brand-blue\/60{border-color:rgba(14,89,154,.6)}.border-brand-blue\/65{border-color:rgba(14,89,154,.65)}.border-brand-blue\/70{border-color:rgba(14,89,154,.7)}.border-brand-blue\/75{border-color:rgba(14,89,154,.75)}.border-brand-blue\/80{border-color:rgba(14,89,154,.8)}.border-brand-blue\/85{border-color:rgba(14,89,154,.85)}.border-brand-blue\/90{border-color:rgba(14,89,154,.9)}.border-brand-blue\/95{border-color:rgba(14,89,154,.95)}.border-brand-blueDk{--tw-border-opacity:1;border-color:rgb(10 62 109/var(--tw-border-opacity,1))}.border-brand-blueDk\/0{border-color:rgba(10,62,109,0)}.border-brand-blueDk\/10{border-color:rgba(10,62,109,.1)}.border-brand-blueDk\/100{border-color:#0a3e6d}.border-brand-blueDk\/15{border-color:rgba(10,62,109,.15)}.border-brand-blueDk\/20{border-color:rgba(10,62,109,.2)}.border-brand-blueDk\/25{border-color:rgba(10,62,109,.25)}.border-brand-blueDk\/30{border-color:rgba(10,62,109,.3)}.border-brand-blueDk\/35{border-color:rgba(10,62,109,.35)}.border-brand-blueDk\/40{border-color:rgba(10,62,109,.4)}.border-brand-blueDk\/45{border-color:rgba(10,62,109,.45)}.border-brand-blueDk\/5{border-color:rgba(10,62,109,.05)}.border-brand-blueDk\/50{border-color:rgba(10,62,109,.5)}.border-brand-blueDk\/55{border-color:rgba(10,62,109,.55)}.border-brand-blueDk\/60{border-color:rgba(10,62,109,.6)}.border-brand-blueDk\/65{border-color:rgba(10,62,109,.65)}.border-brand-blueDk\/70{border-color:rgba(10,62,109,.7)}.border-brand-blueDk\/75{border-color:rgba(10,62,109,.75)}.border-brand-blueDk\/80{border-color:rgba(10,62,109,.8)}.border-brand-blueDk\/85{border-color:rgba(10,62,109,.85)}.border-brand-blueDk\/90{border-color:rgba(10,62,109,.9)}.border-brand-blueDk\/95{border-color:rgba(10,62,109,.95)}.border-brand-ink{--tw-border-opacity:1;border-color:rgb(6 31 58/var(--tw-border-opacity,1))}.border-brand-ink\/0{border-color:rgba(6,31,58,0)}.border-brand-ink\/10{border-color:rgba(6,31,58,.1)}.border-brand-ink\/100{border-color:#061f3a}.border-brand-ink\/15{border-color:rgba(6,31,58,.15)}.border-brand-ink\/20{border-color:rgba(6,31,58,.2)}.border-brand-ink\/25{border-color:rgba(6,31,58,.25)}.border-brand-ink\/30{border-color:rgba(6,31,58,.3)}.border-brand-ink\/35{border-color:rgba(6,31,58,.35)}.border-brand-ink\/40{border-color:rgba(6,31,58,.4)}.border-brand-ink\/45{border-color:rgba(6,31,58,.45)}.border-brand-ink\/5{border-color:rgba(6,31,58,.05)}.border-brand-ink\/50{border-color:rgba(6,31,58,.5)}.border-brand-ink\/55{border-color:rgba(6,31,58,.55)}.border-brand-ink\/60{border-color:rgba(6,31,58,.6)}.border-brand-ink\/65{border-color:rgba(6,31,58,.65)}.border-brand-ink\/70{border-color:rgba(6,31,58,.7)}.border-brand-ink\/75{border-color:rgba(6,31,58,.75)}.border-brand-ink\/80{border-color:rgba(6,31,58,.8)}.border-brand-ink\/85{border-color:rgba(6,31,58,.85)}.border-brand-ink\/90{border-color:rgba(6,31,58,.9)}.border-brand-ink\/95{border-color:rgba(6,31,58,.95)}.border-brand-red{--tw-border-opacity:1;border-color:rgb(148 26 29/var(--tw-border-opacity,1))}.border-brand-red\/0{border-color:rgba(148,26,29,0)}.border-brand-red\/10{border-color:rgba(148,26,29,.1)}.border-brand-red\/100{border-color:#941a1d}.border-brand-red\/15{border-color:rgba(148,26,29,.15)}.border-brand-red\/20{border-color:rgba(148,26,29,.2)}.border-brand-red\/25{border-color:rgba(148,26,29,.25)}.border-brand-red\/30{border-color:rgba(148,26,29,.3)}.border-brand-red\/35{border-color:rgba(148,26,29,.35)}.border-brand-red\/40{border-color:rgba(148,26,29,.4)}.border-brand-red\/45{border-color:rgba(148,26,29,.45)}.border-brand-red\/5{border-color:rgba(148,26,29,.05)}.border-brand-red\/50{border-color:rgba(148,26,29,.5)}.border-brand-red\/55{border-color:rgba(148,26,29,.55)}.border-brand-red\/60{border-color:rgba(148,26,29,.6)}.border-brand-red\/65{border-color:rgba(148,26,29,.65)}.border-brand-red\/70{border-color:rgba(148,26,29,.7)}.border-brand-red\/75{border-color:rgba(148,26,29,.75)}.border-brand-red\/80{border-color:rgba(148,26,29,.8)}.border-brand-red\/85{border-color:rgba(148,26,29,.85)}.border-brand-red\/90{border-color:rgba(148,26,29,.9)}.border-brand-red\/95{border-color:rgba(148,26,29,.95)}.border-brand-redDk{--tw-border-opacity:1;border-color:rgb(107 18 21/var(--tw-border-opacity,1))}.border-brand-redDk\/0{border-color:rgba(107,18,21,0)}.border-brand-redDk\/10{border-color:rgba(107,18,21,.1)}.border-brand-redDk\/100{border-color:#6b1215}.border-brand-redDk\/15{border-color:rgba(107,18,21,.15)}.border-brand-redDk\/20{border-color:rgba(107,18,21,.2)}.border-brand-redDk\/25{border-color:rgba(107,18,21,.25)}.border-brand-redDk\/30{border-color:rgba(107,18,21,.3)}.border-brand-redDk\/35{border-color:rgba(107,18,21,.35)}.border-brand-redDk\/40{border-color:rgba(107,18,21,.4)}.border-brand-redDk\/45{border-color:rgba(107,18,21,.45)}.border-brand-redDk\/5{border-color:rgba(107,18,21,.05)}.border-brand-redDk\/50{border-color:rgba(107,18,21,.5)}.border-brand-redDk\/55{border-color:rgba(107,18,21,.55)}.border-brand-redDk\/60{border-color:rgba(107,18,21,.6)}.border-brand-redDk\/65{border-color:rgba(107,18,21,.65)}.border-brand-redDk\/70{border-color:rgba(107,18,21,.7)}.border-brand-redDk\/75{border-color:rgba(107,18,21,.75)}.border-brand-redDk\/80{border-color:rgba(107,18,21,.8)}.border-brand-redDk\/85{border-color:rgba(107,18,21,.85)}.border-brand-redDk\/90{border-color:rgba(107,18,21,.9)}.border-brand-redDk\/95{border-color:rgba(107,18,21,.95)}.border-charcoal{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity,1))}.border-charcoal\/0{border-color:hsla(0,0%,7%,0)}.border-charcoal\/10{border-color:hsla(0,0%,7%,.1)}.border-charcoal\/100{border-color:#111}.border-charcoal\/15{border-color:hsla(0,0%,7%,.15)}.border-charcoal\/20{border-color:hsla(0,0%,7%,.2)}.border-charcoal\/25{border-color:hsla(0,0%,7%,.25)}.border-charcoal\/30{border-color:hsla(0,0%,7%,.3)}.border-charcoal\/35{border-color:hsla(0,0%,7%,.35)}.border-charcoal\/40{border-color:hsla(0,0%,7%,.4)}.border-charcoal\/45{border-color:hsla(0,0%,7%,.45)}.border-charcoal\/5{border-color:hsla(0,0%,7%,.05)}.border-charcoal\/50{border-color:hsla(0,0%,7%,.5)}.border-charcoal\/55{border-color:hsla(0,0%,7%,.55)}.border-charcoal\/60{border-color:hsla(0,0%,7%,.6)}.border-charcoal\/65{border-color:hsla(0,0%,7%,.65)}.border-charcoal\/70{border-color:hsla(0,0%,7%,.7)}.border-charcoal\/75{border-color:hsla(0,0%,7%,.75)}.border-charcoal\/80{border-color:hsla(0,0%,7%,.8)}.border-charcoal\/85{border-color:hsla(0,0%,7%,.85)}.border-charcoal\/90{border-color:hsla(0,0%,7%,.9)}.border-charcoal\/95{border-color:hsla(0,0%,7%,.95)}.border-cream{--tw-border-opacity:1;border-color:rgb(251 248 242/var(--tw-border-opacity,1))}.border-cream\/0{border-color:hsla(40,53%,97%,0)}.border-cream\/10{border-color:hsla(40,53%,97%,.1)}.border-cream\/100{border-color:#fbf8f2}.border-cream\/15{border-color:hsla(40,53%,97%,.15)}.border-cream\/20{border-color:hsla(40,53%,97%,.2)}.border-cream\/25{border-color:hsla(40,53%,97%,.25)}.border-cream\/30{border-color:hsla(40,53%,97%,.3)}.border-cream\/35{border-color:hsla(40,53%,97%,.35)}.border-cream\/40{border-color:hsla(40,53%,97%,.4)}.border-cream\/45{border-color:hsla(40,53%,97%,.45)}.border-cream\/5{border-color:hsla(40,53%,97%,.05)}.border-cream\/50{border-color:hsla(40,53%,97%,.5)}.border-cream\/55{border-color:hsla(40,53%,97%,.55)}.border-cream\/60{border-color:hsla(40,53%,97%,.6)}.border-cream\/65{border-color:hsla(40,53%,97%,.65)}.border-cream\/70{border-color:hsla(40,53%,97%,.7)}.border-cream\/75{border-color:hsla(40,53%,97%,.75)}.border-cream\/80{border-color:hsla(40,53%,97%,.8)}.border-cream\/85{border-color:hsla(40,53%,97%,.85)}.border-cream\/90{border-color:hsla(40,53%,97%,.9)}.border-cream\/95{border-color:hsla(40,53%,97%,.95)}.border-gold{--tw-border-opacity:1;border-color:rgb(201 166 107/var(--tw-border-opacity,1))}.border-gold\/0{border-color:hsla(38,47%,60%,0)}.border-gold\/10{border-color:hsla(38,47%,60%,.1)}.border-gold\/100{border-color:#c9a66b}.border-gold\/15{border-color:hsla(38,47%,60%,.15)}.border-gold\/20{border-color:hsla(38,47%,60%,.2)}.border-gold\/25{border-color:hsla(38,47%,60%,.25)}.border-gold\/30{border-color:hsla(38,47%,60%,.3)}.border-gold\/35{border-color:hsla(38,47%,60%,.35)}.border-gold\/40{border-color:hsla(38,47%,60%,.4)}.border-gold\/45{border-color:hsla(38,47%,60%,.45)}.border-gold\/5{border-color:hsla(38,47%,60%,.05)}.border-gold\/50{border-color:hsla(38,47%,60%,.5)}.border-gold\/55{border-color:hsla(38,47%,60%,.55)}.border-gold\/60{border-color:hsla(38,47%,60%,.6)}.border-gold\/65{border-color:hsla(38,47%,60%,.65)}.border-gold\/70{border-color:hsla(38,47%,60%,.7)}.border-gold\/75{border-color:hsla(38,47%,60%,.75)}.border-gold\/80{border-color:hsla(38,47%,60%,.8)}.border-gold\/85{border-color:hsla(38,47%,60%,.85)}.border-gold\/90{border-color:hsla(38,47%,60%,.9)}.border-gold\/95{border-color:hsla(38,47%,60%,.95)}.border-goldLt{--tw-border-opacity:1;border-color:rgb(228 207 161/var(--tw-border-opacity,1))}.border-goldLt\/0{border-color:hsla(41,55%,76%,0)}.border-goldLt\/10{border-color:hsla(41,55%,76%,.1)}.border-goldLt\/100{border-color:#e4cfa1}.border-goldLt\/15{border-color:hsla(41,55%,76%,.15)}.border-goldLt\/20{border-color:hsla(41,55%,76%,.2)}.border-goldLt\/25{border-color:hsla(41,55%,76%,.25)}.border-goldLt\/30{border-color:hsla(41,55%,76%,.3)}.border-goldLt\/35{border-color:hsla(41,55%,76%,.35)}.border-goldLt\/40{border-color:hsla(41,55%,76%,.4)}.border-goldLt\/45{border-color:hsla(41,55%,76%,.45)}.border-goldLt\/5{border-color:hsla(41,55%,76%,.05)}.border-goldLt\/50{border-color:hsla(41,55%,76%,.5)}.border-goldLt\/55{border-color:hsla(41,55%,76%,.55)}.border-goldLt\/60{border-color:hsla(41,55%,76%,.6)}.border-goldLt\/65{border-color:hsla(41,55%,76%,.65)}.border-goldLt\/70{border-color:hsla(41,55%,76%,.7)}.border-goldLt\/75{border-color:hsla(41,55%,76%,.75)}.border-goldLt\/80{border-color:hsla(41,55%,76%,.8)}.border-goldLt\/85{border-color:hsla(41,55%,76%,.85)}.border-goldLt\/90{border-color:hsla(41,55%,76%,.9)}.border-goldLt\/95{border-color:hsla(41,55%,76%,.95)}.border-ivory{--tw-border-opacity:1;border-color:rgb(246 241 232/var(--tw-border-opacity,1))}.border-ivory\/0{border-color:hsla(39,44%,94%,0)}.border-ivory\/10{border-color:hsla(39,44%,94%,.1)}.border-ivory\/100{border-color:#f6f1e8}.border-ivory\/15{border-color:hsla(39,44%,94%,.15)}.border-ivory\/20{border-color:hsla(39,44%,94%,.2)}.border-ivory\/25{border-color:hsla(39,44%,94%,.25)}.border-ivory\/30{border-color:hsla(39,44%,94%,.3)}.border-ivory\/35{border-color:hsla(39,44%,94%,.35)}.border-ivory\/40{border-color:hsla(39,44%,94%,.4)}.border-ivory\/45{border-color:hsla(39,44%,94%,.45)}.border-ivory\/5{border-color:hsla(39,44%,94%,.05)}.border-ivory\/50{border-color:hsla(39,44%,94%,.5)}.border-ivory\/55{border-color:hsla(39,44%,94%,.55)}.border-ivory\/60{border-color:hsla(39,44%,94%,.6)}.border-ivory\/65{border-color:hsla(39,44%,94%,.65)}.border-ivory\/70{border-color:hsla(39,44%,94%,.7)}.border-ivory\/75{border-color:hsla(39,44%,94%,.75)}.border-ivory\/80{border-color:hsla(39,44%,94%,.8)}.border-ivory\/85{border-color:hsla(39,44%,94%,.85)}.border-ivory\/90{border-color:hsla(39,44%,94%,.9)}.border-ivory\/95{border-color:hsla(39,44%,94%,.95)}.border-warm{--tw-border-opacity:1;border-color:rgb(253 251 247/var(--tw-border-opacity,1))}.border-warm\/0{border-color:hsla(40,60%,98%,0)}.border-warm\/10{border-color:hsla(40,60%,98%,.1)}.border-warm\/100{border-color:#fdfbf7}.border-warm\/15{border-color:hsla(40,60%,98%,.15)}.border-warm\/20{border-color:hsla(40,60%,98%,.2)}.border-warm\/25{border-color:hsla(40,60%,98%,.25)}.border-warm\/30{border-color:hsla(40,60%,98%,.3)}.border-warm\/35{border-color:hsla(40,60%,98%,.35)}.border-warm\/40{border-color:hsla(40,60%,98%,.4)}.border-warm\/45{border-color:hsla(40,60%,98%,.45)}.border-warm\/5{border-color:hsla(40,60%,98%,.05)}.border-warm\/50{border-color:hsla(40,60%,98%,.5)}.border-warm\/55{border-color:hsla(40,60%,98%,.55)}.border-warm\/60{border-color:hsla(40,60%,98%,.6)}.border-warm\/65{border-color:hsla(40,60%,98%,.65)}.border-warm\/70{border-color:hsla(40,60%,98%,.7)}.border-warm\/75{border-color:hsla(40,60%,98%,.75)}.border-warm\/80{border-color:hsla(40,60%,98%,.8)}.border-warm\/85{border-color:hsla(40,60%,98%,.85)}.border-warm\/90{border-color:hsla(40,60%,98%,.9)}.border-warm\/95{border-color:hsla(40,60%,98%,.95)}.bg-brand-blue{--tw-bg-opacity:1;background-color:rgb(14 89 154/var(--tw-bg-opacity,1))}.bg-brand-blue\/0{background-color:rgba(14,89,154,0)}.bg-brand-blue\/10{background-color:rgba(14,89,154,.1)}.bg-brand-blue\/100{background-color:#0e599a}.bg-brand-blue\/15{background-color:rgba(14,89,154,.15)}.bg-brand-blue\/20{background-color:rgba(14,89,154,.2)}.bg-brand-blue\/25{background-color:rgba(14,89,154,.25)}.bg-brand-blue\/30{background-color:rgba(14,89,154,.3)}.bg-brand-blue\/35{background-color:rgba(14,89,154,.35)}.bg-brand-blue\/40{background-color:rgba(14,89,154,.4)}.bg-brand-blue\/45{background-color:rgba(14,89,154,.45)}.bg-brand-blue\/5{background-color:rgba(14,89,154,.05)}.bg-brand-blue\/50{background-color:rgba(14,89,154,.5)}.bg-brand-blue\/55{background-color:rgba(14,89,154,.55)}.bg-brand-blue\/60{background-color:rgba(14,89,154,.6)}.bg-brand-blue\/65{background-color:rgba(14,89,154,.65)}.bg-brand-blue\/70{background-color:rgba(14,89,154,.7)}.bg-brand-blue\/75{background-color:rgba(14,89,154,.75)}.bg-brand-blue\/80{background-color:rgba(14,89,154,.8)}.bg-brand-blue\/85{background-color:rgba(14,89,154,.85)}.bg-brand-blue\/90{background-color:rgba(14,89,154,.9)}.bg-brand-blue\/95{background-color:rgba(14,89,154,.95)}.bg-brand-blueDk{--tw-bg-opacity:1;background-color:rgb(10 62 109/var(--tw-bg-opacity,1))}.bg-brand-blueDk\/0{background-color:rgba(10,62,109,0)}.bg-brand-blueDk\/10{background-color:rgba(10,62,109,.1)}.bg-brand-blueDk\/100{background-color:#0a3e6d}.bg-brand-blueDk\/15{background-color:rgba(10,62,109,.15)}.bg-brand-blueDk\/20{background-color:rgba(10,62,109,.2)}.bg-brand-blueDk\/25{background-color:rgba(10,62,109,.25)}.bg-brand-blueDk\/30{background-color:rgba(10,62,109,.3)}.bg-brand-blueDk\/35{background-color:rgba(10,62,109,.35)}.bg-brand-blueDk\/40{background-color:rgba(10,62,109,.4)}.bg-brand-blueDk\/45{background-color:rgba(10,62,109,.45)}.bg-brand-blueDk\/5{background-color:rgba(10,62,109,.05)}.bg-brand-blueDk\/50{background-color:rgba(10,62,109,.5)}.bg-brand-blueDk\/55{background-color:rgba(10,62,109,.55)}.bg-brand-blueDk\/60{background-color:rgba(10,62,109,.6)}.bg-brand-blueDk\/65{background-color:rgba(10,62,109,.65)}.bg-brand-blueDk\/70{background-color:rgba(10,62,109,.7)}.bg-brand-blueDk\/75{background-color:rgba(10,62,109,.75)}.bg-brand-blueDk\/80{background-color:rgba(10,62,109,.8)}.bg-brand-blueDk\/85{background-color:rgba(10,62,109,.85)}.bg-brand-blueDk\/90{background-color:rgba(10,62,109,.9)}.bg-brand-blueDk\/95{background-color:rgba(10,62,109,.95)}.bg-brand-ink{--tw-bg-opacity:1;background-color:rgb(6 31 58/var(--tw-bg-opacity,1))}.bg-brand-ink\/0{background-color:rgba(6,31,58,0)}.bg-brand-ink\/10{background-color:rgba(6,31,58,.1)}.bg-brand-ink\/100{background-color:#061f3a}.bg-brand-ink\/15{background-color:rgba(6,31,58,.15)}.bg-brand-ink\/20{background-color:rgba(6,31,58,.2)}.bg-brand-ink\/25{background-color:rgba(6,31,58,.25)}.bg-brand-ink\/30{background-color:rgba(6,31,58,.3)}.bg-brand-ink\/35{background-color:rgba(6,31,58,.35)}.bg-brand-ink\/40{background-color:rgba(6,31,58,.4)}.bg-brand-ink\/45{background-color:rgba(6,31,58,.45)}.bg-brand-ink\/5{background-color:rgba(6,31,58,.05)}.bg-brand-ink\/50{background-color:rgba(6,31,58,.5)}.bg-brand-ink\/55{background-color:rgba(6,31,58,.55)}.bg-brand-ink\/60{background-color:rgba(6,31,58,.6)}.bg-brand-ink\/65{background-color:rgba(6,31,58,.65)}.bg-brand-ink\/70{background-color:rgba(6,31,58,.7)}.bg-brand-ink\/75{background-color:rgba(6,31,58,.75)}.bg-brand-ink\/80{background-color:rgba(6,31,58,.8)}.bg-brand-ink\/85{background-color:rgba(6,31,58,.85)}.bg-brand-ink\/90{background-color:rgba(6,31,58,.9)}.bg-brand-ink\/95{background-color:rgba(6,31,58,.95)}.bg-brand-red{--tw-bg-opacity:1;background-color:rgb(148 26 29/var(--tw-bg-opacity,1))}.bg-brand-red\/0{background-color:rgba(148,26,29,0)}.bg-brand-red\/10{background-color:rgba(148,26,29,.1)}.bg-brand-red\/100{background-color:#941a1d}.bg-brand-red\/15{background-color:rgba(148,26,29,.15)}.bg-brand-red\/20{background-color:rgba(148,26,29,.2)}.bg-brand-red\/25{background-color:rgba(148,26,29,.25)}.bg-brand-red\/30{background-color:rgba(148,26,29,.3)}.bg-brand-red\/35{background-color:rgba(148,26,29,.35)}.bg-brand-red\/40{background-color:rgba(148,26,29,.4)}.bg-brand-red\/45{background-color:rgba(148,26,29,.45)}.bg-brand-red\/5{background-color:rgba(148,26,29,.05)}.bg-brand-red\/50{background-color:rgba(148,26,29,.5)}.bg-brand-red\/55{background-color:rgba(148,26,29,.55)}.bg-brand-red\/60{background-color:rgba(148,26,29,.6)}.bg-brand-red\/65{background-color:rgba(148,26,29,.65)}.bg-brand-red\/70{background-color:rgba(148,26,29,.7)}.bg-brand-red\/75{background-color:rgba(148,26,29,.75)}.bg-brand-red\/80{background-color:rgba(148,26,29,.8)}.bg-brand-red\/85{background-color:rgba(148,26,29,.85)}.bg-brand-red\/90{background-color:rgba(148,26,29,.9)}.bg-brand-red\/95{background-color:rgba(148,26,29,.95)}.bg-brand-redDk{--tw-bg-opacity:1;background-color:rgb(107 18 21/var(--tw-bg-opacity,1))}.bg-brand-redDk\/0{background-color:rgba(107,18,21,0)}.bg-brand-redDk\/10{background-color:rgba(107,18,21,.1)}.bg-brand-redDk\/100{background-color:#6b1215}.bg-brand-redDk\/15{background-color:rgba(107,18,21,.15)}.bg-brand-redDk\/20{background-color:rgba(107,18,21,.2)}.bg-brand-redDk\/25{background-color:rgba(107,18,21,.25)}.bg-brand-redDk\/30{background-color:rgba(107,18,21,.3)}.bg-brand-redDk\/35{background-color:rgba(107,18,21,.35)}.bg-brand-redDk\/40{background-color:rgba(107,18,21,.4)}.bg-brand-redDk\/45{background-color:rgba(107,18,21,.45)}.bg-brand-redDk\/5{background-color:rgba(107,18,21,.05)}.bg-brand-redDk\/50{background-color:rgba(107,18,21,.5)}.bg-brand-redDk\/55{background-color:rgba(107,18,21,.55)}.bg-brand-redDk\/60{background-color:rgba(107,18,21,.6)}.bg-brand-redDk\/65{background-color:rgba(107,18,21,.65)}.bg-brand-redDk\/70{background-color:rgba(107,18,21,.7)}.bg-brand-redDk\/75{background-color:rgba(107,18,21,.75)}.bg-brand-redDk\/80{background-color:rgba(107,18,21,.8)}.bg-brand-redDk\/85{background-color:rgba(107,18,21,.85)}.bg-brand-redDk\/90{background-color:rgba(107,18,21,.9)}.bg-brand-redDk\/95{background-color:rgba(107,18,21,.95)}.bg-charcoal{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-charcoal\/0{background-color:hsla(0,0%,7%,0)}.bg-charcoal\/10{background-color:hsla(0,0%,7%,.1)}.bg-charcoal\/100{background-color:#111}.bg-charcoal\/15{background-color:hsla(0,0%,7%,.15)}.bg-charcoal\/20{background-color:hsla(0,0%,7%,.2)}.bg-charcoal\/25{background-color:hsla(0,0%,7%,.25)}.bg-charcoal\/30{background-color:hsla(0,0%,7%,.3)}.bg-charcoal\/35{background-color:hsla(0,0%,7%,.35)}.bg-charcoal\/40{background-color:hsla(0,0%,7%,.4)}.bg-charcoal\/45{background-color:hsla(0,0%,7%,.45)}.bg-charcoal\/5{background-color:hsla(0,0%,7%,.05)}.bg-charcoal\/50{background-color:hsla(0,0%,7%,.5)}.bg-charcoal\/55{background-color:hsla(0,0%,7%,.55)}.bg-charcoal\/60{background-color:hsla(0,0%,7%,.6)}.bg-charcoal\/65{background-color:hsla(0,0%,7%,.65)}.bg-charcoal\/70{background-color:hsla(0,0%,7%,.7)}.bg-charcoal\/75{background-color:hsla(0,0%,7%,.75)}.bg-charcoal\/80{background-color:hsla(0,0%,7%,.8)}.bg-charcoal\/85{background-color:hsla(0,0%,7%,.85)}.bg-charcoal\/90{background-color:hsla(0,0%,7%,.9)}.bg-charcoal\/95{background-color:hsla(0,0%,7%,.95)}.bg-cream{--tw-bg-opacity:1;background-color:rgb(251 248 242/var(--tw-bg-opacity,1))}.bg-cream\/0{background-color:hsla(40,53%,97%,0)}.bg-cream\/10{background-color:hsla(40,53%,97%,.1)}.bg-cream\/100{background-color:#fbf8f2}.bg-cream\/15{background-color:hsla(40,53%,97%,.15)}.bg-cream\/20{background-color:hsla(40,53%,97%,.2)}.bg-cream\/25{background-color:hsla(40,53%,97%,.25)}.bg-cream\/30{background-color:hsla(40,53%,97%,.3)}.bg-cream\/35{background-color:hsla(40,53%,97%,.35)}.bg-cream\/40{background-color:hsla(40,53%,97%,.4)}.bg-cream\/45{background-color:hsla(40,53%,97%,.45)}.bg-cream\/5{background-color:hsla(40,53%,97%,.05)}.bg-cream\/50{background-color:hsla(40,53%,97%,.5)}.bg-cream\/55{background-color:hsla(40,53%,97%,.55)}.bg-cream\/60{background-color:hsla(40,53%,97%,.6)}.bg-cream\/65{background-color:hsla(40,53%,97%,.65)}.bg-cream\/70{background-color:hsla(40,53%,97%,.7)}.bg-cream\/75{background-color:hsla(40,53%,97%,.75)}.bg-cream\/80{background-color:hsla(40,53%,97%,.8)}.bg-cream\/85{background-color:hsla(40,53%,97%,.85)}.bg-cream\/90{background-color:hsla(40,53%,97%,.9)}.bg-cream\/95{background-color:hsla(40,53%,97%,.95)}.bg-gold{--tw-bg-opacity:1;background-color:rgb(201 166 107/var(--tw-bg-opacity,1))}.bg-gold\/0{background-color:hsla(38,47%,60%,0)}.bg-gold\/10{background-color:hsla(38,47%,60%,.1)}.bg-gold\/100{background-color:#c9a66b}.bg-gold\/15{background-color:hsla(38,47%,60%,.15)}.bg-gold\/20{background-color:hsla(38,47%,60%,.2)}.bg-gold\/25{background-color:hsla(38,47%,60%,.25)}.bg-gold\/30{background-color:hsla(38,47%,60%,.3)}.bg-gold\/35{background-color:hsla(38,47%,60%,.35)}.bg-gold\/40{background-color:hsla(38,47%,60%,.4)}.bg-gold\/45{background-color:hsla(38,47%,60%,.45)}.bg-gold\/5{background-color:hsla(38,47%,60%,.05)}.bg-gold\/50{background-color:hsla(38,47%,60%,.5)}.bg-gold\/55{background-color:hsla(38,47%,60%,.55)}.bg-gold\/60{background-color:hsla(38,47%,60%,.6)}.bg-gold\/65{background-color:hsla(38,47%,60%,.65)}.bg-gold\/70{background-color:hsla(38,47%,60%,.7)}.bg-gold\/75{background-color:hsla(38,47%,60%,.75)}.bg-gold\/80{background-color:hsla(38,47%,60%,.8)}.bg-gold\/85{background-color:hsla(38,47%,60%,.85)}.bg-gold\/90{background-color:hsla(38,47%,60%,.9)}.bg-gold\/95{background-color:hsla(38,47%,60%,.95)}.bg-goldLt{--tw-bg-opacity:1;background-color:rgb(228 207 161/var(--tw-bg-opacity,1))}.bg-goldLt\/0{background-color:hsla(41,55%,76%,0)}.bg-goldLt\/10{background-color:hsla(41,55%,76%,.1)}.bg-goldLt\/100{background-color:#e4cfa1}.bg-goldLt\/15{background-color:hsla(41,55%,76%,.15)}.bg-goldLt\/20{background-color:hsla(41,55%,76%,.2)}.bg-goldLt\/25{background-color:hsla(41,55%,76%,.25)}.bg-goldLt\/30{background-color:hsla(41,55%,76%,.3)}.bg-goldLt\/35{background-color:hsla(41,55%,76%,.35)}.bg-goldLt\/40{background-color:hsla(41,55%,76%,.4)}.bg-goldLt\/45{background-color:hsla(41,55%,76%,.45)}.bg-goldLt\/5{background-color:hsla(41,55%,76%,.05)}.bg-goldLt\/50{background-color:hsla(41,55%,76%,.5)}.bg-goldLt\/55{background-color:hsla(41,55%,76%,.55)}.bg-goldLt\/60{background-color:hsla(41,55%,76%,.6)}.bg-goldLt\/65{background-color:hsla(41,55%,76%,.65)}.bg-goldLt\/70{background-color:hsla(41,55%,76%,.7)}.bg-goldLt\/75{background-color:hsla(41,55%,76%,.75)}.bg-goldLt\/80{background-color:hsla(41,55%,76%,.8)}.bg-goldLt\/85{background-color:hsla(41,55%,76%,.85)}.bg-goldLt\/90{background-color:hsla(41,55%,76%,.9)}.bg-goldLt\/95{background-color:hsla(41,55%,76%,.95)}.bg-ivory{--tw-bg-opacity:1;background-color:rgb(246 241 232/var(--tw-bg-opacity,1))}.bg-ivory\/0{background-color:hsla(39,44%,94%,0)}.bg-ivory\/10{background-color:hsla(39,44%,94%,.1)}.bg-ivory\/100{background-color:#f6f1e8}.bg-ivory\/15{background-color:hsla(39,44%,94%,.15)}.bg-ivory\/20{background-color:hsla(39,44%,94%,.2)}.bg-ivory\/25{background-color:hsla(39,44%,94%,.25)}.bg-ivory\/30{background-color:hsla(39,44%,94%,.3)}.bg-ivory\/35{background-color:hsla(39,44%,94%,.35)}.bg-ivory\/40{background-color:hsla(39,44%,94%,.4)}.bg-ivory\/45{background-color:hsla(39,44%,94%,.45)}.bg-ivory\/5{background-color:hsla(39,44%,94%,.05)}.bg-ivory\/50{background-color:hsla(39,44%,94%,.5)}.bg-ivory\/55{background-color:hsla(39,44%,94%,.55)}.bg-ivory\/60{background-color:hsla(39,44%,94%,.6)}.bg-ivory\/65{background-color:hsla(39,44%,94%,.65)}.bg-ivory\/70{background-color:hsla(39,44%,94%,.7)}.bg-ivory\/75{background-color:hsla(39,44%,94%,.75)}.bg-ivory\/80{background-color:hsla(39,44%,94%,.8)}.bg-ivory\/85{background-color:hsla(39,44%,94%,.85)}.bg-ivory\/90{background-color:hsla(39,44%,94%,.9)}.bg-ivory\/95{background-color:hsla(39,44%,94%,.95)}.bg-warm{--tw-bg-opacity:1;background-color:rgb(253 251 247/var(--tw-bg-opacity,1))}.bg-warm\/0{background-color:hsla(40,60%,98%,0)}.bg-warm\/10{background-color:hsla(40,60%,98%,.1)}.bg-warm\/100{background-color:#fdfbf7}.bg-warm\/15{background-color:hsla(40,60%,98%,.15)}.bg-warm\/20{background-color:hsla(40,60%,98%,.2)}.bg-warm\/25{background-color:hsla(40,60%,98%,.25)}.bg-warm\/30{background-color:hsla(40,60%,98%,.3)}.bg-warm\/35{background-color:hsla(40,60%,98%,.35)}.bg-warm\/40{background-color:hsla(40,60%,98%,.4)}.bg-warm\/45{background-color:hsla(40,60%,98%,.45)}.bg-warm\/5{background-color:hsla(40,60%,98%,.05)}.bg-warm\/50{background-color:hsla(40,60%,98%,.5)}.bg-warm\/55{background-color:hsla(40,60%,98%,.55)}.bg-warm\/60{background-color:hsla(40,60%,98%,.6)}.bg-warm\/65{background-color:hsla(40,60%,98%,.65)}.bg-warm\/70{background-color:hsla(40,60%,98%,.7)}.bg-warm\/75{background-color:hsla(40,60%,98%,.75)}.bg-warm\/80{background-color:hsla(40,60%,98%,.8)}.bg-warm\/85{background-color:hsla(40,60%,98%,.85)}.bg-warm\/90{background-color:hsla(40,60%,98%,.9)}.bg-warm\/95{background-color:hsla(40,60%,98%,.95)}.text-center{text-align:center}.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-brand-blue{--tw-text-opacity:1;color:rgb(14 89 154/var(--tw-text-opacity,1))}.text-brand-blue\/0{color:rgba(14,89,154,0)}.text-brand-blue\/10{color:rgba(14,89,154,.1)}.text-brand-blue\/100{color:#0e599a}.text-brand-blue\/15{color:rgba(14,89,154,.15)}.text-brand-blue\/20{color:rgba(14,89,154,.2)}.text-brand-blue\/25{color:rgba(14,89,154,.25)}.text-brand-blue\/30{color:rgba(14,89,154,.3)}.text-brand-blue\/35{color:rgba(14,89,154,.35)}.text-brand-blue\/40{color:rgba(14,89,154,.4)}.text-brand-blue\/45{color:rgba(14,89,154,.45)}.text-brand-blue\/5{color:rgba(14,89,154,.05)}.text-brand-blue\/50{color:rgba(14,89,154,.5)}.text-brand-blue\/55{color:rgba(14,89,154,.55)}.text-brand-blue\/60{color:rgba(14,89,154,.6)}.text-brand-blue\/65{color:rgba(14,89,154,.65)}.text-brand-blue\/70{color:rgba(14,89,154,.7)}.text-brand-blue\/75{color:rgba(14,89,154,.75)}.text-brand-blue\/80{color:rgba(14,89,154,.8)}.text-brand-blue\/85{color:rgba(14,89,154,.85)}.text-brand-blue\/90{color:rgba(14,89,154,.9)}.text-brand-blue\/95{color:rgba(14,89,154,.95)}.text-brand-blueDk{--tw-text-opacity:1;color:rgb(10 62 109/var(--tw-text-opacity,1))}.text-brand-blueDk\/0{color:rgba(10,62,109,0)}.text-brand-blueDk\/10{color:rgba(10,62,109,.1)}.text-brand-blueDk\/100{color:#0a3e6d}.text-brand-blueDk\/15{color:rgba(10,62,109,.15)}.text-brand-blueDk\/20{color:rgba(10,62,109,.2)}.text-brand-blueDk\/25{color:rgba(10,62,109,.25)}.text-brand-blueDk\/30{color:rgba(10,62,109,.3)}.text-brand-blueDk\/35{color:rgba(10,62,109,.35)}.text-brand-blueDk\/40{color:rgba(10,62,109,.4)}.text-brand-blueDk\/45{color:rgba(10,62,109,.45)}.text-brand-blueDk\/5{color:rgba(10,62,109,.05)}.text-brand-blueDk\/50{color:rgba(10,62,109,.5)}.text-brand-blueDk\/55{color:rgba(10,62,109,.55)}.text-brand-blueDk\/60{color:rgba(10,62,109,.6)}.text-brand-blueDk\/65{color:rgba(10,62,109,.65)}.text-brand-blueDk\/70{color:rgba(10,62,109,.7)}.text-brand-blueDk\/75{color:rgba(10,62,109,.75)}.text-brand-blueDk\/80{color:rgba(10,62,109,.8)}.text-brand-blueDk\/85{color:rgba(10,62,109,.85)}.text-brand-blueDk\/90{color:rgba(10,62,109,.9)}.text-brand-blueDk\/95{color:rgba(10,62,109,.95)}.text-brand-ink{--tw-text-opacity:1;color:rgb(6 31 58/var(--tw-text-opacity,1))}.text-brand-ink\/0{color:rgba(6,31,58,0)}.text-brand-ink\/10{color:rgba(6,31,58,.1)}.text-brand-ink\/100{color:#061f3a}.text-brand-ink\/15{color:rgba(6,31,58,.15)}.text-brand-ink\/20{color:rgba(6,31,58,.2)}.text-brand-ink\/25{color:rgba(6,31,58,.25)}.text-brand-ink\/30{color:rgba(6,31,58,.3)}.text-brand-ink\/35{color:rgba(6,31,58,.35)}.text-brand-ink\/40{color:rgba(6,31,58,.4)}.text-brand-ink\/45{color:rgba(6,31,58,.45)}.text-brand-ink\/5{color:rgba(6,31,58,.05)}.text-brand-ink\/50{color:rgba(6,31,58,.5)}.text-brand-ink\/55{color:rgba(6,31,58,.55)}.text-brand-ink\/60{color:rgba(6,31,58,.6)}.text-brand-ink\/65{color:rgba(6,31,58,.65)}.text-brand-ink\/70{color:rgba(6,31,58,.7)}.text-brand-ink\/75{color:rgba(6,31,58,.75)}.text-brand-ink\/80{color:rgba(6,31,58,.8)}.text-brand-ink\/85{color:rgba(6,31,58,.85)}.text-brand-ink\/90{color:rgba(6,31,58,.9)}.text-brand-ink\/95{color:rgba(6,31,58,.95)}.text-brand-red{--tw-text-opacity:1;color:rgb(148 26 29/var(--tw-text-opacity,1))}.text-brand-red\/0{color:rgba(148,26,29,0)}.text-brand-red\/10{color:rgba(148,26,29,.1)}.text-brand-red\/100{color:#941a1d}.text-brand-red\/15{color:rgba(148,26,29,.15)}.text-brand-red\/20{color:rgba(148,26,29,.2)}.text-brand-red\/25{color:rgba(148,26,29,.25)}.text-brand-red\/30{color:rgba(148,26,29,.3)}.text-brand-red\/35{color:rgba(148,26,29,.35)}.text-brand-red\/40{color:rgba(148,26,29,.4)}.text-brand-red\/45{color:rgba(148,26,29,.45)}.text-brand-red\/5{color:rgba(148,26,29,.05)}.text-brand-red\/50{color:rgba(148,26,29,.5)}.text-brand-red\/55{color:rgba(148,26,29,.55)}.text-brand-red\/60{color:rgba(148,26,29,.6)}.text-brand-red\/65{color:rgba(148,26,29,.65)}.text-brand-red\/70{color:rgba(148,26,29,.7)}.text-brand-red\/75{color:rgba(148,26,29,.75)}.text-brand-red\/80{color:rgba(148,26,29,.8)}.text-brand-red\/85{color:rgba(148,26,29,.85)}.text-brand-red\/90{color:rgba(148,26,29,.9)}.text-brand-red\/95{color:rgba(148,26,29,.95)}.text-brand-redDk{--tw-text-opacity:1;color:rgb(107 18 21/var(--tw-text-opacity,1))}.text-brand-redDk\/0{color:rgba(107,18,21,0)}.text-brand-redDk\/10{color:rgba(107,18,21,.1)}.text-brand-redDk\/100{color:#6b1215}.text-brand-redDk\/15{color:rgba(107,18,21,.15)}.text-brand-redDk\/20{color:rgba(107,18,21,.2)}.text-brand-redDk\/25{color:rgba(107,18,21,.25)}.text-brand-redDk\/30{color:rgba(107,18,21,.3)}.text-brand-redDk\/35{color:rgba(107,18,21,.35)}.text-brand-redDk\/40{color:rgba(107,18,21,.4)}.text-brand-redDk\/45{color:rgba(107,18,21,.45)}.text-brand-redDk\/5{color:rgba(107,18,21,.05)}.text-brand-redDk\/50{color:rgba(107,18,21,.5)}.text-brand-redDk\/55{color:rgba(107,18,21,.55)}.text-brand-redDk\/60{color:rgba(107,18,21,.6)}.text-brand-redDk\/65{color:rgba(107,18,21,.65)}.text-brand-redDk\/70{color:rgba(107,18,21,.7)}.text-brand-redDk\/75{color:rgba(107,18,21,.75)}.text-brand-redDk\/80{color:rgba(107,18,21,.8)}.text-brand-redDk\/85{color:rgba(107,18,21,.85)}.text-brand-redDk\/90{color:rgba(107,18,21,.9)}.text-brand-redDk\/95{color:rgba(107,18,21,.95)}.text-charcoal{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-charcoal\/0{color:hsla(0,0%,7%,0)}.text-charcoal\/10{color:hsla(0,0%,7%,.1)}.text-charcoal\/100{color:#111}.text-charcoal\/15{color:hsla(0,0%,7%,.15)}.text-charcoal\/20{color:hsla(0,0%,7%,.2)}.text-charcoal\/25{color:hsla(0,0%,7%,.25)}.text-charcoal\/30{color:hsla(0,0%,7%,.3)}.text-charcoal\/35{color:hsla(0,0%,7%,.35)}.text-charcoal\/40{color:hsla(0,0%,7%,.4)}.text-charcoal\/45{color:hsla(0,0%,7%,.45)}.text-charcoal\/5{color:hsla(0,0%,7%,.05)}.text-charcoal\/50{color:hsla(0,0%,7%,.5)}.text-charcoal\/55{color:hsla(0,0%,7%,.55)}.text-charcoal\/60{color:hsla(0,0%,7%,.6)}.text-charcoal\/65{color:hsla(0,0%,7%,.65)}.text-charcoal\/70{color:hsla(0,0%,7%,.7)}.text-charcoal\/75{color:hsla(0,0%,7%,.75)}.text-charcoal\/80{color:hsla(0,0%,7%,.8)}.text-charcoal\/85{color:hsla(0,0%,7%,.85)}.text-charcoal\/90{color:hsla(0,0%,7%,.9)}.text-charcoal\/95{color:hsla(0,0%,7%,.95)}.text-cream{--tw-text-opacity:1;color:rgb(251 248 242/var(--tw-text-opacity,1))}.text-cream\/0{color:hsla(40,53%,97%,0)}.text-cream\/10{color:hsla(40,53%,97%,.1)}.text-cream\/100{color:#fbf8f2}.text-cream\/15{color:hsla(40,53%,97%,.15)}.text-cream\/20{color:hsla(40,53%,97%,.2)}.text-cream\/25{color:hsla(40,53%,97%,.25)}.text-cream\/30{color:hsla(40,53%,97%,.3)}.text-cream\/35{color:hsla(40,53%,97%,.35)}.text-cream\/40{color:hsla(40,53%,97%,.4)}.text-cream\/45{color:hsla(40,53%,97%,.45)}.text-cream\/5{color:hsla(40,53%,97%,.05)}.text-cream\/50{color:hsla(40,53%,97%,.5)}.text-cream\/55{color:hsla(40,53%,97%,.55)}.text-cream\/60{color:hsla(40,53%,97%,.6)}.text-cream\/65{color:hsla(40,53%,97%,.65)}.text-cream\/70{color:hsla(40,53%,97%,.7)}.text-cream\/75{color:hsla(40,53%,97%,.75)}.text-cream\/80{color:hsla(40,53%,97%,.8)}.text-cream\/85{color:hsla(40,53%,97%,.85)}.text-cream\/90{color:hsla(40,53%,97%,.9)}.text-cream\/95{color:hsla(40,53%,97%,.95)}.text-gold{--tw-text-opacity:1;color:rgb(201 166 107/var(--tw-text-opacity,1))}.text-gold\/0{color:hsla(38,47%,60%,0)}.text-gold\/10{color:hsla(38,47%,60%,.1)}.text-gold\/100{color:#c9a66b}.text-gold\/15{color:hsla(38,47%,60%,.15)}.text-gold\/20{color:hsla(38,47%,60%,.2)}.text-gold\/25{color:hsla(38,47%,60%,.25)}.text-gold\/30{color:hsla(38,47%,60%,.3)}.text-gold\/35{color:hsla(38,47%,60%,.35)}.text-gold\/40{color:hsla(38,47%,60%,.4)}.text-gold\/45{color:hsla(38,47%,60%,.45)}.text-gold\/5{color:hsla(38,47%,60%,.05)}.text-gold\/50{color:hsla(38,47%,60%,.5)}.text-gold\/55{color:hsla(38,47%,60%,.55)}.text-gold\/60{color:hsla(38,47%,60%,.6)}.text-gold\/65{color:hsla(38,47%,60%,.65)}.text-gold\/70{color:hsla(38,47%,60%,.7)}.text-gold\/75{color:hsla(38,47%,60%,.75)}.text-gold\/80{color:hsla(38,47%,60%,.8)}.text-gold\/85{color:hsla(38,47%,60%,.85)}.text-gold\/90{color:hsla(38,47%,60%,.9)}.text-gold\/95{color:hsla(38,47%,60%,.95)}.text-goldLt{--tw-text-opacity:1;color:rgb(228 207 161/var(--tw-text-opacity,1))}.text-goldLt\/0{color:hsla(41,55%,76%,0)}.text-goldLt\/10{color:hsla(41,55%,76%,.1)}.text-goldLt\/100{color:#e4cfa1}.text-goldLt\/15{color:hsla(41,55%,76%,.15)}.text-goldLt\/20{color:hsla(41,55%,76%,.2)}.text-goldLt\/25{color:hsla(41,55%,76%,.25)}.text-goldLt\/30{color:hsla(41,55%,76%,.3)}.text-goldLt\/35{color:hsla(41,55%,76%,.35)}.text-goldLt\/40{color:hsla(41,55%,76%,.4)}.text-goldLt\/45{color:hsla(41,55%,76%,.45)}.text-goldLt\/5{color:hsla(41,55%,76%,.05)}.text-goldLt\/50{color:hsla(41,55%,76%,.5)}.text-goldLt\/55{color:hsla(41,55%,76%,.55)}.text-goldLt\/60{color:hsla(41,55%,76%,.6)}.text-goldLt\/65{color:hsla(41,55%,76%,.65)}.text-goldLt\/70{color:hsla(41,55%,76%,.7)}.text-goldLt\/75{color:hsla(41,55%,76%,.75)}.text-goldLt\/80{color:hsla(41,55%,76%,.8)}.text-goldLt\/85{color:hsla(41,55%,76%,.85)}.text-goldLt\/90{color:hsla(41,55%,76%,.9)}.text-goldLt\/95{color:hsla(41,55%,76%,.95)}.text-ivory{--tw-text-opacity:1;color:rgb(246 241 232/var(--tw-text-opacity,1))}.text-ivory\/0{color:hsla(39,44%,94%,0)}.text-ivory\/10{color:hsla(39,44%,94%,.1)}.text-ivory\/100{color:#f6f1e8}.text-ivory\/15{color:hsla(39,44%,94%,.15)}.text-ivory\/20{color:hsla(39,44%,94%,.2)}.text-ivory\/25{color:hsla(39,44%,94%,.25)}.text-ivory\/30{color:hsla(39,44%,94%,.3)}.text-ivory\/35{color:hsla(39,44%,94%,.35)}.text-ivory\/40{color:hsla(39,44%,94%,.4)}.text-ivory\/45{color:hsla(39,44%,94%,.45)}.text-ivory\/5{color:hsla(39,44%,94%,.05)}.text-ivory\/50{color:hsla(39,44%,94%,.5)}.text-ivory\/55{color:hsla(39,44%,94%,.55)}.text-ivory\/60{color:hsla(39,44%,94%,.6)}.text-ivory\/65{color:hsla(39,44%,94%,.65)}.text-ivory\/70{color:hsla(39,44%,94%,.7)}.text-ivory\/75{color:hsla(39,44%,94%,.75)}.text-ivory\/80{color:hsla(39,44%,94%,.8)}.text-ivory\/85{color:hsla(39,44%,94%,.85)}.text-ivory\/90{color:hsla(39,44%,94%,.9)}.text-ivory\/95{color:hsla(39,44%,94%,.95)}.text-warm{--tw-text-opacity:1;color:rgb(253 251 247/var(--tw-text-opacity,1))}.text-warm\/0{color:hsla(40,60%,98%,0)}.text-warm\/10{color:hsla(40,60%,98%,.1)}.text-warm\/100{color:#fdfbf7}.text-warm\/15{color:hsla(40,60%,98%,.15)}.text-warm\/20{color:hsla(40,60%,98%,.2)}.text-warm\/25{color:hsla(40,60%,98%,.25)}.text-warm\/30{color:hsla(40,60%,98%,.3)}.text-warm\/35{color:hsla(40,60%,98%,.35)}.text-warm\/40{color:hsla(40,60%,98%,.4)}.text-warm\/45{color:hsla(40,60%,98%,.45)}.text-warm\/5{color:hsla(40,60%,98%,.05)}.text-warm\/50{color:hsla(40,60%,98%,.5)}.text-warm\/55{color:hsla(40,60%,98%,.55)}.text-warm\/60{color:hsla(40,60%,98%,.6)}.text-warm\/65{color:hsla(40,60%,98%,.65)}.text-warm\/70{color:hsla(40,60%,98%,.7)}.text-warm\/75{color:hsla(40,60%,98%,.75)}.text-warm\/80{color:hsla(40,60%,98%,.8)}.text-warm\/85{color:hsla(40,60%,98%,.85)}.text-warm\/90{color:hsla(40,60%,98%,.9)}.text-warm\/95{color:hsla(40,60%,98%,.95)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.selection\:bg-brand-red\/80 ::-moz-selection{background-color:rgba(148,26,29,.8)}.selection\:bg-brand-red\/80 ::selection{background-color:rgba(148,26,29,.8)}.selection\:text-ivory ::-moz-selection{--tw-text-opacity:1;color:rgb(246 241 232/var(--tw-text-opacity,1))}.selection\:text-ivory ::selection{--tw-text-opacity:1;color:rgb(246 241 232/var(--tw-text-opacity,1))}.selection\:bg-brand-red\/80::-moz-selection{background-color:rgba(148,26,29,.8)}.selection\:bg-brand-red\/80::selection{background-color:rgba(148,26,29,.8)}.selection\:text-ivory::-moz-selection{--tw-text-opacity:1;color:rgb(246 241 232/var(--tw-text-opacity,1))}.selection\:text-ivory::selection{--tw-text-opacity:1;color:rgb(246 241 232/var(--tw-text-opacity,1))}@media (min-width:1024px){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-8{grid-column-start:8}.lg\:mt-0{margin-top:0}.lg\:mt-32{margin-top:8rem}.lg\:self-end{align-self:flex-end}}
/* ==========================================================================
Διαχρονική — Landing redesign
Palette anchored on real logo colours: #0E599A (blue) · #941A1D (red)
Typography: EB Garamond (display) · Inter (body) · Marcellus (accents)
========================================================================== */
:root {
--blue: #0E599A;
--blue-dk: #0A3E6D;
--ink: #061F3A;
--ink-deep: #040F22;
--red: #941A1D;
--red-dk: #6B1215;
--ivory: #F6F1E8;
--cream: #FBF8F2;
--warm: #FDFBF7;
--gold: #C9A66B;
--gold-lt: #E4CFA1;
--charcoal: #111111;
--ease-out: cubic-bezier(.16,1,.3,1);
--ease-inout: cubic-bezier(.76,0,.24,1);
--radius: 18px;
--nav-h: 78px;
}
/* -------------------- Base -------------------- */
/* Global box model + overflow guard. Restores the reset the old Tailwind CDN's
Preflight used to provide — without it, width:100% + padding overflows the
viewport on mobile (horizontal scroll / content pushed off-screen). */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: auto; } /* Lenis handles scrolling */
html, body { max-width: 100%; overflow-x: hidden; }
body { background: var(--ink-deep); }
/* The build wraps responsive images in ![]()
. Make the
wrapper layout-transparent so the inner ![]()
sizes exactly like the bare
![]()
the component CSS was authored for (uniform thumbs, hero, galleries). */
picture { display: contents; }
/* Links inherit text colour and carry no underline by default — individual
components (.link-ul, legal body, etc.) add their own affordances.
(Restores the reset the old Tailwind CDN's Preflight used to provide.) */
a { color: inherit; text-decoration: none; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #1a2a44; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--blue); }
/* Headline utilities — tightened sizes, Greek-friendly line-heights */
.display-1 {
font-family: 'EB Garamond', Georgia, serif;
font-weight: 500;
line-height: 1.02;
letter-spacing: -0.015em;
font-size: clamp(2.2rem, 5.2vw, 4.5rem);
}
.display-2 {
font-family: 'EB Garamond', Georgia, serif;
font-weight: 500;
line-height: 1.06;
letter-spacing: -0.012em;
font-size: clamp(1.85rem, 3.4vw, 3.1rem);
}
.display-2 em {
font-style: italic;
color: var(--gold-lt);
font-weight: 400;
}
.section--ivory .display-2 em,
.section--cream .display-2 em { color: var(--red); }
.body-lg {
font-family: 'Inter', sans-serif;
font-size: clamp(1.05rem, 1.2vw, 1.25rem);
line-height: 1.6;
font-weight: 400;
}
/* Eyebrow */
.eyebrow {
font-family: 'Inter', sans-serif;
font-size: .78rem;
letter-spacing: .18em;
text-transform: uppercase;
font-weight: 500;
color: rgba(246,241,232,.88);
display: inline-flex;
align-items: center;
gap: .7rem;
}
.eyebrow--dark { color: rgba(6,31,58,.82); }
.eyebrow-dot {
display: inline-block;
width: 6px; height: 6px; border-radius: 99px;
background: var(--red);
}
.hero-eyebrow .eyebrow-line {
display: inline-block; width: 38px; height: 1px;
background: currentColor; opacity: .4;
}
.hero-eyebrow {
display: inline-flex; align-items: center; gap: .9rem;
font-family: 'Inter', sans-serif;
font-size: .72rem; letter-spacing: .32em;
text-transform: uppercase; color: var(--ivory);
opacity: .75;
}
/* Container + grid */
.container { width: min(1280px, 92vw); margin-inline: auto; }
.grid-12 { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2rem; }
/* Section frames */
.section { padding: 7rem 0; position: relative; overflow: hidden; }
@media (min-width: 1024px) { .section { padding: 10rem 0; } }
.section--ink { background: var(--ink); color: var(--ivory); }
.section--ink-deep { background: var(--ink-deep); color: var(--ivory); }
.section--ivory { background: var(--ivory); color: var(--ink); }
.section--cream { background: var(--cream); color: var(--ink); }
.section--red { background: var(--red); color: var(--ivory); }
.section-head { max-width: 860px; margin-bottom: 4rem; }
.section-head--split {
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;
max-width: none; gap: 2rem;
}
.section-lede {
margin-top: 1.5rem;
font-family: 'Inter', sans-serif;
font-size: clamp(1rem, 1.1vw, 1.15rem);
line-height: 1.6;
color: rgba(246,241,232,.7);
max-width: 55ch;
}
.section--ivory .section-lede,
.section--cream .section-lede { color: rgba(6,31,58,.75); }
/* -------------------- Buttons -------------------- */
.btn {
--bg: var(--red);
--fg: var(--ivory);
--bd: transparent;
display: inline-flex; align-items: center; gap: .6rem;
padding: .9rem 1.4rem;
border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: .85rem; font-weight: 500;
letter-spacing: .02em;
background: var(--bg); color: var(--fg);
border: 1px solid var(--bd);
text-decoration: none;
transition: transform .4s var(--ease-out), background .3s, color .3s, border-color .3s, box-shadow .4s;
will-change: transform;
cursor: pointer;
}
.btn svg { transition: transform .4s var(--ease-out); }
.btn:hover { transform: translateY(-1px); box-shadow: 0 14px 30px -10px rgba(148,26,29,.55); }
.btn:hover svg { transform: translateX(3px); }
.btn-primary { background: var(--red); color: var(--ivory); }
.btn-primary:hover { background: var(--red-dk); }
.btn-dark { background: var(--ink); color: var(--ivory); }
.btn-dark:hover { background: #000; }
.btn-ghost { background: transparent; color: currentColor; border-color: currentColor; opacity: .9; }
.btn-ghost:hover { background: var(--ivory); color: var(--ink); border-color: var(--ivory); opacity: 1; }
/* On light sections the fill flips to ink so the text (ivory) stays readable */
.section--ivory .btn-ghost:hover,
.section--cream .btn-ghost:hover,
.is-on-light .btn-ghost:hover { background: var(--ink); color: var(--ivory); border-color: var(--ink); }
.btn-lg { padding: 1.05rem 1.7rem; font-size: .95rem; }
.link-ul {
position: relative;
display: inline-flex; align-items: center; gap: .4rem;
font-family: 'Inter', sans-serif;
font-size: .9rem; font-weight: 500;
color: currentColor;
}
.link-ul::after {
content: ''; position: absolute;
left: 0; bottom: -4px; height: 1px; width: 100%;
background: currentColor; transform-origin: right;
transform: scaleX(1); transition: transform .5s var(--ease-inout);
}
.link-ul:hover::after { transform-origin: left; transform: scaleX(0); animation: ul-redraw .6s .15s var(--ease-inout) forwards; }
@keyframes ul-redraw { to { transform-origin: left; transform: scaleX(1); } }
/* -------------------- Custom cursor -------------------- */
.cursor { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 999; display: none; }
@media (hover:hover) and (pointer:fine) { .cursor { display: block; } }
.cursor-dot, .cursor-ring {
position: fixed; top: 0; left: 0;
border-radius: 999px; transform: translate(-50%, -50%);
pointer-events: none;
will-change: transform;
}
.cursor-dot { width: 6px; height: 6px; background: var(--ivory); }
.cursor-ring { width: 38px; height: 38px; border: 1px solid rgba(246,241,232,.4); transition: transform .25s var(--ease-out), background .25s, border-color .25s, width .25s, height .25s; }
body.is-hovering-cta .cursor-ring {
width: 58px; height: 58px; border-color: var(--red); background: rgba(148,26,29,.1);
}
body.is-on-light .cursor-dot { background: var(--ink); }
body.is-on-light .cursor-ring { border-color: rgba(6,31,58,.35); }
/* -------------------- Loader -------------------- */
.loader {
position: fixed; inset: 0; z-index: 1000;
background: var(--ink-deep);
display: grid; place-items: center;
transition: opacity .8s var(--ease-out), visibility .8s;
}
.loader.is-done { opacity: 0; visibility: hidden; }
.loader-inner { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; color: var(--ivory); }
.loader-house { width: 64px; color: var(--blue); opacity: .9; }
.loader-word {
font-family: 'EB Garamond', serif;
font-style: italic;
font-size: 1.25rem;
letter-spacing: .05em;
color: var(--ivory);
text-transform: capitalize;
}
.nav-wordmark-name { text-transform: capitalize; }
.footer-brand strong { text-transform: capitalize; }
.loader-bar { width: 160px; height: 1px; background: rgba(246,241,232,.18); overflow: hidden; }
.loader-bar-fill { display: block; height: 100%; background: var(--red); transform-origin: left; transform: scaleX(0); animation: loaderFill 1.3s var(--ease-out) forwards; }
@keyframes loaderFill { to { transform: scaleX(1); } }
/* -------------------- Navigation -------------------- */
.nav {
position: fixed; top: 0; left: 0; right: 0;
height: var(--nav-h);
z-index: 100;
display: flex; align-items: center;
transition: background .5s var(--ease-out), backdrop-filter .5s, border-color .5s;
border-bottom: 1px solid transparent;
}
.nav.is-scrolled {
background: rgba(4,15,34,.72);
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
border-bottom-color: rgba(246,241,232,.08);
}
.nav.is-on-light.is-scrolled {
background: rgba(251,248,242,.85);
border-bottom-color: rgba(6,31,58,.1);
}
.nav.is-on-light .nav-wordmark-name,
.nav.is-on-light .nav-wordmark-tag,
.nav.is-on-light .nav-menu a,
.nav.is-on-light .lang-opt,
.nav.is-on-light .lang-divider { color: var(--ink); }
.nav.is-on-light .nav-burger span { background: var(--ink); }
.nav-inner {
width: min(1400px, 94vw);
margin-inline: auto;
display: flex; align-items: center; justify-content: space-between;
gap: 2rem;
}
.nav-brand { display: flex; align-items: center; gap: .7rem; }
.nav-logo { width: 40px; height: 40px; object-fit: contain; background: var(--ivory); border-radius: 8px; padding: 3px; }
.nav-wordmark { display: flex; flex-direction: column; line-height: 1; }
.nav-wordmark-name {
font-family: 'EB Garamond', serif;
font-weight: 600; font-size: 1.3rem; letter-spacing: .01em;
color: var(--ivory);
}
.nav-wordmark-tag {
font-family: 'Inter', sans-serif;
font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
color: rgba(246,241,232,.55); margin-top: 3px;
}
.nav-menu { display: none; gap: 2.25rem; }
@media (min-width: 1024px) { .nav-menu { display: flex; } }
.nav-menu a {
font-family: 'Inter', sans-serif;
font-size: .82rem; font-weight: 500;
color: var(--ivory); letter-spacing: .01em;
position: relative;
}
.nav-menu a::after {
content: ''; position: absolute;
left: 0; right: 0; bottom: -6px; height: 1px;
background: var(--red); transform: scaleX(0); transform-origin: center;
transition: transform .45s var(--ease-inout);
}
/* E-shop link: subtle gold accent so the store stands out in the menu */
.nav-menu a.nav-eshop { color: var(--gold-lt); font-weight: 600; }
.nav-menu a.nav-eshop::after { background: var(--gold); }
.nav.is-on-light .nav-menu a.nav-eshop { color: var(--gold); }
.nav-menu a:hover::after { transform: scaleX(1); }
.nav-actions { display: flex; align-items: center; gap: 1rem; }
.lang-toggle {
display: inline-flex; gap: .35rem;
font-family: 'Inter', sans-serif;
font-size: .75rem; font-weight: 600; letter-spacing: .1em;
color: var(--ivory);
background: transparent; border: 0;
cursor: pointer;
}
.lang-opt { opacity: .85; color: inherit; text-decoration: none; transition: opacity .3s, color .3s; }
.lang-opt:hover { opacity: 1; }
.lang-opt.is-active { opacity: 1; color: var(--gold-lt); }
.lang-divider { opacity: .5; }
/* On light sections the active language switches to the brand red (good contrast on cream) */
.nav.is-on-light .lang-opt.is-active { color: var(--red); }
.nav-burger {
display: inline-flex; flex-direction: column; gap: 5px;
background: transparent; border: 0; padding: 10px; cursor: pointer;
}
@media (min-width: 1024px) { .nav-burger { display: none; } }
.nav-burger span { width: 22px; height: 1.5px; background: var(--ivory); display: block; transition: transform .4s var(--ease-inout), opacity .3s; }
.nav-burger.is-open span:first-child { transform: translateY(4px) rotate(45deg); }
.nav-burger.is-open span:last-child { transform: translateY(-2px) rotate(-45deg); }
/* hide CTA button on mobile */
.nav-actions .btn { display: none; }
@media (min-width: 640px) { .nav-actions .btn { display: inline-flex; } }
/* Mobile menu */
.mobile-menu {
position: fixed; inset: var(--nav-h) 0 0 0; z-index: 95;
background:
radial-gradient(125% 90% at 100% 0%, rgba(14,89,154,.22), transparent 55%),
radial-gradient(110% 80% at 0% 100%, rgba(148,26,29,.18), transparent 55%),
linear-gradient(165deg, var(--ink) 0%, var(--ink-deep) 100%);
padding: 2rem 7vw 2.5rem;
display: flex; flex-direction: column; justify-content: center;
overflow-y: auto;
opacity: 0; visibility: hidden; transform: translateY(-6px);
transition: opacity .45s var(--ease-out), visibility .45s, transform .45s var(--ease-out);
}
.mobile-menu.is-open { opacity: 1; visibility: visible; transform: none; }
.mobile-menu nav { display: flex; flex-direction: column; }
/* Nav links — large serif, dividers, hover arrow, staggered entrance */
.mobile-menu nav a {
position: relative;
display: flex; align-items: center; justify-content: space-between;
padding: 1.05rem 0;
font-family: 'EB Garamond', serif;
font-size: clamp(1.75rem, 7vw, 2.35rem);
font-weight: 500; line-height: 1;
color: var(--ivory);
border-bottom: 1px solid rgba(246,241,232,.10);
opacity: 0;
transition: color .25s, padding-left .3s var(--ease-out);
}
.mobile-menu nav a::after {
content: '→';
font-family: 'Inter', sans-serif; font-size: 1.05rem;
color: var(--gold-lt);
opacity: 0; transform: translateX(-10px);
transition: opacity .3s, transform .3s var(--ease-out);
}
.mobile-menu nav a:hover,
.mobile-menu nav a:focus-visible { color: var(--gold-lt); padding-left: .5rem; }
.mobile-menu nav a:hover::after,
.mobile-menu nav a:focus-visible::after { opacity: 1; transform: none; }
/* Staggered entrance (animation, so it never delays the hover transitions) */
.mobile-menu.is-open nav a { animation: menuItemIn .5s var(--ease-out) forwards; }
.mobile-menu.is-open nav a:nth-child(1) { animation-delay: .05s; }
.mobile-menu.is-open nav a:nth-child(2) { animation-delay: .10s; }
.mobile-menu.is-open nav a:nth-child(3) { animation-delay: .15s; }
.mobile-menu.is-open nav a:nth-child(4) { animation-delay: .20s; }
.mobile-menu.is-open nav a:nth-child(5) { animation-delay: .25s; }
.mobile-menu.is-open nav a:nth-child(6) { animation-delay: .30s; }
.mobile-menu.is-open nav a:nth-child(7) { animation-delay: .35s; }
@keyframes menuItemIn {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: none; }
}
/* CTA — a pill button, not a list link */
.mobile-menu nav .mobile-cta,
.mobile-menu nav .btn {
justify-content: center;
margin-top: 1.75rem;
padding: .95rem 1.5rem;
background: var(--red);
color: var(--ivory);
border: 0; border-radius: 999px;
font-family: 'Inter', sans-serif;
font-size: 1.02rem; font-weight: 600; letter-spacing: .02em;
box-shadow: 0 16px 36px -16px rgba(148,26,29,.7);
transition: background .25s, transform .25s var(--ease-out);
}
.mobile-menu nav .mobile-cta::after,
.mobile-menu nav .btn::after { content: none; }
.mobile-menu nav .mobile-cta:hover,
.mobile-menu nav .btn:hover { background: var(--red-dk); padding-left: 1.5rem; transform: translateY(-2px); }
/* -------------------- HERO -------------------- */
.hero {
position: relative;
min-height: 100vh;
min-height: 100svh;
padding-top: calc(var(--nav-h) + 2rem);
padding-bottom: 2rem;
display: grid;
grid-template-rows: 1fr auto;
color: var(--ivory);
overflow: hidden;
isolation: isolate;
background: var(--ink-deep);
}
/* Canvas receives scroll-scrubbed video frames once they're provided */
.hero-canvas {
position: absolute; inset: 0; z-index: -3;
width: 100%; height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity .8s var(--ease-out);
}
.hero-canvas.is-ready { opacity: 1; }
/* Photo-driven default hero (until frames are wired) */
.hero-photo {
position: absolute; inset: 0; z-index: -2;
background: url('../img/hero.jpg') center 40% / cover no-repeat;
transform: scale(1.04);
animation: heroZoom 16s ease-in-out infinite alternate;
}
@keyframes heroZoom { to { transform: scale(1.08) translateY(-1%); } }
/* Overlay gradients give the photo an editorial, premium feel */
.hero-overlay {
position: absolute; inset: 0; z-index: -1;
background:
linear-gradient(180deg, rgba(4,15,34,.7) 0%, rgba(4,15,34,.55) 40%, rgba(4,15,34,.9) 100%),
linear-gradient(90deg, rgba(4,15,34,.7) 0%, rgba(4,15,34,.25) 50%, rgba(4,15,34,.55) 100%);
pointer-events: none;
}
.hero-grain {
position: absolute; inset: 0; z-index: -1;
pointer-events: none; opacity: .07; mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,");
}
.hero-content {
width: min(1280px, 92vw);
margin-inline: auto;
align-self: center;
display: grid;
gap: 1.5rem;
max-width: 960px;
}
.hero-title {
font-family: 'EB Garamond', serif;
font-weight: 500; line-height: 1.02;
letter-spacing: -0.018em;
font-size: clamp(2.5rem, 6.4vw, 5.5rem);
margin: .5rem 0 .75rem;
}
.hero-title-row { display: block; }
.hero-word { display: inline-block; }
.hero-word--italic { font-style: italic; color: var(--gold-lt); font-weight: 400; }
.hero-amp {
display: inline-block;
font-family: 'Marcellus', serif;
color: var(--red);
margin: 0 .2em;
font-style: normal;
}
.hero-sub {
max-width: 52ch;
font-family: 'Inter', sans-serif;
font-size: clamp(.98rem, 1.05vw, 1.125rem);
line-height: 1.6;
color: rgba(246,241,232,.82);
margin: .25rem 0 1.25rem;
}
.hero-ctas { display: flex; flex-wrap: wrap; gap: .85rem; }
/* Bottom rail: metrics + scroll indicator */
.hero-rail {
width: min(1280px, 92vw);
margin-inline: auto;
display: flex; align-items: center; justify-content: space-between;
gap: 2rem; padding-top: 2rem;
border-top: 1px solid rgba(246,241,232,.12);
}
.hero-stats {
display: flex; gap: 0; flex-wrap: wrap;
}
.hero-stat {
display: flex; flex-direction: column; gap: .2rem;
padding: 0 2rem;
}
.hero-stat:first-child { padding-left: 0; }
.hero-stat + .hero-stat {
border-left: 1px solid rgba(246,241,232,.18);
}
.hero-stat strong {
font-family: 'EB Garamond', serif;
font-weight: 600; font-size: clamp(1.5rem, 2vw, 1.9rem); line-height: 1;
color: var(--gold-lt);
}
.hero-stat span {
font-family: 'Inter', sans-serif;
font-size: .68rem; letter-spacing: .2em; text-transform: uppercase;
color: rgba(246,241,232,.65);
}
.hero-scroll {
display: flex; align-items: center; gap: .7rem;
font-family: 'Inter', sans-serif;
font-size: .65rem; letter-spacing: .3em; text-transform: uppercase;
color: rgba(246,241,232,.6);
white-space: nowrap;
}
.hero-scroll-line {
position: relative;
display: inline-block; width: 46px; height: 1px;
background: rgba(246,241,232,.3);
overflow: hidden;
}
.hero-scroll-line::before {
content: ''; position: absolute; inset: 0;
background: var(--red);
transform: translateX(-100%);
animation: scrollPulse 2.2s var(--ease-inout) infinite;
}
@keyframes scrollPulse {
0% { transform: translateX(-100%); }
55% { transform: translateX(0); }
100% { transform: translateX(100%); }
}
@media (max-width: 768px) {
.hero-rail { flex-direction: column; align-items: stretch; gap: 1.25rem; }
/* Keep the three metrics on one tidy, evenly-divided row */
.hero-stats { width: 100%; flex-wrap: nowrap; }
.hero-stat {
flex: 1 1 0; min-width: 0;
padding: 0 .9rem; gap: .3rem;
}
.hero-stat:first-child { padding-left: 0; }
.hero-stat strong { font-size: 1.45rem; }
.hero-stat span { font-size: .58rem; letter-spacing: .1em; }
.hero-scroll { display: none; }
}
/* -------------------- Marquee -------------------- */
.marquee {
border-top: 1px solid rgba(246,241,232,.08);
border-bottom: 1px solid rgba(246,241,232,.08);
background: var(--ink);
padding: 1.25rem 0;
overflow: hidden;
}
.marquee-track {
display: inline-flex; align-items: center; gap: 2.25rem;
white-space: nowrap;
animation: mq 42s linear infinite;
font-family: 'EB Garamond', serif;
font-style: italic; font-weight: 400;
font-size: clamp(1.25rem, 2vw, 1.85rem);
color: rgba(246,241,232,.75);
}
.mq-dot { color: var(--red); font-size: .9em; opacity: .9; }
@keyframes mq { to { transform: translateX(-50%); } }
/* -------------------- Pillars -------------------- */
.pillars { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
@media (min-width: 900px) { .pillars { grid-template-columns: repeat(3, 1fr); gap: 4rem; } }
.pillar { border-top: 1px solid rgba(6,31,58,.12); padding-top: 2rem; }
.pillar-num {
display: block;
font-family: 'Marcellus', serif;
color: var(--red); font-size: 1rem; letter-spacing: .2em;
margin-bottom: 1.5rem;
}
.pillar-title {
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: clamp(1.5rem, 2.3vw, 2rem);
line-height: 1.1;
margin-bottom: 1rem;
color: var(--ink);
}
.pillar-body { font-family: 'Inter', sans-serif; line-height: 1.6; color: rgba(6,31,58,.75); max-width: 36ch; }
/* -------------------- Collections -------------------- */
.collections-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* phone: 2 per line */
gap: .75rem;
}
@media (min-width: 700px) { .collections-grid { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } }
@media (min-width: 1100px) { .collections-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } }
.collection {
position: relative;
display: flex; flex-direction: column;
padding: 2rem 1.75rem 1.75rem;
min-height: 380px;
background: rgba(246,241,232,.03);
border: 1px solid rgba(246,241,232,.08);
border-radius: var(--radius);
overflow: hidden;
isolation: isolate;
transition: transform .5s var(--ease-out), border-color .5s, background .5s;
}
.collection:hover {
transform: translateY(-4px);
border-color: rgba(201,166,107,.35);
background: rgba(246,241,232,.05);
}
.collection::before {
content: '';
position: absolute; inset: 0; z-index: -1;
background: radial-gradient(ellipse at 80% 0%, rgba(14,89,154,.35), transparent 60%);
opacity: 0; transition: opacity .5s;
}
.collection:hover::before { opacity: 1; }
.collection--wide { grid-column: span 1; }
@media (min-width: 1100px) { .collection--wide { grid-column: span 2; min-height: 380px; } }
.collection-num {
font-family: 'Marcellus', serif;
font-size: .8rem; letter-spacing: .2em;
color: rgba(246,241,232,.4);
margin-bottom: 1.5rem;
}
.collection-art {
flex: 1;
display: block;
margin-bottom: 1.5rem;
min-height: 140px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: transform .8s var(--ease-out);
}
.collection:hover .collection-art { transform: scale(1.05) translateY(-4px); }
.collection-title {
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: clamp(1.5rem, 1.9vw, 1.9rem);
line-height: 1.05;
margin-bottom: .5rem;
color: var(--ivory);
}
.collection-body {
font-family: 'Inter', sans-serif;
font-size: .88rem; line-height: 1.55;
color: rgba(246,241,232,.68);
}
.collection-cta {
display: inline-block;
margin-top: 1rem;
font-family: 'Inter', sans-serif;
font-size: .78rem; letter-spacing: .1em; text-transform: uppercase;
color: var(--red);
opacity: 0; transform: translateX(-6px);
transition: opacity .4s, transform .4s var(--ease-out);
}
.collection:hover .collection-cta { opacity: 1; transform: none; }
/* SVG art for each collection — elegant line illustrations */
.collection-art[data-art="kouf"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="door"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="kitchen"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="pergola"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="smart"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="rails"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="garage"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="roof"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="bed"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="wardrobe"]{ background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="doorint"] { background-image: url("data:image/svg+xml;utf8,"); }
.collection-art[data-art="motor"] { background-image: url("data:image/svg+xml;utf8,"); }
/* -------------------- Craft steps -------------------- */
.craft-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.25rem; }
.craft-step {
display: grid; grid-template-columns: auto 1fr; gap: 1.5rem;
padding: 1.75rem 1.75rem 1.75rem 1.5rem;
background: rgba(255,255,255,.6);
border: 1px solid rgba(6,31,58,.08);
border-radius: 14px;
transition: background .4s, transform .4s var(--ease-out), border-color .4s;
}
.craft-step:hover { transform: translateX(6px); background: #fff; border-color: rgba(148,26,29,.2); }
.craft-num {
font-family: 'Marcellus', serif; font-size: 1.1rem; letter-spacing: .15em;
color: var(--red);
padding-top: .15rem;
}
.craft-step h3 {
font-family: 'EB Garamond', serif;
font-weight: 600; font-size: 1.4rem; line-height: 1.2;
color: var(--ink); margin-bottom: .4rem;
}
.craft-step p { font-family: 'Inter', sans-serif; color: rgba(6,31,58,.72); line-height: 1.55; font-size: .95rem; }
/* -------------------- Numbers -------------------- */
.numbers-grid {
margin-top: 5rem;
display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;
text-align: center;
}
@media (max-width: 600px) {
.numbers-grid { grid-template-columns: 1fr; gap: 1.75rem; }
}
.num { display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 1rem; }
.num-value {
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: clamp(3rem, 6vw, 5.5rem);
line-height: 1;
letter-spacing: -.02em;
color: var(--gold-lt);
}
.num-label {
font-family: 'Inter', sans-serif;
font-size: .75rem; letter-spacing: .2em; text-transform: uppercase;
color: rgba(246,241,232,.7);
}
/* -------------------- Projects -------------------- */
.projects-grid {
display: grid;
grid-template-columns: 1fr; /* phone: 1 per line */
grid-auto-rows: 280px;
gap: 1rem;
margin-top: 3rem;
}
@media (min-width: 700px) { .projects-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 340px; gap: 1.25rem; } }
@media (min-width: 1100px) { .projects-grid { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 340px; } }
.project {
position: relative;
margin: 0;
border-radius: var(--radius);
overflow: hidden;
background: var(--ink);
isolation: isolate;
cursor: pointer;
}
.project--tall { grid-row: span 1; }
@media (min-width: 1100px) {
.project--tall { grid-row: span 2; }
.project--wide { grid-column: span 2; }
}
.project-art {
position: absolute; inset: 0;
background-size: cover; background-position: center;
transform: scale(1.02);
transition: transform 1s var(--ease-out);
}
.project:hover .project-art { transform: scale(1.07); }
/* ![]()
-based project art (build emits responsive ); fills the card
exactly like the background-image version above. */
.project-art-img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover; object-position: center;
transform: scale(1.02);
transition: transform 1s var(--ease-out);
}
.project:hover .project-art-img { transform: scale(1.07); }
.project::after {
content: ''; position: absolute; inset: 0; z-index: 1;
background: linear-gradient(180deg, rgba(4,15,34,0) 40%, rgba(4,15,34,.85) 100%);
}
.project figcaption {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
padding: 1.5rem 1.75rem;
color: var(--ivory);
}
.project-kind {
font-family: 'Inter', sans-serif;
font-size: .7rem; letter-spacing: .22em; text-transform: uppercase;
color: var(--gold-lt); display: block; margin-bottom: .35rem;
}
.project figcaption h3 {
font-family: 'EB Garamond', serif;
font-weight: 500; font-size: clamp(1.4rem, 2vw, 1.8rem); line-height: 1.1;
}
/* Placeholder art for projects (gradient + pattern) */
.project-art[data-art="villa"] { background: linear-gradient(135deg, #0E599A 0%, #061F3A 100%); }
.project-art[data-art="loft"] { background: linear-gradient(135deg, #6B1215 0%, #1a0607 100%); }
.project-art[data-art="cafe"] { background: linear-gradient(135deg, #C9A66B 0%, #6b5128 100%); }
.project-art[data-art="stone"] { background: linear-gradient(135deg, #818285 0%, #2c2e31 100%); }
.project-art::before {
content: ''; position: absolute; inset: 0;
background-image:
radial-gradient(circle at 20% 20%, rgba(255,255,255,.12), transparent 40%),
radial-gradient(circle at 80% 80%, rgba(0,0,0,.25), transparent 50%);
}
/* -------------------- Testimonial -------------------- */
.testimonial {
max-width: 920px; margin: 4rem auto 0; text-align: center;
padding: 2rem 1rem;
color: var(--ivory);
}
.quote-mark { width: 40px; color: var(--red); margin: 0 auto 1.5rem; display: block; opacity: .9; }
.testimonial-text {
font-family: 'EB Garamond', serif;
font-weight: 400; font-style: italic;
font-size: clamp(1.5rem, 3vw, 2.5rem);
line-height: 1.3;
margin-bottom: 2rem;
color: rgba(246,241,232,.95);
}
.testimonial-foot { display: flex; flex-direction: column; gap: .25rem; }
.testimonial-name { font-family: 'Inter', sans-serif; font-weight: 500; color: var(--gold-lt); font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; }
.testimonial-role { font-family: 'Inter', sans-serif; font-size: .8rem; color: rgba(246,241,232,.55); }
/* -------------------- Story -------------------- */
.story-body p em { font-style: italic; color: var(--red); }
/* -------------------- Visit -------------------- */
.visit-info {
margin-top: 3rem;
display: grid; grid-template-columns: 1fr 1fr; gap: 1.75rem 2rem;
}
.visit-info dt {
font-family: 'Inter', sans-serif;
font-size: .7rem; letter-spacing: .22em; text-transform: uppercase;
color: var(--gold-lt);
margin-bottom: .5rem;
}
.visit-info dd {
font-family: 'EB Garamond', serif;
font-weight: 500; font-size: 1.1rem; line-height: 1.4;
color: var(--ivory);
margin: 0;
}
.visit-info dd a { color: currentColor; }
.visit-info dd a:hover { color: var(--gold-lt); }
.visit-ctas { display: flex; flex-wrap: wrap; gap: 1rem; }
.map-card {
position: relative;
min-height: 420px;
border-radius: var(--radius);
overflow: hidden;
background: rgba(14,89,154,.08);
border: 1px solid rgba(246,241,232,.08);
display: flex; flex-direction: column; justify-content: flex-end;
}
/* Real embedded Google Map */
.map-embed {
position: absolute; inset: 0;
width: 100%; height: 100%;
border: 0; display: block;
filter: grayscale(.15) contrast(1.02);
}
.map-art { position: absolute; inset: 0; color: var(--blue); } /* legacy fallback */
.map-art svg { width: 100%; height: 100%; display: block; }
.map-card-foot {
position: relative; z-index: 1;
background: linear-gradient(0deg, rgba(4,15,34,.96), rgba(4,15,34,.72) 65%, transparent);
padding: 1.4rem 1.6rem 1.3rem;
display: flex; justify-content: space-between; align-items: center;
gap: 1rem;
color: var(--ivory);
text-decoration: none;
transition: background .35s;
}
a.map-card-foot:hover { background: linear-gradient(0deg, rgba(4,15,34,.98), rgba(4,15,34,.8) 65%, transparent); }
.map-card-foot strong {
display: block;
font-family: 'EB Garamond', serif; font-weight: 500;
font-size: 1.3rem; line-height: 1.15;
}
.map-open {
display: inline-flex; align-items: center; gap: .45rem;
flex-shrink: 0;
font-family: 'Inter', sans-serif; font-size: .7rem;
letter-spacing: .14em; text-transform: uppercase;
color: var(--gold-lt);
padding: .5rem .8rem; border: 1px solid var(--gold-lt); border-radius: 999px;
transition: background .3s, color .3s;
}
a.map-card-foot:hover .map-open { background: var(--gold-lt); color: var(--ink); }
.map-badge {
font-family: 'Inter', sans-serif; font-size: .7rem;
letter-spacing: .18em; text-transform: uppercase;
color: var(--gold-lt);
padding: .4rem .75rem; border: 1px solid var(--gold-lt); border-radius: 999px;
}
/* -------------------- Contact -------------------- */
.section--red { background:
radial-gradient(ellipse at 0% 0%, #AB2125, transparent 60%),
radial-gradient(ellipse at 100% 100%, #6B1215, transparent 60%),
#941A1D;
}
.contact-wrap { max-width: 980px; }
.contact-form { margin-top: 3rem; }
.form-row { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-bottom: 1.25rem; }
@media (min-width: 700px) { .form-row { grid-template-columns: 1fr 1fr; gap: 1.5rem; } }
.contact-form label {
display: flex; flex-direction: column; gap: .45rem;
font-family: 'Inter', sans-serif;
font-size: .72rem; letter-spacing: .18em; text-transform: uppercase;
color: rgba(246,241,232,.8);
}
/* Standalone labels (Email, Message) sit on their own row, full width */
.contact-form > label { margin-bottom: 1.25rem; }
.contact-form input,
.contact-form select,
.contact-form textarea {
width: 100%;
background: transparent;
border: 0;
border-bottom: 1px solid rgba(246,241,232,.35);
padding: .7rem 0;
font-family: 'Inter', sans-serif;
font-size: 1rem;
color: var(--ivory);
letter-spacing: .01em; text-transform: none;
transition: border-color .3s;
border-radius: 0;
outline: none;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus { border-bottom-color: var(--ivory); }
.contact-form select option { color: var(--ink); }
.contact-form textarea { resize: vertical; }
.form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 2rem; }
.form-or { font-family: 'Inter', sans-serif; font-size: .8rem; letter-spacing: .2em; text-transform: uppercase; opacity: .7; }
.contact-sent {
display: inline-flex; align-items: center; gap: .6rem;
margin-top: 2rem;
padding: .75rem 1.15rem;
background: rgba(246,241,232,.12);
border: 1px solid rgba(246,241,232,.3);
border-radius: 999px;
font-family: 'Inter', sans-serif; font-size: .85rem;
color: var(--ivory);
opacity: 0; transform: translateY(6px);
transition: opacity .5s var(--ease-out), transform .5s var(--ease-out);
}
.contact-sent.is-visible { opacity: 1; transform: none; }
.contact-error {
display: inline-flex; align-items: center; gap: .6rem;
margin-top: 2rem;
padding: .75rem 1.15rem;
background: rgba(20,8,8,.25);
border: 1px solid rgba(255,255,255,.35);
border-radius: 999px;
font-family: 'Inter', sans-serif; font-size: .85rem;
color: var(--ivory);
}
.contact-error[hidden] { display: none; }
/* -------------------- Footer -------------------- */
.footer {
background: #020817;
color: rgba(246,241,232,.7);
padding: 5rem 0 2rem;
border-top: 1px solid rgba(246,241,232,.06);
}
.footer-top { display: flex; flex-direction: column; gap: 3rem; margin-bottom: 3rem; }
@media (min-width: 900px) { .footer-top { flex-direction: row; justify-content: space-between; gap: 4rem; } }
.footer-brand { display: flex; align-items: center; gap: .9rem; max-width: 320px; }
.footer-brand img { width: 52px; height: 52px; background: var(--ivory); border-radius: 10px; padding: 4px; }
.footer-brand strong {
display: block;
font-family: 'EB Garamond', serif;
font-weight: 600; font-size: 1.4rem; color: var(--ivory);
}
.footer-brand span {
font-family: 'Inter', sans-serif;
font-size: .7rem; letter-spacing: .2em; text-transform: uppercase;
color: rgba(246,241,232,.5);
}
.footer-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem 3rem; }
.footer-cols h3 {
font-family: 'Inter', sans-serif;
font-size: .72rem; letter-spacing: .22em; text-transform: uppercase;
color: var(--gold-lt);
margin-bottom: 1rem;
}
.footer-cols ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .6rem; }
.footer-cols a, .footer-cols li {
font-family: 'Inter', sans-serif; font-size: .88rem;
color: rgba(246,241,232,.7);
transition: color .25s;
}
.footer-cols a:hover { color: var(--ivory); }
.footer-bot {
padding-top: 2rem;
border-top: 1px solid rgba(246,241,232,.06);
display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;
font-family: 'Inter', sans-serif;
font-size: .78rem; color: rgba(246,241,232,.5);
}
.footer-legal { display: flex; gap: 1.5rem; }
.footer-legal a { color: currentColor; transition: color .25s; }
.footer-legal a:hover { color: var(--ivory); }
/* -------------------- Reveal animations -------------------- */
[data-reveal] {
opacity: 0;
transform: translateY(24px);
transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);
}
[data-reveal].is-in { opacity: 1; transform: none; }
/* No-JS / failed-JS fallback: if the reveal observer never runs, content must
still be visible (it's the main page content, not just decoration). */
.no-js [data-reveal] { opacity: 1 !important; transform: none !important; }
/* Split text: words stagger in without being forced onto separate lines */
.split-word {
display: inline-block;
opacity: 0;
transform: translateY(18px);
transition: opacity .75s var(--ease-out), transform .75s var(--ease-out);
transition-delay: var(--d, 0ms);
}
[data-split].is-in .split-word { opacity: 1; transform: none; }
.no-js [data-split] .split-word { opacity: 1 !important; transform: none !important; }
.split-word em { font-style: italic; }
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
* { animation: none !important; transition: none !important; }
[data-reveal], .split-word { opacity: 1 !important; transform: none !important; }
}
/* -------------------- Utility text rules -------------------- */
.text-center { text-align: center; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-24 { margin-top: 6rem; }
.mt-32 { margin-top: 8rem; }
.max-w-lg { max-width: 34rem; }
@media (min-width: 1024px) { .lg\:mt-0 { margin-top: 0; } }
/* Col span helpers used with grid-12 */
.col-span-12 { grid-column: span 12 / span 12; }
@media (min-width: 1024px) {
.lg\:col-span-4 { grid-column: span 4 / span 4; }
.lg\:col-span-5 { grid-column: span 5 / span 5; }
.lg\:col-span-6 { grid-column: span 6 / span 6; }
.lg\:col-span-7 { grid-column: span 7 / span 7; }
.lg\:col-span-10 { grid-column: span 10 / span 10; }
.lg\:col-start-6 { grid-column-start: 6; }
.lg\:col-start-7 { grid-column-start: 7; }
.lg\:col-start-8 { grid-column-start: 8; }
.lg\:self-end { align-self: end; }
}
.max-w-md { max-width: 28rem; }
.max-w-xl { max-width: 38rem; }
.mx-auto { margin-inline: auto; }
/* ═══════════════════════════════════════════════════════════════
CATEGORY PAGE — /products/?c=
Uses an accent colour set on .
═══════════════════════════════════════════════════════════════ */
.cat-page[data-accent="blue"] { --cat-accent: var(--blue); --cat-accent-lt: #4B8AC4; }
.cat-page[data-accent="red"] { --cat-accent: var(--red); --cat-accent-lt: #D05054; }
.cat-page[data-accent="gold"] { --cat-accent: var(--gold); --cat-accent-lt: var(--gold-lt); }
.cat-page { --cat-accent: var(--blue); --cat-accent-lt: #4B8AC4; }
/* ── Hero ───────────────────────────────────────────────────── */
.cat-hero {
position: relative;
min-height: clamp(520px, 78vh, 820px);
display: grid;
align-items: end;
overflow: hidden;
isolation: isolate;
color: var(--ivory);
padding-top: 140px;
padding-bottom: clamp(3rem, 7vw, 6rem);
}
.cat-hero-media {
position: absolute; inset: 0; z-index: -2;
}
.cat-hero-media img {
width: 100%; height: 100%; object-fit: cover;
transform: scale(1.04);
filter: saturate(1.0) contrast(1.0) brightness(0.45);
transition: transform 8s ease;
}
.cat-hero:hover .cat-hero-media img { transform: scale(1.0); }
/* Hero SVG-art fallback when the hero image is missing or 404s */
.cat-hero-art {
position: absolute; inset: 0;
background-color: #0b2544;
background-size: 54% auto;
background-position: 72% 40%;
opacity: 0;
transition: opacity .6s var(--ease-out);
pointer-events: none;
}
.cat-hero-media.is-art-fallback .cat-hero-art { opacity: .28; }
.cat-hero-media.is-art-fallback #catHeroImg { display: none; }
.cat-hero-overlay {
position: absolute; inset: 0; z-index: -1;
/* Layered scrim tuned to guarantee legibility over any source image.
Combined with brightness(0.45) on the image itself, the left-bottom
text region is effectively ink. */
background:
/* focal radial — blackens precisely where the title sits */
radial-gradient(85% 80% at 18% 78%,
rgba(6,31,58,.92) 0%,
rgba(6,31,58,.72) 30%,
rgba(6,31,58,.35) 60%,
rgba(6,31,58,.10) 90%,
transparent 100%),
/* bottom-up darkening — near-opaque at the base */
linear-gradient(0deg,
rgba(6,31,58,.98) 0%,
rgba(6,31,58,.88) 20%,
rgba(6,31,58,.60) 50%,
rgba(6,31,58,.30) 80%,
rgba(6,31,58,.20) 100%),
/* left→right darkening */
linear-gradient(90deg,
rgba(6,31,58,.70) 0%,
rgba(6,31,58,.45) 40%,
rgba(6,31,58,.20) 75%,
rgba(6,31,58,.10) 100%),
/* blue-ink brand wash */
linear-gradient(0deg, rgba(6,31,58,.28), rgba(6,31,58,.28));
}
.cat-hero-content {
width: min(1280px, 92vw);
margin-inline: auto;
position: relative;
}
.crumbs {
display: flex; align-items: center; gap: .6rem;
font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;
color: rgba(246,241,232,.6);
margin-bottom: 1.5rem;
}
.crumbs a { color: inherit; transition: color .25s var(--ease-out); }
.crumbs a:hover { color: var(--gold-lt); }
.crumbs-sep { opacity: .5; }
.crumbs-current { color: var(--gold-lt); }
.cat-eyebrow { margin-bottom: 1.2rem; }
.cat-title {
max-width: 18ch;
margin-bottom: 1.2rem;
font-weight: 500;
text-shadow:
0 2px 30px rgba(0,0,0,.75),
0 1px 8px rgba(0,0,0,.55),
0 0 2px rgba(0,0,0,.4);
}
.cat-subtitle {
font-family: 'EB Garamond', Georgia, serif;
font-style: italic;
font-size: clamp(1.2rem, 2.2vw, 1.8rem);
line-height: 1.3;
max-width: 42ch;
color: var(--gold-lt);
margin-bottom: 2rem;
text-shadow:
0 1px 16px rgba(0,0,0,.7),
0 1px 4px rgba(0,0,0,.5);
}
.cat-hero-content .eyebrow {
text-shadow: 0 1px 10px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.4);
}
.crumbs { text-shadow: 0 1px 6px rgba(0,0,0,.55); }
.cat-hero-actions {
display: flex; flex-wrap: wrap; gap: .85rem;
}
/* ── Intro block ────────────────────────────────────────────── */
.cat-intro .display-2 {
font-family: 'EB Garamond', serif;
font-style: italic;
font-weight: 400;
}
/* ── Highlights grid ────────────────────────────────────────── */
.highlights-grid {
display: grid;
gap: 1.25rem;
margin-top: 3rem;
}
@media (min-width: 700px) { .highlights-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .highlights-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } }
.highlight {
position: relative;
padding: 2.2rem 1.6rem 2rem;
border: 1px solid rgba(6,31,58,.1);
background: #fff;
border-radius: 4px;
transition: transform .5s var(--ease-out), box-shadow .5s var(--ease-out), border-color .5s var(--ease-out);
opacity: 0;
transform: translateY(22px);
transition: opacity .75s var(--ease-out), transform .75s var(--ease-out), box-shadow .5s var(--ease-out), border-color .5s var(--ease-out);
transition-delay: var(--d, 0ms);
}
.highlight.is-in { opacity: 1; transform: none; }
.highlight:hover {
border-color: var(--cat-accent);
box-shadow: 0 20px 50px -24px rgba(6,31,58,.25);
transform: translateY(-2px);
}
.highlight-num {
display: inline-block;
font-family: 'Marcellus', serif;
font-size: .78rem;
letter-spacing: .2em;
color: var(--cat-accent);
margin-bottom: 1rem;
}
.highlight-title {
font-family: 'EB Garamond', serif;
font-size: 1.45rem;
line-height: 1.2;
font-weight: 500;
margin-bottom: .7rem;
color: var(--ink);
}
.highlight-body {
font-size: .94rem;
line-height: 1.55;
color: rgba(6,31,58,.72);
}
/* ── Product lines grid ─────────────────────────────────────── */
.lines-grid {
display: grid;
gap: 1rem;
margin-top: 3rem;
}
@media (min-width: 700px) { .lines-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }
@media (min-width: 1100px) { .lines-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } }
.line {
position: relative;
padding: 2rem 1.8rem 2.2rem;
background: rgba(246,241,232,.04);
border: 1px solid rgba(246,241,232,.1);
border-radius: 4px;
overflow: hidden;
opacity: 0;
transform: translateY(22px);
transition: opacity .7s var(--ease-out), transform .7s var(--ease-out), border-color .4s var(--ease-out), background .4s var(--ease-out);
transition-delay: var(--d, 0ms);
}
.line.is-in { opacity: 1; transform: none; }
.line::before {
content: '';
position: absolute; top: 0; left: 0;
width: 2px; height: 0;
background: var(--cat-accent-lt);
transition: height .5s var(--ease-out);
}
.line:hover {
background: rgba(246,241,232,.07);
border-color: rgba(228,207,161,.25);
}
.line:hover::before { height: 100%; }
.line-num {
font-family: 'Marcellus', serif;
font-size: .78rem;
letter-spacing: .2em;
color: var(--gold-lt);
opacity: .7;
}
.line-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
margin: .6rem 0 1rem;
}
.line-name {
font-family: 'EB Garamond', serif;
font-size: 1.55rem;
line-height: 1.15;
font-weight: 500;
color: var(--ivory);
}
.line-tag {
flex-shrink: 0;
font-size: .68rem;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--cat-accent-lt);
padding: .3rem .55rem;
border: 1px solid currentColor;
border-radius: 2px;
opacity: .85;
}
.line-body {
font-size: .94rem;
line-height: 1.6;
color: rgba(246,241,232,.72);
margin-bottom: 1.1rem;
}
.line-tags {
display: flex; flex-wrap: wrap; gap: .4rem;
}
.line-tags span {
font-size: .72rem;
padding: .3rem .6rem;
background: rgba(246,241,232,.05);
border-radius: 2px;
color: rgba(246,241,232,.8);
letter-spacing: .02em;
}
/* Line thumbnail — shown when the line entry includes an `image` path */
.line-thumb {
display: block;
width: calc(100% + 3.6rem);
max-width: none; /* override Tailwind preflight img{max-width:100%} so the full-bleed width applies */
height: auto; /* ignore the intrinsic height attr so aspect-ratio governs the box */
margin: -2rem -1.8rem 1.4rem;
aspect-ratio: 4 / 3;
object-fit: cover;
background: rgba(246,241,232,.04);
border-bottom: 1px solid rgba(246,241,232,.08);
transition: transform .7s var(--ease-out), filter .4s var(--ease-out);
filter: saturate(.95);
}
.line--with-thumb { padding-top: 0; }
.line--with-thumb:hover .line-thumb { transform: scale(1.02); filter: saturate(1.05); }
/* Clickable line cards (when a per-line gallery is present) */
.line--clickable { cursor: pointer; }
.line--clickable:hover {
border-color: rgba(228,207,161,.45);
background: rgba(246,241,232,.08);
}
.line-cta {
display: inline-flex;
align-items: center;
gap: .35rem;
margin-top: .9rem;
font-size: .8rem;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--gold-lt);
font-family: 'Marcellus', serif;
}
.line--clickable:hover .line-cta { color: var(--ivory); }
/* ── Premium gallery lightbox ──────────────────────────────── */
.line-lightbox {
position: fixed; inset: 0;
display: none;
z-index: 1000;
opacity: 0;
transition: opacity .35s var(--ease-out);
}
.line-lightbox.is-open { display: block; }
.line-lightbox.is-shown { opacity: 1; }
/* Backdrop with blur */
.line-lightbox .lb-backdrop {
position: absolute; inset: 0;
background:
radial-gradient(ellipse at center, rgba(11,37,68,.85) 0%, rgba(0,0,0,.97) 75%);
backdrop-filter: blur(20px) saturate(1.1);
-webkit-backdrop-filter: blur(20px) saturate(1.1);
}
/* Header — counter + label */
.line-lightbox .lb-head {
position: absolute;
top: 0; left: 0; right: 0;
display: flex; justify-content: space-between; align-items: center;
padding: 2.2vh 6vw 0;
pointer-events: none;
z-index: 2;
}
.line-lightbox .lb-counter {
font-family: 'Marcellus', serif;
font-size: .78rem;
letter-spacing: .32em;
text-transform: uppercase;
color: var(--gold-lt);
opacity: 0;
transform: translateY(-8px);
transition: opacity .55s var(--ease-out) .15s, transform .55s var(--ease-out) .15s;
}
.line-lightbox .lb-label {
font-family: 'EB Garamond', serif;
font-size: 1.4rem;
letter-spacing: .02em;
color: rgba(246,241,232,.9);
font-style: italic;
opacity: 0;
transform: translateY(-8px);
transition: opacity .55s var(--ease-out) .2s, transform .55s var(--ease-out) .2s;
}
.line-lightbox.is-shown .lb-counter,
.line-lightbox.is-shown .lb-label { opacity: 1; transform: translateY(0); }
/* Stage — main image area */
.line-lightbox .lb-stage {
position: absolute;
top: 8vh; bottom: 16vh; left: 8vw; right: 8vw;
display: flex; align-items: center; justify-content: center;
overflow: hidden;
z-index: 1;
}
.line-lightbox .lb-canvas {
width: 100%; height: 100%;
display: flex; align-items: center; justify-content: center;
position: relative;
}
.line-lightbox .lb-img {
max-width: 100%; max-height: 100%;
object-fit: contain;
display: block;
cursor: zoom-in;
user-select: none;
-webkit-user-drag: none;
transform: scale(1);
transition: transform .3s var(--ease-out), opacity .35s var(--ease-out), filter .35s var(--ease-out);
box-shadow:
0 40px 100px rgba(0,0,0,.6),
0 0 1px 1px rgba(228,207,161,.08);
opacity: 0;
filter: blur(14px);
}
.line-lightbox.is-shown .lb-img { opacity: 1; filter: blur(0); }
.line-lightbox .lb-img.is-changing { opacity: .15; filter: blur(8px); transition-duration: .15s; }
/* Subtle gold corner brackets — premium framing */
.line-lightbox .lb-canvas::before,
.line-lightbox .lb-canvas::after {
content: '';
position: absolute;
width: 28px; height: 28px;
border: 1px solid rgba(228,207,161,.4);
pointer-events: none;
opacity: 0;
transition: opacity .55s var(--ease-out) .35s;
}
.line-lightbox .lb-canvas::before {
top: -10px; left: -10px;
border-right: 0; border-bottom: 0;
}
.line-lightbox .lb-canvas::after {
bottom: -10px; right: -10px;
border-left: 0; border-top: 0;
}
.line-lightbox.is-shown .lb-canvas::before,
.line-lightbox.is-shown .lb-canvas::after { opacity: 1; }
/* Nav buttons */
.line-lightbox .lb-close,
.line-lightbox .lb-prev,
.line-lightbox .lb-next {
position: absolute;
background: rgba(11,37,68,.5);
border: 1px solid rgba(228,207,161,.25);
color: var(--gold-lt);
width: 52px; height: 52px;
border-radius: 50%;
cursor: pointer;
display: flex; align-items: center; justify-content: center;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
transition: background .25s, border-color .25s, color .25s, transform .35s var(--ease-out), opacity .55s var(--ease-out);
z-index: 3;
opacity: 0;
}
.line-lightbox.is-shown .lb-close,
.line-lightbox.is-shown .lb-prev,
.line-lightbox.is-shown .lb-next { opacity: 1; }
.line-lightbox .lb-close:hover,
.line-lightbox .lb-prev:hover,
.line-lightbox .lb-next:hover {
background: rgba(228,207,161,.18);
border-color: var(--gold-lt);
color: var(--ivory);
}
.line-lightbox .lb-close { top: 2.2vh; right: 2.2vw; }
.line-lightbox .lb-prev { top: 50%; left: 2vw; transform: translateY(-50%); transition-delay: .25s; }
.line-lightbox .lb-next { top: 50%; right: 2vw; transform: translateY(-50%); transition-delay: .3s; }
.line-lightbox .lb-prev:hover { transform: translateY(-50%) scale(1.06); }
.line-lightbox .lb-next:hover { transform: translateY(-50%) scale(1.06); }
/* Footer — thumbnails + hints */
.line-lightbox .lb-foot {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 0 6vw 2.4vh;
display: flex; flex-direction: column; align-items: center; gap: .9rem;
z-index: 2;
opacity: 0;
transform: translateY(12px);
transition: opacity .55s var(--ease-out) .35s, transform .55s var(--ease-out) .35s;
pointer-events: none;
}
.line-lightbox.is-shown .lb-foot { opacity: 1; transform: translateY(0); pointer-events: auto; }
.line-lightbox .lb-thumbs {
display: flex; gap: 8px;
max-width: 100%;
overflow-x: auto;
padding: 4px 0;
scrollbar-width: thin;
scrollbar-color: rgba(228,207,161,.3) transparent;
}
.line-lightbox .lb-thumbs::-webkit-scrollbar { height: 4px; }
.line-lightbox .lb-thumbs::-webkit-scrollbar-track { background: transparent; }
.line-lightbox .lb-thumbs::-webkit-scrollbar-thumb { background: rgba(228,207,161,.3); border-radius: 2px; }
.line-lightbox .lb-thumb {
flex-shrink: 0;
width: 76px; height: 50px;
padding: 0;
background: transparent;
border: 1px solid rgba(246,241,232,.15);
border-radius: 2px;
overflow: hidden;
cursor: pointer;
position: relative;
transition: border-color .25s, transform .25s var(--ease-out);
opacity: .55;
}
.line-lightbox .lb-thumb img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
pointer-events: none;
}
.line-lightbox .lb-thumb:hover { opacity: .9; border-color: rgba(228,207,161,.5); transform: translateY(-2px); }
.line-lightbox .lb-thumb.is-active {
opacity: 1;
border-color: var(--gold-lt);
box-shadow: 0 0 0 1px var(--gold-lt), 0 6px 18px rgba(228,207,161,.25);
}
.line-lightbox .lb-hint {
display: flex; gap: 1.6rem;
font-family: 'Inter', sans-serif;
font-size: .68rem;
letter-spacing: .14em;
text-transform: uppercase;
color: rgba(246,241,232,.45);
}
.line-lightbox .lb-hint kbd {
display: inline-block;
padding: 2px 6px;
margin-right: 4px;
font-family: inherit; font-size: .65rem;
background: rgba(246,241,232,.08);
border: 1px solid rgba(246,241,232,.18);
border-radius: 2px;
color: var(--gold-lt);
}
/* Mobile */
@media (max-width: 720px) {
.line-lightbox .lb-head { padding: 1.6vh 4vw 0; }
.line-lightbox .lb-stage { top: 7vh; bottom: 22vh; left: 4vw; right: 4vw; }
.line-lightbox .lb-foot { padding: 0 4vw 1.6vh; }
.line-lightbox .lb-counter { font-size: .68rem; letter-spacing: .24em; }
.line-lightbox .lb-label { font-size: 1rem; }
.line-lightbox .lb-close,
.line-lightbox .lb-prev,
.line-lightbox .lb-next { width: 44px; height: 44px; }
.line-lightbox .lb-thumb { width: 56px; height: 38px; }
.line-lightbox .lb-hint { display: none; }
}
/* ── Gallery — installation shots per product ──────────────── */
.cat-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 14px;
}
.gallery-item {
position: relative;
display: block;
overflow: hidden;
border-radius: 4px;
background: rgba(14,89,154,.05);
aspect-ratio: 3 / 2;
opacity: 0;
transform: translateY(18px);
transition: opacity .7s var(--ease-out), transform .7s var(--ease-out);
transition-delay: var(--d, 0ms);
}
.gallery-item.is-in { opacity: 1; transform: none; }
.gallery-item img {
width: 100%; height: 100%;
object-fit: cover;
display: block;
transition: transform .6s var(--ease-out);
}
.gallery-item:hover img { transform: scale(1.035); }
/* ── Specs list ─────────────────────────────────────────────── */
.specs-list {
list-style: none;
margin: 0; padding: 0;
display: grid;
gap: .9rem;
margin-top: 2rem;
}
@media (min-width: 700px) { .specs-list { grid-template-columns: repeat(2, 1fr); gap: 1rem 2rem; margin-top: 0; } }
.spec {
display: flex;
gap: .9rem;
align-items: flex-start;
padding: .8rem 0;
border-bottom: 1px solid rgba(246,241,232,.1);
opacity: 0;
transform: translateY(14px);
transition: opacity .55s var(--ease-out), transform .55s var(--ease-out);
transition-delay: var(--d, 0ms);
}
.spec.is-in { opacity: 1; transform: none; }
.spec svg {
flex-shrink: 0;
width: 20px; height: 20px;
color: var(--cat-accent-lt);
margin-top: .15rem;
}
.spec span {
font-size: .98rem;
line-height: 1.45;
color: rgba(246,241,232,.88);
}
/* ── CTA banner ─────────────────────────────────────────────── */
.cat-cta { text-align: center; }
.cat-cta .display-1 {
max-width: 20ch;
margin: 1.5rem auto 0;
}
.cat-cta-actions {
display: flex; flex-wrap: wrap; gap: .85rem;
justify-content: center;
margin-top: 3rem;
}
/* ── Sub-categories grid ────────────────────────────────────── */
.subs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* phone: 2 per line */
gap: .75rem;
margin-top: 3rem;
}
@media (min-width: 600px) { .subs-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }
@media (min-width: 1000px) { .subs-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } }
.sub-card {
display: flex;
flex-direction: column;
gap: .75rem;
padding: 2rem 1.75rem;
border: 1px solid rgba(6,31,58,.1);
border-radius: .75rem;
background: #fff;
text-decoration: none;
color: var(--ink);
opacity: 0;
transform: translateY(18px);
transition: opacity .5s ease var(--d, 0ms), transform .5s ease var(--d, 0ms),
border-color .25s, box-shadow .25s;
}
.sub-card.is-in { opacity: 1; transform: none; }
.sub-card:hover {
border-color: var(--blue);
box-shadow: 0 8px 32px rgba(14,89,154,.12);
transform: translateY(-3px);
}
.sub-card-num {
font-family: 'Inter', sans-serif;
font-size: .7rem;
font-weight: 600;
letter-spacing: .15em;
text-transform: uppercase;
color: var(--blue);
opacity: .7;
}
.sub-card-title {
font-family: 'EB Garamond', serif;
font-size: 1.45rem;
font-weight: 500;
line-height: 1.25;
color: var(--ink);
}
.sub-card-body {
font-size: .9rem;
line-height: 1.55;
color: rgba(6,31,58,.65);
flex: 1;
}
.sub-card-tags {
display: flex;
flex-wrap: wrap;
gap: .35rem;
margin-top: .25rem;
}
.sub-card-tags span {
font-size: .7rem;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
padding: .2rem .55rem;
border-radius: 99px;
background: rgba(14,89,154,.08);
color: var(--blue);
}
.sub-card-cta {
font-size: .8rem;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--red);
display: flex;
align-items: center;
gap: .4rem;
margin-top: .5rem;
}
/* ── Related categories ─────────────────────────────────────── */
.related-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* phone: 2 per line */
gap: .75rem;
margin-top: 3rem;
}
@media (min-width: 700px) { .related-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }
@media (min-width: 1100px) { .related-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } }
/* Override the .collection dark-mode styling for the ivory-bg related section */
.section--ivory .collection.related {
background: #fff;
border-color: rgba(6,31,58,.08);
}
/* ── FAQ accordion (cat-faq section, light/cream background) ──────────── */
.faq-list {
max-width: 820px;
margin: 3rem auto 0;
display: flex;
flex-direction: column;
gap: .85rem;
}
.faq-item {
background: #fff;
border: 1px solid rgba(6,31,58,.1);
border-radius: 12px;
padding: 0 clamp(1.1rem, 3vw, 1.6rem);
transition: border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);
}
.faq-item[open] {
border-color: rgba(201,166,107,.5);
box-shadow: 0 12px 30px -18px rgba(6,31,58,.25);
}
.faq-q {
list-style: none; /* hide default disclosure triangle */
cursor: pointer;
display: flex;
align-items: center;
gap: 1rem;
padding: clamp(1.05rem, 2.6vw, 1.35rem) 0;
font-family: 'EB Garamond', Georgia, serif;
font-size: clamp(1.1rem, 1.6vw, 1.32rem);
font-weight: 500;
line-height: 1.35;
color: var(--ink);
}
.faq-q::-webkit-details-marker { display: none; } /* Safari */
.faq-q::after {
content: '';
flex: 0 0 auto;
margin-left: auto;
width: 13px; height: 13px;
background: var(--gold);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
transition: transform .35s var(--ease-out);
}
.faq-item[open] .faq-q::after { transform: rotate(135deg); }
.faq-a {
padding: 0 0 clamp(1.05rem, 2.6vw, 1.35rem);
font-family: 'Inter', sans-serif;
font-size: clamp(.95rem, 1.2vw, 1rem);
line-height: 1.75;
color: rgba(6,31,58,.74);
}
.faq-a p { margin: 0; max-width: 70ch; }
/* Subtle open animation (respects reduced-motion via the global rule) */
.faq-item[open] .faq-a { animation: faqReveal .4s var(--ease-out); }
@keyframes faqReveal {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: none; }
}
.section--ivory .collection.related .collection-title { color: var(--ink); }
.section--ivory .collection.related .collection-body { color: rgba(6,31,58,.68); }
.section--ivory .collection.related .collection-num { color: rgba(6,31,58,.35); }
.section--ivory .collection.related .collection-cta { color: var(--red); }
.section--ivory .collection.related:hover {
border-color: var(--red);
box-shadow: 0 22px 50px -24px rgba(6,31,58,.22);
}
/* ── Mobile tweaks ──────────────────────────────────────────── */
@media (max-width: 700px) {
.cat-hero { padding-top: 120px; min-height: 70vh; }
.cat-title { font-size: clamp(2rem, 9vw, 3rem); }
.cat-subtitle { font-size: 1.05rem; }
.crumbs { font-size: .72rem; flex-wrap: wrap; row-gap: .3rem; }
}
/* ═══════════════════════════════════════════════════════════════
LEGAL PAGES
═══════════════════════════════════════════════════════════════ */
.legal-hero {
position: relative;
padding-top: clamp(140px, 18vw, 200px);
padding-bottom: clamp(3.5rem, 7vw, 6rem);
overflow: hidden;
isolation: isolate;
}
.legal-hero-bg {
position: absolute; inset: 0; z-index: -1;
background:
radial-gradient(80% 120% at 10% 100%, rgba(14,89,154,.28), transparent 65%),
radial-gradient(60% 80% at 90% 10%, rgba(148,26,29,.12), transparent 60%),
var(--ink);
}
.legal-hero-bg::after {
content: '';
position: absolute; inset: 0;
background-image:
linear-gradient(rgba(246,241,232,.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(246,241,232,.04) 1px, transparent 1px);
background-size: 60px 60px;
mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}
.legal-title {
margin-top: 1rem;
margin-bottom: 1.2rem;
max-width: 22ch;
}
.legal-subtitle {
font-family: 'EB Garamond', Georgia, serif;
font-style: italic;
font-size: clamp(1.1rem, 2vw, 1.5rem);
line-height: 1.4;
color: var(--gold-lt);
max-width: 50ch;
}
/* Content */
.legal-content { color: var(--ink); }
.legal-article {
max-width: 780px;
margin-inline: auto;
}
.legal-section {
padding: 2.8rem 0;
border-bottom: 1px solid rgba(6,31,58,.10);
}
.legal-section:last-child { border-bottom: none; }
.legal-section-heading {
font-family: 'EB Garamond', Georgia, serif;
font-size: clamp(1.35rem, 2.2vw, 1.8rem);
font-weight: 500;
color: var(--ink);
margin-bottom: 1rem;
}
.legal-section-body {
font-size: 1rem;
line-height: 1.8;
color: rgba(6,31,58,.78);
margin-bottom: .8rem;
}
.legal-list {
list-style: none;
padding: 0;
margin: 1rem 0 0;
display: flex;
flex-direction: column;
gap: .7rem;
}
.legal-list li {
display: flex;
align-items: flex-start;
gap: .75rem;
font-size: .975rem;
line-height: 1.65;
color: rgba(6,31,58,.78);
}
.legal-list li::before {
content: '';
display: block;
flex-shrink: 0;
width: 5px; height: 5px;
border-radius: 50%;
background: var(--red);
margin-top: .55rem;
}
/* Contact strip */
.legal-contact {
max-width: 780px;
margin: 3.5rem auto 0;
padding: 2rem 2.5rem;
background: var(--ink);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
.legal-contact p {
font-family: 'EB Garamond', serif;
font-size: 1.35rem;
font-style: italic;
color: var(--ivory);
}
.legal-contact-links {
display: flex;
align-items: center;
gap: .75rem;
font-size: .88rem;
letter-spacing: .04em;
}
.legal-contact-links a {
color: var(--gold-lt);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color .25s var(--ease-out);
}
.legal-contact-links a:hover { border-color: var(--gold-lt); }
.legal-contact-links span { color: rgba(246,241,232,.3); }
/* Reveal animation for legal sections */
.legal-section[data-reveal] {
opacity: 0;
transform: translateY(20px);
transition: opacity .6s var(--ease-out), transform .6s var(--ease-out);
transition-delay: var(--d, 0ms);
}
.legal-section.is-in { opacity: 1; transform: none; }
.legal-contact[data-reveal] {
opacity: 0;
transform: translateY(16px);
transition: opacity .6s var(--ease-out) .3s, transform .6s var(--ease-out) .3s;
}
.legal-contact.is-in { opacity: 1; transform: none; }
/* Bank card list (IBAN display) */
.legal-banks {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1rem;
margin-top: 1.2rem;
}
.legal-bank-card {
display: flex;
flex-direction: column;
gap: .35rem;
padding: 1.1rem 1.4rem;
background: rgba(6,31,58,.04);
border: 1px solid rgba(6,31,58,.1);
border-radius: 10px;
transition: border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);
}
.legal-bank-card:hover {
border-color: rgba(6,31,58,.22);
box-shadow: 0 4px 18px -6px rgba(6,31,58,.1);
}
.legal-bank-name {
font-family: 'Inter', sans-serif;
font-size: .75rem;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(6,31,58,.55);
}
.legal-bank-iban {
font-family: 'EB Garamond', serif;
font-size: 1.15rem;
font-weight: 500;
letter-spacing: .04em;
color: var(--ink);
}
/* Contact list */
.legal-list--contact li {
padding: .5rem .9rem;
background: rgba(6,31,58,.04);
border-radius: 6px;
font-size: .92rem;
color: rgba(6,31,58,.8);
}
.legal-list--contact li::before { display: none; }
/* Cost / pricing list */
.legal-list--cost {
display: flex;
flex-direction: column;
gap: 0;
border: 1px solid rgba(6,31,58,.1);
border-radius: 10px;
overflow: hidden;
margin-top: 1.2rem;
}
.legal-list--cost li {
display: flex;
align-items: center;
justify-content: space-between;
padding: .85rem 1.25rem;
border-bottom: 1px solid rgba(6,31,58,.08);
font-size: .95rem;
color: rgba(6,31,58,.8);
background: rgba(6,31,58,.02);
transition: background .15s;
}
.legal-list--cost li:last-child { border-bottom: none; }
.legal-list--cost li:hover { background: rgba(6,31,58,.05); }
.legal-list--cost li::before { display: none; }
.cost-label {
font-weight: 500;
color: var(--ink);
}
.cost-value {
font-family: 'EB Garamond', serif;
font-size: 1.05rem;
font-weight: 600;
color: var(--red);
letter-spacing: .02em;
}
@media (max-width: 700px) {
.legal-contact { flex-direction: column; align-items: flex-start; padding: 1.5rem; }
/* Stack contact links so phone numbers don't break mid-number and the email isn't clipped */
.legal-contact-links { flex-direction: column; align-items: flex-start; gap: .5rem; }
.legal-contact-links a { white-space: nowrap; }
.legal-contact-links span { display: none; }
.legal-banks { grid-template-columns: 1fr; }
.legal-list--cost li { flex-direction: column; align-items: flex-start; gap: .2rem; }
}
/* ── Sibling subcategory nav bar ─────────────────────────────── */
.sibling-nav {
position: sticky;
top: var(--nav-h);
z-index: 90;
background: rgba(6,31,58,.97);
border-bottom: 1px solid rgba(255,255,255,.07);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.sibling-nav-inner {
max-width: var(--container-max, 1280px);
margin: 0 auto;
padding: 0 var(--container-pad, 1.5rem);
overflow-x: auto;
scrollbar-width: none;
}
.sibling-nav-inner::-webkit-scrollbar { display: none; }
.sibling-nav-list {
display: flex;
gap: .2rem;
padding: .55rem 0;
list-style: none;
white-space: nowrap;
margin: 0;
}
.sibling-nav-item a {
display: inline-block;
padding: .38rem 1rem;
border-radius: 999px;
font-family: var(--font-sans, Inter, sans-serif);
font-size: .78rem;
font-weight: 500;
letter-spacing: .05em;
text-transform: uppercase;
color: rgba(246,241,232,.5);
text-decoration: none;
transition: color .18s, background .18s;
}
.sibling-nav-item a:hover {
color: var(--ivory, #F6F1E8);
background: rgba(255,255,255,.07);
}
.sibling-nav-item.is-active a {
color: var(--gold, #C9A66B);
background: rgba(201,166,107,.13);
}
/* ── Google Reviews ──────────────────────────────────── */
.google-badge {
display: flex; align-items: center; justify-content: center;
gap: 1.25rem; flex-wrap: wrap;
margin: 1.75rem 0 2.5rem;
padding: 1rem 1.5rem;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
border-radius: .75rem;
max-width: 380px; margin-inline: auto;
}
.google-badge-left { display: flex; align-items: center; gap: .5rem; }
.google-g { width: 28px; height: 28px; flex-shrink: 0; }
.google-badge-score { font-size: 2rem; font-weight: 700; color: var(--ivory,#F6F1E8); line-height: 1; }
.google-badge-stars { color: #F4B400; font-size: 1.1rem; letter-spacing: .05em; }
.google-badge-right { font-size: .8rem; color: rgba(246,241,232,.55); white-space: nowrap; }
.reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.25rem;
}
.review-card {
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.08);
border-radius: .75rem;
padding: 1.25rem 1.5rem;
display: flex; flex-direction: column; gap: .6rem;
transition: background .2s;
}
.review-card:hover { background: rgba(255,255,255,.09); }
.review-stars { color: #F4B400; font-size: .9rem; letter-spacing: .1em; }
.review-text {
font-size: .875rem; line-height: 1.65;
color: rgba(246,241,232,.78);
font-style: italic; flex: 1;
margin: 0;
}
.review-foot { display: flex; flex-direction: column; gap: .15rem; margin-top: .25rem; }
.review-name { font-weight: 600; color: var(--ivory,#F6F1E8); font-size: .85rem; }
.review-meta { color: rgba(246,241,232,.4); font-size: .75rem; }
/* ═══════════════════════════════════════════════════════════════
ΕΡΓΑ — projects listing + detail
═══════════════════════════════════════════════════════════════ */
/* ── Listing hero ── */
.erga-list-hero {
padding-top: clamp(130px, 16vw, 180px);
padding-bottom: clamp(2rem, 5vw, 3.5rem);
background: var(--ink, #061F3A);
}
.erga-list-hero .crumbs { margin-bottom: 1.75rem; }
.erga-list-hero .display-1 { max-width: 16ch; }
.erga-list-lede {
max-width: 60ch;
margin-top: 1.5rem;
font-size: clamp(1.05rem, 1.6vw, 1.25rem);
line-height: 1.65;
color: rgba(246,241,232,.72);
}
/* ── Detail hero img (reuses .cat-hero / .cat-hero-media img scrim) ── */
.erga-hero .cat-hero-content { width: min(1280px, 92vw); }
.erga-hero .cat-subtitle { max-width: 52ch; }
/* ── Detail story block ── */
.erga-story .erga-back {
display: flex; width: fit-content;
align-items: center; gap: .5rem;
margin: 0 0 1.25rem;
}
.erga-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.erga-tag {
display: inline-block;
padding: .4rem .8rem;
border: 1px solid rgba(6,31,58,.18);
border-radius: 999px;
font-size: .76rem; letter-spacing: .03em;
color: rgba(6,31,58,.72);
background: rgba(6,31,58,.02);
}
.erga-body p {
font-family: 'EB Garamond', serif;
font-size: clamp(1.15rem, 1.8vw, 1.4rem);
line-height: 1.6;
color: rgba(6,31,58,.82);
}
.erga-body p + p { margin-top: 1.4rem; }
.erga-body p:first-child::first-letter {
font-size: 3.4em; line-height: .8;
float: left; padding: .05em .12em 0 0;
color: var(--red, #941A1D);
font-weight: 600;
}
/* ── Detail gallery ── */
.erga-gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
@media (min-width: 700px) { .erga-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .erga-gallery { grid-template-columns: repeat(4, 1fr); } }
.erga-gallery .gallery-item { cursor: zoom-in; }
/* First image spans larger as a cover */
@media (min-width: 700px) {
.erga-gallery .gallery-item:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: 1 / 1; }
}
/* ── More projects ── */
.erga-more-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin-top: 3rem;
}
@media (min-width: 700px) { .erga-more-grid { grid-template-columns: repeat(3, 1fr); } }
.erga-more-card {
position: relative;
display: block;
border-radius: var(--radius);
overflow: hidden;
background: var(--ink, #061F3A);
aspect-ratio: 4 / 3;
isolation: isolate;
}
.erga-more-art {
position: absolute; inset: 0;
background-size: cover; background-position: center;
transform: scale(1.02);
transition: transform 1s var(--ease-out);
}
.erga-more-art-img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover; object-position: center;
transform: scale(1.02);
transition: transform 1s var(--ease-out);
}
.erga-more-card:hover .erga-more-art,
.erga-more-card:hover .erga-more-art-img { transform: scale(1.08); }
.erga-more-card::after {
content: ''; position: absolute; inset: 0; z-index: 1;
background: linear-gradient(180deg, rgba(4,15,34,0) 40%, rgba(4,15,34,.85) 100%);
}
.erga-more-meta {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
padding: 1.4rem 1.5rem;
color: var(--ivory, #F6F1E8);
}
.erga-more-meta h3 {
font-family: 'EB Garamond', serif;
font-weight: 500; font-size: clamp(1.3rem, 1.9vw, 1.6rem); line-height: 1.1;
}
/* ── Lightbox: ensure thumbs row is centred when used standalone ── */
.erga-page .line-lightbox .lb-foot { justify-content: center; }
/* ═══════════════════════════════════════════════════════════════
MOBILE / TABLET POLISH — global tightening for small screens
═══════════════════════════════════════════════════════════════ */
/* Guard against horizontal scroll from decorative overflow.
`clip` (not `hidden`) avoids making body a scroll container,
so position:sticky and Lenis smooth-scroll keep working. */
body { overflow-x: clip; }
/* Tablet & below */
@media (max-width: 900px) {
.grid-12 { gap: 1.5rem; }
.section-head { margin-bottom: 2.75rem; }
}
/* Phones */
@media (max-width: 640px) {
.section { padding: 4.5rem 0; }
.section-head { margin-bottom: 2.25rem; }
/* Comfortable, consistent side gutters so text never hugs the edge */
.container { width: 100%; padding-inline: 1.35rem; }
.hero-content, .hero-rail { width: 100%; padding-inline: 1.35rem; }
.cat-hero-content { width: 100%; padding-inline: 1.35rem; }
/* Nav: drop the tagline so the header stays clean — keep logo + name */
.nav-wordmark-tag { display: none; }
.nav-wordmark-name { font-size: 1.15rem; }
.nav-logo { width: 36px; height: 36px; }
/* Product categories: compact, centered 2-up tiles */
.collection {
min-height: 0;
padding: 1.25rem 1rem;
border-radius: 14px;
text-align: center;
}
.collection-num { margin-bottom: .5rem; font-size: .7rem; }
.collection-art { min-height: 64px; margin-bottom: .75rem; }
.collection-title { font-size: 1rem; line-height: 1.15; margin-bottom: 0; }
.collection-body { display: none; } /* no description text on mobile — cleaner tiles */
.collection-cta { display: none; } /* hover-only affordance; whole tile is tappable */
.collection--wide { grid-column: span 1; }
/* Έργα grid: full-width single-column cards on phone */
.project figcaption { padding: 1.3rem 1.4rem; }
.project figcaption h3 { font-size: 1.3rem; line-height: 1.18; }
.project-kind { font-size: .66rem; margin-bottom: .3rem; }
.project--tall, .project--wide { grid-column: span 1; grid-row: span 1; }
/* Category page sub-categories: compact, centered, balanced 2-up cards */
.sub-card {
padding: 1.1rem .9rem;
gap: .35rem;
min-height: 110px;
align-items: center;
justify-content: center;
text-align: center;
}
.sub-card-num { font-size: .62rem; }
.sub-card-title { font-size: 1.05rem; line-height: 1.18; }
.sub-card-body { display: none; } /* hide description on mobile */
.sub-card-tags { display: none; } /* hide tag chips on mobile */
.sub-card-cta { display: none; } /* whole card is tappable — drop the redundant arrow */
/* Hero: a touch more breathing room, comfortable tap targets */
.hero-ctas { gap: .65rem; }
.hero-ctas .btn { flex: 1 1 auto; justify-content: center; }
.hero-sub { font-size: 1rem; }
/* Numbers / craft spacing */
.numbers-grid { margin-top: 2.5rem; }
.craft-step { padding: 1.25rem; gap: 1rem; }
.craft-step h3 { font-size: 1.2rem; }
/* Visit details stack so phone numbers never clip */
.visit-info { grid-template-columns: 1fr; gap: 1.4rem; }
.map-card { min-height: 300px; }
.map-card-foot { flex-direction: column; align-items: flex-start; gap: .7rem; padding: 1.1rem 1.15rem 1.2rem; }
.map-card-foot strong { font-size: 1.15rem; }
.map-open { font-size: .64rem; }
/* Contact form actions stack full-width */
.form-actions { gap: 1rem; }
.form-actions .btn { width: 100%; justify-content: center; }
/* Footer link columns: 2-up instead of cramped 3-up */
.footer-cols { grid-template-columns: repeat(2, 1fr); gap: 1.75rem 1.5rem; }
/* Έργα detail: drop-cap smaller so it doesn't dominate narrow text */
.erga-body p { font-size: 1.1rem; }
.erga-body p:first-child::first-letter { font-size: 2.8em; }
.erga-list-hero { padding-top: 120px; }
/* Category hero: trim redundant text on mobile (breadcrumb already shows the path) */
.cat-page .cat-eyebrow { display: none; }
.cat-page .cat-subtitle { display: none; }
.cat-page .cat-hero { min-height: 56vh; }
.cat-page .crumbs { font-size: .68rem; }
/* Hero CTA buttons: stacked (one above the other), full-width, compact */
.cat-hero-actions { gap: .6rem; width: 100%; flex-direction: column; }
.cat-hero-actions .btn { width: 100%; justify-content: center; }
.cat-hero-actions .btn-lg { padding: .85rem 1.2rem; font-size: .9rem; }
/* Sibling subcategory tabs: smaller, tighter pills (they look oversized on phones) */
.sibling-nav-list { gap: .35rem; padding: .45rem 0; }
.sibling-nav-item a { font-size: .66rem; padding: .32rem .7rem; letter-spacing: .03em; }
/* Product "series" (lines): centered, tidy cards instead of left-floating text */
.line { text-align: center; }
.line-head { flex-direction: column; align-items: center; justify-content: center; gap: .4rem; margin: .5rem 0 .9rem; }
.line-name { font-size: 1.35rem; }
.line-tag { align-self: center; }
.line-tags { justify-content: center; }
.line-cta { justify-content: center; }
/* Lightbox: better use of a small portrait screen */
.line-lightbox .lb-head { padding: 1.5vh 4vw 0; }
.line-lightbox .lb-label { display: none; } /* long title collided with the close button */
.line-lightbox .lb-counter { font-size: .7rem; letter-spacing: .2em; }
.line-lightbox .lb-stage { top: 6.5vh; bottom: 13vh; left: 3vw; right: 3vw; }
.line-lightbox .lb-close { width: 42px; height: 42px; top: 1.4vh; right: 3vw; }
.line-lightbox .lb-prev, .line-lightbox .lb-next { width: 40px; height: 40px; }
.line-lightbox .lb-prev { left: 1.5vw; }
.line-lightbox .lb-next { right: 1.5vw; }
.line-lightbox .lb-hint { display: none; } /* keyboard hints are irrelevant on touch */
.line-lightbox .lb-foot { padding: 0 4vw 2vh; gap: .6rem; }
.line-lightbox .lb-thumb { width: 58px; height: 40px; }
/* Tighten oversized vertical rhythm utilities on mobile */
.mt-24 { margin-top: 3.5rem; }
.mt-32 { margin-top: 4rem; }
}
/* Small phones */
@media (max-width: 400px) {
.footer-cols { grid-template-columns: 1fr; }
.hero-stat { padding: 0 1rem; }
}