/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-919a7720.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3170a883.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3512ad3b.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-06bc9a8c.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-e6d6d1d7.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-919a7720.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3170a883.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3512ad3b.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-06bc9a8c.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-e6d6d1d7.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-919a7720.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3170a883.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3512ad3b.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-06bc9a8c.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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-e6d6d1d7.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.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: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-400-7f8712cb.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: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-400-fd7521f3.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: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-500-e284f2a1.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: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-500-0e263db5.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: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.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: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.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: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.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: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.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: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.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: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.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: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.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: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.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;
}


:root{
  --charcoal:#0B0B0A; --ivory:#F8F5EC; --cream:#EFE4C8;
  --forest:#173327; --gold-fill:#C3A469; --gold-bright:#E0C074;
  --gold-soft:rgba(195,164,105,0.14); --hairline:rgba(195,164,105,0.20);
  --hairline-strong:rgba(195,164,105,0.42);
  --ink:#D8D2C4; --ink-soft:#9D978A; --ink-faint:#6F695D;
  --sage:#8FA078; --rust:#C06A40;
  --font-display:'Cormorant Garamond','Cambria',Georgia,serif;
  --font-sans:'DM Sans','Segoe UI',Arial,sans-serif;
  --font-mono:'DM Mono','JetBrains Mono','Consolas',monospace;
  --max:1040px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--charcoal);color:var(--ink);font-family:var(--font-sans);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
.diplomatic-rule{position:fixed;top:0;left:0;right:0;height:4px;z-index:200;background:linear-gradient(90deg,var(--gold-fill) 0%,var(--sage) 52%,var(--forest) 100%)}

/* ── reveal on scroll (restrained: fade + 4px rise) ── */
.rv{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ── hero: compact, decision-first ── */
.hero{padding:clamp(1.8rem,3vw,2.6rem) 24px clamp(.5rem,1vw,.8rem);background:
  radial-gradient(120% 90% at 82% 0%, rgba(195,164,105,0.07), transparent 55%),
  linear-gradient(180deg,#0C0B08 0%, var(--charcoal) 70%)}
.hero-inner{max-width:var(--max);margin:0 auto}
.hero-brand{height:28px;width:auto;color:var(--gold-fill);display:block;margin-bottom:20px;opacity:.92}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-fill);display:flex;align-items:center;gap:11px}
.eyebrow::after{content:"";flex:0 0 46px;height:1px;background:linear-gradient(90deg,var(--hairline-strong),transparent)}
.hero h1{font-family:var(--font-display);font-weight:500;color:var(--ivory);font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.12;letter-spacing:-.015em;margin:16px 0 0;text-wrap:balance;padding-bottom:.1em}
.hero h1 em{font-style:italic;color:var(--gold-fill);font-weight:600}
.hero .lede{font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.5;color:var(--ink);max-width:52ch;margin-top:12px}

/* ── choice cards ── */
.ch-label{max-width:var(--max);margin:0 auto;width:100%;padding:0 24px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);text-align:center}
.choices{max-width:var(--max);margin:0 auto;width:100%;padding:14px 24px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.choice{--acc-rgb:195,164,105;position:relative;display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:14px;overflow:hidden;
  background:linear-gradient(155deg,#17160F 0%,#121109 58%,#0C0B07 100%);
  transition:border-color .25s ease, box-shadow .25s ease;color:var(--ink);padding:clamp(1.3rem,2.2vw,1.9rem)}
.choice::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(var(--acc-rgb),.85),rgba(var(--acc-rgb),.15))}
.choice:hover,.choice:focus-visible{border-color:rgba(var(--acc-rgb),.5);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.18),0 26px 60px -30px rgba(0,0,0,.85);outline:none}
.choice--full{--acc-rgb:192,106,64}
.ch-flag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--acc-rgb),.95);border:1px solid rgba(var(--acc-rgb),.4);border-radius:999px;padding:5px 11px}
.ch-flag .dot{width:6px;height:6px;border-radius:50%;background:rgba(var(--acc-rgb),.95);flex:0 0 auto}
.choice h2{font-family:var(--font-display);color:var(--ivory);font-weight:600;letter-spacing:-.01em;line-height:1.14;font-size:clamp(1.45rem,2.2vw,1.9rem);margin-top:15px}
.choice h2 em{font-style:italic;color:rgba(var(--acc-rgb),1);font-weight:600}
.ch-sum{font-size:14.5px;line-height:1.62;color:var(--ink);margin-top:12px}
.ch-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.ch-meta span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--hairline);border-radius:999px;padding:4px 10px}
.readline{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.readline .arr{display:inline-flex;color:rgba(var(--acc-rgb),1);transition:transform .25s ease}
.choice:hover .readline .arr{transform:translateX(5px)}
.readline svg{width:46px;height:17px;display:block}
/* destination icon — the arrow points at the document being opened */
.readline .doc{width:15px;height:15px;flex:0 0 auto;color:rgba(var(--acc-rgb),1)}
.readline .doc svg{width:100%;height:100%}

/* ── relocated pathways + grid-native flow connector ── */
.case.paths{padding-top:0}
.paths .ch-label,.paths .choices{max-width:none;width:auto;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.paths .ch-label{margin-top:18px}
.paths .ch-label.flow-lead{margin-top:6px;margin-bottom:6px;color:var(--gold-fill)}
.paths .choices{padding-top:14px}
.case.close-only{padding-top:0}
.flow{--g3:18px;--g2:20px;--fg:#C3A469;--fc:#C06A40}
.flow .f3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g3)}
.flow .f3 span{position:relative;height:32px}
.flow .f3 span::before{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:var(--fg);opacity:.75}
.flow .f3 span::after{content:"";position:absolute;bottom:0;height:2px;background:var(--fg);opacity:.75}
.flow .f3 span:nth-child(1)::after{left:calc(50% - 1px);right:calc(var(--g3)/-1)}
.flow .f3 span:nth-child(2)::after{left:calc(var(--g3)/-1);right:calc(var(--g3)/-1)}
.flow .f3 span:nth-child(3)::after{left:calc(var(--g3)/-1);right:calc(50% - 1px)}
.flow .f-spine{width:2px;height:11px;background:var(--fg);margin:0 auto}
.flow .f-node{width:21px;height:21px;border:1.5px solid rgba(195,164,105,.6);border-radius:50%;margin:1px auto;position:relative}
.flow .f-node::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-radius:50%;background:#E7C877;animation:flowBreathe 3.6s ease-in-out infinite}
@keyframes flowBreathe{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
.flow .f2{display:grid;grid-template-columns:1fr 1fr;gap:var(--g2)}
.flow .f-drop{position:relative;height:46px}
.flow .f-drop::before{content:"";position:absolute;top:0;height:2px;background:var(--fg)}
.flow .f-drop:nth-child(1)::before{left:calc(50% - 1px);right:calc(var(--g2)/-2)}
.flow .f-drop:nth-child(2)::before{left:calc(var(--g2)/-2);right:calc(50% - 1px);background:var(--fc)}
.flow .f-drop svg{position:absolute;left:50%;transform:translateX(-50%);top:0;height:100%;width:auto;display:block}
@media(prefers-reduced-motion:reduce){.flow .f-node::after{animation:none}}
.flow.flow-in{margin-bottom:2px}
.flow.flow-out{margin-top:2px}
.flow .f-arrow{position:relative;display:block;height:32px}
.flow .f-arrow svg{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;width:auto;display:block}
.paths .calc-invite{margin:2px auto}
@media(prefers-reduced-motion:no-preference){.flow .f-arrow svg circle{animation:flowBreathe 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}}
@media(max-width:760px){
  .flow .f3{grid-template-columns:1fr}
  .flow .f3 span{height:22px}
  .flow .f3 span:nth-child(n+2),.flow .f3 span::after,.flow .f-drop:nth-child(2),.flow .f-drop::before{display:none}
  .flow .f2{grid-template-columns:1fr}
  .flow .f-drop{height:40px}
}

/* ── the case, in three beats ── */
.case{max-width:var(--max);margin:0 auto;width:100%;padding:clamp(2.6rem,5vw,4rem) 24px 0}
.case-head{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}
.case-head .ttl{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
.case-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hairline),transparent)}

