:root {
--sb-primary: var(--wp--preset--color--primary);
--sb-primary-dark: var(--wp--preset--color--primary-dark);
--sb-primary-soft: var(--wp--preset--color--primary-soft);
--sb-accent: var(--wp--preset--color--accent);
--sb-accent-soft: var(--wp--preset--color--accent-soft);
--sb-red: var(--wp--preset--color--red);
--sb-ink: var(--wp--preset--color--ink);
--sb-text: var(--wp--preset--color--text);
--sb-muted: var(--wp--preset--color--muted);
--sb-line: var(--wp--preset--color--line);
--sb-canvas: var(--wp--preset--color--canvas);
--sb-white: var(--wp--preset--color--white);
--sb-radius-lg: 16px;
--sb-radius: 12px;
--sb-radius-sm: 8px;
--sb-shadow: var(--wp--preset--shadow--soft);
--sb-gutter: clamp(1rem, 4vw, 1.5rem);
--sb-wide: 1440px;
--sb-stack: 1.5rem; --sb-panel-pad: clamp(1.5rem, 5vw, 4rem);
--sb-header-h: 84px;
--sb-ease: cubic-bezier(.2, .7, .2, 1);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-padding-top: calc(var(--sb-header-h) + 1rem);
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
body {
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img,
svg,
video,
iframe {
max-width: 100%;
height: auto;
}
iframe {
border: 0;
}
a {
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
}
:focus-visible {
outline: 2px solid var(--sb-primary);
outline-offset: 3px;
}
strong,
b {
font-weight: 650;
color: var(--sb-ink);
}
hr {
border: 0;
border-top: 1px solid var(--sb-line);
}
.sb-icon {
width: 1.25em;
height: 1.25em;
flex-shrink: 0;
vertical-align: middle;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sb-skip-link {
position: absolute;
top: -100px;
left: 1rem;
z-index: 1000;
padding: 0.75rem 1.25rem;
border-radius: 999px;
background: var(--sb-ink);
color: var(--sb-white);
font-weight: 600;
text-decoration: none;
}
.sb-skip-link:focus {
top: 1rem;
}
.sb-container {
width: 100%;
max-width: calc(var(--sb-wide) + 2 * var(--sb-gutter));
margin-inline: auto;
padding-inline: var(--sb-gutter);
} @media (max-width: 599.98px) {
:root {
--wp--preset--font-size--small: 0.8125rem;
--wp--preset--font-size--base: 0.9375rem;
--wp--preset--font-size--medium: 1rem;
--wp--preset--font-size--large: 1.0625rem;
--wp--preset--font-size--x-large: 1.375rem;
--wp--preset--font-size--xx-large: 1.75rem;
--wp--preset--font-size--huge: 1.875rem;
--sb-panel-pad: 1.25rem;
--sb-stack: 1rem;
}
body { line-height: 1.6; }
h1, h2, h3 { letter-spacing: -0.01em; }
.sb-hero__main h1 { font-size: 1.875rem !important; }
.sb-hero__main .is-style-lead { font-size: 1.0625rem; }
.sb-hero__main .is-style-eyebrow { font-size: 0.75rem; letter-spacing: 0.05em; } .sb-hero__main .wp-block-buttons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
.sb-hero__main .wp-block-button,
.sb-hero__main .wp-block-button__link {
width: 100%;
margin: 0;
}
.sb-hero__main .wp-block-button__link {
display: flex;
align-items: center;
justify-content: center;
padding-inline: 0.5rem;
text-align: center;
white-space: nowrap;
}
}