/* ============================================================================
   codes-chrome.css - TAT's own copy of the Marbl Codes look (1 October 2026).
   Extracted mechanically from live marbl.codes: every rule whose selector
   matches the site header, nav pill, footer, buttons or base elements, in the
   site's cascade order, with its media wrapper; plus the tokens and the Geist
   and Petrona faces, self-hosted below. COPIED, never linked - TAT owns this
   file. To refresh it, re-run the extraction, do not hand-merge.
   ============================================================================ */
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/f45a0aad0ea577a8.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 400; font-style: italic; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/f45a0aad0ea577a8.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 500; font-style: italic; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/f45a0aad0ea577a8.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 600; font-style: italic; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/f45a0aad0ea577a8.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 700; font-style: italic; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/502b9851e13aed9b.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 400; font-style: normal; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/502b9851e13aed9b.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 500; font-style: normal; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/502b9851e13aed9b.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 600; font-style: normal; }
@font-face { font-family: Geist; src: url("/assets/vendor/codes/fonts/502b9851e13aed9b.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 700; font-style: normal; }
@font-face { font-family: "Geist fallback: Arial"; src: local("Arial"); font-display: swap; font-weight: 400; font-style: italic; size-adjust: 103.185%; ascent-override: 97.3978%; descent-override: 28.5894%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial"; src: local("Arial"); font-display: swap; font-weight: 500; font-style: italic; size-adjust: 103.185%; ascent-override: 97.3978%; descent-override: 28.5894%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial"; src: local("Arial"); font-display: swap; font-weight: 600; font-style: italic; size-adjust: 103.185%; ascent-override: 97.3978%; descent-override: 28.5894%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial Bold"; src: local("Arial Bold"); font-display: swap; font-weight: 700; font-style: italic; size-adjust: 95.8372%; ascent-override: 104.865%; descent-override: 30.7814%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial"; src: local("Arial"); font-display: swap; font-weight: 400; font-style: normal; size-adjust: 103.185%; ascent-override: 97.3978%; descent-override: 28.5894%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial"; src: local("Arial"); font-display: swap; font-weight: 500; font-style: normal; size-adjust: 103.185%; ascent-override: 97.3978%; descent-override: 28.5894%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial"; src: local("Arial"); font-display: swap; font-weight: 600; font-style: normal; size-adjust: 103.185%; ascent-override: 97.3978%; descent-override: 28.5894%; line-gap-override: 0%; }
@font-face { font-family: "Geist fallback: Arial Bold"; src: local("Arial Bold"); font-display: swap; font-weight: 700; font-style: normal; size-adjust: 95.8372%; ascent-override: 104.865%; descent-override: 30.7814%; line-gap-override: 0%; }
@font-face { font-family: Petrona; src: url("/assets/vendor/codes/fonts/b2af31945d189856.woff2") format("woff2"); font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-weight: 700; font-style: italic; }
@font-face { font-family: "Petrona fallback: Times New Roman Bold"; src: local("Times New Roman Bold"); font-display: swap; font-weight: 700; font-style: italic; size-adjust: 98.7016%; ascent-override: 86.9287%; descent-override: 27.3552%; line-gap-override: 0%; }

/* from inline <style> */
:root { --font-geist: Geist,"Geist fallback: Arial","Geist fallback: Arial Bold",system-ui,-apple-system,sans-serif; }
/* from inline <style> */
:root { --font-petrona: Petrona,"Petrona fallback: Times New Roman Bold",Georgia,serif; }
/* from inline <style> */
/* source: marbl.codes CookieConsent.CpXrOrr9.css */
/* source: marbl.codes codes.Ce6-LFr9.css */
:root { --marbl-charcoal: #171415; --marbl-charcoal-deep: #0d0b0c; --marbl-charcoal-darkest: #131112; --marbl-charcoal-light: #1d1a1b; --marbl-charcoal-lighter: #232021; --marbl-charcoal-raised: #211d1e; --marbl-charcoal-card: #2c2829; --marbl-charcoal-card-hover: #363132; --marbl-ember: #F35226; --marbl-ember-dark: #BB2F09; --marbl-crimson: #322A2A; --marbl-sandstone: #A69B98; --marbl-beige: #F3E2C8; --marbl-beige-dark: #DBCBA9; --marbl-black: #000000; --marbl-white: #FFFFFF; --marbl-white-90: rgba(255, 255, 255, .9); --marbl-white-85: rgba(255, 255, 255, .85); --marbl-white-70: rgba(255, 255, 255, .7); --marbl-white-65: rgba(255, 255, 255, .65); --marbl-white-50: rgba(255, 255, 255, .5); --marbl-white-40: rgba(255, 255, 255, .4); --marbl-white-30: rgba(255, 255, 255, .3); --marbl-white-25: rgba(255, 255, 255, .25); --marbl-white-20: rgba(255, 255, 255, .2); --marbl-white-15: rgba(255, 255, 255, .15); --marbl-white-10: rgba(255, 255, 255, .1); --marbl-white-08: rgba(255, 255, 255, .08); --marbl-white-06: rgba(255, 255, 255, .06); --marbl-white-04: rgba(255, 255, 255, .04); --marbl-ember-10: rgba(243, 82, 38, .1); --marbl-black-15: rgba(0, 0, 0, .15); --color-success: #5e8c4f; --color-success-tint: #e7ece0; --color-success-text: #4a7040; --color-warning: #d79a3c; --color-warning-tint: #f4ead3; --color-warning-text: #8a6420; --color-error: #c5341b; --color-error-tint: #f2e1d9; --color-error-text: #a32a15; --color-info: #6e8389; --color-info-tint: #dee7e6; --color-info-text: #475a5e; --badge-slate: #6e8389; --badge-terracotta: #c5341b; --badge-honey: #d79a3c; --badge-sage: #5e8c4f; --badge-plum: #806572; --badge-taupe: #8a807d; --font-heading: "Urbanist", -apple-system, BlinkMacSystemFont, sans-serif; --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --font-accent: "Petrona", Georgia, serif; --font-light: 300; --font-regular: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --font-extrabold: 800; --text-xs: 11px; --text-sm: 14px; --text-base: 15px; --text-lg: clamp(16px, .9rem + .3vw, 18px); --text-xl: clamp(19px, 1rem + .5vw, 22px); --text-2xl: clamp(24px, 1.2rem + 1vw, 32px); --text-3xl: clamp(36px, min(1.5rem + 2.5vw, 5.5vh), 56px); --text-4xl: clamp(48px, min(2rem + 3.5vw, 8vh), 80px); --text-5xl: clamp(56px, min(2.5rem + 5vw, 11vh), 112px); --gap-3xs: 4px; --gap-half: 5px; --gap-tight: 6px; --gap-2xs: 8px; --gap-xs: 10px; --gap-sm: 20px; --gap-md: 40px; --gap-lg: 60px; --gap-xl: 80px; --gap-2xl: 100px; --gap-3xl: 120px; --gap-4xl: 140px; --gap-5xl: 160px; --control-h: 48px; --control-h-sm: 36px; --control-pad-x: 28px; --control-pad-x-sm: 16px; --control-pad-y: 14px; --radius-2xs: 0; --radius-xs: 0; --radius-sm: 0; --radius: 0; --radius-lg: 0; --radius-circle: 0; --radius-full: 0; --radius-round: 9999px; --icon-xs: 11px; --icon-sm: 14px; --icon-md: 16px; --icon-lg: 20px; --icon-xl: 22px; --icon-2xl: 28px; --icon-3xl: 32px; --icon-4xl: 48px; --border-subtle: 1px solid rgba(255, 255, 255, .04); --border-standard: 1px solid rgba(255, 255, 255, .06); --border-visible: 1px solid rgba(255, 255, 255, .08); --border-interactive: 1px solid rgba(255, 255, 255, .15); --border-ember: 1px solid rgba(243, 82, 38, .15); --transition-fast: .15s ease; --transition-base: .2s ease; --transition-slow: .3s ease; --ease-marbl: cubic-bezier(.32, .72, 0, 1); --ease-fast: cubic-bezier(.16, 1, .3, 1); --width-sm: 600px; --width-md: 800px; --width-lg: 1000px; --width-xl: 1200px; --width-2xl: 1400px; --width-max: 1600px; --width-ultra: 1800px; --shell-max: var(--width-2xl); --shell-wide: var(--width-max); --shell-pad: var(--gap-md); --shell-content: calc(var(--shell-max) - var(--shell-pad) * 2); --marbl-paper: #F5F6EA; --marbl-marble: #E9EADE; --marbl-ink: #171415; --marbl-ink-faded: rgba(23, 20, 21, .2); --marbl-ink-muted: #5F5653; --marbl-paper-border: #E8E5DF; --marbl-ink-border: rgba(23, 20, 21, .15); --ember-on-light: var(--marbl-ember); --section-pad-y: var(--gap-xl); --section-pad-x: var(--gap-md); --z-base: 0; --z-above: 10; --z-dropdown: 100; --z-sticky: 200; --z-modal: 300; --z-toast: 400; --z-tooltip: 500; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; scrollbar-width: thin; scrollbar-color: var(--marbl-ember) var(--marbl-charcoal); scroll-behavior: smooth; }
@media (pointer: fine) {
html { scrollbar-gutter: stable; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
}
body { font-family: var(--font-body); font-size: var(--text-base); font-weight: var(--font-regular); line-height: 1.6; color: var(--marbl-white); background-color: var(--marbl-charcoal); }
:focus-visible { outline: 2px solid var(--marbl-ember); outline-offset: 2px; }
a { color: var(--marbl-ember); text-decoration: none; transition: color var(--transition-fast); }
a:hover { color: var(--marbl-white); }
img { max-width: 100%; height: auto; display: block; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--marbl-charcoal); }
::-webkit-scrollbar-thumb { background: var(--marbl-ember); border-radius: var(--radius-full); }
::-webkit-scrollbar-thumb:hover { background: var(--marbl-ember-dark); }
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
.container { width: 100%; max-width: var(--shell-max); margin-inline: auto; padding-inline: var(--shell-pad); box-sizing: border-box; }
.container--wide { max-width: var(--shell-wide); }
@media (max-width: 768px) {
:root { --shell-pad: var(--gap-sm); }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px; }
.marbl-logo { display: inline-flex; align-items: center; gap: var(--gap-xs, 10px); text-decoration: none; color: var(--marbl-white); }
.marbl-logo:hover { color: var(--marbl-white); }
.marbl-logo-animated { display: inline-flex; align-items: center; position: relative; }
:root { --marbl-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --marbl-font-display: "Urbanist", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --marbl-font-accent: "Petrona", Georgia, "Times New Roman", serif; --marbl-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace; }
.marbl-accent { font-family: var(--marbl-font-accent); font-style: italic; font-weight: 800; font-size: 120%; color: var(--marbl-ember); }
.site-header { position: static; display: flex; align-items: center; justify-content: space-between; padding-block: var(--gap-sm, 20px); padding-inline: max(var(--shell-pad, 40px),calc((100% - var(--shell-content, 1320px)) / 2)); background: var(--marbl-charcoal, #171415); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; box-sizing: border-box; }
.site-header--bordered { border-bottom: 1px solid var(--marbl-white-06, rgba(255, 255, 255, .06)); }
.site-header--fixed { position: fixed; top: 0px; left: 0px; right: 0px; z-index: var(--z-fixed, 200); }
.site-header.menu-is-open { position: fixed; top: 0px; left: 0px; right: 0px; z-index: calc(var(--z-modal, 300) + 10); background: transparent; border-bottom-color: transparent; }
.site-header__left, .site-header__right { display: flex; align-items: center; }
.site-header__left .marbl-logo { display: inline-flex; align-items: center; min-width: 28px; min-height: 28px; color: var(--marbl-ember, #F35226); }
@media (max-width: 768px) {
.site-header { padding: var(--gap-sm, 20px); }
}
.nav-pill { display: inline-flex; align-items: center; gap: 0px; padding: var(--gap-3xs) var(--gap-3xs) var(--gap-3xs) 0; border: 1px solid var(--marbl-white-15); border-radius: var(--radius, 0); }
.nav-menu { display: inline-flex; align-items: center; }
.nav-links { display: inline-flex; align-items: center; gap: var(--gap-sm); max-width: 0px; overflow: hidden; opacity: 0; transition: max-width .7s var(--ease-marbl, cubic-bezier(.32, .72, 0, 1)),opacity .5s ease .1s; }
.nav-links a { display: inline-flex; align-items: center; height: 34px; font-size: var(--text-xs); font-weight: var(--font-bold); letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap; color: var(--marbl-white-70); text-decoration: none; transition: color var(--transition-fast, .15s ease); }
.nav-links a:first-child { padding-left: var(--gap-sm); }
.nav-links a:last-child { padding-right: var(--gap-sm); }
.nav-links a:hover { color: var(--marbl-white); }
.nav-burger { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gap-3xs); height: 34px; padding: 0 var(--gap-xs); max-width: 60px; overflow: hidden; flex-shrink: 0; background: transparent; border: 0px; cursor: pointer; border-radius: var(--radius-sm, 0); transition: max-width .7s var(--ease-marbl, cubic-bezier(.32, .72, 0, 1)),padding .7s var(--ease-marbl, cubic-bezier(.32, .72, 0, 1)),opacity .45s ease; }
.nav-burger span { display: block; width: 18px; height: 2px; background: var(--marbl-white-70); cursor: pointer; transition: background 0.2s; }
.nav-burger:hover span { background: var(--marbl-white); }
.nav-pill__cta { display: inline-flex; align-items: center; height: 34px; padding: 0 var(--gap-sm); border-radius: var(--radius-sm, 0); font-size: var(--text-xs); font-weight: var(--font-bold); letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; background: var(--marbl-ember); color: var(--marbl-charcoal-darkest); transition: background var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease); }
.nav-pill__cta:hover { background: var(--marbl-ember-dark); color: var(--marbl-white); }
button.nav-pill__cta { border: 0px; cursor: pointer; font: inherit; }
.nav-menu:hover .nav-links, .nav-menu:focus-within .nav-links, .nav-menu.is-open .nav-links { max-width: 320px; opacity: 1; }
.nav-menu:hover .nav-burger, .nav-menu:focus-within .nav-burger, .nav-menu.is-open .nav-burger { max-width: 0px; padding: 0px; opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
.nav-links, .nav-burger, .nav-burger span { transition-duration: 0.01s !important; }
}
@media (max-width: 480px) {
.nav-links a, .nav-pill__cta { padding: 0 var(--gap-xs); }
}
@media (max-width: 600px) {
.nav-pill { position: relative; }
.nav-links { position: absolute; top: 100%; right: -1px; flex-direction: column; align-items: stretch; min-width: calc(100% + 2px); width: max-content; max-width: 80vw; overflow: hidden; z-index: var(--z-dropdown, 100); background: var(--marbl-charcoal); border: 1px solid var(--marbl-white-15); padding: var(--gap-2xs); gap: var(--gap-3xs); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s ease,transform .25s var(--ease-marbl, cubic-bezier(.32, .72, 0, 1)),visibility 0s linear .25s; }
.nav-menu:hover .nav-links, .nav-menu:focus-within .nav-links { opacity: 0; visibility: hidden; }
.nav-menu:hover .nav-burger, .nav-menu:focus-within .nav-burger, .nav-menu.is-open .nav-burger { max-width: 60px; padding: 0 var(--gap-xs); opacity: 1; pointer-events: auto; }
.nav-menu.is-open .nav-links { opacity: 1; visibility: visible; transform: translateY(0px); transition: opacity .25s ease,transform .25s var(--ease-marbl, cubic-bezier(.32, .72, 0, 1)); }
.nav-links a, .nav-links a:first-child, .nav-links a:last-child { height: auto; width: 100%; padding: var(--gap-xs) var(--gap-sm); white-space: nowrap; }
.nav-burger span { transition: transform .3s var(--ease-marbl, cubic-bezier(.32, .72, 0, 1)),opacity .2s ease,background .2s ease; }
.nav-menu.is-open .nav-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav-menu.is-open .nav-burger span:nth-child(2) { opacity: 0; }
.nav-menu.is-open .nav-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}
body { --footer-reveal-h: clamp(160px, 16vw, 320px); }
.page { position: relative; z-index: 1; background: var(--marbl-charcoal, #171415); margin-bottom: var(--footer-reveal-h); }
.site-footer { position: static; background: var(--marbl-charcoal, #171415); color: var(--marbl-white-90, rgba(255, 255, 255, .9)); padding-bottom: var(--gap-md, 40px); }
.footer-top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1.7fr; gap: var(--gap-lg, 60px) var(--gap-md, 40px); padding-block: var(--gap-xl, 80px) var(--gap-lg, 60px); align-items: start; }
.footer-brand { display: flex; flex-direction: column; gap: var(--gap-sm, 20px); }
.footer-logo { display: inline-flex; height: 52px; width: auto; }
.footer-col { display: flex; flex-direction: column; }
.footer-col__title { margin: 0 0 var(--gap-sm, 20px); font-size: var(--text-xs, 11px); font-weight: var(--font-bold, 700); letter-spacing: 2px; text-transform: uppercase; color: var(--marbl-white-40, rgba(255, 255, 255, .4)); }
.footer-col a { color: var(--marbl-white-70, rgba(255, 255, 255, .7)); text-decoration: none; font-size: var(--text-sm, 13px); line-height: 1; padding: var(--gap-tight, 6px) 0; width: fit-content; transition: color var(--transition-fast, .15s ease); }
.footer-col a:hover, .footer-col a:focus-visible { color: var(--marbl-ember, #F35226); }
.footer-subscribe { display: flex; flex-direction: column; }
.footer-subscribe__hint { margin: 0 0 var(--gap-sm, 20px); max-width: 32ch; color: var(--marbl-white-50, rgba(255, 255, 255, .5)); font-size: var(--text-sm, 13px); line-height: 1.6; }
.footer-subscribe__form { display: flex; flex-direction: column; }
.footer-subscribe__field { display: flex; align-items: flex-end; gap: var(--gap-xs, 10px); border-bottom: 1px solid var(--marbl-white-15, rgba(255, 255, 255, .15)); transition: border-color var(--transition-fast, .15s ease); }
.footer-subscribe__field:focus-within { border-bottom-color: var(--marbl-ember, #F35226); }
.footer-subscribe__input { flex: 1 1 0%; min-width: 0px; background: transparent; border: 0px; color: var(--marbl-white, #fff); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--text-base, 15px); padding: var(--gap-xs, 10px) 0; }
.footer-subscribe__input::placeholder { color: var(--marbl-white-40, rgba(255, 255, 255, .4)); }
.footer-subscribe__input:focus { outline: none; }
.footer-subscribe__btn { flex-shrink: 0; margin-bottom: var(--gap-xs, 10px); display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: var(--marbl-ember, #F35226); color: var(--marbl-charcoal-darkest, #131112); border: 0px; border-radius: var(--radius, 0); cursor: pointer; transition: background var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease); }
.footer-subscribe__btn:hover { background: var(--marbl-ember-dark, #BB2F09); color: var(--marbl-white, #fff); }
.footer-subscribe__btn svg { width: 18px; height: 18px; transition: transform var(--transition-base, .2s ease); }
.footer-subscribe__btn:hover svg { transform: translate(2px); }
.footer-subscribe__msg { margin: var(--gap-xs, 10px) 0 0; min-height: 1.2em; font-size: var(--text-sm, 13px); color: var(--marbl-ember, #F35226); }
.footer-divider { border-top: 1px solid var(--marbl-white-08, rgba(255, 255, 255, .08)); }
.footer-rule { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--marbl-white-08, rgba(255, 255, 255, .08)); margin: 0px; }
.footer-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--gap-sm, 20px); padding-block: var(--gap-md, 40px); }
.footer-copy { margin: 0px; color: var(--marbl-white-40, rgba(255, 255, 255, .4)); font-size: var(--text-sm, 13px); line-height: 1.6; }
.footer-social { display: flex; align-items: center; gap: var(--gap-2xs, 8px); }
@media (max-width: 900px) {
.footer-top { grid-template-columns: 1fr 1fr; gap: var(--gap-md, 40px); padding-block: var(--gap-lg, 60px) var(--gap-md, 40px); }
.footer-brand, .footer-subscribe { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
.footer-top { grid-template-columns: 1fr; }
.footer-meta { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 520px) {
.container { padding-inline: var(--gap-sm, 20px); }
}
.page { display: flex; flex-direction: column; min-height: 100dvh; }
.page { margin-bottom: 0px; }
.nav-menu:hover .nav-links, .nav-menu:focus-within .nav-links, .nav-menu.is-open .nav-links { max-width: 560px; }
.oa-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 var(--gap-sm); font-family: var(--marbl-font-mono); font-size: var(--text-xs); font-weight: var(--font-regular); letter-spacing: 2px; text-transform: uppercase; text-decoration: none; color: var(--marbl-charcoal-darkest); background: var(--marbl-ember); border: 0px; cursor: pointer; transition: background var(--transition-fast); }
.oa-btn:hover { background: var(--marbl-ember-dark); }
.oa-btn--ghost { background: transparent; color: var(--marbl-white); border: 1px solid var(--marbl-white-25); }
.oa-btn--ghost:hover { background: transparent; color: var(--marbl-ember); border-color: var(--marbl-ember); }
.mk-mono-label { font-family: var(--marbl-font-mono); font-size: var(--text-xs); letter-spacing: 2px; text-transform: uppercase; margin: 0px; }
.footer-top { padding-block: var(--gap-lg) var(--gap-md); gap: var(--gap-md); }
.footer-brand { gap: var(--gap-md); }
.footer-logo { height: auto; width: fit-content; align-self: flex-start; transform: scale(3); transform-origin: left top; }
.footer-brand { min-height: calc(var(--gap-md) * 2); }
.footer-col__title { color: var(--marbl-white); font-size: var(--text-sm); }
.footer-col a { font-size: var(--text-base); }
.footer-social { display: flex; gap: 1px; justify-self: end; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: var(--gap-lg); height: var(--gap-lg); background: var(--marbl-white-08, rgba(255, 255, 255, .08)); color: var(--marbl-white); transition: background var(--transition-fast),color var(--transition-fast); }
.footer-social a svg { width: var(--icon-lg); height: var(--icon-lg); fill: currentcolor; }
.footer-social a:hover, .footer-social a:focus-visible { background: var(--marbl-white); color: var(--marbl-charcoal-darkest); }
.site-footer { padding-bottom: 0px; }
.footer-meta { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--gap-sm); padding-block: 0px; }
.footer-copy { line-height: 1.7; margin: 0px; font-size: var(--text-xs); }
.footer-copy--numbers { font-family: var(--marbl-font-mono); letter-spacing: 1px; text-align: center; }
@media (max-width: 600px) {
.footer-meta { grid-template-columns: 1fr; justify-items: start; padding-bottom: var(--gap-sm); }
.footer-copy--numbers { text-align: left; }
.footer-social { justify-self: start; order: -1; }
}
::selection { background: var(--marbl-ember); color: var(--marbl-charcoal-darkest); }
.oa-btn { position: relative; overflow: hidden; }
.oa-btn__t { display: block; transition: transform .36s var(--ease-fast); }
.oa-btn::after { content: attr(data-label); position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; transform: translateY(100%); transition: transform .36s var(--ease-fast); }
.oa-btn:hover .oa-btn__t, .oa-btn:focus-visible .oa-btn__t { transform: translateY(-100%); }
.oa-btn:hover::after, .oa-btn:focus-visible::after { transform: translateY(0px); }
.oa-btn:hover, .oa-btn:focus-visible { background: var(--marbl-white); color: var(--marbl-charcoal-darkest); }
.oa-btn--ghost:hover, .oa-btn--ghost:focus-visible { background: transparent; color: var(--marbl-white); border-color: var(--marbl-white); }
@media (prefers-reduced-motion: reduce) {
.oa-btn__t, .oa-btn::after { transition-duration: 0.01s; }
}
:root { --marbl-font-display: var(--font-geist); --marbl-font-body: var(--font-geist); --marbl-font-accent: var(--font-geist); }
body { font-family: var(--font-geist); }
.marbl-accent { font-family: inherit; font-style: normal; font-size: inherit; font-weight: inherit; color: var(--marbl-ember); }
.oa-btn { align-items: stretch; }
.oa-btn__t { display: flex; align-items: center; justify-content: center; width: 100%; transition: transform .36s var(--ease-fast); }
.nav-pill__cta { position: relative; overflow: hidden; align-items: stretch; }
.nav-pill__cta .oa-btn__t { display: flex; align-items: center; justify-content: center; width: 100%; transition: transform .36s var(--ease-fast); }
.nav-pill__cta::after { content: attr(data-label); position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; transform: translateY(100%); transition: transform .36s var(--ease-fast); }
.nav-pill__cta:hover .oa-btn__t, .nav-pill__cta:focus-visible .oa-btn__t { transform: translateY(-100%); }
.nav-pill__cta:hover::after, .nav-pill__cta:focus-visible::after { transform: translateY(0px); }
.nav-pill__cta:hover, .nav-pill__cta:focus-visible { background: var(--marbl-white); color: var(--marbl-charcoal-darkest); }
@media (prefers-reduced-motion: reduce) {
.nav-pill__cta .oa-btn__t, .nav-pill__cta::after { transition-duration: 0.01s; }
}
.oa-btn, .oa-btn::after, .nav-pill__cta, .nav-pill__cta::after { font-family: var(--font-geist); font-size: var(--text-xs); font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
.nav-links a { font-family: var(--font-geist); font-size: var(--text-xs); font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
.nav-menu:hover .nav-links, .nav-menu:focus-within .nav-links, .nav-menu.is-open .nav-links { max-width: 600px; }
:root { --marbl-font-mono: var(--font-geist); }
.marbl-accent { color: inherit; }
:root { --text-3xl: clamp(30px, min(1.3rem + 1.9vw, 4.2vh), 44px); --text-4xl: clamp(38px, min(1.7rem + 2.6vw, 6.2vh), 62px); --text-5xl: clamp(44px, min(2rem + 3.6vw, 8.2vh), 84px); }
:root { --text-3xl: clamp(32px, min(1.4rem + 2.1vw, 4.6vh), 48px); --text-4xl: clamp(41px, min(1.8rem + 2.8vw, 6.8vh), 68px); --text-5xl: clamp(48px, min(2.2rem + 3.9vw, 9vh), 92px); }
.nav-pill { border-color: var(--marbl-white-06, rgba(255, 255, 255, .06)); }
:root { --text-base: 16px; }
:root { --text-lg: clamp(18px, .9rem + .3vw, 18px); }
.mk-mono-label { font-weight: 600; }
p, li, figcaption, blockquote { text-wrap: pretty; }
:root { --header-h: 84px; --section-pad: var(--gap-2xl); --hero-pad: var(--gap-md); --belt-pad: var(--gap-lg); --belt-h: calc(var(--belt-pad) + 1px + var(--gap-xl) + 36px); }
@media (min-width: 1600px) {
:root { --section-pad: calc(var(--gap-xl) * 2); --hero-pad: var(--gap-xl); --belt-pad: var(--gap-xl); }
}
.site-header--bordered, .site-header { border-bottom-color: var(--marbl-white-15); }
.nav-pill { border-color: var(--marbl-white-15); }
.site-footer { position: relative; padding-top: max(var(--section-pad, var(--gap-2xl)),calc(160px + var(--gap-sm))); }
.site-footer > * { position: relative; z-index: 1; }
.site-footer .footer-top { padding-top: 0px; }
.site-footer { overflow-x: clip; }
.site-footer::before { left: auto; right: 0px; transform: none; }
@media (max-width: 768px) {
.page { --section-pad: var(--gap-xl); }
}
@media (max-width: 768px) {
.site-footer::before { width: 1600px; }
.site-footer { padding-top: calc(160px + var(--gap-lg)); }
}
.footer-social a[aria-label="LinkedIn"] { color: var(--marbl-ember); }
.footer-guide { display: grid; gap: var(--gap-2xs); justify-items: start; margin-top: var(--gap-md); padding: var(--gap-sm); border: 1px solid var(--marbl-white-15); }
.footer-guide__label { margin: 0px; color: var(--marbl-ember); }
.footer-guide__title { margin: 0px; font-family: var(--marbl-font-display); font-size: var(--text-lg); font-weight: var(--font-medium); line-height: 1.2; color: var(--marbl-white); text-wrap: balance; }
.footer-guide .footer-guide__btn { margin-top: var(--gap-xs); padding: 0 var(--gap-sm) 0 calc(var(--gap-sm) + var(--icon-lg) + var(--gap-2xs)); font-size: var(--text-xs); line-height: 1; width: auto; color: var(--marbl-white); }
.footer-guide .footer-guide__btn:hover, .footer-guide .footer-guide__btn:focus-visible { color: var(--marbl-ember); }
.oa-btn--icon { padding-left: calc(var(--gap-sm) + var(--icon-lg) + var(--gap-2xs)); }
.oa-btn--icon .oa-btn__icon { position: absolute; left: var(--gap-sm); top: 50%; width: var(--icon-lg); height: var(--icon-lg); transform: translateY(-50%); pointer-events: none; }
.oa-btn--icon::after { inset: 0 var(--gap-sm) 0 calc(var(--gap-sm) + var(--icon-lg) + var(--gap-2xs)); }
/* source: marbl.codes Base.BSNsb6_4.css */
/* from inline <style> */