/** Shopify CDN: Minification failed

Line 251:0 Unexpected ")"

**/
/*
 * Abba & Co. approved footer and ampersand section styles (tokens, type, footer, paired panels).
 */

@font-face {
  font-family: 'Abba Jost';
  src: url('jost-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Abba Jost';
  src: url('jost-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Abba Jost';
  src: url('jost-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Abba Libre Baskerville';
  src: url('libre-baskerville-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Abba Libre Baskerville';
  src: url('libre-baskerville-400-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Abba Libre Baskerville';
  src: url('libre-baskerville-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Color */
  --ab-bone: #f5f1e8; /* dominant background */
  --ab-sand: #ebe5da; /* secondary surfaces, bands, dividers, image placeholders */
  --ab-ink: #20231f; /* body text, footer */
  --ab-navy: #1f2a44; /* dark story panels, hero fallback */
  --ab-accent: #ff6b2c; /* Blaze: buttons, fills, underlines, focus; Ink text on top */
  --ab-accent-on-dark: #ff6b2c; /* Blaze text is allowed on Navy (4.1:1) and Ink (5.4:1) only */
  --ab-accent-deep: #ff6b2c; /* One orange throughout (owner, 6 Oct 2026) */
  --ab-muted: #4a5265; /* labels, secondary text, input borders */
  --ab-scrim: rgba(32, 35, 31, 0.45); /* drawer backdrop */
  --ab-rule-on-dark: rgba(245, 241, 232, 0.2); /* dividers on navy/ink */
  --ab-input-on-dark: rgba(245, 241, 232, 0.55);

  /* Type */
  --ab-font-display: 'Abba Display', Georgia, serif;
  --ab-font-accent: 'Abba Libre Baskerville', 'Libre Baskerville', Baskerville, Georgia, serif; /* quotes, verse text, references, numerals; 400 only */
  --ab-font-ui: 'Abba Jost', 'Jost', Arial, sans-serif;

  --ab-text-hero: clamp(64px, 8.6vw, 124px); /* lh 0.94, ls -0.02em, 500 */
  --ab-text-numeral: clamp(168px, 25vw, 360px); /* side reference, lh 0.78, ls -0.04em */
  --ab-text-quote-xl: clamp(64px, 10vw, 160px); /* italic 400, lh 0.95 */
  --ab-text-h2: var(--font-size--h2); /* lh 1.04, ls -0.015em, 500 */
  --ab-text-h1-product: var(--font-size--h1); /* lh 1, ls -0.015em */
  --ab-text-h3: var(--font-size--h3); /* lh 1.06 */
  --ab-text-lead-serif: var(--font-size--h2); /* lh 1.28 */
  --ab-text-verse: var(--font-size--h3); /* italic, lh 1.42 */
  --ab-text-card-title: var(--font-size--h3); /* serif 500, lh 1.1 */
  --ab-text-body-lg: var(--font-size--paragraph); /* lh 1.65 */
  --ab-text-body: var(--font-size--paragraph); /* lh 1.5–1.55 */
  --ab-text-price: var(--font-size--paragraph);
  --ab-text-eyebrow: var(--font-size--h6); /* 600, ls 0.24em, uppercase, muted */
  --ab-text-nav: var(--font-size--h6); /* 500, ls 0.24em, uppercase */

  /* Layout */
  --ab-container: 1440px;
  --ab-gutter: clamp(20px, 5.6vw, 80px);
  --ab-section-y: clamp(96px, 11vw, 160px);
  --ab-section-y-sm: clamp(80px, 9vw, 128px);
  --ab-grid-gap: 24px;
  --ab-header-h: 88px; /* desktop ≥1024 */
  --ab-header-h-mobile: 64px;

  /* Shape and controls */
  --ab-radius: 2px;
  --ab-btn-h: 56px;
  --ab-btn-h-sm: 52px;
  --ab-btn-pad-x: 32px;
  --ab-hit: 44px;
  --ab-underline-offset: 8px; /* 6px on small links */
  --ab-focus: 2px solid var(--ab-accent);
  --ab-focus-offset: 3px;

  /* Motion (all disabled under prefers-reduced-motion) */
  --ab-dur-fast: 180ms; /* color, underline */
  --ab-dur-base: 220ms; /* header, dropdown, menu */
  --ab-dur-drawer: 240ms;
  --ab-dur-reveal: 260ms;
  --ab-ease: ease;

  /* Legacy aliases used by earlier abbaco-* sections */
  --abba-bone: var(--ab-bone);
  --abba-sand: var(--ab-sand);
  --abba-ink: var(--ab-ink);
  --abba-navy: var(--ab-navy);
  --abba-muted: var(--ab-muted);
  --abba-font-display: var(--ab-font-display);
  --abba-font-body: var(--ab-font-ui);
  --abba-space-1: 0.8rem;
  --abba-space-2: 1.6rem;
  --abba-space-3: 2.4rem;
  --abba-space-4: 3.2rem;
  --abba-space-5: 4.8rem;
  --abba-space-6: 6.4rem;
  --abba-space-7: 9.6rem;
  --abba-radius: var(--ab-radius);

  /* Dawn overrides */
  --font-heading-family: var(--ab-font-display);
  --font-heading-style: normal;
  --font-heading-weight: 500;
  --font-body-family: var(--ab-font-ui);
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 600;
  --alpha-link: 1;
  --focused-base-outline: var(--ab-focus);
  --focused-base-outline-offset: var(--ab-focus-offset);
  --focused-base-box-shadow: none;
}

:root {
  /* Color */
  --ab-bone: #f5f1e8; /* dominant background */
  --ab-sand: #ebe5da; /* secondary surfaces, bands, dividers, image placeholders */
  --ab-ink: #20231f; /* body text, footer */
  --ab-navy: #1f2a44; /* dark story panels, hero fallback */
  --ab-accent: #ff6b2c; /* Blaze: buttons, fills, underlines, focus; Ink text on top */
  --ab-accent-on-dark: #ff6b2c; /* Blaze text is allowed on Navy (4.1:1) and Ink (5.4:1) only */
  --ab-accent-deep: #ff6b2c; /* One orange throughout (owner, 6 Oct 2026) */
  --ab-muted: #4a5265; /* labels, secondary text, input borders */
  --ab-scrim: rgba(32, 35, 31, 0.45); /* drawer backdrop */
  --ab-rule-on-dark: rgba(245, 241, 232, 0.2); /* dividers on navy/ink */
  --ab-input-on-dark: rgba(245, 241, 232, 0.55);

  /* Type */
  --ab-font-display: 'Abba Display', Georgia, serif;
  --ab-font-accent: 'Abba Libre Baskerville', 'Libre Baskerville', Baskerville, Georgia, serif; /* quotes, verse text, references, numerals; 400 only */
  --ab-font-ui: 'Abba Jost', 'Jost', Arial, sans-serif;

  --ab-text-hero: clamp(64px, 8.6vw, 124px); /* lh 0.94, ls -0.02em, 500 */
  --ab-text-numeral: clamp(168px, 25vw, 360px); /* side reference, lh 0.78, ls -0.04em */
  --ab-text-quote-xl: clamp(64px, 10vw, 160px); /* italic 400, lh 0.95 */
  --ab-text-h2: var(--font-size--h2); /* lh 1.04, ls -0.015em, 500 */
  --ab-text-h1-product: var(--font-size--h1); /* lh 1, ls -0.015em */
  --ab-text-h3: var(--font-size--h3); /* lh 1.06 */
  --ab-text-lead-serif: var(--font-size--h2); /* lh 1.28 */
  --ab-text-verse: var(--font-size--h3); /* italic, lh 1.42 */
  --ab-text-card-title: var(--font-size--h3); /* serif 500, lh 1.1 */
  --ab-text-body-lg: var(--font-size--paragraph); /* lh 1.65 */
  --ab-text-body: var(--font-size--paragraph); /* lh 1.5–1.55 */
  --ab-text-price: var(--font-size--paragraph);
  --ab-text-eyebrow: var(--font-size--h6); /* 600, ls 0.24em, uppercase, muted */
  --ab-text-nav: var(--font-size--h6); /* 500, ls 0.24em, uppercase */

  /* Layout */
  --ab-container: 1440px;
  --ab-gutter: clamp(20px, 5.6vw, 80px);
  --ab-section-y: clamp(96px, 11vw, 160px);
  --ab-section-y-sm: clamp(80px, 9vw, 128px);
  --ab-grid-gap: 24px;
  --ab-header-h: 88px; /* desktop ≥1024 */
  --ab-header-h-mobile: 64px;

  /* Shape and controls */
  --ab-radius: 2px;
  --ab-btn-h: 56px;
  --ab-btn-h-sm: 52px;
  --ab-btn-pad-x: 32px;
  --ab-hit: 44px;
  --ab-underline-offset: 8px; /* 6px on small links */
  --ab-focus: 2px solid var(--ab-accent);
  --ab-focus-offset: 3px;

  /* Motion (all disabled under prefers-reduced-motion) */
  --ab-dur-fast: 180ms; /* color, underline */
  --ab-dur-base: 220ms; /* header, dropdown, menu */
  --ab-dur-drawer: 240ms;
  --ab-dur-reveal: 260ms;
  --ab-ease: ease;

  /* Legacy aliases used by earlier abbaco-* sections */
  --abba-bone: var(--ab-bone);
  --abba-sand: var(--ab-sand);
  --abba-ink: var(--ab-ink);
  --abba-navy: var(--ab-navy);
  --abba-muted: var(--ab-muted);
  --abba-font-display: var(--ab-font-display);
  --abba-font-body: var(--ab-font-ui);
  --abba-space-1: 0.8rem;
  --abba-space-2: 1.6rem;
  --abba-space-3: 2.4rem;
  --abba-space-4: 3.2rem;
  --abba-space-5: 4.8rem;
  --abba-space-6: 6.4rem;
  --abba-space-7: 9.6rem;
  --abba-radius: var(--ab-radius);

  /* Dawn overrides */
  --font-heading-family: var(--ab-font-display);
  --font-heading-style: normal;
  --font-heading-weight: 500;
  --font-body-family: var(--ab-font-ui);
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bold: 600;
  --alpha-link: 1;
  --focused-base-outline: var(--ab-focus);
  --focused-base-outline-offset: var(--ab-focus-offset);
  --focused-base-box-shadow: none;
}
:root {
  --ab-sand-light: #efe9de; /* the ampersand / In good company pairing */
}
:root {
  --ab-home-y: 64px;
  --ab-kraft: #dcc7a6; /* A reminder in every detail (owner, 5 Oct 2026) */
}
:root {
  --ab-accent-small-on-navy: #ff6b2c;
}

). Abba & Co. relies on some intentionally empty ones: the header
   spacer, Sand image placeholders, and live status regions. */
.ab-header__spacer:empty,
.ab-media:empty,
p.ab-newsletter__msg:empty,
p.ab-notify__msg:empty,
p.ab-footer__msg:empty,
.ab-gift-status:empty {
  display: block;
}

/* Container used by every abbaco-* section */
.ab-container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ab-container);
  margin-inline: auto;
  padding-inline: var(--ab-gutter);
}

/* ---------------------------------------------------------------------------
 * Type utilities (token scale)
 * ------------------------------------------------------------------------- */

.ab-eyebrow,
.abba-label {
  margin: 0;
  font-family: var(--ab-font-ui);
  font-size: var(--ab-text-eyebrow);
  font-weight: 600;
  letter-spacing: 0.24em;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--ab-muted);
}

.abba-on-dark .ab-eyebrow,
.abba-on-dark .abba-label {
  color: var(--ab-sand);
}

.ab-display {
  margin: 0;
  font-family: var(--ab-font-display);
  font-weight: 500;
  color: inherit;
  text-wrap: balance;
}

/* ---------------------------------------------------------------------------
 * Links: Ink text, 1px Blaze underline at 8px (6px small); hover keeps Ink
 * and thickens the Blaze underline to 2px (v5: no orange text on Bone/Sand).
 * On dark: Bone text, Blaze underline; hover turns the text Blaze.
 * ------------------------------------------------------------------------- */

.ab-link,
.rte a:not(.button),
.underlined-link {
  color: var(--ab-ink);
  text-decoration: underline;
  text-decoration-color: var(--ab-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--ab-underline-offset);
  transition: text-decoration-color var(--ab-dur-fast) var(--ab-ease), color var(--ab-dur-fast) var(--ab-ease);
}

.ab-link:hover,
.rte a:not(.button):hover,
.underlined-link:hover {
  color: var(--ab-ink);
  text-decoration-color: var(--ab-accent);
  text-decoration-thickness: 2px;
}

.abba-on-dark .ab-link,
.abba-on-dark .rte a:not(.button) {
  color: var(--ab-bone);
  text-decoration-color: var(--ab-accent-on-dark);
}

.abba-on-dark .ab-link:hover,
.abba-on-dark .rte a:not(.button):hover {
  color: var(--ab-accent-on-dark);
  text-decoration-color: var(--ab-accent-on-dark);
}

/* ---------------------------------------------------------------------------
 * Section: abbaco-footer (Site Footer.dc.html)
 * ------------------------------------------------------------------------- */

.ab-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--ab-ink);
  color: var(--ab-bone);
  font-family: var(--ab-font-ui);
}