/* beat 1 — the figure */
.value-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.4rem,3.5vw,2.8rem);align-items:center;border:1px solid var(--hairline);border-radius:14px;padding:clamp(1.5rem,3vw,2.4rem);background:linear-gradient(155deg,#17160F 0%,#121109 58%,#0C0B07 100%);position:relative;overflow:hidden}
.value-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(195,164,105,.85),rgba(195,164,105,.15))}
.v-ring{width:clamp(150px,17vw,190px);flex:0 0 auto}
.v-ring svg{display:block;width:100%;height:auto}
.v-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-fill)}
.v-copy h2{font-family:var(--font-display);font-weight:500;color:var(--ivory);font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.15;letter-spacing:-.01em;margin-top:12px;text-wrap:balance}
.v-copy h2 em{font-style:italic;color:var(--gold-fill);font-weight:600}
.v-copy p{font-size:15px;line-height:1.66;color:var(--ink);margin-top:13px;max-width:58ch}
.v-copy p strong{color:var(--ivory);font-weight:500}

/* beat 2 — what counsel returns */
.returns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.ret{border:1px solid var(--hairline);border-radius:14px;padding:clamp(1.2rem,2vw,1.6rem);background:linear-gradient(155deg,#141309 0%,#0E0D08 100%);display:flex;flex-direction:column;gap:12px}
.ret .glyph{height:46px;display:flex;align-items:center}
.ret .glyph svg{display:block;height:100%;width:auto;max-width:100%}
.ret h3{font-family:var(--font-display);font-weight:600;color:var(--ivory);font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.2}
.ret h3 em{font-style:italic;color:var(--gold-fill)}
.ret p{font-size:13.5px;line-height:1.6;color:var(--ink-soft)}
.ret .tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:auto;padding-top:6px}
/* instructional lead + per-card "test" line (replaces the faint counsel-returns tag) */
.returns-lead{margin-top:clamp(1.8rem,3.5vw,2.6rem)}
.returns-lead .rl-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-fill);display:flex;align-items:center;gap:11px}
.returns-lead .rl-eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hairline),transparent)}
.returns-lead p{font-family:var(--font-display);font-size:clamp(1.18rem,1.95vw,1.45rem);line-height:1.5;color:var(--ink);max-width:64ch;margin-top:14px}
.returns-lead p em{font-style:italic;color:var(--gold-fill)}
.ret h3 .iring{appearance:none;background:none;border:1px solid var(--hairline-strong);border-radius:50%;width:21px;height:21px;display:inline-grid;place-items:center;margin-left:9px;vertical-align:-3px;cursor:help;color:var(--gold-fill);padding:0;position:relative}
.ret h3 .iring svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ret h3 .iring::after{content:"";position:absolute;inset:-12px;border-radius:50%}
@media(prefers-reduced-motion:no-preference){.ret h3 .iring{animation:irPulse 3.2s ease-in-out infinite}}
@keyframes irPulse{0%,100%{box-shadow:0 0 0 0 rgba(195,164,105,0)}50%{box-shadow:0 0 0 5px rgba(195,164,105,.16)}}
.iring:hover,.iring:focus-visible,.ret.is-open .iring{background:var(--gold-fill);color:var(--charcoal);animation:none}
.ret .test{display:none;margin-top:auto;padding-top:13px;border-top:1px dashed var(--hairline);font-size:13px;line-height:1.55;color:var(--ink);font-weight:300}
.ret.is-open .test,.ret:has(.iring:hover) .test,.ret:has(.iring:focus-visible) .test{display:block}
@media print{.ret .test{display:block !important}.ret h3 .iring{display:none !important}}
.ret .test b{display:block;margin-bottom:5px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-fill);font-weight:500}

