/* GENERATED by wordpress/tools/export.py from design/src/css/base.css — DO NOT EDIT. */
*, *::before, *::after {
box-sizing: border-box;
}

html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
scroll-padding-top: 96px;
}

@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}

}

body.mob-body {
margin: 0;
font-family: var(--mob-f-body);
font-size: var(--mob-fs-body);
line-height: 1.65;
color: var(--mob-body);
background: var(--mob-paper);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
text-rendering: optimizeLegibility;
}

html :where([data-mob]) :where(img) {
display: block;
max-width: 100%;
height: auto;
}

html :where([data-mob]) :where(a) {
color: inherit;
}

html :where([data-mob]) :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd) {
margin: 0;
}

html :where([data-mob]) :where(ul, ol) {
padding: 0;
list-style: none;
}

html :where([data-mob]) :where(button) {
font: inherit;
color: inherit;
cursor: pointer;
}

html :where([data-mob]) :where(h1, h2, h3, h4) {
font-family: var(--mob-f-display);
color: var(--mob-ink);
font-weight: 700;
line-height: 1.04;
letter-spacing: -.026em;
font-variation-settings: "opsz" 96, "wdth" 100;
}

:focus-visible {
outline: 3px solid var(--mob-ember-500);
outline-offset: 3px;
border-radius: 6px;
}

::selection {
background: var(--mob-sage-300);
color: var(--mob-navy-900);
}

html .mob-skip {
position: absolute;
left: 16px;
top: -60px;
z-index: 1000;
background: var(--mob-navy-900);
color: #fff;
padding: 12px 18px;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
transition: top .2s;
}

html .mob-skip:focus {
top: 16px;
}

html .mob-sr {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}

html .mob-wrap {
width: 100%;
max-width: var(--mob-wrap);
margin-inline: auto;
padding-inline: var(--mob-gutter);
}

html .mob-section {
padding-block: var(--mob-section);
position: relative;
}

html .mob-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--mob-f-body);
font-size: var(--mob-fs-xs);
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--mob-olive-600);
}

html .mob-eyebrow::before {
content: "";
width: 26px;
height: 2px;
border-radius: 2px;
background: var(--mob-ember-500);
}

html .mob-eyebrow--light {
color: var(--mob-sage-300);
}

html .mob-h2 {
font-size: var(--mob-fs-h2);
}

html .mob-h2 em {
font-style: normal;
color: var(--mob-olive-600);
}

html .mob-lead {
font-size: var(--mob-fs-lead);
line-height: 1.6;
color: var(--mob-body);
max-width: 40ch;
}

html .mob-head {
display: grid;
gap: var(--mob-s3);
margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
}

html .mob-head--split {
grid-template-columns: 1fr;
align-items: end;
}

@media (min-width: 960px) {
html .mob-head--split {
grid-template-columns: 1.15fr .85fr;
gap: var(--mob-s8);
}

}

html .mob-icon {
width: 22px;
height: 22px;
flex: none;
max-width: none;
stroke: currentColor;
fill: none;
stroke-width: 1.75;
stroke-linecap: round;
stroke-linejoin: round;
}

html .mob-icon--sm {
width: 18px;
height: 18px;
}

html .mob-icon--lg {
width: 28px;
height: 28px;
}

html .mob-btn {
--bg: var(--mob-navy-900);
--fg: #fff;
--bd: transparent;
position: relative;
isolation: isolate;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
padding: 0 26px;
font-family: var(--mob-f-body);
font-size: 1rem;
font-weight: 700;
letter-spacing: -.005em;
color: var(--fg);
background: var(--bg);
border: 1.5px solid var(--bd);
border-radius: 999px;
text-decoration: none;
white-space: nowrap;
transition: transform .5s var(--mob-ease), box-shadow .5s var(--mob-ease), color .35s, background-color .35s, border-color .35s;
will-change: transform;
}

html .mob-btn::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--fill, var(--mob-navy-700));
transform: translateY(101%);
border-radius: inherit;
transition: transform .55s var(--mob-ease);
}

html .mob-btn:hover::after, html .mob-btn:focus-visible::after {
transform: translateY(0);
}

html .mob-btn:hover {
box-shadow: 0 14px 30px -12px rgba(10,35,57,.45);
}

html .mob-btn .mob-icon {
transition: transform .5s var(--mob-ease);
}

html .mob-btn:hover .mob-icon {
transform: translateX(4px);
}

html .mob-btn--ember {
--bg: var(--mob-ember-500);
--fg: var(--mob-navy-900);
--fill: var(--mob-gold-400);
}

html .mob-btn--ember:hover {
box-shadow: 0 16px 34px -12px rgba(226,90,23,.55);
}

html .mob-btn--ghost {
--bg: transparent;
--fg: var(--mob-navy-900);
--bd: var(--mob-line-2);
--fill: var(--mob-navy-900);
}

html .mob-btn--ghost:hover {
--fg: #fff;
border-color: var(--mob-navy-900);
}

html .mob-btn--light {
--bg: #fff;
--fg: var(--mob-navy-900);
--fill: var(--mob-sage-200);
}

html .mob-btn--line-light {
--bg: transparent;
--fg: #fff;
--bd: rgba(255,255,255,.35);
--fill: #fff;
}

html .mob-btn--line-light:hover {
--fg: var(--mob-navy-900);
}

html .mob-btn--sm {
min-height: 44px;
padding: 0 20px;
font-size: .9375rem;
}

html .mob-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 700;
color: var(--mob-navy-900);
text-decoration: none;
background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat;
transition: background-size .5s var(--mob-ease);
padding-bottom: 2px;
}

html .mob-link:hover {
background-size: 100% 2px;
}

html .mob-chip {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 14px;
border-radius: 999px;
font-size: var(--mob-fs-xs);
font-weight: 600;
letter-spacing: .01em;
background: var(--mob-mist);
color: var(--mob-navy-800);
border: 1px solid var(--mob-line);
}

html.mob-js [data-reveal] {
opacity: 0;
transform: translate3d(0, 34px, 0);
transition: opacity 1s var(--mob-ease), transform 1.1s var(--mob-ease);
transition-delay: calc(var(--d, 0) * 1ms);
}

html.mob-js [data-reveal="fade"] {
transform: none;
}

html.mob-js [data-reveal="scale"] {
transform: scale(.94);
}

html.mob-js [data-reveal="clip"] {
opacity: 1;
transform: none;
clip-path: inset(12% 8% 12% 8% round var(--mob-r-lg));
transition: clip-path 1.4s var(--mob-ease);
}

html.mob-js [data-reveal="clip"] img {
transform: scale(1.18);
transition: transform 1.8s var(--mob-ease);
}

html.mob-js [data-reveal].is-in {
opacity: 1;
transform: none;
}

html.mob-js [data-reveal="clip"].is-in {
clip-path: inset(0 0 0 0 round var(--mob-r-lg));
}

html.mob-js [data-reveal="clip"].is-in img {
transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
html.mob-js [data-reveal], html.mob-js [data-reveal="clip"], html.mob-js [data-reveal="clip"] img {
opacity: 1 !important;
transform: none !important;
clip-path: none !important;
transition: opacity .3s !important;
}

*, *::before, *::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}

}