.ab-footer__main {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: 0 auto;
  border-bottom: 1px solid var(--ab-rule-on-dark);
}

.ab-footer__brand {
  display: flex;
  flex: 1 1 420px;
  flex-direction: column;
  gap: 28px;
  box-sizing: border-box;
  padding: clamp(56px, 7vw, 104px) var(--ab-gutter);
  border-right: 1px solid var(--ab-rule-on-dark);
}

.ab-footer__creed {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ab-footer__carry {
  margin: 0;
  font-family: var(--ab-font-display);
  font-size: var(--font-size--h3);
  font-weight: 500;
  line-height: 1.15;
  color: var(--ab-bone);
}

.ab-footer__company {
  max-width: 42ch;
  margin: 0;
  font-size: var(--font-size--paragraph);
  line-height: 1.6;
  color: var(--ab-sand);
}

.ab-footer__tagline {
  margin: 6px 0 0;
  font-family: var(--ab-font-accent);
  font-style: italic;
  font-size: var(--font-size--h3);
  line-height: 1.05;
  font-weight: 400;
  color: var(--ab-accent-on-dark);
}

.ab-footer__rooted {
  margin: 0;
  font-size: var(--font-size--h6);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ab-sand);
}

.ab-footer__signup-text {
  max-width: 40ch;
  margin: 8px 0 0;
  font-size: var(--font-size--paragraph);
  line-height: 1.6;
  color: var(--ab-sand);
}

