/* Bulukutu design tokens, generated from the design system's tokens.json.
   Colours, fonts, spacing and shadows read WordPress's presets first, so
   changing a colour under Styles in the Site Editor changes the whole design. */
:root {
  --bk-ivory: var(--wp--preset--color--ivory, #f6f0e3);
  --bk-ivory-deep: var(--wp--preset--color--ivory-deep, #ede3cd);
  --bk-paper: var(--wp--preset--color--paper, #fbf8f0);
  --bk-line: var(--wp--preset--color--line, #ddd1b6);
  --bk-line-strong: var(--wp--preset--color--line-strong, #8f7f5c);
  --bk-ink: var(--wp--preset--color--ink, #1c1c14);
  --bk-ink-raised: var(--wp--preset--color--ink-raised, #2b2a20);
  --bk-ink-muted: var(--wp--preset--color--ink-muted, #5b5747);
  --bk-gold: var(--wp--preset--color--gold, #cfa551);
  --bk-gold-light: var(--wp--preset--color--gold-light, #ebd39b);
  --bk-gold-pale: var(--wp--preset--color--gold-pale, #f7ebcb);
  --bk-gold-shade: var(--wp--preset--color--gold-shade, #a9833f);
  --bk-bronze: var(--wp--preset--color--bronze, #8c6c34);
  --bk-bronze-deep: var(--wp--preset--color--bronze-deep, #6e5424);
  --bk-teal: var(--wp--preset--color--teal, #1b2e35);
  --bk-teal-raised: var(--wp--preset--color--teal-raised, #223a43);
  --bk-on-dark: var(--bk-ivory);
  --bk-on-dark-muted: var(--wp--preset--color--on-dark-muted, #c4c3b3);
  --bk-leaf: var(--wp--preset--color--leaf, #4a6632);
  --bk-rust: var(--wp--preset--color--rust, #9b3a20);
  --bk-focus: var(--bk-ink);
  --bk-focus-on-dark: var(--bk-gold-light);
  --bk-shadow-raised: var(--wp--preset--shadow--raised, inset 0 1px 0 rgba(255, 250, 232, 0.6), inset 0 -2px 0 rgba(70, 48, 14, 0.28), 0 2px 3px rgba(60, 40, 10, 0.22), 0 10px 20px -10px rgba(60, 40, 10, 0.55));
  --bk-shadow-raised-hover: var(--wp--preset--shadow--raised-hover, inset 0 1px 0 rgba(255, 250, 232, 0.7), inset 0 -2px 0 rgba(70, 48, 14, 0.3), 0 3px 5px rgba(60, 40, 10, 0.22), 0 16px 28px -12px rgba(60, 40, 10, 0.6));
  --bk-shadow-pressed: var(--wp--preset--shadow--pressed, inset 0 2px 5px rgba(60, 40, 10, 0.38), inset 0 -1px 0 rgba(255, 250, 232, 0.25), 0 1px 1px rgba(60, 40, 10, 0.18));
  --bk-shadow-card: var(--wp--preset--shadow--card, inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 2px rgba(60, 40, 10, 0.1), 0 8px 18px -12px rgba(60, 40, 10, 0.35));
  --bk-shadow-photo: var(--wp--preset--shadow--photo, 0 28px 56px -22px rgba(60, 38, 12, 0.45));
  --bk-shadow-drawer: var(--wp--preset--shadow--drawer, -24px 0 48px -24px rgba(28, 28, 20, 0.35));
  --bk-space-1: var(--wp--preset--spacing--space-1, 4px);
  --bk-space-2: var(--wp--preset--spacing--space-2, 8px);
  --bk-space-3: var(--wp--preset--spacing--space-3, 12px);
  --bk-space-4: var(--wp--preset--spacing--space-4, 16px);
  --bk-space-5: var(--wp--preset--spacing--space-5, 24px);
  --bk-space-6: var(--wp--preset--spacing--space-6, 32px);
  --bk-space-7: var(--wp--preset--spacing--space-7, 48px);
  --bk-space-8: var(--wp--preset--spacing--space-8, 64px);
  --bk-space-9: var(--wp--preset--spacing--space-9, 96px);
  --bk-space-10: var(--wp--preset--spacing--space-10, 128px);
  --bk-space-11: var(--wp--preset--spacing--space-11, 160px);
  --bk-radius-none: 0px;
  --bk-radius-xs: 2px;
  --bk-radius-round: 50%;
  --bk-layout-content: 640px;
  --bk-layout-wide: 1184px;
  --bk-layout-full: 1440px;
  --bk-font-serif: var(--wp--preset--font-family--serif, "EB Garamond", Garamond, "Times New Roman", serif);
  --bk-font-sans: var(--wp--preset--font-family--sans, Jost, Futura, "Century Gothic", "Trebuchet MS", sans-serif);
}

/* Type styles. Add the class to a block under Advanced, Additional CSS class(es). */
.bk-t-display-xl { font-family: var(--bk-font-serif); font-size: 88px; line-height: 0.98; font-weight: 400; letter-spacing: -0.015em; }
.bk-t-display-l { font-family: var(--bk-font-serif); font-size: 60px; line-height: 1.04; font-weight: 400; letter-spacing: -0.01em; }
.bk-t-display-m { font-family: var(--bk-font-serif); font-size: 40px; line-height: 1.12; font-weight: 400; }
.bk-t-card-title { font-family: var(--bk-font-serif); font-size: 26px; line-height: 1.25; font-weight: 500; }
.bk-t-lede { font-family: var(--bk-font-serif); font-size: 22px; line-height: 1.5; font-weight: 400; }
.bk-t-quote { font-family: var(--bk-font-serif); font-size: 30px; line-height: 1.3; font-weight: 400; font-style: italic; }
.bk-t-wordmark { font-family: var(--bk-font-serif); font-size: 22px; line-height: 1; font-weight: 500; letter-spacing: 0.18em; }
.bk-t-price-l { font-family: var(--bk-font-serif); font-size: 44px; line-height: 1; font-weight: 500; }
.bk-t-price-s { font-family: var(--bk-font-serif); font-size: 22px; line-height: 1.2; font-weight: 500; }
.bk-t-body { font-family: var(--bk-font-sans); font-size: 18px; line-height: 1.65; font-weight: 400; }
.bk-t-body-s { font-family: var(--bk-font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }
.bk-t-eyebrow { font-family: var(--bk-font-sans); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.2em; }
.bk-t-btn { font-family: var(--bk-font-sans); font-size: 13px; line-height: 1; font-weight: 500; letter-spacing: 0.14em; }
.bk-t-nav { font-family: var(--bk-font-sans); font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: 0.06em; }
.bk-t-caption { font-family: var(--bk-font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }