/* Design refresh -- andreduquemin.com homepage, Nov 2026.
   Additive overrides only. Does not touch Squarespace's generated grid
   markup, block structure or any other page. Safe to remove in one line
   (delete the <link> in <head>) to revert completely. */

:root {
  --eps-teal: #007a7a;
  --eps-teal-deep: #045959;
  --eps-cream: #fdfbf7;
  --eps-ink: #1c1c1c;
  --eps-ink-soft: rgba(28, 28, 28, 0.72);
  --eps-cream-soft: rgba(253, 251, 247, 0.82);
  --eps-hairline: rgba(28, 28, 28, 0.1);
  --eps-hairline-on-teal: rgba(253, 251, 247, 0.22);
  --eps-radius: 18px;
  --eps-shadow: 0 1px 2px rgba(28, 28, 28, 0.04), 0 12px 32px -16px rgba(28, 28, 28, 0.18);
}

/* Accessible focus states everywhere (keyboard navigation) */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--eps-teal);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---------- 1. Hero: stronger headline, more breathing room ---------- */
[data-section-id="6784dfc57487182a6f089dd0"] h2 {
  font-size: clamp(2.3rem, 2rem + 1.6vw, 3.4rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em;
  font-weight: 600 !important;
}

[data-section-id="6784dfc57487182a6f089dd0"] {
  padding-top: clamp(32px, 4vw, 64px);
  padding-bottom: clamp(24px, 3vw, 48px);
}

[data-section-id="6784dfc57487182a6f089dd0"] h4 {
  color: var(--eps-teal-deep);
  font-weight: 500 !important;
}

[data-section-id="6784dfc57487182a6f089dd0"] .sqs-block-button-element {
  box-shadow: var(--eps-shadow);
  padding-left: 2.1em !important;
  padding-right: 2.1em !important;
}

[data-section-id="6784dfc57487182a6f089dd0"] .fe-block-e32ec437ec1f6f89022c img {
  box-shadow: 0 18px 40px -20px rgba(28, 28, 28, 0.35);
}

/* ---------- 2. Problem recognition + At Work / Beyond Work ---------- */
[data-section-id="6a1dd8bce8484310c274acd7"] {
  padding-top: clamp(48px, 5vw, 88px);
  padding-bottom: clamp(32px, 4vw, 56px);
}

[data-section-id="6a1dd8bce8484310c274acd7"] h2 {
  font-size: clamp(1.7rem, 1.5rem + 1vw, 2.3rem) !important;
  line-height: 1.2 !important;
  max-width: 18ch;
}

[data-section-id="6a1dd8bce8484310c274acd7"] p.sqsrte-large {
  line-height: 1.65 !important;
}

[data-section-id="6784e17f70e5186746ca735b"] {
  padding-top: clamp(40px, 5vw, 72px);
  padding-bottom: clamp(48px, 5vw, 80px);
}

[data-section-id="6784e17f70e5186746ca735b"] h2 {
  font-size: clamp(1.6rem, 1.4rem + 0.8vw, 2.1rem) !important;
}

/* Give the At Work / Beyond Work lists their own quiet card so the two
   columns read as separated, scannable groups rather than one dense block. */
.fe-block-74e2382415ff62e917f2,
.fe-block-086870f99173e825b7df {
  background: var(--eps-cream);
  border: 1px solid var(--eps-hairline);
  border-radius: var(--eps-radius);
  padding: 8px 12px !important;
}

[data-section-id="6784e17f70e5186746ca735b"] h3 {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 1rem !important;
  color: var(--eps-teal-deep) !important;
}

[data-section-id="6784e17f70e5186746ca735b"] ul li {
  margin-bottom: 4px;
}

[data-section-id="6784e17f70e5186746ca735b"] ul p.sqsrte-large {
  line-height: 1.55 !important;
}

/* ---------- 3. Three systems: balanced restrained cards ---------- */
[data-section-id="6a1de0179ef2ec2e52de542f"] {
  padding-top: clamp(48px, 5vw, 80px);
  padding-bottom: clamp(48px, 5vw, 80px);
}

[data-section-id="6a1de0179ef2ec2e52de542f"] .fe-block {
  background: var(--eps-teal-deep);
  border: none !important;
  border-radius: var(--eps-radius) !important;
  box-shadow: var(--eps-shadow);
}

[data-section-id="6a1de0179ef2ec2e52de542f"] h3 {
  font-size: 1.2rem !important;
  letter-spacing: 0.01em;
  margin-bottom: 4px;
}

[data-section-id="6a1de0179ef2ec2e52de542f"] p.sqsrte-large {
  line-height: 1.6 !important;
  color: var(--eps-cream-soft) !important;
}

/* ---------- 4 & 6. Explanation sections: rhythm + easier reading ---------- */
[data-section-id="678639e3d3cc0d0fcf25bd55"] {
  padding-top: clamp(48px, 5vw, 80px);
  padding-bottom: clamp(40px, 4vw, 64px);
}

[data-section-id="678639e3d3cc0d0fcf25bd55"] h3 {
  font-size: clamp(1.5rem, 1.3rem + 0.8vw, 2rem) !important;
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

[data-section-id="6a1de1b1fe0fb86361978f91"] {
  padding-top: clamp(48px, 5vw, 80px);
  padding-bottom: clamp(48px, 5vw, 80px);
}

[data-section-id="6a1de1b1fe0fb86361978f91"] .section-background {
  background: #f3efe6 !important;
}

[data-section-id="678639e3d3cc0d0fcf25bd55"] p.sqsrte-large,
[data-section-id="6a1de1b1fe0fb86361978f91"] p.sqsrte-large {
  line-height: 1.7 !important;
  max-width: 62ch;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

[data-section-id="6a1de1b1fe0fb86361978f91"] h4 {
  max-width: 30ch;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem !important;
  text-align: center;
}

/* These blocks are flex-aligned to the start of a near-full-width cell by
   Squarespace's own design, which fights the centred, line-length-limited
   treatment above. Re-centre the flex alignment to match. */
.fe-block-8b1ea1b8db430250dc11 .sqs-block-alignment-wrapper,
.fe-block-a7cf97800e8a31db3544 .sqs-block-alignment-wrapper,
.fe-block-6d93a33177ac32302027 .sqs-block-alignment-wrapper {
  align-items: center !important;
}

/* ---------- 5. Outcomes: scannable two-column grid ---------- */
[data-section-id="6784e76a1f68b747d12f9469"] {
  padding-top: clamp(48px, 5vw, 80px);
  padding-bottom: clamp(48px, 5vw, 80px);
}

[data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  list-style: none !important;
}

[data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] li {
  background: rgba(253, 251, 247, 0.08);
  border: 1px solid var(--eps-hairline-on-teal);
  border-radius: 12px;
  padding: 14px 16px !important;
  margin: 0 !important;
}

[data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] li {
  list-style: none !important;
  list-style-type: none !important;
}

[data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] li::marker,
[data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] li::before,
[data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] li > :first-child::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  [data-section-id="6784e76a1f68b747d12f9469"] ul[data-rte-list="default"] {
    grid-template-columns: 1fr;
  }
}

/* ---------- 6. About: more prominence + credentials strip ---------- */
[data-section-id="634edd3dd255c52745a51d6c"] {
  padding-top: clamp(48px, 5vw, 88px);
  padding-bottom: clamp(56px, 6vw, 96px);
}

[data-section-id="634edd3dd255c52745a51d6c"] h2 {
  font-size: clamp(1.8rem, 1.6rem + 1vw, 2.4rem) !important;
}

.eps-credentials-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.eps-credential {
  background: var(--eps-cream);
  border: 1px solid var(--eps-hairline);
  border-radius: 12px;
  padding: 9px 8px;
  text-align: center;
}

.eps-credential .eps-credential-num {
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--eps-teal-deep);
  line-height: 1.15;
}

.eps-credential .eps-credential-label {
  display: block;
  font-size: 0.68rem;
  color: var(--eps-ink-soft);
  margin-top: 1px;
  line-height: 1.25;
}

@media (max-width: 767px) {
  .eps-credentials-strip {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
}

/* ---------- 7. Final CTA: visually distinct closing invitation ---------- */
.fe-block-yui_3_17_2_1_1736757513733_224107 {
  background: var(--eps-cream);
  border: 1px solid var(--eps-hairline);
  border-radius: var(--eps-radius);
  padding: 8px 20px !important;
}

.fe-block-yui_3_17_2_1_1736757513733_224107 blockquote {
  border-left: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.fe-block-yui_3_17_2_1_1740594823030_8045 {
  margin-top: 4px;
}

.fe-block-yui_3_17_2_1_1740594823030_8045 .sqs-block-button-element {
  box-shadow: var(--eps-shadow);
  padding-left: 2.2em !important;
  padding-right: 2.2em !important;
}