.ab-footer__signup {
  max-width: 480px;
}

.ab-footer .ab-footer__label {
  display: block;
  margin-bottom: 10px;
  color: var(--ab-sand);
}

.ab-footer__signup-row {
  display: flex;
  border: 1px solid var(--ab-input-on-dark);
  border-radius: 2px;
}

.ab-footer__signup-row:has([aria-invalid='true']) {
  border-color: var(--ab-accent-on-dark);
}

.ab-footer__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 54px;
  padding: 0 16px;
  border: 0;
  background: transparent;
  font-family: var(--ab-font-ui);
  font-size: var(--font-size--paragraph);
  color: var(--ab-bone);
  outline-offset: 2px;
}

.ab-footer__input::placeholder {
  color: rgba(245, 241, 232, 0.6);
}

.ab-footer__submit {
  appearance: none;
  flex: none;
  padding: 0 20px;
  white-space: nowrap; /* "Join the company" on one line */
  border: 0;
  border-radius: 0 1px 1px 0;
  background: var(--ab-accent);
  color: var(--ab-ink);
  font-family: var(--ab-font-ui);
  font-size: var(--font-size--paragraph);
  font-weight: 500;
  cursor: pointer;
  transition: background-color var(--ab-dur-fast) ease, color var(--ab-dur-fast) ease;
}