/* beat 3 — the close */
.close-band{margin-top:clamp(2.2rem,4vw,3.2rem);border-top:1px solid var(--hairline);padding:clamp(2rem,3.5vw,2.8rem) 0 clamp(2.4rem,4vw,3.4rem);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.close-band h2{font-family:var(--font-display);font-weight:500;color:var(--ivory);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;max-width:26ch;text-wrap:balance}
.close-band h2 em{font-style:italic;color:var(--gold-fill);font-weight:600}
.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.cta-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--charcoal);background:var(--gold-fill);border-radius:999px;padding:.95rem 1.6rem;font-weight:700;transition:background .2s;min-height:44px;display:inline-flex;align-items:center}
.cta-pill:hover{background:var(--gold-bright)}
.cta-alt{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--hairline);padding-bottom:2px}
.cta-alt:hover{color:var(--gold-fill);border-color:var(--gold-fill)}

/* footer */
.foot{margin-top:auto;border-top:1px solid var(--hairline);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:var(--max);margin-left:auto;margin-right:auto;width:100%}
.foot a{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.foot a:hover{color:var(--gold-fill)}
.foot .fl{display:flex;gap:18px;flex-wrap:wrap}

@media(max-width:760px){
  .choices{grid-template-columns:1fr}
  .hero{padding-top:1.6rem}
  .hero .lede{margin-top:10px}
  .value-card{grid-template-columns:1fr;justify-items:center;text-align:center}
  .v-copy p{max-width:none}
  .returns{grid-template-columns:1fr}
  .ret{flex-direction:row;align-items:flex-start;gap:16px}
  .ret .glyph{height:auto;width:64px;flex:0 0 auto;padding-top:4px}
  .ret .glyph svg{height:auto;width:100%;max-width:64px}
  .ret .body{display:flex;flex-direction:column;gap:8px}
  .cta-pill{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .auto-bar i{transition:none}
  .readline .arr{transition:none}
}

/* [mcSiteHeadCss] */

/* T6: shared condensed site-head (scroll-revealed) */
.site-head{position:fixed;top:4px;left:0;right:0;z-index:150;background:rgba(11,11,10,.92);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(195,164,105,.2);transform:translateY(-130%);transition:transform .38s cubic-bezier(.4,0,.2,1)}
.site-head.show{transform:translateY(0)}
.site-head .sh-inner{max-width:1180px;margin:0 auto;padding:11px 28px;display:flex;align-items:center;gap:22px}
.site-head a.sh-logo{flex-shrink:0;display:flex;align-items:center;text-decoration:none;border:none}
.site-head a.sh-logo svg{width:120px;height:auto;color:#C3A469;display:block}
.site-head nav{display:flex;gap:3px;margin-left:auto;align-items:center}
.site-head nav a{font-family:'DM Mono','JetBrains Mono',monospace;font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;color:#EFE4C8;padding:6px 11px;border-radius:3px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex;align-items:center;gap:7px;position:relative}
.site-head nav a:hover{color:#C3A469;background:rgba(195,164,105,.14)}
.site-head nav a.sh-home{color:#0B0B0A;background:#C3A469;font-weight:700;margin-left:6px}
.site-head nav a.sh-home:hover{opacity:.88;color:#0B0B0A}
.site-head nav a .nv-i{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.78}
.site-head nav a:hover .nv-i{opacity:1}
.site-head .sh-cta{display:flex;flex-direction:column;gap:4px;margin-left:14px;flex-shrink:0}
.site-head .sh-cta a{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#C3A469;border:1px solid rgba(195,164,105,.55);border-radius:4px;padding:5px 12px;background:rgba(195,164,105,.06);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}
.site-head .sh-cta a:hover{background:#C3A469;color:#0B0B0A}
.site-head .sh-cta svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-head .sh-cta .ct-short{display:none}
@media(max-width:880px){
  .site-head .sh-inner{gap:12px}
  .site-head nav{gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .site-head nav::-webkit-scrollbar{display:none}
  .site-head nav a.nv-page,.site-head nav a.sh-home{min-width:44px;min-height:44px;justify-content:center;padding:8px 11px;border:1px solid rgba(195,164,105,.34);border-radius:999px;flex:0 0 auto}
  .site-head nav a.sh-home{border-color:transparent}
  .site-head nav a .nv-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .site-head nav a .nv-i{width:16px;height:16px}
}
/* ultra-condensed head (≤560px): smaller lockup, tighter gutters, and an
   edge-fade on the pill rail so a clipped pill reads as "more to scroll" */
@media(max-width:560px){
  .site-head .sh-inner{padding:8px 12px;gap:10px}
  .site-head .sh-logo svg{width:92px}
  .site-head nav{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent)}
}
@media(max-width:640px){
  .site-head .sh-cta{flex-direction:row;align-items:center;gap:6px}
  .site-head .sh-cta a{min-height:44px;border-radius:999px;padding:0 14px;font-size:9.5px;position:relative}
  .site-head .sh-cta a .ct-long{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}
  .site-head .sh-cta .ct-short{display:inline}
  .site-head .sh-cta a.sh-cta-talk{background:#C3A469;color:#0B0B0A;border-color:#C3A469}
  .site-head .sh-cta a.sh-cta-login{width:44px;padding:0;justify-content:center}
  .site-head .sh-cta a.sh-cta-login svg{width:15px;height:15px}
}
@media print{.site-head{display:none}}


.calc-invite{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center;
  border:1px solid var(--hairline-strong);border-radius:18px;padding:clamp(1.5rem,3vw,2.4rem);
  background:linear-gradient(150deg,#1A1810 0%,#131109 56%,#0C0B07 100%)}
.calc-invite::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 130% at 8% 12%,rgba(195,164,105,.12),transparent 58%)}
.calc-invite > *{position:relative}
.ci-flag{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-fill);display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}
.ci-flag .lv{width:6px;height:6px;border-radius:50%;background:var(--gold-bright)}
@media(prefers-reduced-motion:no-preference){.ci-flag .lv{animation:ciDot 2.4s ease-in-out infinite}}
@keyframes ciDot{0%,100%{opacity:1}50%{opacity:.3}}
.calc-invite h2{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.05rem);font-weight:600;line-height:1.16;letter-spacing:-.01em;color:var(--ivory);text-wrap:balance}
.calc-invite h2 em{font-style:italic;color:var(--gold-fill)}
.ci-sub{font-size:14.5px;line-height:1.6;color:var(--ink);margin-top:10px;max-width:50ch;font-weight:300}
.ci-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ci-stat{border:1px solid var(--hairline);border-radius:10px;padding:9px 14px;background:rgba(195,164,105,.05)}
.ci-stat .cs-v{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--gold-bright);line-height:1}
.ci-stat .cs-l{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:5px}
/* base-case ladder: horizons, ROI definition, condensed full-comp note */
.ci-hz{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;max-width:470px}
.hz-c{border:1px solid var(--hairline);border-radius:11px;padding:10px 12px;background:rgba(195,164,105,.04);transition:border-color .2s,background .2s,transform .2s}
.hz-c:hover{border-color:var(--hairline-strong);background:rgba(195,164,105,.08);transform:translateY(-2px)}
.hz-c.is-apex{border-color:var(--hairline-strong);background:rgba(195,164,105,.10)}
.hz-y{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.hz-bar{display:block;height:5px;border-radius:3px;margin-top:8px;background:repeating-linear-gradient(90deg,rgba(195,164,105,.38) 0 4px,transparent 4px 8px);position:relative;overflow:hidden}
.hz-bar .br{position:absolute;inset:0 auto 0 0;width:var(--w,0%);background:var(--gold-fill);border-radius:3px;transition:width 1.2s cubic-bezier(.2,.7,.3,1) .4s}
.hz-v,.hz-p{display:flex;align-items:baseline;gap:6px;font-family:var(--font-mono);line-height:1}
.hz-v{font-size:16px;font-weight:600;color:var(--gold-bright);margin-top:9px}
.hz-p{font-size:12.5px;color:var(--ink-soft);margin-top:8px}
.hx{font-style:normal;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;color:var(--charcoal);background:var(--gold-fill);border-radius:4px;padding:2px 5px;font-weight:700}
.hz-p .hx{background:transparent;color:var(--ink-soft);border:1px dashed var(--hairline-strong);font-weight:500}
.hz-l{display:block;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}
.hz-l-r{color:rgba(195,164,105,.8)}
.ci-roi{cursor:help;outline:none}
.ci-roi .cr-full{display:none}
.ci-roi:hover .cr-short,.ci-roi:focus-visible .cr-short,.ci-roi.is-open .cr-short{display:none}
.ci-roi:hover .cr-full,.ci-roi:focus-visible .cr-full,.ci-roi.is-open .cr-full{display:inline}
@media print{.ci-roi .cr-short{display:none !important}.ci-roi .cr-full{display:inline !important}}
.ci-roi .sw{display:inline-block;width:14px;height:4px;border-radius:2px;vertical-align:middle;margin-right:5px}
.ci-roi .sw-r{background:var(--gold-fill)}
.ci-roi .sw-p{background:repeating-linear-gradient(90deg,rgba(195,164,105,.5) 0 3px,transparent 3px 6px)}
.ci-roi{display:block;margin-top:9px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;line-height:1.8;color:var(--ink-soft);max-width:58ch;text-transform:uppercase}
.ci-note{display:block;margin-top:12px;max-width:58ch;cursor:help;outline:none}
.ci-note .dn-short{font-size:12px;line-height:1.55;color:var(--ink-soft);font-weight:300}
.ci-roi .dn-cue,.ci-note .dn-cue{font-style:normal;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--gold-fill);display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid var(--hairline-strong);border-radius:50%;line-height:1;vertical-align:middle;margin-left:5px;transition:background .2s,color .2s,transform .25s}
.ci-roi:hover .dn-cue,.ci-roi:focus-visible .dn-cue,.ci-roi.is-open .dn-cue{background:var(--gold-fill);color:var(--charcoal);transform:rotate(45deg)}
.ci-note:hover .dn-cue,.ci-note:focus-visible .dn-cue,.ci-note.is-open .dn-cue{background:var(--gold-fill);color:var(--charcoal);transform:rotate(45deg)}
.ci-note .dn-full{display:none;font-size:12.5px;line-height:1.62;color:var(--ink);font-weight:300;margin-top:4px}
.ci-note .dn-full b{color:#EAE3D2;font-weight:500}
.ci-note:hover .dn-short,.ci-note:focus-visible .dn-short,.ci-note.is-open .dn-short{display:none}
.ci-note:hover .dn-full,.ci-note:focus-visible .dn-full,.ci-note.is-open .dn-full{display:block}
@media print{.ci-note .dn-short{display:none !important}.ci-note .dn-full{display:block !important}}
@media(max-width:480px){.ci-hz{grid-template-columns:1fr;max-width:none}.hz-c{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.hz-c .hz-bar{grid-column:1/-1}}
.ci-cta{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--charcoal);
  background:var(--gold-fill);border-radius:999px;padding:13px 22px;transition:background .2s,transform .2s;position:relative;overflow:hidden}
.ci-cta .ct,.ci-cta .arr{position:relative;z-index:1}
.ci-cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transform:translateX(-130%);background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%)}
@media(prefers-reduced-motion:no-preference){.calc-invite.in .ci-cta::after{animation:ciSheen 5.2s ease-in-out 2s infinite}}
@keyframes ciSheen{0%{transform:translateX(-130%);opacity:0}5%{opacity:1}16%{transform:translateX(130%);opacity:1}22%,100%{transform:translateX(130%);opacity:0}}
.ci-cta:hover{background:var(--gold-bright)}
.ci-cta .arr{transition:transform .25s ease}
.ci-cta:hover .arr{transform:translateX(4px)}
/* ── the animated ROI mark ── */
.ci-mark{align-self:stretch;display:flex;align-items:center;justify-content:center}
.ci-mark svg{width:100%;max-width:300px;height:auto;max-height:100%;display:block}
.cim-line{stroke-dasharray:none}
.cim-area{opacity:1}
.cim-node{opacity:1;transform-box:fill-box;transform-origin:center}
.cim-ball{transform-box:fill-box;transform-origin:center}
.cim-ring{transform-origin:center}
.cim-lbl{font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;text-transform:uppercase;fill:var(--ivory)}
.cim-ico{stroke:var(--ivory)}
.cim-smile{opacity:0}
.ci-mark{opacity:1}
@media(prefers-reduced-motion:no-preference){
  .calc-invite.in .cim-line{stroke-dasharray:1;stroke-dashoffset:1;animation:cimDraw 8.5s cubic-bezier(.45,.05,.55,.95) .3s both}
  .calc-invite.in .cim-area{animation:cimFade 7.5s ease-out .9s both}
  .calc-invite.in .cim-node{animation:cimPop .7s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--d,2s)}
  .calc-invite.in .cim-ball{animation:cimPop .7s cubic-bezier(.2,.7,.3,1) 8.2s both}
  .calc-invite.in .cim-ring{animation:cimPulse 2.6s ease-in-out 8.6s infinite}
  .calc-invite.in .cim-smile{animation:cimSmile 2.6s ease-in-out 8.6s infinite}
}
@keyframes cimDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cimFade{from{opacity:0}to{opacity:1}}
@keyframes cimPop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes cimPulse{0%,100%{stroke-opacity:.85;r:16}50%{stroke-opacity:.15;r:19}}
@keyframes cimSmile{0%,18%,82%,100%{opacity:0}38%,62%{opacity:1}}
.ci-path{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.ci-path .cp-lead{color:var(--ink-faint)}
.ci-path .cp-step{color:var(--gold-bright)}
.ci-path .cp-sep{color:var(--gold-fill);opacity:.55}
.ci-path{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px;margin-top:16px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.ci-path .cp-lead{color:var(--ink-faint)}
.ci-path .cp-step{color:var(--gold-bright)}
.ci-path .cp-sep{color:var(--gold-fill);opacity:.55}
@media(max-width:720px){
  .calc-invite{grid-template-columns:1fr}
  .ci-mark{order:-1;max-width:250px;margin:0 auto}
}

.skip-link{position:absolute;left:1rem;top:-100px;z-index:999;background:var(--gold-soft);color:var(--charcoal);padding:.7rem 1rem;border-radius:0 0 12px 12px;font-weight:700}.skip-link:focus{top:0}
/* [mc-fx-clear] */

/* [FX CLEAR 2026-07-25] Founder: the Privacy choices pill collides with the FinExp lens pill in
   every instance of the lens. Self-scoping: on any page where the lens pill exists, the consent
   pill steps above it; elsewhere this rule is inert. The pill also idles whisper-quiet everywhere
   for consistency, at full strength on hover/keyboard focus. 44px target unchanged. */
body:has(#fxPillWrap) #mc-consent-bridge-open{ bottom:78px !important; }
#mc-consent-bridge-open{ opacity:.25; transition:opacity .3s ease; }
#mc-consent-bridge-open:hover, #mc-consent-bridge-open:focus-visible{ opacity:1; }

/* [mc-consent-style] */

/* [CONSENT BAR 2026-07-25] Founder: world-class formatting. The bar becomes a considered
   object: charcoal surface matching the navigation, hairline gold rule, ivory text at a
   readable measure, and the two consent choices as an IDENTICAL pair (D-011 equal prominence
   is layout law here, not styling taste). The disclosure link is quiet by design. 44px
   targets throughout. */
#mc-consent-bridge-root [class*="mccb-bar"]{
  background:rgba(11,11,10,.9) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05); backdrop-filter:blur(18px) saturate(1.05);
  border-top:1px solid rgba(195,164,105,.45) !important;
  box-shadow:0 -14px 44px rgba(0,0,0,.35) !important;
}
/* [mc-consent-bar-nofilter 2026-07-27 · founder] The selector above is a SUBSTRING match, so it also
   catches the inner .mccb-bar-text. Its background is reset to transparent further down,
   but its filter is not — leaving a backdrop-filter nested inside a parent with the same
   filter. That re-blurs an already-blurred backdrop and paints a flat dark rectangle the
   exact size of the disclosure text. The bar keeps its own frosted shading; only the
   inner block loses the filter.

   THE SELECTOR IS DELIBERATELY MORE SPECIFIC THAN IT LOOKS. A plain
   `#mc-consent-bridge-root .mccb-bar-text` has the SAME specificity as the rule above
   (one id, one class/attr), so source order would decide — and there is a SECOND
   [class*="mccb-bar"] rule later in the sheet, inside @media (max-width:820px), which
   re-applies blur(22px). That later rule would win below 821px and the rectangle would
   survive on phones while looking fixed on desktop. Matching through the ancestor adds a
   second class/attr, so this wins at every width regardless of order. */
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-bar-text{
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-inner{
  display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px;
  max-width:1220px; margin:0 auto; padding:15px 24px !important;
}
#mc-consent-bridge-root [class*="mccb-bar"] *:not(button){ background:transparent !important; }
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-p{
  flex:1 1 40ch; margin:0 !important; background:transparent !important;
  font-size:13.5px !important; line-height:1.6 !important;
  color:rgba(250,248,243,.92) !important; max-width:64ch;
}
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-actions{
  display:flex; align-items:center; gap:12px; margin:0 !important; flex-wrap:wrap;
}
#mc-consent-bridge-root .mccb-btn-choice{
  font-family:"DM Mono",ui-monospace,monospace !important; font-size:11px !important;
  letter-spacing:.12em !important; text-transform:uppercase !important;
  color:#F8F5EC !important; background:transparent !important;
  border:1px solid rgba(195,164,105,.65) !important; border-radius:999px !important;
  padding:12px 22px !important; min-height:44px; cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
#mc-consent-bridge-root .mccb-btn-choice:hover{
  background:rgba(195,164,105,.16) !important; border-color:#C3A469 !important;
}
#mc-consent-bridge-root .mccb-btn-choice:focus-visible{
  outline:1px solid #C3A469 !important; outline-offset:3px;
}
#mc-consent-bridge-root .mccb-btn-quiet{
  font-family:"DM Mono",ui-monospace,monospace !important; font-size:11px !important;
  letter-spacing:.08em !important; color:rgba(250,248,243,.6) !important;
  background:none !important; border:none !important; min-height:44px; cursor:pointer;
  text-decoration:underline; text-underline-offset:3px;
}
#mc-consent-bridge-root .mccb-btn-quiet:hover{ color:#E7C877 !important; }
/* the expanded disclosure: readable ivory sheet, capped, never a full-page takeover */
#mc-consent-bridge-root [class*="mccb-panel"]{
  background:rgba(248,245,236,.96) !important;
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  max-height:62svh !important; overflow-y:auto !important;
  border-radius:14px 14px 0 0 !important;
  border-top:1px solid rgba(195,164,105,.5) !important;
  box-shadow:0 -18px 50px rgba(0,0,0,.3) !important;
}
@media (max-width:820px){
  #mc-consent-bridge-root [class*="mccb-bar"] .mccb-inner{ flex-direction:column; align-items:stretch; gap:12px; padding:14px 16px !important; }
  #mc-consent-bridge-root [class*="mccb-bar"] .mccb-actions{ width:100%; }
  #mc-consent-bridge-root .mccb-btn-choice{ flex:1 1 auto; text-align:center; }
}

/* [mc-consent-panel-fix] */

/* [CONSENT PANEL 2026-07-26 · GLS-027] The reopened Privacy choices panel was painted
   rgba(248,245,236,.96) — cream — while its two choice buttons carry #F8F5EC, ivory.
   That is about 1.05:1: the buttons rendered as empty outlined pills and the visitor
   could not read their own privacy options. Measured at 390x844 AND 1440x900, so this
   was never mobile-only. Consent has to be informed; a choice nobody can read is not a
   choice, and D-011 equal prominence means nothing when neither option is legible.
   The panel now shares the bar's charcoal surface so the whole consent surface reads as
   one object. Presentation only — semantics, taxonomy, GA4 ID, storage key, 180-day
   validity and control behaviour are all unchanged. */
#mc-consent-bridge-root [class*="mccb-panel"]{
  background:rgba(11,11,10,.965) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.02); backdrop-filter:blur(18px) saturate(1.02);
  color:#F8F5EC !important;
  border-top:1px solid rgba(195,164,105,.45) !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] *:not(button){
  background:transparent !important; color:rgba(250,248,243,.9) !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] a{ color:#D4AE50 !important; }
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-choice{
  color:#F8F5EC !important; background:transparent !important;
  border:1px solid rgba(195,164,105,.65) !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-choice:hover,
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-choice:focus-visible{
  background:rgba(195,164,105,.16) !important; border-color:#C3A469 !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-quiet{ color:rgba(250,248,243,.7) !important; }
/* The post-choice status strip belongs to the same surface. */
#mc-consent-bridge-root .mccb-status{
  background:rgba(11,11,10,.965) !important; color:rgba(250,248,243,.92) !important;
  border-top:1px solid rgba(195,164,105,.45) !important;
}

/* [mc-phone-perf] */

/* [PHONE PERFORMANCE 2026-07-26 · GLS-030] Measured, not guessed: 10 backdrop-blur
   elements, 88 box-shadows and 1861 nodes, with the expanders animating max-height.
   Duration was never the cost — per-frame blur and per-frame layout were. Phone only. */
@media (max-width: 820px) {
  /* 1 — backdrop blur re-samples everything behind it on every frame. On the dark
     surfaces it is used on, a solid tone is visually near-identical and costs nothing. */
  /* BLANKET, on the founder's instruction to get blur as close to zero as possible
     on every page. An audit of all 17 pages at 390px found 24 blurred elements, 18 of
     them visible, and the dominant source was a STICKY header carrying blur(8px) on
     nine pages — the worst possible case, because a sticky element re-blurs everything
     behind it on every scroll frame. Safe to remove wholesale: every blurred surface
     was already painted at 50-92% opacity, so none of them relied on blur to be
     legible. The density bump below simply stops them reading thin without it. */
  * {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .site-head, .site-header, .topbar {
    background-color: rgba(11,11,10,.97) !important;
  }
  .nav-scrim, #overlay { background-color: rgba(0,0,0,.72) !important; }
  .mc-pr-chev, .cp-chev { background-color: rgba(11,11,10,.82) !important; }

  /* [LOGO GOLD 2026-07-26 · GLS-037] Founder: the logo gold reads duller on phone and
     should be the brighter gold. Measured before changing anything: the ASSET is fine —
     its mean gold is #C4A469, and the founder's own reference file is actually DARKER at
     #B59962, so swapping the file would have made it worse. Nothing dims it either: no
     filter, no opacity, no blend on the element or its parent.
     The real cause is downscaling. The logo is 520px wide natively and renders at 120px
     on a phone — a 4.3x reduction — against 220px on desktop. At that reduction the thin
     letterforms are averaged with the dark gaps between them, which drags the perceived
     gold toward the background and reads as dull. Desktop is wide enough to hold up.
     So this is a compensation, not a recolour: a small brightness and saturation lift on
     phone only, which restores the gold the eye expects without touching the artwork or
     adding an asset. Reversible in one line. */
  .journey-header .brand-logo,
  .site-head .brand-logo, .site-header .brand-logo {
    filter: brightness(1.30) saturate(1.22) !important;   /* [2026-07-26] founder: still slightly dull at 1.16 — lifted again */
  }

  /* [CONSIDER POPOVER 2026-07-26 · GLS-031] Founder: pressing Consider brings nothing
     in, or comes in badly lagged, while Details works. The control fires correctly —
     an earlier reading that it did not was taken from a zero-size hidden instance and
     was wrong. Two real faults in the popover it reveals:
     1. It transitions VISIBILITY over .25s. Visibility is a discrete property, so it
        does not flip until halfway through — the panel is still invisible while it is
        supposedly fading in, which reads exactly like "it didn't open".
     2. The popover is position:absolute inset:0 over the card, so on a short phone
        card its question list can exceed the card and there is no way to reach it.
     Reveal is now immediate and the content can scroll within the card. */
  .pathways .profile-card .pc-pop {
    transition: opacity .12s ease !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .pathways .profile-card.is-asking .pc-pop {
    opacity: 1 !important; visibility: visible !important; transform: none !important;
  }
  /* the trigger needs a real tap target; it was rendering at zero size when collapsed */
  .pathways .profile-card .pc-ask {
    min-height: 44px !important; min-width: 44px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
  }

  /* 2 — animating max-height re-runs layout every frame. Snap it instead; the panel
     still opens and closes, it just stops paying for a layout pass per frame. */
  .cp-record, #htLedger .ht-body, [class*="pc-"] [class*="body"],
  [aria-expanded] + *, details > *:not(summary) {
    transition-duration: .01s !important;
  }

  /* 3 — trim the animation surface generally, while KEEPING every interaction.
     Opacity and transform are compositor-only and stay expressive; height, filter,
     box-shadow and backdrop-filter are the ones that cost layout or repaint. */
  * {
    transition-property: opacity, transform, color, background-color, border-color !important;
    transition-duration: .12s !important;
  }

  /* 4 — soft shadows repaint with the element they sit on. Keep depth, cut the blur radius. */
  .core-card, .pc-card, [class*="pf-"], .founder-bubble, .ci-card {
    box-shadow: 0 6px 18px rgba(0,0,0,.28) !important;
  }

  /* Anyone who has asked for less motion gets none of it at all. */
  @media (prefers-reduced-motion: reduce) {
    * { transition-duration: .01s !important; animation-duration: .01s !important; }
  }
}

/* [mc-press-overlap] */

/* [PRESS STATE + OVERLAP 2026-07-26 · GLS-033/034] Phone only. */
@media (max-width: 820px) {
  /* --- 1. no gold flood on press: gold type on a gradient, as already proven on the nav icons --- */
  .bf-tab.is-on,
  .nav-burger:active, .nav-burger[aria-expanded="true"],
  .nd-login:active,
  .journey-header .nav-right .client-vault:active,
  .splash-cta:active,
  #labels-toggle[aria-pressed="true"] {
    background: linear-gradient(135deg, rgba(11,11,10,.97) 0%, rgba(58,47,26,.97) 50%, rgba(11,11,10,.97) 100%) !important;
    color: #D4AE50 !important;
    border-color: #C3A469 !important;
    box-shadow: 0 0 0 1px rgba(195,164,105,.30), 0 6px 18px rgba(0,0,0,.45) !important;
  }
  .bf-tab.is-on svg, .nav-burger:active svg, .nav-burger[aria-expanded="true"] svg,
  .nd-login:active svg, .journey-header .nav-right .client-vault:active svg,
  .splash-cta:active svg, #labels-toggle[aria-pressed="true"] svg {
    stroke: #D4AE50 !important; color: #D4AE50 !important; opacity: 1 !important;
  }
  .bf-tab.is-on svg circle, .nav-burger[aria-expanded="true"] svg circle {
    fill: #D4AE50 !important;
  }
  /* the founder tabs carried a heavier weight to compensate for the dark-on-gold
     treatment; on gold-on-dark it is no longer needed and reads cleaner without it */
  .bf-tab.is-on { font-weight: 500 !important; }

  /* --- 2. the consent notice steps aside while a pop-out is open --- */
  html[data-mc-popout] #mc-consent-bridge-root [class*="mccb-bar"],
  html[data-mc-popout] #mc-consent-bridge-root .mccb-status,
  html[data-mc-popout] #mc-consent-bridge-open {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .12s ease !important;
  }
}

/* [mc-header-unify] */

/* [HEADER UNIFY 2026-07-27 · GLS-043] One header treatment across the site:
   homepage gradient shading, outline nav pills (no solid-gold fill), and
   career-arc's edge-aware rail vignette. SCHEDULE keeps its gold fill.
   Skipped under the FIN-EXPERT lens (html.fx-lens), which owns its own look. */

/* [ALL WIDTHS · founder decision 2026-07-27 "outline it everywhere"] The Home and
   cross-page pills were painted solid gold by their own page rules
   (.sh-home{background:var(--gold-fill)}). Converging on the gateway header means
   one outline treatment on desktop as well as phone. The SCHEDULE CTA lives in
   .sh-cta, outside these selectors, and keeps its deliberate gold fill. */
html:not(.fx-lens) .site-head nav a.sh-home,
html:not(.fx-lens) .site-head nav a.sh-cross,
html:not(.fx-lens) .site-header .nav-links a.sh-cross {
  background: transparent !important;
  background-image: none !important;
  color: #C3A469 !important;
  border: 1px solid rgba(195,164,105,.40) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html:not(.fx-lens) .site-head nav a.sh-home:hover,
html:not(.fx-lens) .site-head nav a.sh-cross:hover,
html:not(.fx-lens) .site-header .nav-links a.sh-cross:hover {
  background: rgba(195,164,105,.14) !important;
  border-color: rgba(195,164,105,.7) !important;
  color: #D4AE50 !important;
}

@media (max-width: 820px) {
  html:not(.fx-lens) .site-head,
  html:not(.fx-lens) .site-header {
    background-image: linear-gradient(90deg, rgba(15,15,14,.94) 0%, rgba(26,22,13,.94) 52%, rgba(15,15,14,.94) 100%) !important;
  }
  /* nav pills → gold outline, no fill. Was background:var(--gold-fill) on
     .sh-home / .sh-cross. CTA (.sh-cta-talk) and login live outside these. */
  html:not(.fx-lens) .site-head nav a.sh-home,
  html:not(.fx-lens) .site-head nav a.sh-cross,
  html:not(.fx-lens) .site-head nav a.nv-page,
  html:not(.fx-lens) .site-header .nav-links a.nv-page,
  html:not(.fx-lens) .site-header .nav-links a.sh-cross {
    background: transparent !important;
    background-image: none !important;
    color: #D4AE50 !important;   /* explicit — --gold-soft is a faint tint on some pages */
    border: 1px solid rgba(195,164,105,.40) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }
  html:not(.fx-lens) .site-head nav a.active { color: #C3A469 !important; }

  /* edge-aware rail vignette — JS sets data-mcedge on the scrolling rail. */
  html:not(.fx-lens) .site-head nav[data-mcedge="both"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="both"] {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%) !important;
            mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%) !important;
  }
  html:not(.fx-lens) .site-head nav[data-mcedge="start"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="start"] {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%) !important;
            mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%) !important;
  }
  html:not(.fx-lens) .site-head nav[data-mcedge="end"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="end"] {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 100%) !important;
            mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 100%) !important;
  }
  html:not(.fx-lens) .site-head nav[data-mcedge="none"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="none"] {
    -webkit-mask-image: none !important; mask-image: none !important;
  }
}

