/* =====================================================================
   SIVRA STUDIOS — base: reset, document, headings, links, forms, focus, motion
   (Webflow: the equivalents live on the Body / All H1… tags in the Designer.)
   ===================================================================== */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
  margin: 0; min-height: 100vh;
  background: var(--bg-color); color: var(--txt-color);
  font-family: var(--sv-font); font-weight: var(--sv-weight-regular);
  font-size: var(--sv-text-body); line-height: var(--sv-lh-body);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
  overflow-x: clip;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd { margin: 0; }
ul, ol { padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: var(--sv-weight-medium); text-wrap: balance; }
h1 { font-size: var(--sv-text-h1); line-height: var(--sv-lh-h1); letter-spacing: var(--sv-ls-h1); }
h2 { font-size: var(--sv-text-h2); line-height: var(--sv-lh-h2); letter-spacing: var(--sv-ls-h2); }
h3 { font-size: var(--sv-text-h3); line-height: var(--sv-lh-h3); letter-spacing: var(--sv-ls-h3); }
h4, h5, h6 { font-size: var(--sv-text-h4); line-height: var(--sv-lh-h4); letter-spacing: var(--sv-ls-h4); }
p { text-wrap: pretty; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
img, svg, video, picture { display: block; max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
button { background: none; border: 0; padding: 0; cursor: pointer; }
input, select, textarea { background: transparent; border-radius: 0; }
textarea { resize: vertical; }
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
legend { padding: 0; }
hr { border: 0; border-top: 1px solid var(--hairline); margin: 0; }
address { font-style: normal; }
strong, b { font-weight: var(--sv-weight-medium); }
/* box-sizing, the icon fill, ::selection, ::placeholder and the global focus ring have no Designer equivalent: sivra.css §1 */
.button:focus-visible, .sv-cta:focus-visible, .button-pill:focus-visible { border-radius: var(--sv-radius-pill); }

/* skip link */
.skip-link { position: absolute; left: 16px; top: -100px; z-index: 100000; padding: 12px 20px; border-radius: var(--sv-radius-pill); background: var(--sv-ink); color: var(--sv-paper); font-weight: var(--sv-weight-medium); }
.skip-link:focus { top: 16px; }

/* reduced motion (global transitions off, scroll-behavior auto) is custom code: sivra.css §20 — the Designer
   cannot author a prefers-reduced-motion query, so base.css keeps to the six Webflow breakpoints */