.ab-footer__submit:hover {
  background: var(--ab-bone);
  color: var(--ab-ink);
}

.ab-footer__msg {
  min-height: 24px;
  margin: 10px 0 0;
  font-size: var(--font-size--paragraph);
  color: var(--ab-sand);
}

.ab-footer__msg.is-error,
.ab-footer__signup-row:has([aria-invalid='true']) + .ab-footer__msg {
  color: var(--ab-accent-on-dark);
}

.ab-footer__social {
  display: flex;
  gap: 8px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}

.ab-footer__social-link {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(245, 241, 232, 0.3);
  border-radius: 2px;
  color: var(--ab-bone);
  transition: border-color var(--ab-dur-fast) ease, color var(--ab-dur-fast) ease;
}

.ab-footer__social-link:hover {
  border-color: var(--ab-accent-on-dark);
  color: var(--ab-accent-on-dark);
}

.ab-footer__cols {
  display: grid;
  flex: 2 1 560px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 48px 40px;
  align-content: start;
  box-sizing: border-box;
  padding: clamp(56px, 7vw, 104px) var(--ab-gutter);
}

.ab-footer .ab-footer__col-title {
  margin: 0 0 20px;
  color: var(--ab-sand);
}

.ab-footer__links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ab-footer__link {
  display: inline-block;
  padding: 8px 0;
  font-size: var(--font-size--paragraph);
  color: var(--ab-bone);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  transition: text-decoration-color var(--ab-dur-fast) ease;
}