/* [mc-sonic-policy-motion] */

/* [GLS-051 2026-07-27 · founder decision] Exempt the CTA arrow from the blanket
   phone animation trim. The phone-performance pass sets
   * { transition-duration:.12s !important } — at that speed the arrow reads as a
   jump rather than travel, and the travel IS the affordance. Scoped to the two
   arrow SVGs only; every other transition on the page keeps the fast .12s. */
@media (max-width: 820px) {
  .mc-cap svg.a1, .mc-cap svg.a2 {
    transition-property: transform !important;
    transition-duration: .42s !important;
    transition-timing-function: cubic-bezier(.65,.05,.1,1) !important;
  }
}
/* Re-asserted AFTER the exemption: anyone who asked for less motion still gets none. */
@media (prefers-reduced-motion: reduce) {
  .mc-cap svg.a1, .mc-cap svg.a2 {
    transition-duration: .01s !important;
  }
}

/* [mc-splash-homepage-only] */

/* [SPLASH HOMEPAGE-ONLY 2026-07-27 · founder instruction] This page is NOT the homepage, so it
   must never show a loading backsplash at any width. The previous rule only hid the overlay
   after the first page of a session, and only below 821px, which is why landing directly on an
   inner page showed it. Unconditional here. */
#__bundler_thumbnail { display: none !important; }

