@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.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;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.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;
} @font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.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;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.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;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.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;
} @font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/inter/v20/UcCo3FwrK3iLTcviYwY.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;
}  @font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400 600;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/newsreader/v26/cY9CfjOCX1hbuyalUrK439vCgYhCFpY.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;
} @font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400 600;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/newsreader/v26/cY9CfjOCX1hbuyalUrK439vCgIhCFpY.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;
} @font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400 600;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/newsreader/v26/cY9CfjOCX1hbuyalUrK439vCjohC.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;
} @font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/newsreader/v26/cY9AfjOCX1hbuyalUrK439HyjJBG.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;
} @font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/newsreader/v26/cY9AfjOCX1hbuyalUrK439DyjJBG.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;
} @font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/newsreader/v26/cY9AfjOCX1hbuyalUrK4397yjA.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;
}  @font-face {
font-family: 'Source Serif 4';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFK2_tTDB4M7-auWDN0ahZJW1gewti_Wo7H.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Source Serif 4';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFK2_tTDB4M7-auWDN0ahZJW1gewtG_Wo7H.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Source Serif 4';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFK2_tTDB4M7-auWDN0ahZJW1gewta_Wo7H.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: 'Source Serif 4';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFK2_tTDB4M7-auWDN0ahZJW1gewtq_Wo7H.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;
} @font-face {
font-family: 'Source Serif 4';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFK2_tTDB4M7-auWDN0ahZJW1gewtu_Wo7H.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;
} @font-face {
font-family: 'Source Serif 4';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFK2_tTDB4M7-auWDN0ahZJW1gewtW_Wg.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;
} @font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gW8tenXg.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gf8tenXg.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gY8tenXg.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gU8tenXg.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;
} @font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gV8tenXg.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;
} @font-face {
font-family: 'Source Serif 4';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//conxious.me/wp-content/themes/conxious/fonts/sourceserif4/v14/vEFI2_tTDB4M7-auWDN0ahZJW1gb8tc.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;
}@layer reset, tokens, base, components, blocks, utilities;
@layer tokens {
:root {
--canvas: var(--wp--preset--color--canvas, #ffffff);
--parchment: var(--wp--preset--color--parchment, #f6f7f9);
--blue-mist: var(--wp--preset--color--blue-mist, #dceaf9);
--blue-soft: var(--blue-mist);
--blue-soft-1: var(--wp--preset--color--blue-soft-1, #e6f2fc);
--blue-soft-2: var(--wp--preset--color--blue-soft-2, #c4dff7);
--blue-deep-1: #1a2c4a;
--blue-deep-2: #0e1726;
--brand-ink: #231f20;
--sand: var(--wp--preset--color--sand, #eadcc7);
--ink: var(--wp--preset--color--ink, #0e1726);
--ink-soft: #4a5568;
--ink-muted: var(--wp--preset--color--ink-muted, #87938f);
--on-dark: #ffffff;
--on-dark-soft: rgba(255, 255, 255, 0.72);
--accent: var(--wp--preset--color--accent, #267fd4);
--accent-light: #3d96f4;
--accent-bright: #5cadff;
--accent-strong: color-mix(in srgb, var(--accent) 70%, var(--blue-deep-2));
--accent-em: color-mix(in srgb, var(--accent-light) 48%, var(--accent-strong));
--accent-eyebrow: color-mix(in srgb, var(--accent) 74%, var(--blue-deep-1) 26%);
--accent-em-body: color-mix(in srgb, var(--accent) 32%, var(--ink-soft));
--hairline: color-mix(in srgb, #e6eaf0 88%, var(--accent-light) 12%);
--btn-rule: color-mix(in srgb, var(--ink) 22%, transparent);
--btn-rule-soft: color-mix(in srgb, var(--ink) 12%, transparent);
--serif: "Source Serif 4", Georgia, serif;
--body: "Newsreader", Georgia, serif;
--sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
--fs-body: clamp(17px, 1vw + 13px, 22px);
--fs-sans-body: clamp(15px, 0.88vw + 11.8px, 19px);
--fs-ui: clamp(13px, 0.7vw + 11px, 16px);
--fs-ui-lg: clamp(14px, 0.82vw + 11.25px, 17px);
--fs-micro: clamp(13px, 0.28vw + 12px, 14px);
--fs-masthead: clamp(11px, 0.55vw + 9px, 13px);
--fs-heading-display: clamp(40px, 6.4vw, 100px);
--content-below-header: min(22vh, 180px);
--hero-content-top: max(
clamp(128px, 28vh, 240px),
calc(env(safe-area-inset-top, 0px) + 96px)
);
--fs-heading-section: clamp(32px, 4.5vw, 68px);
--fs-heading-lead: clamp(32px, 5.2vw, 72px);
--fs-heading-accent: clamp(24px, 2.4vw, 36px);
--pad-x: var(--wp--preset--spacing--pad-x, clamp(24px, 5vw, 80px));
--layout-max-main: 1280px;
--layout-max-wide: 1600px;
--layout-max-measure: 720px;
--layout-max-prose: 540px;
--layout-max-lede: 920px;
--layout-gap-split: clamp(40px, 6vw, 96px);
--layout-gap-three: clamp(40px, 5vw, 72px);
--btn-group-gap: clamp(22px, 2.8vw, 32px);
--section-v-slide: var(--wp--preset--spacing--section-slide, 12vh);
--section-v-flow: var(--wp--preset--spacing--section-flow, 18vh);
--section-v-tail: 10vh;
--section-mobile-top: 14vh;
--radius-card: 24px;
--radius-pill: 999px;
--shadow-soft-lift: 0 24px 48px -20px rgba(14, 23, 38, 0.12);
--shadow-soft-lift-up: 0 -24px 48px -20px color-mix(in srgb, var(--ink) 12%, transparent);
--shadow-card-hover: 0 6px 18px rgba(14, 23, 38, 0.07);
--motion-standard: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
--motion-snappy: 0.25s cubic-bezier(0.2, 0, 0, 1);
--motion-reveal: 1s cubic-bezier(0.2, 0, 0, 1);
--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); --scroll-y: 0px;
--pill-cx: 50%;
--pill-cy: 49px;
--pill-rx: 600px;
--pill-ry: 130px;
}
@media (min-width: 1920px) {
:root {
--fs-body: clamp(22px, 0.25vw + 19.2px, 27px);
--fs-sans-body: clamp(19px, 0.22vw + 16.8px, 24px);
--fs-ui: clamp(15px, 0.175vw + 13.6px, 20px);
--fs-ui-lg: clamp(16px, 0.208vw + 14.2px, 21px);
--fs-micro: clamp(14px, 0.115vw + 12.55px, 17px);
--fs-masthead: clamp(13px, 0.15vw + 11.4px, 16px);
}
}
@media (max-width: 900px) {
:root {
--fs-heading-display: clamp(46px, 11vw, 100px);
--fs-body: clamp(19px, 0.35vw + 17.8px, 20px);
--fs-sans-body: clamp(17px, 0.3vw + 15.6px, 18px);
--fs-ui: clamp(14px, 0.55vw + 12px, 16px);
--fs-ui-lg: clamp(15px, 0.65vw + 12.5px, 17px);
--fs-micro: clamp(13px, 0.35vw + 12px, 14px);
}
}
@media (max-width: 360px) {
:root {
--fs-body: clamp(17px, 2.5vw + 12px, 18px);
--fs-sans-body: clamp(15px, 2.2vw + 10.5px, 16px);
--fs-ui: clamp(13px, 0.7vw + 11px, 15px);
--fs-ui-lg: clamp(14px, 0.82vw + 11.25px, 16px);
}
}
}@layer base {
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
scroll-padding-top: max(96px, 12vh);
}
body {
margin: 0;
background: var(--canvas);
color: var(--ink);
font-family: var(--body);
font-size: var(--fs-body);
line-height: 1.5;
letter-spacing: -0.005em;
overflow-x: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100svh;
} #main {
flex: 1 0 auto;
min-height: 100vh;
min-height: 100svh;
position: relative;
z-index: 1;
background: var(--canvas);
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 100;
padding: 12px 20px;
margin: min(16px, 2vw);
background: var(--blue-mist);
color: var(--ink);
font-family: var(--sans);
font-size: var(--fs-ui);
font-weight: 600;
border-radius: var(--radius-pill);
text-decoration: none;
}
.skip-link:focus {
left: auto;
right: auto;
clip: auto;
outline: 2px solid var(--accent-bright);
outline-offset: 4px;
} img:not(.hero__editor-gallery-fallback),
svg {
display: block;
max-width: 100%;
}
button {
font: inherit;
cursor: pointer;
border: none;
background: none;
color: inherit;
}
a {
color: inherit;
text-decoration: none;
} [class*="__prose"] a:where(:not(.btn):not(.wp-element-button)),
.wp-block-post-content a:where(:not(.wp-element-button)),
.rich-list__body a,
.people__intro a,
.quote-hero__lede-copy a,
.primary-cta__sub a {
text-decoration: underline;
text-underline-offset: 0.12em;
}
em {
font-style: italic;
color: var(--accent-em-body);
font-weight: 400;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}@layer components { .nav a,
.footer__row a,
.btn,
.primary-cta__ticket,
.access-card-wrap .card,
.cta-cards__card,
.nav__logo {
text-decoration: none;
} body:not(.starts-with-hero) #main > .entry-content {
padding-top: var(--content-below-header);
}
body:not(.starts-with-hero) #main > .entry-content > :first-child:is(
section.canvas,
section[class*="wp-block-conxious-"]
) {
margin-block-start: calc(-1 * var(--content-below-header));
padding-block-start: max(
var(--content-below-header),
clamp(96px, 12vw, 180px)
);
}
body:not(.starts-with-hero) #main > .entry-content > :first-child.canvas--slide {
padding-block-start: max(var(--content-below-header), var(--section-v-slide));
}
nav,
.btn,
.nav__link,
.nav__hamburger,
.scroll-cue,
.card__label,
.people__card-name,
.footer__row,
.masthead {
font-family: var(--sans);
} .is-layout-constrained > section[class*="wp-block-conxious-"].alignfull:not(.hero) {
box-sizing: border-box;
max-width: none;
width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} .is-layout-constrained > .page-curtain.alignfull {
box-sizing: border-box;
max-width: none !important;
width: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
} body.has-pinned-hero #main {
display: flex;
flex-direction: column;
}
.page-curtain {
position: relative;
margin-block-start: 0 !important;
z-index: 1;
flex: 1 0 auto;
display: flow-root;
isolation: isolate;
background-color: var(--canvas); min-height: 100vh;
min-height: 100svh;
} .page-curtain > :where(
:not(section):not(.alignfull):not([class*="wp-block-conxious"])
) {
box-sizing: border-box;
width: 100%;
margin-block: 0;
padding-inline: var(--pad-x);
padding-block: clamp(16px, 2.5vh, 32px);
background-color: var(--canvas);
}
.page-curtain > :where(
:not(section):not(.alignfull):not([class*="wp-block-conxious"])
)
+ :where(:not(section):not(.alignfull):not([class*="wp-block-conxious"])) {
padding-block-start: 0;
} body.has-pinned-hero .footer-prelude.footer-prelude--stuck { } .canvas {
position: relative;
width: 100%;
padding: clamp(96px, 12vw, 180px) var(--pad-x);
}
.canvas--slide {
min-height: 100vh;
min-height: 100svh;
padding: var(--section-v-slide) var(--pad-x);
display: flex;
flex-direction: column;
} section#entry.primary-cta--ticket.canvas.canvas--slide,
section#how-to-enter.primary-cta.primary-cta--button.canvas {
padding: 0;
margin-bottom: 0;
} section.hero.canvas.canvas--slide {
padding-top: 0;
padding-inline: var(--pad-x);
padding-bottom: max(40px, env(safe-area-inset-bottom, 0px), 7vh);
}
@media (max-width: 900px) {
section.hero.canvas.canvas--slide {
padding-bottom: max(24px, env(safe-area-inset-bottom, 0px), clamp(20px, 3.5svh, 36px));
}
} @media (min-width: 901px) {
section#entry .primary-cta__inner,
section#how-to-enter .primary-cta__inner {
padding-inline: var(--pad-x);
}
} .canvas.canvas--slide.primary-cta.primary-cta--large-photo {
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: var(--primary-cta-tail);
}
.canvas.two-columns-big-image {
padding-top: 0;
}
body:not(.starts-with-hero) #main > .entry-content > :first-child.canvas.two-columns-big-image {
padding-block-start: 0;
} .canvas.canvas--slide.primary-cta.primary-cta--large-photo .primary-cta__inner.layout-shell {
align-self: center;
width: min(
calc(100% - 2 * var(--pad-x)),
var(--wp--style--global--wide-size, var(--layout-max-main))
);
max-width: min(
calc(100% - 2 * var(--pad-x)),
var(--wp--style--global--wide-size, var(--layout-max-main))
);
}
.canvas--narrow > * {
max-width: var(--layout-max-main);
margin-inline: auto;
width: 100%;
}
.canvas [aria-hidden="true"][class*="__bg"] {
overflow: hidden;
}
.layout-shell {
width: 100%;
box-sizing: border-box;
max-width: var(--layout-max-main);
margin-inline: auto;
min-width: 0;
}
.layout-shell--wide {
width: min(100%, var(--layout-max-wide));
max-width: var(--layout-max-wide);
} .canvas--slide > .layout-shell.layout-shell--wide {
align-self: center;
}
.layout-shell--measure {
max-width: min(var(--layout-max-measure), 100%);
}
.layout-shell--lede {
max-width: min(var(--layout-max-lede), 100%);
} .layout-split {
display: grid;
grid-template-columns: 1fr;
gap: 8vh;
align-items: start;
width: 100%;
}
.layout-split__title {
position: relative;
top: 0;
}
.layout-split__prose {
max-width: none;
padding-top: 0;
}
@media (min-width: 901px) {
.layout-split {
grid-template-columns: 1fr 1fr;
gap: var(--layout-gap-split);
}
.layout-split__title {
position: sticky;
top: 14vh;
}
.layout-split__prose {
max-width: var(--layout-max-prose);
padding-top: 8vh;
}
}
@media (max-width: 900px) {
.layout-split--section-head {
margin-bottom: 8vh;
}
} .btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 26px;
border-radius: var(--radius-pill);
font-size: var(--fs-ui);
font-weight: 500;
letter-spacing: -0.005em;
white-space: nowrap;
border: 1px solid transparent;
transition:
background-color var(--motion-standard),
border-color var(--motion-standard),
color var(--motion-standard),
transform var(--motion-snappy);
will-change: transform;
}
.btn:active {
transform: scale(0.98);
}
.btn svg.lucide {
width: 1.1em;
height: 1.1em;
flex-shrink: 0;
transition: transform var(--motion-standard), color var(--motion-standard);
}
.btn svg.btn-arrow {
width: 1.75em;
height: auto;
flex-shrink: 0;
color: currentColor;
transition: transform var(--motion-standard), color var(--motion-standard);
}
.btn--dark {
background: var(--accent-strong);
color: #fff;
}
.btn:focus svg.btn-arrow--left {
transform: translateX(-3px);
}
@media (hover: hover) {
.btn--dark:hover {
background: var(--accent);
color: #fff;
transform: translateY(-2px);
}
.btn--dark:hover svg {
transform: translateX(3px);
}
.btn--cta:hover {
background: var(--accent-strong);
color: #fff;
transform: translateY(-2px);
}
.btn--cta:hover svg {
transform: translateX(3px);
}
.btn--light:hover {
background: #f1e6d6;
transform: translateY(-2px);
}
.btn--light:hover svg {
transform: translateX(3px);
}
.btn--ghost-dark:hover {
background: transparent;
border-color: transparent;
color: var(--accent);
transform: translateY(-2px);
box-shadow: none;
}
.btn--ghost-dark:hover svg {
transform: translateX(3px);
}
.btn:hover svg.btn-arrow--left {
transform: translateX(-3px);
}
}
.btn--cta {
background: var(--accent);
color: #fff;
}
.btn--light {
background: var(--sand);
color: var(--brand-ink);
}
.btn--ghost-dark {
background: transparent;
border-color: transparent;
color: var(--accent-strong);
padding-inline-start: 0;
} .masthead {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: var(--fs-masthead);
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--accent-eyebrow);
} .masthead:has(.masthead__icon) {
line-height: 15px;
}
.masthead__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
line-height: 0;
color: color-mix(in srgb, var(--accent-eyebrow) 58%, var(--accent-light) 42%);
}
.masthead__icon svg.lucide {
display: block;
width: 15px;
height: 15px;
stroke-width: 1.2;
}
.masthead__dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--accent-eyebrow);
}
.people__grid {
display: grid;
gap: clamp(40px, 5vw, 72px) clamp(28px, 4vw, 56px);
}
.people__grid--quotes {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (max-width: 1100px) {
.people__grid--quotes {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 560px) {
.people__grid--quotes {
grid-template-columns: 1fr;
}
} .footer__utility.footer__row {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
font-size: 13px;
color: var(--ink-muted);
flex-wrap: wrap;
letter-spacing: -0.005em;
}
@media (hover: hover) {
.footer__row a:hover {
color: var(--accent-bright);
}
} .reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity var(--motion-reveal), transform var(--motion-reveal);
}
.reveal.in {
opacity: 1;
transform: translateY(0);
}
.reveal--delay-1 {
transition-delay: 0.1s;
}
.reveal--delay-2 {
transition-delay: 0.2s;
}
.reveal--delay-3 {
transition-delay: 0.3s;
}
.reveal--delay-4 {
transition-delay: 0.4s;
} .reveal-seq {
opacity: 0;
transform: translate3d(0, 14px, 0);
transition:
opacity 0.68s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--reveal-seq-delay, 0ms);
}
.reveal-seq.in {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.two-column-sticky__prose > .reveal-seq:nth-child(1),
.two-column__prose > .reveal-seq:nth-child(1),
.layout-split__prose > .reveal-seq:nth-child(1),
.two-columns-big-image__prose > .reveal-seq:nth-child(1),
.primary-cta__prose > .reveal-seq:nth-child(1),
.primary-cta__prose > .reveal-seq:nth-child(1),
.two-column-sticky__prose > .reveal-seq:nth-child(1) {
--reveal-seq-delay: 0ms;
}
.two-column-sticky__prose > .reveal-seq:nth-child(2),
.two-column__prose > .reveal-seq:nth-child(2),
.cta-cards__prose > .reveal-seq:nth-child(2),
.two-columns-big-image__prose > .reveal-seq:nth-child(2),
.primary-cta__prose > .reveal-seq:nth-child(2),
.primary-cta__prose > .reveal-seq:nth-child(2),
.two-column-sticky__prose > .reveal-seq:nth-child(2) {
--reveal-seq-delay: 42ms;
}
.two-column-sticky__prose > .reveal-seq:nth-child(3),
.two-column__prose > .reveal-seq:nth-child(3),
.cta-cards__prose > .reveal-seq:nth-child(3),
.two-columns-big-image__prose > .reveal-seq:nth-child(3),
.primary-cta__prose > .reveal-seq:nth-child(3),
.primary-cta__prose > .reveal-seq:nth-child(3),
.two-column-sticky__prose > .reveal-seq:nth-child(3) {
--reveal-seq-delay: 84ms;
}
.two-column-sticky__prose > .reveal-seq:nth-child(4),
.two-column__prose > .reveal-seq:nth-child(4),
.cta-cards__prose > .reveal-seq:nth-child(4),
.two-columns-big-image__prose > .reveal-seq:nth-child(4),
.primary-cta__prose > .reveal-seq:nth-child(4),
.primary-cta__prose > .reveal-seq:nth-child(4),
.two-column-sticky__prose > .reveal-seq:nth-child(4) {
--reveal-seq-delay: 126ms;
}
.two-column-sticky__prose > .reveal-seq:nth-child(5),
.two-column__prose > .reveal-seq:nth-child(5),
.two-columns-big-image__prose > .reveal-seq:nth-child(5),
.primary-cta__prose > .reveal-seq:nth-child(5),
.primary-cta__prose > .reveal-seq:nth-child(5),
.two-column-sticky__prose > .reveal-seq:nth-child(5) {
--reveal-seq-delay: 168ms;
}
.two-column-sticky__prose > .reveal-seq:nth-child(6),
.two-column__prose > .reveal-seq:nth-child(6),
.primary-cta__prose > .reveal-seq:nth-child(6),
.primary-cta__prose > .reveal-seq:nth-child(6),
.two-column-sticky__prose > .reveal-seq:nth-child(6) {
--reveal-seq-delay: 210ms;
}
.two-column-sticky__prose > .reveal-seq:nth-child(7),
.two-column__prose > .reveal-seq:nth-child(7),
.primary-cta__prose > .reveal-seq:nth-child(7),
.two-column-sticky__prose > .reveal-seq:nth-child(7) {
--reveal-seq-delay: 252ms;
}
.two-column-sticky__title > .reveal-seq,
.layout-split__title > .reveal-seq {
--reveal-seq-delay: 0ms;
}
.rich-list__inner > .reveal-seq:nth-child(1) {
--reveal-seq-delay: 0ms;
}
.rich-list__inner > .reveal-seq:nth-child(2) {
--reveal-seq-delay: 42ms;
}
.rich-list__inner > .reveal-seq:nth-child(3) {
--reveal-seq-delay: 84ms;
}
.rich-list__inner > .reveal-seq:nth-child(4) {
--reveal-seq-delay: 126ms;
}
.rich-list__inner > .reveal-seq:nth-child(5) {
--reveal-seq-delay: 168ms;
}
.rich-list__list > .reveal-seq:nth-child(1) {
--reveal-seq-delay: 0ms;
}
.rich-list__list > .reveal-seq:nth-child(2) {
--reveal-seq-delay: 48ms;
}
.rich-list__list > .reveal-seq:nth-child(3) {
--reveal-seq-delay: 96ms;
}
.rich-list__list > .reveal-seq:nth-child(4) {
--reveal-seq-delay: 144ms;
}
.rich-list__list > .reveal-seq:nth-child(5) {
--reveal-seq-delay: 192ms;
}
.cta-cards__grid > .cta-cards__item:nth-child(1).reveal-seq {
--reveal-seq-delay: 0ms;
}
.cta-cards__grid > .cta-cards__item:nth-child(2).reveal-seq {
--reveal-seq-delay: 120ms;
}
.rich-list__points > .rich-list__point:nth-child(1).reveal-seq {
--reveal-seq-delay: 0ms;
}
.rich-list__points > .rich-list__point:nth-child(2).reveal-seq {
--reveal-seq-delay: 48ms;
}
.rich-list__points > .rich-list__point:nth-child(3).reveal-seq {
--reveal-seq-delay: 96ms;
}
.rich-list__points > .rich-list__point:nth-child(4).reveal-seq {
--reveal-seq-delay: 144ms;
}
.rich-list__points > .rich-list__point:nth-child(5).reveal-seq {
--reveal-seq-delay: 192ms;
}
}
@media (prefers-reduced-motion: reduce) {
@layer components {
.reveal,
.reveal-seq {
opacity: 1;
transform: none;
transition: none;
}
}
}@layer components {
.nav {
position: fixed;
inset: 0 0 auto 0;
z-index: 50;
padding: 24px var(--pad-x);
display: flex;
justify-content: stretch;
align-items: flex-start;
mix-blend-mode: normal;
transform: translate3d(0, 0, 0);
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
}
.nav > * {
pointer-events: auto;
}
.nav.nav--hidden {
transform: translate3d(0, -100%, 0);
pointer-events: none;
}
.nav.nav--hidden > * {
pointer-events: none;
}
@media (min-width: 901px) {
body.nav--frost-on :is(.canvas, .photo-carousel) > *:not([aria-hidden]):not(.nav-frost-exempt) {
--_cy: calc(var(--pill-cy) + var(--scroll-y) - var(--el-doc-top, 9999px));
-webkit-mask-image: radial-gradient(
ellipse var(--pill-rx) var(--pill-ry) at var(--pill-cx) var(--_cy),
transparent 0%,
transparent 28%,
black 92%
);
mask-image: radial-gradient(
ellipse var(--pill-rx) var(--pill-ry) at var(--pill-cx) var(--_cy),
transparent 0%,
transparent 28%,
black 92%
);
}
body.nav--frost-on .canvas.cta-cards > *:not([aria-hidden]) {
-webkit-mask-image: none;
mask-image: none;
}
}
.nav-content-frost {
display: none;
}
.nav__inner {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 24px;
min-width: 0;
transition:
width var(--motion-standard),
max-width var(--motion-standard),
padding 0.35s ease,
border-radius 0.35s ease,
background 0.35s ease,
box-shadow 0.35s ease;
}
.nav.nav--compact {
justify-content: flex-end;
align-items: flex-start;
overflow: visible;
}
.nav.nav--compact .nav__inner {
width: auto;
max-width: calc(100vw - 2 * var(--pad-x));
justify-content: flex-end;
flex-wrap: nowrap;
overflow: visible;
padding: 14px 22px 14px 20px;
border-radius: var(--radius-pill);
background: var(--canvas);
border: none;
box-shadow: none;
gap: 32px;
}
.nav__logo {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
overflow: visible;
flex-shrink: 0;
transform-origin: center center;
transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
color: var(--ink-muted);
}
.nav__logo:focus-visible {
transform: scale(1.05);
}
@media (hover: hover) {
.nav__logo:hover {
transform: scale(1.05);
}
}
.logo-mark {
display: block;
width: auto;
flex-shrink: 0;
}
.nav__logo .logo-mark:not(.logo-x) {
height: 26px;
width: auto;
max-width: min(72vw, 420px);
}
.nav__logo .logo-x {
display: none;
height: 22px;
width: auto;
max-width: none;
overflow: visible;
flex-shrink: 0;
align-self: center;
color: var(--accent-em);
}
.logo-mark path {
fill: currentColor;
}
.nav.nav--compact .nav__logo .logo-mark:not(.logo-x) {
display: none;
}
.nav.nav--compact .nav__logo .logo-x {
display: block;
}
.nav.nav--compact .nav__logo {
color: var(--ink-muted);
}
.nav__menu {
display: flex;
align-items: center;
gap: 44px;
flex-shrink: 0;
}
.nav.nav--compact .nav__menu {
gap: 1rem;
}
.nav a.nav__link,
.nav a.nav__drawer-link {
text-decoration: none;
text-underline-offset: 0;
}
.nav__link {
font-size: var(--fs-ui);
font-weight: 500;
color: var(--ink-soft);
transition: color 0.3s ease;
line-height: 1.35;
letter-spacing: -0.005em;
}
.nav.nav--compact .nav__link {
color: var(--brand-ink);
}
.nav__link.is-active {
color: var(--accent);
}
.nav.nav--compact .nav__link.is-active {
color: var(--accent);
}
@media (hover: hover) {
.nav__link:hover {
color: var(--accent);
}
.nav.nav--compact .nav__link:hover {
color: var(--accent);
}
}
.nav__hamburger {
display: none;
position: relative;
width: 28px;
height: 18px;
padding: 0;
flex-shrink: 0;
color: var(--brand-ink);
}
.nav.nav--compact .nav__hamburger {
color: var(--brand-ink);
}
.nav__hamburger span {
position: absolute;
left: auto;
right: 0;
height: 2px;
border-radius: 1px;
background: currentColor;
transform-origin: right center;
transition:
transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.22s ease,
top 0.32s cubic-bezier(0.4, 0, 0.2, 1),
width 0.26s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__hamburger span:nth-child(1) {
top: 0;
width: 58%;
}
.nav__hamburger span:nth-child(2) {
top: 8px;
width: 82%;
}
.nav__hamburger span:nth-child(3) {
top: 16px;
width: 100%;
}
.nav__hamburger[aria-expanded="true"] span:nth-child(1) {
top: 8px;
width: 100%;
transform-origin: center;
transform: rotate(45deg);
}
.nav__hamburger[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.nav__hamburger[aria-expanded="true"] span:nth-child(3) {
top: 8px;
width: 100%;
transform-origin: center;
transform: rotate(-45deg);
}
.nav__drawer {
display: none;
position: fixed;
inset: 0;
z-index: 55;
pointer-events: none;
}
.nav__drawer-backdrop {
position: absolute;
inset: 0;
background: rgba(14, 23, 38, 0.18);
opacity: 0;
transition: opacity 0.28s ease;
cursor: pointer;
}
.nav__drawer-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: min(100%, 380px);
padding: calc(140px + env(safe-area-inset-top, 0px)) var(--pad-x) 48px;
padding-left: 32px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0;
text-align: right;
background: var(--blue-mist);
box-shadow: -16px 0 48px rgba(14, 23, 38, 0.12);
transform: translateX(100%);
transition: transform 0.34s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__drawer-main {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
}
.nav__drawer-footer {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
margin-top: auto;
}
.nav__drawer-main .nav__drawer-link {
font-family: var(--body);
}
.nav__drawer-footer .nav__drawer-link {
font-family: var(--sans);
font-size: var(--fs-ui);
letter-spacing: -0.005em;
padding-block: clamp(14px, 3.5vw, 20px);
}
.nav__drawer-link {
position: relative;
font-size: var(--fs-ui-lg);
font-weight: 500;
letter-spacing: -0.02em;
color: var(--ink);
line-height: 1.2;
align-self: stretch;
text-align: right;
padding-block: clamp(20px, 5vw, 28px);
transition: color 0.2s ease;
}
.nav__drawer-main .nav__drawer-link + .nav__drawer-link::before,
.nav__drawer-footer .nav__drawer-link + .nav__drawer-link::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: min(100%, 50vw);
height: 1px;
background: var(--hairline);
}
.nav__drawer-link:focus-visible,
.nav__drawer-link.is-active {
color: var(--accent);
}
@media (hover: hover) {
.nav__drawer-link:hover {
color: var(--accent);
}
}
.nav__drawer.nav__drawer--open {
pointer-events: auto;
}
.nav__drawer.nav__drawer--open .nav__drawer-backdrop {
opacity: 1;
}
.nav__drawer.nav__drawer--open .nav__drawer-panel {
transform: translateX(0);
}
body.is-mobile-menu-open {
overflow: hidden;
}
@media (max-width: 900px) {
.nav__logo .logo-mark:not(.logo-x) {
height: 21px;
max-width: min(64vw, 340px);
}
.nav__logo .logo-x {
height: 18px;
}
.nav.nav--menu-open .nav__logo .logo-mark:not(.logo-x) {
display: block;
}
.nav.nav--menu-open .nav__logo .logo-x {
display: none;
}
.nav.nav--menu-open .nav__logo {
color: var(--accent-em);
}
.nav.nav--menu-open .nav__hamburger {
color: var(--brand-ink);
}
.nav__menu {
display: none;
}
.nav__hamburger {
display: block;
}
.nav__drawer {
display: block;
}
.nav.nav--menu-open {
z-index: 60;
}
.nav.nav--menu-open.nav--chrome-locked .nav__inner {
width: 0;
height: 0;
min-height: 0;
overflow: visible;
padding: 0;
margin: 0;
background: transparent;
border: none;
box-shadow: none;
gap: 0;
}
.nav.nav--menu-open.nav--chrome-locked .nav__hamburger,
.nav.nav--menu-open.nav--chrome-locked .nav__logo {
position: fixed;
top: var(--nav-chrome-center);
transform: translateY(-50%);
z-index: 61;
}
.nav.nav--menu-open.nav--chrome-locked .nav__hamburger {
right: var(--nav-hamburger-right);
}
.nav.nav--menu-open.nav--chrome-locked .nav__logo {
left: var(--nav-hamburger-right);
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
@media (hover: hover) {
.nav.nav--menu-open.nav--chrome-locked .nav__logo:hover {
transform: translateY(-50%) scale(1.05);
}
}
.nav.nav--menu-open.nav--chrome-locked .nav__logo:focus-visible {
transform: translateY(-50%) scale(1.05);
}
.nav__drawer-panel {
width: 100%;
max-width: none;
padding-left: var(--pad-x);
padding-right: var(--nav-drawer-inline-end, var(--pad-x));
background: linear-gradient(
to top,
var(--blue-mist) 0%,
color-mix(in srgb, var(--blue-mist) 45%, #ffffff) 42%,
#ffffff 100%
);
box-shadow: none;
}
.nav__drawer-main .nav__drawer-link {
font-size: clamp(22px, 1.35vw + 16px, 28px);
}
.nav.nav--compact .nav__inner {
gap: 18px;
padding: 12px 18px 12px 16px;
}
}
}@layer components {
:root {
--footer-prelude-h: 9rem;
--footer-prelude-pad: clamp(56px, 10vh, 96px);
} .footer-prelude {
position: sticky;
top: 0;
z-index: 2;
--footer-prelude-bg-to: var(--ink);
background: var(--footer-prelude-bg-to);
text-align: center;
display: grid;
place-items: center;
width: 100%;
height: fit-content;
padding: var(--footer-prelude-pad) var(--pad-x);
box-sizing: border-box;
overflow: hidden;
isolation: isolate;
}
.footer-prelude__surface {
position: absolute;
inset: 0;
z-index: 0;
background: var(--footer-surface, var(--canvas));
transition: transform var(--motion-standard);
will-change: transform;
}
.footer-prelude.footer-prelude--revealed .footer-prelude__surface {
transform: translateY(-100%);
}
.footer__head {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: clamp(12px, 2vh, 16px);
margin: 0;
width: 100%;
height: fit-content;
flex: 0 0 auto;
} .footer.footer--reveal {
--footer-surface: var(--parchment);
position: sticky;
bottom: 0;
left: 0;
width: 100%;
height: calc(100vh - var(--footer-prelude-h));
height: calc(100svh - var(--footer-prelude-h));
box-sizing: border-box;
display: grid;
grid-template-rows: 1fr auto;
align-items: center;
row-gap: clamp(24px, 4vh, 48px);
background: var(--footer-surface);
padding-inline: var(--pad-x);
padding-block-start: 0;
padding-block-end: var(--pad-x);
z-index: 0;
}
:is(body, .footer-prelude, .footer.footer--reveal).footer--bg-canvas {
--footer-surface: var(--canvas);
}
:is(body, .footer-prelude, .footer.footer--reveal).footer--bg-parchment {
--footer-surface: var(--parchment);
}
:is(body, .footer-prelude, .footer.footer--reveal).footer--bg-sand {
--footer-surface: var(--sand);
}
:is(body, .footer-prelude, .footer.footer--reveal).footer--bg-blue-mist {
--footer-surface: var(--blue-mist);
}
:is(body, .footer-prelude, .footer.footer--reveal).footer--bg-blue-soft-1 {
--footer-surface: var(--blue-soft-1);
}
:is(body, .footer-prelude, .footer.footer--reveal).footer--bg-blue-soft-2 {
--footer-surface: var(--blue-soft-2);
} #site-footer.footer.footer--reveal {
--footer-surface: var(--ink);
--footer-on-dark-muted: color-mix(in srgb, var(--ink) 48%, #fff);
--footer-on-dark-sep: color-mix(in srgb, var(--ink) 78%, #fff);
--footer-bg-x-color: color-mix(in srgb, #fff 3%, transparent);
overflow: clip;
}
.footer__bg-x {
position: absolute;
left: 50%;
bottom: 50%;
z-index: 0;
width: min(88vw, 1200px);
transform: translateX(-50%) translateY(50%);
pointer-events: none;
color: var(--footer-bg-x-color);
line-height: 0;
}
.footer__bg-x-mark {
display: block;
width: 100%;
height: auto;
}
.footer__bg-x-mark path {
fill: currentColor;
}
#site-footer .footer__menu-panel,
#site-footer .footer__utility {
position: relative;
z-index: 1;
}
#site-footer .footer__menu-title {
color: var(--on-dark);
}
#site-footer .footer__menu-desc {
color: var(--footer-on-dark-muted);
}
@media (hover: hover) {
#site-footer .footer__menu-card:hover {
background: color-mix(in srgb, #fff 6%, var(--ink));
}
}
#site-footer .footer__utility.footer__row {
color: var(--footer-on-dark-muted);
}
#site-footer .footer__sep {
color: var(--footer-on-dark-sep);
}
.footer__logo {
display: flex;
justify-content: center;
margin: 0;
line-height: 1;
color: var(--ink-soft);
}
.footer__logo-img {
height: clamp(33px, 4.2vw, 42px);
width: auto;
display: block;
}
.footer__tagline {
font-family: var(--serif);
font-size: var(--fs-heading-accent);
line-height: 1.18;
letter-spacing: -0.018em;
font-weight: 400;
color: var(--ink-muted);
margin: 0;
text-align: center;
}
body:has(#how-to-enter) .footer__tagline {
margin-bottom: clamp(48px, 8vh, 80px);
}
body:has(#how-to-enter) .footer.footer--reveal {
row-gap: clamp(32px, 5vh, 56px);
}
body:has(#how-to-enter) .footer__menu-panel {
justify-content: flex-end;
padding-bottom: clamp(20px, 3.5vh, 40px);
}
.footer__tagline-viewport {
display: inline-grid;
grid-template: 1.18em / max-content;
justify-items: center;
align-items: start;
overflow: clip;
vertical-align: middle;
}
.footer__tagline-line {
grid-area: 1 / 1;
margin: 0;
line-height: 1.18;
text-align: center;
white-space: nowrap;
will-change: clip-path, filter, opacity;
}
.footer__tagline-line--a {
animation: footer-tagline-a 11s cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
.footer__tagline-line--b {
animation: footer-tagline-b 11s cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
@keyframes footer-tagline-a {
0%, 30% { clip-path: inset(0 0 0 0); filter: blur(0); opacity: 1; }
42% { clip-path: inset(0 0 0 100%); filter: blur(14px); opacity: 0; }
43%, 71% { clip-path: inset(0 100% 0 0); filter: blur(14px); opacity: 0; }
84% { clip-path: inset(0 0 0 0); filter: blur(0); opacity: 1; }
100% { clip-path: inset(0 0 0 0); filter: blur(0); opacity: 1; }
}
@keyframes footer-tagline-b {
0%, 30% { clip-path: inset(0 100% 0 0); filter: blur(14px); opacity: 0; }
42% { clip-path: inset(0 0 0 0); filter: blur(0); opacity: 1; }
43%, 71% { clip-path: inset(0 0 0 0); filter: blur(0); opacity: 1; }
84% { clip-path: inset(0 0 0 100%); filter: blur(14px); opacity: 0; }
85%, 100% { clip-path: inset(0 100% 0 0); filter: blur(14px); opacity: 0; }
}
.footer__menu-panel {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 0;
width: 100%;
}
.footer__menu {
display: flex;
justify-content: center;
width: 100%;
margin: 0;
padding: 0;
}
.footer__menu-layout {
display: grid;
grid-template-columns: auto 1fr;
align-items: stretch;
column-gap: clamp(20px, 3.5vw, 48px);
width: 100%;
max-width: max-content;
margin-inline: auto;
}
.footer__menu-layout:not(:has(.footer__menu-list--stack)) {
grid-template-columns: 1fr;
justify-items: center;
}
.footer__menu-layout:not(:has(.footer__menu-list--grid)) {
grid-template-columns: auto;
justify-content: center;
}
.footer__menu-list {
list-style: none;
margin: 0;
padding: 0;
}
.footer__menu-list--stack {
display: flex;
flex-direction: column;
align-self: stretch;
row-gap: 0;
}
.footer__menu-list--grid {
display: grid;
grid-template-columns: repeat(2, minmax(12.5rem, max-content));
grid-auto-rows: auto;
column-gap: clamp(20px, 3.5vw, 48px);
row-gap: clamp(24px, 3vh, 40px);
align-content: start;
justify-content: start;
justify-items: start;
}
.footer__menu-list > .footer__menu-item {
display: flex;
flex-direction: column;
align-items: flex-start;
width: max-content;
max-width: 14em;
margin: 0;
padding: 0;
text-align: left;
}
.footer__menu-sublist {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
}
.footer__menu-sublist > .footer__menu-item--child {
padding: 0;
margin: 0;
border: 0;
width: 100%;
}
.footer__menu-card {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
min-width: min(12.5rem, 100%);
max-width: 14em;
padding: clamp(6px, 1vh, 10px) clamp(12px, 1.5vw, 16px);
border-radius: 6px;
border: 1px solid transparent;
background: transparent;
text-decoration: none;
color: inherit;
transition: background-color var(--motion-snappy);
}
@media (hover: hover) {
.footer__menu-card:hover {
background: color-mix(in srgb, var(--ink) 3.5%, var(--footer-surface));
}
}
.footer__menu-sublist .footer__menu-card {
border-radius: 0;
}
.footer__menu-sublist > .footer__menu-item--child:first-child .footer__menu-card {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.footer__menu-sublist > .footer__menu-item--child:last-child .footer__menu-card {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.footer__menu-title {
display: block;
font-family: var(--sans);
font-size: var(--fs-ui-lg);
font-weight: 500;
line-height: 1.35;
letter-spacing: -0.005em;
color: var(--ink-muted);
transition: color var(--motion-snappy);
}
.footer__menu-desc {
display: block;
margin-top: 0.45em;
text-align: left;
font-family: var(--sans);
font-size: var(--fs-ui);
line-height: 1.45;
letter-spacing: -0.005em;
color: var(--ink-muted);
}
.footer__menu-card.is-active .footer__menu-title,
.footer__menu-item.current-menu-item > .footer__menu-card .footer__menu-title,
.footer__menu-item.current_page_item > .footer__menu-card .footer__menu-title,
.footer__menu-item.current-menu-ancestor > .footer__menu-card .footer__menu-title,
.footer__menu-item.current-menu-parent > .footer__menu-card .footer__menu-title {
color: var(--accent);
}
.footer__menu-card:focus-visible {
outline: 2px solid var(--accent-bright);
outline-offset: 3px;
}
.footer__utility {
align-self: stretch;
padding-top: 0;
}
.footer__sep {
color: var(--hairline);
}
}
@media (max-width: 900px) {
@layer components {
#site-footer.footer.footer--reveal {
--footer-mobile-content-max: min(100%, 30rem);
grid-template-rows: 1fr auto;
align-items: start;
align-content: stretch;
padding-block-start: clamp(28px, 5.5vh, 52px);
row-gap: 0;
}
#site-footer .footer__utility {
align-self: end;
width: 100%;
max-width: var(--footer-mobile-content-max);
margin-inline: auto;
}
#site-footer .footer__bg-x {
bottom: 38%;
transform: translateX(-50%) translateY(56%);
}
.footer__menu-panel {
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: var(--footer-mobile-content-max);
margin-inline: auto;
}
body:has(#how-to-enter) .footer__menu-panel {
justify-content: flex-start;
padding-bottom: 0;
}
.footer__menu-layout {
--footer-menu-row-gap: clamp(12px, 2vh, 20px);
--footer-menu-card-h: 44px;
grid-template-columns: 1fr 1fr;
column-gap: clamp(16px, 4vw, 32px);
row-gap: 0;
width: 100%;
max-width: 100%;
margin-inline: auto;
align-items: start;
}
.footer__menu-list--stack,
.footer__menu-list--grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-auto-rows: var(--footer-menu-card-h);
row-gap: var(--footer-menu-row-gap);
column-gap: 0;
width: 100%;
}
.footer__menu-list--stack > .footer__menu-item--parent,
.footer__menu-sublist,
.footer__menu-sublist > .footer__menu-item--child,
.footer__menu-list--grid > .footer__menu-item {
display: contents;
}
.footer__menu-desc {
display: none;
}
.footer__menu-card {
min-width: 0;
max-width: none;
min-height: var(--footer-menu-card-h);
height: var(--footer-menu-card-h);
padding: 0 clamp(20px, 5vw, 32px);
border-radius: 6px;
justify-content: center;
box-sizing: border-box;
}
.footer__menu-list--grid .footer__menu-card {
align-items: center;
text-align: center;
}
#site-footer .footer__menu-list--grid .footer__menu-title {
text-align: center;
width: 100%;
}
#site-footer .footer__menu-title {
font-family: var(--body);
font-size: var(--fs-body);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.2;
}
.footer__menu-sublist > .footer__menu-item--child:first-child .footer__menu-card,
.footer__menu-sublist > .footer__menu-item--child:last-child .footer__menu-card {
border-radius: 6px;
}
}
}
@media (prefers-reduced-motion: reduce) {
@layer components {
.footer-prelude {
position: static;
}
.footer-prelude__surface {
transition: none;
}
.footer.footer--reveal {
position: static;
height: auto;
min-height: 0;
}
.footer__tagline-viewport {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 0.35em;
overflow: visible;
grid-template: none;
}
.footer__tagline-line {
grid-area: auto;
line-height: inherit;
white-space: normal;
}
.footer__tagline-line--a,
.footer__tagline-line--b {
animation: none;
clip-path: none;
filter: none;
opacity: 1;
white-space: normal;
}
}
}@layer utilities {
.canvas[class*="-background-color"],
.photo-carousel[class*="-background-color"] {
background-image: var(--noise) !important;
background-size: 200px 200px, auto;
}
.canvas.hero.has-blue-sand-gradient-background,
.canvas.has-blue-sand-gradient-background,
.photo-carousel.has-blue-sand-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--blue-sand) !important;
background-size: 200px 200px, auto;
}
.canvas.hero.has-picnic-sand-gradient-background,
.canvas.has-picnic-sand-gradient-background,
.photo-carousel.has-picnic-sand-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--picnic-sand) !important;
background-size: 200px 200px, auto;
color: var(--brand-ink);
}
.canvas.hero.has-membership-blue-gradient-background,
.canvas.has-membership-blue-gradient-background,
.photo-carousel.has-membership-blue-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--membership-blue) !important;
background-size: 200px 200px, auto;
color: var(--brand-ink);
} .canvas.hero .hero__canvas-parent,
.canvas.hero .hero__video-bg {
z-index: 0;
}
.canvas.has-fade-white-blue-gradient-background,
.photo-carousel.has-fade-white-blue-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--fade-white-blue) !important;
background-size: 200px 200px, auto;
}
.canvas.has-fade-blue-white-gradient-background,
.photo-carousel.has-fade-blue-white-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--fade-blue-white) !important;
background-size: 200px 200px, auto;
}
.canvas.has-fade-blue-soft-gradient-background,
.photo-carousel.has-fade-blue-soft-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--fade-blue-soft) !important;
background-size: 200px 200px, auto;
}
.canvas.has-white-soft-blue-gradient-background,
.photo-carousel.has-white-soft-blue-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--white-soft-blue) !important;
background-size: 200px 200px, auto;
}
.canvas.has-fade-sand-white-gradient-background,
.photo-carousel.has-fade-sand-white-gradient-background {
background-image: var(--noise), var(--wp--preset--gradient--fade-sand-white) !important;
background-size: 200px 200px, auto;
}
}:is(main#main, .editor-styles-wrapper)
:is(
h1,
.wp-block-heading:where(h1),
.hero__headline,
.primary-cta__h,
.primary-cta__h
) {
font-family: var(--serif);
font-style: normal;
font-weight: 400;
font-size: var(--fs-heading-display);
line-height: 0.95;
letter-spacing: -0.025em;
font-optical-sizing: auto;
font-synthesis: none;
color: var(--ink);
} :is(main#main, .editor-styles-wrapper) :is(.hero__headline, .primary-cta__h, .primary-cta__h) {
max-width: min(22ch, 100%);
} :is(main#main, .editor-styles-wrapper)
:is(.wp-block-post-content, .entry-content)
> :is(h1.wp-block-heading, .wp-block-heading:where(h1)) {
margin-block-start: 0;
margin-block-end: clamp(40px, 6vh, 72px);
}
:is(main#main, .editor-styles-wrapper) :is(.hero__headline, .primary-cta__h, .primary-cta__h) {
margin: 0;
}
:is(main#main, .editor-styles-wrapper)
:is(
h1,
.wp-block-heading:where(h1),
.hero__headline,
.primary-cta__h,
.primary-cta__h
)
em {
font-style: italic;
font-weight: 400;
color: var(--accent-em);
font-variation-settings: normal;
}
@media (max-width: 900px) {
:is(main#main, .editor-styles-wrapper)
:is(
h1,
.wp-block-heading:where(h1),
.hero__headline,
.primary-cta__h,
.primary-cta__h
) {
line-height: 0.98;
}
}body:not(.starts-with-hero) #main > .entry-content.is-layout-constrained:not(
:has(> .page-curtain, > .hero, > section.canvas, > section[class*="wp-block-conxious"])
) {
--wp--style--root--padding-left: var(--pad-x);
--wp--style--root--padding-right: var(--pad-x);
padding-inline: var(--pad-x);
box-sizing: border-box;
} body:not(.starts-with-hero) #main > .entry-content.is-layout-constrained:not(
:has(> .page-curtain, > .hero, > section.canvas, > section[class*="wp-block-conxious"])
) > :is(.alignfull, .alignwide) {
margin-inline: calc(-1 * var(--pad-x));
width: calc(100% + 2 * var(--pad-x));
max-width: none;
padding-inline: var(--pad-x);
--wp--style--root--padding-left: 0;
--wp--style--root--padding-right: 0;
box-sizing: border-box;
}
body:not(.starts-with-hero) #main > .entry-content.is-layout-constrained:not(
:has(> .page-curtain, > .hero, > section.canvas, > section[class*="wp-block-conxious"])
) > .alignwide {
max-width: min(var(--wp--style--global--wide-size, var(--layout-max-main)), 100vw);
}
:is(main#main, .editor-styles-wrapper) :is(h1, h2, h3, h4, h5, h6, .wp-block-heading) {
text-wrap: balance;
}
:is(main#main, .editor-styles-wrapper) h2:where(
:not(.primary-cta__h):not(.primary-cta__h):not(.scroll-split__prefix):not(.exists__statement)
),
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h2) {
font-family: var(--serif);
font-style: normal;
font-weight: 400;
font-size: var(--fs-heading-section);
line-height: 0.98;
letter-spacing: -0.022em;
color: var(--ink);
margin-inline: 0;
font-synthesis: none;
font-variation-settings: "opsz" 38;
}
@media (min-width: 782px) {
:is(main#main, .editor-styles-wrapper) h2:where(
:not(.primary-cta__h):not(.primary-cta__h):not(.scroll-split__prefix):not(.exists__statement)
),
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h2) {
font-variation-settings: "opsz" 44;
}
}
:is(main#main, .editor-styles-wrapper) h2:where(
:not(.primary-cta__h):not(.scroll-split__prefix):not(.exists__statement)
) em,
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h2) em {
font-style: italic;
font-weight: 400;
color: var(--accent-em);
font-variation-settings: normal;
}
@media (max-width: 900px) {
:is(main#main, .editor-styles-wrapper) h2:where(
:not(.primary-cta__h):not(.primary-cta__h):not(.scroll-split__prefix):not(.exists__statement)
),
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h2) {
line-height: 1.04;
}
} :is(main#main, .editor-styles-wrapper) h2.exists__statement {
font-style: italic;
font-size: var(--fs-heading-lead);
line-height: 1.1;
letter-spacing: -0.025em;
font-variation-settings: normal;
}
:is(main#main, .editor-styles-wrapper) h2.exists__statement em {
color: var(--accent-em);
} :is(main#main, .editor-styles-wrapper) .primary-cta__h em {
display: block;
} :is(main#main, .editor-styles-wrapper) .primary-cta__ticket-line em,
:is(main#main, .editor-styles-wrapper) .primary-cta__ticket-obj em {
font-style: italic;
font-weight: 400;
color: var(--accent-em);
}
:is(main#main, .editor-styles-wrapper) h3:where(:not(.cta-cards__title)),
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h3) {
font-family: var(--serif);
font-style: normal;
font-weight: 400;
font-size: var(--fs-heading-accent);
line-height: 1.18;
letter-spacing: -0.018em;
color: var(--ink);
margin-inline: 0;
margin-block-end: 14px;
font-synthesis: none;
}
:is(main#main, .editor-styles-wrapper) h3:where(:not(.cta-cards__title)) em,
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h3) em {
font-style: italic;
font-weight: 400;
color: var(--accent-em);
}
@media (max-width: 900px) {
:is(main#main, .editor-styles-wrapper) h3:where(:not(.cta-cards__title)),
:is(main#main, .editor-styles-wrapper) .wp-block-heading:where(h3) {
line-height: 1.16;
}
}
:is(main#main, .editor-styles-wrapper) :is(p, .wp-block-paragraph) {
line-height: 1.62;
letter-spacing: -0.005em;
color: var(--ink-soft);
}
:is(main#main, .editor-styles-wrapper) .hero :is(p, .wp-block-paragraph):not(.hero__micro),
:is(main#main, .editor-styles-wrapper) .primary-cta.primary-cta--large-photo :is(p, .wp-block-paragraph):not(.primary-cta__micro),
:is(main#main, .editor-styles-wrapper) .primary-cta--ticket :is(p, .wp-block-paragraph):not(.primary-cta__micro),
:is(main#main, .editor-styles-wrapper) .cta-cards :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .people__card :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .rich-list.rich-list--membership-band :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .scroll-split :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .photo-carousel :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .rich-list :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .quote-hero :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .btn :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .masthead :is(p, .wp-block-paragraph),
:is(main#main, .editor-styles-wrapper) .primary-cta__ticket :is(p, .wp-block-paragraph) {
color: revert;
line-height: revert;
letter-spacing: revert;
} :is(main#main, .editor-styles-wrapper) :is(.scroll-split__prefix, .scroll-split__step) {
display: block;
margin: 0;
padding: 0;
font-family: var(--serif);
font-weight: 400;
font-size: var(--fs-heading-section);
line-height: 0.98;
letter-spacing: -0.022em;
font-synthesis: none;
text-wrap: wrap;
}
@media (min-width: 782px) {
:is(main#main, .editor-styles-wrapper) :is(.scroll-split__prefix, .scroll-split__step) {
font-variation-settings: "opsz" 44;
}
}
@media (max-width: 900px) {
:is(main#main, .editor-styles-wrapper) :is(.scroll-split__prefix, .scroll-split__step) {
line-height: 1.04;
}
} :is(main#main, .editor-styles-wrapper) .hero p.hero__micro,
:is(main#main, .editor-styles-wrapper) .primary-cta.primary-cta--large-photo p.primary-cta__micro,
:is(main#main, .editor-styles-wrapper) .primary-cta.primary-cta--button p.primary-cta__micro {
margin: 0;
font-size: var(--fs-micro);
color: var(--wp--preset--color--ink-muted, var(--ink-muted));
letter-spacing: 0.02em;
}
:is(main#main, .editor-styles-wrapper) p.exists__bridge {
max-width: var(--layout-max-prose);
margin: clamp(28px, 4.5vh, 48px) auto 0;
}
:is(main#main, .editor-styles-wrapper) svg.lucide :is(path, circle, line, polyline, polygon, rect, ellipse) {
vector-effect: non-scaling-stroke;
}
:is(main#main, .editor-styles-wrapper)
:is(.principle__icon, .exists__principles .lucide-icon)
svg.lucide {
width: clamp(36px, 3.6vw, 52px);
height: clamp(36px, 3.6vw, 52px);
flex-shrink: 0;
stroke: var(--accent-light);
stroke-width: 1.25;
color: var(--accent-light);
}
:is(main#main, .editor-styles-wrapper) .wp-block-column > .lucide-icon:first-child svg.lucide {
width: clamp(36px, 3.6vw, 52px);
height: clamp(36px, 3.6vw, 52px);
stroke: var(--accent-light);
stroke-width: 1.25;
color: var(--accent-light);
} :is(main#main, .editor-styles-wrapper) .exists {
padding: var(--section-v-flow) var(--pad-x);
min-height: auto;
}
:is(main#main, .editor-styles-wrapper) .exists__lead {
text-align: center;
} :is(main#main, .editor-styles-wrapper)
:is(.exists__rule, hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots)) {
display: block;
box-sizing: content-box;
width: 100%;
max-width: 88px;
height: 1px;
border: none;
border-bottom: none;
background: color-mix(in srgb, var(--accent-light) 22%, rgba(14, 23, 38, 0.08));
background-color: color-mix(in srgb, var(--accent-light) 22%, rgba(14, 23, 38, 0.08));
margin: clamp(56px, 10vh, 120px) auto;
opacity: 1;
}
:is(main#main, .editor-styles-wrapper) .exists__principles {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--layout-gap-three);
}
:is(main#main, .editor-styles-wrapper) .principle {
display: flex;
flex-direction: column;
text-align: left;
}
:is(main#main, .editor-styles-wrapper) .principle__icon {
display: inline-flex;
align-items: center;
line-height: 0;
color: var(--accent-light);
margin: 0 0 clamp(18px, 2.2vh, 28px);
opacity: 0.92;
}
:is(main#main, .editor-styles-wrapper) .principle__d {
max-width: 32ch;
line-height: 1.6;
margin: 0;
}
@media (max-width: 900px) {
:is(main#main, .editor-styles-wrapper) .exists {
padding: var(--section-v-slide) var(--pad-x) 10vh;
}
:is(main#main, .editor-styles-wrapper)
:is(.exists__rule, hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots)) {
margin: clamp(40px, 7vh, 72px) auto;
}
:is(main#main, .editor-styles-wrapper) .exists__principles {
grid-template-columns: 1fr;
gap: 40px;
max-width: 32rem;
}
:is(main#main, .editor-styles-wrapper) .principle__icon svg.lucide {
width: 56px;
height: 56px;
}
:is(main#main, .editor-styles-wrapper) .principle__d {
max-width: none;
}
}:is(main#main, .editor-styles-wrapper)
:is(
.wp-block-group,
.wp-block-conxious-two-column,
.wp-block-conxious-two-column-sticky
).is-style-full-screen,
:is(main#main, .editor-styles-wrapper)
:is(
.wp-block-group,
.wp-block-conxious-two-column,
.wp-block-conxious-two-column-sticky
).is-style-full-screen.alignfull {
min-height: 100vh;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
:is(main#main, .editor-styles-wrapper)
.wp-block-conxious-two-column.is-style-full-screen .two-column__inner,
:is(main#main, .editor-styles-wrapper)
.wp-block-conxious-two-column-sticky.is-style-full-screen .two-column-sticky__inner,
:is(main#main, .editor-styles-wrapper)
.wp-block-conxious-two-column-sticky.is-style-full-screen .two-column-sticky__inner {
width: 100%;
}@layer blocks {
:is(main#main, .editor-styles-wrapper) { .wp-block-post-content > .wp-block-list,
.wp-block-post-content > .wp-block-quote,
.wp-block-post-content > .wp-block-pullquote,
.wp-block-post-content > .wp-block-image,
.wp-block-post-content > .wp-block-gallery,
.wp-block-post-content > .wp-block-columns,
.wp-block-post-content > .wp-block-media-text,
.wp-block-post-content > .wp-block-table,
.wp-block-post-content > .wp-block-verse,
.wp-block-post-content > .wp-block-video,
.wp-block-post-content > .wp-block-file,
.wp-block-post-content > .wp-block-embed {
margin-block: 0;
} .wp-block-list {
padding-inline-start: 1.25em;
}
.wp-block-list li {
margin-block: 0.35em;
}
.wp-block-list :is(ul, ol) {
margin-block: 0.5em 0;
}
.wp-block-list ::marker {
color: var(--ink-muted);
} .wp-block-quote {
margin: 0;
padding: 0.25em 0 0.25em 1.1em;
border-left: 3px solid var(--accent);
}
.wp-block-quote cite {
display: block;
margin-top: 0.75em;
font-family: var(--sans);
font-size: var(--fs-micro);
font-style: normal;
font-weight: 500;
color: var(--ink-muted);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.wp-block-pullquote {
text-align: center;
border-top: 1px solid var(--hairline);
border-bottom: 1px solid var(--hairline);
padding-block: clamp(20px, 3vw, 36px);
}
.wp-block-pullquote blockquote {
margin: 0;
font-family: var(--serif);
font-size: clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
line-height: 1.35;
color: var(--ink);
}
.wp-block-pullquote blockquote p {
margin: 0;
} hr.wp-block-separator.is-style-wide {
max-width: none;
width: 100%;
height: 1px;
border: none;
background: var(--hairline);
margin: clamp(40px, 6vh, 72px) auto;
opacity: 1;
}
hr.wp-block-separator.is-style-dots {
max-width: none;
width: 100%;
height: auto;
border: none;
background: none;
text-align: center;
margin: clamp(40px, 6vh, 72px) auto;
opacity: 1;
}
hr.wp-block-separator.is-style-dots::before {
color: var(--ink-muted);
letter-spacing: 1.5em;
padding-left: 1.5em;
} .wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-caption,
.wp-block-video figcaption {
margin-top: 0.6em;
font-family: var(--sans);
font-size: var(--fs-micro);
color: var(--ink-muted);
text-align: center;
line-height: 1.4;
}
.wp-block-image:not(.alignfull) img,
.wp-block-gallery .wp-block-image img,
.wp-block-video video {
border-radius: min(18px, var(--radius-card));
}
.wp-block-gallery {
gap: var(--layout-gap-three);
} .wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: var(--btn-group-gap);
} .wp-block-cover {
border-radius: 0;
}
.wp-block-cover .wp-block-cover__inner-container {
color: var(--canvas);
width: 100%;
max-width: var(--layout-max-main);
margin-inline: auto;
padding-inline: var(--pad-x);
}
.wp-block-cover .wp-block-heading,
.wp-block-cover .wp-block-paragraph {
color: inherit;
}
.wp-block-cover.alignfull .wp-block-cover__inner-container {
max-width: min(
calc(100% - 2 * var(--pad-x)),
var(--wp--style--global--wide-size, var(--layout-max-main))
);
} .wp-block-columns {
gap: var(--layout-gap-split);
}
@media (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) {
gap: var(--section-mobile-top);
}
} .wp-block-media-text {
gap: var(--layout-gap-split);
}
.wp-block-media-text__media img {
border-radius: min(18px, var(--radius-card));
} .wp-block-table {
margin: 0;
}
.wp-block-table table {
width: 100%;
border-collapse: collapse;
font-variant-numeric: tabular-nums;
}
.wp-block-table th {
font-family: var(--sans);
font-size: var(--fs-ui);
font-weight: 600;
text-align: left;
padding: 0.65em 0.75em;
border-bottom: 2px solid var(--ink);
}
.wp-block-table td {
padding: 0.65em 0.75em;
border-bottom: 1px solid var(--hairline);
}
.wp-block-table tbody tr:last-child td {
border-bottom: none;
} .wp-block-code {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.9em;
line-height: 1.55;
padding: 1em 1.15em;
border-radius: 14px;
background: var(--parchment);
color: var(--ink-soft);
border: 1px solid var(--hairline);
}
.wp-block-code code {
font-family: inherit;
background: transparent;
padding: 0;
}
.wp-block-preformatted {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.88em;
line-height: 1.6;
color: var(--ink-soft);
white-space: pre-wrap;
}
.wp-block-verse {
font-family: var(--serif);
font-style: italic;
color: var(--ink-muted);
white-space: pre-wrap;
line-height: 1.65;
} .wp-block-details {
border: 1px solid var(--hairline);
border-radius: 14px;
padding: 0.75em 1em 1em;
background: color-mix(in srgb, var(--parchment) 35%, var(--canvas));
}
.wp-block-details summary {
cursor: pointer;
font-family: var(--sans);
font-weight: 600;
font-size: var(--fs-ui);
letter-spacing: -0.01em;
list-style-position: outside;
color: var(--ink);
transition: color var(--motion-snappy);
}
@media (hover: hover) {
.wp-block-details summary:hover {
color: var(--accent);
}
}
.wp-block-details > :not(summary) {
margin-top: 0.85em;
} .wp-block-embed .wp-block-embed__wrapper {
border-radius: min(14px, var(--radius-card));
overflow: hidden;
} .wp-block-video {
margin: 0;
}
.wp-block-file {
align-items: center;
}
.wp-block-file :not(.wp-element-button):not(.wp-block-file__button) {
font-family: var(--sans);
font-weight: 500;
}
.wp-block-file__button.wp-element-button,
.wp-block-file .wp-block-file__button {
background: transparent;
color: var(--ink);
border: 1px solid var(--btn-rule);
border-radius: var(--radius-pill);
font-family: var(--sans);
font-weight: 500;
font-size: var(--fs-micro);
padding: 10px 18px;
}
@media (hover: hover) {
.wp-block-file__button.wp-element-button:hover,
.wp-block-file .wp-block-file__button:hover {
background: color-mix(in srgb, var(--parchment) 88%, var(--canvas));
border-color: var(--ink);
opacity: 1;
color: var(--ink);
}
}
.wp-block-spacer {
clear: both;
}
}
} :is(main#main, .editor-styles-wrapper)
:is(
.wp-block-post-content,
.entry-content,
.block-editor-block-list__layout.is-root-container
)
> * + * {
margin-block-start: var(--wp--style--block-gap, 1.25em);
}:root {
--conxious-btn-arrow-right-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 10' fill='none'%3E%3Cpath d='M0 5 H29 M24 1 L29 5 L24 9' stroke='%23fff' stroke-width='1.1' stroke-linecap='square'/%3E%3C/svg%3E");
--conxious-btn-arrow-left-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 10' fill='none'%3E%3Cpath d='M32 5 H3 M8 1 L3 5 L8 9' stroke='%23fff' stroke-width='1.1' stroke-linecap='square'/%3E%3C/svg%3E");
} :is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
box-sizing: border-box;
padding: 14px 26px;
border-radius: var(--radius-pill);
font-family: var(--sans);
font-size: var(--fs-ui);
font-weight: 500;
font-style: normal;
letter-spacing: -0.005em;
line-height: 1.2;
white-space: nowrap;
border: 1px solid transparent;
text-decoration: none;
text-transform: none;
transition:
background-color var(--motion-standard),
border-color var(--motion-standard),
color var(--motion-standard),
transform var(--motion-snappy);
will-change: transform;
}
:is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link:active {
transform: scale(0.98);
} :is(main#main, .editor-styles-wrapper) .wp-block-button:is(
:not([class*="is-style-"]),
.is-style-cta,
.is-style-cta-arrow-right,
.is-style-cta-arrow-left
)
.wp-block-button__link {
background: var(--accent);
color: #fff;
}
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
:not([class*="is-style-"]),
.is-style-cta,
.is-style-cta-arrow-right,
.is-style-cta-arrow-left
)
.wp-block-button__link:focus {
background: var(--accent-strong);
color: #fff;
transform: translateY(-2px);
}
@media (hover: hover) {
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
:not([class*="is-style-"]),
.is-style-cta,
.is-style-cta-arrow-right,
.is-style-cta-arrow-left
)
.wp-block-button__link:hover {
background: var(--accent-strong);
color: #fff;
transform: translateY(-2px);
}
} :is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-dark,
.is-style-dark-arrow-right,
.is-style-dark-arrow-left
)
.wp-block-button__link {
background: var(--accent-strong);
color: #fff;
}
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-dark,
.is-style-dark-arrow-right,
.is-style-dark-arrow-left
)
.wp-block-button__link:focus {
background: var(--accent);
color: #fff;
transform: translateY(-2px);
}
@media (hover: hover) {
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-dark,
.is-style-dark-arrow-right,
.is-style-dark-arrow-left
)
.wp-block-button__link:hover {
background: var(--accent);
color: #fff;
transform: translateY(-2px);
}
} :is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-ghost-dark,
.is-style-ghost-dark-arrow-right,
.is-style-ghost-dark-arrow-left
)
.wp-block-button__link {
background: transparent;
border-color: transparent;
color: var(--accent-strong);
padding-inline-start: 0;
}
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-ghost-dark,
.is-style-ghost-dark-arrow-right,
.is-style-ghost-dark-arrow-left
)
.wp-block-button__link:focus {
background: transparent;
border-color: transparent;
color: var(--accent);
transform: translateY(-2px);
box-shadow: none;
}
@media (hover: hover) {
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-ghost-dark,
.is-style-ghost-dark-arrow-right,
.is-style-ghost-dark-arrow-left
)
.wp-block-button__link:hover {
background: transparent;
border-color: transparent;
color: var(--accent);
transform: translateY(-2px);
box-shadow: none;
}
} :is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-light,
.is-style-light-arrow-right,
.is-style-light-arrow-left
)
.wp-block-button__link {
background: var(--sand);
color: var(--brand-ink);
}
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-light,
.is-style-light-arrow-right,
.is-style-light-arrow-left
)
.wp-block-button__link:focus {
background: #f1e6d6;
color: var(--brand-ink);
transform: translateY(-2px);
}
@media (hover: hover) {
:is(main#main, .editor-styles-wrapper) .wp-block-button:is(
.is-style-light,
.is-style-light-arrow-right,
.is-style-light-arrow-left
)
.wp-block-button__link:hover {
background: #f1e6d6;
color: var(--brand-ink);
transform: translateY(-2px);
}
} :is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link svg.btn-arrow {
width: 1.75em;
height: auto;
flex-shrink: 0;
color: currentColor;
transition: transform var(--motion-standard), color var(--motion-standard);
}
:is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link:focus svg.btn-arrow {
transform: translateX(3px);
}
:is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link:focus svg.btn-arrow--left {
transform: translateX(-3px);
}
@media (hover: hover) {
:is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link:hover svg.btn-arrow {
transform: translateX(3px);
}
:is(main#main, .editor-styles-wrapper) .wp-block-button .wp-block-button__link:hover svg.btn-arrow--left {
transform: translateX(-3px);
}
} :is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-right,
.is-style-dark-arrow-right,
.is-style-ghost-dark-arrow-right,
.is-style-light-arrow-right
)
.wp-block-button__link:not(:has(.btn-arrow))::after,
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-left,
.is-style-dark-arrow-left,
.is-style-ghost-dark-arrow-left,
.is-style-light-arrow-left
)
.wp-block-button__link:not(:has(.btn-arrow))::before {
content: "";
display: inline-block;
width: 1.75em;
height: 0.625em;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
transition: transform var(--motion-standard), color var(--motion-standard);
}
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-right,
.is-style-dark-arrow-right,
.is-style-ghost-dark-arrow-right,
.is-style-light-arrow-right
)
.wp-block-button__link:not(:has(.btn-arrow))::after {
-webkit-mask-image: var(--conxious-btn-arrow-right-mask);
mask-image: var(--conxious-btn-arrow-right-mask);
}
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-left,
.is-style-dark-arrow-left,
.is-style-ghost-dark-arrow-left,
.is-style-light-arrow-left
)
.wp-block-button__link:not(:has(.btn-arrow))::before {
-webkit-mask-image: var(--conxious-btn-arrow-left-mask);
mask-image: var(--conxious-btn-arrow-left-mask);
}
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-right,
.is-style-dark-arrow-right,
.is-style-ghost-dark-arrow-right,
.is-style-light-arrow-right
)
.wp-block-button__link:not(:has(.btn-arrow)):focus::after {
transform: translateX(3px);
}
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-left,
.is-style-dark-arrow-left,
.is-style-ghost-dark-arrow-left,
.is-style-light-arrow-left
)
.wp-block-button__link:not(:has(.btn-arrow)):focus::before {
transform: translateX(-3px);
}
@media (hover: hover) {
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-right,
.is-style-dark-arrow-right,
.is-style-ghost-dark-arrow-right,
.is-style-light-arrow-right
)
.wp-block-button__link:not(:has(.btn-arrow)):hover::after {
transform: translateX(3px);
}
:is(main#main, .editor-styles-wrapper)
.wp-block-button:is(
.is-style-cta-arrow-left,
.is-style-dark-arrow-left,
.is-style-ghost-dark-arrow-left,
.is-style-light-arrow-left
)
.wp-block-button__link:not(:has(.btn-arrow)):hover::before {
transform: translateX(-3px);
}
}@layer components { .cx-slider {
--cx-slider-gap: clamp(14px, 1.8vw, 24px);
--cx-slider-speed: 60;
position: relative;
box-sizing: border-box;
}
.cx-slider *,
.cx-slider *::before,
.cx-slider *::after {
box-sizing: border-box;
}
.cx-slider--bleed {
width: 100vw;
margin-inline: calc(50% - 50vw);
}
.cx-slider__viewport {
overflow: hidden;
width: 100%;
touch-action: pan-y pinch-zoom;
}
.cx-slider__container {
display: flex;
touch-action: pan-y pinch-zoom;
cursor: grab;
user-select: none;
backface-visibility: hidden;
}
.cx-slider__container:active {
cursor: grabbing;
}
.cx-slider--align-start .cx-slider__container {
align-items: flex-start;
}
.cx-slider__nav {
display: flex;
justify-content: center;
align-items: center;
gap: clamp(12px, 2vw, 20px);
margin-top: clamp(20px, 3vw, 36px);
padding-inline: clamp(16px, 3vw, 40px);
}
@media (prefers-reduced-motion: reduce) {
.cx-slider__viewport {
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, var(--ink, #0e1726) 12%, transparent) transparent;
}
.cx-slider__container {
cursor: default;
}
}
} .cx-slider__container > * {
flex-shrink: 0;
min-width: 0;
margin-right: var(--cx-slider-gap);
} .cx-slider__btn {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 10px;
border: none;
border-radius: 0;
background: transparent;
color: var(--ink, #0e1726);
cursor: pointer;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.cx-slider__btn:focus-visible {
opacity: 0.72;
}
@media (hover: hover) {
.cx-slider__btn:hover {
opacity: 0.72;
}
}
.cx-slider__btn:active {
transform: scale(0.94);
}
.cx-slider__btn:focus-visible {
outline: 2px solid var(--accent, #267fd4);
outline-offset: 3px;
}
.cx-slider__btn svg.btn-arrow {
width: 28px;
height: auto;
flex-shrink: 0;
color: currentColor;
transition: transform 0.2s ease;
}
.cx-slider__btn--next:focus-visible svg.btn-arrow {
transform: translateX(3px);
}
.cx-slider__btn--prev:focus-visible svg.btn-arrow--left {
transform: translateX(-3px);
}
@media (hover: hover) {
.cx-slider__btn--next:hover svg.btn-arrow {
transform: translateX(3px);
}
.cx-slider__btn--prev:hover svg.btn-arrow--left {
transform: translateX(-3px);
}
}.forminator-ui.forminator-custom-form .forminator-field {
margin-bottom: 20px !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-label {
font-family: var(--body) !important;
font-size: var(--fs-body) !important;
font-weight: 400 !important;
letter-spacing: -0.005em !important;
color: var(--ink-soft) !important;
line-height: 1.62 !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-floating--input,
.forminator-ui.forminator-custom-form .forminator-field .forminator-floating--textarea {
font-family: var(--body) !important;
font-size: var(--fs-body) !important;
font-weight: 400 !important;
letter-spacing: -0.005em !important;
color: var(--ink-muted) !important;
}
.forminator-ui.forminator-custom-form .forminator-is_active .forminator-floating--input,
.forminator-ui.forminator-custom-form .forminator-is_active .forminator-floating--textarea {
color: var(--accent) !important;
}
.forminator-ui.forminator-custom-form .forminator-is_filled .forminator-floating--input,
.forminator-ui.forminator-custom-form .forminator-is_filled .forminator-floating--textarea {
color: var(--ink-soft) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-label .forminator-required {
color: var(--accent) !important;
margin-inline-start: 2px !important;
} .forminator-ui.forminator-custom-form .forminator-field-html {
font-family: var(--body) !important;
font-size: var(--fs-body) !important;
font-weight: 400 !important;
letter-spacing: -0.005em !important;
color: var(--ink-soft) !important;
line-height: 1.62 !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-input,
.forminator-ui.forminator-custom-form .forminator-field .forminator-textarea,
.forminator-ui.forminator-custom-form .forminator-field .forminator-select {
font-family: var(--sans) !important;
font-size: var(--fs-sans-body) !important;
line-height: 1.5 !important;
letter-spacing: -0.005em !important;
color: var(--ink) !important;
border-color: var(--hairline) !important;
outline: none !important;
-webkit-appearance: none !important;
appearance: none !important;
} .forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-input,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-textarea,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-select,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-input:hover,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-input:focus,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-textarea:hover,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-textarea:focus,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-select:hover,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field .forminator-select:focus,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field.forminator-is_hover .forminator-input,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field.forminator-is_hover .forminator-textarea,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field.forminator-is_hover .forminator-select,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field.forminator-is_active .forminator-input,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field.forminator-is_active .forminator-textarea,
.forminator-ui.forminator-custom-form:is([data-design=default], .forminator-design--default) .forminator-field.forminator-is_active .forminator-select {
background: var(--canvas) !important;
background-color: var(--canvas) !important;
} .forminator-ui.forminator-custom-form:is([data-design=material], .forminator-design--material) .forminator-field .forminator-input,
.forminator-ui.forminator-custom-form:is([data-design=material], .forminator-design--material) .forminator-field .forminator-textarea,
.forminator-ui.forminator-custom-form:is([data-design=material], .forminator-design--material) .forminator-field .forminator-select {
background: transparent !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-textarea {
min-height: 140px !important;
resize: vertical !important;
padding: 14px 16px !important;
border: 1px solid var(--hairline) !important;
border-radius: 6px !important;
background: var(--canvas) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-input::placeholder,
.forminator-ui.forminator-custom-form .forminator-field .forminator-textarea::placeholder {
font-family: var(--sans) !important;
color: var(--ink-muted) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-input:hover,
.forminator-ui.forminator-custom-form .forminator-field .forminator-textarea:hover,
.forminator-ui.forminator-custom-form .forminator-field .forminator-select:hover {
border-color: var(--ink) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-input:focus,
.forminator-ui.forminator-custom-form .forminator-field .forminator-textarea:focus,
.forminator-ui.forminator-custom-form .forminator-field .forminator-select:focus {
border-color: var(--accent) !important;
} .forminator-ui.forminator-custom-form .forminator-input--wrap::after {
background-color: var(--accent) !important;
}
.forminator-ui.forminator-custom-form .forminator-is_active .forminator-input--wrap::after {
left: 0 !important;
right: 0 !important;
} .forminator-ui.forminator-custom-form .forminator-is_active .forminator-textarea--wrap::after {
border-color: var(--accent) !important;
opacity: 1 !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-description {
font-family: var(--sans) !important;
font-size: var(--fs-micro) !important;
color: var(--ink-muted) !important;
margin-top: 6px !important;
line-height: 1.4 !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-error-message {
display: block !important;
font-family: var(--sans) !important;
font-size: var(--fs-micro) !important;
font-weight: 400 !important;
color: var(--accent) !important;
margin-top: 8px !important;
padding: 0 !important;
line-height: 1.4 !important;
letter-spacing: -0.005em !important;
background: transparent !important;
border-radius: 0 !important;
border-left: none !important;
}
.forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-input,
.forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-textarea,
.forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-select {
border-color: var(--accent) !important;
}
.forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-input:focus,
.forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-textarea:focus,
.forminator-ui.forminator-custom-form .forminator-field.forminator-has_error .forminator-select:focus {
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent) !important;
}  .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox > input,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio > input {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio {
position: relative !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
padding: 10px 14px !important;
border: 1px solid var(--hairline) !important;
border-radius: 6px !important;
margin-bottom: 8px !important;
cursor: pointer !important;
background: var(--canvas) !important;
transition:
background-color var(--motion-standard),
border-color var(--motion-standard),
box-shadow var(--motion-standard) !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox:last-child,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio:last-child {
margin-bottom: 0 !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox:hover,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio:hover {
border-color: color-mix(in srgb, var(--accent) 40%, var(--hairline)) !important;
background: var(--parchment) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox:has(input:checked),
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio:has(input:checked) {
border-color: var(--accent) !important;
background: color-mix(in srgb, var(--accent) 4%, var(--canvas)) !important;
box-shadow: 0 0 0 1px var(--accent) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox .forminator-checkbox-label,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio .forminator-radio-label {
font-family: var(--sans) !important;
font-size: var(--fs-sans-body) !important;
color: var(--ink) !important;
line-height: 1.5 !important;
letter-spacing: -0.005em !important;
padding-top: 1px !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox .forminator-checkbox-box {
display: block !important;
box-sizing: border-box !important;
position: relative !important;
flex: 0 0 22px !important;
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
min-height: 22px !important;
border: 2px solid #b0b8c4 !important;
border-radius: 6px !important;
background-color: #ffffff !important;
margin-top: 1px !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
transition:
background-color 0.2s cubic-bezier(0.2, 0, 0, 1),
border-color 0.2s cubic-bezier(0.2, 0, 0, 1),
transform 0.15s cubic-bezier(0.2, 0, 0, 1) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox .forminator-checkbox-box::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 2px !important;
left: 5px !important;
width: 7px !important;
height: 12px !important;
border-style: solid !important;
border-color: #fff !important;
border-width: 0 2.5px 2.5px 0 !important;
border-radius: 0 !important;
font-family: inherit !important;
transform: rotate(45deg) scale(0) !important;
transform-origin: center !important;
opacity: 1 !important;
transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1) !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox:hover .forminator-checkbox-box {
border-color: var(--accent) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox input:checked + .forminator-checkbox-box,
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox input:checked ~ .forminator-checkbox-box {
background: var(--accent) !important;
border-color: var(--accent) !important;
transform: scale(1.05) !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox input:checked + .forminator-checkbox-box::before,
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox input:checked ~ .forminator-checkbox-box::before {
transform: rotate(45deg) scale(1) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-radio .forminator-radio-bullet {
display: block !important;
box-sizing: border-box !important;
position: relative !important;
flex: 0 0 22px !important;
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
min-height: 22px !important;
border: 2px solid #b0b8c4 !important;
border-radius: 50% !important;
background-color: #ffffff !important;
margin-top: 1px !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
transition:
border-color 0.2s cubic-bezier(0.2, 0, 0, 1),
transform 0.15s cubic-bezier(0.2, 0, 0, 1) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-radio .forminator-radio-bullet::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: 3px !important;
left: 3px !important;
right: 3px !important;
bottom: 3px !important;
width: auto !important;
height: auto !important;
border-radius: 50% !important;
background-color: #267fd4 !important;
font-family: inherit !important;
transform: scale(0) !important;
opacity: 1 !important;
transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1) !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio:hover .forminator-radio-bullet {
border-color: var(--accent) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-radio input:checked + .forminator-radio-bullet,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio input:checked ~ .forminator-radio-bullet {
border-color: var(--accent) !important;
transform: scale(1.05) !important;
}
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio input:checked + .forminator-radio-bullet::before,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio input:checked ~ .forminator-radio-bullet::before {
transform: scale(1) !important;
} .forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox input:focus-visible + .forminator-checkbox-box,
.forminator-ui.forminator-custom-form .forminator-field .forminator-checkbox input:focus-visible ~ .forminator-checkbox-box,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio input:focus-visible + .forminator-radio-bullet,
.forminator-ui.forminator-custom-form .forminator-field .forminator-radio input:focus-visible ~ .forminator-radio-bullet {
outline: 2px solid var(--accent-bright) !important;
outline-offset: 2px !important;
} .forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit {
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 14px 26px !important;
border: 1px solid transparent !important;
border-radius: var(--radius-pill) !important;
background: var(--accent) !important;
background-image: none !important;
box-shadow: none !important;
font-family: var(--sans) !important;
font-size: var(--fs-ui) !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.2 !important;
letter-spacing: -0.005em !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
white-space: nowrap !important;
color: #fff !important;
cursor: pointer !important;
transition:
background-color var(--motion-standard),
border-color var(--motion-standard),
color var(--motion-standard),
transform var(--motion-snappy) !important;
will-change: transform;
} .forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit::after {
content: "" !important;
display: inline-block !important;
width: 1.75em !important;
height: 0.625em !important;
flex-shrink: 0 !important;
background-color: currentColor !important;
-webkit-mask-image: var(--conxious-btn-arrow-right-mask) !important;
mask-image: var(--conxious-btn-arrow-right-mask) !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
transition: transform var(--motion-standard), color var(--motion-standard) !important;
}
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:hover,
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:focus {
background: var(--accent-strong) !important;
color: #fff !important;
box-shadow: none !important;
transform: translateY(-2px) !important;
}
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:hover::after,
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:focus::after {
transform: translateX(3px) !important;
}
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:active {
box-shadow: none !important;
transform: scale(0.98) !important;
}
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit:focus-visible {
outline: 2px solid var(--accent-bright) !important;
outline-offset: 3px !important;
} .forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit[disabled],
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit.forminator-button-loading,
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit.forminator-onload {
opacity: 0.6 !important;
pointer-events: none !important;
}
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit.forminator-button-loading::after,
.forminator-ui.forminator-custom-form .forminator-button.forminator-button-submit.forminator-onload::after {
display: none !important;
} .forminator-ui.forminator-custom-form .forminator-response-message {
font-family: var(--sans) !important;
font-size: var(--fs-sans-body) !important;
line-height: 1.5 !important;
letter-spacing: -0.01em !important;
padding: clamp(24px, 3vw, 32px) clamp(28px, 3.5vw, 36px) !important;
border-radius: 12px !important;
margin: 0 0 clamp(32px, 4vw, 48px) !important;
text-align: left !important;
border-left: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message:hover,
.forminator-ui.forminator-custom-form .forminator-response-message:focus,
.forminator-ui.forminator-custom-form .forminator-response-message:active {
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
outline: none !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message p,
.forminator-ui.forminator-custom-form .forminator-response-message label {
font-family: inherit !important;
font-size: inherit !important;
font-weight: 400 !important;
line-height: inherit !important;
letter-spacing: inherit !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message p:not(:last-child),
.forminator-ui.forminator-custom-form .forminator-response-message label:not(:last-child) {
margin-bottom: 0.85em !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-success {
background: color-mix(in srgb, var(--accent) 7%, var(--canvas)) !important;
color: var(--ink-soft) !important;
border: 1px solid var(--hairline) !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-success p,
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-success label {
color: var(--ink-soft) !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-error {
background: color-mix(in srgb, var(--accent) 10%, var(--canvas)) !important;
color: var(--ink-soft) !important;
border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--hairline)) !important;
}
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-error p,
.forminator-ui.forminator-custom-form .forminator-response-message.forminator-error label {
color: var(--ink-soft) !important;
} .forminator-ui.forminator-custom-form .forminator-row {
margin-bottom: 24px !important;
}
.forminator-ui.forminator-custom-form .forminator-row:last-child {
margin-bottom: 0 !important;
} .forminator-ui.forminator-custom-form .forminator-select2 .selection .select2-selection {
border: 1px solid var(--hairline) !important;
border-radius: 12px !important;
padding: 10px 16px !important;
min-height: 48px !important;
font-family: var(--sans) !important;
font-size: var(--fs-sans-body) !important;
color: var(--ink) !important;
background: var(--canvas) !important;
transition:
border-color var(--motion-standard),
box-shadow var(--motion-standard) !important;
}
.forminator-ui.forminator-custom-form .forminator-select2 .selection .select2-selection:hover {
border-color: color-mix(in srgb, var(--accent) 40%, var(--hairline)) !important;
}
.forminator-ui.forminator-custom-form .forminator-select2.select2-container--open .selection .select2-selection {
border-color: var(--accent) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent) !important;
}