.ab-footer__link:hover,
.ab-footer__link[aria-current='page'] {
  color: var(--ab-accent-on-dark);
  text-decoration-color: var(--ab-accent-on-dark);
}

.ab-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 32px;
  box-sizing: border-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 24px var(--ab-gutter);
  font-size: var(--font-size--h5);
  color: var(--ab-sand);
}

.ab-footer__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.ab-footer__legal a {
  color: var(--ab-sand);
  text-decoration: none;
}

.ab-footer__legal a:hover {
  color: var(--ab-accent-on-dark);
  text-decoration: underline;
  text-decoration-color: var(--ab-accent-on-dark);
  text-underline-offset: 5px;
}

.ab-footer__wordmark {
  padding: 0 clamp(20px, 3vw, 48px) clamp(32px, 4vw, 56px);
}

.ab-footer__wordmark img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.95;
}

.ab-details__cell--inside .ab-eyebrow {
  color: var(--ab-sand);
}

.ab-eyebrow + .ab-steps__title {
  margin-top: 20px;
}

.ab-ihero .ab-eyebrow {
  margin: 0;
  color: var(--ab-sand);
}

.ab-dcols .ab-eyebrow {
  margin: 0;
}

.ab-journal__intro .ab-eyebrow {
  margin: 0;
}

.ab-container + .ab-article__body {
  padding-top: clamp(64px, 7vw, 104px);
}

.ab-container + .ab-article__body > p:first-child {
  margin-top: 0;
  font-family: var(--ab-font-display);
  font-weight: 500;
  font-size: var(--font-size--h3);
  line-height: 1.32;
}

.ab-info__mast-copy .ab-eyebrow {
  margin: 0;
}

.ab-404 .ab-eyebrow {
  margin: 0;
}

.ab-password .ab-eyebrow {
  margin: 0;
  color: var(--ab-sand);
}

.ab-season-others__head .ab-eyebrow {
  margin: 0;
}

/* The ampersand: paired panels */
.ab-amp-panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  border-top: 1px solid var(--ab-sand);
}

.ab-amp-panels__panel {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-block: clamp(40px, 5vw, 72px);
}

.ab-amp-panels__panel--one {
  padding-right: clamp(0px, 4vw, 64px);
}

.ab-amp-panels__panel--two {
  justify-content: center;
  padding-left: clamp(0px, 4vw, 64px);
  border-left: 1px solid var(--ab-sand);
}

@media screen and (max-width: 939px) {
  .ab-amp-panels__panel--one {
    padding-right: 0;
  }

  .ab-amp-panels__panel--two {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--ab-sand);
  }
}

.ab-amp-panels__img {
  width: clamp(64px, 7vw, 96px);
  height: auto;
}

.ab-amp-panels__eyebrow {
  margin: 0;
  font-size: var(--font-size--h6);
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--ab-muted);
}

.ab-amp-panels__title {
  font-size: var(--font-size--h1);
  line-height: 1.06;
}