/* [mc-cta-system] */

/* [CTA SYSTEM 2026-07-27 · GO — PROVEN] Content CTA affordance only.
   Ported from the live Calculator .mc-cap so the site keeps ONE vocabulary.
   Never applied to headers, journey headers, section nav, login/consent/legal,
   utility, selector/tab, guided-tour, back-to-top, or editorial/back links. */
:root{
  --mc-cta-desktop-gold:#C3A469;
  --mc-cta-phone-gold:#D4AE50;
  --mc-cta-gold:var(--mc-cta-desktop-gold);
  --mc-cta-ring:#1D1810;
}
@media (max-width:800px){ :root{ --mc-cta-gold:var(--mc-cta-phone-gold); } }

.mc-cap{
  position:relative; z-index:2; flex:0 0 auto;
  width:var(--mc-cap-size,32px); height:var(--mc-cap-size,32px);
  border-radius:50%; background:var(--mc-cta-ring);
  display:grid; place-items:center; overflow:hidden;
}
/* Specificity note: some hosts style their own icons (e.g. .ac-book svg has
   stroke-width 1.8 for its leading calendar mark). The cap's arrow must keep the
   contract geometry, so these are matched on .a1/.a2 to outrank the host rule
   rather than leaking !important across the page. */
.mc-cap svg.a1,.mc-cap svg.a2{
  grid-area:1/1; color:var(--mc-cta-gold);
  fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
  transition:transform .42s cubic-bezier(.65,.05,.1,1);
}
.mc-cap .ball{ fill:currentColor; stroke:none; }
/* horizontal = navigate/open/create; vertical = reveal/continue/close */
.mc-cap.mc-right svg.a1,.mc-cap.mc-right svg.a2{ width:calc(var(--mc-cap-size,32px) * .62); height:calc(var(--mc-cap-size,32px) * .37); }
.mc-cap:not(.mc-right) svg.a1,.mc-cap:not(.mc-right) svg.a2{ width:calc(var(--mc-cap-size,32px) * .37); height:calc(var(--mc-cap-size,32px) * .62); }
.mc-cap.mc-right .a2{ transform:translateX(-175%); }
.mc-cap:not(.mc-right) .a2{ transform:translateY(-175%); }