.ab-amp-panels__text,
.ab-amp-panels__company {
  margin: 0;
  font-size: var(--font-size--paragraph);
  line-height: 1.65;
  text-wrap: pretty;
}

.ab-amp-panels__company {
  max-width: 40ch;
}

.ab-amp-panels__amp {
  font-family: var(--ab-font-accent);
  font-style: italic;
  color: var(--ab-accent);
}

.ab-amp-panels__closing {
  margin: 8px 0 0;
  font-family: var(--ab-font-accent);
  font-size: var(--font-size--h4);
  font-style: italic;
  line-height: 1.4;
}

.ab-amp-panels__tagline {
  margin: 0;
  font-family: var(--ab-font-accent);
  font-size: clamp(44px, 5vw, 76px);
  font-style: italic;
  line-height: 1;
  color: #ff6b2c; /* Blaze (owner, 11 Oct 2026) */
}

.ab-amp-panels__rooted {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0 0;
  font-size: var(--font-size--h5);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ab-muted);
}

.ab-amp-panels__rooted > span {
  display: block;
  width: 28px;
  height: 2px;
  background: var(--ab-accent);
}

/* v6 footer: ESV notice and the ampersand watermark (Site Footer.dc.html) */
.ab-footer__esv {
  box-sizing: border-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 var(--ab-gutter) 28px;
  font-size: var(--font-size--h6);
  line-height: 1.6;
  color: var(--ab-sand);
}

.ab-footer__watermark {
  position: absolute;
  z-index: -1;
  right: -6%;
  bottom: -18%;
  width: clamp(520px, 58vw, 940px);
  height: auto;
  filter: brightness(0) invert(1);
  opacity: 0.04;
  pointer-events: none;
  user-select: none;
}

.ab-first3__card:hover .ab-first3__see .ab-link {
  text-decoration-thickness: 2px;
}

/* 5.6 The ampersand / In good company pairing: Light sand, two columns from
   960px with a 1px rule between, both vertically centered */
/* Changes v07, section 3: Sand #ebe5da (was Light sand #EFE9DE, too close
   to the cream of Back the next cap) */
.section-abbaco-ampersand-panels {
  background: var(--ab-sand);
}

.ab-amp-panels {
  grid-template-columns: minmax(0, 1fr);
  border-top: 0;
}

.ab-amp-panels__panel--one,
.ab-amp-panels__panel--two {
  justify-content: center;
  padding-inline: 0;
  border-left: 0;
}

.ab-amp-panels__panel--two {
  border-top: 1px solid #cfc5b3; /* the design's rule on Light sand */
}

@media screen and (min-width: 960px) {
  .ab-amp-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ab-amp-panels__panel--one {
    padding-right: clamp(32px, 4vw, 64px);
  }

  .ab-amp-panels__panel--two {
    padding-left: clamp(32px, 4vw, 64px);
    border-top: 0;
    border-left: 1px solid #cfc5b3;
  }
}

.ab-amp-panels__tagline {
  font-size: var(--font-size--h1);
  overflow-wrap: break-word;
}

/* Pairing: the section carries the spacing; the panels only space each other */
.ab-amp-panels {
  padding-block: var(--ab-home-y);
}

.ab-amp-panels__panel {
  padding-block: 0;
}

@media screen and (max-width: 959px) {
  .ab-amp-panels__panel--one {
    padding-bottom: 48px;
  }

  .ab-amp-panels__panel--two {
    padding-top: 48px;
  }
}

/* One orange throughout, #FF6B2C (owner, 6 Oct 2026). On cream and sand it
   measures about 2.6:1, below WCAG AA for small text. */
/* Why Abba's own stylesheet loads after this file, so its rules need
   one more class to win. */
.ab-amp-panels__amp,
.wa-2 .wa-3,
.wa-62 .wa-3,
.wa-67 .wa-68 {
  color: var(--ab-accent-deep);
}

.ab-storyb__journal .ab-link {
  color: var(--ab-accent-small-on-navy);
  text-decoration-color: var(--ab-accent-small-on-navy);
}

/* 6 Oct 2026: supporting line and Our story link in panel two (content only) */
.ab-amp-panels__support {
  margin-top: 18px;
}

.ab-amp-panels__story {
  margin: 14px 0 0;
}