/* hover · keyboard focus-visible · phone tap-equivalent all drive the same travel */
[data-mc-cta]:hover .mc-cap.mc-right .a1,
[data-mc-cta]:focus-visible .mc-cap.mc-right .a1,
[data-mc-cta].is-active .mc-cap.mc-right .a1{ transform:translateX(175%); }
[data-mc-cta]:hover .mc-cap.mc-right .a2,
[data-mc-cta]:focus-visible .mc-cap.mc-right .a2,
[data-mc-cta].is-active .mc-cap.mc-right .a2{ transform:translateX(0); }
[data-mc-cta]:hover .mc-cap:not(.mc-right) .a1,
[data-mc-cta]:focus-visible .mc-cap:not(.mc-right) .a1,
[data-mc-cta].is-active .mc-cap:not(.mc-right) .a1{ transform:translateY(175%); }
[data-mc-cta]:hover .mc-cap:not(.mc-right) .a2,
[data-mc-cta]:focus-visible .mc-cap:not(.mc-right) .a2,
[data-mc-cta].is-active .mc-cap:not(.mc-right) .a2{ transform:translateY(0); }
[data-mc-cta]:focus-visible{ outline:2px solid var(--mc-cta-gold); outline-offset:3px; }

/* the affordance sits inline with its label without disturbing local layout */
a[data-mc-cta], button[data-mc-cta]{ display:inline-flex; align-items:center; gap:.7rem; }
a[data-mc-cta] .mc-cap, button[data-mc-cta] .mc-cap{ margin-left:auto; }
/* card hosts keep their own layout: only the inner affordance is inline-flex */
[data-mc-cta-card]{ display:flex; align-items:center; gap:.6rem; }

@media (prefers-reduced-motion:reduce){
  .mc-cap svg{ transition:none; }
}

.ci-cta .mc-cap{--mc-cap-size:32px}
.cta-pill .mc-cap{--mc-cap-size:30px}